@charset "UTF-8";
@import url(../bower_components/fancybox/source/jquery.fancybox.css);
html { -moz-box-sizing: border-box; box-sizing: border-box; }

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

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after 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/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 when focused and also mouse hovered in all browsers. */
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 { -moz-box-sizing: content-box; 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"] { -moz-box-sizing: border-box; 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 (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** 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; }

/*------------------------------------*\ #MIXINS
\*------------------------------------*/
/** Font size with vertical rhythm */
/** Media queries */
/** Fonts */
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("../bower_components/font-awesome/fonts/fontawesome-webfont.eot?v=4.5.0"); src: url("../bower_components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }
.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }
.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left { margin-right: .3em; }
.fa.fa-pull-right { margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: ""; }

.fa-music:before { content: ""; }

.fa-search:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-heart:before { content: ""; }

.fa-star:before { content: ""; }

.fa-star-o:before { content: ""; }

.fa-user:before { content: ""; }

.fa-film:before { content: ""; }

.fa-th-large:before { content: ""; }

.fa-th:before { content: ""; }

.fa-th-list:before { content: ""; }

.fa-check:before { content: ""; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: ""; }

.fa-search-plus:before { content: ""; }

.fa-search-minus:before { content: ""; }

.fa-power-off:before { content: ""; }

.fa-signal:before { content: ""; }

.fa-gear:before, .fa-cog:before { content: ""; }

.fa-trash-o:before { content: ""; }

.fa-home:before { content: ""; }

.fa-file-o:before { content: ""; }

.fa-clock-o:before { content: ""; }

.fa-road:before { content: ""; }

.fa-download:before { content: ""; }

.fa-arrow-circle-o-down:before { content: ""; }

.fa-arrow-circle-o-up:before { content: ""; }

.fa-inbox:before { content: ""; }

.fa-play-circle-o:before { content: ""; }

.fa-rotate-right:before, .fa-repeat:before { content: ""; }

.fa-refresh:before { content: ""; }

.fa-list-alt:before { content: ""; }

.fa-lock:before { content: ""; }

.fa-flag:before { content: ""; }

.fa-headphones:before { content: ""; }

.fa-volume-off:before { content: ""; }

.fa-volume-down:before { content: ""; }

.fa-volume-up:before { content: ""; }

.fa-qrcode:before { content: ""; }

.fa-barcode:before { content: ""; }

.fa-tag:before { content: ""; }

.fa-tags:before { content: ""; }

.fa-book:before { content: ""; }

.fa-bookmark:before { content: ""; }

.fa-print:before { content: ""; }

.fa-camera:before { content: ""; }

.fa-font:before { content: ""; }

.fa-bold:before { content: ""; }

.fa-italic:before { content: ""; }

.fa-text-height:before { content: ""; }

.fa-text-width:before { content: ""; }

.fa-align-left:before { content: ""; }

.fa-align-center:before { content: ""; }

.fa-align-right:before { content: ""; }

.fa-align-justify:before { content: ""; }

.fa-list:before { content: ""; }

.fa-dedent:before, .fa-outdent:before { content: ""; }

.fa-indent:before { content: ""; }

.fa-video-camera:before { content: ""; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; }

.fa-pencil:before { content: ""; }

.fa-map-marker:before { content: ""; }

.fa-adjust:before { content: ""; }

.fa-tint:before { content: ""; }

.fa-edit:before, .fa-pencil-square-o:before { content: ""; }

.fa-share-square-o:before { content: ""; }

.fa-check-square-o:before { content: ""; }

.fa-arrows:before { content: ""; }

.fa-step-backward:before { content: ""; }

.fa-fast-backward:before { content: ""; }

.fa-backward:before { content: ""; }

.fa-play:before { content: ""; }

.fa-pause:before { content: ""; }

.fa-stop:before { content: ""; }

.fa-forward:before { content: ""; }

.fa-fast-forward:before { content: ""; }

.fa-step-forward:before { content: ""; }

.fa-eject:before { content: ""; }

.fa-chevron-left:before { content: ""; }

.fa-chevron-right:before { content: ""; }

.fa-plus-circle:before { content: ""; }

.fa-minus-circle:before { content: ""; }

.fa-times-circle:before { content: ""; }

.fa-check-circle:before { content: ""; }

.fa-question-circle:before { content: ""; }

.fa-info-circle:before { content: ""; }

.fa-crosshairs:before { content: ""; }

.fa-times-circle-o:before { content: ""; }

.fa-check-circle-o:before { content: ""; }

.fa-ban:before { content: ""; }

.fa-arrow-left:before { content: ""; }

.fa-arrow-right:before { content: ""; }

.fa-arrow-up:before { content: ""; }

.fa-arrow-down:before { content: ""; }

.fa-mail-forward:before, .fa-share:before { content: ""; }

.fa-expand:before { content: ""; }

.fa-compress:before { content: ""; }

.fa-plus:before { content: ""; }

.fa-minus:before { content: ""; }

.fa-asterisk:before { content: ""; }

.fa-exclamation-circle:before { content: ""; }

.fa-gift:before { content: ""; }

.fa-leaf:before { content: ""; }

.fa-fire:before { content: ""; }

.fa-eye:before { content: ""; }

.fa-eye-slash:before { content: ""; }

.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }

