/*------------------------------------*\
    #SETUP
\*------------------------------------*/
/**
 * Settings, variables and tools.
 */
/* ------------------------------------*\
#MIXINS
\*------------------------------------ */
/* *
* Some nice mixins we can use to make our lives easier. Feel free to add as
* many as you like! */
/*
KEYFRAME
Use:
    @include keyframe(fadeout) {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }
*/
/*
    ANIMATION
    use:
        .foo{
        @include animation(8s, 4s, fadeout)
        }
 */
/*------------------------------------*\
    #COLOR
\*------------------------------------*/
/*------------------------------------*\
    #INCLUDES
\*------------------------------------*/
@font-face {
  font-family: 'gta_condensed_black';
  src: url("../fonts/GT-America-Condensed-Black.19e88a72.woff"); }
@font-face {
  font-family: 'gta_condensed_regular';
  src: url("../fonts/GT-America-Condensed-Regular.1359ccbe.woff"); }
@font-face {
  font-family: 'gta_compressed_black';
  src: url("../fonts/GT-America-Compressed-Black.e57cb7a2.woff"); }
@font-face {
  font-family: 'lyon_display_bold';
  src: url("../fonts/Lyon-Display-Bold.9562102b.woff"); }
@font-face {
  font-family: 'lyon_text_bold';
  src: url("../fonts/Lyon-Text-Bold.654e33a1.woff"); }
@font-face {
  font-family: 'lyon_text_regular';
  src: url("../fonts/Lyon-Text-Regular.7faa2bbe.woff"); }
@font-face {
  font-family: 'lyon_text_regular_italic';
  src: url("../fonts/Lyon-Text-Regular-Italic.68e11598.woff"); }
/*------------------------------------*\
    #TYPE
\*------------------------------------*/
/*------------------------------------*\
    $FONT-SIZES
\*------------------------------------*/
/*------------------------------------*\
    $FONT-WEIGHTS
\*------------------------------------*/
/*------------------------------------*\
    $LINE-HEIGHTS
\*------------------------------------*/
/*------------------------------------*\
    #VARS
\*------------------------------------*/
/**
 * Generic, non-specific variables.
 */
/*------------------------------------*\
    #GENERIC
\*------------------------------------*/
/**
 * These are far reaching styles that affect and underpin every element on the
 * page, e.g. `* {}`.
 */
/*! normalize.css v3.0.1 | 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,
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: 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"] {
  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;
  -webkit-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; }

/*------------------------------------*\
    Custom css-reset so we dont mess
    up the normalize
\*------------------------------------*/
/**
 * Let's make the box model all nice
 */
*, *:before, *:after {
  box-sizing: border-box; }

/**
 * The usual...
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr,
figure {
  margin: 0;
  padding: 0; }

/**
 * Remove underlines from potentially troublesome elements.
 */
a, ins {
  text-decoration: none; }

/**
 * So that `alt` text is visually offset if images don't load.
 */
img {
  font-style: italic; }

/**
 * So that we don't have to reset this all the time. We would rather add list-style when wanted than hide it every time.
 */
ul li {
  list-style: none; }

/**
 * Why should a image be beyond 100%?
 */
img {
  vertical-align: top;
  max-width: 100%; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  outline: 0;
  border: 0; }

/*
 * Make sure items hidden by angular is not shown
 * while JS is loading.
 */
/* does not work. keeps hiding even when ng wants to show.
[ng\:show], [ng-show], .ng-show {
  display: none !important;
}
*/
/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: nicolasgallagher.com/micro-clearfix-hack
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing over
 * and over in your markup.
 */
.clearfix, .grid, .page-section, .recruit-bar, .page-form, .recruit-bar__content, .recruit-bar__collapsed, .search, .administrate, .grid--fluid, .page-header__content, form, fieldset, .form-split, .recruit-bar__person, .text-columns, .subscribe-columns, .subscribe-choice-list__item, .gifts, .gift-cards, .place-listing__header, .place-listing__item, .choice-list__item, .collapsable, .prototype-list li, #subscription-choices.text-columns--1 .text-columns__column {
  zoom: 1; }
  .clearfix:before, .grid:before, .page-section:before, .recruit-bar:before, .page-form:before, .recruit-bar__content:before, .recruit-bar__collapsed:before, .search:before, .administrate:before, .grid--fluid:before, .page-header__content:before, form:before, fieldset:before, .form-split:before, .recruit-bar__person:before, .text-columns:before, .subscribe-columns:before, .subscribe-choice-list__item:before, .gifts:before, .gift-cards:before, .place-listing__header:before, .place-listing__item:before, .choice-list__item:before, .collapsable:before, .prototype-list li:before, #subscription-choices.text-columns--1 .text-columns__column:before, .clearfix:after, .grid:after, .page-section:after, .recruit-bar:after, .page-form:after, .recruit-bar__content:after, .recruit-bar__collapsed:after, .search:after, .administrate:after, .grid--fluid:after, .page-header__content:after, form:after, fieldset:after, .form-split:after, .recruit-bar__person:after, .text-columns:after, .subscribe-columns:after, .subscribe-choice-list__item:after, .gifts:after, .gift-cards:after, .place-listing__header:after, .place-listing__item:after, .choice-list__item:after, .collapsable:after, .prototype-list li:after, #subscription-choices.text-columns--1 .text-columns__column:after {
    content: " ";
    display: table; }
  .clearfix:after, .grid:after, .page-section:after, .recruit-bar:after, .page-form:after, .recruit-bar__content:after, .recruit-bar__collapsed:after, .search:after, .administrate:after, .grid--fluid:after, .page-header__content:after, form:after, fieldset:after, .form-split:after, .recruit-bar__person:after, .text-columns:after, .subscribe-columns:after, .subscribe-choice-list__item:after, .gifts:after, .gift-cards:after, .place-listing__header:after, .place-listing__item:after, .choice-list__item:after, .collapsable:after, .prototype-list li:after, #subscription-choices.text-columns--1 .text-columns__column:after {
    clear: both; }

/*------------------------------------*\
    #BASE
\*------------------------------------*/
/**
 * These are base HTML elements, things with no classes on them, e.g. `h1 {}`,
 * `blockquote {}`.
 */
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Our layout system (note, not grid system) can be used to lay out all manner
 * of things, from full page layouts to individual components.
 */
.col-1 {
  float: left;
  position: relative;
  width: 8.33333%; }

.col-2, .form-split__item20 {
  float: left;
  position: relative;
  width: 16.66667%; }

.col-3 {
  float: left;
  position: relative;
  width: 25%; }

.col-4, .form-split__item30, .form-split--3 .form-split__item, .search__button {
  float: left;
  position: relative;
  width: 33.33333%; }

.col-5 {
  float: left;
  position: relative;
  width: 41.66667%; }

.col-6, .form-split__item, .gifts__wrap {
  float: left;
  position: relative;
  width: 50%; }

.col-7 {
  float: left;
  position: relative;
  width: 58.33333%; }

.col-8, .form-split__item70, .search__input {
  float: left;
  position: relative;
  width: 66.66667%; }

.col-9 {
  float: left;
  position: relative;
  width: 75%; }

.col-10, .form-split__item80 {
  float: left;
  position: relative;
  width: 83.33333%; }

.col-11 {
  float: left;
  position: relative;
  width: 91.66667%; }

.col-12 {
  float: left;
  position: relative;
  width: 100%; }

.col-0 {
  display: none; }

@media screen and (min-width: 640px) {
  .col-1--md {
    float: left;
    position: relative;
    width: 8.33333%;
    display: initial; }

  .col-2--md, .place-listing__col--days {
    float: left;
    position: relative;
    width: 16.66667%;
    display: initial; }

  .col-3--md, .place-listing__col--store, .place-listing__col--place {
    float: left;
    position: relative;
    width: 25%;
    display: initial; }

  .col-4--md, .text-columns__column, .gifts__wrap, .place-listing__col--location, .administrate__section {
    float: left;
    position: relative;
    width: 33.33333%;
    display: initial; }

  .col-5--md {
    float: left;
    position: relative;
    width: 41.66667%;
    display: initial; }

  .col-6--md, .recruit-section__image, .recruit-section__content, .text-columns--2 .text-columns__column, .gift-cards__wrap {
    float: left;
    position: relative;
    width: 50%;
    display: initial; }

  .col-7--md {
    float: left;
    position: relative;
    width: 58.33333%;
    display: initial; }

  .col-8--md {
    float: left;
    position: relative;
    width: 66.66667%;
    display: initial; }

  .col-9--md {
    float: left;
    position: relative;
    width: 75%;
    display: initial; }

  .col-10--md {
    float: left;
    position: relative;
    width: 83.33333%;
    display: initial; }

  .col-11--md {
    float: left;
    position: relative;
    width: 91.66667%;
    display: initial; }

  .col-12--md, .text-columns--1 .text-columns__column {
    float: left;
    position: relative;
    width: 100%;
    display: initial; }

  .col-0--md {
    display: none; } }
