@charset "UTF-8";
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-Regular.ttf");
  src: url("/assets/fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-Bold.ttf");
  src: url("/assets/fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: bold; }
/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url("/assets/fonts/ionicons.eot?v=2.0.0");
  src: url("/assets/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("/assets/fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("/assets/fonts/ionicons.woff?v=2.0.0") format("woff"), url("/assets/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal; }
.ion, .ionicons,
.ion-alert:before,
.ion-alert-circled:before,
.ion-android-add:before,
.ion-android-add-circle:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done:before,
.ion-android-done-all:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite:before,
.ion-android-favorite-outline:before,
.ion-android-film:before,
.ion-android-folder:before,
.ion-android-folder-open:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone:before,
.ion-android-microphone-off:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person:before,
.ion-android-person-add:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove:before,
.ion-android-remove-circle:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share:before,
.ion-android-share-alt:before,
.ion-android-star:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-sort-c:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace:before,
.ion-backspace-outline:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox:before,
.ion-chatbox-working:before,
.ion-chatboxes:before,
.ion-chatbubble:before,
.ion-chatbubble-working:before,
.ion-chatbubbles:before,
.ion-checkmark:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document:before,
.ion-document-text:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email:before,
.ion-email-unread:before,
.ion-erlenmeyer-flask:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-eye:before,
.ion-eye-disabled:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash:before,
.ion-flash-off:before,
.ion-folder:before,
.ion-fork:before,
.ion-fork-repo:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy:before,
.ion-happy-add:before,
.ion-happy-checkmark:before,
.ion-happy-close:before,
.ion-happy-iphone:before,
.ion-happy-outline:before,
.ion-headphone:before,
.ion-heart:before,
.ion-heart-broken:before,
.ion-help:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information:before,
.ion-information-circled:before,
.ion-ionic:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-bell:before,
.ion-ios-bell-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bolt:before,
.ion-ios-bolt-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-box:before,
.ion-ios-box-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compose:before,
.ion-ios-compose-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-strong:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-drag:before,
.ion-ios-email:before,
.ion-ios-email-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-gear:before,
.ion-ios-gear-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-grid-view:before,
.ion-ios-grid-view-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-list:before,
.ion-ios-list-outline:before,
.ion-ios-location:before,
.ion-ios-location-outline:before,
.ion-ios-locked:before,
.ion-ios-locked-outline:before,
.ion-ios-loop:before,
.ion-ios-loop-strong:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-minus:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-monitor:before,
.ion-ios-monitor-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paperplane:before,
.ion-ios-paperplane-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-outline:before,
.ion-ios-personadd:before,
.ion-ios-personadd-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-plus:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-printer:before,
.ion-ios-printer-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-strong:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-search:before,
.ion-ios-search-strong:before,
.ion-ios-settings:before,
.ion-ios-settings-strong:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-strong:before,
.ion-ios-skipbackward:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-snowy:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-telephone:before,
.ion-ios-telephone-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-toggle:before,
.ion-ios-toggle-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlocked:before,
.ion-ios-unlocked-outline:before,
.ion-ios-upload:before,
.ion-ios-upload-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass:before,
.ion-ios-wineglass-outline:before,
.ion-ios-world:before,
.ion-ios-world-outline:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-naritiv-alarm-clock:before,
.ion-naritiv-building:before,
.ion-naritiv-grid-view:before,
.ion-naritiv-list-view:before,
.ion-naritiv-pencil:before,
.ion-naritiv-sign:before,
.ion-navicon:before,
.ion-navicon-round:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-people-promoters:before,
.ion-person:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply:before,
.ion-reply-all:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad:before,
.ion-sad-outline:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-snapchat-screenshot:before,
.ion-social-android:before,
.ion-social-android-outline:before,
.ion-social-angular:before,
.ion-social-angular-outline:before,
.ion-social-apple:before,
.ion-social-apple-outline:before,
.ion-social-bitcoin:before,
.ion-social-bitcoin-outline:before,
.ion-social-buffer:before,
.ion-social-buffer-outline:before,
.ion-social-chrome:before,
.ion-social-chrome-outline:before,
.ion-social-codepen:before,
.ion-social-codepen-outline:before,
.ion-social-css3:before,
.ion-social-css3-outline:before,
.ion-social-designernews:before,
.ion-social-designernews-outline:before,
.ion-social-dribbble:before,
.ion-social-dribbble-outline:before,
.ion-social-dropbox:before,
.ion-social-dropbox-outline:before,
.ion-social-euro:before,
.ion-social-euro-outline:before,
.ion-social-facebook:before,
.ion-social-facebook-outline:before,
.ion-social-foursquare:before,
.ion-social-foursquare-outline:before,
.ion-social-freebsd-devil:before,
.ion-social-github:before,
.ion-social-github-outline:before,
.ion-social-google:before,
.ion-social-google-outline:before,
.ion-social-googleplus:before,
.ion-social-googleplus-outline:before,
.ion-social-hackernews:before,
.ion-social-hackernews-outline:before,
.ion-social-html5:before,
.ion-social-html5-outline:before,
.ion-social-instagram:before,
.ion-social-instagram-outline:before,
.ion-social-javascript:before,
.ion-social-javascript-outline:before,
.ion-social-linkedin:before,
.ion-social-linkedin-outline:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest:before,
.ion-social-pinterest-outline:before,
.ion-social-python:before,
.ion-social-reddit:before,
.ion-social-reddit-outline:before,
.ion-social-rss:before,
.ion-social-rss-outline:before,
.ion-social-sass:before,
.ion-social-skype:before,
.ion-social-skype-outline:before,
.ion-social-snapchat:before,
.ion-social-snapchat-film:before,
.ion-social-snapchat-film-close:before,
.ion-social-snapchat-film-sad:before,
.ion-social-snapchat-outline:before,
.ion-social-tumblr:before,
.ion-social-tumblr-outline:before,
.ion-social-tux:before,
.ion-social-twitch:before,
.ion-social-twitch-outline:before,
.ion-social-twitter:before,
.ion-social-twitter-outline:before,
.ion-social-usd:before,
.ion-social-usd-outline:before,
.ion-social-vimeo:before,
.ion-social-vimeo-outline:before,
.ion-social-whatsapp:before,
.ion-social-whatsapp-outline:before,
.ion-social-windows:before,
.ion-social-windows-outline:before,
.ion-social-wordpress:before,
.ion-social-wordpress-outline:before,
.ion-social-yahoo:before,
.ion-social-yahoo-outline:before,
.ion-social-yen:before,
.ion-social-yen-outline:before,
.ion-social-youtube:before,
.ion-social-youtube-outline:before,
.ion-soup-can:before,
.ion-soup-can-outline:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle:before,
.ion-toggle-filled:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt:before,
.ion-tshirt-outline:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ion-alert:before {
  content: ""; }

.ion-alert-circled:before {
  content: ""; }

.ion-android-add:before {
  content: ""; }

.ion-android-add-circle:before {
  content: ""; }

.ion-android-alarm-clock:before {
  content: ""; }

.ion-android-alert:before {
  content: ""; }

.ion-android-apps:before {
  content: ""; }

.ion-android-archive:before {
  content: ""; }

.ion-android-arrow-back:before {
  content: ""; }

.ion-android-arrow-down:before {
  content: ""; }

.ion-android-arrow-dropdown:before {
  content: ""; }

.ion-android-arrow-dropdown-circle:before {
  content: ""; }

.ion-android-arrow-dropleft:before {
  content: ""; }

.ion-android-arrow-dropleft-circle:before {
  content: ""; }

.ion-android-arrow-dropright:before {
  content: ""; }

.ion-android-arrow-dropright-circle:before {
  content: ""; }

.ion-android-arrow-dropup:before {
  content: ""; }

.ion-android-arrow-dropup-circle:before {
  content: ""; }

.ion-android-arrow-forward:before {
  content: ""; }

.ion-android-arrow-up:before {
  content: ""; }

.ion-android-attach:before {
  content: ""; }

.ion-android-bar:before {
  content: ""; }

.ion-android-bicycle:before {
  content: ""; }

.ion-android-boat:before {
  content: ""; }

.ion-android-bookmark:before {
  content: ""; }

.ion-android-bulb:before {
  content: ""; }

.ion-android-bus:before {
  content: ""; }

.ion-android-calendar:before {
  content: ""; }

.ion-android-call:before {
  content: ""; }

.ion-android-camera:before {
  content: ""; }

.ion-android-cancel:before {
  content: ""; }

.ion-android-car:before {
  content: ""; }

.ion-android-cart:before {
  content: ""; }

.ion-android-chat:before {
  content: ""; }

.ion-android-checkbox:before {
  content: ""; }

.ion-android-checkbox-blank:before {
  content: ""; }

.ion-android-checkbox-outline:before {
  content: ""; }

.ion-android-checkbox-outline-blank:before {
  content: ""; }

.ion-android-checkmark-circle:before {
  content: ""; }

.ion-android-clipboard:before {
  content: ""; }

.ion-android-close:before {
  content: ""; }

.ion-android-cloud:before {
  content: ""; }

.ion-android-cloud-circle:before {
  content: ""; }

.ion-android-cloud-done:before {
  content: ""; }

.ion-android-cloud-outline:before {
  content: ""; }

.ion-android-color-palette:before {
  content: ""; }

.ion-android-compass:before {
  content: ""; }

.ion-android-contact:before {
  content: ""; }

.ion-android-contacts:before {
  content: ""; }

.ion-android-contract:before {
  content: ""; }

.ion-android-create:before {
  content: ""; }

.ion-android-delete:before {
  content: ""; }

.ion-android-desktop:before {
  content: ""; }

.ion-android-document:before {
  content: ""; }

.ion-android-done:before {
  content: ""; }

.ion-android-done-all:before {
  content: ""; }

.ion-android-download:before {
  content: ""; }

.ion-android-drafts:before {
  content: ""; }

.ion-android-exit:before {
  content: ""; }

.ion-android-expand:before {
  content: ""; }

.ion-android-favorite:before {
  content: ""; }

.ion-android-favorite-outline:before {
  content: ""; }

.ion-android-film:before {
  content: ""; }

.ion-android-folder:before {
  content: ""; }

.ion-android-folder-open:before {
  content: ""; }

.ion-android-funnel:before {
  content: ""; }

.ion-android-globe:before {
  content: ""; }

.ion-android-hand:before {
  content: ""; }

.ion-android-hangout:before {
  content: ""; }

.ion-android-happy:before {
  content: ""; }

.ion-android-home:before {
  content: ""; }

.ion-android-image:before {
  content: ""; }

.ion-android-laptop:before {
  content: ""; }

.ion-android-list:before {
  content: ""; }

.ion-android-locate:before {
  content: ""; }

.ion-android-lock:before {
  content: ""; }

.ion-android-mail:before {
  content: ""; }

.ion-android-map:before {
  content: ""; }

.ion-android-menu:before {
  content: ""; }

.ion-android-microphone:before {
  content: ""; }

.ion-android-microphone-off:before {
  content: ""; }

.ion-android-more-horizontal:before {
  content: ""; }

.ion-android-more-vertical:before {
  content: ""; }

.ion-android-navigate:before {
  content: ""; }

.ion-android-notifications:before {
  content: ""; }

.ion-android-notifications-none:before {
  content: ""; }

.ion-android-notifications-off:before {
  content: ""; }

.ion-android-open:before {
  content: ""; }

.ion-android-options:before {
  content: ""; }

.ion-android-people:before {
  content: ""; }

.ion-android-person:before {
  content: ""; }

.ion-android-person-add:before {
  content: ""; }

.ion-android-phone-landscape:before {
  content: ""; }

.ion-android-phone-portrait:before {
  content: ""; }

.ion-android-pin:before {
  content: ""; }

.ion-android-plane:before {
  content: ""; }

.ion-android-playstore:before {
  content: ""; }

.ion-android-print:before {
  content: ""; }

.ion-android-radio-button-off:before {
  content: ""; }

.ion-android-radio-button-on:before {
  content: ""; }

.ion-android-refresh:before {
  content: ""; }

.ion-android-remove:before {
  content: ""; }

.ion-android-remove-circle:before {
  content: ""; }

.ion-android-restaurant:before {
  content: ""; }

.ion-android-sad:before {
  content: ""; }

.ion-android-search:before {
  content: ""; }

.ion-android-send:before {
  content: ""; }

.ion-android-settings:before {
  content: ""; }

.ion-android-share:before {
  content: ""; }

.ion-android-share-alt:before {
  content: ""; }

.ion-android-star:before {
  content: ""; }

.ion-android-star-half:before {
  content: ""; }

.ion-android-star-outline:before {
  content: ""; }

.ion-android-stopwatch:before {
  content: ""; }

.ion-android-subway:before {
  content: ""; }

.ion-android-sunny:before {
  content: ""; }

.ion-android-sync:before {
  content: ""; }

.ion-android-textsms:before {
  content: ""; }

.ion-android-time:before {
  content: ""; }

.ion-android-train:before {
  content: ""; }

.ion-android-unlock:before {
  content: ""; }

.ion-android-upload:before {
  content: ""; }

.ion-android-volume-down:before {
  content: ""; }

.ion-android-volume-mute:before {
  content: ""; }

.ion-android-volume-off:before {
  content: ""; }

.ion-android-volume-up:before {
  content: ""; }

.ion-android-walk:before {
  content: ""; }

.ion-android-warning:before {
  content: ""; }

.ion-android-watch:before {
  content: ""; }

.ion-android-wifi:before {
  content: ""; }

.ion-aperture:before {
  content: ""; }

.ion-archive:before {
  content: ""; }

.ion-arrow-down-a:before {
  content: ""; }

.ion-arrow-down-b:before {
  content: ""; }

.ion-arrow-down-c:before {
  content: ""; }

.ion-arrow-expand:before {
  content: ""; }

.ion-arrow-graph-down-left:before {
  content: ""; }

.ion-arrow-graph-down-right:before {
  content: ""; }

.ion-arrow-graph-up-left:before {
  content: ""; }

.ion-arrow-graph-up-right:before {
  content: ""; }

.ion-arrow-left-a:before {
  content: ""; }

.ion-arrow-left-b:before {
  content: ""; }

.ion-arrow-left-c:before {
  content: ""; }

.ion-arrow-move:before {
  content: ""; }

.ion-arrow-resize:before {
  content: ""; }

.ion-arrow-return-left:before {
  content: ""; }

.ion-arrow-return-right:before {
  content: ""; }

.ion-arrow-right-a:before {
  content: ""; }

.ion-arrow-right-b:before {
  content: ""; }

.ion-arrow-right-c:before {
  content: ""; }

.ion-arrow-shrink:before {
  content: ""; }

.ion-arrow-sort-c:before {
  content: ""; }

.ion-arrow-swap:before {
  content: ""; }

.ion-arrow-up-a:before {
  content: ""; }

.ion-arrow-up-b:before {
  content: ""; }

.ion-arrow-up-c:before {
  content: ""; }

.ion-asterisk:before {
  content: ""; }

.ion-at:before {
  content: ""; }

.ion-backspace:before {
  content: ""; }

.ion-backspace-outline:before {
  content: ""; }

.ion-bag:before {
  content: ""; }

.ion-battery-charging:before {
  content: ""; }

.ion-battery-empty:before {
  content: ""; }

.ion-battery-full:before {
  content: ""; }

.ion-battery-half:before {
  content: ""; }

.ion-battery-low:before {
  content: ""; }

.ion-beaker:before {
  content: ""; }

.ion-beer:before {
  content: ""; }

.ion-bluetooth:before {
  content: ""; }

.ion-bonfire:before {
  content: ""; }

.ion-bookmark:before {
  content: ""; }

.ion-bowtie:before {
  content: ""; }

.ion-briefcase:before {
  content: ""; }

.ion-bug:before {
  content: ""; }

.ion-calculator:before {
  content: ""; }

.ion-calendar:before {
  content: ""; }

.ion-camera:before {
  content: ""; }

.ion-card:before {
  content: ""; }

.ion-cash:before {
  content: ""; }

.ion-chatbox:before {
  content: ""; }

.ion-chatbox-working:before {
  content: ""; }

.ion-chatboxes:before {
  content: ""; }

.ion-chatbubble:before {
  content: ""; }

.ion-chatbubble-working:before {
  content: ""; }

.ion-chatbubbles:before {
  content: ""; }

.ion-checkmark:before {
  content: ""; }

.ion-checkmark-circled:before {
  content: ""; }

.ion-checkmark-round:before {
  content: ""; }

.ion-chevron-down:before {
  content: ""; }

.ion-chevron-left:before {
  content: ""; }

.ion-chevron-right:before {
  content: ""; }

.ion-chevron-up:before {
  content: ""; }

.ion-clipboard:before {
  content: ""; }

.ion-clock:before {
  content: ""; }

.ion-close:before {
  content: ""; }

.ion-close-circled:before {
  content: ""; }

.ion-close-round:before {
  content: ""; }

.ion-closed-captioning:before {
  content: ""; }

.ion-cloud:before {
  content: ""; }

.ion-code:before {
  content: ""; }

.ion-code-download:before {
  content: ""; }

.ion-code-working:before {
  content: ""; }

.ion-coffee:before {
  content: ""; }

.ion-compass:before {
  content: ""; }

.ion-compose:before {
  content: ""; }

.ion-connection-bars:before {
  content: ""; }

.ion-contrast:before {
  content: ""; }

.ion-crop:before {
  content: ""; }

.ion-cube:before {
  content: ""; }

.ion-disc:before {
  content: ""; }

.ion-document:before {
  content: ""; }

.ion-document-text:before {
  content: ""; }

.ion-drag:before {
  content: ""; }

.ion-earth:before {
  content: ""; }

.ion-easel:before {
  content: ""; }

.ion-edit:before {
  content: ""; }

.ion-egg:before {
  content: ""; }

.ion-eject:before {
  content: ""; }

.ion-email:before {
  content: ""; }

.ion-email-unread:before {
  content: ""; }

.ion-erlenmeyer-flask:before {
  content: ""; }

.ion-erlenmeyer-flask-bubbles:before {
  content: ""; }

.ion-eye:before {
  content: ""; }

.ion-eye-disabled:before {
  content: ""; }

.ion-female:before {
  content: ""; }

.ion-filing:before {
  content: ""; }

.ion-film-marker:before {
  content: ""; }

.ion-fireball:before {
  content: ""; }

.ion-flag:before {
  content: ""; }

.ion-flame:before {
  content: ""; }

.ion-flash:before {
  content: ""; }

.ion-flash-off:before {
  content: ""; }

.ion-folder:before {
  content: ""; }

.ion-fork:before {
  content: ""; }

.ion-fork-repo:before {
  content: ""; }

.ion-forward:before {
  content: ""; }

.ion-funnel:before {
  content: ""; }

.ion-gear-a:before {
  content: ""; }

.ion-gear-b:before {
  content: ""; }

.ion-grid:before {
  content: ""; }

.ion-hammer:before {
  content: ""; }

.ion-happy:before {
  content: ""; }

.ion-happy-add:before {
  content: ""; }

.ion-happy-checkmark:before {
  content: ""; }

.ion-happy-close:before {
  content: ""; }

.ion-happy-iphone:before {
  content: ""; }

.ion-happy-outline:before {
  content: ""; }

.ion-headphone:before {
  content: ""; }

.ion-heart:before {
  content: ""; }

.ion-heart-broken:before {
  content: ""; }

.ion-help:before {
  content: ""; }

.ion-help-buoy:before {
  content: ""; }

.ion-help-circled:before {
  content: ""; }

.ion-home:before {
  content: ""; }

.ion-icecream:before {
  content: ""; }

.ion-image:before {
  content: ""; }

.ion-images:before {
  content: ""; }

.ion-information:before {
  content: ""; }

.ion-information-circled:before {
  content: ""; }

.ion-ionic:before {
  content: ""; }

.ion-ios-alarm:before {
  content: ""; }

.ion-ios-alarm-outline:before {
  content: ""; }

.ion-ios-albums:before {
  content: ""; }

.ion-ios-albums-outline:before {
  content: ""; }

.ion-ios-americanfootball:before {
  content: ""; }

.ion-ios-americanfootball-outline:before {
  content: ""; }

.ion-ios-analytics:before {
  content: ""; }

.ion-ios-analytics-outline:before {
  content: ""; }

.ion-ios-arrow-back:before {
  content: ""; }

.ion-ios-arrow-down:before {
  content: ""; }

.ion-ios-arrow-forward:before {
  content: ""; }

.ion-ios-arrow-left:before {
  content: ""; }

.ion-ios-arrow-right:before {
  content: ""; }

.ion-ios-arrow-thin-down:before {
  content: ""; }

.ion-ios-arrow-thin-left:before {
  content: ""; }

.ion-ios-arrow-thin-right:before {
  content: ""; }

.ion-ios-arrow-thin-up:before {
  content: ""; }

.ion-ios-arrow-up:before {
  content: ""; }

.ion-ios-at:before {
  content: ""; }

.ion-ios-at-outline:before {
  content: ""; }

.ion-ios-barcode:before {
  content: ""; }

.ion-ios-barcode-outline:before {
  content: ""; }

.ion-ios-baseball:before {
  content: ""; }

.ion-ios-baseball-outline:before {
  content: ""; }

.ion-ios-basketball:before {
  content: ""; }

.ion-ios-basketball-outline:before {
  content: ""; }

.ion-ios-bell:before {
  content: ""; }

.ion-ios-bell-outline:before {
  content: ""; }

.ion-ios-body:before {
  content: ""; }

.ion-ios-body-outline:before {
  content: ""; }

.ion-ios-bolt:before {
  content: ""; }

.ion-ios-bolt-outline:before {
  content: ""; }

.ion-ios-book:before {
  content: ""; }

.ion-ios-book-outline:before {
  content: ""; }

.ion-ios-bookmarks:before {
  content: ""; }

.ion-ios-bookmarks-outline:before {
  content: ""; }

.ion-ios-box:before {
  content: ""; }

.ion-ios-box-outline:before {
  content: ""; }

.ion-ios-briefcase:before {
  content: ""; }

.ion-ios-briefcase-outline:before {
  content: ""; }

.ion-ios-browsers:before {
  content: ""; }

.ion-ios-browsers-outline:before {
  content: ""; }

.ion-ios-calculator:before {
  content: ""; }

.ion-ios-calculator-outline:before {
  content: ""; }

.ion-ios-calendar:before {
  content: ""; }

.ion-ios-calendar-outline:before {
  content: ""; }

.ion-ios-camera:before {
  content: ""; }

.ion-ios-camera-outline:before {
  content: ""; }

.ion-ios-cart:before {
  content: ""; }

.ion-ios-cart-outline:before {
  content: ""; }

.ion-ios-chatboxes:before {
  content: ""; }

.ion-ios-chatboxes-outline:before {
  content: ""; }

.ion-ios-chatbubble:before {
  content: ""; }

.ion-ios-chatbubble-outline:before {
  content: ""; }

.ion-ios-checkmark:before {
  content: ""; }

.ion-ios-checkmark-empty:before {
  content: ""; }

.ion-ios-checkmark-outline:before {
  content: ""; }

.ion-ios-circle-filled:before {
  content: ""; }

.ion-ios-circle-outline:before {
  content: ""; }

.ion-ios-clock:before {
  content: ""; }

.ion-ios-clock-outline:before {
  content: ""; }

.ion-ios-close:before {
  content: ""; }

.ion-ios-close-empty:before {
  content: ""; }

.ion-ios-close-outline:before {
  content: ""; }

.ion-ios-cloud:before {
  content: ""; }

.ion-ios-cloud-download:before {
  content: ""; }

.ion-ios-cloud-download-outline:before {
  content: ""; }

.ion-ios-cloud-outline:before {
  content: ""; }

.ion-ios-cloud-upload:before {
  content: ""; }

.ion-ios-cloud-upload-outline:before {
  content: ""; }

.ion-ios-cloudy:before {
  content: ""; }

.ion-ios-cloudy-night:before {
  content: ""; }

.ion-ios-cloudy-night-outline:before {
  content: ""; }

.ion-ios-cloudy-outline:before {
  content: ""; }

.ion-ios-cog:before {
  content: ""; }

.ion-ios-cog-outline:before {
  content: ""; }

.ion-ios-color-filter:before {
  content: ""; }

.ion-ios-color-filter-outline:before {
  content: ""; }

.ion-ios-color-wand:before {
  content: ""; }

.ion-ios-color-wand-outline:before {
  content: ""; }

.ion-ios-compose:before {
  content: ""; }

.ion-ios-compose-outline:before {
  content: ""; }

.ion-ios-contact:before {
  content: ""; }

.ion-ios-contact-outline:before {
  content: ""; }

.ion-ios-copy:before {
  content: ""; }

.ion-ios-copy-outline:before {
  content: ""; }

.ion-ios-crop:before {
  content: ""; }

.ion-ios-crop-strong:before {
  content: ""; }

.ion-ios-download:before {
  content: ""; }

.ion-ios-download-outline:before {
  content: ""; }

.ion-ios-drag:before {
  content: ""; }

.ion-ios-email:before {
  content: ""; }

.ion-ios-email-outline:before {
  content: ""; }

.ion-ios-eye:before {
  content: ""; }

.ion-ios-eye-outline:before {
  content: ""; }

.ion-ios-fastforward:before {
  content: ""; }

.ion-ios-fastforward-outline:before {
  content: ""; }

.ion-ios-filing:before {
  content: ""; }

.ion-ios-filing-outline:before {
  content: ""; }

.ion-ios-film:before {
  content: ""; }

.ion-ios-film-outline:before {
  content: ""; }

.ion-ios-flag:before {
  content: ""; }

.ion-ios-flag-outline:before {
  content: ""; }

.ion-ios-flame:before {
  content: ""; }

.ion-ios-flame-outline:before {
  content: ""; }

.ion-ios-flask:before {
  content: ""; }

.ion-ios-flask-outline:before {
  content: ""; }

.ion-ios-flower:before {
  content: ""; }

.ion-ios-flower-outline:before {
  content: ""; }

.ion-ios-folder:before {
  content: ""; }

.ion-ios-folder-outline:before {
  content: ""; }

.ion-ios-football:before {
  content: ""; }

.ion-ios-football-outline:before {
  content: ""; }

.ion-ios-game-controller-a:before {
  content: ""; }

.ion-ios-game-controller-a-outline:before {
  content: ""; }

.ion-ios-game-controller-b:before {
  content: ""; }

.ion-ios-game-controller-b-outline:before {
  content: ""; }

.ion-ios-gear:before {
  content: ""; }

.ion-ios-gear-outline:before {
  content: ""; }

.ion-ios-glasses:before {
  content: ""; }

.ion-ios-glasses-outline:before {
  content: ""; }

.ion-ios-grid-view:before {
  content: ""; }

.ion-ios-grid-view-outline:before {
  content: ""; }

.ion-ios-heart:before {
  content: ""; }

.ion-ios-heart-outline:before {
  content: ""; }

.ion-ios-help:before {
  content: ""; }

.ion-ios-help-empty:before {
  content: ""; }

.ion-ios-help-outline:before {
  content: ""; }

.ion-ios-home:before {
  content: ""; }

.ion-ios-home-outline:before {
  content: ""; }

.ion-ios-infinite:before {
  content: ""; }

.ion-ios-infinite-outline:before {
  content: ""; }

.ion-ios-information:before {
  content: ""; }

.ion-ios-information-empty:before {
  content: ""; }

.ion-ios-information-outline:before {
  content: ""; }

.ion-ios-ionic-outline:before {
  content: ""; }

.ion-ios-keypad:before {
  content: ""; }

.ion-ios-keypad-outline:before {
  content: ""; }

.ion-ios-lightbulb:before {
  content: ""; }

.ion-ios-lightbulb-outline:before {
  content: ""; }

.ion-ios-list:before {
  content: ""; }

.ion-ios-list-outline:before {
  content: ""; }

.ion-ios-location:before {
  content: ""; }

.ion-ios-location-outline:before {
  content: ""; }

.ion-ios-locked:before {
  content: ""; }

.ion-ios-locked-outline:before {
  content: ""; }

.ion-ios-loop:before {
  content: ""; }

.ion-ios-loop-strong:before {
  content: ""; }

.ion-ios-medical:before {
  content: ""; }

.ion-ios-medical-outline:before {
  content: ""; }

.ion-ios-medkit:before {
  content: ""; }

.ion-ios-medkit-outline:before {
  content: ""; }

.ion-ios-mic:before {
  content: ""; }

.ion-ios-mic-off:before {
  content: ""; }

.ion-ios-mic-outline:before {
  content: ""; }

.ion-ios-minus:before {
  content: ""; }

.ion-ios-minus-empty:before {
  content: ""; }

.ion-ios-minus-outline:before {
  content: ""; }

.ion-ios-monitor:before {
  content: ""; }

.ion-ios-monitor-outline:before {
  content: ""; }

.ion-ios-moon:before {
  content: ""; }

.ion-ios-moon-outline:before {
  content: ""; }

.ion-ios-more:before {
  content: ""; }

.ion-ios-more-outline:before {
  content: ""; }

.ion-ios-musical-note:before {
  content: ""; }

.ion-ios-musical-notes:before {
  content: ""; }

.ion-ios-navigate:before {
  content: ""; }

.ion-ios-navigate-outline:before {
  content: ""; }

.ion-ios-nutrition:before {
  content: ""; }

.ion-ios-nutrition-outline:before {
  content: ""; }

.ion-ios-paper:before {
  content: ""; }

.ion-ios-paper-outline:before {
  content: ""; }

.ion-ios-paperplane:before {
  content: ""; }

.ion-ios-paperplane-outline:before {
  content: ""; }

.ion-ios-partlysunny:before {
  content: ""; }

.ion-ios-partlysunny-outline:before {
  content: ""; }

.ion-ios-pause:before {
  content: ""; }

.ion-ios-pause-outline:before {
  content: ""; }

.ion-ios-paw:before {
  content: ""; }

.ion-ios-paw-outline:before {
  content: ""; }

.ion-ios-people:before {
  content: ""; }

.ion-ios-people-outline:before {
  content: ""; }

.ion-ios-person:before {
  content: ""; }

.ion-ios-person-outline:before {
  content: ""; }

.ion-ios-personadd:before {
  content: ""; }

.ion-ios-personadd-outline:before {
  content: ""; }

.ion-ios-photos:before {
  content: ""; }

.ion-ios-photos-outline:before {
  content: ""; }

.ion-ios-pie:before {
  content: ""; }

.ion-ios-pie-outline:before {
  content: ""; }

.ion-ios-pint:before {
  content: ""; }

.ion-ios-pint-outline:before {
  content: ""; }

.ion-ios-play:before {
  content: ""; }

.ion-ios-play-outline:before {
  content: ""; }

.ion-ios-plus:before {
  content: ""; }

.ion-ios-plus-empty:before {
  content: ""; }

.ion-ios-plus-outline:before {
  content: ""; }

.ion-ios-pricetag:before {
  content: ""; }

.ion-ios-pricetag-outline:before {
  content: ""; }

.ion-ios-pricetags:before {
  content: ""; }

.ion-ios-pricetags-outline:before {
  content: ""; }

.ion-ios-printer:before {
  content: ""; }

.ion-ios-printer-outline:before {
  content: ""; }

.ion-ios-pulse:before {
  content: ""; }

.ion-ios-pulse-strong:before {
  content: ""; }

.ion-ios-rainy:before {
  content: ""; }

.ion-ios-rainy-outline:before {
  content: ""; }

.ion-ios-recording:before {
  content: ""; }

.ion-ios-recording-outline:before {
  content: ""; }

.ion-ios-redo:before {
  content: ""; }

.ion-ios-redo-outline:before {
  content: ""; }

.ion-ios-refresh:before {
  content: ""; }

.ion-ios-refresh-empty:before {
  content: ""; }

.ion-ios-refresh-outline:before {
  content: ""; }

.ion-ios-reload:before {
  content: ""; }

.ion-ios-reverse-camera:before {
  content: ""; }

.ion-ios-reverse-camera-outline:before {
  content: ""; }

.ion-ios-rewind:before {
  content: ""; }

.ion-ios-rewind-outline:before {
  content: ""; }

.ion-ios-rose:before {
  content: ""; }

.ion-ios-rose-outline:before {
  content: ""; }

.ion-ios-search:before {
  content: ""; }

.ion-ios-search-strong:before {
  content: ""; }

.ion-ios-settings:before {
  content: ""; }

.ion-ios-settings-strong:before {
  content: ""; }

.ion-ios-shuffle:before {
  content: ""; }

.ion-ios-shuffle-strong:before {
  content: ""; }

.ion-ios-skipbackward:before {
  content: ""; }

.ion-ios-skipbackward-outline:before {
  content: ""; }

.ion-ios-skipforward:before {
  content: ""; }

.ion-ios-skipforward-outline:before {
  content: ""; }

.ion-ios-snowy:before {
  content: ""; }

.ion-ios-speedometer:before {
  content: ""; }

.ion-ios-speedometer-outline:before {
  content: ""; }

.ion-ios-star:before {
  content: ""; }

.ion-ios-star-half:before {
  content: ""; }

.ion-ios-star-outline:before {
  content: ""; }

.ion-ios-stopwatch:before {
  content: ""; }

.ion-ios-stopwatch-outline:before {
  content: ""; }

.ion-ios-sunny:before {
  content: ""; }

.ion-ios-sunny-outline:before {
  content: ""; }

.ion-ios-telephone:before {
  content: ""; }

.ion-ios-telephone-outline:before {
  content: ""; }

.ion-ios-tennisball:before {
  content: ""; }

.ion-ios-tennisball-outline:before {
  content: ""; }

.ion-ios-thunderstorm:before {
  content: ""; }

.ion-ios-thunderstorm-outline:before {
  content: ""; }

.ion-ios-time:before {
  content: ""; }

.ion-ios-time-outline:before {
  content: ""; }

.ion-ios-timer:before {
  content: ""; }

.ion-ios-timer-outline:before {
  content: ""; }

.ion-ios-toggle:before {
  content: ""; }

.ion-ios-toggle-outline:before {
  content: ""; }

.ion-ios-trash:before {
  content: ""; }

.ion-ios-trash-outline:before {
  content: ""; }

.ion-ios-undo:before {
  content: ""; }

.ion-ios-undo-outline:before {
  content: ""; }

.ion-ios-unlocked:before {
  content: ""; }

.ion-ios-unlocked-outline:before {
  content: ""; }

.ion-ios-upload:before {
  content: ""; }

.ion-ios-upload-outline:before {
  content: ""; }

.ion-ios-videocam:before {
  content: ""; }

.ion-ios-videocam-outline:before {
  content: ""; }

.ion-ios-volume-high:before {
  content: ""; }

.ion-ios-volume-low:before {
  content: ""; }

.ion-ios-wineglass:before {
  content: ""; }

.ion-ios-wineglass-outline:before {
  content: ""; }

.ion-ios-world:before {
  content: ""; }

.ion-ios-world-outline:before {
  content: ""; }

.ion-ipad:before {
  content: ""; }

.ion-iphone:before {
  content: ""; }

.ion-ipod:before {
  content: ""; }

.ion-jet:before {
  content: ""; }

.ion-key:before {
  content: ""; }

.ion-knife:before {
  content: ""; }

.ion-laptop:before {
  content: ""; }

.ion-leaf:before {
  content: ""; }

.ion-levels:before {
  content: ""; }

.ion-lightbulb:before {
  content: ""; }

.ion-link:before {
  content: ""; }

.ion-load-a:before {
  content: ""; }

.ion-load-b:before {
  content: ""; }

.ion-load-c:before {
  content: ""; }

.ion-load-d:before {
  content: ""; }

.ion-location:before {
  content: ""; }

.ion-lock-combination:before {
  content: ""; }

.ion-locked:before {
  content: ""; }

.ion-log-in:before {
  content: ""; }

.ion-log-out:before {
  content: ""; }

.ion-loop:before {
  content: ""; }

.ion-magnet:before {
  content: ""; }

.ion-male:before {
  content: ""; }

.ion-man:before {
  content: ""; }

.ion-map:before {
  content: ""; }

.ion-medkit:before {
  content: ""; }

.ion-merge:before {
  content: ""; }

.ion-mic-a:before {
  content: ""; }

.ion-mic-b:before {
  content: ""; }

.ion-mic-c:before {
  content: ""; }

.ion-minus:before {
  content: ""; }

.ion-minus-circled:before {
  content: ""; }

.ion-minus-round:before {
  content: ""; }

.ion-model-s:before {
  content: ""; }

.ion-monitor:before {
  content: ""; }

.ion-more:before {
  content: ""; }

.ion-mouse:before {
  content: ""; }

.ion-music-note:before {
  content: ""; }

.ion-naritiv-alarm-clock:before {
  content: ""; }

.ion-naritiv-building:before {
  content: ""; }

.ion-naritiv-grid-view:before {
  content: ""; }

.ion-naritiv-list-view:before {
  content: ""; }

.ion-naritiv-pencil:before {
  content: ""; }

.ion-naritiv-sign:before {
  content: ""; }

.ion-navicon:before {
  content: ""; }

.ion-navicon-round:before {
  content: ""; }

.ion-navigate:before {
  content: ""; }

.ion-network:before {
  content: ""; }

.ion-no-smoking:before {
  content: ""; }

.ion-nuclear:before {
  content: ""; }

.ion-outlet:before {
  content: ""; }

.ion-paintbrush:before {
  content: ""; }

.ion-paintbucket:before {
  content: ""; }

.ion-paper-airplane:before {
  content: ""; }

.ion-paperclip:before {
  content: ""; }

.ion-pause:before {
  content: ""; }

.ion-people-promoters:before {
  content: ""; }

.ion-person:before {
  content: ""; }

.ion-person-add:before {
  content: ""; }

.ion-person-stalker:before {
  content: ""; }

.ion-pie-graph:before {
  content: ""; }

.ion-pin:before {
  content: ""; }

.ion-pinpoint:before {
  content: ""; }

.ion-pizza:before {
  content: ""; }

.ion-plane:before {
  content: ""; }

.ion-planet:before {
  content: ""; }

.ion-play:before {
  content: ""; }

.ion-playstation:before {
  content: ""; }

.ion-plus:before {
  content: ""; }

.ion-plus-circled:before {
  content: ""; }

.ion-plus-round:before {
  content: ""; }

.ion-podium:before {
  content: ""; }

.ion-pound:before {
  content: ""; }

.ion-power:before {
  content: ""; }

.ion-pricetag:before {
  content: ""; }

.ion-pricetags:before {
  content: ""; }

.ion-printer:before {
  content: ""; }

.ion-pull-request:before {
  content: ""; }

.ion-qr-scanner:before {
  content: ""; }

.ion-quote:before {
  content: ""; }

.ion-radio-waves:before {
  content: ""; }

.ion-record:before {
  content: ""; }

.ion-refresh:before {
  content: ""; }

.ion-reply:before {
  content: ""; }

.ion-reply-all:before {
  content: ""; }

.ion-ribbon-a:before {
  content: ""; }

.ion-ribbon-b:before {
  content: ""; }

.ion-sad:before {
  content: ""; }

.ion-sad-outline:before {
  content: ""; }

.ion-scissors:before {
  content: ""; }

.ion-search:before {
  content: ""; }

.ion-settings:before {
  content: ""; }

.ion-share:before {
  content: ""; }

.ion-shuffle:before {
  content: ""; }

.ion-skip-backward:before {
  content: ""; }

.ion-skip-forward:before {
  content: ""; }

.ion-snapchat-screenshot:before {
  content: ""; }

.ion-social-android:before {
  content: ""; }

.ion-social-android-outline:before {
  content: ""; }

.ion-social-angular:before {
  content: ""; }

.ion-social-angular-outline:before {
  content: ""; }

.ion-social-apple:before {
  content: ""; }

.ion-social-apple-outline:before {
  content: ""; }

.ion-social-bitcoin:before {
  content: ""; }

.ion-social-bitcoin-outline:before {
  content: ""; }

.ion-social-buffer:before {
  content: ""; }

.ion-social-buffer-outline:before {
  content: ""; }

.ion-social-chrome:before {
  content: ""; }

.ion-social-chrome-outline:before {
  content: ""; }

.ion-social-codepen:before {
  content: ""; }

.ion-social-codepen-outline:before {
  content: ""; }

.ion-social-css3:before {
  content: ""; }

.ion-social-css3-outline:before {
  content: ""; }

.ion-social-designernews:before {
  content: ""; }

.ion-social-designernews-outline:before {
  content: ""; }

.ion-social-dribbble:before {
  content: ""; }

.ion-social-dribbble-outline:before {
  content: ""; }

.ion-social-dropbox:before {
  content: ""; }

.ion-social-dropbox-outline:before {
  content: ""; }

.ion-social-euro:before {
  content: ""; }

.ion-social-euro-outline:before {
  content: ""; }

.ion-social-facebook:before {
  content: ""; }

.ion-social-facebook-outline:before {
  content: ""; }

.ion-social-foursquare:before {
  content: ""; }

.ion-social-foursquare-outline:before {
  content: ""; }

.ion-social-freebsd-devil:before {
  content: ""; }

.ion-social-github:before {
  content: ""; }

.ion-social-github-outline:before {
  content: ""; }

.ion-social-google:before {
  content: ""; }

.ion-social-google-outline:before {
  content: ""; }

.ion-social-googleplus:before {
  content: ""; }

.ion-social-googleplus-outline:before {
  content: ""; }

.ion-social-hackernews:before {
  content: ""; }

.ion-social-hackernews-outline:before {
  content: ""; }

.ion-social-html5:before {
  content: ""; }

.ion-social-html5-outline:before {
  content: ""; }

.ion-social-instagram:before {
  content: ""; }

.ion-social-instagram-outline:before {
  content: ""; }

.ion-social-javascript:before {
  content: ""; }

.ion-social-javascript-outline:before {
  content: ""; }

.ion-social-linkedin:before {
  content: ""; }

.ion-social-linkedin-outline:before {
  content: ""; }

.ion-social-markdown:before {
  content: ""; }

.ion-social-nodejs:before {
  content: ""; }

.ion-social-octocat:before {
  content: ""; }

.ion-social-pinterest:before {
  content: ""; }

.ion-social-pinterest-outline:before {
  content: ""; }

.ion-social-python:before {
  content: ""; }

.ion-social-reddit:before {
  content: ""; }

.ion-social-reddit-outline:before {
  content: ""; }

.ion-social-rss:before {
  content: ""; }

.ion-social-rss-outline:before {
  content: ""; }

.ion-social-sass:before {
  content: ""; }

.ion-social-skype:before {
  content: ""; }

.ion-social-skype-outline:before {
  content: ""; }

.ion-social-snapchat:before {
  content: ""; }

.ion-social-snapchat-film:before {
  content: ""; }

.ion-social-snapchat-film-close:before {
  content: ""; }

.ion-social-snapchat-film-sad:before {
  content: ""; }

.ion-social-snapchat-outline:before {
  content: ""; }

.ion-social-tumblr:before {
  content: ""; }

.ion-social-tumblr-outline:before {
  content: ""; }

.ion-social-tux:before {
  content: ""; }

.ion-social-twitch:before {
  content: ""; }

.ion-social-twitch-outline:before {
  content: ""; }

.ion-social-twitter:before {
  content: ""; }

.ion-social-twitter-outline:before {
  content: ""; }

.ion-social-usd:before {
  content: ""; }

.ion-social-usd-outline:before {
  content: ""; }

.ion-social-vimeo:before {
  content: ""; }

.ion-social-vimeo-outline:before {
  content: ""; }

.ion-social-whatsapp:before {
  content: ""; }

.ion-social-whatsapp-outline:before {
  content: ""; }

.ion-social-windows:before {
  content: ""; }

.ion-social-windows-outline:before {
  content: ""; }

.ion-social-wordpress:before {
  content: ""; }

.ion-social-wordpress-outline:before {
  content: ""; }

.ion-social-yahoo:before {
  content: ""; }

.ion-social-yahoo-outline:before {
  content: ""; }

.ion-social-yen:before {
  content: ""; }

.ion-social-yen-outline:before {
  content: ""; }

.ion-social-youtube:before {
  content: ""; }

.ion-social-youtube-outline:before {
  content: ""; }

.ion-soup-can:before {
  content: ""; }

.ion-soup-can-outline:before {
  content: ""; }

.ion-speakerphone:before {
  content: ""; }

.ion-speedometer:before {
  content: ""; }

.ion-spoon:before {
  content: ""; }

.ion-star:before {
  content: ""; }

.ion-stats-bars:before {
  content: ""; }

.ion-steam:before {
  content: ""; }

.ion-stop:before {
  content: ""; }

.ion-thermometer:before {
  content: ""; }

.ion-thumbsdown:before {
  content: ""; }

.ion-thumbsup:before {
  content: ""; }

.ion-toggle:before {
  content: ""; }

.ion-toggle-filled:before {
  content: ""; }

.ion-transgender:before {
  content: ""; }

.ion-trash-a:before {
  content: ""; }

.ion-trash-b:before {
  content: ""; }

.ion-trophy:before {
  content: ""; }

.ion-tshirt:before {
  content: ""; }

.ion-tshirt-outline:before {
  content: ""; }

.ion-umbrella:before {
  content: ""; }

.ion-university:before {
  content: ""; }

.ion-unlocked:before {
  content: ""; }

.ion-upload:before {
  content: ""; }

.ion-usb:before {
  content: ""; }

.ion-videocamera:before {
  content: ""; }

.ion-volume-high:before {
  content: ""; }

.ion-volume-low:before {
  content: ""; }

.ion-volume-medium:before {
  content: ""; }

.ion-volume-mute:before {
  content: ""; }

.ion-wand:before {
  content: ""; }

.ion-waterdrop:before {
  content: ""; }

.ion-wifi:before {
  content: ""; }

.ion-wineglass:before {
  content: ""; }

.ion-woman:before {
  content: ""; }

.ion-wrench:before {
  content: ""; }

.ion-xbox:before {
  content: ""; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }
@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1; }

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-vertical.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-label.ct-vertical.ct-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end; }

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px; }