.fa-plane:before { content: ""; }

.fa-calendar:before { content: ""; }

.fa-random:before { content: ""; }

.fa-comment:before { content: ""; }

.fa-magnet:before { content: ""; }

.fa-chevron-up:before { content: ""; }

.fa-chevron-down:before { content: ""; }

.fa-retweet:before { content: ""; }

.fa-shopping-cart:before { content: ""; }

.fa-folder:before { content: ""; }

.fa-folder-open:before { content: ""; }

.fa-arrows-v:before { content: ""; }

.fa-arrows-h:before { content: ""; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; }

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

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

.fa-camera-retro:before { content: ""; }

.fa-key:before { content: ""; }

.fa-gears:before, .fa-cogs:before { content: ""; }

.fa-comments:before { content: ""; }

.fa-thumbs-o-up:before { content: ""; }

.fa-thumbs-o-down:before { content: ""; }

.fa-star-half:before { content: ""; }

.fa-heart-o:before { content: ""; }

.fa-sign-out:before { content: ""; }

.fa-linkedin-square:before { content: ""; }

.fa-thumb-tack:before { content: ""; }

.fa-external-link:before { content: ""; }

.fa-sign-in:before { content: ""; }

.fa-trophy:before { content: ""; }

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

.fa-upload:before { content: ""; }

.fa-lemon-o:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-square-o:before { content: ""; }

.fa-bookmark-o:before { content: ""; }

.fa-phone-square:before { content: ""; }

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

.fa-facebook-f:before, .fa-facebook:before { content: ""; }

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

.fa-unlock:before { content: ""; }

.fa-credit-card:before { content: ""; }

.fa-feed:before, .fa-rss:before { content: ""; }

.fa-hdd-o:before { content: ""; }

.fa-bullhorn:before { content: ""; }

.fa-bell:before { content: ""; }

.fa-certificate:before { content: ""; }

.fa-hand-o-right:before { content: ""; }

.fa-hand-o-left:before { content: ""; }

.fa-hand-o-up:before { content: ""; }

.fa-hand-o-down:before { content: ""; }

.fa-arrow-circle-left:before { content: ""; }

.fa-arrow-circle-right:before { content: ""; }

.fa-arrow-circle-up:before { content: ""; }

.fa-arrow-circle-down:before { content: ""; }

.fa-globe:before { content: ""; }

.fa-wrench:before { content: ""; }

.fa-tasks:before { content: ""; }

.fa-filter:before { content: ""; }

.fa-briefcase:before { content: ""; }

.fa-arrows-alt:before { content: ""; }

.fa-group:before, .fa-users:before { content: ""; }

.fa-chain:before, .fa-link:before { content: ""; }

.fa-cloud:before { content: ""; }

.fa-flask:before { content: ""; }

.fa-cut:before, .fa-scissors:before { content: ""; }

.fa-copy:before, .fa-files-o:before { content: ""; }

.fa-paperclip:before { content: ""; }

.fa-save:before, .fa-floppy-o:before { content: ""; }

.fa-square:before { content: ""; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; }

.fa-list-ul:before { content: ""; }

.fa-list-ol:before { content: ""; }

.fa-strikethrough:before { content: ""; }

.fa-underline:before { content: ""; }

.fa-table:before { content: ""; }

.fa-magic:before { content: ""; }

.fa-truck:before { content: ""; }

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

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

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

.fa-google-plus:before { content: ""; }

.fa-money:before { content: ""; }

.fa-caret-down:before { content: ""; }

.fa-caret-up:before { content: ""; }

.fa-caret-left:before { content: ""; }

.fa-caret-right:before { content: ""; }

.fa-columns:before { content: ""; }

.fa-unsorted:before, .fa-sort:before { content: ""; }

.fa-sort-down:before, .fa-sort-desc:before { content: ""; }

.fa-sort-up:before, .fa-sort-asc:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-linkedin:before { content: ""; }

.fa-rotate-left:before, .fa-undo:before { content: ""; }

.fa-legal:before, .fa-gavel:before { content: ""; }

.fa-dashboard:before, .fa-tachometer:before { content: ""; }

.fa-comment-o:before { content: ""; }

.fa-comments-o:before { content: ""; }

.fa-flash:before, .fa-bolt:before { content: ""; }

.fa-sitemap:before { content: ""; }

.fa-umbrella:before { content: ""; }

.fa-paste:before, .fa-clipboard:before { content: ""; }

.fa-lightbulb-o:before { content: ""; }

.fa-exchange:before { content: ""; }

.fa-cloud-download:before { content: ""; }

.fa-cloud-upload:before { content: ""; }

.fa-user-md:before { content: ""; }

.fa-stethoscope:before { content: ""; }

.fa-suitcase:before { content: ""; }

.fa-bell-o:before { content: ""; }

.fa-coffee:before { content: ""; }

.fa-cutlery:before { content: ""; }

.fa-file-text-o:before { content: ""; }

.fa-building-o:before { content: ""; }

.fa-hospital-o:before { content: ""; }

.fa-ambulance:before { content: ""; }

.fa-medkit:before { content: ""; }

.fa-fighter-jet:before { content: ""; }

.fa-beer:before { content: ""; }

.fa-h-square:before { content: ""; }

.fa-plus-square:before { content: ""; }