@media screen and (min-width: 960px) {
  .col-1--lg {
    float: left;
    position: relative;
    width: 8.33333%;
    display: initial; }

  .col-2--lg {
    float: left;
    position: relative;
    width: 16.66667%;
    display: initial; }

  .col-3--lg, .gifts__wrap, .place-listing__col--store {
    float: left;
    position: relative;
    width: 25%;
    display: initial; }

  .col-4--lg, .gift-cards__wrap, .place-listing__col--location {
    float: left;
    position: relative;
    width: 33.33333%;
    display: initial; }

  .col-5--lg {
    float: left;
    position: relative;
    width: 41.66667%;
    display: initial; }

  .col-6--lg {
    float: left;
    position: relative;
    width: 50%;
    display: initial; }

  .col-7--lg {
    float: left;
    position: relative;
    width: 58.33333%;
    display: initial; }

  .col-8--lg {
    float: left;
    position: relative;
    width: 66.66667%;
    display: initial; }

  .col-9--lg {
    float: left;
    position: relative;
    width: 75%;
    display: initial; }

  .col-10--lg {
    float: left;
    position: relative;
    width: 83.33333%;
    display: initial; }

  .col-11--lg {
    float: left;
    position: relative;
    width: 91.66667%;
    display: initial; }

  .col-12--lg {
    float: left;
    position: relative;
    width: 100%;
    display: initial; }

  .col-0--lg {
    display: none; } }
@media screen and (min-width: 1280px) {
  .col-1--xl {
    float: left;
    position: relative;
    width: 8.33333%;
    display: initial; }

  .col-2--xl {
    float: left;
    position: relative;
    width: 16.66667%;
    display: initial; }

  .col-3--xl {
    float: left;
    position: relative;
    width: 25%;
    display: initial; }

  .col-4--xl {
    float: left;
    position: relative;
    width: 33.33333%;
    display: initial; }

  .col-5--xl {
    float: left;
    position: relative;
    width: 41.66667%;
    display: initial; }

  .col-6--xl {
    float: left;
    position: relative;
    width: 50%;
    display: initial; }

  .col-7--xl {
    float: left;
    position: relative;
    width: 58.33333%;
    display: initial; }

  .col-8--xl {
    float: left;
    position: relative;
    width: 66.66667%;
    display: initial; }

  .col-9--xl {
    float: left;
    position: relative;
    width: 75%;
    display: initial; }

  .col-10--xl {
    float: left;
    position: relative;
    width: 83.33333%;
    display: initial; }

  .col-11--xl {
    float: left;
    position: relative;
    width: 91.66667%;
    display: initial; }

  .col-12--xl {
    float: left;
    position: relative;
    width: 100%;
    display: initial; }

  .col-0--xl {
    display: none; } }
/*------------------------------------*\
    OFFSET
\*------------------------------------*/
/**
 * Usage: col-offset-{1-11}
 */
.col-offset-1 {
  margin-left: 8.33333%; }

.col-offset-2 {
  margin-left: 16.66667%; }

.col-offset-3 {
  margin-left: 25%; }

.col-offset-4 {
  margin-left: 33.33333%; }

.col-offset-5 {
  margin-left: 41.66667%; }

.col-offset-6 {
  margin-left: 50%; }

.col-offset-7 {
  margin-left: 58.33333%; }

.col-offset-8 {
  margin-left: 66.66667%; }

.col-offset-9 {
  margin-left: 75%; }

.col-offset-10 {
  margin-left: 83.33333%; }

.col-offset-11 {
  margin-left: 91.66667%; }

@media screen and (min-width: 640px) {
  .col-offset-1--md {
    margin-left: 8.33333%; }

  .col-offset-2--md {
    margin-left: 16.66667%; }

  .col-offset-3--md {
    margin-left: 25%; }

  .col-offset-4--md, .text-columns__separator--first {
    margin-left: 33.33333%; }

  .col-offset-5--md {
    margin-left: 41.66667%; }

  .col-offset-6--md, .text-columns--2 .text-columns__separator--first {
    margin-left: 50%; }

  .col-offset-7--md {
    margin-left: 58.33333%; }

  .col-offset-8--md, .text-columns__separator--second {
    margin-left: 66.66667%; }

  .col-offset-9--md {
    margin-left: 75%; }

  .col-offset-10--md {
    margin-left: 83.33333%; }

  .col-offset-11--md {
    margin-left: 91.66667%; } }
@media screen and (min-width: 960px) {
  .col-offset-1--lg {
    margin-left: 8.33333%; }

  .col-offset-2--lg {
    margin-left: 16.66667%; }

  .col-offset-3--lg {
    margin-left: 25%; }

  .col-offset-4--lg {
    margin-left: 33.33333%; }

  .col-offset-5--lg {
    margin-left: 41.66667%; }

  .col-offset-6--lg {
    margin-left: 50%; }

  .col-offset-7--lg {
    margin-left: 58.33333%; }

  .col-offset-8--lg {
    margin-left: 66.66667%; }

  .col-offset-9--lg {
    margin-left: 75%; }

  .col-offset-10--lg {
    margin-left: 83.33333%; }

  .col-offset-11--lg {
    margin-left: 91.66667%; }

  .col-offset-12--lg {
    margin-left: 100%; } }
@media screen and (min-width: 1280px) {
  .col-offset-1--xl {
    margin-left: 8.33333%; }

  .col-offset-2--xl {
    margin-left: 16.66667%; }

  .col-offset-3--xl {
    margin-left: 25%; }

  .col-offset-4--xl {
    margin-left: 33.33333%; }

  .col-offset-5--xl {
    margin-left: 41.66667%; }

  .col-offset-6--xl {
    margin-left: 50%; }

  .col-offset-7--xl {
    margin-left: 58.33333%; }

  .col-offset-8--xl {
    margin-left: 66.66667%; }

  .col-offset-9--xl {
    margin-left: 75%; }

  .col-offset-10--xl {
    margin-left: 83.33333%; }

  .col-offset-11--xl {
    margin-left: 91.66667%; } }
.grid, .page-section, .recruit-bar, .page-form, .recruit-bar__content, .recruit-bar__collapsed, .search, .administrate {
  max-width: 1080px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px; }
  .grid--fluid, .page-header__content {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto; }
  .grid--medium {
    max-width: 800px; }
  .grid--tight, .page-form, .search {
    max-width: 460px; }
  .grid--full {
    padding-left: 0;
    padding-right: 0; }