.ct-point {
  stroke-width: 10px;
  stroke-linecap: round; }

.ct-line {
  fill: none;
  stroke-width: 4px; }

.ct-area {
  stroke: none;
  fill-opacity: 0.1; }

.ct-bar {
  fill: none;
  stroke-width: 10px; }

.ct-slice-donut {
  fill: none;
  stroke-width: 60px; }

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  stroke: #d70206; }
.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
  fill: #d70206; }

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  stroke: #f05b4f; }
.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
  fill: #f05b4f; }

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: #f4c63d; }
.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
  fill: #f4c63d; }

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #d17905; }
.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
  fill: #d17905; }

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #453d3f; }
.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
  fill: #453d3f; }

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: #59922b; }
.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
  fill: #59922b; }

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  stroke: #0544d3; }
.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
  fill: #0544d3; }

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #6b0392; }
.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
  fill: #6b0392; }

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: #f05b4f; }
.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
  fill: #f05b4f; }

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: #dda458; }
.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
  fill: #dda458; }

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: #eacf7d; }
.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
  fill: #eacf7d; }

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: #86797d; }
.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
  fill: #86797d; }

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: #b2c326; }
.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
  fill: #b2c326; }

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: #6188e2; }
.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
  fill: #6188e2; }

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: #a748ca; }
.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
  fill: #a748ca; }