.fa-angle-double-left:before { content: ""; }

.fa-angle-double-right:before { content: ""; }

.fa-angle-double-up:before { content: ""; }

.fa-angle-double-down:before { content: ""; }

.fa-angle-left:before { content: ""; }

.fa-angle-right:before { content: ""; }

.fa-angle-up:before { content: ""; }

.fa-angle-down:before { content: ""; }

.fa-desktop:before { content: ""; }

.fa-laptop:before { content: ""; }

.fa-tablet:before { content: ""; }

.fa-mobile-phone:before, .fa-mobile:before { content: ""; }

.fa-circle-o:before { content: ""; }

.fa-quote-left:before { content: ""; }

.fa-quote-right:before { content: ""; }

.fa-spinner:before { content: ""; }

.fa-circle:before { content: ""; }

.fa-mail-reply:before, .fa-reply:before { content: ""; }

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

.fa-folder-o:before { content: ""; }

.fa-folder-open-o:before { content: ""; }

.fa-smile-o:before { content: ""; }

.fa-frown-o:before { content: ""; }

.fa-meh-o:before { content: ""; }

.fa-gamepad:before { content: ""; }

.fa-keyboard-o:before { content: ""; }

.fa-flag-o:before { content: ""; }

.fa-flag-checkered:before { content: ""; }

.fa-terminal:before { content: ""; }

.fa-code:before { content: ""; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: ""; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }

.fa-location-arrow:before { content: ""; }

.fa-crop:before { content: ""; }

.fa-code-fork:before { content: ""; }

.fa-unlink:before, .fa-chain-broken:before { content: ""; }

.fa-question:before { content: ""; }

.fa-info:before { content: ""; }

.fa-exclamation:before { content: ""; }

.fa-superscript:before { content: ""; }

.fa-subscript:before { content: ""; }

.fa-eraser:before { content: ""; }

.fa-puzzle-piece:before { content: ""; }

.fa-microphone:before { content: ""; }

.fa-microphone-slash:before { content: ""; }

.fa-shield:before { content: ""; }

.fa-calendar-o:before { content: ""; }

.fa-fire-extinguisher:before { content: ""; }

.fa-rocket:before { content: ""; }

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

.fa-chevron-circle-left:before { content: ""; }

.fa-chevron-circle-right:before { content: ""; }

.fa-chevron-circle-up:before { content: ""; }

.fa-chevron-circle-down:before { content: ""; }

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

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

.fa-anchor:before { content: ""; }

.fa-unlock-alt:before { content: ""; }

.fa-bullseye:before { content: ""; }

.fa-ellipsis-h:before { content: ""; }

.fa-ellipsis-v:before { content: ""; }

.fa-rss-square:before { content: ""; }

.fa-play-circle:before { content: ""; }

.fa-ticket:before { content: ""; }

.fa-minus-square:before { content: ""; }

.fa-minus-square-o:before { content: ""; }

.fa-level-up:before { content: ""; }

.fa-level-down:before { content: ""; }

.fa-check-square:before { content: ""; }

.fa-pencil-square:before { content: ""; }

.fa-external-link-square:before { content: ""; }

.fa-share-square:before { content: ""; }

.fa-compass:before { content: ""; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }

.fa-euro:before, .fa-eur:before { content: ""; }

.fa-gbp:before { content: ""; }

.fa-dollar:before, .fa-usd:before { content: ""; }

.fa-rupee:before, .fa-inr:before { content: ""; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }

.fa-won:before, .fa-krw:before { content: ""; }

.fa-bitcoin:before, .fa-btc:before { content: ""; }

.fa-file:before { content: ""; }

.fa-file-text:before { content: ""; }

.fa-sort-alpha-asc:before { content: ""; }

.fa-sort-alpha-desc:before { content: ""; }

.fa-sort-amount-asc:before { content: ""; }

.fa-sort-amount-desc:before { content: ""; }

.fa-sort-numeric-asc:before { content: ""; }

.fa-sort-numeric-desc:before { content: ""; }

.fa-thumbs-up:before { content: ""; }

.fa-thumbs-down:before { content: ""; }

.fa-youtube-square:before { content: ""; }

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

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

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

.fa-youtube-play:before { content: ""; }

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

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

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

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

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

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

.fa-bitbucket-square:before { content: ""; }

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

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

.fa-long-arrow-down:before { content: ""; }

.fa-long-arrow-up:before { content: ""; }

.fa-long-arrow-left:before { content: ""; }

.fa-long-arrow-right:before { content: ""; }

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

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

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

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

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

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

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

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

.fa-female:before { content: ""; }

.fa-male:before { content: ""; }

.fa-gittip:before, .fa-gratipay:before { content: ""; }

.fa-sun-o:before { content: ""; }

.fa-moon-o:before { content: ""; }

.fa-archive:before { content: ""; }

.fa-bug:before { content: ""; }

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

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

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

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

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

.fa-arrow-circle-o-right:before { content: ""; }

.fa-arrow-circle-o-left:before { content: ""; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }

.fa-dot-circle-o:before { content: ""; }

.fa-wheelchair:before { content: ""; }

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

.fa-turkish-lira:before, .fa-try:before { content: ""; }

.fa-plus-square-o:before { content: ""; }

.fa-space-shuttle:before { content: ""; }

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