body {
  font-family: "lyon_text_regular", "Helvetica", "sans-serif";
  font-size: 18px;
  color: #424242;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  background-color: #F2F2F2; }
  body.show-menu {
    overflow: hidden; }
  body.body-form {
    background-color: #DA3C31;
    padding-bottom: 80px; }

body.wait, body.wait * {
  cursor: wait !important; }

a {
  color: #DA3C31;
  cursor: pointer;
  border-bottom: 1px solid #DA3C31;
  word-wrap: break-word; }
  a:hover {
    color: #DA3C31;
    border-color: #DA3C31; }

h1, .alpha, .phone, .recruit-bar__points, .separator--recruit .separator__title,
h2, .beta, .page-menu__link, .price-bubble__number,
h3, .gamma, legend, .gift-cards__card--add, .collapsable__toggle,
h4, .delta, .price-bubble {
  font-family: "gta_condensed_black", "Helvetica", "sans-serif";
  letter-spacing: -1px;
  color: #000000;
  font-weight: 400;
  margin: 0;
  margin-bottom: 20px; }

@media (min-width: 1280px) {
  h1, .alpha, .phone, .recruit-bar__points, .separator--recruit .separator__title {
    font-size: 60px; } }
@media (max-width: 1280px) {
  h1, .alpha, .phone, .recruit-bar__points, .separator--recruit .separator__title {
    font-size: 60px; } }
@media (max-width: 1152px) {
  h1, .alpha, .phone, .recruit-bar__points, .separator--recruit .separator__title {
    font-size: 54px; } }
@media (max-width: 896px) {
  h1, .alpha, .phone, .recruit-bar__points, .separator--recruit .separator__title {
    font-size: 42px; } }

@media (min-width: 1280px) {
  h2, .beta, .page-menu__link, .price-bubble__number {
    font-size: 36px; } }
@media (max-width: 1280px) {
  h2, .beta, .page-menu__link, .price-bubble__number {
    font-size: 36px; } }
@media (max-width: 1152px) {
  h2, .beta, .page-menu__link, .price-bubble__number {
    font-size: 32.4px; } }
@media (max-width: 896px) {
  h2, .beta, .page-menu__link, .price-bubble__number {
    font-size: 25.2px; } }

h3, .gamma, legend, .gift-cards__card--add, .collapsable__toggle {
  font-size: 24px; }

h4, .delta, .price-bubble {
  font-size: 18px;
  letter-spacing: 0; }

h1 small,
h2 small,
h3 small,
h4 small {
  font-size: 65%; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
  color: #DA3C31; }

h1 a {
  color: #C1C1C1; }

.text--muted,
.text--date {
  color: #AAAAAA; }

.text--small {
  font-size: 13px; }

.text--left {
  text-align: left; }

.text--center {
  text-align: center; }

.text--error, .error-message {
  color: #DA3C31; }

.text--subtext {
  font-family: "lyon_text_regular", "Helvetica", "sans-serif";
  font-size: 15px; }

.ingress, .markdown h2, .recruit-section__content {
  font-size: 24px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }
  .ingress--small {
    font-size: 16px; }
  .ingress--narrow {
    max-width: 400px; }

.info-footer {
  font-size: 14px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }
  .info-footer label.checkbox {
    margin-bottom: 0; }

.markdown h2 {
  font-family: "lyon_text_regular", "Helvetica", "sans-serif";
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  color: #424242; }

.phone, .recruit-bar__points, .separator--recruit .separator__title {
  font-size: 55px;
  border: 0;
  color: #DA3C31;
  text-shadow: 3px 3px 0 #8B1A14; }
  @media screen and (min-width: 640px) {
    .phone, .recruit-bar__points, .separator--recruit .separator__title {
      font-size: 80px; } }
  @media screen and (min-width: 960px) {
    .phone, .recruit-bar__points, .separator--recruit .separator__title {
      font-size: 100px; } }

strong,
b,
.text--bold,
a,
label,
.label,
.gifts__name {
  font-family: "lyon_text_bold", "Helvetica", "sans-serif";
  font-weight: 700; }

p {
  margin: 0;
  margin-bottom: 20px; }

ul {
  margin: 0;
  margin-bottom: 20px; }

.line-height-1 {
  line-height: 1; }

.list,
.markdown ul {
  margin-left: 20px;
  font-size: 16px;
  text-align: left; }
  .list li,
  .markdown ul li {
    list-style-image: url(../img/icons/list-bullet.svg);
    padding-left: 10px;
    margin-bottom: 10px; }
  .list--inline,
  .markdown ul--inline {
    margin-left: 0; }
    .list--inline li,
    .markdown ul--inline li {
      display: inline-block;
      padding: 0; }

/* ugh.. */
.tight-ul ul,
.enlist-campaign .markdown ul {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }

.markdown ul {
  display: inline-block; }

.nowrap {
  white-space: nowrap; }

fieldset {
  border: 0; }

legend {
  text-align: left; }

.form-split {
  margin-left: -5px;
  margin-right: -5px; }
  .form-split__item {
    padding-left: 5px;
    padding-right: 5px; }
  .form-split__item20 {
    padding-left: 5px;
    padding-right: 5px; }
  .form-split__item80 {
    padding-left: 5px;
    padding-right: 5px; }
  .form-split__item30 {
    padding-left: 5px;
    padding-right: 5px; }
  .form-split__item70 {
    padding-left: 5px;
    padding-right: 5px; }

table thead th {
  font-weight: bold;
  border-bottom: 1px solid #aaa;
  text-align: left;
  padding-right: 10px;
  padding-left: 10px; }

table tbody td {
  padding-right: 10px;
  padding-left: 10px; }

.table-recipients {
  width: 100%; }

.table-recipients td {
  padding: 10px;
  border-bottom: 1px solid #aaa;
  text-align: left; }

.table-recipients th {
  padding: 10px;
  text-align: left; }

.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  outline: 0;
  display: inline-block;
  border: 0;
  padding: 5px 20px;
  border-radius: 0;
  border: 2px solid transparent;
  margin-bottom: 20px;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
  font-family: "gta_condensed_black", "Helvetica", "sans-serif";
  font-size: 24px;
  text-align: center;
  font-weight: 400;
  transition: all 0.1s cubic-bezier(0, 0, 0.1, 1); }
  .button:focus {
    border: 2px solid black; }
  .button:active {
    -moz-transform: translate(3px, 3px);
    -o-transform: translate(3px, 3px);
    -ms-transform: translate(3px, 3px);
    -webkit-transform: translate(3px, 3px);
    transform: translate(3px, 3px);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); }
  .button--primary {
    color: #fff;
    background-color: #DA3C31;
    border: 2px solid #DA3C31;
    box-shadow: 3px 3px 0 #8B1A14; }
    .button--primary:hover, .button--primary:focus {
      color: #fff;
      background-color: #dc483e;
      border: 2px solid black; }
    .button--primary:active {
      box-shadow: 0 0 0 #8B1A14;
      background-color: #DA3C31; }
  .button--secondary {
    color: #fff;
    background-color: #00516B;
    border: 2px solid #00516B;
    box-shadow: 3px 3px 0 #004251; }
    .button--secondary:hover, .button--secondary:focus {
      color: #fff;
      background-color: #005d7a;
      border: 2px solid red; }
    .button--secondary:active {
      box-shadow: 0 0 0 #004251;
      background-color: #00516B; }
  .button--disabled {
    opacity: 0.5; }
  .button--block {
    display: block;
    width: 100%; }
  .button--large {
    font-size: 36px;
    margin-top: 20px; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  display: block;
  width: 100%;
  padding: 9px 10px;
  box-sizing: border-box;
  border-top: 3px solid #C1C1C1;
  border-left: 3px solid #C1C1C1;
  border-bottom: 2px solid #C1C1C1;
  border-right: 2px solid #C1C1C1;
  font-family: "lyon_text_bold", "Helvetica", "sans-serif";
  font-size: 18px;
  border-radius: 0;
  background-color: #fff;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  textarea[disabled],
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="date"][disabled],
  input[type="month"][disabled],
  input[type="time"][disabled],
  input[type="week"][disabled],
  input[type="number"][disabled],
  input[type="email"][disabled],
  input[type="url"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="color"][disabled] {
    background-color: #DBDBDB; }
  textarea.placeholder,
  input[type="text"].placeholder,
  input[type="password"].placeholder,
  input[type="datetime"].placeholder,
  input[type="datetime-local"].placeholder,
  input[type="date"].placeholder,
  input[type="month"].placeholder,
  input[type="time"].placeholder,
  input[type="week"].placeholder,
  input[type="number"].placeholder,
  input[type="email"].placeholder,
  input[type="url"].placeholder,
  input[type="search"].placeholder,
  input[type="tel"].placeholder,
  input[type="color"].placeholder {
    font-family: "lyon_text_regular", "Helvetica", "sans-serif";
    color: #C1C1C1;
    line-height: normal; }
  textarea:-moz-placeholder,
  input[type="text"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="color"]:-moz-placeholder {
    font-family: "lyon_text_regular", "Helvetica", "sans-serif";
    color: #C1C1C1;
    line-height: normal; }
  textarea::-moz-placeholder,
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="color"]::-moz-placeholder {
    font-family: "lyon_text_regular", "Helvetica", "sans-serif";
    color: #C1C1C1;
    line-height: normal; }
  textarea:-ms-input-placeholder,
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="datetime"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="color"]:-ms-input-placeholder {
    font-family: "lyon_text_regular", "Helvetica", "sans-serif";
    color: #C1C1C1;
    line-height: normal; }
  textarea::-webkit-input-placeholder,
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder {
    font-family: "lyon_text_regular", "Helvetica", "sans-serif";
    color: #C1C1C1;
    line-height: normal; }
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus {
    background-color: #fff;
    border-color: #00516B; }

/*
 * Select
 */
.select {
  position: relative;
  display: inline-block;
  max-width: 100%; }
  .select select {
    display: inline-block;
    margin: 0;
    padding: 6px 40px 6px 15px;
    max-width: 100%;
    line-height: 1.5;
    font-size: 18px;
    color: #424242;
    background-color: #fff;
    border: 3px solid #C1C1C1;
    /*border-radius: 5px;*/
    cursor: pointer;
    outline: 0;
    /* transition: border-color .15s; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* &:hover, */ }
    .select select:focus:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000; }
    .select select:focus {
      border-color: #00516B; }
    .select select::-ms-expand {
      display: none; }
  .select:after {
    position: absolute;
    top: 50%;
    right: 18px;
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    margin-top: -2px;
    pointer-events: none;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent; }
  .select--block {
    display: block; }
    .select--block select {
      display: block;
      width: 100%; }
  .select--text-aligned {
    margin-top: -10px; }

/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  .select {
    /* <option> elements inherit styles from <select>, so reset them. */ }
    .select select {
      text-indent: 0.01px;
      text-overflow: '';
      padding-right: 1rem;
      /*&:focus {
          border-color: $color-neutral--light;
      }*/ }
    .select:before {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      content: "";
      width: 30px;
      height: 100%;
      border-radius: 0 5px 5px 0;
      border: 2px solid #DBDBDB;
      border-left: 0;
      background: #fff;
      pointer-events: none;
      transition: border-color .15s; }
    .select:hover:before {
      border-color: #DA3C31; }
    .select option {
      background-color: white; } }
hr {
  height: 3px;
  border: 0;
  border-top: 4px solid #C1C1C1;
  border-bottom: 2px solid #C1C1C1;
  margin: 40px 0; }

label,
.label {
  display: block;
  margin-bottom: 20px;
  color: #424242;
  text-align: left; }
  label.no-margin,
  .label.no-margin {
    margin-bottom: 0; }

/*
 * WTF, forms?
 * Released under MIT and copyright 2014 Mark Otto.
 * http://wtfforms.com
 *
 * Embedded icons from Open Iconic.
 * Released under MIT and copyright 2014 Waybury.
 * http://useiconic.com/open
 */
.radio,
.checkbox {
  position: relative;
  display: inline-block;
  padding: 5px;
  padding-left: 35px;
  color: #424242;
  cursor: pointer;
  border: 1px solid transparent; }
  .radio:focus-within,
  .checkbox:focus-within {
    border: 1px solid #00516B; }
  .radio input,
  .checkbox input {
    position: absolute;
    opacity: 0;
    z-index: -1; }
    .radio input:checked ~ .radio__control-indicator:before, .radio input:checked ~ .checkbox__control-indicator:before,
    .checkbox input:checked ~ .radio__control-indicator:before,
    .checkbox input:checked ~ .checkbox__control-indicator:before {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1; }
  .radio__control-indicator,
  .checkbox__control-indicator {
    position: absolute;
    display: block;
    user-select: none;
    top: 4px;
    left: 5px;
    width: 22px;
    height: 22px;
    border-top: 3px solid #C1C1C1;
    border-left: 3px solid #C1C1C1;
    border-bottom: 2px solid #C1C1C1;
    border-right: 2px solid #C1C1C1;
    background-color: #fff; }
    .radio__control-indicator:before,
    .checkbox__control-indicator:before {
      content: "";
      position: absolute;
      top: -12px;
      left: -1px;
      opacity: 0;
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0);
      -moz-transform-origin: 30% 90%;
      -o-transform-origin: 30% 90%;
      -ms-transform-origin: 30% 90%;
      -webkit-transform-origin: 30% 90%;
      transform-origin: 30% 90%;
      transition: all 0.1s cubic-bezier(0, 0, 0.1, 1); }

.radio__control-indicator {
  border-radius: 50%; }

.input-group {
  margin-bottom: 15px; }
  .input-group .radio {
    margin-bottom: 0px; }

.checkbox--disabled {
  opacity: 0.5; }

.checkbox-tail {
  position: relative;
  top: -15px;
  left: 30px; }

.pad-x {
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 640px) {
    .pad-x--md {
      padding-left: 20px;
      padding-right: 20px; } }

.pad-y {
  padding-top: 20px;
  padding-bottom: 20px; }
  .pad-y--small {
    padding-top: 10px;
    padding-bottom: 10px; }

form.submitted input.ng-invalid,
form.submitted textarea.ng-invalid {
  border-top: 3px solid #DA3C31;
  border-left: 3px solid #DA3C31;
  border-bottom: 2px solid #DA3C31;
  border-right: 2px solid #DA3C31; }

form.submitted span.errorText {
  font-size: 12px;
  color: #DA3C31;
  display: block;
  font-weight: bold; }

form.submitted .input-group span.errorText,
form.submitted label.checkbox span.errorText {
  margin-top: 10px;
  font-size: 14px; }

/*------------------------------------*\
    #OBJECTS
\*------------------------------------*/
/**
 * These are design-free objects, abstractions and design patterns. These create
 * constructs that you lay your designs over.
 */
.icon-check, .radio__control-indicator:before,
.checkbox__control-indicator:before, .gifts__checkbox:checked ~ .gifts__checkbox-dummy:before {
  display: inline-block;
  vertical-align: top;
  width: 27px;
  height: 27px;
  background-image: url(../img/icons/check.svg);
  background-repeat: no-repeat; }

.icon-plus {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/plus.svg);
  background-repeat: no-repeat; }

.icon-arrow-down, .recruit-bar__expander__icon, .collapsable__toggle__icon {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 14px;
  background-image: url(../img/icons/arrow-down.svg);
  background-repeat: no-repeat; }

.icon-app-store {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  background-image: url(../img/icons/app-store.svg);
  background-repeat: no-repeat; }

.icon-google-play {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  background-image: url(../img/icons/google-play.svg);
  background-repeat: no-repeat; }

.icon-windows-marketplace {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  background-image: url(../img/icons/windows-marketplace.svg);
  background-repeat: no-repeat; }

.icon-close {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/close.svg);
  background-repeat: no-repeat;
  /*
      display: inline-block;
      vertical-align: top;
      width: 16px;
      height: 16px;
      background-image: url(../img/icons/close.svg);
      background-repeat: no-repeat;
  */ }

.icon-remove {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
  .icon-remove:before, .icon-remove:after {
    position: absolute;
    display: block;
    content: "";
    background: #424242; }
  .icon-remove:before {
    width: 100%;
    height: 3px;
    top: 50%;
    margin-top: -1.5px; }
  .icon-remove:after {
    width: 3px;
    height: 100%;
    left: 50%;
    margin-left: -1.5px; }

.page-header {
  padding: 20px;
  color: #fff;
  text-align: center;
  background-color: #DA3C31;
  border-bottom: 6px solid #8B1A14; }
  @media screen and (min-width: 640px) {
    .page-header {
      padding: 20px 40px 10px; } }
  .page-header__content {
    position: relative; }
  .page-header__branding {
    display: inline-block;
    margin-left: 70px;
    margin-right: 70px;
    border: 0; }
    .page-header__branding, .page-header__branding:hover, .page-header__branding:focus {
      color: #fff; }
    .page-header__branding img {
      max-height: 65px;
      margin-left: auto;
      margin-right: auto; }
  .page-header__link {
    display: inline-block;
    color: #fff;
    border-color: #fff; }
    .page-header__link:hover {
      color: #fff;
      border-color: #fff;
      text-shadow: 2px 2px 0 #8B1A14; }
    .page-header__link--left {
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -18px;
      z-index: 30; }
  .page-header__right {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px;
    z-index: 30;
    white-space: nowrap; }
  .page-header__right-user {
    display: none; }
    @media screen and (min-width: 960px) {
      .page-header__right-user {
        display: inline; } }
  .page-header__admin-title {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    border: 0;
    margin-top: -18px;
    margin-left: 0px;
    z-index: 30; }
    .page-header__admin-title, .page-header__admin-title:hover, .page-header__admin-title:focus {
      color: #fff; }
    @media screen and (min-width: 960px) {
      .page-header__admin-title {
        display: block; } }
  .page-header__separator {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    width: 3px;
    margin: 0 10px;
    background-color: rgba(139, 26, 20, 0.3); }
  .page-header--form {
    border-bottom: 0;
    padding: 40px 0; }

.page-menu {
  position: fixed;
  background-color: #DA3C31;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  pointer-events: none;
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  /* creates flickering when opening page
     should rather have one .page-menu for when page is loaded,
     and another for when closing
      transition: all .3s $swift-out;
  */
  z-index: 20;
  text-align: center;
  padding-top: 80px; }
  .page-menu__item {
    display: block;
    padding: 20px 0;
    opacity: 0;
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    transition: all 0.3s cubic-bezier(0, 0, 0.1, 1); }
  .page-menu__link {
    color: #fff;
    border-width: 3px; }
    .page-menu__link:hover {
      color: #fff;
      border-color: #fff; }
  .page-menu__close {
    position: fixed;
    left: 20px;
    top: 40px; }
    .page-menu__close, .page-menu__close:hover, .page-menu__close:focus {
      color: #fff;
      border-color: #fff; }
    .page-menu__close:hover, .page-menu__close:focus {
      text-shadow: 2px 2px 0 #8B1A14; }
  .page-menu--hide {
    transition: all 0.3s cubic-bezier(0, 0, 0.1, 1);
    display: none; }
  .page-menu--show {
    opacity: 1;
    pointer-events: auto;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
    .page-menu--show .page-menu__item {
      opacity: 1;
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
      transition-delay: .55s; }
      .page-menu--show .page-menu__item:nth-child(1) {
        transition-delay: .05s; }
      .page-menu--show .page-menu__item:nth-child(2) {
        transition-delay: .10s; }
      .page-menu--show .page-menu__item:nth-child(3) {
        transition-delay: .15s; }
      .page-menu--show .page-menu__item:nth-child(4) {
        transition-delay: .20s; }
      .page-menu--show .page-menu__item:nth-child(5) {
        transition-delay: .25s; }
      .page-menu--show .page-menu__item:nth-child(6) {
        transition-delay: .30s; }
      .page-menu--show .page-menu__item:nth-child(7) {
        transition-delay: .35s; }
      .page-menu--show .page-menu__item:nth-child(8) {
        transition-delay: .40s; }
      .page-menu--show .page-menu__item:nth-child(9) {
        transition-delay: .45s; }
      .page-menu--show .page-menu__item:nth-child(10) {
        transition-delay: .50s; }

.page-section, .recruit-bar {
  padding: 40px 20px; }
  @media screen and (min-width: 640px) {
    .page-section, .recruit-bar {
      text-align: center; } }
  .page-section--header {
    padding-top: 80px; }
  .page-section--promo {
    padding: 0;
    margin-bottom: 20px;
    max-width: none;
    background-color: #424242; }
    .page-section--promo,
    .page-section--promo h2 {
      color: #fff; }
  .page-section--fluid {
    padding: 0;
    max-width: none; }
  .page-section--form, .recruit-bar {
    padding: 40px 20px;
    max-width: none;
    background-color: #DBDBDB; }
    .page-section--form .grid, .recruit-bar .grid, .page-section--form .page-section, .recruit-bar .page-section, .page-section--form .recruit-bar, .recruit-bar .recruit-bar, .page-section--form .page-form, .recruit-bar .page-form, .page-section--form .recruit-bar__content, .recruit-bar .recruit-bar__content, .page-section--form .recruit-bar__collapsed, .recruit-bar .recruit-bar__collapsed, .page-section--form .search, .recruit-bar .search, .page-section--form .administrate, .recruit-bar .administrate {
      padding-left: 0;
      padding-right: 0; }
      @media screen and (min-width: 640px) {
        .page-section--form .grid, .recruit-bar .grid, .page-section--form .page-section, .recruit-bar .page-section, .page-section--form .recruit-bar, .recruit-bar .recruit-bar, .page-section--form .page-form, .recruit-bar .page-form, .page-section--form .recruit-bar__content, .recruit-bar .recruit-bar__content, .page-section--form .recruit-bar__collapsed, .recruit-bar .recruit-bar__collapsed, .page-section--form .search, .recruit-bar .search, .page-section--form .administrate, .recruit-bar .administrate {
          padding-left: 20px;
          padding-right: 20px; } }

.page-form {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 640px) {
    .page-form {
      padding-left: 20px;
      padding-right: 20px; } }

.embed-video {
  margin-bottom: 40px; }
  .embed-video .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0; }
  .embed-video .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.link-list {
  font-size: 24px; }
  .link-list li {
    padding: 5px 0; }

.icon-links li {
  padding: 5px 0; }

.recruit-section {
  padding: 0; }
  .recruit-section__image {
    min-height: 450px;
    background-image: url(../img/forsidebilde_tre_uker_gratis-2.jpg);
    background-size: cover;
    background-position: center; }
  .recruit-section__content {
    padding: 40px 20px; }
    @media screen and (min-width: 640px) {
      .recruit-section__content {
        text-align: left;
        padding: 40px 40px 0; } }

.recruit-bar {
  text-align: left; }
  .recruit-bar__content {
    max-width: 800px;
    position: relative; }
  .recruit-bar__points {
    margin-right: 10px; }
  @media screen and (min-width: 640px) {
    .recruit-bar__expander {
      position: absolute;
      top: 50%;
      right: 20px;
      margin-top: -12px; } }
  .recruit-bar__expander__icon {
    position: relative;
    top: 5px;
    transition: all 0.2s cubic-bezier(0, 0, 0.1, 1); }
  .recruit-bar__expander--expanded .recruit-bar__expander__icon {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .recruit-bar__collapsed {
    display: none; }
    .recruit-bar__collapsed--show {
      display: block; }
  .recruit-bar__list {
    margin: 0 auto;
    max-width: 600px; }
  .recruit-bar__person {
    padding: 10px;
    border-bottom: 2px solid #C1C1C1; }
    .recruit-bar__person__section {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media screen and (min-width: 640px) {
        .recruit-bar__person__section {
          float: left;
          width: 33%; } }
      @media screen and (min-width: 640px) {
        .recruit-bar__person__section--name {
          text-align: center;
          width: 60%; } }
      @media screen and (min-width: 640px) {
        .recruit-bar__person__section--date {
          width: 20%; } }
      @media screen and (min-width: 640px) {
        .recruit-bar__person__section--status {
          text-align: right;
          width: 20%; } }
    .recruit-bar__person--hidden {
      display: none; }

.separator {
  position: relative; }
  .separator__title {
    display: inline-block;
    position: relative;
    z-index: 10;
    background-color: #F2F2F2; }
    @media screen and (min-width: 640px) {
      .separator__title {
        padding-left: 20px;
        padding-right: 20px; } }
  .separator__line {
    position: absolute;
    top: 21.6px;
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    border-top: 4px solid #DA3C31;
    border-bottom: 2px solid #DA3C31;
    display: none; }
    @media screen and (min-width: 640px) {
      .separator__line {
        display: block; } }
  .separator--form .separator__title {
    background-color: #DBDBDB; }
  .separator--full {
    margin-left: -40px;
    margin-right: -40px; }
  .separator--recruit .separator__title {
    margin-bottom: 0; }
  .separator--recruit .separator__line {
    top: 70px; }

.text-columns {
  position: relative;
  text-align: left; }
  @media screen and (min-width: 640px) {
    .text-columns {
      margin-left: -40px;
      margin-right: -40px; } }
  .text-columns__column {
    padding: 20px 0; }
    @media screen and (min-width: 640px) {
      .text-columns__column {
        padding: 20px 40px; } }
  .text-columns__separator {
    display: none;
    position: absolute;
    border: 0;
    top: 20px;
    bottom: 20px;
    height: auto;
    border-left: 3px solid #DA3C31; }
    @media screen and (min-width: 640px) {
      .text-columns__separator--first {
        display: block; } }
    @media screen and (min-width: 640px) {
      .text-columns__separator--second {
        display: block; } }
  .text-columns--1 {
    /*
            .text-columns__separator--first {
                @extend .col-offset-12--md;
            }
    */ }

.subscribe-columns {
  max-width: 800px;
  margin-bottom: 20px; }

.subscribe-column-left,
.subscribe-column-right {
  float: none;
  width: auto;
  margin-bottom: 20px; }

.subscribe-actions {
  margin-bottom: 20px; }
  .subscribe-actions button, .subscribe-actions a {
    margin-left: 7px;
    margin-right: 7px; }

.subscribe-column-left h2,
h2.subscribe-section {
  background: #DA3C31;
  color: white;
  margin-right: 30px; }

.subscribe-column-left h3 {
  text-align: left; }

.subscribe-column-right h2, .subscribe-column-right h3, .subscribe-column-right h4 {
  text-align: left; }

.subscribe-choice-list {
  margin-bottom: 30px; }
  .subscribe-choice-list__item {
    display: block;
    position: relative;
    margin: 0;
    padding: 10px 0;
    padding-left: 40px; }
    .subscribe-choice-list__item .radio__control-indicator {
      top: 50%;
      margin-top: -10px; }
  .subscribe-choice-list__price {
    display: block;
    font-family: "gta_condensed_black", "Helvetica", "sans-serif";
    color: #DA3C31; }
    .subscribe-choice-list__price.text--muted {
      color: #E07A73; }

@media screen and (min-width: 640px) {
  .subscribe-columns {
    margin-left: auto;
    margin-right: auto; }

  .subscribe-column-left {
    float: left;
    width: 60%; }

  .subscribe-column-right {
    float: left;
    width: 40%; }

  .subscribe-terms {
    max-width: 160px;
    margin-left: auto;
    margin-right: auto; } }
.box, .gifts__item, .gift-cards__card, .info-box, .error-box {
  text-align: center;
  padding: 20px;
  background-color: #DBDBDB;
  box-shadow: 4px 4px 0 #C1C1C1;
  margin-bottom: 20px; }
  @media screen and (min-width: 640px) {
    .box, .gifts__item, .gift-cards__card, .info-box, .error-box {
      padding: 20px 40px; } }

.gifts {
  padding-top: 20px;
  margin-left: -20px;
  margin-right: -20px; }
  .gifts__wrap {
    padding: 10px; }
    @media screen and (min-width: 640px) {
      .gifts__wrap {
        padding: 10px 20px; } }
  .gifts__item {
    position: relative;
    cursor: pointer;
    padding: 0;
    height: 270px;
    text-align: left;
    font-size: 14px;
    transition: all 0.1s cubic-bezier(0, 0, 0.1, 1);
    box-shadow: none;
    border: 1px solid #aaa;
    		/*
            &:active {
                box-shadow: 0 0 0 $color-neutral;
                @include transform(translate($border-width--large, $border-width--large));
            }
    		*/ }
    .gifts__item[disabled] {
      pointer-events: none;
      opacity: .4; }
    @media screen and (min-width: 640px) {
      .gifts__item {
        font-size: 18px; } }
    .gifts__item--unselectable {
      cursor: auto;
      text-align: center;
      box-shadow: none;
      background: none; }
      .gifts__item--unselectable:active {
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        box-shadow: none; }
      .gifts__item--unselectable .gifts__name {
        padding-left: 20px; }
  .gifts__checkbox {
    position: absolute;
    visibility: hidden; }
    .gifts__checkbox:checked ~ .gifts__checkbox-dummy:before {
      content: "";
      position: absolute;
      top: -12px;
      left: -1px; }
  .gifts__checkbox-dummy {
    position: absolute;
    width: 22px;
    height: 22px;
    margin: 15px 10px;
    border-top: 3px solid #C1C1C1;
    border-left: 3px solid #C1C1C1;
    border-bottom: 2px solid #C1C1C1;
    border-right: 2px solid #C1C1C1;
    background-color: #fff; }
  .gifts__image {
    overflow: hidden;
    width: 100%;
    height: 160px;
    background-color: #fff;
    text-align: center; }
    .gifts__image img {
      margin-left: -100px;
      margin-right: -100px;
      max-width: none;
      height: 100%;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-user-drag: none;
      user-drag: none; }
  .gifts__name {
    font-size: 15px;
    padding: 10px 10px 10px 40px; }
    @media screen and (min-width: 640px) {
      .gifts__name {
        padding: 10px 10px 10px 45px; } }
  .gifts__name__new {
    background: #DA3C31;
    color: white;
    font-size: 13px;
    border-radius: 3px;
    padding: 3px; }

.gift-cards {
  padding-top: 20px;
  margin-left: -20px;
  margin-right: -20px; }
  .gift-cards__wrap {
    padding: 10px;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    -ms-perspective: 1000;
    -webkit-perspective: 1000;
    perspective: 1000; }
  .gift-cards__card {
    display: block;
    position: relative;
    padding: 20px;
    width: 100%;
    overflow: hidden; }
    .gift-cards__card--back {
      position: absolute;
      top: 0;
      height: 100%; }
    .gift-cards__card--add {
      background: none;
      box-shadow: none;
      color: #424242;
      border: 4px dashed #C1C1C1;
      -moz-transition: all 0.1s cubic-bezier(0, 0, 0.1, 1);
      -o-transition: all 0.1s cubic-bezier(0, 0, 0.1, 1);
      -ms-transition: all 0.1s cubic-bezier(0, 0, 0.1, 1);
      -webkit-transition: all 0.1s cubic-bezier(0, 0, 0.1, 1);
      transition: all 0.1s cubic-bezier(0, 0, 0.1, 1); }
      .gift-cards__card--add__plus {
        margin: 10px; }
      .gift-cards__card--add .plus-fill {
        fill: #AAAAAA;
        -moz-transition: all 0.1s cubic-bezier(0, 0, 0.1, 1);
        -o-transition: all 0.1s cubic-bezier(0, 0, 0.1, 1);
        -ms-transition: all 0.1s cubic-bezier(0, 0, 0.1, 1);
        -webkit-transition: all 0.1s cubic-bezier(0, 0, 0.1, 1);
        transition: all 0.1s cubic-bezier(0, 0, 0.1, 1); }
      .gift-cards__card--add:hover, .gift-cards__card--add:focus {
        color: #DA3C31;
        color: #424242;
        border: 4px dashed #AAAAAA; }
        .gift-cards__card--add:hover .plus-fill, .gift-cards__card--add:focus .plus-fill {
          fill: #DA3C31; }
  .gift-cards__stamp {
    position: absolute;
    top: 44px;
    right: 20px; }
    .gift-cards__stamp--back {
      top: 20px; }
  .gift-cards__inc-stamp {
    position: absolute;
    top: -10px;
    right: 90px; }
  .gift-cards__name {
    padding-right: 100px; }
    .gift-cards__name--first {
      margin-bottom: 10px; }
  .gift-cards__address {
    margin-bottom: 10px; }
  .gift-cards__flip-back {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px; }
  .gift-cards__close {
    position: absolute;
    right: 18px;
    top: 14px;
    padding: 0;
    background: none; }
  .gift-cards .error-message {
    font-size: 12px;
    margin-top: 5px;
    margin-left: 1px; }

.pop-in, .gift-cards__card {
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-animation-delay: 0.1s;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-name: popIn;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -moz-animation-delay: 0.1s;
  -moz-animation-duration: 0.2s;
  -moz-animation-name: popIn;
  -moz-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -o-animation-delay: 0.1s;
  -o-animation-duration: 0.2s;
  -o-animation-name: popIn;
  -o-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-delay: 0.1s;
  animation-duration: 0.2s;
  animation-name: popIn;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-timing-function: cubic-bezier(0, 0, 0.1, 1);
  -o-animation-timing-function: cubic-bezier(0, 0, 0.1, 1);
  -moz-animation-timing-function: cubic-bezier(0, 0, 0.1, 1);
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.1, 1); }

.fade-in, .gift-cards__card--add {
  opacity: 0;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation-delay: 0.1s;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fadeIn;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -moz-animation-delay: 0.1s;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fadeIn;
  -moz-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -o-animation-delay: 0.1s;
  -o-animation-duration: 0.5s;
  -o-animation-name: fadeIn;
  -o-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-delay: 0.1s;
  animation-duration: 0.5s;
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-timing-function: cubic-bezier(0, 0, 0.1, 1);
  -o-animation-timing-function: cubic-bezier(0, 0, 0.1, 1);
  -moz-animation-timing-function: cubic-bezier(0, 0, 0.1, 1);
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.1, 1); }

@-webkit-keyframes popIn {
  from {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes popIn {
  from {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-o-keyframes popIn {
  from {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes popIn {
  from {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.place-listing {
  text-align: left;
  margin-bottom: 20px; }
  .place-listing__header {
    display: none;
    font-weight: bold; }
    @media screen and (min-width: 640px) {
      .place-listing__header {
        display: block; } }
  .place-listing__item {
    padding: 10px; }
    @media screen and (min-width: 640px) {
      .place-listing__item {
        padding: 0; } }
    .place-listing__item:nth-child(even) {
      background-color: #e0e0e0; }
  .place-listing__col {
    margin: 0; }
    @media screen and (min-width: 640px) {
      .place-listing__col {
        padding: 10px; } }

.search {
  margin-bottom: 20px; }
  .search__button {
    padding-left: 20px; }

.price-bubble {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0;
  padding-top: 5px;
  color: #fff;
  text-align: center;
  background-color: #DA3C31; }
  @media screen and (min-width: 640px) {
    .price-bubble {
      width: 70px;
      height: 70px; } }
  .price-bubble--topright {
    position: absolute;
    top: -10px;
    right: -10px; }
    @media screen and (min-width: 640px) {
      .price-bubble--topright {
        top: -20px;
        right: -20px; } }
  .price-bubble__number {
    display: block;
    color: #fff;
    margin: 0;
    margin-top: -10px; }

.choice-list {
  margin-bottom: 30px; }
  .choice-list__item {
    display: block;
    position: relative;
    margin: 0;
    padding: 10px 0;
    padding-left: 40px;
    border-bottom: 3px solid rgba(193, 193, 193, 0.3); }
    .choice-list__item .radio__control-indicator {
      top: 50%;
      margin-top: -10px; }
  .choice-list__price {
    display: block;
    font-family: "gta_condensed_black", "Helvetica", "sans-serif";
    color: #DA3C31; }
    .choice-list__price.text--muted {
      color: #E07A73; }

.carousel-form {
  overflow: hidden;
  white-space: nowrap; }
  .carousel-form--1 .carousel-form__page {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
    .carousel-form--1 .carousel-form__page--1 {
      opacity: 1;
      max-height: none; }
  .carousel-form--2 .carousel-form__page {
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
    .carousel-form--2 .carousel-form__page--2 {
      opacity: 1;
      max-height: none; }
  .carousel-form--3 .carousel-form__page {
    -moz-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%); }
    .carousel-form--3 .carousel-form__page--3 {
      opacity: 1;
      max-height: none; }
  .carousel-form--4 .carousel-form__page {
    -moz-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%); }
    .carousel-form--4 .carousel-form__page--4 {
      opacity: 1;
      max-height: none; }
  .carousel-form__page {
    display: inline-block;
    width: 100%;
    white-space: normal;
    vertical-align: top;
    opacity: 0;
    max-height: 100px;
    transition: transform 0.5s cubic-bezier(0, 0, 0.1, 1), opacity 0.3s cubic-bezier(0, 0, 0.1, 1); }
  .carousel-form__actions button {
    margin-right: 15px; }
  .carousel-form--avtalegiro {
    min-height: 410px; }

.flip-container {
  -moz-perspective: 1000;
  -o-perspective: 1000;
  -ms-perspective: 1000;
  -webkit-perspective: 1000;
  perspective: 1000; }
  .flip-container__front, .flip-container__back {
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .flip-container__front {
    z-index: 2;
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  .flip-container__back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .flip-container__flipper {
    position: relative;
    /*transition: all .5s $swift-out;*/
    -moz-transition: all 0.5s cubic-bezier(0, 0, 0.1, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0, 0.1, 1);
    -ms-transition: all 0.5s cubic-bezier(0, 0, 0.1, 1);
    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0, 0, 0.1, 1);
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  .flip-container--flip .flip-container__flipper {
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }

.collapsable {
  max-width: 600px;
  margin: 0 auto;
  text-align: left; }
  .collapsable__toggle {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 10px;
    padding-right: 50px;
    text-align: left;
    color: #DA3C31;
    border-top: 3px solid #C1C1C1;
    background: none; }
    .collapsable__toggle__icon {
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -7px;
      transition: all 0.3s cubic-bezier(0, 0, 0.1, 1); }
  .collapsable:last-child {
    border-bottom: 3px solid #C1C1C1; }
  .collapsable__content {
    display: none;
    padding: 10px; }
    @media screen and (min-width: 640px) {
      .collapsable__content {
        display: block;
        max-height: 0;
        overflow: hidden;
        padding: 0 10px;
        transition: all 0.3s cubic-bezier(0, 0, 0.1, 1); } }
  .collapsable--expand .collapsable__content {
    display: block; }
    @media screen and (min-width: 640px) {
      .collapsable--expand .collapsable__content {
        max-height: 500px;
        padding: 10px; } }
  .collapsable--expand .collapsable__toggle__icon {
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); }

.administrate__section {
  padding: 20px;
  text-align: left; }
.administrate__title {
  margin-bottom: 10px; }
.administrate__separator {
  margin: 0;
  margin-bottom: 10px; }
.administrate__list {
  margin: 0; }
  .administrate__list__item {
    padding: 5px 0; }
.administrate__content {
  min-height: 240px;
  padding-bottom: 20px; }
.administrate__notice {
  color: #DA3C31; }
.administrate__notice--top-spacing {
  margin-top: 10px; }
.administrate__link {
  margin-top: 5px; }

.info-box, .error-box {
  max-width: 500px;
  margin: 20px auto 80px;
  background-color: #ffe977;
  box-shadow: 4px 4px 0 #d1bc62; }

.info-box--wide {
  max-width: 650px; }

.error-box {
  border: 2px solid #DA3C31;
  color: #DA3C31;
  box-shadow: 4px 4px 0 #8B1A14; }

.for-oh-for {
  text-align: center;
  padding: 40px 20px; }
  .for-oh-for__image {
    display: inline-block;
    box-shadow: 4px 4px 0 #C1C1C1; }
    .for-oh-for__image img {
      display: block; }

.newspaper-in, .for-oh-for__image {
  -moz-transform: scale(0) rotate(-2000deg);
  -o-transform: scale(0) rotate(-2000deg);
  -ms-transform: scale(0) rotate(-2000deg);
  -webkit-transform: scale(0) rotate(-2000deg);
  transform: scale(0) rotate(-2000deg);
  animation: newspaperIn 0.8s cubic-bezier(0, 0, 0.1, 1) forwards; }

@keyframes newspaperIn {
  from {
    -moz-transform: scale(0) rotate(-2000deg);
    -o-transform: scale(0) rotate(-2000deg);
    -ms-transform: scale(0) rotate(-2000deg);
    -webkit-transform: scale(0) rotate(-2000deg);
    transform: scale(0) rotate(-2000deg); }
  to {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
.prototype-status {
  z-index: 20;
  padding: 20px;
  background-color: #fffb66;
  /*background-color: #333;
  color: #fff;*/ }
  @media screen and (min-width: 640px) {
    .prototype-status {
      position: fixed;
      bottom: 0;
      width: 100%;
      box-shadow: 0 -2px 0 rgba(255, 255, 255, 0.8); } }
  .prototype-status .prototype-close {
    position: absolute;
    margin-top: 5px;
    right: 20px;
    border: 0; }
  .prototype-status--1 {
    background-color: #d83f3f; }
  .prototype-status--3 {
    display: none; }
  .prototype-status .prototype-tag {
    box-shadow: none;
    border: 2px solid rgba(0, 0, 0, 0.4);
    margin-left: 20px; }

.prototype-menu-status--1 {
  text-decoration: line-through;
  opacity: .4; }

.prototype-tag {
  display: inline-block;
  padding: 2px 15px;
  border-radius: 20px;
  color: #222;
  background-color: #fffb66;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); }
  .prototype-tag--1 {
    color: #fff;
    background-color: #d83f3f; }
  .prototype-tag--3 {
    color: #fff;
    background-color: #10a500; }

.prototype-list {
  text-align: left;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  .prototype-list__header {
    display: none;
    padding-top: 20px;
    background-color: #DBDBDB;
    font-family: "lyon_text_bold", "Helvetica", "sans-serif"; }
    @media screen and (min-width: 640px) {
      .prototype-list__header {
        display: block; } }
  .prototype-list li {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc; }
    .prototype-list li .prototype-tag {
      margin-top: 10px; }
      @media screen and (min-width: 640px) {
        .prototype-list li .prototype-tag {
          margin-top: 0; } }

.notifyjs-eonbit-base {
  white-space: unset;
  color: #fff;
  background-color: #00516B;
  padding: 20px;
  max-width: 400px; }

.error-message--block {
  margin-top: 15px; }

.admin-menu {
  float: left;
  width: 180px;
  background: #eee;
  border-right: 1px solid #aaa;
  padding: 20px;
  padding-top: 0; }
  .admin-menu h3 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px; }

.admin-content {
  float: left;
  margin: 20px; }
  .admin-content h1 {
    font-size: 36px; }
  .admin-content h2 {
    font-size: 24px; }
  .admin-content h3 {
    font-size: 18px; }

.tab-selection {
  font-size: 20px; }
  .tab-selection a.tab-entry {
    border: 0; }
  .tab-selection .tab-entry {
    text-decoration: none;
    display: block;
    padding-left: 7px;
    padding-right: 7px; }
  .tab-selection .tab-entry.tab-entry--selected {
    background: #DA3C31;
    color: #fff;
    border-radius: 3px;
    padding-left: 7px;
    padding-right: 7px; }
  @media screen and (min-width: 640px) {
    .tab-selection .tab-entry {
      display: inline-block; } }

.subscription-change--highlight {
  background: #ffe977; }

.loader {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 8px solid rgba(255, 255, 255, 0.2);
  border-right: 8px solid rgba(255, 255, 255, 0.2);
  border-bottom: 8px solid rgba(255, 255, 255, 0.2);
  border-left: 8px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/*------------------------------------*\
    #GUI
\*------------------------------------*/
/**
 * These are your components and modules; things like buttons, accordions,
 * carousels, etc.
 */
.float--right,
[class*="col-"].float--right {
  float: right; }
  @media screen and (min-width: 640px) {
    .float--right--md,
    [class*="col-"].float--right--md {
      float: right; } }
  @media screen and (min-width: 960px) {
    .float--right--lg,
    [class*="col-"].float--right--lg {
      float: right; } }
  @media screen and (min-width: 1280px) {
    .float--right--xl,
    [class*="col-"].float--right--xl {
      float: right; } }

.float--left {
  float: left; }

.text-align--center {
  text-align: center; }

.text-align--right {
  text-align: right; }

.ng-cloak {
  display: none; }

.is-hidden {
  display: none; }
  @media screen and (min-width: 640px) {
    .is-hidden--md {
      display: none; } }
  @media screen and (min-width: 960px) {
    .is-hidden--lg {
      display: none; } }
  @media screen and (min-width: 1280px) {
    .is-hidden--xl {
      display: none; } }

.is-visible {
  display: inherit; }
  .is-visible--md, .recruit-section__image {
    display: none; }
    @media screen and (min-width: 640px) {
      .is-visible--md, .recruit-section__image {
        display: inherit; } }
  .is-visible--lg {
    display: none; }
    @media screen and (min-width: 960px) {
      .is-visible--lg {
        display: inherit; } }
  .is-visible--xl {
    display: none; }
    @media screen and (min-width: 1280px) {
      .is-visible--xl {
        display: inherit; } }

.user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

/* todo: fixme */
.page-section.download-app, .download-app.recruit-bar {
  position: relative;
  top: -25px; }

.product-message {
  font-size: 14px;
  margin-top: 8px; }

.product-stopping {
  color: #DA3C31; }

.my-page-product-title {
  margin-bottom: 10px; }

.period-inputs .date-error {
  font-size: 15px;
  font-weight: bold; }
.period-inputs .period-error {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px; }

.highlight-on {
  background: yellow; }

.highlight-off {
  background: transparent;
  -webkit-transition: background 5s;
  -moz-transition: background 5s;
  -o-transition: background 5s;
  transition: background 5s; }

.top-actions {
  margin-bottom: 10px;
  text-align: center; }
  .top-actions .button {
    width: 250px;
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block; }

.change-product-list {
  margin-bottom: 20px; }
  .change-product-list .keep-product label {
    display: inline;
    font-weight: normal;
    margin: 0; }

.keep-link-container {
  margin-bottom: 20px; }
  .keep-link-container a {
    font-size: 12px; }

@media screen and (min-width: 960px) {
  .enlist-campaign--julekalender img {
    max-width: 800px; } }

.image--medium {
  max-width: 500px;
  width: 100%; }

#subscription-choices.text-columns--1 .text-columns__column .text-columns__subgroup {
  float: left;
  margin-left: 50px; }

.sysop {
  background: url("/img/icons/sysop.png") no-repeat;
  background-position: right;
  background-size: auto 90%;
  padding-right: 20px; }

.historical-addresses--link {
  margin-bottom: 40px; }

.historical-addresses {
  border-top: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  margin-top: 10px;
  margin-bottom: 20px; }

.historical-address {
  font-size: 16px;
  margin-top: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #C1C1C1; }
  .historical-address:last-child {
    border-bottom: 0; }

.video-wrapper {
  width: 100%;
  height: 0px;
  padding-bottom: 56.25%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  position: relative;
  /*
  	height: 0;
  	padding-bottom: 56.25%;
  	padding-bottom: 35%;
  	padding-top: 25px;
  */ }
  @media screen and (min-width: 640px) {
    .video-wrapper {
      width: 600px;
      height: 300px;
      padding-bottom: 0; } }
  @media screen and (min-width: 960px) {
    .video-wrapper {
      width: 800px;
      height: 400px;
      padding-bottom: 0; } }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.personal-enlist-link {
  margin-left: auto;
  margin-right: auto;
  background: white;
  text-align: left;
  display: block;
  width: 400px;
  height: 40px;
  overflow: hidden; }
  .personal-enlist-link > a {
    color: white;
    border: 0;
    display: block;
    float: right;
    line-height: 35px;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    background: #8B1A14;
    border: 2px solid #8B1A14;
    border-radius: 7px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0; }
    .personal-enlist-link > a:hover {
      background: #DA3C31;
      border-color: #DA3C31; }
  .personal-enlist-link > span {
    display: block;
    padding: 0;
    padding-left: 10px;
    font-size: 16px;
    line-height: 35px;
    height: 40px;
    border: 2px solid #C1C1C1;
    border-radius: 7px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    margin-right: 10px; }
  .personal-enlist-link > textarea {
    display: block;
    font-size: 1px;
    height: 1px;
    width: 1px;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0; }

#personal-enlist-link-info {
  font-size: 12px;
  padding-top: 5px; }

.page-section--enlist-email textarea {
  height: 300px; }

.recruit-bar__person__section.status-verified {
  color: #008500;
  font-weight: bold; }

.recruit-bar__person__section.status-timeout {
  color: #b70000;
  font-weight: bold; }

.names {
  display: flex;
  flex-direction: row; }
  .names .middle-name {
    margin-left: 5px;
    margin-right: 5px; }

.daily-paper-info {
  max-width: 800px; }

/* consent */
.consent-right {
  width: 300px;
  font-size: 16px; }

@media screen and (min-width: 960px) {
  form#consent-form {
    width: 952px;
    margin-left: auto;
    margin-right: auto; }

  .consent-left {
    float: left;
    width: 660px;
    margin-right: 10px; }

  .consent-right {
    float: left;
    width: 280px; } }
@media screen and (min-width: 1280px) {
  form#consent-form {
    width: 1152px;
    margin-left: auto;
    margin-right: auto; }

  .consent-left {
    float: left;
    width: 840px;
    margin-right: 10px; }

  .consent-right {
    float: left; } }
.consent-clear {
  clear: left; }

.consent-right img {
  max-width: 100%;
  margin-bottom: 10px; }

.consent-block {
  text-align: left;
  margin-bottom: 20px; }

.consent-scopes {
  /*margin-left: 30px;*/
  font-size: 16px;
  margin-top: 10px; }

.consent-ingress {
  text-align: left; }

.consent-description {
  /*margin-left: 30px;*/
  font-size: 16px;
  margin-top: 10px; }

.consent-scope-title {
  font-weight: bold;
  margin-bottom: 15px; }

.consent-scope-checkbox {
  padding-right: 10px;
  font-size: 16px; }

.consent-submit {
  margin-top: 30px;
  text-align: left; }

.consent-more-info-link {
  margin-top: 10px;
  text-align: left; }

.consent-more-info-text {
  text-align: left;
  margin-top: 20px; }

.lookup-container {
  margin-bottom: 20px; }
  .lookup-container label {
    margin-bottom: 0; }

.lookup-error {
  color: red;
  text-align: left;
  padding-left: 5px; }

.connect-error {
  color: red;
  font-size: 14px; }

.required-mark {
  color: black; }

#subscribe-view label div.error-message {
  display: none; }

#subscribe-view label.error div.error-message {
  color: #a80000;
  font-size: 12px;
  display: block; }
#subscribe-view label.error input {
  border-top: 3px solid #a80000;
  border-left: 3px solid #a80000;
  border-bottom: 2px solid #a80000;
  border-right: 2px solid #a80000; }

.grow-wrap {
  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
  display: grid; }

.grow-wrap::after {
  /* Note the weird space! Needed to preventy jumpy behavior */
  content: attr(data-replicated-value) " ";
  /* This is how textarea text behaves */
  white-space: pre-wrap;
  /* Hidden from view, clicks, and screen readers */
  visibility: hidden; }

.grow-wrap > textarea {
  /* You could leave this, but after a user resizes, then it ruins the auto sizing */
  resize: none;
  /* Firefox shows scrollbar on growth, you can hide like this. */
  overflow: hidden; }

.grow-wrap > textarea,
.grow-wrap::after {
  /* Identical styling required!! */
  /* border: 1px solid black; */
  padding: 0.5rem;
  font: inherit;
  /* Place on top of each other */
  grid-area: 1 / 1 / 2 / 2; }

.dz-success-mark, .dz-error-mark {
  display: inline-block; }