.ct-square {
  display: block;
  position: relative;
  width: 100%; }
  .ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%; }
  .ct-square:after {
    content: "";
    display: table;
    clear: both; }
  .ct-square > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%; }
  .ct-minor-second:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-second {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.8888888889%; }
  .ct-major-second:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.3333333333%; }
  .ct-minor-third:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-third {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%; }
  .ct-major-third:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%; }
  .ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-perfect-fourth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.6666666667%; }
  .ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-perfect-fifth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%; }
  .ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%; }
  .ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.804697157%; }
  .ct-golden-section:after {
    content: "";
    display: table;
    clear: both; }
  .ct-golden-section > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%; }
  .ct-major-sixth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%; }
  .ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.3333333333%; }
  .ct-major-seventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-octave {
  display: block;
  position: relative;
  width: 100%; }
  .ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%; }
  .ct-octave:after {
    content: "";
    display: table;
    clear: both; }
  .ct-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%; }
  .ct-major-tenth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-tenth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%; }
  .ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-eleventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.3333333333%; }
  .ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-twelfth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%; }
  .ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%; }
  .ct-double-octave:after {
    content: "";
    display: table;
    clear: both; }
  .ct-double-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative; }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative; }

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0); }

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute; }

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s; }

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: "Helvetica Neue", sans-serif;
  line-height: 1.1em; }

.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center; }

.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative; }

.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative; }

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  *display: inline; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0); }

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute; }

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s; }

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

html {
  box-sizing: border-box; }

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

button,
input[type="submit"] {
  -webkit-font-smoothing: antialiased;
  background-color: #00B4FF;
  border-radius: 0.375em;
  color: white;
  display: inline-block;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1;
  padding: 0.5em 0.75em;
  text-decoration: none;
  -webkit-transition: color 200ms ease-in-out;
  -moz-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out; }
  button:hover,
  input[type="submit"]:hover {
    background-color: #00adf5;
    color: white; }

@font-face {
  font-family: 'Montserrat';
  src: font-url("Montserrat-Regular.ttf");
  src: font-url("Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: font-url("Montserrat-Bold.ttf");
  src: font-url("Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
body {
  -webkit-font-smoothing: antialiased;
  background-color: white;
  color: #3C3C3C;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  font-family: "brandon-grotesque", "Brandon Grotesque", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  line-height: 1.25em;
  margin: 0;
  text-rendering: optimizeLegibility; }

h1 {
  font-size: 3em; }

h2 {
  font-size: 2.25em; }

h3 {
  font-size: 1.75em; }

h4 {
  font-size: 1.5em; }

h5 {
  font-size: 1.25em; }

h6 {
  font-size: 1em; }

p {
  margin: 0; }

a {
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
  color: #3C3C3C;
  text-decoration: none; }
  a:hover {
    color: #161616; }
  a:active, a:focus {
    color: #161616;
    outline: none; }

hr {
  border-bottom: 1px solid white;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }

img {
  margin: 0;
  max-width: 100%; }

blockquote {
  border-left: 2px solid white;
  color: #626262;
  margin: 1.5em 0;
  padding-left: 0.75em; }

cite {
  color: #7c7c7c;
  font-style: italic; }
  cite:before {
    content: '\2014 \00A0'; }

fieldset {
  background: white;
  border: 1px solid white;
  margin: 0 0 0.75em 0;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em; }

label {
  font-weight: bold;
  margin-bottom: 0.375em; }
  label.required:after {
    content: "*"; }
  label abbr {
    display: none; }

textarea,
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple=multiple] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 200ms ease-in-out;
  -moz-transition: border-color 200ms ease-in-out;
  transition: border-color 200ms ease-in-out;
  color: #3C3C3C;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #eeeeee;
  box-shadow: none;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  padding: 0.5em 0.5em;
  width: 100%; }
  textarea:hover,
  input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover,
  select[multiple=multiple]:hover {
    border-color: #d5d5d5; }
  textarea:focus,
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
  select[multiple=multiple]:focus {
    border-color: #A6AEBB;
    box-shadow: none;
    outline: none; }

textarea {
  resize: vertical; }

input[type="submit"] {
  outline: none; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"], input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  margin-bottom: 0.75em;
  padding-bottom: 0.5em;
  width: 100%; }

select {
  width: auto;
  max-width: 100%;
  margin-bottom: 1.5em; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #d9d9d9;
  font-weight: bold;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid white;
  padding: 0.75em 0; }

tr, td, th {
  vertical-align: middle; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }
dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: bold;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

.delete {
  background-color: transparent !important;
  border: 1px solid #94938e !important;
  color: #94938e !important; }
  .delete:hover, .delete:active, .delete:focus {
    background-color: transparent !important;
    border-color: #7B7A74 !important;
    color: #7B7A74 !important; }

.wrapper-btn {
  border: none !important;
  width: 1px;
  height: 1px;
  padding: 0; }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

@-webkit-keyframes progress {
  0% {
    background-position: 0px 0px; }
  100% {
    background-position: 40px 0px; } }
@-moz-keyframes progress {
  0% {
    background-position: 0px 0px; }
  100% {
    background-position: 40px 0px; } }
@-ms-keyframes progress {
  0% {
    background-position: 0px 0px; }
  100% {
    background-position: 40px 0px; } }
@-o-keyframes progress {
  0% {
    background-position: 0px 0px; }
  100% {
    background-position: 40px 0px; } }
@keyframes progress {
  0% {
    background-position: 0px 0px; }
  100% {
    background-position: 40px 0px; } }
.button-group {
  display: inline-block; }
  .button-group .button + .button, .button-group .button-group .button + .button-group,
  .button-group .button-group .button-group + .button,
  .button-group .button-group .button-group + .button-group {
    margin-left: -1px; }
    .button-group .button + .button:hover, .button-group .button-group .button + .button-group:hover,
    .button-group .button-group .button-group + .button:hover,
    .button-group .button-group .button-group + .button-group:hover {
      z-index: 2; }
  .button-group > .button {
    position: relative;
    float: left; }
    .button-group > .button:first-child:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
    .button-group > .button:not(:first-child):not(:last-child) {
      border-radius: 0; }
    .button-group > .button:last-child:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .button-group > .button:hover {
      z-index: 2; }

.button {
  font-size: 1em;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  min-height: 1em;
  outline: 0;
  border: none;
  background-color: #FAFAFA;
  color: #444;
  margin: 0;
  padding: .8em 1.5em;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  border-radius: .25em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }
  .button:hover {
    background-color: #EEE; }

.button {
  /* state */ }
  .button.large {
    font-size: 1.4em; }
  .button.basic, .button.plain {
    background-color: transparent !important;
    background-image: none;
    color: #444;
    font-weight: 300;
    text-transform: none;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; }
  .button.pill, .button.rounded {
    border-radius: 10em; }
  .button.positive, .button.accept, .button.success, .button.negative, .button.cancel, .button.fail {
    -webkit-box-shadow: none;
    border: none;
    font-weight: 700; }
  .button.positive, .button.accept, .button.success {
    color: #000;
    background-color: #A0EA4F; }
  .button.negative, .button.cancel, .button.fail {
    color: #fff;
    background-color: #F2302D; }
  .button.full-width {
    display: block;
    width: 100%; }
  .button.square {
    border-radius: 0px; }
  .button.active, .button:active {
    background-color: #EAEAEA;
    background-image: none;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset !important;
    color: black; }
  .button:hover {
    background-image: none;
    color: #000 !important;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18) inset; }
  .button.disabled, .button.disabled.active, .button.disabled:hover {
    background-color: #DDD !important;
    cursor: default;
    color: rgba(0, 0, 0, 0.5) !important;
    opacity: 0.3 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

/* Button container */
.progress-button {
  position: relative;
  display: inline-block;
  text-align: center; }

/* Button style */
.progress-button button {
  display: block;
  margin: 0 auto;
  margin-top: 0 !important;
  padding: 0;
  width: 100%;
  border: 2px solid #FBFBFB;
  border-radius: 4px;
  background: transparent;
  color: #FBFBFB;
  letter-spacing: 1px;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s, border-radius 0.3s;
  transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s, border-radius 0.3s; }

.progress-button button:hover {
  background-color: #eeeeee; }

.progress-button button:focus {
  outline: none; }

/* Text (transition for when returning to initial state) */
.progress-button button span {
  -webkit-transition: opacity 0.3s 0.1s;
  transition: opacity 0.3s 0.1s; }

/* Common style of SVGs */
.progress-button svg {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none; }

.progress-button svg path {
  opacity: 0;
  fill: none; }

.progress-button svg.progress-circle path {
  stroke: #CFCECC;
  stroke-width: 3; }

.progress-button svg.checkmark path,
.progress-button svg.cross path {
  stroke: #3C3C3C;
  stroke-linecap: round;
  stroke-width: 3;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s; }

/* Loading, success and error effects */
.loading.progress-button button {
  width: 40px;
  height: 40px;
  /* make a circle */
  border-width: 3px;
  border-radius: 40px;
  border-color: #CFCECC;
  background-color: transparent;
  color: #3C3C3C; }

.loading.progress-button span {
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s; }

.loading.progress-button span,
.success.progress-button span,
.error.progress-button span {
  opacity: 0;
  /* keep it hidden in all states */ }

.success.progress-button button,
.error.progress-button button {
  -webkit-transition: background-color 0.3s, width 0.3s, border-width 0.3s, border-radius 0.3s;
  transition: background-color 0.3s, width 0.3s, border-width 0.3s, border-radius 0.3s; }

.success.progress-button button {
  border-color: #A0EA4F;
  background-color: #A0EA4F;
  border-radius: 40px; }

.error.progress-button button {
  border-color: #F2302D;
  background-color: #F2302D;
  border-radius: 40px; }

.loading.progress-button svg.progress-circle path,
.success.progress-button svg.checkmark path,
.error.progress-button svg.cross path {
  opacity: 1;
  -webkit-transition: stroke-dashoffset 0.3s;
  transition: stroke-dashoffset 0.3s; }

/* Optional elastic effect for the width of the button */
.elastic.progress-button button {
  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1), border-width 0.3s, border-color 0.3s, border-radius 0.3s;
  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s, border-radius 0.3s;
  transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s, border-radius 0.3s; }

.loading.elastic.progress-button button {
  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, 0, 0.75, 0.75), border-width 0.3s, border-color 0.3s, border-radius 0.3s;
  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s, border-radius 0.3s;
  transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s, border-radius 0.3s; }

.cd-intro {
  width: 90%;
  max-width: 768px;
  text-align: center; }

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: center; }
  .cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0; }
    .cd-words-wrapper b.is-visible {
      position: relative; }
  .no-js .cd-words-wrapper b {
    opacity: 0; }
    .no-js .cd-words-wrapper b.is-visible {
      opacity: 1; }

.cd-headline.rotate-2 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px; }
.cd-headline.rotate-2 b, .cd-headline.rotate-2 i:not([class^="ion-"]), .cd-headline.rotate-2 em {
  font-style: normal;
  font-weight: 600; }
  @media screen and (min-width: 40em) {
    .cd-headline.rotate-2 b, .cd-headline.rotate-2 i:not([class^="ion-"]), .cd-headline.rotate-2 em {
      font-weight: 300; } }
.cd-headline.rotate-2 i:not([class^="ion-"]), .cd-headline.rotate-2 em {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.cd-headline.rotate-2 i:not([class^="ion-"]) {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-20px) rotateX(90deg);
  -moz-transform: translateZ(-20px) rotateX(90deg);
  -ms-transform: translateZ(-20px) rotateX(90deg);
  -o-transform: translateZ(-20px) rotateX(90deg);
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0; }
  .is-visible .cd-headline.rotate-2 i:not([class^="ion-"]) {
    opacity: 1; }
  .cd-headline.rotate-2 i:not([class^="ion-"]).in {
    -webkit-animation: cd-rotate-2-in 0.4s forwards;
    -moz-animation: cd-rotate-2-in 0.4s forwards;
    animation: cd-rotate-2-in 0.4s forwards; }
  .cd-headline.rotate-2 i:not([class^="ion-"]).out {
    -webkit-animation: cd-rotate-2-out 0.2s forwards;
    -moz-animation: cd-rotate-2-out 0.2s forwards;
    animation: cd-rotate-2-out 0.2s forwards; }
.cd-headline.rotate-2 em {
  -webkit-transform: translateZ(20px);
  -moz-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  -o-transform: translateZ(20px);
  transform: translateZ(20px); }

.no-csstransitions .cd-headline.rotate-2 i:not([class^="ion-"]) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 0; }
  .no-csstransitions .cd-headline.rotate-2 i:not([class^="ion-"]) em {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.no-csstransitions .cd-headline.rotate-2 .is-visible i:not([class^="ion-"]) {
  opacity: 1; }

@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg); }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg); } }
@-moz-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg); }
  60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg); }
  100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0deg); } }
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg); }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
    -moz-transform: translateZ(-20px) rotateX(0deg);
    -ms-transform: translateZ(-20px) rotateX(0deg);
    -o-transform: translateZ(-20px) rotateX(0deg);
    transform: translateZ(-20px) rotateX(0deg); } }