.fa-envelope-square:before { content: ""; }

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

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

.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }

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

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

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

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

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

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

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

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

.fa-pied-piper:before { content: ""; }

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

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

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

.fa-language:before { content: ""; }

.fa-fax:before { content: ""; }

.fa-building:before { content: ""; }

.fa-child:before { content: ""; }

.fa-paw:before { content: ""; }

.fa-spoon:before { content: ""; }

.fa-cube:before { content: ""; }

.fa-cubes:before { content: ""; }

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

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

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

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

.fa-recycle:before { content: ""; }

.fa-automobile:before, .fa-car:before { content: ""; }

.fa-cab:before, .fa-taxi:before { content: ""; }

.fa-tree:before { content: ""; }

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

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

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

.fa-database:before { content: ""; }

.fa-file-pdf-o:before { content: ""; }

.fa-file-word-o:before { content: ""; }

.fa-file-excel-o:before { content: ""; }

.fa-file-powerpoint-o:before { content: ""; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }

.fa-file-code-o:before { content: ""; }

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

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

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

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }

.fa-circle-o-notch:before { content: ""; }

.fa-ra:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

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

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

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; }

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

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

.fa-wechat:before, .fa-weixin:before { content: ""; }

.fa-send:before, .fa-paper-plane:before { content: ""; }

.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }

.fa-history:before { content: ""; }

.fa-circle-thin:before { content: ""; }

.fa-header:before { content: ""; }

.fa-paragraph:before { content: ""; }

.fa-sliders:before { content: ""; }

.fa-share-alt:before { content: ""; }

.fa-share-alt-square:before { content: ""; }

.fa-bomb:before { content: ""; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; }

.fa-tty:before { content: ""; }

.fa-binoculars:before { content: ""; }

.fa-plug:before { content: ""; }

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

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

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

.fa-newspaper-o:before { content: ""; }

.fa-wifi:before { content: ""; }

.fa-calculator:before { content: ""; }

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

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

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

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

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

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

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

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

.fa-bell-slash:before { content: ""; }

.fa-bell-slash-o:before { content: ""; }

.fa-trash:before { content: ""; }

.fa-copyright:before { content: ""; }

.fa-at:before { content: ""; }

.fa-eyedropper:before { content: ""; }

.fa-paint-brush:before { content: ""; }

.fa-birthday-cake:before { content: ""; }

.fa-area-chart:before { content: ""; }

.fa-pie-chart:before { content: ""; }

.fa-line-chart:before { content: ""; }

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

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

.fa-toggle-off:before { content: ""; }

.fa-toggle-on:before { content: ""; }

.fa-bicycle:before { content: ""; }

.fa-bus:before { content: ""; }

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

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

.fa-cc:before { content: ""; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; }

.fa-meanpath:before { content: ""; }

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

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

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

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

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

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

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

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

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

.fa-cart-plus:before { content: ""; }

.fa-cart-arrow-down:before { content: ""; }

.fa-diamond:before { content: ""; }

.fa-ship:before { content: ""; }

.fa-user-secret:before { content: ""; }

.fa-motorcycle:before { content: ""; }

.fa-street-view:before { content: ""; }

.fa-heartbeat:before { content: ""; }

.fa-venus:before { content: ""; }

.fa-mars:before { content: ""; }

.fa-mercury:before { content: ""; }

.fa-intersex:before, .fa-transgender:before { content: ""; }

.fa-transgender-alt:before { content: ""; }

.fa-venus-double:before { content: ""; }

.fa-mars-double:before { content: ""; }

.fa-venus-mars:before { content: ""; }

.fa-mars-stroke:before { content: ""; }

.fa-mars-stroke-v:before { content: ""; }

.fa-mars-stroke-h:before { content: ""; }

.fa-neuter:before { content: ""; }

.fa-genderless:before { content: ""; }

.fa-facebook-official:before { content: ""; }

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

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

.fa-server:before { content: ""; }

.fa-user-plus:before { content: ""; }

.fa-user-times:before { content: ""; }

.fa-hotel:before, .fa-bed:before { content: ""; }

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

.fa-train:before { content: ""; }

.fa-subway:before { content: ""; }

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

.fa-yc:before, .fa-y-combinator:before { content: ""; }

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

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

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

.fa-battery-4:before, .fa-battery-full:before { content: ""; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; }

.fa-battery-2:before, .fa-battery-half:before { content: ""; }

.fa-battery-1:before, .fa-battery-quarter:before { content: ""; }

.fa-battery-0:before, .fa-battery-empty:before { content: ""; }

.fa-mouse-pointer:before { content: ""; }

.fa-i-cursor:before { content: ""; }

.fa-object-group:before { content: ""; }

.fa-object-ungroup:before { content: ""; }

.fa-sticky-note:before { content: ""; }

.fa-sticky-note-o:before { content: ""; }

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

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

.fa-clone:before { content: ""; }

.fa-balance-scale:before { content: ""; }

.fa-hourglass-o:before { content: ""; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; }

.fa-hourglass:before { content: ""; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; }

.fa-hand-scissors-o:before { content: ""; }

.fa-hand-lizard-o:before { content: ""; }

.fa-hand-spock-o:before { content: ""; }

.fa-hand-pointer-o:before { content: ""; }