@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg); } }
@-moz-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0); }
  60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg); }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg); } }
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg); } }
.input-wrapper {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  vertical-align: top; }

.input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none !important;
  border-radius: 0;
  box-shadow: none !important;
  background: #f0f0f0;
  color: #aaa;
  line-height: 1;
  font-weight: bold;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */ }
  .input__field.invalid + label:before, .input__field.invalid + label:after {
    border-color: #F2302D; }

.toggle-show-password {
  position: absolute;
  right: 0;
  bottom: 1em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  cursor: default; }

.input__field:focus {
  outline: none;
  border: none !important;
  box-shadow: none !important; }

.input__label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 40%;
  color: #97968f;
  font-weight: bold;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.input__label-content {
  position: relative;
  display: block;
  width: 100%; }

/* Individual styles */
/* Hoshi */
.input--hoshi {
  overflow: hidden; }

.input__field--hoshi {
  margin-top: 1.25em;
  padding: 0.85em 0.15em;
  width: 100%;
  background: transparent;
  color: #3C3C3C; }

.input__label--hoshi {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0.25em;
  width: 100%;
  height: calc(100% - 1em);
  line-height: 2;
  text-align: left;
  pointer-events: none; }

.input__label-content--hoshi {
  position: absolute; }

.input__label--hoshi::before,
.input__label--hoshi::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #7B7A74; }

.input__label--hoshi::after {
  margin-top: 2px;
  border-bottom: 4px solid #00B4FF;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.input__label--hoshi-color-1::after {
  border-color: #00aaff; }

.input__label--hoshi-color-2::after {
  border-color: #00ffaa; }

.input__label--hoshi-color-3::after {
  border-color: #ff5500; }

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
  -webkit-animation: anim-1 0.3s forwards;
  animation: anim-1 0.3s forwards;
  line-height: 2; }

@-webkit-keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0); }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0); } }
@keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0); }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0); } }
.marvel-device {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  .marvel-device .screen {
    width: 100%;
    position: relative;
    height: 100%;
    color: white;
    z-index: 2;
    text-align: center;
    display: block;
    -webkit-border-radius: 0.6px;
    border-radius: 0.6px;
    -webkit-box-shadow: 0 0 0 1.8px #111;
    box-shadow: 0 0 0 1.8px #111; }
  .marvel-device .top-bar, .marvel-device .bottom-bar {
    height: 1.8px;
    background: black;
    width: 100%;
    display: block; }
  .marvel-device .middle-bar {
    width: 1.8px;
    height: 2.4px;
    top: 0px;
    left: 54px;
    background: black;
    position: absolute; }
  .marvel-device.iphone6 {
    width: -webkit-calc(375px * 0.6);
    width: calc(375px * 0.6);
    height: -webkit-calc(667px * 0.6);
    height: calc(667px * 0.6);
    padding: 63px 14.4px;
    margin: 0 2.4px;
    background: #d9dbdc;
    -webkit-border-radius: 33.6px;
    border-radius: 33.6px;
    -webkit-box-shadow: inset 0 0 1.8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 1.8px 0 rgba(0, 0, 0, 0.2); }
    .marvel-device.iphone6:before {
      width: -webkit-calc(100% - 7.2px);
      width: calc(100% - 7.2px);
      height: -webkit-calc(100% - 7.2px);
      height: calc(100% - 7.2px);
      position: absolute;
      top: 3.6px;
      content: '';
      left: 3.6px;
      -webkit-border-radius: 30px;
      border-radius: 30px;
      background: #f8f8f8;
      z-index: 1; }
    .marvel-device.iphone6:after {
      width: -webkit-calc(100% - 9.6px);
      width: calc(100% - 9.6px);
      height: -webkit-calc(100% - 9.6px);
      height: calc(100% - 9.6px);
      position: absolute;
      top: 4.8px;
      content: '';
      left: 4.8px;
      -webkit-border-radius: 28.8px;
      border-radius: 28.8px;
      -webkit-box-shadow: inset 0 0 1.8px 0 rgba(0, 0, 0, 0.1), inset 0 0 3.6px 1.8px #FFFFFF;
      box-shadow: inset 0 0 1.8px 0 rgba(0, 0, 0, 0.1), inset 0 0 3.6px 1.8px #FFFFFF;
      z-index: 2; }
    .marvel-device.iphone6 .home {
      -webkit-border-radius: 60%;
      border-radius: 60%;
      width: 40.8px;
      height: 40.8px;
      position: absolute;
      left: 50%;
      margin-left: -20.4px;
      bottom: 13.2px;
      z-index: 3;
      background: #303233;
      background: -moz-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
      background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #303233), color-stop(50%, #b5b7b9), color-stop(69%, #f0f2f2), color-stop(100%, #303233));
      background: -webkit-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
      background: -o-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
      background: -ms-linear-gradient(-45deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
      background: linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303233', endColorstr='#303233',GradientType=1 ); }
      .marvel-device.iphone6 .home:before {
        background: #f8f8f8;
        position: absolute;
        content: '';
        -webkit-border-radius: 60%;
        border-radius: 60%;
        width: -webkit-calc(100% - 4.8px);
        width: calc(100% - 4.8px);
        height: -webkit-calc(100% - 4.8px);
        height: calc(100% - 4.8px);
        top: 2.4px;
        left: 2.4px; }
    .marvel-device.iphone6 .top-bar {
      height: 8.4px;
      background: #bfbfc0;
      position: absolute;
      top: 40.8px;
      left: 0; }
    .marvel-device.iphone6 .bottom-bar {
      height: 8.4px;
      background: #bfbfc0;
      position: absolute;
      bottom: 40.8px;
      left: 0; }
    .marvel-device.iphone6 .sleep {
      position: absolute;
      top: 114px;
      right: -2.4px;
      width: 2.4px;
      height: 39.6px;
      -webkit-border-radius: 0px 1.2px 1.2px 0px;
      border-radius: 0px 1.2px 1.2px 0px;
      background: #d9dbdc; }
    .marvel-device.iphone6 .volume {
      position: absolute;
      left: -2.4px;
      top: 112.8px;
      z-index: 0;
      height: 39.6px;
      width: 2.4px;
      -webkit-border-radius: 1.2px 0px 0px 1.2px;
      border-radius: 1.2px 0px 0px 1.2px;
      background: #d9dbdc; }
      .marvel-device.iphone6 .volume:before {
        position: absolute;
        left: 1.2px;
        top: -46.8px;
        height: 24px;
        width: 1.2px;
        -webkit-border-radius: 1.2px 0px 0px 1.2px;
        border-radius: 1.2px 0px 0px 1.2px;
        background: inherit;
        content: '';
        display: block; }
      .marvel-device.iphone6 .volume:after {
        position: absolute;
        left: 0px;
        top: 49.2px;
        height: 39.6px;
        width: 2.4px;
        -webkit-border-radius: 1.2px 0px 0px 1.2px;
        border-radius: 1.2px 0px 0px 1.2px;
        background: inherit;
        content: '';
        display: block; }
    .marvel-device.iphone6 .camera {
      background: #3c3d3d;
      width: 7.2px;
      height: 7.2px;
      position: absolute;
      top: 14.4px;
      left: 50%;
      margin-left: -3.6px;
      -webkit-border-radius: 60%;
      border-radius: 60%;
      z-index: 3; }
    .marvel-device.iphone6 .sensor {
      background: #3c3d3d;
      width: 9.6px;
      height: 9.6px;
      position: absolute;
      top: 29.4px;
      left: 80.4px;
      z-index: 3;
      -webkit-border-radius: 60%;
      border-radius: 60%; }
    .marvel-device.iphone6 .speaker {
      background: #292728;
      width: 42px;
      height: 3.6px;
      position: absolute;
      top: 32.4px;
      left: 50%;
      margin-left: -21px;
      -webkit-border-radius: 3.6px;
      border-radius: 3.6px;
      z-index: 3; }

.red {
  color: #FF5959; }
  .red:hover {
    color: #ff7373; }

/**
 * Burger parts
 *
 * (---) top    -> &:before
 * [---] middle -> &
 * (---) bottom -> &:after
 */
/**
 * Burger
 */
/**
 * Select parts of the burger
 */
/**
 * Burger animations
 */
header.navigation {
  background-color: #00B4FF;
  color: #FBFBFB;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 66px;
  width: 100%;
  z-index: 9999999; }
  header.navigation.light {
    background-color: white;
    -webkit-backdrop-filter: blur(10px);
    color: #3C3C3C; }
    header.navigation.light .logo svg path#naritiv {
      fill: #3C3C3C; }
    header.navigation.light .logo svg path#blue-dot {
      fill: #00B4FF; }
    header.navigation.light ul li.nav-link {
      color: #3C3C3C; }
      header.navigation.light ul li.nav-link a {
        color: #3C3C3C; }
        header.navigation.light ul li.nav-link a:hover {
          color: #3C3C3C; }
      @media screen and (min-width: 53.75em) {
        header.navigation.light ul li.nav-link.login-btn a {
          border-color: #FBFBFB; }
          header.navigation.light ul li.nav-link.login-btn a:hover {
            background-color: #eeeeee;
            border-color: #e2e2e2; } }
    header.navigation.light .navigation-menu-button .burger-icon {
      position: relative;
      margin-top: 6px;
      margin-bottom: 6px; }
      header.navigation.light .navigation-menu-button .burger-icon {
        background-color: transparent; }
      header.navigation.light .navigation-menu-button .burger-icon:before, header.navigation.light .navigation-menu-button .burger-icon:after {
        background-color: #3C3C3C; }
      header.navigation.light .navigation-menu-button .burger-icon, header.navigation.light .navigation-menu-button .burger-icon:before, header.navigation.light .navigation-menu-button .burger-icon:after {
        display: block;
        width: 25px;
        height: 2px;
        -webkit-transition-property: background-color, -webkit-transform;
        -moz-transition-property: background-color, -moz-transform;
        -o-transition-property: background-color, -o-transform;
        transition-property: background-color, transform;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s; }
      header.navigation.light .navigation-menu-button .burger-icon:before, header.navigation.light .navigation-menu-button .burger-icon:after {
        position: absolute;
        content: ""; }
      header.navigation.light .navigation-menu-button .burger-icon:before {
        top: -6px; }
      header.navigation.light .navigation-menu-button .burger-icon:after {
        top: 6px; }
  header.navigation.transparent {
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-backdrop-filter: blur(10px); }
    header.navigation.transparent .navigation-wrapper .nav ul#navigation-menu li.nav-link {
      background-color: rgba(255, 255, 255, 0.85);
      -webkit-backdrop-filter: blur(10px); }
      header.navigation.transparent .navigation-wrapper .nav ul#navigation-menu li.nav-link.selected {
        background-color: rgba(0, 180, 255, 0.85); }
      @media screen and (min-width: 53.75em) {
        header.navigation.transparent .navigation-wrapper .nav ul#navigation-menu li.nav-link {
          background-color: transparent; }
          header.navigation.transparent .navigation-wrapper .nav ul#navigation-menu li.nav-link.selected {
            background-color: transparent;
            border-bottom: 3px solid rgba(0, 180, 255, 0.85); } }
  header.navigation .navigation-menu-button {
    display: block;
    float: right;
    font-family: "brandon-grotesque", "Brandon Grotesque", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    line-height: 66px;
    margin: 0;
    text-transform: uppercase;
    cursor: pointer; }
    @media screen and (min-width: 53.75em) {
      header.navigation .navigation-menu-button {
        display: none; } }
    header.navigation .navigation-menu-button:hover {
      color: white; }
    header.navigation .navigation-menu-button .quesedilla {
      float: right;
      z-index: 99999;
      height: 4.125em;
      width: 3.4375em;
      position: relative; }
    header.navigation .navigation-menu-button .burger-icon {
      position: absolute;
      top: 1.625em;
      left: 0.9375em;
      position: relative;
      margin-top: 6px;
      margin-bottom: 6px;
      cursor: pointer; }
      header.navigation .navigation-menu-button .burger-icon {
        background-color: transparent; }
      header.navigation .navigation-menu-button .burger-icon:before, header.navigation .navigation-menu-button .burger-icon:after {
        background-color: white; }
      header.navigation .navigation-menu-button .burger-icon, header.navigation .navigation-menu-button .burger-icon:before, header.navigation .navigation-menu-button .burger-icon:after {
        display: block;
        width: 25px;
        height: 2px;
        -webkit-transition-property: background-color, -webkit-transform;
        -moz-transition-property: background-color, -moz-transform;
        -o-transition-property: background-color, -o-transform;
        transition-property: background-color, transform;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s; }
      header.navigation .navigation-menu-button .burger-icon:before, header.navigation .navigation-menu-button .burger-icon:after {
        position: absolute;
        content: ""; }
      header.navigation .navigation-menu-button .burger-icon:before {
        top: -6px; }
      header.navigation .navigation-menu-button .burger-icon:after {
        top: 6px; }
    header.navigation .navigation-menu-button .quesedilla.is-active .burger-icon {
      background-color: transparent; }
    header.navigation .navigation-menu-button .quesedilla.is-active .burger-icon:before {
      -webkit-transform: translateY(6px) rotate(45deg);
      -moz-transform: translateY(6px) rotate(45deg);
      -ms-transform: translateY(6px) rotate(45deg);
      -o-transform: translateY(6px) rotate(45deg);
      transform: translateY(6px) rotate(45deg); }
    header.navigation .navigation-menu-button .quesedilla.is-active .burger-icon:after {
      -webkit-transform: translateY(-6px) rotate(-45deg);
      -moz-transform: translateY(-6px) rotate(-45deg);
      -ms-transform: translateY(-6px) rotate(-45deg);
      -o-transform: translateY(-6px) rotate(-45deg);
      transform: translateY(-6px) rotate(-45deg); }
  header.navigation .navigation-wrapper {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 9999;
    padding: 0; }
    header.navigation .navigation-wrapper::after {
      clear: both;
      content: "";
      display: table; }
    header.navigation .navigation-wrapper::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 53.75em) {
      header.navigation .navigation-wrapper {
        padding: 0 1em; } }
  header.navigation .logo {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    max-height: 66px;
    padding-left: 1em;
    padding-right: 2em; }
    header.navigation .logo:last-child {
      margin-right: 0; }
    header.navigation .logo svg {
      max-width: 6.3125em; }
      header.navigation .logo svg path#naritiv {
        fill: white; }
      header.navigation .logo svg path#blue-dot {
        fill: #59FFEA; }
  header.navigation .nav {
    z-index: 9999999;
    position: relative; }
    @media screen and (min-width: 53.75em) {
      header.navigation .nav {
        text-align: right;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%;
        float: right;
        height: 4.125em;
        line-height: 1; }
        header.navigation .nav:last-child {
          margin-right: 0; } }
    header.navigation .nav a {
      font-weight: 400; }
    header.navigation .nav .menu-button {
      display: inline-block;
      padding: .5em;
      background-color: #fafafa;
      border: 1px solid #ccc; }
  header.navigation ul#navigation-menu {
    width: 100%;
    display: block;
    position: absolute;
    top: 66px;
    right: 0;
    -webkit-transform-style: preserve-2d;
    clear: both;
    display: none;
    font-weight: 400;
    color: #3C3C3C;
    text-transform: lowercase;
    z-index: 9999; }
    header.navigation ul#navigation-menu::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 40em) {
      header.navigation ul#navigation-menu {
        float: left;
        display: block;
        margin-right: 4.8291579146%;
        width: 47.5854210427%;
        display: none; }
        header.navigation ul#navigation-menu:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 53.75em) {
      header.navigation ul#navigation-menu {
        float: left;
        display: block;
        margin-right: 4.8291579146%;
        width: 82.5284736809%;
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin-right: 0;
        float: right;
        padding: 0.5em 0; }
        header.navigation ul#navigation-menu:last-child {
          margin-right: 0; } }
  header.navigation ul li.nav-link {
    background: white;
    display: block;
    overflow: hidden;
    text-align: right;
    width: 100%;
    z-index: 9999;
    padding: 0.7em 1.9em;
    vertical-align: middle; }
    header.navigation ul li.nav-link:hover {
      background: #FBFBFB;
      border-color: #c3c1bf; }
    @media screen and (min-width: 53.75em) {
      header.navigation ul li.nav-link {
        background: transparent;
        padding: 0;
        margin-right: 0.75em;
        width: initial;
        display: inline-block;
        text-decoration: none;
        text-align: center; }
        header.navigation ul li.nav-link:hover {
          background: none;
          border-color: none; } }
    header.navigation ul li.nav-link a {
      display: inline-block;
      color: #3C3C3C;
      font-family: "brandon-grotesque", "Brandon Grotesque", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      font-weight: 500;
      line-height: 1.5;
      text-align: center;
      text-transform: lowercase; }
      header.navigation ul li.nav-link a:hover {
        color: #3C3C3C; }
      @media screen and (min-width: 53.75em) {
        header.navigation ul li.nav-link a {
          font-size: 1.125em;
          padding: 0.5em;
          color: #FBFBFB; }
          header.navigation ul li.nav-link a:hover {
            color: white; } }
    header.navigation ul li.nav-link.selected {
      background-color: #00B4FF; }
      @media screen and (min-width: 53.75em) {
        header.navigation ul li.nav-link.selected {
          border-bottom: 3px solid #00B4FF;
          background-color: transparent; } }
      header.navigation ul li.nav-link.selected:hover {
        background-color: #00a2e6; }
        @media screen and (min-width: 53.75em) {
          header.navigation ul li.nav-link.selected:hover {
            background-color: transparent; } }
      header.navigation ul li.nav-link.selected a {
        color: #FBFBFB; }
        header.navigation ul li.nav-link.selected a:hover {
          color: #FBFBFB; }
        @media screen and (min-width: 53.75em) {
          header.navigation ul li.nav-link.selected a {
            color: #3C3C3C; }
            header.navigation ul li.nav-link.selected a:hover {
              color: #3C3C3C; } }
    @media screen and (min-width: 53.75em) {
      header.navigation ul li.nav-link.login-btn {
        width: auto;
        height: 2.5em; } }
    header.navigation ul li.nav-link.login-btn a {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      text-align: right; }
      @media screen and (min-width: 53.75em) {
        header.navigation ul li.nav-link.login-btn a {
          min-width: 6.375em;
          font-size: 1.125em;
          border-radius: 0.375em;
          border: 2px solid #FBFBFB;
          padding: 0.25em 0.5em;
          text-align: center; }
          header.navigation ul li.nav-link.login-btn a:hover {
            background: #00a2e6;
            border-color: #0090cc; } }

.hero {
  width: 100%;
  text-align: center;
  color: white;
  height: 0;
  padding-bottom: 58.33333333%;
  margin-top: 66px;
  position: relative; }
  @media screen and (min-width: 40em) {
    .hero {
      padding-bottom: 43.75%; } }
  @media screen and (min-width: 53.75em) {
    .hero {
      padding-bottom: 29.16666667%;
      font-size: initial; } }
  .hero:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -99999999;
    background: black; }
  .hero .hero-bg-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    overflow: hidden; }
    .hero .hero-bg-container:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: ' ';
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1; }
    .hero .hero-bg-container .hero-video {
      display: block; }
      .hero .hero-bg-container .hero-video:not(:first-of-type) {
        display: none; }
      .hero .hero-bg-container .hero-video.active {
        display: block; }
      .hero .hero-bg-container .hero-video video {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto;
        width: 200%; }
        @media screen and (min-width: 40em) {
          .hero .hero-bg-container .hero-video video {
            width: 150%; } }
        @media screen and (min-width: 53.75em) {
          .hero .hero-bg-container .hero-video video {
            width: 100%; } }
        .hero .hero-bg-container .hero-video video + .mobile-fallback {
          display: none; }
      .hero .hero-bg-container .hero-video .mobile-fallback {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden; }
        .hero .hero-bg-container .hero-video .mobile-fallback img {
          height: auto;
          width: 200%;
          max-width: initial; }
          @media screen and (min-width: 40em) {
            .hero .hero-bg-container .hero-video .mobile-fallback img {
              width: 150%; } }
          @media screen and (min-width: 53.75em) {
            .hero .hero-bg-container .hero-video .mobile-fallback img {
              width: 100%; } }
  .hero .hero-inner {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: calc(100% - 40px);
    padding: 0;
    font-size: 75%; }
    .hero .hero-inner::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 40em) {
      .hero .hero-inner {
        width: calc(100% - 100px);
        font-size: 90%; } }
    @media screen and (min-width: 53.75em) {
      .hero .hero-inner {
        font-size: initial;
        padding: 3em; } }
    .hero .hero-inner .hero-copy {
      text-align: center; }
      .hero .hero-inner .hero-copy h1 {
        margin: 0;
        font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
        font-weight: bold;
        font-size: 3em;
        text-transform: uppercase;
        text-shadow: 0 2px 0px rgba(0, 0, 0, 0.5); }
        @media screen and (min-width: 53.75em) {
          .hero .hero-inner .hero-copy h1 br {
            display: none; } }
      .hero .hero-inner .hero-copy h2 {
        text-align: left;
        font-size: 2.5em; }
      .hero .hero-inner .hero-copy h4 {
        text-align: left;
        color: #FFFC00;
        font-size: 1.5em; }
      .hero .hero-inner .hero-copy h6 {
        font-family: "brandon-grotesque", "Brandon Grotesque", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
        font-size: 1.5em;
        color: white;
        font-weight: 400; }
    .hero .hero-inner .hero-cta {
      display: block;
      margin-top: 1em;
      opacity: 1;
      -webkit-transition: opacity 200ms ease-in-out;
      -moz-transition: opacity 200ms ease-in-out;
      transition: opacity 200ms ease-in-out; }
      .hero .hero-inner .hero-cta::after {
        clear: both;
        content: "";
        display: table; }
      @media screen and (min-width: 40em) {
        .hero .hero-inner .hero-cta {
          margin-top: 1.5em; } }
      @media screen and (min-width: 53.75em) {
        .hero .hero-inner .hero-cta {
          margin-top: 1.875em; } }
      .hero .hero-inner .hero-cta.hide {
        opacity: 0; }
      .hero .hero-inner .hero-cta .btn {
        display: inline-block;
        background: #F8E71C;
        border: 2px solid #F8E71C;
        border-radius: 8px;
        max-width: 344px;
        text-transform: uppercase;
        text-align: center;
        color: #070707;
        line-height: 2.25;
        font-size: 1.125em;
        height: initial;
        width: 48%; }
        @media screen and (min-width: 40em) {
          .hero .hero-inner .hero-cta .btn {
            height: 50px;
            width: 45%;
            font-size: 1.5em; } }
        @media screen and (min-width: 53.75em) {
          .hero .hero-inner .hero-cta .btn {
            height: 55px;
            width: 40%;
            font-size: 1.5em; } }
        .hero .hero-inner .hero-cta .btn#creator-signup-btn {
          background: rgba(0, 0, 0, 0.5);
          color: #F8E71C;
          margin-left: 2%; }
          @media screen and (min-width: 40em) {
            .hero .hero-inner .hero-cta .btn#creator-signup-btn {
              margin-left: 2.5%; } }
          @media screen and (min-width: 53.75em) {
            .hero .hero-inner .hero-cta .btn#creator-signup-btn {
              margin-left: 3%; } }

@-webkit-keyframes panHero {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -300px; }
  100% {
    margin-left: 0; } }
@-moz-keyframes panHero {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -300px; }
  100% {
    margin-left: 0; } }
@keyframes panHero {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -300px; }
  100% {
    margin-left: 0; } }
@-webkit-keyframes blurHero {
  from {
    -webkit-filter: blur(0px); }
  to {
    -webkit-filter: blur(2px); } }
@-moz-keyframes blurHero {}
@keyframes blurHero {
  from {
    -webkit-filter: blur(0px);
    filter: blur(0px); }
  to {
    -webkit-filter: blur(2px);
    filter: blur(2px); } }
.hero.creators .hero-bg-container {
  -webkit-animation: blurHero 1.5s ease-in-out;
  -moz-animation: blurHero 1.5s ease-in-out;
  animation: blurHero 1.5s ease-in-out;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
  .hero.creators .hero-bg-container .static-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: panHero 40s ease-in-out;
    -moz-animation: panHero 40s ease-in-out;
    animation: panHero 40s ease-in-out;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
    .hero.creators .hero-bg-container .static-img img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: initial;
      height: 100%; }

.main {
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover; }
  .main .main-logo img {
    height: 3em;
    margin-bottom: 2.5em; }
  .main .main-inner {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    margin: auto;
    text-align: center;
    color: #7B7A74; }
    .main .main-inner::after {
      clear: both;
      content: "";
      display: table; }
    .main .main-inner::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 40em) {
      .main .main-inner {
        padding: 3em; } }
    .main .main-inner .main-copy {
      text-align: left;
      padding-top: 8em; }
      .main .main-inner .main-copy h1 {
        font-size: 1.6em;
        margin-bottom: .5em; }
        @media screen and (min-width: 53.75em) {
          .main .main-inner .main-copy h1 {
            font-size: 3em; } }
      .main .main-inner .main-copy h4 {
        margin-bottom: 3em; }
        @media screen and (min-width: 53.75em) {
          .main .main-inner .main-copy h4 {
            font-size: 2em;
            max-width: 40%; } }

.wrapper-for-content-outside-of-footer {
  min-height: 100%;
  height: auto !important;
  height: 100%; }
  @media screen and (min-width: 40em) {
    .wrapper-for-content-outside-of-footer {
      margin: 0 auto -4.5em; } }

.wrapper-for-content-outside-of-footer:after {
  content: "";
  display: block; }

.app-footer, .wrapper-for-content-outside-of-footer:after {
  height: 17em; }
  @media screen and (min-width: 40em) {
    .app-footer, .wrapper-for-content-outside-of-footer:after {
      height: 4.5em; } }

footer {
  background: #3C3C3C;
  width: 100%;
  position: absolute;
  left: 0;
  padding: 3.625em 2.625em 2.625em; }
  footer p.disclaimer {
    color: #7B7A74;
    width: 100%;
    text-align: left;
    line-height: 3;
    float: left; }
    @media screen and (min-width: 53.75em) {
      footer p.disclaimer {
        text-align: right; } }
  footer.app-footer {
    background: white;
    padding: 0.625em 40px;
    font-size: 0.75em; }
    footer.app-footer .footer-secondary-links {
      padding-top: 10px; }
      footer.app-footer .footer-secondary-links a {
        color: #3C3C3C;
        line-height: 2; }
        footer.app-footer .footer-secondary-links a:hover {
          color: #3C3C3C; }
      footer.app-footer .footer-secondary-links g#Influencers {
        stroke: #FBFBFB;
        fill: #3C3C3C; }
    footer.app-footer .footer-logo svg {
      height: 40px;
      width: 74px; }
  footer .footer-logo {
    margin-right: 1em;
    margin-bottom: 1em; }
    @media screen and (min-width: 53.75em) {
      footer .footer-logo {
        float: left;
        margin-bottom: 0; } }
    footer .footer-logo svg {
      width: 103px;
      height: 48px; }
  footer ul {
    margin-bottom: 1em; }
    @media screen and (min-width: 53.75em) {
      footer ul {
        float: left;
        margin-left: 1em;
        margin-bottom: 0; } }
  footer ul li {
    padding-right: 1em;
    font-weight: 800; }
    @media screen and (min-width: 53.75em) {
      footer ul li {
        display: inline;
        text-align: left; } }
  footer ul li a {
    color: rgba(251, 251, 251, 0.8); }
    footer ul li a:hover {
      color: #fbfbfb; }
  @media screen and (min-width: 53.75em) {
    footer .footer-secondary-links {
      float: right; } }
  footer .footer-secondary-links li {
    font-size: 1.125em;
    font-weight: 400; }
  footer .footer-secondary-links ul.footer-social {
    margin-top: 1em; }
    @media screen and (min-width: 53.75em) {
      footer .footer-secondary-links ul.footer-social {
        float: right;
        margin-top: 0; } }
    footer .footer-secondary-links ul.footer-social li {
      float: left;
      font-size: 1em;
      padding-right: .7em; }
      footer .footer-secondary-links ul.footer-social li a:link {
        height: 30px;
        width: 30px;
        display: inline-block;
        vertical-align: middle; }
      footer .footer-secondary-links ul.footer-social li .tooltip-item {
        position: relative; }
        footer .footer-secondary-links ul.footer-social li .tooltip-item:hover .tooltip {
          opacity: 1;
          visibility: visible;
          display: inline-block; }
        footer .footer-secondary-links ul.footer-social li .tooltip-item:hover .svg {
          opacity: 1;
          bottom: 50px; }
          footer .footer-secondary-links ul.footer-social li .tooltip-item:hover .svg svg {
            opacity: 1;
            height: 115px;
            width: 115px; }
        footer .footer-secondary-links ul.footer-social li .tooltip-item > a {
          height: 30px;
          width: 30px;
          display: inline-block;
          vertical-align: middle; }
        footer .footer-secondary-links ul.footer-social li .tooltip-item .svg {
          position: absolute;
          right: 50%;
          bottom: 0;
          -webkit-transform: translateX(50%);
          -moz-transform: translateX(50%);
          -ms-transform: translateX(50%);
          -o-transform: translateX(50%);
          transform: translateX(50%);
          -webkit-transition: all 320ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
          -moz-transition: all 320ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition: all 320ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
          opacity: 0; }
          footer .footer-secondary-links ul.footer-social li .tooltip-item .svg svg {
            height: 0;
            width: 0; }
        footer .footer-secondary-links ul.footer-social li .tooltip-item .tooltip {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          display: none;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          background-color: #FBFBFB;
          border-radius: 0.25em;
          color: #3C3C3C;
          font-size: .9em;
          line-height: 1.25em;
          margin-left: 0.4em;
          opacity: 0;
          padding: 0.35em;
          text-align: center;
          visibility: hidden;
          min-width: 8em;
          z-index: 10;
          font-family: "brandon-grotesque", "Brandon Grotesque", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
          font-weight: 400; }
          footer .footer-secondary-links ul.footer-social li .tooltip-item .tooltip p {
            margin-bottom: 0; }
            footer .footer-secondary-links ul.footer-social li .tooltip-item .tooltip p span {
              font-weight: bold; }
      footer .footer-secondary-links ul.footer-social li:last-child {
        padding-right: 0; }

html, body {
  height: 100%; }

@-webkit-keyframes tooltipFadeIn {
  from {
    -webkit-transform: translateY(10px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0px);
    opacity: 1; } }
@-moz-keyframes tooltipFadeIn {
  from {
    -moz-transform: translateY(10px);
    opacity: 0; }
  to {
    -moz-transform: translateY(0px);
    opacity: 1; } }
@keyframes tooltipFadeIn {
  from {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }
@-webkit-keyframes donutRotateIn {
  from {
    -webkit-transform: rotate(-15deg);
    opacity: 0; }
  to {
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes donutRotateIn {
  from {
    -moz-transform: rotate(-15deg);
    opacity: 0; }
  to {
    -moz-transform: rotate(0);
    opacity: 1; } }
@keyframes donutRotateIn {
  from {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    opacity: 0; }
  to {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes bounce {
  0% {
    bottom: 0.5em; }
  50% {
    bottom: 0.75em; }
  100% {
    bottom: 0.5em; } }
@-moz-keyframes bounce {
  0% {
    bottom: 0.5em; }
  50% {
    bottom: 0.75em; }
  100% {
    bottom: 0.5em; } }
@keyframes bounce {
  0% {
    bottom: 0.5em; }
  50% {
    bottom: 0.75em; }
  100% {
    bottom: 0.5em; } }
.home .index ~ section.case-study#sphero {
  min-height: 450px; }
  .home .index ~ section.case-study#sphero:before {
    background-color: rgba(0, 0, 0, 0.65); }
  .home .index ~ section.case-study#sphero .case-study-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: white;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
  .home .index ~ section.case-study#sphero .main-inner {
    padding-top: 3rem;
    min-height: 450px; }
    @media screen and (min-width: 40em) {
      .home .index ~ section.case-study#sphero .main-inner .logo {
        margin: 0 auto 0 0; } }
    @media screen and (min-width: 40em) {
      .home .index ~ section.case-study#sphero .main-inner .about-campaign {
        margin-top: 1.5rem; } }
    .home .index ~ section.case-study#sphero .main-inner .about-campaign .mission h2 {
      font-size: 1.75rem; }
    .home .index ~ section.case-study#sphero .main-inner .about-campaign ol.metrics {
      margin: 1rem 0; }
    .home .index ~ section.case-study#sphero .main-inner .video {
      max-height: 385px; }
      .home .index ~ section.case-study#sphero .main-inner .video .marvel-device .screen {
        -webkit-border-radius: 0.5px;
        border-radius: 0.5px;
        -webkit-box-shadow: 0 0 0 1.5px #111;
        box-shadow: 0 0 0 1.5px #111; }
      .home .index ~ section.case-study#sphero .main-inner .video .marvel-device .top-bar, .home .index ~ section.case-study#sphero .main-inner .video .marvel-device .bottom-bar {
        height: 1.5px; }
      .home .index ~ section.case-study#sphero .main-inner .video .marvel-device .middle-bar {
        width: 1.5px;
        height: 2px;
        top: 0px;
        left: 45px; }
      .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 {
        width: -webkit-calc(375px * 0.5);
        width: calc(375px * 0.5);
        height: -webkit-calc(667px * 0.5);
        height: calc(667px * 0.5);
        padding: 52.5px 12px;
        margin: 0 2px;
        -webkit-border-radius: 28px;
        border-radius: 28px;
        -webkit-box-shadow: inset 0 0 1.5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 0 1.5px 0 rgba(0, 0, 0, 0.2); }
        .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6:before {
          width: -webkit-calc(100% - 6px);
          width: calc(100% - 6px);
          height: -webkit-calc(100% - 6px);
          height: calc(100% - 6px);
          top: 3px;
          left: 3px;
          -webkit-border-radius: 25px;
          border-radius: 25px; }
        .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6:after {
          width: -webkit-calc(100% - 8px);
          width: calc(100% - 8px);
          height: -webkit-calc(100% - 8px);
          height: calc(100% - 8px);
          top: 4px;
          left: 4px;
          -webkit-border-radius: 24px;
          border-radius: 24px;
          -webkit-box-shadow: inset 0 0 1.5px 0 rgba(0, 0, 0, 0.1), inset 0 0 3px 1.5px #FFFFFF;
          box-shadow: inset 0 0 1.5px 0 rgba(0, 0, 0, 0.1), inset 0 0 3px 1.5px #FFFFFF; }
        .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 .home {
          -webkit-border-radius: 50%;
          border-radius: 50%;
          width: 34px;
          height: 34px;
          margin-left: -17px;
          bottom: 11px; }
          .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 .home:before {
            -webkit-border-radius: 50%;
            border-radius: 50%;
            width: -webkit-calc(100% - 4px);
            width: calc(100% - 4px);
            height: -webkit-calc(100% - 4px);
            height: calc(100% - 4px);
            top: 2px;
            left: 2px; }
        .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 .top-bar {
          height: 7px;
          top: 34px; }
        .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 .bottom-bar {
          height: 7px;
          bottom: 34px; }
        .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 .sleep {
          top: 95px;
          right: -2px;
          width: 2px;
          height: 33px;
          -webkit-border-radius: 0px 1px 1px 0px;
          border-radius: 0px 1px 1px 0px; }
        .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 .volume {
          left: -2px;
          top: 94px;
          height: 33px;
          width: 2px;
          -webkit-border-radius: 1px 0px 0px 1px;
          border-radius: 1px 0px 0px 1px; }
          .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 .volume:before {
            left: 1px;
            top: -39px;
            height: 20px;
            width: 1px;
            -webkit-border-radius: 1px 0px 0px 1px;
            border-radius: 1px 0px 0px 1px; }
          .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 .volume:after {
            left: 0px;
            top: 41px;
            height: 33px;
            width: 2px;
            -webkit-border-radius: 1px 0px 0px 1px;
            border-radius: 1px 0px 0px 1px; }
        .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 .camera {
          width: 6px;
          height: 6px;
          top: 12px;
          margin-left: -3px;
          -webkit-border-radius: 50%;
          border-radius: 50%; }
        .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 .sensor {
          width: 8px;
          height: 8px;
          top: 24.5px;
          left: 67px;
          -webkit-border-radius: 50%;
          border-radius: 50%; }
        .home .index ~ section.case-study#sphero .main-inner .video .marvel-device.iphone6 .speaker {
          width: 35px;
          height: 3px;
          top: 27px;
          margin-left: -17.5px;
          -webkit-border-radius: 3px;
          border-radius: 3px; }

.home {
  height: 100%; }
  .home h2.headline {
    color: #3C3C3C;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0.625em; }
  .home section.strategy {
    background: white;
    position: relative;
    z-index: 5;
    box-shadow: 0 2px 4px rgba(60, 60, 60, 0.5); }
    .home section.strategy .main-inner {
      width: 100%;
      color: #4D4C47; }
      .home section.strategy .main-inner ol {
        width: 100%; }
        .home section.strategy .main-inner ol > li {
          display: block;
          margin: 1em 0 2.5em; }
          .home section.strategy .main-inner ol > li::after {
            clear: both;
            content: "";
            display: table; }
          @media screen and (min-width: 53.75em) {
            .home section.strategy .main-inner ol > li {
              margin: 0;
              float: left;
              display: block;
              margin-right: 2.3576515979%;
              width: 31.7615656014%; }
              .home section.strategy .main-inner ol > li:last-child {
                margin-right: 0; } }
          .home section.strategy .main-inner ol > li > h4 {
            color: #3C3C3C;
            text-transform: uppercase;
            font-weight: 500;
            float: none;
            width: 100%;
            margin: 0 auto;
            text-align: center;
            padding: 0 10%; }
            @media screen and (min-width: 40em) {
              .home section.strategy .main-inner ol > li > h4 {
                float: left;
                width: 70%;
                padding: 0 0 0 5%;
                text-align: left; } }
            @media screen and (min-width: 53.75em) {
              .home section.strategy .main-inner ol > li > h4 {
                margin: 1em auto 0.5em;
                padding: 0;
                float: none;
                width: 100%;
                text-align: center; } }
            .home section.strategy .main-inner ol > li > h4 + p {
              font-weight: 300;
              float: none;
              width: 100%;
              margin: 0 auto;
              text-align: center;
              padding: 0 10%; }
              @media screen and (min-width: 40em) {
                .home section.strategy .main-inner ol > li > h4 + p {
                  text-align: left;
                  float: left;
                  width: 70%;
                  padding: 0 0 0 5%; } }
              @media screen and (min-width: 53.75em) {
                .home section.strategy .main-inner ol > li > h4 + p {
                  float: none;
                  padding: 0;
                  width: 100%;
                  text-align: center; } }
          .home section.strategy .main-inner ol > li .visual {
            width: 100%;
            position: relative;
            text-align: center;
            height: 0;
            width: 100%;
            float: none;
            margin: 0 auto 1.25em;
            padding-bottom: 45.8%; }
            @media screen and (min-width: 40em) {
              .home section.strategy .main-inner ol > li .visual {
                width: 30%;
                padding-bottom: 17.175%;
                float: left; } }
            @media screen and (min-width: 53.75em) {
              .home section.strategy .main-inner ol > li .visual {
                width: 100%;
                padding-bottom: 57.25%;
                float: none; } }
            .home section.strategy .main-inner ol > li .visual#network {
              background-size: auto 100%;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/home/homepage-influencers.png"); }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
                .home section.strategy .main-inner ol > li .visual#network {
                  background-image: url("../img/home/homepage-influencers@2x.png"); } }
              .home section.strategy .main-inner ol > li .visual#network h4.total-reach {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translateY(-50%) translateX(-50%) translateZ(0);
                -moz-transform: translateY(-50%) translateX(-50%) translateZ(0);
                -ms-transform: translateY(-50%) translateX(-50%) translateZ(0);
                -o-transform: translateY(-50%) translateX(-50%) translateZ(0);
                transform: translateY(-50%) translateX(-50%) translateZ(0);
                -webkit-filter: blur(0);
                filter: blur(0);
                -webkit-perspective: 1000;
                -moz-perspective: 1000;
                perspective: 1000;
                width: 100%;
                -webkit-font-smoothing: antialiased;
                text-align: center;
                font-weight: 300;
                font-size: 1rem; }
                .home section.strategy .main-inner ol > li .visual#network h4.total-reach > span {
                  display: block;
                  margin: 0 auto;
                  font-size: 1.5rem;
                  color: #00B4FF;
                  width: 100% !important;
                  line-height: 1.5; }
                  @media screen and (min-width: 40em) {
                    .home section.strategy .main-inner ol > li .visual#network h4.total-reach > span {
                      font-size: 1.25rem; } }
                  @media screen and (min-width: 53.75em) {
                    .home section.strategy .main-inner ol > li .visual#network h4.total-reach > span {
                      font-size: 1.75rem; } }
            .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections.active li:not(:first-of-type) {
              opacity: 1; }
              .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections.active li:not(:first-of-type):after {
                opacity: 1;
                width: 60%; }
            .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections.active li#youtube {
              top: 20%;
              left: 20%; }
            .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections.active li#twitter {
              top: 20%;
              left: 80%; }
            .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections.active li#facebook {
              top: 80%;
              left: 20%; }
            .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections.active li#instagram {
              top: 80%;
              left: 80%; }
            .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li {
              -webkit-transform: translateX(-50%) translateY(-50%);
              -moz-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
              -o-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
              top: 50%;
              left: 50%; }
              .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li > svg {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%; }
              .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li#snapchat {
                z-index: 10001;
                position: absolute;
                top: 50%;
                left: 50%;
                width: 50%;
                height: 0;
                padding-bottom: 7.2815%; }
              .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li:not(:first-of-type) {
                position: absolute;
                opacity: 0;
                height: 0;
                width: 15%;
                padding-bottom: 15%; }
                @media screen and (min-width: 40em) {
                  .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li:not(:first-of-type) {
                    width: 20%;
                    padding-bottom: 20%; } }
                .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li:not(:first-of-type):after {
                  position: absolute;
                  content: ' ';
                  height: 1px;
                  width: 0;
                  opacity: 0;
                  background-image: repeating-linear-gradient(90deg, transparent, transparent 3px, white 3px, white 6px); }
              .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li#youtube {
                -webkit-transition: opacity 200ms ease-in-out, top 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
                -moz-transition: opacity 200ms ease-in-out, top 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: opacity 200ms ease-in-out, top 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
                .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li#youtube:after {
                  -webkit-transform: rotate(20deg);
                  -moz-transform: rotate(20deg);
                  -ms-transform: rotate(20deg);
                  -o-transform: rotate(20deg);
                  transform: rotate(20deg);
                  right: -60%;
                  bottom: 10%;
                  background-color: #DB292D;
                  -webkit-transition-delay: 400ms;
                  -moz-transition-delay: 400ms;
                  transition-delay: 400ms; }
              .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li#twitter {
                -webkit-transition: opacity 200ms ease-in-out, top 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
                -moz-transition: opacity 200ms ease-in-out, top 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: opacity 200ms ease-in-out, top 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
                .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li#twitter:after {
                  -webkit-transform: rotate(-20deg);
                  -moz-transform: rotate(-20deg);
                  -ms-transform: rotate(-20deg);
                  -o-transform: rotate(-20deg);
                  transform: rotate(-20deg);
                  left: -60%;
                  bottom: 10%;
                  background-color: #2AA9E0;
                  -webkit-transition-delay: 500ms;
                  -moz-transition-delay: 500ms;
                  transition-delay: 500ms; }
              .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li#facebook {
                -webkit-transition: opacity 200ms ease-in-out, top 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
                -moz-transition: opacity 200ms ease-in-out, top 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: opacity 200ms ease-in-out, top 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
                .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li#facebook:after {
                  -webkit-transform: rotate(-20deg);
                  -moz-transform: rotate(-20deg);
                  -ms-transform: rotate(-20deg);
                  -o-transform: rotate(-20deg);
                  transform: rotate(-20deg);
                  right: -60%;
                  top: 10%;
                  background-color: #3B5999;
                  -webkit-transition-delay: 600ms;
                  -moz-transition-delay: 600ms;
                  transition-delay: 600ms; }
              .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li#instagram {
                -webkit-transition: opacity 200ms ease-in-out, top 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
                -moz-transition: opacity 200ms ease-in-out, top 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: opacity 200ms ease-in-out, top 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275), left 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275), right 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
                .home section.strategy .main-inner ol > li .visual#strategy ul.social-connections li#instagram:after {
                  -webkit-transform: rotate(20deg);
                  -moz-transform: rotate(20deg);
                  -ms-transform: rotate(20deg);
                  -o-transform: rotate(20deg);
                  transform: rotate(20deg);
                  left: -60%;
                  top: 10%;
                  background-color: #A67754;
                  -webkit-transition-delay: 700ms;
                  -moz-transition-delay: 700ms;
                  transition-delay: 700ms; }
            .home section.strategy .main-inner ol > li .visual#tech svg {
              height: 100%;
              width: 100%;
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0; }
  .home section.signup-form .main-inner {
    position: relative; }
    .home section.signup-form .main-inner .button-group {
      font-size: 75%; }
      @media screen and (min-width: 40em) {
        .home section.signup-form .main-inner .button-group {
          font-size: 100%; } }
      .home section.signup-form .main-inner .button-group .button {
        text-transform: uppercase; }
        .home section.signup-form .main-inner .button-group .button.active {
          background-color: #00B4FF !important;
          color: white !important; }
    .home section.signup-form .main-inner ul.icons {
      display: block;
      width: 100%; }
      .home section.signup-form .main-inner ul.icons::after {
        clear: both;
        content: "";
        display: table; }
      .home section.signup-form .main-inner ul.icons li {
        margin: 2.5rem 0;
        float: left;
        display: block;
        margin-right: 7.4229703521%;
        width: 19.432772236%;
        -webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        animation-duration: 0.4s; }
        .home section.signup-form .main-inner ul.icons li:last-child {
          margin-right: 0; }
        .home section.signup-form .main-inner ul.icons li svg {
          height: 100%;
          width: 100%; }
          @media screen and (min-width: 40em) {
            .home section.signup-form .main-inner ul.icons li svg {
              height: 6.25rem;
              width: 6.25rem; } }
          @media screen and (min-width: 53.75em) {
            .home section.signup-form .main-inner ul.icons li svg {
              height: 7rem;
              width: 7rem; } }
        .home section.signup-form .main-inner ul.icons li h6 {
          font-weight: 400;
          font-size: 0.5em; }
          @media screen and (min-width: 40em) {
            .home section.signup-form .main-inner ul.icons li h6 {
              font-size: 1em; } }
          @media screen and (min-width: 53.75em) {
            .home section.signup-form .main-inner ul.icons li h6 {
              font-size: 1.125em; } }
      .home section.signup-form .main-inner ul.icons#creator-icons li {
        display: none; }
    .home section.signup-form .main-inner form {
      max-width: 25em;
      margin: 0 auto;
      -webkit-animation-duration: 0.8s;
      -moz-animation-duration: 0.8s;
      animation-duration: 0.8s; }
      .home section.signup-form .main-inner form .input-wrapper.input-filled label {
        -webkit-transform: translate3d(0, -46px, 0) scale(0.75);
        -moz-transform: translate3d(0, -46px, 0) scale(0.75);
        -ms-transform: translate3d(0, -46px, 0) scale(0.75);
        -o-transform: translate3d(0, -46px, 0) scale(0.75);
        transform: translate3d(0, -46px, 0) scale(0.75); }
      .home section.signup-form .main-inner form .input-wrapper.input-creator {
        display: none; }
      .home section.signup-form .main-inner form input[type="text"], .home section.signup-form .main-inner form input[type="email"] {
        border: 0;
        border-bottom: 2px solid #7B7A74;
        border-radius: 0;
        padding-bottom: 0.25rem;
        padding-top: 0.25rem; }
        .home section.signup-form .main-inner form input[type="text"]:focus + label, .home section.signup-form .main-inner form input[type="email"]:focus + label {
          -webkit-transform: translate3d(0, -46px, 0) scale(0.75);
          -moz-transform: translate3d(0, -46px, 0) scale(0.75);
          -ms-transform: translate3d(0, -46px, 0) scale(0.75);
          -o-transform: translate3d(0, -46px, 0) scale(0.75);
          transform: translate3d(0, -46px, 0) scale(0.75); }
        .home section.signup-form .main-inner form input[type="text"].valid, .home section.signup-form .main-inner form input[type="email"].valid {
          border-color: #00B4FF; }
        .home section.signup-form .main-inner form input[type="text"].invalid, .home section.signup-form .main-inner form input[type="email"].invalid {
          border-color: #F2302D; }
      .home section.signup-form .main-inner form label {
        color: #8e8e8e;
        font-weight: bold;
        margin-bottom: 0.375em;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        pointer-events: none;
        -webkit-font-smoothing: antialiased;
        padding-left: 0.5em;
        z-index: 1;
        -webkit-transform: translate3d(0, -31px, 0) scale(1);
        -moz-transform: translate3d(0, -31px, 0) scale(1);
        -ms-transform: translate3d(0, -31px, 0) scale(1);
        -o-transform: translate3d(0, -31px, 0) scale(1);
        transform: translate3d(0, -31px, 0) scale(1);
        -webkit-transition: -webkit-transform cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s;
        -moz-transition: -webkit-transform cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s;
        transition: -webkit-transform cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s;
        -webkit-transition: -webkit-transform cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s;
        -moz-transition: -moz-transform cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s;
        transition: transform cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s;
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        text-align: left; }
      .home section.signup-form .main-inner form input[type="submit"] {
        height: 50px;
        width: 100%;
        max-width: 300px;
        margin: 0.9375em auto 0;
        display: block;
        border: 2px solid #0096D9;
        font-size: 24px;
        background-color: #00B4FF;
        color: #FBFBFB;
        text-transform: uppercase; }
        .home section.signup-form .main-inner form input[type="submit"]:hover {
          color: white; }
        .home section.signup-form .main-inner form input[type="submit"]:active, .home section.signup-form .main-inner form input[type="submit"]:focus {
          background-color: #4A90E2; }
  .home .influencers {
    background-color: white; }
    .home .influencers .main-inner h3 {
      padding: 0; }
    .home .influencers .main-inner h5 {
      padding: 1.25em 0;
      font-weight: 300; }
    .home .influencers .main-inner ul.influencer-container {
      width: 100%; }
      @media screen and (min-width: 40em) {
        .home .influencers .main-inner ul.influencer-container {
          margin-left: 0%; } }
      .home .influencers .main-inner ul.influencer-container li {
        margin-bottom: 0; }
        @media screen and (min-width: 0) and (max-width: 40em) {
          .home .influencers .main-inner ul.influencer-container li {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 31.7615656014%;
            padding-bottom: 3.125em; }
            .home .influencers .main-inner ul.influencer-container li:last-child {
              margin-right: 0; }
            .home .influencers .main-inner ul.influencer-container li:nth-child(3n) {
              margin-right: 0; }
            .home .influencers .main-inner ul.influencer-container li:nth-child(3n+1) {
              clear: left; } }
        @media screen and (min-width: 40em) and (max-width: 53.75em) {
          .home .influencers .main-inner ul.influencer-container li {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 23.2317613015%;
            margin-bottom: 2.8125em; }
            .home .influencers .main-inner ul.influencer-container li:last-child {
              margin-right: 0; }
            .home .influencers .main-inner ul.influencer-container li:nth-child(4n) {
              margin-right: 0; }
            .home .influencers .main-inner ul.influencer-container li:nth-child(4n+1) {
              clear: left; } }
        @media screen and (min-width: 53.75em) {
          .home .influencers .main-inner ul.influencer-container li {
            float: left;
            display: block;
            margin-right: 2.8425855704%;
            width: 17.7259315437%;
            margin-bottom: 2.8125em; }
            .home .influencers .main-inner ul.influencer-container li:last-child {
              margin-right: 0; }
            .home .influencers .main-inner ul.influencer-container li:nth-child(5n) {
              margin-right: 0; }
            .home .influencers .main-inner ul.influencer-container li:nth-child(5n+1) {
              clear: left; } }
        .home .influencers .main-inner ul.influencer-container li img.headshot {
          border-radius: 10px; }
        .home .influencers .main-inner ul.influencer-container li h5 {
          color: #00B4FF;
          font-weight: 400;
          padding: 0.25em; }
          @media screen and (min-width: 0) and (max-width: 40em) {
            .home .influencers .main-inner ul.influencer-container li h5 {
              font-size: 1.2em; } }
        .home .influencers .main-inner ul.influencer-container li p:not(.social-snapchat) {
          display: none; }
          @media screen and (min-width: 40em) {
            .home .influencers .main-inner ul.influencer-container li p:not(.social-snapchat) {
              display: block; } }
        .home .influencers .main-inner ul.influencer-container li p.social-snapchat {
          vertical-align: middle;
          color: #4D4C47;
          height: 28px;
          margin: 0.25em auto;
          font-size: 0.75em; }
          .home .influencers .main-inner ul.influencer-container li p.social-snapchat:before {
            content: ' ';
            vertical-align: middle;
            margin-right: 0.25em;
            height: 30px;
            width: 30px;
            background-size: 100%;
            background-repeat: no-repeat;
            display: inline-block;
            background-image: url("../img/home/icons/Snap-Icon.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
              .home .influencers .main-inner ul.influencer-container li p.social-snapchat:before {
                background-image: url("../img/home/icons/Snap-Icon@2x.png"); } }
  .home .investors {
    background-color: #00B4FF;
    box-shadow: inset 0px 2px 6px 0px rgba(37, 92, 157, 0.5); }
    .home .investors .main-inner h3 {
      color: white;
      padding: 0 0 1.25em; }
    .home .investors .main-inner ul {
      width: 100%;
      position: relative; }
      .home .investors .main-inner ul li {
        margin: 0 auto;
        width: 100%;
        height: 0;
        padding-bottom: 15%;
        position: relative; }
        .home .investors .main-inner ul li:nth-child(3n) {
          margin-right: 0; }
        .home .investors .main-inner ul li:nth-child(3n+1) {
          clear: left; }
        @media screen and (min-width: 40em) {
          .home .investors .main-inner ul li {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 48.821174201%;
            padding-bottom: 12%; }
            .home .investors .main-inner ul li:last-child {
              margin-right: 0; } }
        @media screen and (min-width: 53.75em) {
          .home .investors .main-inner ul li {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 48.821174201%;
            padding-bottom: 10%; }
            .home .investors .main-inner ul li:last-child {
              margin-right: 0; } }
        .home .investors .main-inner ul li#disney {
          width: 100%;
          padding-bottom: 20%; }
        .home .investors .main-inner ul li svg {
          height: 100%;
          width: 100%;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
  .home .contact {
    background-color: #FBFBFB; }
    @media screen and (min-width: 53.75em) {
      .home .contact {
        background-color: white; } }
    .home .contact button#get-started {
      font-size: 1.5em !important;
      outline: none;
      min-width: 250px;
      max-width: 21.5625em;
      height: 1.875em;
      background-color: #00B4FF;
      color: white;
      margin: 2em 0 2em;
      padding: 0; }
      @media screen and (min-width: 53.75em) {
        .home .contact button#get-started:hover, .home .contact button#get-started:focus, .home .contact button#get-started:active {
          background-color: #00a2e6 !important; } }
      .home .contact button#get-started a {
        color: white; }
  .home .team {
    background-color: white; }
    .home .team .main-inner h3 {
      padding: 0 0 1.25em;
      color: #4D4C47; }
    .home .team .main-inner ul {
      display: block; }
      .home .team .main-inner ul::after {
        clear: both;
        content: "";
        display: table; }
      @media screen and (min-width: 53.75em) {
        .home .team .main-inner ul {
          margin-left: 0%; } }
      .home .team .main-inner ul li {
        display: block;
        margin-bottom: 3.125em; }
        .home .team .main-inner ul li::after {
          clear: both;
          content: "";
          display: table; }
        @media screen and (min-width: 40em) {
          .home .team .main-inner ul li {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 48.821174201%;
            margin-bottom: 2.125em; }
            .home .team .main-inner ul li:last-child {
              margin-right: 0; }
            .home .team .main-inner ul li:nth-child(2n) {
              margin-right: 0; }
            .home .team .main-inner ul li:nth-child(2n+1) {
              clear: left; } }
        @media screen and (min-width: 53.75em) {
          .home .team .main-inner ul li {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 23.2317613015%;
            margin-bottom: 2.125em; }
            .home .team .main-inner ul li:last-child {
              margin-right: 0; }
            .home .team .main-inner ul li:nth-child(2n) {
              margin-right: 2.35765%; }
            .home .team .main-inner ul li:nth-child(2n+1) {
              clear: none; }
            .home .team .main-inner ul li:nth-child(4n) {
              margin-right: 0; }
            .home .team .main-inner ul li:nth-child(4n+1) {
              clear: left; } }
        .home .team .main-inner ul li h5 {
          font-size: 1.5em;
          color: #00B4FF; }
          @media screen and (min-width: 40em) {
            .home .team .main-inner ul li h5 {
              font-size: 1.25em; } }
        .home .team .main-inner ul li h6 {
          margin-bottom: 0.5em;
          text-transform: uppercase;
          color: #7B7A74;
          font-size: 0.75em; }
        .home .team .main-inner ul li p.social-snapchat {
          vertical-align: middle;
          color: #4D4C47;
          height: 28px;
          margin: 0.25em auto; }
          .home .team .main-inner ul li p.social-snapchat:before {
            content: ' ';
            vertical-align: middle;
            margin-right: 0.25em;
            height: 30px;
            width: 30px;
            background-size: 100%;
            background-repeat: no-repeat;
            display: inline-block;
            background-image: url("../img/home/icons/Snap-Icon.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
              .home .team .main-inner ul li p.social-snapchat:before {
                background-image: url("../img/home/icons/Snap-Icon@2x.png"); } }
        .home .team .main-inner ul li a.hiring-btn {
          border-radius: 4px;
          border: 2px solid #00B4FF;
          display: block;
          width: 40%;
          height: 28px;
          margin: 0.25em auto;
          font-weight: 500;
          color: #00B4FF; }
        .home .team .main-inner ul li p {
          font-size: 1em;
          max-width: 21.25em;
          margin: 0 auto; }
          .home .team .main-inner ul li p a {
            text-decoration: underline; }
          @media screen and (min-width: 53.75em) {
            .home .team .main-inner ul li p {
              font-size: .875em; } }
        .home .team .main-inner ul li a.profile-photo {
          display: block; }
          .home .team .main-inner ul li a.profile-photo img {
            height: 100%;
            width: 100%; }
        .home .team .main-inner ul li div.profile-photo {
          display: block;
          position: relative; }
          .home .team .main-inner ul li div.profile-photo:hover .svg svg {
            opacity: 1; }
          .home .team .main-inner ul li div.profile-photo:hover img {
            -webkit-transform: scale(0.75);
            -moz-transform: scale(0.75);
            -ms-transform: scale(0.75);
            -o-transform: scale(0.75);
            transform: scale(0.75);
            border-radius: 30px; }
          .home .team .main-inner ul li div.profile-photo .svg {
            height: 0;
            width: 100%;
            padding-top: 100%;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1; }
            .home .team .main-inner ul li div.profile-photo .svg svg {
              opacity: 0;
              -webkit-transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
              -moz-transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
              transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
              height: 100%;
              width: 100%;
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0; }
              .home .team .main-inner ul li div.profile-photo .svg svg path[fill="#FFFFFF"] {
                fill: transparent; }
          .home .team .main-inner ul li div.profile-photo img {
            height: 100%;
            width: 100%;
            -webkit-transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
            -moz-transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
            border-radius: 0;
            z-index: -1; }
      .home .team .main-inner ul + p#attribution {
        color: #a1a09b;
        text-align: right;
        font-size: 0.75em; }
        .home .team .main-inner ul + p#attribution a {
          text-decoration: underline;
          color: #a1a09b; }
  .home .carousel {
    width: 100%;
    background: #00B4FF;
    text-align: center;
    max-width: none; }
    .home .carousel#brands {
      background: #ebf9ff;
      position: relative;
      z-index: 6; }
      @media screen and (min-width: 40em) {
        .home .carousel#brands .main-inner .container {
          width: 80%;
          margin: 0 auto; } }
      @media screen and (min-width: 40em) {
        .home .carousel#brands .main-inner .container .logo {
          margin-bottom: 0.5em; } }
    .home .carousel .main-inner {
      padding-top: 0.4375em;
      padding-bottom: 0.4375em;
      position: relative; }
      .home .carousel .main-inner h5 {
        font-family: "brandon-grotesque", "Brandon Grotesque", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
        font-size: 1.25em;
        color: white;
        margin-bottom: 0.0625em;
        font-weight: 500;
        text-align: center;
        padding: 0.4375em 0; }
      .home .carousel .main-inner .container {
        width: 100%;
        display: block; }
        .home .carousel .main-inner .container::after {
          clear: both;
          content: "";
          display: table; }
        .home .carousel .main-inner .container .logo {
          margin: 0.25em auto;
          float: left;
          display: block;
          margin-right: 5.8515051827%;
          width: 15.3187958539%;
          padding-bottom: 7.773108%;
          height: 0;
          position: relative;
          color: white; }
          .home .carousel .main-inner .container .logo:last-child {
            margin-right: 0; }
          .home .carousel .main-inner .container .logo a {
            color: white; }
            .home .carousel .main-inner .container .logo a:hover svg {
              height: 120%;
              width: 120%; }
          .home .carousel .main-inner .container .logo svg {
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateY(-50%) translateX(-50%);
            -moz-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            -o-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            height: 100%;
            width: 100%;
            -webkit-transition: all 320ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
            -moz-transition: all 320ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
            transition: all 320ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
            .home .carousel .main-inner .container .logo svg path, .home .carousel .main-inner .container .logo svg rect {
              fill: currentColor; }
        .home .carousel .main-inner .container#press-logos .logo {
          width: 100%;
          padding-bottom: 25.91036%;
          cursor: pointer; }
        .home .carousel .main-inner .container#brand-logos .logo {
          float: left;
          display: block;
          margin-right: 7.4229703521%;
          width: 19.432772236%;
          padding-bottom: 7.773108%;
          color: #909090;
          cursor: pointer; }
          .home .carousel .main-inner .container#brand-logos .logo:last-child {
            margin-right: 0; }
          .home .carousel .main-inner .container#brand-logos .logo.active {
            color: #00B4FF; }
        .home .carousel .main-inner .container#brand-logos + .owl-carousel#brand-snippets .snippet {
          font-size: 1.125em;
          vertical-align: middle;
          color: #3C3C3C; }
          .home .carousel .main-inner .container#brand-logos + .owl-carousel#brand-snippets .snippet span {
            color: #00B4FF;
            font-weight: 700; }
          .home .carousel .main-inner .container#brand-logos + .owl-carousel#brand-snippets .snippet a.btn {
            color: #00B4FF;
            margin-left: 0.5rem;
            position: relative;
            display: inline-block; }
            .home .carousel .main-inner .container#brand-logos + .owl-carousel#brand-snippets .snippet a.btn:before {
              float: right;
              line-height: 2;
              font-size: 0.75rem;
              padding-left: 0.25rem; }
        .home .carousel .main-inner .container#brand-logos + .owl-carousel#brand-snippets .owl-controls {
          margin-top: 4px; }
          .home .carousel .main-inner .container#brand-logos + .owl-carousel#brand-snippets .owl-controls .owl-pagination .owl-page {
            display: inline-block; }
            .home .carousel .main-inner .container#brand-logos + .owl-carousel#brand-snippets .owl-controls .owl-pagination .owl-page span {
              background: #4dcbff;
              margin: 4px;
              height: 0.5rem;
              width: 0.5rem;
              display: block;
              border-radius: 50%; }
            .home .carousel .main-inner .container#brand-logos + .owl-carousel#brand-snippets .owl-controls .owl-pagination .owl-page.active span {
              background: #00B4FF; }
      .home .carousel .main-inner .left-arrow {
        left: 0.625rem; }
        @media screen and (min-width: 40em) {
          .home .carousel .main-inner .left-arrow {
            left: 1.5rem; } }
      .home .carousel .main-inner .right-arrow {
        right: 0.625rem; }
        @media screen and (min-width: 40em) {
          .home .carousel .main-inner .right-arrow {
            right: 1.5rem; } }
      .home .carousel .main-inner .left-arrow, .home .carousel .main-inner .right-arrow {
        position: absolute;
        top: calc(50% + 2px);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer; }
        @media screen and (min-width: 53.75em) {
          .home .carousel .main-inner .left-arrow, .home .carousel .main-inner .right-arrow {
            display: none; }
            .home .carousel .main-inner .left-arrow#press-left-arrow, .home .carousel .main-inner .left-arrow#press-right-arrow, .home .carousel .main-inner .right-arrow#press-left-arrow, .home .carousel .main-inner .right-arrow#press-right-arrow {
              display: block; } }
        .home .carousel .main-inner .left-arrow i, .home .carousel .main-inner .right-arrow i {
          font-size: 1rem;
          color: rgba(255, 255, 255, 0.7); }
          .home .carousel .main-inner .left-arrow i:hover, .home .carousel .main-inner .right-arrow i:hover {
            color: rgba(255, 255, 255, 0.85); }
  .home .quoteblock {
    position: relative;
    padding: 0 40px 10px;
    text-align: left; }
    @media screen and (min-width: 40em) {
      .home .quoteblock {
        padding: 0 80px 20px; } }
    .home .quoteblock h4 {
      font-weight: 500;
      color: white; }
      .home .quoteblock h4.quote {
        padding: 10px 15px;
        font-size: 20px; }
        @media screen and (min-width: 40em) {
          .home .quoteblock h4.quote {
            font-size: 30px; } }
    .home .quoteblock .attribution .image {
      display: inline-block;
      vertical-align: middle;
      max-width: 40px; }
      @media screen and (min-width: 40em) {
        .home .quoteblock .attribution .image {
          max-width: 80px; } }
      .home .quoteblock .attribution .image img {
        border-radius: 50%;
        border: 1px solid white; }
    .home .quoteblock .attribution .name {
      display: inline-block;
      vertical-align: middle;
      margin-left: 0.5em; }
      .home .quoteblock .attribution .name h4 {
        font-size: 20px; }
        @media screen and (min-width: 40em) {
          .home .quoteblock .attribution .name h4 {
            font-size: 28px; } }
      .home .quoteblock .attribution .name p {
        color: white;
        font-size: 12px; }
        @media screen and (min-width: 40em) {
          .home .quoteblock .attribution .name p {
            font-size: 16px; } }
    .home .quoteblock svg {
      max-width: 40px; }
      @media screen and (min-width: 40em) {
        .home .quoteblock svg {
          max-width: 79px; } }
      .home .quoteblock svg:first-of-type {
        position: absolute;
        top: 0;
        left: 0; }
      .home .quoteblock svg:last-of-type {
        position: absolute;
        margin-top: -30px;
        right: 0; }
  .home .jobs {
    background-color: white; }
    .home .jobs .main-inner {
      max-width: 50em; }
      .home .jobs .main-inner h3 {
        padding: 0;
        color: #A0EA4F; }
        .home .jobs .main-inner h3 + h6 {
          padding: 0.5em 0;
          font-weight: 300; }
      .home .jobs .main-inner ol li {
        display: block;
        padding: 0.5em 0; }
        .home .jobs .main-inner ol li::after {
          clear: both;
          content: "";
          display: table; }
        @media screen and (min-width: 40em) {
          .home .jobs .main-inner ol li {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 48.821174201%; }
            .home .jobs .main-inner ol li:last-child {
              margin-right: 0; }
            .home .jobs .main-inner ol li:nth-child(2n) {
              margin-right: 0; }
            .home .jobs .main-inner ol li:nth-child(2n+1) {
              clear: left; } }
        .home .jobs .main-inner ol li h6 {
          color: #3C3C3C;
          text-align: left; }
      .home .jobs .main-inner#office p {
        padding-bottom: 1em; }
      .home .jobs .main-inner#office #map {
        width: 100%;
        height: 300px; }
      .home .jobs .main-inner#end button#say-hello {
        font-size: 1em;
        margin: 1em 0;
        background-color: transparent;
        border: 2px solid #00B4FF;
        padding: 0.5em 5em; }
        .home .jobs .main-inner#end button#say-hello:hover {
          border-color: #00a2e6; }
        .home .jobs .main-inner#end button#say-hello a {
          color: #00B4FF; }

.hero.casestudies {
  padding-bottom: 43.75%; }
  .hero.casestudies .hero-inner .hero-copy h1 {
    font-size: 1.75rem;
    text-shadow: none;
    color: #3C3C3C; }
    @media screen and (min-width: 40em) {
      .hero.casestudies .hero-inner .hero-copy h1 {
        font-size: 2rem; } }
    @media screen and (min-width: 53.75em) {
      .hero.casestudies .hero-inner .hero-copy h1 {
        font-size: 3rem; } }
  .hero.casestudies .hero-inner .hero-copy h4 {
    text-align: center;
    text-transform: lowercase;
    color: #4D4C47;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25rem;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
    @media screen and (min-width: 40em) {
      .hero.casestudies .hero-inner .hero-copy h4 {
        font-weight: 300;
        font-size: 1.25rem; } }
    @media screen and (min-width: 53.75em) {
      .hero.casestudies .hero-inner .hero-copy h4 {
        font-weight: 300;
        font-size: 1.5rem; } }
  .hero.casestudies:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    z-index: -1;
    background-image: url("/assets/img/casestudies/bg/casestudy-hero.jpg");
    background-size: cover;
    background-position: center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
      .hero.casestudies:before {
        background-image: url("/assets/img/casestudies/bg/casestudy-hero@2x.jpg"); } }
  .hero.casestudies .arrow {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.25rem;
    color: rgba(60, 60, 60, 0.85); }
    @media screen and (min-width: 40em) {
      .hero.casestudies .arrow {
        position: absolute;
        bottom: 1rem;
        left: 50%;
        font-size: 2rem; } }

section.case-study {
  position: relative;
  min-height: 650px; }
  section.case-study:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background-color: rgba(0, 180, 255, 0.85); }
  section.case-study .bg-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    z-index: -1; }
  section.case-study#hurley:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background-color: rgba(4, 193, 212, 0.85); }
  section.case-study#hurley .bg-image {
    background-image: url("/assets/img/casestudies/bg/hurley.jpg");
    background-size: cover;
    background-position: center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
      section.case-study#hurley .bg-image {
        background-image: url("/assets/img/casestudies/bg/hurley@2x.jpg"); } }
  section.case-study#marriott:before {
    background-color: rgba(255, 60, 60, 0.85); }
  section.case-study#marriott .bg-image {
    background-image: url("/assets/img/casestudies/bg/marriott.jpg");
    background-size: cover;
    background-position: center; }
  section.case-study#abcfamily:before {
    background-color: rgba(0, 177, 255, 0.85); }
  section.case-study#abcfamily .bg-image {
    background-image: url("/assets/img/casestudies/bg/abcfamily.jpg");
    background-size: cover;
    background-position: center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
      section.case-study#abcfamily .bg-image {
        background-image: url("/assets/img/casestudies/bg/abcfamily@2x.jpg"); } }
  section.case-study#sphero:before {
    background-color: rgba(245, 110, 2, 0.85); }
  section.case-study#sphero .bg-image {
    background-image: url("/assets/img/casestudies/bg/sphero.jpg");
    background-size: cover;
    background-position: center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
      section.case-study#sphero .bg-image {
        background-image: url("/assets/img/casestudies/bg/sphero@2x.jpg"); } }
  section.case-study#fox:before {
    background-color: rgba(207, 2, 100, 0.85); }
  section.case-study#fox .bg-image {
    background-image: url("/assets/img/casestudies/bg/screamqueens.jpg");
    background-size: cover;
    background-position: center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
      section.case-study#fox .bg-image {
        background-image: url("/assets/img/casestudies/bg/screamqueens@2x.jpg"); } }
  section.case-study#redbull:before {
    background-color: rgba(0, 9, 190, 0.85); }
  section.case-study#redbull .bg-image {
    background-image: url("/assets/img/casestudies/bg/redbull.jpg");
    background-size: cover;
    background-position: center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
      section.case-study#redbull .bg-image {
        background-image: url("/assets/img/casestudies/bg/redbull@2x.jpg"); } }
  @media screen and (min-width: 40em) {
    section.case-study:nth-of-type(odd) .main-inner .about-campaign, section.case-study.flip-right .main-inner .about-campaign {
      float: right;
      text-align: right;
      margin-right: 0; }
      section.case-study:nth-of-type(odd) .main-inner .about-campaign .mission blockquote.twitter-tweet, section.case-study.flip-right .main-inner .about-campaign .mission blockquote.twitter-tweet {
        color: white; } }
    @media screen and (min-width: 40em) and (min-width: 40em) {
      section.case-study:nth-of-type(odd) .main-inner .about-campaign .mission blockquote.twitter-tweet, section.case-study.flip-right .main-inner .about-campaign .mission blockquote.twitter-tweet {
        border-right: 2px solid #fff;
        border-left: 0;
        padding-left: 0;
        padding-right: 0.75em; } }
  @media screen and (min-width: 40em) {
      section.case-study:nth-of-type(odd) .main-inner .about-campaign .mission .twitter-tweet, section.case-study.flip-right .main-inner .about-campaign .mission .twitter-tweet {
        margin: 0.75rem auto !important; } }
    @media screen and (min-width: 40em) and (min-width: 40em) {
      section.case-study:nth-of-type(odd) .main-inner .about-campaign .mission .twitter-tweet, section.case-study.flip-right .main-inner .about-campaign .mission .twitter-tweet {
        margin-left: auto !important;
        margin-right: 0 !important; } }
  @media screen and (min-width: 40em) {
      section.case-study:nth-of-type(odd) .main-inner .about-campaign .quote, section.case-study.flip-right .main-inner .about-campaign .quote {
        float: right; }
    section.case-study:nth-of-type(odd) .main-inner .video, section.case-study.flip-right .main-inner .video {
      left: 3rem;
      right: initial; }
      section.case-study:nth-of-type(odd) .main-inner .video .marvel-device, section.case-study.flip-right .main-inner .video .marvel-device {
        float: left; } }
  @media screen and (min-width: 40em) {
    section.case-study:nth-of-type(even) .main-inner .about-campaign, section.case-study.flip-left .main-inner .about-campaign {
      float: left;
      text-align: left;
      margin-right: 0; }
      section.case-study:nth-of-type(even) .main-inner .about-campaign .quote, section.case-study.flip-left .main-inner .about-campaign .quote {
        float: left; }
    section.case-study:nth-of-type(even) .main-inner .video, section.case-study.flip-left .main-inner .video {
      left: initial;
      right: 3rem; }
      section.case-study:nth-of-type(even) .main-inner .video .marvel-device, section.case-study.flip-left .main-inner .video .marvel-device {
        float: right; } }
  section.case-study .main-inner {
    width: 100%;
    position: relative;
    padding-bottom: 0;
    min-height: 650px;
    color: white; }
    section.case-study .main-inner .logo {
      position: relative;
      margin: 0 auto;
      height: 0;
      width: 300px;
      padding-bottom: 12.2923588%; }
      @media screen and (min-width: 40em) {
        section.case-study .main-inner .logo {
          height: 0;
          width: 200px;
          padding-bottom: 8.1949058667%; } }
      section.case-study .main-inner .logo svg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5));
        filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5)); }
        section.case-study .main-inner .logo svg path {
          fill: currentColor; }
    section.case-study .main-inner .about-campaign {
      display: block;
      margin: 1rem 0;
      text-align: center; }
      section.case-study .main-inner .about-campaign::after {
        clear: both;
        content: "";
        display: table; }
      @media screen and (min-width: 40em) {
        section.case-study .main-inner .about-campaign {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 65.8807828007%;
          width: -webkit-calc(100% - 18.75rem);
          width: calc(100% - 18.75rem);
          margin-top: 3.75rem;
          text-align: left; }
          section.case-study .main-inner .about-campaign:last-child {
            margin-right: 0; } }
      section.case-study .main-inner .about-campaign .mission h2 {
        text-transform: uppercase; }
      section.case-study .main-inner .about-campaign .mission p {
        font-weight: 500; }
      section.case-study .main-inner .about-campaign .mission blockquote.twitter-tweet {
        color: #3C3C3C; }
        section.case-study .main-inner .about-campaign .mission blockquote.twitter-tweet p {
          color: #3C3C3C; }
        section.case-study .main-inner .about-campaign .mission blockquote.twitter-tweet a {
          color: #FBFBFB; }
      section.case-study .main-inner .about-campaign .mission .twitter-tweet {
        margin: 0.75rem auto !important; }
        @media screen and (min-width: 40em) {
          section.case-study .main-inner .about-campaign .mission .twitter-tweet {
            margin-left: 0 !important;
            margin-right: auto !important; } }
      section.case-study .main-inner .about-campaign ol.metrics {
        display: block;
        margin: 2rem 0; }
        section.case-study .main-inner .about-campaign ol.metrics::after {
          clear: both;
          content: "";
          display: table; }
        section.case-study .main-inner .about-campaign ol.metrics li {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 23.2317613015%;
          text-align: center; }
          section.case-study .main-inner .about-campaign ol.metrics li:last-child {
            margin-right: 0; }
          section.case-study .main-inner .about-campaign ol.metrics li:nth-child(4n) {
            margin-right: 0; }
          section.case-study .main-inner .about-campaign ol.metrics li:nth-child(4n+1) {
            clear: left; }
          @media screen and (min-width: 40em) {
            section.case-study .main-inner .about-campaign ol.metrics li {
              float: left;
              display: block;
              margin-right: 2.3576515979%;
              width: 48.821174201%;
              margin-bottom: 1rem; }
              section.case-study .main-inner .about-campaign ol.metrics li:last-child {
                margin-right: 0; }
              section.case-study .main-inner .about-campaign ol.metrics li:nth-child(2n) {
                margin-right: 0; }
              section.case-study .main-inner .about-campaign ol.metrics li:nth-child(2n+1) {
                clear: left; } }
          @media screen and (min-width: 53.75em) {
            section.case-study .main-inner .about-campaign ol.metrics li {
              float: left;
              display: block;
              margin-right: 2.3576515979%;
              width: 23.2317613015%;
              display: inline-block;
              float: none;
              width: initial;
              margin-bottom: 0; }
              section.case-study .main-inner .about-campaign ol.metrics li:last-child {
                margin-right: 0; }
              section.case-study .main-inner .about-campaign ol.metrics li:nth-child(2n) {
                margin-right: 2.3576515979%; }
              section.case-study .main-inner .about-campaign ol.metrics li:nth-child(2n+1) {
                clear: none; }
              section.case-study .main-inner .about-campaign ol.metrics li:nth-child(4n) {
                margin-right: 0; } }
          section.case-study .main-inner .about-campaign ol.metrics li h1 {
            font-size: 1.5rem;
            font-weight: 900;
            line-height: 2.25rem; }
            @media screen and (min-width: 40em) {
              section.case-study .main-inner .about-campaign ol.metrics li h1 {
                font-size: 2rem; } }
            @media screen and (min-width: 53.75em) {
              section.case-study .main-inner .about-campaign ol.metrics li h1 {
                font-size: 3.75rem;
                line-height: 3rem; } }
          section.case-study .main-inner .about-campaign ol.metrics li h6 {
            font-size: 0.5rem; }
            @media screen and (min-width: 40em) {
              section.case-study .main-inner .about-campaign ol.metrics li h6 {
                font-size: 0.75rem; } }
            @media screen and (min-width: 53.75em) {
              section.case-study .main-inner .about-campaign ol.metrics li h6 {
                font-size: 0.875rem; } }
      section.case-study .main-inner .about-campaign .quote {
        max-width: 37.5rem;
        float: left; }
        section.case-study .main-inner .about-campaign .quote p {
          margin-bottom: 0.25rem; }
        section.case-study .main-inner .about-campaign .quote img, section.case-study .main-inner .about-campaign .quote img + h6 {
          display: inline-block;
          vertical-align: middle; }
        section.case-study .main-inner .about-campaign .quote img {
          border-radius: 50%;
          height: 2rem;
          width: 2rem; }
    section.case-study .main-inner .video {
      display: block;
      max-height: 463px;
      overflow: hidden; }
      section.case-study .main-inner .video::after {
        clear: both;
        content: "";
        display: table; }
      section.case-study .main-inner .video .marvel-device .screen {
        z-index: 5; }
      @media screen and (min-width: 40em) {
        section.case-study .main-inner .video {
          float: left;
          display: block;
          margin-right: 2.3576515979%;
          width: 31.7615656014%;
          width: initial;
          position: absolute;
          bottom: 0;
          right: 3rem; }
          section.case-study .main-inner .video:last-child {
            margin-right: 0; }
          section.case-study .main-inner .video .marvel-device {
            float: right; }
            section.case-study .main-inner .video .marvel-device .screen {
              z-index: 5; } }

section.main#why-naritiv .main-inner h1 {
  margin-top: 1rem;
  font-size: 2rem;
  color: #3C3C3C;
  text-transform: uppercase; }
  @media screen and (min-width: 40em) {
    section.main#why-naritiv .main-inner h1 {
      font-size: 3rem; } }
section.main#why-naritiv .main-inner ol {
  display: block;
  width: 100%;
  margin: 2rem 0; }
  section.main#why-naritiv .main-inner ol::after {
    clear: both;
    content: "";
    display: table; }
  section.main#why-naritiv .main-inner ol li {
    display: block;
    max-width: 20rem;
    margin: 0 auto;
    color: #3C3C3C; }
    section.main#why-naritiv .main-inner ol li::after {
      clear: both;
      content: "";
      display: table; }
    section.main#why-naritiv .main-inner ol li:not(last-of-type) {
      margin-bottom: 1rem; }
      @media screen and (min-width: 40em) {
        section.main#why-naritiv .main-inner ol li:not(last-of-type) {
          margin-bottom: 0; } }
    @media screen and (min-width: 40em) {
      section.main#why-naritiv .main-inner ol li {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%; }
        section.main#why-naritiv .main-inner ol li:last-child {
          margin-right: 0; } }
    section.main#why-naritiv .main-inner ol li svg {
      height: 8.125rem;
      width: 100%; }
    section.main#why-naritiv .main-inner ol li h6 {
      text-transform: uppercase;
      font-weight: normal;
      font-size: 1.125rem;
      margin: 0.5rem 0; }
    section.main#why-naritiv .main-inner ol li p {
      font-size: 0.875rem; }
      @media screen and (min-width: 40em) {
        section.main#why-naritiv .main-inner ol li p {
          font-size: 1rem; } }