.fa-hand-peace-o:before { content: ""; }

.fa-trademark:before { content: ""; }

.fa-registered:before { content: ""; }

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

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

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

.fa-tripadvisor:before { content: ""; }

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

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

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

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

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

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

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

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

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

.fa-tv:before, .fa-television:before { content: ""; }

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

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

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

.fa-calendar-plus-o:before { content: ""; }

.fa-calendar-minus-o:before { content: ""; }

.fa-calendar-times-o:before { content: ""; }

.fa-calendar-check-o:before { content: ""; }

.fa-industry:before { content: ""; }

.fa-map-pin:before { content: ""; }

.fa-map-signs:before { content: ""; }

.fa-map-o:before { content: ""; }

.fa-map:before { content: ""; }

.fa-commenting:before { content: ""; }

.fa-commenting-o:before { content: ""; }

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

.fa-vimeo:before { content: ""; }

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

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

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

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

.fa-credit-card-alt:before { content: ""; }

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

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

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

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

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

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

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

.fa-pause-circle:before { content: ""; }

.fa-pause-circle-o:before { content: ""; }

.fa-stop-circle:before { content: ""; }

.fa-stop-circle-o:before { content: ""; }

.fa-shopping-bag:before { content: ""; }

.fa-shopping-basket:before { content: ""; }

.fa-hashtag:before { content: ""; }

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

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

.fa-percent:before { content: ""; }

@font-face { font-family: "wearetrippindisplay"; font-style: normal; font-weight: normal; src: url("../fonts/wearetrippindisplay-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/wearetrippindisplay-webfont.woff2") format("woff2"), url("../fonts/wearetrippindisplay-webfont.woff") format("woff"), url("../fonts/wearetrippindisplay-webfont.ttf") format("truetype"), url("../fonts/wearetrippindisplay-webfont.svg#wearetrippindisplay") format("svg"); }
@font-face { font-family: "din1451"; font-style: normal; font-weight: normal; src: url("../fonts/din1451-36breit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/din1451-36breit-webfont.woff2") format("woff2"), url("../fonts/din1451-36breit-webfont.woff") format("woff"), url("../fonts/din1451-36breit-webfont.ttf") format("truetype"), url("../fonts/din1451-36breit-webfont.svg#din1451") format("svg"); }
.text-center { text-align: center; }

.contain { max-width: 964px; margin-left: auto; margin-right: auto; padding: 24px; }
.contain::after { clear: both; content: ""; display: table; }

.list-flat { margin: 0; padding: 0; list-style: none; }

.underline { position: relative; font-weight: 700; text-transform: uppercase; }
.underline::after { position: absolute; bottom: 0; left: 0; height: 0; width: 100%; content: ""; border-bottom: 3px solid #fff; -webkit-transition: border-color 350ms; transition: border-color 350ms; }
.underline:hover::after { border-color: #bfbfbf; }

.video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.video-wrapper iframe, .video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*------------------------------------*\ #BASE
\*------------------------------------*/
html { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1em; line-height: 1.5; overflow-y: scroll; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

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

body { color: #fff; font-family: "din1451", Arial, sans-serif; background: #000 url("../images/pattern.png") top center repeat-x; padding-bottom: 50px; }

h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, p, address, hr, table, fieldset, figure, pre { margin-bottom: 24px; margin-bottom: 1.5rem; }

h1, h2, h3, h4, h5, h6 { font-family: "wearetrippindisplay", Arial, sans-serif; text-transform: uppercase; font-weight: normal; }

ul, ol, dd { margin-left: 48px; margin-left: 3rem; }

a { color: #fff; -webkit-transition: color 350ms; transition: color 350ms; text-decoration: none; display: inline-block; position: relative; }
a::after { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 1px; background-color: #fff; opacity: 0.5; -webkit-transition-property: width, left, opacity; transition-property: width, left, opacity; -webkit-transition-duration: 350ms; transition-duration: 350ms; }
a:hover { color: #bfbfbf; }
a:hover::after { width: 100%; left: 0; opacity: 1; }

img { max-width: 100%; vertical-align: middle; }

/*------------------------------------*\ #BUTTON
\*------------------------------------*/
.btn { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; padding: 12px 24px; background: none; border: none; border-radius: 0; outline: none; }

/*------------------------------------*\ #HEADER
\*------------------------------------*/
.primary-header { padding: 24px; }
@media only screen and (min-width: 0) and (max-width: 766px) { .primary-header .logo { width: 120px; } }
.primary-header .logo a::after { content: none; display: none; }
.primary-header .contain { position: relative; }
.primary-header .cta { font-size: 20px; font-size: 1.25rem; line-height: 1.2; margin-top: 12px; font-family: "wearetrippindisplay", Arial, sans-serif; text-transform: uppercase; text-align: center; }
.primary-header .cta a { margin: 0 4px; }
.primary-header .cta a span { font-size: 12px; font-size: 0.75rem; line-height: 2; text-transform: none; }
.primary-header .pre-order { font-size: 12px; font-size: 0.75rem; line-height: 2; height: 200px; width: 200px; padding: 64px 24px; font-family: "wearetrippindisplay", Arial, sans-serif; text-transform: uppercase; border: 1px solid #333333; border-radius: 50%; position: relative; }
@media only screen and (min-width: 0) and (max-width: 766px) { .primary-header .pre-order { margin: 24px auto 0; } }
@media only screen and (min-width: 767px) { .primary-header .pre-order { position: absolute; bottom: 25%; left: 0; } }
.primary-header .pre-order span { text-transform: none; }

/*------------------------------------*\ #MENU TOGGLE
\*------------------------------------*/
.menu-toggle { padding: 0; text-align: center; display: block; border: 1px solid #333333; padding: 12px; width: 100%; }

.menu-toggle .bar-icon-wrapper { display: inline-block; }

.menu-toggle .bar-icon { height: 3px; width: 40px; background: #fff; display: block; opacity: 1; margin-top: 4px; }

.menu-toggle-label { font-size: 18px; font-size: 1.125rem; line-height: 1; text-transform: uppercase; font-family: "wearetrippindisplay", Arial, sans-serif; display: inline-block; }

/*------------------------------------*\ #NAV
\*------------------------------------*/
.nav-list { margin: 0; padding: 0; list-style: none; }

.primary-navigation { position: absolute; top: 24px; right: 0; z-index: 1000; width: 88px; background: black; }
.primary-navigation .nav-list { display: none; text-align: left; border: 1px solid #333333; border-top: none; padding: 3px; }
.primary-navigation .nav-item { font-size: 10px; font-size: 0.625rem; line-height: 2.4; text-transform: uppercase; font-family: "wearetrippindisplay", Arial, sans-serif; margin-left: 2em; }
.primary-navigation .nav-item span { position: absolute; top: 0; left: -22px; font-size: 9.5px; font-size: 0.59375rem; line-height: 2.52632; text-transform: lowercase; text-align: center; display: inline-block; width: 22px; }
.primary-navigation .nav-item a { position: relative; font-size: 13px; font-size: 0.8125rem; line-height: 1.84615; }
.primary-navigation.is-active .nav-list { display: block; }

/*------------------------------------*\ #PAGINATION
\*------------------------------------*/
.pagination::after { clear: both; content: ""; display: table; }

.pagination-item--prev { float: left; }

.pagination-item--next { float: right; }

/*------------------------------------*\ #CONTENT
\*------------------------------------*/
.section-title { font-size: 40px; font-size: 2.5rem; line-height: 1.2; text-align: center; }

.section-number { font-size: 14px; font-size: 0.875rem; line-height: 1.71429; text-transform: none; }

.section-layout { display: block; margin: 0; padding: 0; list-style: none; }
.section-layout::after { clear: both; content: ""; display: table; }

.section-layout-column { text-align: center; }
@media only screen and (min-width: 767px) { .section-layout-column { float: left; display: block; margin-right: 4.34783%; width: 47.82609%; margin-bottom: 24px; }
  .section-layout-column:last-child { margin-right: 0; }
  .section-layout-column:nth-child(2n) { margin-right: 0; }
  .section-layout-column:nth-child(2n+1) { clear: left; } }

.section-layout-meta { font-size: 10px; font-size: 0.625rem; line-height: 2.4; text-align: right; font-family: "wearetrippindisplay", Arial, sans-serif; text-transform: uppercase; margin-bottom: 6px; }

.section-layout-title { font-size: 26px; font-size: 1.625rem; line-height: 1.84615; padding-top: 6px; padding-bottom: 6px; margin-top: 0; text-align: center; border-top: 1px solid white; border-bottom: 1px solid white; }

.section-footer { font-size: 10px; font-size: 0.625rem; line-height: 2.4; margin-top: 24px; padding-top: 6px; border-top: 1px solid white; font-family: "wearetrippindisplay", Arial, sans-serif; text-align: right; text-transform: uppercase; }

/*------------------------------------*\ #SC PLAYER
\*------------------------------------*/
.sc-player { max-width: 300px; margin-left: auto; margin-right: auto; margin-bottom: 12px; overflow: hidden; position: relative; text-align: left; font-family: "wearetrippindisplay", Arial, sans-serif; }
.sc-player::after { clear: both; content: ""; display: table; }

.sc-player .sc-artwork-list, .sc-player .sc-info h4, .sc-player .sc-info p, .sc-player .sc-info .sc-info-close, .sc-player .sc-info-toggle, .sc-player .sc-scrubber .sc-volume-slider, .sc-player .sc-scrubber .sc-time-span, .sc-player .sc-scrubber .sc-position, .sc-player .sc-trackslist { display: none; }

.sc-player .sc-info { position: absolute; top: 20px; left: 84px; }
.sc-player .sc-info h3 { font-size: 12px; font-size: 0.75rem; line-height: 2; white-space: nowrap; margin: 0; }

.sc-player .sc-time-indicators { position: absolute; top: 40px; left: 84px; font-size: 10px; font-size: 0.625rem; line-height: 2.4; overflow: hidden; text-indent: 101%; white-space: nowrap; }
.sc-player .sc-time-indicators .sc-duration { position: absolute; top: 0; left: 0; text-indent: 0; }

.sc-player .sc-controls { height: 80px; border: 1px solid #333333; padding: 9px 12px; }

.sc-player .sc-controls a { overflow: hidden; text-indent: 101%; white-space: nowrap; height: 60px; width: 60px; display: block; background: transparent 50% 50% no-repeat; border: 2px solid white; border-radius: 50%; }
.sc-player .sc-controls a::after { content: none; display: none; }

.sc-player .sc-controls .sc-play { background-image: url("../images/play.svg"); background-size: 21px 25px; }

.sc-player .sc-controls .sc-pause { background-image: url("../images/pause.svg"); background-size: 27px 23px; }

.sc-player .sc-controls a.sc-pause { display: none; }

.sc-player.playing .sc-controls a.sc-pause { display: block; }

.sc-player.playing .sc-controls a.sc-play { display: none; }

.sc-player .sc-trackslist { margin: 0; padding: 0; list-style: none; font-size: 20px; font-size: 1.25rem; line-height: 1.2; text-transform: uppercase; border: 1px solid #333333; border-top: none; padding: 24px; }
.sc-player .sc-trackslist li { position: relative; margin-bottom: 12px; }
.sc-player .sc-trackslist a { display: block; }
.sc-player .sc-trackslist .sc-track-duration { position: absolute; right: 0; bottom: 0; font-size: 10px; font-size: 0.625rem; line-height: 2.4; }

/*------------------------------------*\ #NEWS
\*------------------------------------*/
.news-post .section-layout-title { text-transform: none; }

.news-post-content { font-size: 12px; font-size: 0.75rem; line-height: 1.5; }

.news-post-image { margin-bottom: 12px; }

/*------------------------------------*\ #TOUR
\*------------------------------------*/
.tour { border-top: 1px solid white !important; }

.tour .bit-widget-container { font-family: "wearetrippindisplay", Arial, sans-serif; text-transform: uppercase; font-weight: normal; }

@media only screen and (min-width: 767px) { .tour--small { display: none; } }

.tour--large { display: none; }
@media only screen and (min-width: 767px) { .tour--large { display: block; } }

.tour .bit-track-artist-header, .tour .bit-header, .tour th, .tour .bit-description-links, .tour .bit-artist-event-link { display: none !important; }

.tour table, .tour tbody, .tour tr, .tour td, .tour .location { font-weight: inherit !important; border: none !important; }

.tour tr { margin-bottom: 24px; position: relative; }

.tour td { width: auto !important; height: auto !important; }

.tour .bit-date { font-size: 26px; font-size: 1.625rem; line-height: 1.84615; }

.tour .bit-venue, .tour .bit-location, .tour .bit-concert { font-size: 12px; font-size: 0.75rem; line-height: 1.1; }

.tour .bit-concert div { font-size: inherit !important; line-height: 1.5 !important; }

.tour a.bit-buy-tix, .tour a.bit-rsvp, .tour .bit-bottom a { font-size: 12px; font-size: 0.75rem; line-height: 2; }
.tour a.bit-buy-tix::before, .tour a.bit-rsvp::before, .tour .bit-bottom a::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; margin-right: 4px; }

.tour .bit-uiButton { background: none !important; border: none !important; box-shadow: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; height: auto !important; padding: 0 !important; }

.tour .bit-uiButton a { color: #fff !important; font-weight: inherit !important; }

.tour .bit-bottom td { border-top: 1px solid white !important; text-align: right; }
.tour .bit-bottom a { float: none !important; }

.tour--small tr { display: block; position: relative; }
.tour--small .bit-date { font-size: 18px; font-size: 1.125rem; line-height: 1.33333; width: 72px !important; }
.tour--small .bit-concert { max-width: 140px; }
.tour--small .bit-buy-tix { position: absolute; top: 0; right: 0; padding-right: 0 !important; }
.tour--small .bit-rsvp { position: absolute; top: 9px; right: 0; display: block; }
.tour--small .bit-bottom td { display: block; }

/*------------------------------------*\ #VIDEO
\*------------------------------------*/
.video-title { font-size: 18px; font-size: 1.125rem; line-height: 1.33333; text-transform: uppercase; }
@media only screen and (min-width: 992px) { .video-title { font-size: 50px; font-size: 3.125rem; line-height: 1.44; } }

.germany-video { text-align: right; margin-bottom: 12px; height: 20px; }
.germany-video a::after { content: none; display: none; }

.fancybox-skin { color: inherit; background: #000 url("../images/pattern.png") top center repeat-x; border-radius: 0; }

.fancybox-outer { background: transparent url("../images/pattern.png") bottom center repeat-x; }

/*------------------------------------*\ #DISCOGRAPHY
\*------------------------------------*/
.discography { margin-bottom: 96px; }

@media only screen and (min-width: 992px) { .discography .row { max-width: 100%; margin-left: auto; margin-right: auto; }
  .discography .row::after { clear: both; content: ""; display: table; } }

@media only screen and (min-width: 992px) { .discography .column { float: left; display: block; margin-right: 4.34783%; width: 47.82609%; }
  .discography .column:last-child { margin-right: 0; } }

.discography-cta-list { margin: 0; padding: 0; list-style: none; text-align: center; margin-top: 24px; }
@media only screen and (min-width: 992px) { .discography-cta-list { text-align: left; margin-top: 0; } }

.discography-cta-list-item { display: inline-block; margin: 0 12px; font-weight: bold; text-transform: uppercase; }
@media only screen and (min-width: 992px) { .discography-cta-list-item { font-size: 50px; font-size: 3.125rem; line-height: 1.44; margin: 0; display: block; } }

.discography .dropdown-toggle { padding: 0; }

.discography-title { font-size: 38px; font-size: 2.375rem; line-height: 1.26316; text-transform: uppercase; margin: 24px 0; }
@media only screen and (min-width: 992px) { .discography-title { font-size: 100px; font-size: 6.25rem; line-height: 1.2; } }

.discography-track-list { margin: 0; padding: 0; list-style: none; }

/*------------------------------------*\ #MAILING LIST
\*------------------------------------*/
.mailing-list { font-size: 12px; font-size: 0.75rem; line-height: 2; font-family: "wearetrippindisplay", Arial, sans-serif; border-top: 1px solid white; }
.mailing-list h4 { text-align: center; }

.mailing-list-wrapper { max-width: 560px; margin-left: auto; margin-right: auto; }
.mailing-list-wrapper::after { clear: both; content: ""; display: table; }

.mailing-list fieldset { border: 0; padding: 0; margin: 0; }

.mailing-list label { display: none; }

.mailing-list #errorMsg { text-transform: uppercase; }

.mailing-list input:not([type="submit"]), .select-wrapper .select-input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: none; color: #fff; border: none; border-radius: 0; outline: none; padding: 6px 12px; margin: 0; width: 100%; border: 1px solid #fff; font-size: 12px; font-size: 0.75rem; line-height: 1.4; }
.mailing-list input:not([type="submit"])::-webkit-input-placeholder, .select-wrapper .select-input::-webkit-input-placeholder { color: inherit; text-transform: uppercase; }
.mailing-list input:not([type="submit"])::-moz-placeholder, .select-wrapper .select-input::-moz-placeholder { color: inherit; text-transform: uppercase; }
.mailing-list input:not([type="submit"]):-moz-placeholder, .select-wrapper .select-input:-moz-placeholder { color: inherit; text-transform: uppercase; }
.mailing-list input:not([type="submit"]):-ms-input-placeholder, .select-wrapper .select-input:-ms-input-placeholder { color: inherit; text-transform: uppercase; }

.mailing-list input[type="submit"] { padding: 0; text-transform: uppercase; }
@media only screen and (min-width: 767px) { .mailing-list input[type="submit"] { position: relative; top: -27px; right: -48px; } }

.select-wrapper { position: relative; }

.js .select-wrapper .select-input { background-image: url("../images/select-arrow.png"); background-repeat: no-repeat; background-position: 98% 50%; background-size: 31px 17px; padding-right: 48px; text-transform: uppercase; display: block; }

.js .select-wrapper select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; }

.mailing-list .mlist-submit, .mailing-list .mlist-submit-new { text-align: right; }

.mailing-list .termsWrapper { width: 100%; margin-top: -24px; }

.mailing-list .terms { text-transform: uppercase; }
@media only screen and (min-width: 767px) { .mailing-list .terms a { position: relative; top: -27px; left: -40px; } }

.mailing-list .termsContent { display: none; }

.secondary-list-values .mlist-field { margin-bottom: 12px; }
.secondary-list-values .mlist-field.country { margin-bottom: 0; }

.mailing-list .thankyou-message { text-transform: uppercase; }

.mailing-list .secondFormCloseWrap { display: none; }

.mailing-list .thankswelcome-msg { text-transform: uppercase; margin-bottom: 24px; }

/*------------------------------------*\ #FOOTER
\*------------------------------------*/
.footer-legal { font-size: 9px; font-size: 0.5625rem; line-height: 2.66667; font-family: "wearetrippindisplay", Arial, sans-serif; }

.primary-footer { position: fixed; bottom: 0; left: 0; width: 100%; text-transform: uppercase; text-align: center; z-index: 1; background: black; border-top: 1px solid #292929; }
.primary-footer .contain { padding-top: 12px; padding-bottom: 12px; }
.primary-footer .col { display: inline-block; vertical-align: middle; margin: 0 12px; }
.primary-footer .social { font-size: 14px; font-size: 0.875rem; line-height: 1.71429; }
.primary-footer .cta { font-size: 12px; font-size: 0.75rem; line-height: 2; }
@media only screen and (min-width: 0) and (max-width: 991px) { .primary-footer .footer-legal { display: none; } }

.secondary-footer { text-align: center; }
.secondary-footer .footer-legal { line-height: 1.5; }
@media only screen and (min-width: 992px) { .secondary-footer .footer-legal { display: none; } }

/*------------------------------------*\ #HOME
\*------------------------------------*/
.home { background-image: none; }
.home .primary-header { text-align: center; }
@media only screen and (min-width: 0) and (max-width: 766px) { .home .primary-header .logo { width: auto; } }

/*------------------------------------*\ #SPLASH
\*------------------------------------*/
#splash .primary-header { text-align: center; padding: 0; }
#splash .primary-header h2 { font-size: 19px; font-size: 1.1875rem; line-height: 1.26316; margin: 24px 0 0; }
#splash .primary-header h1 { font-size: 42px; font-size: 2.625rem; line-height: 1.14286; margin: 0; }
@media only screen and (min-width: 767px) { #splash .primary-header h1 { font-size: 68px; font-size: 4.25rem; line-height: 1.05882; } }
#splash .content .contain { max-width: 540px; }

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