section.main#naritiv-dash {
  /* Use this selector to override the line style on a given series */
  /* This selector overrides the points style on line charts. Points on line charts are actually just very short strokes. This allows you to customize even the point size in CSS */ }
  section.main#naritiv-dash .ct-grid {
    stroke: rgba(166, 174, 187, 0.5);
    stroke-width: 1px;
    stroke-dasharray: 0; }
  section.main#naritiv-dash .ct-label {
    fill: #7B7A74;
    color: #7B7A74;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700; }
  section.main#naritiv-dash .ct-series-a .ct-line {
    /* Set the colour of this series line */
    stroke: #00B4FF;
    /* Control the thikness of your lines */
    stroke-width: 4px;
    /* Create a dashed line with a pattern */
    stroke-dasharray: 0; }
  section.main#naritiv-dash .mini-chart .ct-series-a .ct-line {
    /* Set the colour of this series line */
    stroke: #00B4FF;
    /* Control the thikness of your lines */
    stroke-width: 1px;
    /* Create a dashed line with a pattern */
    stroke-dasharray: 0; }
  section.main#naritiv-dash .ct-series-a .ct-circle {
    /* Colour of your points */
    position: relative;
    fill: #00B4FF;
    stroke-width: 4px;
    stroke: white; }
  section.main#naritiv-dash .ct-series-a .ct-area {
    fill: rgba(0, 180, 255, 0.6); }
  section.main#naritiv-dash .main-inner h1 {
    font-size: 2rem;
    color: #3C3C3C;
    text-transform: uppercase; }
    @media screen and (min-width: 40em) {
      section.main#naritiv-dash .main-inner h1 {
        font-size: 3rem; } }
  section.main#naritiv-dash .main-inner h5 {
    font-size: 1rem;
    color: #7B7A74;
    font-weight: normal; }
    @media screen and (min-width: 40em) {
      section.main#naritiv-dash .main-inner h5 {
        font-size: 1.25rem; } }
  section.main#naritiv-dash .main-inner .metrics {
    margin: 2rem 0;
    display: block; }
    section.main#naritiv-dash .main-inner .metrics::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 40em) {
      section.main#naritiv-dash .main-inner .metrics {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        margin: 5rem 0; }
        section.main#naritiv-dash .main-inner .metrics:last-child {
          margin-right: 0; } }
    section.main#naritiv-dash .main-inner .metrics ol {
      width: 100%; }
      section.main#naritiv-dash .main-inner .metrics ol li {
        position: relative;
        float: left;
        display: block;
        margin-right: 4.8291579146%;
        width: 30.1138947236%;
        padding: 0.25rem;
        border-radius: 3px; }
        section.main#naritiv-dash .main-inner .metrics ol li:last-child {
          margin-right: 0; }
        section.main#naritiv-dash .main-inner .metrics ol li:nth-child(3n) {
          margin-right: 0; }
        section.main#naritiv-dash .main-inner .metrics ol li:nth-child(3n+1) {
          clear: left; }
        section.main#naritiv-dash .main-inner .metrics ol li:nth-of-type(-n+3) {
          margin-bottom: 0.5rem; }
        section.main#naritiv-dash .main-inner .metrics ol li:not(#avg-completion) {
          cursor: pointer; }
          section.main#naritiv-dash .main-inner .metrics ol li:not(#avg-completion):hover {
            background-color: #FBFBFB; }
        section.main#naritiv-dash .main-inner .metrics ol li.active {
          background-color: rgba(0, 180, 255, 0.1);
          border: 1px solid #00B4FF; }
          section.main#naritiv-dash .main-inner .metrics ol li.active:hover {
            background-color: rgba(0, 180, 255, 0.15) !important; }
        section.main#naritiv-dash .main-inner .metrics ol li h6 {
          font-size: 0.375rem;
          text-transform: uppercase;
          text-align: left;
          color: #3C3C3C; }
          @media screen and (min-width: 40em) {
            section.main#naritiv-dash .main-inner .metrics ol li h6 {
              font-size: 0.75rem; } }
        section.main#naritiv-dash .main-inner .metrics ol li h3 {
          font-size: 1.5rem;
          text-align: left;
          font-weight: 900;
          color: #A0EA4F; }
          @media screen and (min-width: 40em) {
            section.main#naritiv-dash .main-inner .metrics ol li h3 {
              font-size: 1.75rem; } }
        section.main#naritiv-dash .main-inner .metrics ol li .mini-chart {
          position: absolute;
          right: 0;
          bottom: 10px;
          display: block;
          width: 50px;
          height: 25px;
          visibility: hidden; }
          @media screen and (min-width: 53.75em) {
            section.main#naritiv-dash .main-inner .metrics ol li .mini-chart {
              visibility: visible; } }
  section.main#naritiv-dash .main-inner .chart {
    margin: 2rem 0;
    position: relative;
    display: block; }
    section.main#naritiv-dash .main-inner .chart::after {
      clear: both;
      content: "";
      display: table; }
    section.main#naritiv-dash .main-inner .chart .tooltip {
      display: none; }
    @media screen and (min-width: 40em) {
      section.main#naritiv-dash .main-inner .chart {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%; }
        section.main#naritiv-dash .main-inner .chart:last-child {
          margin-right: 0; }
        section.main#naritiv-dash .main-inner .chart .tooltip {
          display: block;
          position: absolute;
          min-width: 7rem;
          border-radius: 0.375rem;
          padding: 0.25rem 0.5rem;
          background-color: #00B4FF;
          color: white;
          font-weight: 700;
          text-align: center;
          pointer-events: none;
          z-index: 1;
          background-position: initial initial;
          background-repeat: initial initial; }
          section.main#naritiv-dash .main-inner .chart .tooltip:after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -15px;
            border: 15px solid transparent;
            border-top-color: #00B4FF; }
          section.main#naritiv-dash .main-inner .chart .tooltip span {
            font-weight: 900; } }

section.main#get-started {
  background-color: #FF5959;
  color: white; }
  section.main#get-started .main-inner {
    padding: 5rem 0; }
    @media screen and (min-width: 40em) {
      section.main#get-started .main-inner {
        padding: 10rem 0; } }
    section.main#get-started .main-inner .row {
      display: block;
      margin-bottom: 3rem; }
      section.main#get-started .main-inner .row::after {
        clear: both;
        content: "";
        display: table; }
      @media screen and (min-width: 40em) {
        section.main#get-started .main-inner .row {
          margin-left: 8.5298042998%; } }
      section.main#get-started .main-inner .row .left {
        display: block;
        text-align: center;
        margin-bottom: 2rem; }
        section.main#get-started .main-inner .row .left::after {
          clear: both;
          content: "";
          display: table; }
        @media screen and (min-width: 40em) {
          section.main#get-started .main-inner .row .left {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 57.3509785009%;
            text-align: left;
            margin-bottom: 0; }
            section.main#get-started .main-inner .row .left:last-child {
              margin-right: 0; } }
        section.main#get-started .main-inner .row .left h1 {
          font-size: 2rem;
          color: white;
          text-transform: uppercase; }
          @media screen and (min-width: 40em) {
            section.main#get-started .main-inner .row .left h1 {
              font-size: 3rem; } }
        section.main#get-started .main-inner .row .left h5 {
          font-size: 1rem;
          color: white;
          font-weight: normal; }
          @media screen and (min-width: 40em) {
            section.main#get-started .main-inner .row .left h5 {
              font-size: 1.25rem; } }
      section.main#get-started .main-inner .row .right {
        display: block; }
        section.main#get-started .main-inner .row .right::after {
          clear: both;
          content: "";
          display: table; }
        @media screen and (min-width: 40em) {
          section.main#get-started .main-inner .row .right {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 31.7615656014%; }
            section.main#get-started .main-inner .row .right:last-child {
              margin-right: 0; } }
    section.main#get-started .main-inner button#get-started-btn {
      padding: 0.5rem 2rem;
      font-size: 1.5rem;
      text-transform: uppercase;
      color: white;
      border: 3px solid #00a2e6; }
      @media screen and (min-width: 40em) {
        section.main#get-started .main-inner button#get-started-btn {
          padding: 0.875rem 2rem;
          min-width: 20rem;
          font-size: 2rem; } }
      section.main#get-started .main-inner button#get-started-btn a {
        color: white; }

.full-width {
  max-width: 100% !important;
  width: 100% !important; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

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

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

p.notice {
  float: right;
  padding: 0 1.5em;
  font-size: 0.75em;
  color: #7B7A74; }

.no-border {
  border: none !important; }

.diagonal-stripes {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 0.5) 20px); }

.cta-btn {
  color: white !important;
  background-color: #00B4FF !important;
  box-shadow: 0 0 2px rgba(0, 180, 255, 0.5) !important;
  border: 1px solid #00B4FF !important; }
  .cta-btn svg g#All-Campaigns {
    stroke: currentColor; }
  .cta-btn:hover {
    border-color: #0090cc !important;
    background-color: #0090cc !important;
    color: white !important; }

.terms {
  margin-top: 4.125rem;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem; }
  .terms::after {
    clear: both;
    content: "";
    display: table; }
  .terms::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 40em) {
    .terms {
      padding: 3rem; } }
  .terms h3 {
    text-align: center;
    margin: 1rem; }
  .terms h5 {
    margin-top: 0.5rem; }
  .terms ol {
    display: block;
    list-style-type: decimal;
    margin-left: 1rem;
    padding-left: 2.5rem; }