@charset "UTF-8";
/*!!
* Global Styles Definitions
*
* @platforms		IE10+, Chrome, Firefox, Safari, Android 4.3+, Mobile Safari (iOS 6+), WindowsPhone8+
*/
/*  ::  Global Styles  »  Web Fonts		*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Open+Sans:400,700italic,700,400italic|Libre+Baskerville:400,400italic);
@font-face {
  font-family: 'campfire-icons';
  src: url("../webfonts/campfire-icons.eot?85645450");
  src: url("../webfonts/campfire-icons.eot?85645450#iefix") format("embedded-opentype"), url("../webfonts/campfire-icons.woff?85645450") format("woff"), url("../webfonts/campfire-icons.ttf?85645450") format("truetype"), url("../webfonts/campfire-icons.svg?85645450#campfire-icons") format("svg");
  font-weight: 400;
  font-style: normal; }

.filter--campfire-bw:before, .filter--aden:before, .filter--inkwell:before, .filter--perpetua:before, .filter--reyes:before, .filter--gingham:before, .filter--toaster:before, .filter--walden:before, .filter--hudson:before, .filter--earlybird:before, .filter--mayfair:before, .filter--lofi:before, ._filter--1977:before, .filter--brooklyn:before, .filter--xpro2:before, .filter--nashville:before, .filter--lark:before, .filter--moon:before, .filter--clarendon:before, .filter--willow:before, .filter--rise:before, .filter--slumber:before, .filter--aden:after, .filter--inkwell:after, .filter--perpetua:after, .filter--reyes:after, .filter--gingham:after, .filter--toaster:after, .filter--walden:after, .filter--hudson:after, .filter--earlybird:after, .filter--mayfair:after, .filter--lofi:after, ._filter--1977:after, .filter--brooklyn:after, .filter--xpro2:after, .filter--nashville:after, .filter--lark:after, .filter--moon:after, .filter--clarendon:after, .filter--willow:after, .filter--rise:after, .filter--slumber:after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none; }

.filter--campfire-bw, .filter--aden, .filter--inkwell, .filter--perpetua, .filter--reyes, .filter--gingham, .filter--toaster, .filter--walden, .filter--hudson, .filter--earlybird, .filter--mayfair, .filter--lofi, ._filter--1977, .filter--brooklyn, .filter--xpro2, .filter--nashville, .filter--lark, .filter--moon, .filter--clarendon, .filter--willow, .filter--rise, .filter--slumber {
  position: relative; }

.filter--campfire-bw img, .filter--aden img, .filter--inkwell img, .filter--perpetua img, .filter--reyes img, .filter--gingham img, .filter--toaster img, .filter--walden img, .filter--hudson img, .filter--earlybird img, .filter--mayfair img, .filter--lofi img, ._filter--1977 img, .filter--brooklyn img, .filter--xpro2 img, .filter--nashville img, .filter--lark img, .filter--moon img, .filter--clarendon img, .filter--willow img, .filter--rise img, .filter--slumber img {
  width: 100%;
  z-index: 1; }

.filter--campfire-bw:before, .filter--aden:before, .filter--inkwell:before, .filter--perpetua:before, .filter--reyes:before, .filter--gingham:before, .filter--toaster:before, .filter--walden:before, .filter--hudson:before, .filter--earlybird:before, .filter--mayfair:before, .filter--lofi:before, ._filter--1977:before, .filter--brooklyn:before, .filter--xpro2:before, .filter--nashville:before, .filter--lark:before, .filter--moon:before, .filter--clarendon:before, .filter--willow:before, .filter--rise:before, .filter--slumber:before {
  z-index: 2; }

.filter--campfire-bw:after, .filter--aden:after, .filter--inkwell:after, .filter--perpetua:after, .filter--reyes:after, .filter--gingham:after, .filter--toaster:after, .filter--walden:after, .filter--hudson:after, .filter--earlybird:after, .filter--mayfair:after, .filter--lofi:after, ._filter--1977:after, .filter--brooklyn:after, .filter--xpro2:after, .filter--nashville:after, .filter--lark:after, .filter--moon:after, .filter--clarendon:after, .filter--willow:after, .filter--rise:after, .filter--slumber:after {
  z-index: 3; }

/*
 *
 * Campfire BW
 *
 */
.filter--campfire-bw {
  -webkit-filter: sepia(0.3) contrast(1.2) brightness(0.95) grayscale(0.9);
  filter: sepia(0.3) contrast(1.2) brightness(0.95) grayscale(0.9); }

/*
 *
 * Aden
 *
 */
.filter--aden {
  -webkit-filter: hue-rotate(-20deg) contrast(0.9) saturate(0.85) brightness(1.2);
  filter: hue-rotate(-20deg) contrast(0.9) saturate(0.85) brightness(1.2); }

.filter--aden::after {
  background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent);
  background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
  mix-blend-mode: darken; }

/*
 *
 * Inkwell
 *
 */
.filter--inkwell {
  -webkit-filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1);
  filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1); }

/*
 *
 * Perpetua
 *
 */
.filter--perpetua::after {
  background: -webkit-linear-gradient(top, #005b9a, #e6c13d);
  background: linear-gradient(to bottom, #005b9a, #e6c13d);
  mix-blend-mode: soft-light;
  opacity: .5; }

/*
 *
 * Reyes
 *
 */
.filter--reyes {
  -webkit-filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75);
  filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75); }

.filter--reyes::after {
  background: #efcdad;
  mix-blend-mode: soft-light;
  opacity: .5; }

/*
 *
 * Gingham
 *
 */
.filter--gingham {
  -webkit-filter: brightness(1.05) hue-rotate(-10deg);
  filter: brightness(1.05) hue-rotate(-10deg); }

.filter--gingham::after {
  background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent);
  background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
  mix-blend-mode: darken; }

/*
 *
 * Toaster
 *
 */
.filter--toaster {
  -webkit-filter: contrast(1.5) brightness(0.9);
  filter: contrast(1.5) brightness(0.9); }

.filter--toaster::after {
  background: -webkit-radial-gradient(circle, #804e0f, #3b003b);
  background: radial-gradient(circle, #804e0f, #3b003b);
  mix-blend-mode: screen; }

/*
 *
 * Walden
 *
 */
.filter--walden {
  -webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6);
  filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6); }

.filter--walden::after {
  background: #04c;
  mix-blend-mode: screen;
  opacity: .3; }

/*
 *
 * Hudson
 *
 */
.filter--hudson {
  -webkit-filter: brightness(1.2) contrast(0.9) saturate(1.1);
  filter: brightness(1.2) contrast(0.9) saturate(1.1); }

.filter--hudson::after {
  background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134);
  background: radial-gradient(circle, #a6b1ff 50%, #342134);
  mix-blend-mode: multiply;
  opacity: .5; }

/*
 *
 * Earlybird
 *
 */
.filter--earlybird {
  -webkit-filter: contrast(0.9) sepia(0.2);
  filter: contrast(0.9) sepia(0.2); }

.filter--earlybird::after {
  background: -webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
  background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
  mix-blend-mode: overlay; }

/*
 *
 * Mayfair
 *
 */
.filter--mayfair {
  -webkit-filter: contrast(1.1) saturate(1.1);
  filter: contrast(1.1) saturate(1.1); }

.filter--mayfair::after {
  background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%);
  background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111 60%);
  mix-blend-mode: overlay;
  opacity: .4; }

/*
 * Lo-fi
 *
 */
.filter--lofi {
  -webkit-filter: saturate(1.1) contrast(1.5);
  filter: saturate(1.1) contrast(1.5); }

.filter--lofi::after {
  background: -webkit-radial-gradient(circle, transparent 70%, #222 150%);
  background: radial-gradient(circle, transparent 70%, #222 150%);
  mix-blend-mode: multiply; }

/*
 * filter--1977
 *
 */
._filter--1977 {
  -webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3);
  filter: contrast(1.1) brightness(1.1) saturate(1.3); }

._filter--1977:after {
  background: rgba(243, 106, 188, 0.3);
  mix-blend-mode: screen; }

/*
 *
 * Brooklyn
 *
 */
.filter--brooklyn {
  -webkit-filter: contrast(0.9) brightness(1.1);
  filter: contrast(0.9) brightness(1.1); }

.filter--brooklyn::after {
  background: -webkit-radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8);
  background: radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8);
  mix-blend-mode: overlay; }

/*
 *
 * X-Pro II
 *
 */
.filter--xpro2 {
  -webkit-filter: sepia(0.3);
  filter: sepia(0.3); }

.filter--xpro2::after {
  background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%);
  background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%);
  mix-blend-mode: color-burn; }

/*
 *
 * Nashville
 *
 */
.filter--nashville {
  -webkit-filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2);
  filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2); }

.filter--nashville::after {
  background: rgba(0, 70, 150, 0.4);
  mix-blend-mode: lighten; }

.filter--nashville::before {
  background: rgba(247, 176, 153, 0.56);
  mix-blend-mode: darken; }

/*
 * Lark
 *
 */
.filter--lark {
  -webkit-filter: contrast(0.9);
  filter: contrast(0.9); }

.filter--lark::after {
  background: rgba(242, 242, 242, 0.8);
  mix-blend-mode: darken; }

.filter--lark::before {
  background: #22253f;
  mix-blend-mode: color-dodge; }

/*
 * Moon
 *
 */
.filter--moon {
  -webkit-filter: grayscale(1) contrast(1.1) brightness(1.1);
  filter: grayscale(1) contrast(1.1) brightness(1.1); }

.filter--moon::before {
  background: #a0a0a0;
  mix-blend-mode: soft-light; }

.filter--moon::after {
  background: #383838;
  mix-blend-mode: lighten; }

/*
 * Clarendon
 *
 */
.filter--clarendon {
  -webkit-filter: contrast(1.2) saturate(1.35);
  filter: contrast(1.2) saturate(1.35); }

.filter--clarendon:before {
  background: rgba(127, 187, 227, 0.2);
  mix-blend-mode: overlay; }

/*
 * Willow
 *
 */
.filter--willow {
  -webkit-filter: grayscale(0.5) contrast(0.95) brightness(0.9);
  filter: grayscale(0.5) contrast(0.95) brightness(0.9); }

.filter--willow::before {
  background-color: radial-gradient(40%, circle, #d4a9af 55%, black 150%);
  mix-blend-mode: overlay; }

.filter--willow::after {
  background-color: #d8cdcb;
  mix-blend-mode: color; }

/*
 *
 * Rise
 *
 */
.filter--rise {
  -webkit-filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9);
  filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9); }

.filter--rise::after {
  background: -webkit-radial-gradient(circle, rgba(232, 197, 152, 0.8), transparent 90%);
  background: radial-gradient(circle, rgba(232, 197, 152, 0.8), transparent 90%);
  mix-blend-mode: overlay;
  opacity: .6; }

.filter--rise::before {
  background: -webkit-radial-gradient(circle, rgba(236, 205, 169, 0.15) 55%, rgba(50, 30, 7, 0.4));
  background: radial-gradient(circle, rgba(236, 205, 169, 0.15) 55%, rgba(50, 30, 7, 0.4));
  mix-blend-mode: multiply; }

/*
 *
 * Slumber
 *
 */
.filter--slumber {
  -webkit-filter: saturate(0.66) brightness(1.05);
  filter: saturate(0.66) brightness(1.05); }

.filter--slumber::after {
  background: rgba(125, 105, 24, 0.5);
  mix-blend-mode: soft-light; }

.filter--slumber::before {
  background: rgba(69, 41, 12, 0.4);
  mix-blend-mode: lighten; }

.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
  filter: alpha(opacity=60);
  /* IE8 */
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30);
  /* IE8 */
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25);
  /* IE8 */
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  /* IE8 */
  opacity: 1; }

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, figure, figcaption, th, td, small, big {
  margin: 0;
  padding: 0;
  font-size: 15px; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  /* make sure html5 elements display correctly in old IE */
  display: block; }

body {
  text-rendering: optimizeLegibility; }
  .tablet body, .mobile body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: 400; }

fieldset, img {
  border: 0;
  display: block; }

b, strong {
  font-weight: 700; }

cite, i, em {
  font-style: italic; }

big {
  font-size: 115%; }

small {
  font-size: 85%; }

h1, h2, h3, h4, h5, h6 {
  font-size: 15px;
  font-weight: 400; }

pre, code {
  font-family: monospace;
  line-height: 100%; }

caption, th {
  text-align: left; }

ul, ol {
  list-style: none; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  position: relative;
  display: inline-block;
  vertical-align: 0.3em;
  height: 1.2em; }

sub {
  position: relative;
  display: inline-block;
  vertical-align: -0.1em;
  height: 1.2em; }

a.active {
  cursor: default; }

a:active {
  outline: none; }

input.placeholder,
textarea.placeholder {
  color: #3a2227;
  font-style: normal; }

::-webkit-input-placeholder {
  color: #3a2227;
  font-style: normal; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #3a2227;
  font-style: normal; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #3a2227;
  font-style: normal; }

:-ms-input-placeholder {
  color: #3a2227;
  font-style: normal; }

legend {
  color: #7a736c; }

hr {
  width: 100%;
  height: 1px;
  border: none;
  overflow: hidden;
  background: #b2b1b3;
  color: #b2b1b3; }

.clear {
  clear: both; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.template {
  display: none !important; }

.invisible {
  visibility: hidden !important; }

.prepend:before {
  content: attr(data-prepend);
  display: inline-block; }

.append:after {
  content: attr(data-append);
  display: inline-block; }

.hidden,
.mouse .hidden--mouse,
.touch .hidden--touch {
  display: none !important; }

@media only screen and (min-width: 0) and (max-width: 750px) {
  .hidden--mobile {
    display: none !important; } }

@media only screen and (min-width: 751px) and (max-width: 1024px) {
  .hidden--tablet {
    display: none !important; } }

@media only screen and (min-width: 1025px) and (max-width: 4096px) {
  .hidden--desktop {
    display: none !important; } }

@media only screen and (min-width: 0) and (max-width: 520px) {
  .hidden--xxs {
    display: none !important; } }

@media only screen and (min-width: 521px) and (max-width: 750px) {
  .hidden--xs {
    display: none !important; } }

@media only screen and (min-width: 751px) and (max-width: 896px) {
  .hidden--s {
    display: none !important; } }

@media only screen and (min-width: 897px) and (max-width: 1024px) {
  .hidden--m {
    display: none !important; } }

@media only screen and (min-width: 1025px) and (max-width: 1600px) {
  .hidden--l {
    display: none !important; } }

@media only screen and (min-width: 1601px) and (max-width: 1920px) {
  .hidden--xl {
    display: none !important; } }

@media only screen and (min-width: 1921px) and (max-width: 4096px) {
  .hidden--xxl {
    display: none !important; } }

/*  ::  Global Styles  »  Spacing Overrides  */
body#top .m-none {
  margin-top: 0 !important; }

body#top .mb-none {
  margin-bottom: 0 !important; }

body#top .m-xxs {
  margin-top: 3.2px !important; }

body#top .mb-xxs {
  margin-bottom: 3.2px !important; }

body#top .m-xs {
  margin-top: 5.3333333333px !important; }

body#top .mb-xs {
  margin-bottom: 5.3333333333px !important; }

body#top .m-s {
  margin-top: 10.6666666667px !important; }

body#top .mb-s {
  margin-bottom: 10.6666666667px !important; }

body#top .m-m {
  margin-top: 16px !important; }

body#top .mb-m {
  margin-bottom: 16px !important; }

body#top .m-l {
  margin-top: 24px !important; }

body#top .mb-l {
  margin-bottom: 24px !important; }

body#top .m-xl {
  margin-top: 36px !important; }

body#top .mb-xl {
  margin-bottom: 36px !important; }

body#top .m-xxl {
  margin-top: 56px !important; }

body#top .mb-xxl {
  margin-bottom: 56px !important; }

body#top .p-none {
  padding-top: 0 !important; }

body#top .pb-none {
  padding-bottom: 0 !important; }

body#top .p-xxs {
  padding-top: 3.2px !important; }

body#top .pb-xxs {
  padding-bottom: 3.2px !important; }

body#top .p-xs {
  padding-top: 5.3333333333px !important; }

body#top .pb-xs {
  padding-bottom: 5.3333333333px !important; }

body#top .p-s {
  padding-top: 10.6666666667px !important; }

body#top .pb-s {
  padding-bottom: 10.6666666667px !important; }

body#top .p-m {
  padding-top: 16px !important; }

body#top .pb-m {
  padding-bottom: 16px !important; }

body#top .p-l {
  padding-top: 24px !important; }

body#top .pb-l {
  padding-bottom: 24px !important; }

body#top .p-xl {
  padding-top: 36px !important; }

body#top .pb-xl {
  padding-bottom: 36px !important; }

body#top .p-xxl {
  padding-top: 56px !important; }

body#top .pb-xxl {
  padding-bottom: 56px !important; }

.h-heading1,
h1 {
  margin-top: 24px;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 1.15;
  color: #000;
  font-size: 41.7763157895px; }
  @media (max-width: 1600px) {
    .h-heading1,
    h1 {
      font-size: 38.4292763158px; } }
  @media (max-width: 1024px) {
    .h-heading1,
    h1 {
      font-size: 35.0822368421px; } }
  @media (max-width: 896px) {
    .h-heading1,
    h1 {
      font-size: 31.7351973684px; } }
  @media (max-width: 750px) {
    .h-heading1,
    h1 {
      font-size: 28.3881578947px; } }
  @media (max-width: 520px) {
    .h-heading1,
    h1 {
      font-size: 26.3799342105px; } }
.h-heading2,
h2 {
  margin-top: 24px;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 1.15;
  color: #000;
  font-size: 34.4736842105px; }
  @media (max-width: 1600px) {
    .h-heading2,
    h2 {
      font-size: 32.0394736842px; } }
  @media (max-width: 1024px) {
    .h-heading2,
    h2 {
      font-size: 29.6052631579px; } }
  @media (max-width: 896px) {
    .h-heading2,
    h2 {
      font-size: 27.1710526316px; } }
  @media (max-width: 750px) {
    .h-heading2,
    h2 {
      font-size: 24.7368421053px; } }
  @media (max-width: 520px) {
    .h-heading2,
    h2 {
      font-size: 23.2763157895px; } }
.h-heading3,
h3 {
  margin-top: 24px;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 1.15;
  color: #000;
  font-size: 27.1710526316px; }
  @media (max-width: 1600px) {
    .h-heading3,
    h3 {
      font-size: 25.6496710526px; } }
  @media (max-width: 1024px) {
    .h-heading3,
    h3 {
      font-size: 24.1282894737px; } }
  @media (max-width: 896px) {
    .h-heading3,
    h3 {
      font-size: 22.6069078947px; } }
  @media (max-width: 750px) {
    .h-heading3,
    h3 {
      font-size: 21.0855263158px; } }
  @media (max-width: 520px) {
    .h-heading3,
    h3 {
      font-size: 20.1726973684px; } }
.h-heading4,
h4 {
  margin-top: 24px;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 1.15;
  color: #000;
  font-size: 19.8684210526px; }
  @media (max-width: 1600px) {
    .h-heading4,
    h4 {
      font-size: 19.2598684211px; } }
  @media (max-width: 1024px) {
    .h-heading4,
    h4 {
      font-size: 18.6513157895px; } }
  @media (max-width: 896px) {
    .h-heading4,
    h4 {
      font-size: 18.0427631579px; } }
  @media (max-width: 750px) {
    .h-heading4,
    h4 {
      font-size: 17.4342105263px; } }
  @media (max-width: 520px) {
    .h-heading4,
    h4 {
      font-size: 17.0690789474px; } }
.h-heading5,
h5 {
  margin-top: 24px;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 1.15;
  color: #000;
  font-size: 18.0427631579px; }
  @media (max-width: 1600px) {
    .h-heading5,
    h5 {
      font-size: 17.6624177632px; } }
  @media (max-width: 1024px) {
    .h-heading5,
    h5 {
      font-size: 17.2820723684px; } }
  @media (max-width: 896px) {
    .h-heading5,
    h5 {
      font-size: 16.9017269737px; } }
  @media (max-width: 750px) {
    .h-heading5,
    h5 {
      font-size: 16.5213815789px; } }
  @media (max-width: 520px) {
    .h-heading5,
    h5 {
      font-size: 16.2931743421px; } }
.h-heading6,
h6 {
  margin-top: 24px;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 1.15;
  color: #000;
  font-size: 16.2171052632px; }
  @media (max-width: 1600px) {
    .h-heading6,
    h6 {
      font-size: 16.0649671053px; } }
  @media (max-width: 1024px) {
    .h-heading6,
    h6 {
      font-size: 15.9128289474px; } }
  @media (max-width: 896px) {
    .h-heading6,
    h6 {
      font-size: 15.7606907895px; } }
  @media (max-width: 750px) {
    .h-heading6,
    h6 {
      font-size: 15.6085526316px; } }
  @media (max-width: 520px) {
    .h-heading6,
    h6 {
      font-size: 15.5172697368px; } }
img.alignleft + .h-heading1,
img.alignleft + .h-heading2,
img.alignleft + .h-heading3,
img.alignleft + .h-heading4,
img.alignleft + .h-heading5,
img.alignleft + .h-heading6,
img.alignleft + h1,
img.alignleft + h2,
img.alignleft + h3,
img.alignleft + h4,
img.alignleft + h5,
img.alignleft + h6,
img.alignright + .h-heading1,
img.alignright + .h-heading2,
img.alignright + .h-heading3,
img.alignright + .h-heading4,
img.alignright + .h-heading5,
img.alignright + .h-heading6,
img.alignright + h1,
img.alignright + h2,
img.alignright + h3,
img.alignright + h4,
img.alignright + h5,
img.alignright + h6,
.h-heading1:first-child,
.h-heading2:first-child,
.h-heading3:first-child,
.h-heading4:first-child,
.h-heading5:first-child,
.h-heading6:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0; }

.h-heading1 + .h-heading2,
.h-heading1 + .h-heading3,
.h-heading2 + .h-heading3,
.h-heading2 + .h-heading4,
.h-heading3 + .h-heading4,
.h-heading3 + .h-heading5,
.h-heading4 + .h-heading5,
.h-heading5 + .h-heading6,
h1 + h2,
h1 + h3,
h1 + h4,
h2 + h3,
h2 + h4,
h2 + h5,
h3 + h4,
h3 + h5,
h3 + h6,
h4 + h5,
h4 + h6,
h5 + h6 {
  margin-top: 24px; }

p {
  margin-top: 24px;
  font-weight: 400;
  font-size: 15px; }

.h-heading1 + p,
.h-heading2 + p,
.h-heading3 + p,
.h-heading4 + p,
.h-heading5 + p,
.h-heading6 + p,
h1 + p,
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin-top: 10.6666666667px; }

.component-generic-text > div:first-child + p,
img.alignleft + p,
img.alignright + p,
p:first-child {
  margin-top: 0; }

ol,
ul {
  margin-top: 16px;
  padding: 0 0 0 24px; }

dl {
  margin-top: 16px;
  padding: 0 0 0 24px; }

.h-heading1 + ul,
.h-heading2 + ul,
.h-heading3 + ul,
.h-heading4 + ul,
.h-heading5 + ul,
.h-heading6 + ul,
h1 + ul,
h2 + ul,
h3 + ul,
h4 + ul,
h5 + ul,
h6 + ul,
.h-heading1 + ol,
.h-heading2 + ol,
.h-heading3 + ol,
.h-heading4 + ol,
.h-heading5 + ol,
.h-heading6 + ol,
h1 + ol,
h2 + ol,
h3 + ol,
h4 + ol,
h5 + ol,
h6 + ol {
  margin-top: 10.6666666667px; }

img.alignleft + ol,
img.alignright + ol,
img.alignleft + ul,
img.alignright + ul,
img.alignleft + dl,
img.alignright + dl,
ol:first-child,
ul:first-child,
dl:first-child {
  margin-top: 0; }

ol {
  list-style: decimal; }

ul {
  list-style: disc; }

ul ul {
  list-style: square; }

ul ul ul {
  list-style: circle; }

li {
  margin-top: 5.3333333333px;
  font-weight: 400;
  font-size: 15px; }

dt {
  margin-top: 10.6666666667px;
  font-weight: 700;
  font-size: 18.0427631579px; }

dd {
  font-size: 15px;
  font-weight: 400; }

dt:first-child,
li:first-child {
  margin-top: 0; }

table {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: 10.6666666667px;
  border-top: 1px solid #a8a7a4; }
  table:first-child {
    margin-top: 0; }

th,
td {
  padding: 5.3333333333px 10.6666666667px;
  border-bottom: 1px solid #a8a7a4; }

th {
  font-weight: 700; }

td:first-child {
  padding-left: 0; }

tr:nth-child(odd) td {
  background: #eee; }

tr:nth-child(even) td {
  background: #fff; }

.column-group {
  position: relative;
  overflow: hidden; }

.column-inner {
  position: relative;
  padding: 0 18px; }

.column-body {
  float: left;
  width: 74.5%; }
  .column-body .column-inner {
    padding: 0 18px 0 0; }

.column-sidebar + .column-body {
  float: right; }
  .column-sidebar + .column-body .column-inner {
    padding: 0 0 0 18px; }

.column-sidebar {
  float: left;
  width: 25.5%; }
  .column-sidebar .column-inner {
    padding: 0 18px 0 0; }

.column-body + .column-sidebar {
  float: right; }
  .column-body + .column-sidebar .column-inner {
    padding: 0 0 0 18px; }

.mobile .column-body,
.mobile .column-sidebar {
  float: none;
  width: auto;
  margin: 0 0 24px 0; }

.column-half {
  float: left;
  width: 50%; }
  .column-half .column-inner {
    width: auto;
    padding-right: 18px;
    padding-left: 0; }
  .column-half + .column-half .column-inner {
    width: auto;
    padding-left: 18px;
    padding-right: 0; }

.cols2 {
  float: left;
  width: 50%; }
  .cols2 .column-inner {
    padding: 0 18px 0 0; }
  .cols2 + .cols2 > .column-inner {
    padding: 0 0 0 18px; }

.cols3 {
  float: left;
  width: 33.333%; }
  .cols3 .column-inner {
    padding: 0 18px 0 0; }
  .cols3 + .cols3 > .column-inner {
    padding: 0 18px; }
  .cols3 + .cols3 + .cols3 > .column-inner {
    padding: 0 0 0 18px; }

.cols4 {
  float: left;
  width: 25%; }
  .cols4 .column-inner {
    padding: 0 18px 0 0; }
  .cols4 + .cols4 > .column-inner {
    padding: 0 18px; }
  .cols4 + .cols4 + .cols4 + .cols4 > .column-inner {
    padding: 0 0 0 18px; }

.cols5 {
  float: left;
  width: 20%; }
  .cols5 .column-inner {
    padding: 0 18px 0 0; }
  .cols5 + .cols5 > .column-inner {
    padding: 0 18px; }
  .cols5 + .cols5 + .cols5 + .cols5 + .cols5 > .column-inner {
    padding: 0 0 0 18px; }

.mobile .cols2,
.mobile .cols3,
.mobile .cols4,
.mobile .cols5,
.mobile .column-body,
.mobile .column-sidebar,
.mobile .column-half {
  float: none;
  width: auto;
  padding-bottom: 16px; }
  .mobile .cols2 .column-inner,
  .mobile .cols3 .column-inner,
  .mobile .cols4 .column-inner,
  .mobile .cols5 .column-inner,
  .mobile .column-body .column-inner,
  .mobile .column-sidebar .column-inner,
  .mobile .column-half .column-inner {
    padding: 0 !important; }

.font-primary {
  font-family: Libre Baskerville, serif; }

.font-secondary {
  font-family: Open Sans, sans-serif; }

.font-tertiary {
  font-family: Open Sans Condensed, sans-serif; }

.colour1 {
  color: #f15c2e !important; }

.colour2 {
  color: #f5d397 !important; }

.colour3 {
  color: #5a514a !important; }

.colour4 {
  color: #656563 !important; }

.weight2 {
  font-weight: 200 !important; }

.weight4 {
  font-weight: 400 !important; }

.weight6 {
  font-weight: 600 !important; }

.weight7 {
  font-weight: 700 !important; }

.weight9 {
  font-weight: 900 !important; }

.footnote {
  font-size: 80% !important; }

.alignleft {
  float: left;
  margin-right: 16px;
  margin-bottom: 10.6666666667px; }

.alignright {
  float: right;
  margin-left: 16px;
  margin-bottom: 10.6666666667px; }

.aligncenter {
  display: block;
  margin: 0 auto;
  text-align: center; }

/*  ::  Global Styles  »  Base Styles (incl background images)	*/
html.desktop {
  /* always display vertical scrollbar, stops centered content jumping between pages */
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }

html {
  margin-top: 0 !important; }

body {
  font-family: Libre Baskerville, serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.425;
  background: #fefefd url(../images/global-bg.jpg) repeat 0 0;
  color: #7a736c; }

select, input, textarea {
  font: 400 99% Open Sans, sans-serif; }

a {
  color: #5a514a;
  text-decoration: underline; }

a:hover {
  color: #f15c2e;
  text-decoration: none; }

/*  ::  Page Styles	*/
#page {
  position: relative;
  width: 100%;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto; }

/*  ::  Page Styles  »  Header		*/
#global-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 98px;
  background: url(../images/global-header-bg-i8a8.png) repeat-x 0px 0px;
  background-size: auto 100%; }
  .nav-expanded #global-header .header-bg {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    z-index: 200; }
  .adminbar #global-header {
    top: 32px; }
  @media (max-width: 1024px) {
    #global-header {
      height: 73.5px; } }
  @media (max-width: 750px) {
    #global-header {
      height: 49px; } }
  #global-header a {
    text-decoration: none; }
  #global-header .header-logo {
    position: absolute;
    top: 3px;
    left: 50%;
    z-index: 190;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE9 only */
    transform: translateX(-50%);
    -webkit-transition: transform 100ms linear 0ms;
    /* webkit mobile */
    transition: transform 100ms linear 0ms; }
    @media (max-width: 455px) {
      #global-header .header-logo {
        left: calc(((100% - 250px) / 2) + 45px); } }
    #global-header .header-logo img {
      width: 126px;
      height: 126px; }
      @media (max-width: 1600px) {
        #global-header .header-logo img {
          width: 110.25px;
          height: 110.25px; } }
      @media (max-width: 1024px) {
        #global-header .header-logo img {
          width: 94.5px;
          height: 94.5px; } }
      @media (max-width: 896px) {
        #global-header .header-logo img {
          width: 78.75px;
          height: 78.75px; } }
      @media (max-width: 750px) {
        #global-header .header-logo img {
          width: 63px;
          height: 63px; } }
      @media (max-width: 520px) {
        #global-header .header-logo img {
          width: 53.55px;
          height: 53.55px; } }
    .nav-expanded #global-header .header-logo {
      -webkit-transform: translateX(360px);
      -ms-transform: translateX(360px);
      /* IE9 only */
      transform: translateX(360px); }
      @media (max-width: 359px) {
        .nav-expanded #global-header .header-logo {
          -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
          /* IE9 only */
          transform: translateX(100%); } }
    #global-header .header-logo .fire {
      position: absolute;
      top: 5%;
      left: 17.5%;
      right: 17.5%;
      bottom: 0;
      cursor: pointer; }
      #global-header .header-logo .fire img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        visibility: hidden; }
        #global-header .header-logo .fire img.active {
          visibility: visible; }
  #global-header .header-nav-toggle {
    position: absolute;
    left: 24px;
    top: 20px;
    font-size: 42px;
    font-family: campfire-icons;
    margin: -6px 0 0 0;
    z-index: 300;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    @media (max-width: 1600px) {
      #global-header .header-nav-toggle {
        left: 21px; } }
    @media (max-width: 1024px) {
      #global-header .header-nav-toggle {
        left: 18px; } }
    @media (max-width: 896px) {
      #global-header .header-nav-toggle {
        left: 15px; } }
    @media (max-width: 750px) {
      #global-header .header-nav-toggle {
        left: 12px; } }
    @media (max-width: 520px) {
      #global-header .header-nav-toggle {
        left: 10.2px; } }
    @media (max-width: 1600px) {
      #global-header .header-nav-toggle {
        top: 17.5px; } }
    @media (max-width: 1024px) {
      #global-header .header-nav-toggle {
        top: 15px; } }
    @media (max-width: 896px) {
      #global-header .header-nav-toggle {
        top: 12.5px; } }
    @media (max-width: 750px) {
      #global-header .header-nav-toggle {
        top: 10px; } }
    @media (max-width: 520px) {
      #global-header .header-nav-toggle {
        top: 8.5px; } }
    @media (max-width: 1600px) {
      #global-header .header-nav-toggle {
        font-size: 38.625px; } }
    @media (max-width: 1024px) {
      #global-header .header-nav-toggle {
        font-size: 35.25px; } }
    @media (max-width: 896px) {
      #global-header .header-nav-toggle {
        font-size: 31.875px; } }
    @media (max-width: 750px) {
      #global-header .header-nav-toggle {
        font-size: 28.5px; } }
    @media (max-width: 520px) {
      #global-header .header-nav-toggle {
        font-size: 26.475px; } }
    .adminbar .nav-expanded #global-header .header-nav-toggle {
      margin-top: 26px; }
    @media (max-width: 750px) {
      #global-header .header-nav-toggle {
        margin-top: -4px; }
        .adminbar .nav-expanded #global-header .header-nav-toggle {
          margin-top: 28px; } }
    #global-header .header-nav-toggle span {
      float: left; }
    #global-header .header-nav-toggle .icon {
      position: relative;
      width: 45px;
      height: 30px;
      float: left;
      cursor: pointer;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms; }
      .mouse #global-header .header-nav-toggle .icon:hover {
        color: #f15c2e; }
    #global-header .header-nav-toggle .current {
      font-family: Open Sans, sans-serif;
      text-transform: uppercase;
      font-size: 24px;
      line-height: 24px;
      padding-left: 24px;
      padding-top: 16px;
      padding-bottom: 16px;
      color: #f15c2e;
      font-weight: 700;
      /* bold */
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: default;
      display: inline; }
      @media (max-width: 1600px) {
        #global-header .header-nav-toggle .current {
          font-size: 22.875px; } }
      @media (max-width: 1024px) {
        #global-header .header-nav-toggle .current {
          font-size: 21.75px; } }
      @media (max-width: 896px) {
        #global-header .header-nav-toggle .current {
          font-size: 20.625px; } }
      @media (max-width: 750px) {
        #global-header .header-nav-toggle .current {
          font-size: 19.5px; } }
      @media (max-width: 520px) {
        #global-header .header-nav-toggle .current {
          font-size: 18.825px; } }
      @media (max-width: 1600px) {
        #global-header .header-nav-toggle .current {
          padding-top: 14px;
          padding-bottom: 14px; } }
      @media (max-width: 1024px) {
        #global-header .header-nav-toggle .current {
          padding-top: 12px;
          padding-bottom: 12px; } }
      @media (max-width: 896px) {
        #global-header .header-nav-toggle .current {
          padding-top: 10px;
          padding-bottom: 10px; } }
      @media (max-width: 750px) {
        #global-header .header-nav-toggle .current {
          padding-top: 8px;
          padding-bottom: 8px; } }
      @media (max-width: 520px) {
        #global-header .header-nav-toggle .current {
          padding-top: 6.8px;
          padding-bottom: 6.8px; } }
      @media (max-width: 896px) {
        #global-header .header-nav-toggle .current {
          max-width: 10em;
          white-space: nowrap; } }
      @media (max-width: 750px) {
        #global-header .header-nav-toggle .current {
          max-width: 6em;
          white-space: nowrap; } }
      @media (max-width: 520px) {
        #global-header .header-nav-toggle .current {
          display: none !important;
          padding-left: 0; } }
    #global-header .header-nav-toggle .hover {
      font-family: Open Sans, sans-serif;
      text-transform: uppercase;
      font-size: 24px;
      line-height: 24px;
      padding-left: 24px;
      padding-top: 16px;
      padding-bottom: 16px;
      color: #f15c2e;
      font-weight: 700;
      /* bold */
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: default;
      display: none; }
      @media (max-width: 1600px) {
        #global-header .header-nav-toggle .hover {
          font-size: 22.875px; } }
      @media (max-width: 1024px) {
        #global-header .header-nav-toggle .hover {
          font-size: 21.75px; } }
      @media (max-width: 896px) {
        #global-header .header-nav-toggle .hover {
          font-size: 20.625px; } }
      @media (max-width: 750px) {
        #global-header .header-nav-toggle .hover {
          font-size: 19.5px; } }
      @media (max-width: 520px) {
        #global-header .header-nav-toggle .hover {
          font-size: 18.825px; } }
      @media (max-width: 1600px) {
        #global-header .header-nav-toggle .hover {
          padding-top: 14px;
          padding-bottom: 14px; } }
      @media (max-width: 1024px) {
        #global-header .header-nav-toggle .hover {
          padding-top: 12px;
          padding-bottom: 12px; } }
      @media (max-width: 896px) {
        #global-header .header-nav-toggle .hover {
          padding-top: 10px;
          padding-bottom: 10px; } }
      @media (max-width: 750px) {
        #global-header .header-nav-toggle .hover {
          padding-top: 8px;
          padding-bottom: 8px; } }
      @media (max-width: 520px) {
        #global-header .header-nav-toggle .hover {
          padding-top: 6.8px;
          padding-bottom: 6.8px; } }
      @media (max-width: 520px) {
        #global-header .header-nav-toggle .hover {
          display: none !important; } }
    .mouse #global-header .header-nav-toggle:hover .current {
      display: none; }
    .mouse #global-header .header-nav-toggle:hover .hover {
      display: inline; }
  #global-header.nav-expanded .header-nav-toggle span {
    color: #fff; }
  #global-header.nav-expanded .header-nav-toggle .current {
    max-width: 10em;
    white-space: nowrap; }
    @media (max-width: 520px) {
      #global-header.nav-expanded .header-nav-toggle .current {
        display: block !important;
        padding-left: 0 !important;
        margin-left: -10px; } }
  .mouse #global-header.nav-expanded .header-nav-toggle .icon:hover {
    color: #f7d68f; }
  @media (max-width: 750px) {
    #global-header.blog-links-expanded .header-nav-toggle span {
      color: #fff !important; }
    #global-header.blog-links-expanded .header-nav-toggle .icon {
      color: #fff !important; }
      .mouse #global-header.blog-links-expanded .header-nav-toggle .icon:hover {
        color: #f7d68f !important; } }
  #global-header .header-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 380px;
    height: 100%;
    background: #cb5b37 url(../images/global-header-nav-bg.png);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    /* IE9 only */
    transform: translateX(-100%);
    -webkit-transition: all 100ms linear 0ms;
    /* webkit mobile */
    transition: all 100ms linear 0ms;
    z-index: 250; }
  #global-header .header-nav-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    bottom: 120px;
    max-width: 380px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid #bc4822; }
    .adminbar #global-header .header-nav-inner {
      top: 132px; }
  #global-header.nav-expanded .header-nav {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    /* IE9 only */
    transform: translateX(0); }
  #global-header:after {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100px;
    max-width: 380px;
    background: #cb5b37 url(../images/global-header-nav-bg.png);
    content: "";
    z-index: 175;
    -webkit-transition: left 0ms linear 0ms;
    /* webkit mobile */
    transition: left 0ms linear 0ms;
    left: -380px; }
    .adminbar #global-header:after {
      top: 32px; }
    @media (max-width: 896px) {
      #global-header:after {
        height: 70px; } }
  #global-header.nav-expanded:after {
    -webkit-transition: left 0ms linear 275ms;
    /* webkit mobile */
    transition: left 0ms linear 275ms;
    left: 0; }
  #global-header .header-nav-primary {
    margin: 0;
    padding: 0;
    list-style: none; }
    #global-header .header-nav-primary .nav-item {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #bc4822; }
      #global-header .header-nav-primary .nav-item > a {
        position: relative;
        display: block;
        margin: 0;
        padding: 10.6666666667px 36px;
        font-family: Open Sans, sans-serif;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        /* bold */
        -webkit-transition: all 200ms linear 0ms;
        /* webkit mobile */
        transition: all 200ms linear 0ms; }
        .mouse #global-header .header-nav-primary .nav-item > a:hover {
          background: #ca532c;
          color: #f7d68f; }
    #global-header .header-nav-primary .subnav {
      margin: 0;
      padding: 0;
      list-style: none;
      border-top: 1px solid #bc4822; }
    #global-header .header-nav-primary .has-subnav > a:after {
      position: absolute;
      top: 50%;
      right: 20px;
      font-family: campfire-icons;
      font-size: 18px;
      font-weight: 400;
      /* regular */
      content: "6";
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      /* IE9 only */
      transform: translateY(-50%);
      color: #fff; }
    #global-header .header-nav-primary .has-subnav .subnav {
      display: none; }
    #global-header .header-nav-primary .has-subnav.expanded > a {
      color: #f7d68f; }
    #global-header .header-nav-primary .has-subnav.expanded > a:after {
      content: "^"; }
    #global-header .header-nav-primary .has-subnav.expanded .subnav {
      display: block; }
    #global-header .header-nav-primary .subnav-item {
      margin: 0;
      padding: 0; }
      #global-header .header-nav-primary .subnav-item:last-child {
        border: 0; }
      #global-header .header-nav-primary .subnav-item > a {
        display: block;
        margin: 0;
        padding: 10.6666666667px 36px 10.6666666667px 72px;
        font-family: Open Sans, sans-serif;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        /* bold */
        -webkit-transition: all 200ms linear 0ms;
        /* webkit mobile */
        transition: all 200ms linear 0ms; }
        .mouse #global-header .header-nav-primary .subnav-item > a:hover {
          background: #ca532c;
          color: #f7d68f; }
  #global-header .header-nav-social .social-links {
    position: relative;
    display: block;
    margin: 0;
    padding: 10.6666666667px 36px;
    list-style: none; }
    #global-header .header-nav-social .social-links:before, #global-header .header-nav-social .social-links:after {
      content: " ";
      display: table; }
    #global-header .header-nav-social .social-links:after {
      clear: both; }
  #global-header .header-nav-social .social-item {
    float: left;
    margin: 0;
    padding: 0 10.6666666667px 10.6666666667px 0; }
    #global-header .header-nav-social .social-item a {
      width: 24px;
      height: 24px;
      margin: 0;
      padding: 0;
      position: relative;
      display: inline-block;
      border: 1px solid #fff;
      border-radius: 50%;
      font-family: campfire-icons;
      font-size: 24px;
      line-height: 24px;
      text-align: center;
      color: #fff; }
      .mouse #global-header .header-nav-social .social-item a:hover {
        color: #f7d68f;
        border-color: #f7d68f; }
  #global-header .header-nav-profile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 380px;
    background: #cb5b37 url(../images/global-header-nav-bg.png);
    border-top: 1px solid #bc4822;
    display: none; }
    #global-header .header-nav-profile .loggedout {
      padding: 10.6666666667px 36px 16px 36px;
      border-bottom: 1px solid #bc4822; }
      #global-header .header-nav-profile .loggedout .logo {
        position: relative;
        left: -5px;
        margin: 0;
        padding: 20px 0 10px 0;
        font-family: campfire-icons;
        line-height: 1px;
        font-size: 150px;
        color: #fff;
        overflow: hidden; }
      #global-header .header-nav-profile .loggedout .actions {
        font-size: 18px;
        color: #000;
        font-style: italic; }
        @media (max-width: 1600px) {
          #global-header .header-nav-profile .loggedout .actions {
            font-size: 17.625px; } }
        @media (max-width: 1024px) {
          #global-header .header-nav-profile .loggedout .actions {
            font-size: 17.25px; } }
        @media (max-width: 896px) {
          #global-header .header-nav-profile .loggedout .actions {
            font-size: 16.875px; } }
        @media (max-width: 750px) {
          #global-header .header-nav-profile .loggedout .actions {
            font-size: 16.5px; } }
        @media (max-width: 520px) {
          #global-header .header-nav-profile .loggedout .actions {
            font-size: 16.275px; } }
        #global-header .header-nav-profile .loggedout .actions a {
          margin: 0 4px;
          color: #fff;
          font-size: 16px;
          text-transform: uppercase;
          font-family: Open Sans, sans-serif;
          font-weight: 700;
          /* bold */
          text-decoration: underline;
          font-style: normal; }
          .mouse #global-header .header-nav-profile .loggedout .actions a:hover {
            color: #f7d68f;
            border-color: #f7d68f; }
          #global-header .header-nav-profile .loggedout .actions a:first-child {
            margin-left: 0; }
      #global-header .header-nav-profile .loggedout .recovery {
        font-style: italic; }
        .mouse #global-header .header-nav-profile .loggedout .recovery a:hover {
          color: #f7d68f;
          border-color: #f7d68f; }
    #global-header .header-nav-profile .loggedin {
      position: relative;
      padding: 10.6666666667px 36px;
      border-bottom: 1px solid #bc4822; }
      #global-header .header-nav-profile .loggedin:before, #global-header .header-nav-profile .loggedin:after {
        content: " ";
        display: table; }
      #global-header .header-nav-profile .loggedin:after {
        clear: both; }
      #global-header .header-nav-profile .loggedin .photo {
        float: left;
        width: 85px;
        margin-right: 15px;
        background: #ca532c;
        border-radius: 50%;
        overflow: hidden; }
        #global-header .header-nav-profile .loggedin .photo img {
          width: 100%;
          border-radius: 50%;
          filter: grayscale(1);
          mix-blend-mode: screen; }
          .ie #global-header .header-nav-profile .loggedin .photo img, .edge #global-header .header-nav-profile .loggedin .photo img {
            filter: none;
            mix-blend-mode: normal; }
      #global-header .header-nav-profile .loggedin .text {
        position: relative;
        display: block;
        overflow: hidden; }
        .mouse #global-header .header-nav-profile .loggedin .text a:hover {
          color: #f7d68f;
          border-color: #f7d68f; }
        #global-header .header-nav-profile .loggedin .text .username {
          font-family: Open Sans Condensed, sans-serif;
          font-size: 26px;
          color: #fff;
          text-decoration: none;
          line-height: 1.1;
          text-transform: uppercase;
          overflow: hidden;
          word-wrap: break-word; }
          @media (max-width: 1600px) {
            #global-header .header-nav-profile .loggedin .text .username {
              font-size: 24.625px; } }
          @media (max-width: 1024px) {
            #global-header .header-nav-profile .loggedin .text .username {
              font-size: 23.25px; } }
          @media (max-width: 896px) {
            #global-header .header-nav-profile .loggedin .text .username {
              font-size: 21.875px; } }
          @media (max-width: 750px) {
            #global-header .header-nav-profile .loggedin .text .username {
              font-size: 20.5px; } }
          @media (max-width: 520px) {
            #global-header .header-nav-profile .loggedin .text .username {
              font-size: 19.675px; } }
          #global-header .header-nav-profile .loggedin .text .username a {
            color: #fff; }
            .mouse #global-header .header-nav-profile .loggedin .text .username a:hover {
              color: #f7d68f;
              border-color: #f7d68f; }
        #global-header .header-nav-profile .loggedin .text .actions {
          position: relative;
          padding: 5.3333333333px 0 0 0; }
          #global-header .header-nav-profile .loggedin .text .actions .logout {
            display: inline-block;
            padding: 4px 0;
            font-family: Open Sans, sans-serif;
            font-weight: 700;
            /* bold */
            color: #fff;
            text-transform: uppercase;
            text-decoration: underline; }
            .mouse #global-header .header-nav-profile .loggedin .text .actions .logout:hover {
              color: #f7d68f;
              border-color: #f7d68f; }
          #global-header .header-nav-profile .loggedin .text .actions .link {
            float: right;
            font-family: campfire-icons;
            font-size: 24px;
            text-transform: lowercase;
            color: #fff;
            margin-right: 16px; }
            .mouse #global-header .header-nav-profile .loggedin .text .actions .link:hover {
              color: #f7d68f;
              border-color: #f7d68f; }
          #global-header .header-nav-profile .loggedin .text .actions .settings {
            float: right;
            font-family: campfire-icons;
            font-size: 24px;
            color: #fff; }
            .mouse #global-header .header-nav-profile .loggedin .text .actions .settings:hover {
              color: #f7d68f;
              border-color: #f7d68f; }
  #global-header.nav-expanded .header-nav-profile {
    display: block; }
  #global-header .header-links {
    position: absolute;
    right: 24px;
    top: 20px;
    -webkit-transition: transform 100ms linear 0ms;
    /* webkit mobile */
    transition: transform 100ms linear 0ms; }
    @media (max-width: 1600px) {
      #global-header .header-links {
        right: 21px; } }
    @media (max-width: 1024px) {
      #global-header .header-links {
        right: 18px; } }
    @media (max-width: 896px) {
      #global-header .header-links {
        right: 15px; } }
    @media (max-width: 750px) {
      #global-header .header-links {
        right: 12px; } }
    @media (max-width: 520px) {
      #global-header .header-links {
        right: 10.2px; } }
    @media (max-width: 1600px) {
      #global-header .header-links {
        top: 17.5px; } }
    @media (max-width: 1024px) {
      #global-header .header-links {
        top: 15px; } }
    @media (max-width: 896px) {
      #global-header .header-links {
        top: 12.5px; } }
    @media (max-width: 750px) {
      #global-header .header-links {
        top: 10px; } }
    @media (max-width: 520px) {
      #global-header .header-links {
        top: 8.5px; } }
    .nav-expanded #global-header .header-links {
      -webkit-transform: translateX(360px);
      -ms-transform: translateX(360px);
      /* IE9 only */
      transform: translateX(360px); }
      @media (max-width: 359px) {
        .nav-expanded #global-header .header-links {
          -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
          /* IE9 only */
          transform: translateX(100%); } }
    @media (max-width: 750px) {
      #global-header .header-links {
        margin-top: -2px; } }
    #global-header .header-links .header-search {
      position: relative;
      width: 36px;
      height: 36px; }
      @media (min-width: 1025px) {
        .mouse #global-header .header-links .header-search:hover {
          margin-left: 60px; } }
      @media (max-width: 1024px) {
        #global-header .header-links .header-search {
          width: 28px;
          height: 28px; } }
      @media (max-width: 750px) {
        #global-header .header-links .header-search {
          width: 24px;
          height: 24px; } }
      #global-header .header-links .header-search form {
        position: absolute;
        right: 0;
        margin: 6px -6px 0 0;
        padding: 0;
        height: 40px;
        opacity: 0.5;
        z-index: 101;
        width: 0vw;
        -webkit-transition: width 400ms linear 0ms;
        /* webkit mobile */
        transition: width 400ms linear 0ms;
        overflow: hidden; }
        @media (max-width: 1024px) {
          #global-header .header-links .header-search form {
            height: 32px; } }
        @media (max-width: 750px) {
          #global-header .header-links .header-search form {
            height: 28px; } }
        #global-header .header-links .header-search form fieldset {
          position: static;
          margin: 0;
          padding: 0; }
        #global-header .header-links .header-search form input {
          position: absolute;
          right: 0;
          top: 0;
          width: 100%;
          height: 100%; }
      #global-header .header-links .header-search span {
        display: none;
        padding: 0.65em 4px 0 0;
        content: "PRE-ORDER";
        font-family: Open Sans Condensed, sans-serif;
        font-weight: 700;
        /* bold */
        font-size: 16px;
        float: left;
        color: #f15c2e;
        opacity: 0;
        -webkit-transition: all 200ms linear 0ms;
        /* webkit mobile */
        transition: all 200ms linear 0ms; }
        @media (max-width: 1024px) {
          #global-header .header-links .header-search span {
            display: none !important; } }
      .mouse #global-header .header-links .header-search:hover span {
        display: block; }
      #global-header .header-links .header-search .header-search-toggle {
        position: absolute;
        z-index: 102;
        color: #656563; }
        #global-header .header-links .header-search .header-search-toggle:after {
          position: absolute;
          right: 100%;
          top: 0;
          padding: 16px 4px 0 0;
          line-height: 1;
          content: "SEARCH";
          display: block;
          font-family: Open Sans Condensed, sans-serif;
          font-weight: 700;
          /* bold */
          font-size: 16px;
          color: #f15c2e;
          display: none; }
          @media (max-width: 1024px) {
            #global-header .header-links .header-search .header-search-toggle:after {
              display: none !important; } }
        .mouse #global-header .header-links .header-search .header-search-toggle:hover:after {
          display: block; }
      #global-header .header-links .header-search.expanded form {
        width: 25vw; }
        @media (max-width: 750px) {
          #global-header .header-links .header-search.expanded form {
            width: 60vw; } }
      #global-header .header-links .header-search.expanded .header-search-toggle {
        color: #f15c2e; }
  #global-header .header-blog-links {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 150;
    height: 49px;
    background: #f15c2e;
    box-sizing: border-box;
    padding-top: 25px;
    padding-right: 25px;
    text-align: right;
    display: none; }
    @media (max-width: 1600px) {
      #global-header .header-blog-links {
        padding-top: 21.875px;
        padding-right: 21.875px; } }
    @media (max-width: 1024px) {
      #global-header .header-blog-links {
        padding-top: 18.75px;
        padding-right: 18.75px; } }
    @media (max-width: 896px) {
      #global-header .header-blog-links {
        padding-top: 15.625px;
        padding-right: 15.625px; } }
    @media (max-width: 750px) {
      #global-header .header-blog-links {
        padding-top: 12.5px;
        padding-right: 12.5px; } }
    @media (max-width: 520px) {
      #global-header .header-blog-links {
        padding-top: 10.625px;
        padding-right: 10.625px; } }
    .adminbar #global-header .header-blog-links {
      top: 32px; }
    #global-header .header-blog-links div {
      color: #fff;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms; }
      .mouse #global-header .header-blog-links div:hover {
        color: #f7d68f !important;
        cursor: pointer; }
    #global-header .header-blog-links .header-search {
      float: right; }
  @media (max-width: 750px) {
    #global-header.blog-links-expanded .header-blog-links {
      display: block; } }
  #global-header .header-panel-search {
    position: fixed;
    left: 0;
    top: 90px;
    width: 100%;
    z-index: 100;
    background: #fbfcf6;
    box-sizing: border-box;
    padding-top: 75px;
    padding-right: 75px;
    text-align: center;
    display: none; }
    @media (max-width: 1600px) {
      #global-header .header-panel-search {
        padding-top: 65.625px;
        padding-right: 65.625px; } }
    @media (max-width: 1024px) {
      #global-header .header-panel-search {
        padding-top: 56.25px;
        padding-right: 56.25px; } }
    @media (max-width: 896px) {
      #global-header .header-panel-search {
        padding-top: 46.875px;
        padding-right: 46.875px; } }
    @media (max-width: 750px) {
      #global-header .header-panel-search {
        padding-top: 37.5px;
        padding-right: 37.5px; } }
    @media (max-width: 520px) {
      #global-header .header-panel-search {
        padding-top: 31.875px;
        padding-right: 31.875px; } }
    .adminbar #global-header .header-panel-search {
      top: 122px; }
    #global-header .header-panel-search.active {
      display: block; }
    #global-header .header-panel-search .inner {
      position: relative;
      max-width: 1240px;
      padding: 0 20px;
      margin: 0 auto; }
      #global-header .header-panel-search .inner input {
        border: 1px solid #eee;
        font-size: 60px;
        width: 100%;
        font-weight: 100;
        /* thin */ }
        @media (max-width: 1600px) {
          #global-header .header-panel-search .inner input {
            font-size: 54.375px; } }
        @media (max-width: 1024px) {
          #global-header .header-panel-search .inner input {
            font-size: 48.75px; } }
        @media (max-width: 896px) {
          #global-header .header-panel-search .inner input {
            font-size: 43.125px; } }
        @media (max-width: 750px) {
          #global-header .header-panel-search .inner input {
            font-size: 37.5px; } }
        @media (max-width: 520px) {
          #global-header .header-panel-search .inner input {
            font-size: 34.125px; } }
  #global-header .header-panel-msg,
  #global-header .header-panel-newsletter {
    position: fixed;
    left: 0;
    top: 90px;
    width: 100%;
    z-index: 50;
    background: #fbfcf6;
    box-sizing: border-box;
    padding-top: 70px;
    text-align: center;
    -webkit-transition: all 300ms linear 0ms;
    /* webkit mobile */
    transition: all 300ms linear 0ms;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    -webkit-transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    /* IE9 only */
    transform: translateY(-250%); }
    @media (max-width: 1600px) {
      #global-header .header-panel-msg,
      #global-header .header-panel-newsletter {
        padding-top: 61.25px; } }
    @media (max-width: 1024px) {
      #global-header .header-panel-msg,
      #global-header .header-panel-newsletter {
        padding-top: 52.5px; } }
    @media (max-width: 896px) {
      #global-header .header-panel-msg,
      #global-header .header-panel-newsletter {
        padding-top: 43.75px; } }
    @media (max-width: 750px) {
      #global-header .header-panel-msg,
      #global-header .header-panel-newsletter {
        padding-top: 35px; } }
    @media (max-width: 520px) {
      #global-header .header-panel-msg,
      #global-header .header-panel-newsletter {
        padding-top: 29.75px; } }
    .ie #global-header .header-panel-msg, .ie #global-header .header-panel-newsletter {
      position: absolute; }
    .adminbar #global-header .header-panel-msg, .adminbar #global-header .header-panel-newsletter {
      top: 122px; }
    @media (max-width: 1024px) {
      #global-header .header-panel-msg,
      #global-header .header-panel-newsletter {
        top: 70px; }
        .adminbar #global-header .header-panel-msg, .adminbar #global-header .header-panel-newsletter {
          top: 102px; } }
    @media (max-width: 896px) {
      #global-header .header-panel-msg,
      #global-header .header-panel-newsletter {
        top: 70px; }
        .adminbar #global-header .header-panel-msg, .adminbar #global-header .header-panel-newsletter {
          top: 102px; } }
    @media (max-width: 750px) {
      #global-header .header-panel-msg,
      #global-header .header-panel-newsletter {
        top: 48px; }
        .adminbar #global-header .header-panel-msg, .adminbar #global-header .header-panel-newsletter {
          top: 80px; } }
    #global-header .header-panel-msg.active,
    #global-header .header-panel-newsletter.active {
      -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      /* IE9 only */
      transform: translateY(0%); }
    #global-header .header-panel-msg .inner,
    #global-header .header-panel-newsletter .inner {
      position: relative;
      max-width: 1240px;
      padding: 0 20px 40px 20px;
      margin: 0 auto; }
      #global-header .header-panel-msg .inner ul,
      #global-header .header-panel-newsletter .inner ul {
        list-style: none; }
      @media (max-height: 400px) {
        #global-header .header-panel-msg .inner button,
        #global-header .header-panel-newsletter .inner button {
          margin-top: 0px; }
          #global-header .header-panel-msg .inner button span,
          #global-header .header-panel-newsletter .inner button span {
            padding-top: 7px;
            padding-bottom: 7px; } }
      #global-header .header-panel-msg .inner .format-section-header .title,
      #global-header .header-panel-newsletter .inner .format-section-header .title {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 46px; }
        @media (max-width: 1600px) {
          #global-header .header-panel-msg .inner .format-section-header .title,
          #global-header .header-panel-newsletter .inner .format-section-header .title {
            font-size: 42.125px; } }
        @media (max-width: 1024px) {
          #global-header .header-panel-msg .inner .format-section-header .title,
          #global-header .header-panel-newsletter .inner .format-section-header .title {
            font-size: 38.25px; } }
        @media (max-width: 896px) {
          #global-header .header-panel-msg .inner .format-section-header .title,
          #global-header .header-panel-newsletter .inner .format-section-header .title {
            font-size: 34.375px; } }
        @media (max-width: 750px) {
          #global-header .header-panel-msg .inner .format-section-header .title,
          #global-header .header-panel-newsletter .inner .format-section-header .title {
            font-size: 30.5px; } }
        @media (max-width: 520px) {
          #global-header .header-panel-msg .inner .format-section-header .title,
          #global-header .header-panel-newsletter .inner .format-section-header .title {
            font-size: 28.175px; } }
      #global-header .header-panel-msg .inner .format-section-header .intro,
      #global-header .header-panel-newsletter .inner .format-section-header .intro {
        font-size: 16px; }
        @media (max-height: 400px) {
          #global-header .header-panel-msg .inner .format-section-header .intro,
          #global-header .header-panel-newsletter .inner .format-section-header .intro {
            margin-top: 0;
            font-size: 15px; } }
        @media (max-height: 300px) {
          #global-header .header-panel-msg .inner .format-section-header .intro,
          #global-header .header-panel-newsletter .inner .format-section-header .intro {
            margin-top: 0px;
            font-size: 13px; } }
      @media (max-width: 750px) {
        #global-header .header-panel-msg .inner ul.errors,
        #global-header .header-panel-newsletter .inner ul.errors {
          list-style: none;
          margin-left: 0;
          padding-left: 0; }
          #global-header .header-panel-msg .inner ul.errors li,
          #global-header .header-panel-newsletter .inner ul.errors li {
            display: inline;
            font-size: 13px; }
            #global-header .header-panel-msg .inner ul.errors li:after,
            #global-header .header-panel-newsletter .inner ul.errors li:after {
              content: ", "; }
            #global-header .header-panel-msg .inner ul.errors li:last-child:after,
            #global-header .header-panel-newsletter .inner ul.errors li:last-child:after {
              content: ""; }
            #global-header .header-panel-msg .inner ul.errors li:last-child:before,
            #global-header .header-panel-newsletter .inner ul.errors li:last-child:before {
              content: " and "; }
            #global-header .header-panel-msg .inner ul.errors li:first-child:last-child:after,
            #global-header .header-panel-newsletter .inner ul.errors li:first-child:last-child:after {
              display: none; }
            #global-header .header-panel-msg .inner ul.errors li:first-child:last-child:before,
            #global-header .header-panel-newsletter .inner ul.errors li:first-child:last-child:before {
              display: none; } }
      @media (max-height: 600px) {
        #global-header .header-panel-msg .inner li,
        #global-header .header-panel-newsletter .inner li {
          margin-top: 1px; } }
      @media (max-height: 540px) {
        #global-header .header-panel-msg .inner ul.errors,
        #global-header .header-panel-newsletter .inner ul.errors {
          list-style: none;
          margin-left: 0;
          padding-left: 0; }
          #global-header .header-panel-msg .inner ul.errors li,
          #global-header .header-panel-newsletter .inner ul.errors li {
            display: inline;
            font-size: 13px; }
            #global-header .header-panel-msg .inner ul.errors li:after,
            #global-header .header-panel-newsletter .inner ul.errors li:after {
              content: ", "; }
            #global-header .header-panel-msg .inner ul.errors li:last-child:after,
            #global-header .header-panel-newsletter .inner ul.errors li:last-child:after {
              content: ""; }
            #global-header .header-panel-msg .inner ul.errors li:last-child:before,
            #global-header .header-panel-newsletter .inner ul.errors li:last-child:before {
              content: " and "; } }
      @media (max-width: 520px) {
        #global-header .header-panel-msg .inner .component-inner,
        #global-header .header-panel-newsletter .inner .component-inner {
          padding-left: 0 !important;
          padding-right: 0 !important; }
        #global-header .header-panel-msg .inner ul.errors li,
        #global-header .header-panel-newsletter .inner ul.errors li {
          font-size: 13px; } }
      #global-header .header-panel-msg .inner .disclaimer,
      #global-header .header-panel-newsletter .inner .disclaimer {
        margin: 0; }
    #global-header .header-panel-msg .button-close,
    #global-header .header-panel-newsletter .button-close {
      position: absolute;
      bottom: 0;
      right: 80px;
      width: 60px;
      height: 60px;
      box-sizing: border-box;
      font-family: campfire-icons;
      font-size: 46px;
      background: #fbfcf6;
      border-radius: 50%;
      text-align: center;
      -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
      /* IE9 only */
      transform: translateY(50%); }
      .mouse #global-header .header-panel-msg .button-close:hover, .mouse #global-header .header-panel-newsletter .button-close:hover {
        background: #f15c2e;
        color: #fff;
        cursor: pointer;
        text-decoration: none; }
      @media (max-width: 400px) {
        #global-header .header-panel-msg .button-close,
        #global-header .header-panel-newsletter .button-close {
          bottom: auto;
          top: -64px;
          right: -4px;
          background: none; } }
      @media (max-height: 500px) {
        #global-header .header-panel-msg .button-close,
        #global-header .header-panel-newsletter .button-close {
          bottom: auto;
          top: -64px;
          right: -4px;
          background: none; } }
  #global-header .header-panel-msg:before {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 0px;
    background: #222;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    z-index: -2;
    opacity: 0.2 !important;
    -webkit-transition: opacity 200ms linear 0ms;
    /* webkit mobile */
    transition: opacity 200ms linear 0ms; }
    .ie #global-header .header-panel-msg:before {
      position: absolute; }
  #global-header .header-panel-msg.active:before {
    height: 2048px;
    height: 200vh;
    opacity: 1 !important; }
  #global-header .header-panel-msg.active:after {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fbfcf6;
    content: "";
    z-index: -1; }
    .ie #global-header .header-panel-msg.active:after {
      position: absolute; }
  #global-header .header-preorder {
    float: left;
    margin-top: 0.4em;
    margin-left: 16px;
    margin-right: 16px;
    overflow: hidden; }
    @media (max-width: 1600px) {
      #global-header .header-preorder {
        margin-left: 14px;
        margin-right: 14px; } }
    @media (max-width: 1024px) {
      #global-header .header-preorder {
        margin-left: 12px;
        margin-right: 12px; } }
    @media (max-width: 896px) {
      #global-header .header-preorder {
        margin-left: 10px;
        margin-right: 10px; } }
    @media (max-width: 750px) {
      #global-header .header-preorder {
        margin-left: 8px;
        margin-right: 8px; } }
    @media (max-width: 520px) {
      #global-header .header-preorder {
        margin-left: 6.8px;
        margin-right: 6.8px; } }
    #global-header .header-preorder span {
      display: none;
      padding: 0.65em 4px 0 0;
      content: "PRE-ORDER";
      font-family: Open Sans Condensed, sans-serif;
      font-weight: 700;
      /* bold */
      font-size: 16px;
      float: left;
      color: #f15c2e;
      opacity: 0;
      -webkit-transition: all 200ms linear 0ms;
      /* webkit mobile */
      transition: all 200ms linear 0ms; }
      @media (max-width: 1024px) {
        #global-header .header-preorder span {
          display: none !important; } }
    #global-header .header-preorder a {
      position: relative;
      overflow: hidden;
      font-family: campfire-icons;
      color: #7a736c;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms;
      font-size: 36px;
      line-height: 1;
      color: #656563; }
      @media (max-width: 1600px) {
        #global-header .header-preorder a {
          font-size: 33.375px; } }
      @media (max-width: 1024px) {
        #global-header .header-preorder a {
          font-size: 30.75px; } }
      @media (max-width: 896px) {
        #global-header .header-preorder a {
          font-size: 28.125px; } }
      @media (max-width: 750px) {
        #global-header .header-preorder a {
          font-size: 25.5px; } }
      @media (max-width: 520px) {
        #global-header .header-preorder a {
          font-size: 23.925px; } }
      .mouse #global-header .header-preorder a:hover {
        color: #f15c2e; }
      @media (max-width: 1024px) {
        #global-header .header-preorder a {
          display: none !important; } }
      .mouse #global-header .header-preorder a:hover span {
        display: block;
        opacity: 1; }
  #global-header .header-search {
    float: left;
    margin-left: 16px;
    margin-right: 16px;
    color: #656563; }
    @media (max-width: 1600px) {
      #global-header .header-search {
        margin-left: 14px;
        margin-right: 14px; } }
    @media (max-width: 1024px) {
      #global-header .header-search {
        margin-left: 12px;
        margin-right: 12px; } }
    @media (max-width: 896px) {
      #global-header .header-search {
        margin-left: 10px;
        margin-right: 10px; } }
    @media (max-width: 750px) {
      #global-header .header-search {
        margin-left: 8px;
        margin-right: 8px; } }
    @media (max-width: 520px) {
      #global-header .header-search {
        margin-left: 6.8px;
        margin-right: 6.8px; } }
    #global-header .header-search .header-search-toggle {
      font-family: campfire-icons;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms;
      font-size: 36px; }
      @media (max-width: 1600px) {
        #global-header .header-search .header-search-toggle {
          font-size: 33.375px; } }
      @media (max-width: 1024px) {
        #global-header .header-search .header-search-toggle {
          font-size: 30.75px; } }
      @media (max-width: 896px) {
        #global-header .header-search .header-search-toggle {
          font-size: 28.125px; } }
      @media (max-width: 750px) {
        #global-header .header-search .header-search-toggle {
          font-size: 25.5px; } }
      @media (max-width: 520px) {
        #global-header .header-search .header-search-toggle {
          font-size: 23.925px; } }
      .mouse #global-header .header-search .header-search-toggle:hover {
        cursor: pointer;
        color: #f15c2e; }
  #global-header .header-cart {
    float: left;
    margin-top: -10px;
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 0;
    opacity: 1;
    transition: opacity 300ms linear 300ms, top 0ms linear 0ms; }
    @media (max-width: 1600px) {
      #global-header .header-cart {
        margin-left: 14px;
        margin-right: 14px; } }
    @media (max-width: 1024px) {
      #global-header .header-cart {
        margin-left: 12px;
        margin-right: 12px; } }
    @media (max-width: 896px) {
      #global-header .header-cart {
        margin-left: 10px;
        margin-right: 10px; } }
    @media (max-width: 750px) {
      #global-header .header-cart {
        margin-left: 8px;
        margin-right: 8px; } }
    @media (max-width: 520px) {
      #global-header .header-cart {
        margin-left: 6.8px;
        margin-right: 6.8px; } }
    @media (max-width: 1024px) {
      #global-header .header-cart {
        margin-top: -8px; } }
    @media (max-width: 750px) {
      #global-header .header-cart {
        margin-top: -5px; } }
    #global-header .header-cart span {
      display: none; }
    #global-header .header-cart a {
      position: relative;
      display: block;
      width: 174px;
      height: 72px;
      background: url(../images/global-header-nav-store-bg.png) no-repeat 0px 0px;
      background-size: 100% auto; }
      .mouse #global-header .header-cart a:hover {
        background-position: 0 100%; }
      @media (max-width: 1024px) {
        #global-header .header-cart a {
          width: 135.3333333333px;
          height: 56px; } }
      @media (max-width: 750px) {
        #global-header .header-cart a {
          width: 96.6666666667px;
          height: 40px; } }
  #global-header .header-logo.hidden--mobile + .header-links > .header-cart {
    top: -50px;
    opacity: 0;
    transition: opacity 300ms linear 0ms, top 0ms linear 300ms; }
  #global-header .header-share {
    float: right;
    margin-left: 16px;
    margin-right: 16px;
    color: #656563; }
    @media (max-width: 1600px) {
      #global-header .header-share {
        margin-left: 14px;
        margin-right: 14px; } }
    @media (max-width: 1024px) {
      #global-header .header-share {
        margin-left: 12px;
        margin-right: 12px; } }
    @media (max-width: 896px) {
      #global-header .header-share {
        margin-left: 10px;
        margin-right: 10px; } }
    @media (max-width: 750px) {
      #global-header .header-share {
        margin-left: 8px;
        margin-right: 8px; } }
    @media (max-width: 520px) {
      #global-header .header-share {
        margin-left: 6.8px;
        margin-right: 6.8px; } }
    #global-header .header-share div {
      font-family: campfire-icons;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms;
      font-size: 36px; }
      @media (max-width: 1600px) {
        #global-header .header-share div {
          font-size: 33.375px; } }
      @media (max-width: 1024px) {
        #global-header .header-share div {
          font-size: 30.75px; } }
      @media (max-width: 896px) {
        #global-header .header-share div {
          font-size: 28.125px; } }
      @media (max-width: 750px) {
        #global-header .header-share div {
          font-size: 25.5px; } }
      @media (max-width: 520px) {
        #global-header .header-share div {
          font-size: 23.925px; } }
  #global-header .header-comments {
    float: right;
    margin-left: 16px;
    margin-right: 16px;
    color: #656563; }
    @media (max-width: 1600px) {
      #global-header .header-comments {
        margin-left: 14px;
        margin-right: 14px; } }
    @media (max-width: 1024px) {
      #global-header .header-comments {
        margin-left: 12px;
        margin-right: 12px; } }
    @media (max-width: 896px) {
      #global-header .header-comments {
        margin-left: 10px;
        margin-right: 10px; } }
    @media (max-width: 750px) {
      #global-header .header-comments {
        margin-left: 8px;
        margin-right: 8px; } }
    @media (max-width: 520px) {
      #global-header .header-comments {
        margin-left: 6.8px;
        margin-right: 6.8px; } }
    #global-header .header-comments div {
      font-family: campfire-icons;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms;
      font-size: 36px; }
      @media (max-width: 1600px) {
        #global-header .header-comments div {
          font-size: 33.375px; } }
      @media (max-width: 1024px) {
        #global-header .header-comments div {
          font-size: 30.75px; } }
      @media (max-width: 896px) {
        #global-header .header-comments div {
          font-size: 28.125px; } }
      @media (max-width: 750px) {
        #global-header .header-comments div {
          font-size: 25.5px; } }
      @media (max-width: 520px) {
        #global-header .header-comments div {
          font-size: 23.925px; } }
  #global-header .header-profile {
    float: left;
    margin-left: 16px;
    margin-right: 16px;
    color: #656563; }
    @media (max-width: 1600px) {
      #global-header .header-profile {
        margin-left: 14px;
        margin-right: 14px; } }
    @media (max-width: 1024px) {
      #global-header .header-profile {
        margin-left: 12px;
        margin-right: 12px; } }
    @media (max-width: 896px) {
      #global-header .header-profile {
        margin-left: 10px;
        margin-right: 10px; } }
    @media (max-width: 750px) {
      #global-header .header-profile {
        margin-left: 8px;
        margin-right: 8px; } }
    @media (max-width: 520px) {
      #global-header .header-profile {
        margin-left: 6.8px;
        margin-right: 6.8px; } }
    #global-header .header-profile .profile-loggedout {
      font-family: campfire-icons;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms;
      font-size: 36px; }
      @media (max-width: 1600px) {
        #global-header .header-profile .profile-loggedout {
          font-size: 33.375px; } }
      @media (max-width: 1024px) {
        #global-header .header-profile .profile-loggedout {
          font-size: 30.75px; } }
      @media (max-width: 896px) {
        #global-header .header-profile .profile-loggedout {
          font-size: 28.125px; } }
      @media (max-width: 750px) {
        #global-header .header-profile .profile-loggedout {
          font-size: 25.5px; } }
      @media (max-width: 520px) {
        #global-header .header-profile .profile-loggedout {
          font-size: 23.925px; } }
      .mouse #global-header .header-profile .profile-loggedout:hover {
        cursor: pointer;
        color: #f15c2e; }
      #global-header .header-profile .profile-loggedout:after {
        position: absolute;
        right: 55px;
        top: 0;
        padding: 16px 4px 0 0;
        line-height: 1;
        content: "LOG-IN";
        display: block;
        font-family: Open Sans Condensed, sans-serif;
        font-weight: 700;
        /* bold */
        font-size: 16px;
        color: #f15c2e;
        display: none; }
        @media (max-width: 1024px) {
          #global-header .header-profile .profile-loggedout:after {
            display: none !important; } }
      .mouse #global-header .header-profile .profile-loggedout:hover {
        margin-left: 1.2em; }
        .mouse #global-header .header-profile .profile-loggedout:hover:after {
          display: block; }
          @media (max-width: 1024px) {
            .mouse #global-header .header-profile .profile-loggedout:hover:after {
              display: none !important; } }
    #global-header .header-profile .profile-loggedin {
      display: inline-block;
      margin-top: 8px;
      width: 32px;
      height: 32px;
      background: #000;
      border-radius: 50%;
      overflow: hidden;
      -webkit-transition: background 200ms linear 0ms;
      /* webkit mobile */
      transition: background 200ms linear 0ms;
      border: 1px solid #656563; }
      #global-header .header-profile .profile-loggedin:after {
        position: absolute;
        right: 55px;
        top: 0;
        padding: 16px 4px 0 0;
        line-height: 1;
        content: "ACCOUNT";
        display: block;
        font-family: Open Sans Condensed, sans-serif;
        font-weight: 700;
        /* bold */
        font-size: 16px;
        color: #f15c2e;
        display: none; }
        @media (max-width: 1024px) {
          #global-header .header-profile .profile-loggedin:after {
            display: none !important; } }
      .mouse #global-header .header-profile .profile-loggedin:hover {
        margin-left: 4em; }
        .mouse #global-header .header-profile .profile-loggedin:hover:after {
          display: block; }
      .mouse #global-header .header-profile .profile-loggedin:hover {
        background: #ca532c;
        border: 1px solid #ca532c; }
      @media (max-width: 1024px) {
        #global-header .header-profile .profile-loggedin {
          width: 26px;
          height: 26px; } }
      @media (max-width: 750px) {
        #global-header .header-profile .profile-loggedin {
          width: 22px;
          height: 22px; } }
      #global-header .header-profile .profile-loggedin img {
        position: relative;
        display: block;
        width: 100%;
        filter: grayscale(1);
        mix-blend-mode: screen;
        border-radius: 50%;
        overflow: hidden; }
        .ie #global-header .header-profile .profile-loggedin img, .edge #global-header .header-profile .profile-loggedin img {
          filter: none;
          mix-blend-mode: normal; }

/*  ::  Page Styles  »  Content		*/
#global-content {
  position: relative;
  width: 100%;
  z-index: 1;
  min-height: 400px;
  word-wrap: break-word;
  /* stops very long words from increasing the width of their container */
  padding-top: 90px;
  -webkit-transition: transform 100ms linear 0ms;
  /* webkit mobile */
  transition: transform 100ms linear 0ms; }
  @media (max-width: 1600px) {
    #global-content {
      padding-top: 78.75px; } }
  @media (max-width: 1024px) {
    #global-content {
      padding-top: 67.5px; } }
  @media (max-width: 896px) {
    #global-content {
      padding-top: 56.25px; } }
  @media (max-width: 750px) {
    #global-content {
      padding-top: 45px; } }
  @media (max-width: 520px) {
    #global-content {
      padding-top: 38.25px; } }
  .page-homepage #global-content {
    padding-top: 0px; }
    @media (max-width: 1600px) {
      .page-homepage #global-content {
        padding-top: 0px; } }
    @media (max-width: 1024px) {
      .page-homepage #global-content {
        padding-top: 0px; } }
    @media (max-width: 896px) {
      .page-homepage #global-content {
        padding-top: 0px; } }
    @media (max-width: 750px) {
      .page-homepage #global-content {
        padding-top: 0px; } }
    @media (max-width: 520px) {
      .page-homepage #global-content {
        padding-top: 0px; } }
  .nav-expanded #global-content {
    -webkit-transform: translateX(380px);
    -ms-transform: translateX(380px);
    /* IE9 only */
    transform: translateX(380px); }
    @media (max-width: 379px) {
      .nav-expanded #global-content {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        /* IE9 only */
        transform: translateX(100%); } }
/*  ::  Page Styles  »  Footer		*/
#global-footer {
  position: relative;
  padding: 56px 0;
  width: 100%;
  z-index: 2;
  background: url(../images/global-footer-bg.png) repeat-x 0 0, url(../images/global-footer-bg2.png) repeat 0 0;
  overflow: hidden;
  -webkit-transition: transform 100ms linear 0ms;
  /* webkit mobile */
  transition: transform 100ms linear 0ms;
  text-align: center; }
  .nav-expanded #global-footer {
    -webkit-transform: translateX(380px);
    -ms-transform: translateX(380px);
    /* IE9 only */
    transform: translateX(380px); }
    @media (max-width: 379px) {
      .nav-expanded #global-footer {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        /* IE9 only */
        transform: translateX(100%); } }
  #global-footer a {
    -webkit-transition: color 200ms linear 0ms;
    /* webkit mobile */
    transition: color 200ms linear 0ms; }
  @media (min-width: 897px) {
    #global-footer {
      text-align: left; } }
  #global-footer .footer-inner {
    position: relative;
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto; }
    @media (max-width: 750px) {
      #global-footer .footer-inner {
        -webkit-transition: transform 1000ms linear 0ms;
        /* webkit mobile */
        transition: transform 1000ms linear 0ms;
        -webkit-transform: translateY(500px);
        -ms-transform: translateY(500px);
        /* IE9 only */
        transform: translateY(500px);
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        /* IE9 only */
        transform: translateY(0px); } }
  @media (max-width: 750px) {
    #global-footer.mobile-show .footer-inner {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      /* IE9 only */
      transform: translateY(0px); } }
  #global-footer .footer-logos-primary {
    clear: both;
    text-align: center;
    padding: 10px 0; }
    @media (min-width: 751px) {
      #global-footer .footer-logos-primary {
        text-align: left; } }
  @media (max-width: 896px) {
    #global-footer .footer-links-primary {
      float: none;
      text-align: center; } }
  @media (min-width: 897px) {
    #global-footer .footer-links-primary {
      float: left;
      width: 58%;
      margin: 0 1% 0 0; } }
  #global-footer .footer-links-primary ul {
    float: left;
    width: 20%;
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
    box-sizing: border-box; }
    #global-footer .footer-links-primary ul li {
      font-size: 14px; }
      #global-footer .footer-links-primary ul li a {
        text-decoration: none; }
        .mouse #global-footer .footer-links-primary ul li a:hover {
          text-decoration: underline; }
  @media (max-width: 520px) {
    #global-footer .footer-links-primary ul {
      width: 50%; }
      #global-footer .footer-links-primary ul:nth-child(2n+1) {
        clear: left; } }
  @media (min-width: 897px) {
    #global-footer .footer-links-primary ul {
      width: 20%; } }
  #global-footer .footer-social {
    text-align: center;
    clear: left;
    padding: 0 0 40px 0; }
    @media (max-width: 896px) {
      #global-footer .footer-social {
        float: none;
        text-align: center;
        padding-top: 40px; } }
    @media (min-width: 897px) {
      #global-footer .footer-social {
        float: right;
        padding: 0;
        text-align: left;
        clear: none; }
        #global-footer .footer-social .social-item {
          float: left; } }
    #global-footer .footer-social .title {
      margin: 0 0 16px 0;
      font-size: 14px;
      font-family: Libre Baskerville, serif;
      font-weight: 400;
      /* regular */ }
    #global-footer .footer-social ol {
      margin: 0;
      padding: 0;
      list-style: none;
      overflow: hidden; }
    #global-footer .footer-social .social-item {
      position: relative;
      line-height: 16px;
      margin: 0;
      padding: 5.3333333333px 5.3333333333px 10.6666666667px 0;
      text-decoration: none;
      display: inline-block; }
      #global-footer .footer-social .social-item .name {
        display: none; }
      #global-footer .footer-social .social-item .icon {
        position: relative;
        top: 4px;
        border: 1px solid #5a514a;
        border-radius: 50%;
        font-family: campfire-icons;
        font-size: 24px;
        text-align: center;
        text-decoration: none !important; }
    #global-footer .footer-social a {
      -webkit-transition: all 0ms linear 0ms;
      /* webkit mobile */
      transition: all 0ms linear 0ms;
      text-decoration: none; }
      .mouse #global-footer .footer-social a:hover {
        text-decoration: none; }
        .mouse #global-footer .footer-social a:hover .icon {
          border-color: #f15c2e; }
  #global-footer .footer-legal {
    clear: both;
    font-size: 12px; }
    @media (min-width: 751px) {
      #global-footer .footer-legal {
        margin: 20px 0 10px 0; } }
  #global-footer .footer-logos .logo-item {
    opacity: 1;
    filter: grayscale(1);
    display: inline-block;
    height: 100px;
    padding: 0 15px 0 15px;
    -webkit-transition: all 600ms linear 0ms;
    /* webkit mobile */
    transition: all 600ms linear 0ms; }
    #global-footer .footer-logos .logo-item:first-child {
      opacity: 1;
      padding-left: 0; }
    .mouse #global-footer .footer-logos .logo-item:hover {
      opacity: 1;
      filter: grayscale(0); }
    #global-footer .footer-logos .logo-item a {
      display: inline-block;
      height: 100px; }
    #global-footer .footer-logos .logo-item img {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      /* IE9 only */
      transform: translateY(-50%); }
  #global-footer .footer-gps {
    font-size: 12px;
    text-align: center; }
    @media (min-width: 1025px) {
      #global-footer .footer-gps {
        float: left;
        text-align: left;
        clear: both; } }
  #global-footer .footer-copyright {
    font-size: 12px;
    text-align: center; }
    @media (min-width: 1025px) {
      #global-footer .footer-copyright {
        float: right;
        text-align: right; } }
  #global-footer .footer-colophon {
    position: relative;
    clear: both;
    font-size: 10px;
    margin: 0;
    padding: 5.3333333333px 0 0 0;
    color: #c5c3bd;
    letter-spacing: 0.1em; }
    @media (min-width: 1025px) {
      #global-footer .footer-colophon {
        float: left;
        clear: left; } }
    #global-footer .footer-colophon a {
      color: #c5c3bd; }
    #global-footer .footer-colophon .icon {
      padding: 0 2px;
      font-family: campfire-icons; }
  #global-footer .footer-jump {
    position: absolute;
    right: 24px;
    top: 36px;
    text-align: center;
    line-height: 28px;
    color: #5a514a;
    position: fixed;
    bottom: 24px;
    top: auto;
    right: 24px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    .mouse #global-footer .footer-jump:hover {
      color: #f15c2e;
      cursor: pointer; }
    #global-footer .footer-jump .icon {
      display: block;
      font-family: campfire-icons;
      font-size: 40px;
      line-height: 28px; }
    #global-footer .footer-jump .label {
      font-size: 12px;
      line-height: 28px;
      font-family: Open Sans, sans-serif;
      font-weight: 900; }
    @media (max-width: 1425px) {
      #global-footer .footer-jump {
        position: static; } }
  #global-footer .footer-links-secondary {
    position: relative;
    margin: 0;
    padding: 20px 0 40px 0;
    list-style: none;
    text-align: center; }
    @media (min-width: 751px) {
      #global-footer .footer-links-secondary {
        padding: 20px 0; } }
    #global-footer .footer-links-secondary li {
      margin: 0;
      padding: 0;
      display: inline-block;
      font-size: 12px; }
      #global-footer .footer-links-secondary li a {
        text-decoration: none; }
        .mouse #global-footer .footer-links-secondary li a:hover {
          text-decoration: underline; }
    #global-footer .footer-links-secondary li + li:before {
      padding: 0 10px;
      content: "|"; }

.footer-preorder-cta {
  position: fixed;
  bottom: 24px;
  top: auto;
  right: 104px;
  z-index: 99;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  /* IE9 only */
  transform-origin: 100% 100%; }
  @media (max-width: 1024px) {
    .footer-preorder-cta {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      /* IE9 only */
      transform: scale(0.8);
      right: 10.6666666667px;
      bottom: 10.6666666667px; } }
  @media (max-width: 896px) {
    .footer-preorder-cta {
      -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
      /* IE9 only */
      transform: scale(0.7); } }
  @media (max-width: 750px) {
    .footer-preorder-cta {
      -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
      /* IE9 only */
      transform: scale(0.6); } }
  @media (max-width: 520px) {
    .footer-preorder-cta {
      -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
      /* IE9 only */
      transform: scale(0.5); } }
.external-link-popup {
  position: fixed;
  left: 50%;
  top: 50%;
  display: block;
  background: url(../images/global-bg.jpg) no-repeat 0px 0px;
  border: 3px solid #f15c2e;
  border-radius: 3px;
  box-shadow: 0 0 45px 9px rgba(0, 0, 0, 0.4);
  width: 750px;
  max-width: 90vw;
  z-index: 9999999;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE9 only */
  transform: translate(-50%, -50%);
  cursor: pointer; }
  .external-link-popup .inner {
    position: relative;
    padding: 100px 40px; }
    .external-link-popup .inner p {
      font-weight: 700;
      /* bold */
      font-family: Open Sans Condensed, sans-serif;
      text-transform: uppercase;
      font-size: 28px;
      text-align: center; }
      .external-link-popup .inner p span {
        color: #f15c2e; }
      .external-link-popup .inner p .button span {
        color: #fff; }
    @media (max-width: 750px) {
      .external-link-popup .inner {
        padding: 40px 20px; } }
  .external-link-popup .close {
    position: absolute;
    left: 100%;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff url(../images/global-elements-nav-close-hover.png) no-repeat 50% 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE9 only */
    transform: translate(-50%, -50%); }

fieldset {
  position: relative;
  display: block;
  padding: 16px 0; }
  fieldset .disabled {
    position: relative;
    overflow: hidden;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40); }
  fieldset .cols2,
  fieldset .cols3,
  fieldset .cols4,
  fieldset .cols5 {
    margin: 0;
    padding-left: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    fieldset .cols2 li,
    fieldset .cols3 li,
    fieldset .cols4 li,
    fieldset .cols5 li {
      margin: 0;
      overflow: hidden; }
  fieldset .cols2 + .cols2,
  fieldset .cols3 + .cols3,
  fieldset .cols4 + .cols4,
  fieldset .cols5 + .cols5 {
    padding-left: 24px; }

.ie7 fieldset .cols2,
.ie7 fieldset .cols3,
.ie7 fieldset .cols4,
.ie7 fieldset .cols5 {
  padding-left: 0 !important; }
  .ie7 fieldset .cols2 input[type="text"],
  .ie7 fieldset .cols2 input[type="password"],
  .ie7 fieldset .cols2 textarea,
  .ie7 fieldset .cols3 input[type="text"],
  .ie7 fieldset .cols3 input[type="password"],
  .ie7 fieldset .cols3 textarea,
  .ie7 fieldset .cols4 input[type="text"],
  .ie7 fieldset .cols4 input[type="password"],
  .ie7 fieldset .cols4 textarea,
  .ie7 fieldset .cols5 input[type="text"],
  .ie7 fieldset .cols5 input[type="password"],
  .ie7 fieldset .cols5 textarea {
    width: 90%; }

.ie7 .fieldset--alternative > textarea,
.ie7 .fieldset--alternative > input[type="text"],
.ie7 .fieldset--alternative > input[type="search"],
.ie7 .fieldset--alternative > input[type="email"],
.ie7 .fieldset--alternative > input[type="password"] {
  color: #fff !important;
  border-color: #fff !important; }

label {
  float: left;
  margin-bottom: 10.6666666667px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #666; }

button {
  float: left;
  display: inline;
  zoom: 1;
  display: inline-block;
  /* inline and zoom gives inline-block in old ie */ }

textarea,
input,
select {
  float: left;
  margin: 0 0 16px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin-top: 10.6666666667px;
  margin-right: 5.3333333333px; }

label + input[type="radio"],
label + input[type="checkbox"] {
  margin-left: 5.3333333333px; }

input[type="radio"] + label,
input[type="checkbox"] + label {
  max-width: 85%;
  margin-top: 5.3333333333px; }

textarea,
select,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  float: left;
  display: block;
  width: 100%;
  min-height: 22px;
  padding: 7px 8px 5px 8px;
  background: none;
  border: 1px solid #a8a7a4;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  box-sizing: border-box; }
  .fieldset--alternative textarea::-webkit-input-placeholder, .fieldset--alternative select::-webkit-input-placeholder, .fieldset--alternative input[type="text"]::-webkit-input-placeholder, .fieldset--alternative input[type="email"]::-webkit-input-placeholder, .fieldset--alternative input[type="search"]::-webkit-input-placeholder, .fieldset--alternative input[type="password"]::-webkit-input-placeholder {
    color: #fff !important; }
  .fieldset--alternative textarea:-moz-placeholder, .fieldset--alternative select:-moz-placeholder, .fieldset--alternative input[type="text"]:-moz-placeholder, .fieldset--alternative input[type="email"]:-moz-placeholder, .fieldset--alternative input[type="search"]:-moz-placeholder, .fieldset--alternative input[type="password"]:-moz-placeholder {
    color: #fff !important; }
  .fieldset--alternative textarea::-moz-placeholder, .fieldset--alternative select::-moz-placeholder, .fieldset--alternative input[type="text"]::-moz-placeholder, .fieldset--alternative input[type="email"]::-moz-placeholder, .fieldset--alternative input[type="search"]::-moz-placeholder, .fieldset--alternative input[type="password"]::-moz-placeholder {
    color: #fff !important; }
  .fieldset--alternative textarea:-ms-input-placeholder, .fieldset--alternative select:-ms-input-placeholder, .fieldset--alternative input[type="text"]:-ms-input-placeholder, .fieldset--alternative input[type="email"]:-ms-input-placeholder, .fieldset--alternative input[type="search"]:-ms-input-placeholder, .fieldset--alternative input[type="password"]:-ms-input-placeholder {
    color: #fff !important; }
  .fieldset--alternative textarea:placeholder-shown, .fieldset--alternative select:placeholder-shown, .fieldset--alternative input[type="text"]:placeholder-shown, .fieldset--alternative input[type="email"]:placeholder-shown, .fieldset--alternative input[type="search"]:placeholder-shown, .fieldset--alternative input[type="password"]:placeholder-shown {
    color: #fff !important; }
  textarea.error,
  select.error,
  input.error[type="text"],
  input.error[type="email"],
  input.error[type="search"],
  input.error[type="password"] {
    border-color: #f15c2e !important;
    box-shadow: 0 0 16px 0 rgba(241, 92, 46, 0.1); }
  textarea.disabled,
  select.disabled,
  input.disabled[type="text"],
  input.disabled[type="email"],
  input.disabled[type="search"],
  input.disabled[type="password"] {
    opacity: 0.2;
    cursor: default; }

input.error[type="checkbox"],
input.error[type="radio"] {
  outline: 3px solid #f15c2e !important;
  box-shadow: 0 0 16px 0 rgba(241, 92, 46, 0.1); }

button.disabled,
.button.disabled {
  opacity: 0.2;
  cursor: default; }

.fieldset-minimal select,
.fieldset-minimal input[type="text"],
.fieldset-minimal input[type="email"],
.fieldset-minimal input[type="search"],
.fieldset-minimal input[type="password"] {
  border: 0;
  border-bottom: 1px solid #a8a7a4; }

textarea {
  height: 112px; }

select {
  width: auto; }

form ul.errors {
  color: #f15c2e;
  font-style: italic;
  font-size: 14px; }

label.placeholder {
  clear: both;
  display: block;
  float: none;
  margin: 0 0 2px 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  /* bold */
  color: #a5a49e;
  text-align: left; }

/*  begin:  Lightbox Video Player  */
.lightbox-videoplayer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000; }
  .lightbox-videoplayer .artboard {
    position: fixed;
    top: 70px;
    left: 50px;
    right: 50px;
    bottom: 50px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    @media only screen and (max-width: 40em) {
      .lightbox-videoplayer .artboard {
        left: 10px;
        top: 110px;
        bottom: 10px;
        right: 10px; } }
    .lightbox-videoplayer .artboard .video-wrapper {
      position: absolute;
      left: 0%;
      top: 0%;
      width: 100%;
      height: 100%; }
      @media only screen and (max-width: 40em) {
        .lightbox-videoplayer .artboard .video-wrapper {
          width: 100%;
          left: 0;
          top: 0; } }
      .lightbox-videoplayer .artboard .video-wrapper video,
      .lightbox-videoplayer .artboard .video-wrapper iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #111;
        border: 4px solid #151b1f;
        outline: 1px solid #ccc; }
  .lightbox-videoplayer .social {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE9 only */
    transform: translateX(-50%); }
    .lightbox-videoplayer .social > div {
      float: left;
      padding: 10px;
      color: #fff;
      font-size: 42px;
      font-family: campfire-icons;
      -webkit-transition: all 200ms linear 0ms;
      /* webkit mobile */
      transition: all 200ms linear 0ms; }
      @media (max-width: 1600px) {
        .lightbox-videoplayer .social > div {
          font-size: 38.625px; } }
      @media (max-width: 1024px) {
        .lightbox-videoplayer .social > div {
          font-size: 35.25px; } }
      @media (max-width: 896px) {
        .lightbox-videoplayer .social > div {
          font-size: 31.875px; } }
      @media (max-width: 750px) {
        .lightbox-videoplayer .social > div {
          font-size: 28.5px; } }
      @media (max-width: 520px) {
        .lightbox-videoplayer .social > div {
          font-size: 26.475px; } }
      .mouse .lightbox-videoplayer .social > div:hover {
        color: #f15c2e;
        cursor: pointer; }
  .lightbox-videoplayer .button {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    top: 50%;
    margin: 0px 0 0 0;
    padding: 0;
    background: none;
    border: 0;
    font-size: 1px;
    line-height: 1;
    color: #fff;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    background: url(../images/global-elements-nav-close.png) no-repeat 50% 50%; }
    .mouse .lightbox-videoplayer .button:hover {
      background: url(../images/global-elements-nav-close-hover.png) no-repeat 50% 50%; }
  .lightbox-videoplayer .button--close {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(60%, -100%);
    -ms-transform: translate(60%, -100%);
    /* IE9 only */
    transform: translate(60%, -100%); }
    @media (max-width: 40em) {
      .lightbox-videoplayer .button--close {
        -webkit-transform: translate(-130%, -60%);
        -ms-transform: translate(-130%, -60%);
        /* IE9 only */
        transform: translate(-130%, -60%); } }
/*  end:  Lightbox Video Player  */
/*  begin:  Lightbox Photo Viewer  */
.lightbox-photoviewer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000; }
  .lightbox-photoviewer .artboard {
    position: fixed;
    top: 90px;
    left: 120px;
    right: 120px;
    bottom: 90px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    @media only screen and (max-width: 40em) {
      .lightbox-photoviewer .artboard {
        left: 30px;
        top: 30px;
        bottom: 30px;
        right: 30px; } }
  .lightbox-photoviewer .pages {
    position: fixed;
    right: 30px;
    bottom: 10px;
    color: #fff;
    font-family: Libre Baskerville, serif;
    font-style: italic;
    font-size: 24px; }
    @media (max-width: 1600px) {
      .lightbox-photoviewer .pages {
        font-size: 22.875px; } }
    @media (max-width: 1024px) {
      .lightbox-photoviewer .pages {
        font-size: 21.75px; } }
    @media (max-width: 896px) {
      .lightbox-photoviewer .pages {
        font-size: 20.625px; } }
    @media (max-width: 750px) {
      .lightbox-photoviewer .pages {
        font-size: 19.5px; } }
    @media (max-width: 520px) {
      .lightbox-photoviewer .pages {
        font-size: 18.825px; } }
    @media only screen and (max-width: 40em) {
      .lightbox-photoviewer .pages {
        bottom: 0px;
        right: 30px; } }
  .lightbox-photoviewer .social {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE9 only */
    transform: translateX(-50%); }
    .lightbox-photoviewer .social > div {
      float: left;
      padding: 10px;
      color: #fff;
      font-size: 42px;
      font-family: campfire-icons;
      -webkit-transition: all 200ms linear 0ms;
      /* webkit mobile */
      transition: all 200ms linear 0ms; }
      @media (max-width: 1600px) {
        .lightbox-photoviewer .social > div {
          font-size: 38.625px; } }
      @media (max-width: 1024px) {
        .lightbox-photoviewer .social > div {
          font-size: 35.25px; } }
      @media (max-width: 896px) {
        .lightbox-photoviewer .social > div {
          font-size: 31.875px; } }
      @media (max-width: 750px) {
        .lightbox-photoviewer .social > div {
          font-size: 28.5px; } }
      @media (max-width: 520px) {
        .lightbox-photoviewer .social > div {
          font-size: 26.475px; } }
      .mouse .lightbox-photoviewer .social > div:hover {
        color: #f15c2e;
        cursor: pointer; }
  .lightbox-photoviewer .button {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    top: 50%;
    margin: -20px 0 0 0;
    padding: 0;
    font-family: campfire-icons;
    background: none;
    font-size: 64px;
    line-height: 1;
    color: #fff;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    border: 0; }
    @media only screen and (max-width: 40em) {
      .lightbox-photoviewer .button {
        width: 30px;
        height: 30px; } }
  .lightbox-photoviewer .button--close {
    background: url(../images/global-elements-nav-close.png) no-repeat 50% 50%;
    width: 50px;
    height: 50px;
    top: 40px;
    right: 80px;
    margin: 0;
    padding: 0; }
    .mouse .lightbox-photoviewer .button--close:hover {
      background: url(../images/global-elements-nav-close-hover.png) no-repeat 50% 50%; }
    @media only screen and (max-width: 40em) {
      .lightbox-photoviewer .button--close {
        top: 56px;
        right: 8px;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        /* IE9 only */
        transform: scale(0.6); } }
  .lightbox-photoviewer .button--prev {
    left: 30px;
    width: 50px;
    height: 50px;
    background: url(../images/global-elements-nav-prev.png) no-repeat 50% 50%; }
    .mouse .lightbox-photoviewer .button--prev:hover {
      background: url(../images/global-elements-nav-prev-hover.png) no-repeat 50% 50%; }
    @media only screen and (max-width: 40em) {
      .lightbox-photoviewer .button--prev {
        left: 0px;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        /* IE9 only */
        transform: scale(0.6); } }
  .lightbox-photoviewer .button--next {
    right: 30px;
    width: 50px;
    height: 50px;
    background: url(../images/global-elements-nav-next.png) no-repeat 50% 50%; }
    .mouse .lightbox-photoviewer .button--next:hover {
      background: url(../images/global-elements-nav-next-hover.png) no-repeat 50% 50%; }
    @media only screen and (max-width: 40em) {
      .lightbox-photoviewer .button--next {
        right: 0px;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        /* IE9 only */
        transform: scale(0.6); } }
/*  end:  Lightbox Photo Viewer  */
/*  begin:  Lightbox  »  Account Actions  */
.lightbox-account-actions {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20000; }
  .lightbox-account-actions.loading {
    background: rgba(0, 0, 0, 0.85) url(../images/global-elements-ajax-loader-dark.gif) no-repeat 50% 50%; }
  .lightbox-account-actions .lightbox-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85); }
  .lightbox-account-actions.loading .lightbox-bg {
    background: none; }
  .lightbox-account-actions .lightbox-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE9 only */
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 540px;
    box-sizing: border-box;
    padding: 30px;
    background: #fefefd url(../images/global-bg.jpg) repeat 0 0;
    max-height: 100vh;
    overflow: auto; }
    .page-disqus-sso .lightbox-account-actions .lightbox-inner {
      left: 0;
      top: 0;
      right: 0;
      height: 100vh;
      -webkit-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      /* IE9 only */
      transform: translate(0%, 0%); }
    @media (max-width: 400px) {
      .lightbox-account-actions .lightbox-inner {
        padding: 5px 20px 20px 20px; } }
    .lightbox-account-actions .lightbox-inner .button-close {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 32px;
      line-height: 1;
      font-family: campfire-icons;
      color: #fff;
      cursor: pointer; }
      .page-disqus-sso .lightbox-account-actions .lightbox-inner .button-close {
        display: none; }
    .lightbox-account-actions .lightbox-inner .logo {
      text-align: center; }
      .lightbox-account-actions .lightbox-inner .logo img {
        margin: 0 auto; }
    .mouse .lightbox-account-actions .lightbox-inner a:hover {
      cursor: pointer !important; }
    .lightbox-account-actions .lightbox-inner .connect {
      position: relative;
      overflow: hidden;
      padding: 24px 0; }
      @media (max-width: 400px) {
        .lightbox-account-actions .lightbox-inner .connect {
          padding: 16px 0; } }
      .lightbox-account-actions .lightbox-inner .connect .icon {
        position: relative;
        top: 4px;
        font-family: campfire-icons;
        font-size: 28px;
        line-height: 16px;
        font-weight: 400;
        /* regular */ }
      .lightbox-account-actions .lightbox-inner .connect p {
        margin: 0;
        padding: 4px 8px;
        border: 1px solid #f15c2e;
        border-radius: 4px;
        font-family: Open Sans, sans-serif;
        font-size: 16px;
        text-align: center;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        color: #f15c2e;
        -webkit-transition: all 200ms linear 0ms;
        /* webkit mobile */
        transition: all 200ms linear 0ms; }
        @media (max-width: 400px) {
          .lightbox-account-actions .lightbox-inner .connect p {
            padding: 2px 8px; } }
        .mouse .lightbox-account-actions .lightbox-inner .connect p:hover {
          background: #f15c2e;
          border-color: #f15c2e;
          color: #fff;
          cursor: pointer; }
      .lightbox-account-actions .lightbox-inner .connect .facebook {
        float: left;
        width: 45%; }
      .lightbox-account-actions .lightbox-inner .connect .twitter {
        float: right;
        width: 45%; }
      @media (max-width: 750px) {
        .lightbox-account-actions .lightbox-inner .connect .facebook,
        .lightbox-account-actions .lightbox-inner .connect .twitter {
          float: none !important;
          display: block !important;
          width: auto !important;
          margin: 10px 0; } }
      @media (max-width: 400px) {
        .lightbox-account-actions .lightbox-inner .connect .facebook {
          margin: 0 0 4px 0; }
        .lightbox-account-actions .lightbox-inner .connect .twitter {
          margin: 0; } }
    .lightbox-account-actions .lightbox-inner fieldset {
      padding: 0;
      text-align: center; }
      @media (max-width: 400px) {
        .lightbox-account-actions .lightbox-inner fieldset input {
          margin: 0 0 8px 0; } }
      .lightbox-account-actions .lightbox-inner fieldset .button {
        float: none;
        display: inline-block; }
        @media (max-width: 400px) {
          .lightbox-account-actions .lightbox-inner fieldset .button {
            margin: 0; } }
    .lightbox-account-actions .lightbox-inner .help {
      clear: both;
      font-size: 12px;
      color: #656563;
      margin: 0 0 16px 0; }
    .lightbox-account-actions .lightbox-inner .recover {
      margin: 16px 0 0 0;
      text-align: center; }
      .lightbox-account-actions .lightbox-inner .recover a {
        font-family: Libre Baskerville, serif;
        font-style: italic;
        -webkit-transition: all 200ms linear 0ms;
        /* webkit mobile */
        transition: all 200ms linear 0ms; }
        .mouse .lightbox-account-actions .lightbox-inner .recover a:hover {
          color: #575551;
          text-decoration: underline; }
    .lightbox-account-actions .lightbox-inner .button-close {
      position: absolute;
      top: 3px;
      right: 10px;
      border-radius: 50%;
      color: #575551;
      font-family: campfire-icons;
      padding: 4px;
      font-size: 48px;
      cursor: pointer; }
  .lightbox-account-actions.loading .lightbox-inner {
    display: none; }

/*  end:  Lightbox  »  Account Actions  */
/*  begin:  Lightbox  »  Terms of Service  */
.lightbox-tos,
.lightbox-tos2 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }
  .lightbox-tos.loading,
  .lightbox-tos2.loading {
    background: rgba(0, 0, 0, 0.85) url(../images/global-elements-ajax-loader-dark.gif) no-repeat 50% 50%; }
  .lightbox-tos .lightbox-bg,
  .lightbox-tos2 .lightbox-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85); }
  .lightbox-tos.loading .lightbox-bg,
  .lightbox-tos2.loading .lightbox-bg {
    background: none; }
  .lightbox-tos .lightbox-inner,
  .lightbox-tos2 .lightbox-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE9 only */
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1240px;
    box-sizing: border-box;
    padding: 40px;
    background: #fefefd url(../images/global-bg.jpg) repeat 0 0; }
    @media (max-width: 520px) {
      .lightbox-tos .lightbox-inner,
      .lightbox-tos2 .lightbox-inner {
        padding: 35px 30px; } }
    .lightbox-tos .lightbox-inner .button-close,
    .lightbox-tos2 .lightbox-inner .button-close {
      position: absolute;
      top: 3px;
      right: 10px;
      border-radius: 50%;
      color: #575551;
      font-family: campfire-icons;
      padding: 4px;
      font-size: 48px;
      cursor: pointer; }
    .lightbox-tos .lightbox-inner .title,
    .lightbox-tos2 .lightbox-inner .title {
      font-family: Open Sans Condensed, sans-serif;
      color: #f15c2e;
      font-size: 48px;
      text-transform: uppercase;
      margin: 0 0 24px 0; }
      @media (max-width: 1600px) {
        .lightbox-tos .lightbox-inner .title,
        .lightbox-tos2 .lightbox-inner .title {
          font-size: 43.875px; } }
      @media (max-width: 1024px) {
        .lightbox-tos .lightbox-inner .title,
        .lightbox-tos2 .lightbox-inner .title {
          font-size: 39.75px; } }
      @media (max-width: 896px) {
        .lightbox-tos .lightbox-inner .title,
        .lightbox-tos2 .lightbox-inner .title {
          font-size: 35.625px; } }
      @media (max-width: 750px) {
        .lightbox-tos .lightbox-inner .title,
        .lightbox-tos2 .lightbox-inner .title {
          font-size: 31.5px; } }
      @media (max-width: 520px) {
        .lightbox-tos .lightbox-inner .title,
        .lightbox-tos2 .lightbox-inner .title {
          font-size: 29.025px; } }
    .lightbox-tos .lightbox-inner .text-content,
    .lightbox-tos2 .lightbox-inner .text-content {
      width: 100%;
      height: 50vh;
      overflow: auto;
      margin: 0 0 20px 0; }
      @media (max-width: 360px) {
        .lightbox-tos .lightbox-inner .text-content p, .lightbox-tos .lightbox-inner .text-content li,
        .lightbox-tos2 .lightbox-inner .text-content p,
        .lightbox-tos2 .lightbox-inner .text-content li {
          font-size: 14px; } }
    .lightbox-tos .lightbox-inner .button-container,
    .lightbox-tos2 .lightbox-inner .button-container {
      text-align: center; }
      .lightbox-tos .lightbox-inner .button-container .button,
      .lightbox-tos2 .lightbox-inner .button-container .button {
        margin: 0 10px; }

/*  end:  Lightbox  »  Terms of Service  */
/*  begin:  Lightbox  »  Event Patch Redeem  */
.lightbox-event-patch-redeem {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }
  .lightbox-event-patch-redeem.loading {
    background: rgba(0, 0, 0, 0.85) url(../images/global-elements-ajax-loader-dark.gif) no-repeat 50% 50%; }
  .lightbox-event-patch-redeem .lightbox-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85); }
  .lightbox-event-patch-redeem.loading .lightbox-bg {
    background: none; }
  .lightbox-event-patch-redeem .lightbox-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE9 only */
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 720px;
    box-sizing: border-box;
    padding: 50px 30px;
    background: #fefefd url(../images/global-bg.jpg) repeat 0 0;
    text-align: center; }
    .lightbox-event-patch-redeem .lightbox-inner h2 {
      font-family: Open Sans Condensed, sans-serif;
      color: #f15c2e; }
    .lightbox-event-patch-redeem .lightbox-inner .button-close {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 32px;
      line-height: 1;
      font-family: campfire-icons;
      color: #fff;
      cursor: pointer; }
    .lightbox-event-patch-redeem .lightbox-inner fieldset {
      padding: 0;
      text-align: center; }
      .lightbox-event-patch-redeem .lightbox-inner fieldset .button {
        float: none;
        display: inline-block; }
    .lightbox-event-patch-redeem .lightbox-inner .redeem {
      margin: 16px 0 0 0;
      text-align: center; }
      .lightbox-event-patch-redeem .lightbox-inner .redeem a {
        font-family: Libre Baskerville, serif;
        font-style: italic;
        -webkit-transition: all 200ms linear 0ms;
        /* webkit mobile */
        transition: all 200ms linear 0ms; }
        .mouse .lightbox-event-patch-redeem .lightbox-inner .redeem a:hover {
          color: #575551;
          text-decoration: underline; }
    .lightbox-event-patch-redeem .lightbox-inner .button-close {
      position: absolute;
      top: 3px;
      right: 10px;
      border-radius: 50%;
      color: #575551;
      font-family: campfire-icons;
      padding: 4px;
      font-size: 48px;
      cursor: pointer; }
  .lightbox-event-patch-redeem.loading .lightbox-inner {
    display: none; }

/*  end:  Lightbox  »  Event Patch Redeem  */
/*  begin:  Animation  »  Line  */
.animation-line {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #5a514a; }
  .animation-line:after {
    position: absolute;
    display: block;
    top: 50%;
    left: 100%;
    width: 20px;
    height: 1px;
    margin-left: 4px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE9 only */
    transform: rotate(0deg);
    background: #5a514a;
    content: "";
    transition: transform 225ms linear 225ms, top 225ms linear 225ms, left 225ms linear 0ms, width 225ms linear 0ms; }
  .mouse .animation-line:hover {
    text-decoration: none; }
    .mouse .animation-line:hover:after {
      top: 100%;
      left: 0;
      width: 100%;
      margin-left: 0px;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      /* IE9 only */
      transform: rotate(180deg);
      background: #f15c2e;
      transition: transform 225ms linear 0ms, top 225ms linear 0ms, left 225ms linear 168.75ms, width 225ms linear 168.75ms; }

/*  end:  Animation  »  Line  */
/*  begin:  Animation  »  Contact Desktop Open  */
@keyframes contact-desktop-open {
  0% {
    background-position: 50% 0%; }
  14.1% {
    background-position: 50% 0%; }
  14.2% {
    background-position: 50% 14.28571429%; }
  28.4% {
    background-position: 50% 14.28571429%; }
  28.5% {
    background-position: 50% 28.57142857%; }
  42.7% {
    background-position: 50% 28.57142857%; }
  42.8% {
    background-position: 50% 42.85714286%; }
  57.0% {
    background-position: 50% 42.85714286%; }
  57.1% {
    background-position: 50% 57.14285714%; }
  71.3% {
    background-position: 50% 57.14285714%; }
  71.4% {
    background-position: 50% 71.42857143%; }
  85.6% {
    background-position: 50% 71.42857143%; }
  85.7% {
    background-position: 50% 85.71428571%; }
  99.9% {
    background-position: 50% 85.71428571%; }
  100% {
    background-position: 50% 100%; } }

.animation-contact-desktop-open {
  animation-name: contact-desktop-open;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards; }

/*  end:  Animation  »  Contact Desktop Open  */
/*  begin:  Animation  »  Contact Desktop Close  */
@keyframes contact-desktop-close {
  0% {
    background-position: 50% 100%; }
  0.1% {
    background-position: 50% 85.71428571%; }
  8.47142857% {
    background-position: 50% 85.71428571%; }
  8.57142857% {
    background-position: 50% 71.42857143%; }
  22.75714286% {
    background-position: 50% 71.42857143%; }
  22.85714286% {
    background-position: 50% 57.14285714%; }
  37.04285714% {
    background-position: 50% 57.14285714%; }
  37.14285714% {
    background-position: 50% 42.85714286%; }
  51.32857143% {
    background-position: 50% 42.85714286%; }
  51.42857143% {
    background-position: 50% 28.57142857%; }
  65.61428571% {
    background-position: 50% 28.57142857%; }
  65.71428571% {
    background-position: 50% 14.28571429%; }
  79.9% {
    background-position: 50% 14.28571429%; }
  80% {
    background-position: 50% 0%;
    transform: translateX(0%); }
  100% {
    background-position: 50% 0%;
    transform: translateX(-400%); } }

.animation-contact-desktop-close {
  animation-name: contact-desktop-close;
  animation-duration: 1.75s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both; }

/*  end:  Animation  »  Contact Desktop Close  */
.flickity-page-dots .dot.is-selected {
  background: #f15c2e !important; }

.button {
  display: inline-block;
  padding: 0;
  border: 0;
  background: transparent;
  border: 2px solid #ccc;
  border-style: solid;
  border-width: 2px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none !important; }
  .button::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important; }
  .button span {
    display: block;
    margin: 0;
    padding: 10.6666666667px 16px;
    box-sizing: border-box;
    text-align: center;
    min-width: 10em;
    font-size: 20px;
    font-weight: 700;
    /* bold */
    font-family: Open Sans, sans-serif;
    color: #666; }
    @media (max-width: 1600px) {
      .button span {
        font-size: 19.375px; } }
    @media (max-width: 1024px) {
      .button span {
        font-size: 18.75px; } }
    @media (max-width: 896px) {
      .button span {
        font-size: 18.125px; } }
    @media (max-width: 750px) {
      .button span {
        font-size: 17.5px; } }
    @media (max-width: 520px) {
      .button span {
        font-size: 17.125px; } }
  .mouse .button:hover span {
    opacity: 0.9; }

.button--small span {
  padding: 5.3333333333px 10.6666666667px; }

.button--orange {
  border: 2px solid #f15c2e;
  -moz-border-image: url(../images/global-elements-button-border-orange.png) 2 stretch;
  -webkit-border-image: url(../images/global-elements-button-border-orange.png) 2 stretch;
  -o-border-image: url(../images/global-elements-button-border-orange.png) 2 stretch;
  border-image: url(../images/global-elements-button-border-orange.png) 2 stretch; }
  .button--orange span {
    color: #fff;
    background: url(../images/global-elements-button-bg-orange.png) no-repeat 0px 0px;
    background-size: 100% 100%; }

.button--yellow {
  border: 2px solid #f7d68f;
  -moz-border-image: url(../images/global-elements-button-border-yellow.png) 2 stretch;
  -webkit-border-image: url(../images/global-elements-button-border-yellow.png) 2 stretch;
  -o-border-image: url(../images/global-elements-button-border-yellow.png) 2 stretch;
  border-image: url(../images/global-elements-button-border-yellow.png) 2 stretch; }
  .button--yellow span {
    color: #3a2228;
    background: url(../images/global-elements-button-bg-yellow.png) no-repeat 0px 0px;
    background-size: 100% 100%; }
  .mouse .button--yellow:hover span {
    opacity: 0.9; }

.button--grey {
  border: 2px solid #656563;
  -moz-border-image: url(../images/global-elements-button-border-grey.png) 2 stretch;
  -webkit-border-image: url(../images/global-elements-button-border-grey.png) 2 stretch;
  -o-border-image: url(../images/global-elements-button-border-grey.png) 2 stretch;
  border-image: url(../images/global-elements-button-border-grey.png) 2 stretch; }
  .button--grey span {
    color: #fff;
    background: url(../images/global-elements-button-bg-grey.png) no-repeat 0px 0px;
    background-size: 100% 100%; }
  .mouse .button--grey:hover span {
    opacity: 0.9; }

/*  begin:  Format  »  News Details  */
.format-news-details .meta .timestamp {
  font-family: Open Sans, sans-serif;
  display: inline;
  font-size: 20px;
  font-weight: 700;
  /* bold */
  text-transform: uppercase;
  color: #3a2228; }
  @media (max-width: 1600px) {
    .format-news-details .meta .timestamp {
      font-size: 19.375px; } }
  @media (max-width: 1024px) {
    .format-news-details .meta .timestamp {
      font-size: 18.75px; } }
  @media (max-width: 896px) {
    .format-news-details .meta .timestamp {
      font-size: 18.125px; } }
  @media (max-width: 750px) {
    .format-news-details .meta .timestamp {
      font-size: 17.5px; } }
  @media (max-width: 520px) {
    .format-news-details .meta .timestamp {
      font-size: 17.125px; } }
.format-news-details .meta .category {
  margin: 0;
  color: #3a2228;
  font-family: Open Sans, sans-serif;
  display: inline;
  font-size: 20px;
  font-weight: 700;
  /* bold */
  text-transform: uppercase; }
  .format-news-details .meta .category:before {
    display: inline-block;
    padding: 0 10.6666666667px;
    content: "|"; }
  @media (max-width: 640px) {
    .format-news-details .meta .category {
      display: block; }
      .format-news-details .meta .category:before {
        display: none; } }
  .format-news-details .meta .category a {
    text-decoration: none; }
  @media (max-width: 1600px) {
    .format-news-details .meta .category {
      font-size: 19.375px; } }
  @media (max-width: 1024px) {
    .format-news-details .meta .category {
      font-size: 18.75px; } }
  @media (max-width: 896px) {
    .format-news-details .meta .category {
      font-size: 18.125px; } }
  @media (max-width: 750px) {
    .format-news-details .meta .category {
      font-size: 17.5px; } }
  @media (max-width: 520px) {
    .format-news-details .meta .category {
      font-size: 17.125px; } }
.format-news-details .title {
  font-size: 30px;
  text-transform: uppercase;
  margin-top: 20px; }
  @media (max-width: 1600px) {
    .format-news-details .title {
      font-size: 28.125px; } }
  @media (max-width: 1024px) {
    .format-news-details .title {
      font-size: 26.25px; } }
  @media (max-width: 896px) {
    .format-news-details .title {
      font-size: 24.375px; } }
  @media (max-width: 750px) {
    .format-news-details .title {
      font-size: 22.5px; } }
  @media (max-width: 520px) {
    .format-news-details .title {
      font-size: 21.375px; } }
  @media (max-width: 1600px) {
    .format-news-details .title {
      margin-top: 17.5px; } }
  @media (max-width: 1024px) {
    .format-news-details .title {
      margin-top: 15px; } }
  @media (max-width: 896px) {
    .format-news-details .title {
      margin-top: 12.5px; } }
  @media (max-width: 750px) {
    .format-news-details .title {
      margin-top: 10px; } }
  @media (max-width: 520px) {
    .format-news-details .title {
      margin-top: 8.5px; } }
  .format-news-details .title a {
    text-decoration: none; }

.format-news-details .excerpt {
  padding: 24px 0; }
  .format-news-details .excerpt p {
    font-size: 19px; }
    @media (max-width: 1600px) {
      .format-news-details .excerpt p {
        font-size: 18.5px; } }
    @media (max-width: 1024px) {
      .format-news-details .excerpt p {
        font-size: 18px; } }
    @media (max-width: 896px) {
      .format-news-details .excerpt p {
        font-size: 17.5px; } }
    @media (max-width: 750px) {
      .format-news-details .excerpt p {
        font-size: 17px; } }
    @media (max-width: 520px) {
      .format-news-details .excerpt p {
        font-size: 16.7px; } }
.format-news-details .more {
  margin: 0;
  font-size: 19px; }
  @media (max-width: 1600px) {
    .format-news-details .more {
      font-size: 18.5px; } }
  @media (max-width: 1024px) {
    .format-news-details .more {
      font-size: 18px; } }
  @media (max-width: 896px) {
    .format-news-details .more {
      font-size: 17.5px; } }
  @media (max-width: 750px) {
    .format-news-details .more {
      font-size: 17px; } }
  @media (max-width: 520px) {
    .format-news-details .more {
      font-size: 16.7px; } }
  .format-news-details .more a {
    display: inline-block;
    color: #f15c2e; }
    .format-news-details .more a:after {
      background: #f15c2e; }

/*  end:  Format  »  News Details  */
/*  begin:  Format  »  Section Header  */
.format-section-header {
  text-align: center; }
  .format-section-header .title {
    font-family: Open Sans Condensed, sans-serif;
    font-size: 64px;
    color: #f15c2e;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url(../images/global-elements-text-fill-orange.png) repeat 50% 50%;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    background-size: 100% 100%;
    line-height: 0.95;
    padding-bottom: 0.15em; }
    @media (max-width: 1600px) {
      .format-section-header .title {
        font-size: 57.875px; } }
    @media (max-width: 1024px) {
      .format-section-header .title {
        font-size: 51.75px; } }
    @media (max-width: 896px) {
      .format-section-header .title {
        font-size: 45.625px; } }
    @media (max-width: 750px) {
      .format-section-header .title {
        font-size: 39.5px; } }
    @media (max-width: 520px) {
      .format-section-header .title {
        font-size: 35.825px; } }
  .format-section-header .intro {
    margin-top: 40px;
    font-family: Libre Baskerville, serif;
    font-size: 20px;
    font-style: italic; }
    @media (max-width: 1600px) {
      .format-section-header .intro {
        margin-top: 35px; } }
    @media (max-width: 1024px) {
      .format-section-header .intro {
        margin-top: 30px; } }
    @media (max-width: 896px) {
      .format-section-header .intro {
        margin-top: 25px; } }
    @media (max-width: 750px) {
      .format-section-header .intro {
        margin-top: 20px; } }
    @media (max-width: 520px) {
      .format-section-header .intro {
        margin-top: 17px; } }
    @media (max-width: 1600px) {
      .format-section-header .intro {
        font-size: 19.375px; } }
    @media (max-width: 1024px) {
      .format-section-header .intro {
        font-size: 18.75px; } }
    @media (max-width: 896px) {
      .format-section-header .intro {
        font-size: 18.125px; } }
    @media (max-width: 750px) {
      .format-section-header .intro {
        font-size: 17.5px; } }
    @media (max-width: 520px) {
      .format-section-header .intro {
        font-size: 17.125px; } }
/*  end:  Format  »  Section Header  */
/*  begin:  Format  »  Filter Bar  */
.format-filter-bar {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 2px solid #f1f0ec;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  .format-filter-bar.processing {
    opacity: 0.3;
    cursor: wait; }
  @media (max-width: 750px) {
    .format-filter-bar {
      border: 0;
      display: block;
      margin: 0 -20px;
      padding-top: 24px !important; } }
  .format-filter-bar.show-label:after {
    position: absolute;
    right: 100%;
    top: 0;
    width: 88px;
    height: 37px;
    background: url(../images/game-media-filter-label.png) no-repeat 0px 0px;
    content: "";
    margin: -10px 30px 0 0; }
    @media (min-width: 1400px) and (max-width: 1496px) {
      .format-filter-bar.show-label:after {
        -webkit-transform: translateX(60px);
        -ms-transform: translateX(60px);
        /* IE9 only */
        transform: translateX(60px); } }
    @media (min-width: 751px) and (max-width: 1400px) {
      .format-filter-bar.show-label:after {
        -webkit-transform: translateX(120px);
        -ms-transform: translateX(120px);
        /* IE9 only */
        transform: translateX(120px); } }
    @media (max-width: 750px) {
      .format-filter-bar.show-label:after {
        left: 50%;
        right: auto;
        top: -20px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        /* IE9 only */
        transform: translateX(-50%); } }
  .format-filter-bar .filter-item {
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    padding: 15px 40px;
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    font-weight: 700;
    /* bold */
    text-transform: uppercase;
    cursor: pointer;
    color: #9b9495;
    -webkit-transition: all 200ms linear 0ms;
    /* webkit mobile */
    transition: all 200ms linear 0ms; }
    @media (max-width: 750px) {
      .format-filter-bar .filter-item {
        padding: 10px 20px;
        background: #efeee1;
        float: none;
        text-align: center;
        border-bottom: 1px solid #d7d6ca; }
        .format-filter-bar .filter-item:first-child {
          border-top: 1px solid #d7d6ca; } }
    .format-filter-bar .filter-item.active {
      color: #656563; }
      @media (max-width: 750px) {
        .format-filter-bar .filter-item.active {
          color: #f15c2e; } }
    .format-filter-bar .filter-item.pending {
      color: #656563 !important; }
    .mouse .format-filter-bar .filter-item:hover {
      color: #656563; }
    .mouse .format-filter-bar .filter-item:hover:after {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      border-bottom: 2px solid #f1a48b;
      content: ""; }
      @media (max-width: 750px) {
        .mouse .format-filter-bar .filter-item:hover:after {
          display: none; } }
    .format-filter-bar .filter-item.active:after {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      border-bottom: 2px solid #f1a48b !important;
      content: ""; }
      @media (max-width: 750px) {
        .format-filter-bar .filter-item.active:after {
          display: none; } }
/*  end:  Format  »  Filter Bar  */
/*  begin:  Format  » Job Item  */
.format-job-item {
  position: relative;
  border: 2px solid #e5e5e5;
  padding: 24px 24px;
  text-align: center;
  margin: 0 0 24px 0;
  height: 18em;
  display: none; }
  .format-job-item.active {
    display: block; }
  @media (min-width: 751px) and (max-width: 896px) {
    .format-job-item {
      float: left;
      width: 48%;
      box-sizing: border-box;
      margin: 0 1% 2% 1%; }
      .format-job-item.row-xs {
        clear: left; } }
  @media (min-width: 897px) and (max-width: 1024px) {
    .format-job-item {
      float: left;
      width: 31.333%;
      margin: 0 1% 2% 1%;
      box-sizing: border-box; }
      .format-job-item.row-s {
        clear: left; } }
  @media (min-width: 1025px) {
    .format-job-item {
      float: left;
      width: 23%;
      margin: 0 1% 2% 1%;
      box-sizing: border-box; }
      .format-job-item.row-m {
        clear: left; } }
  .format-job-item:before {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 18px;
    height: 34px;
    background: url(../images/careers-overview-item-bg-topright.png) no-repeat 0px 0px;
    content: ""; }
  .format-job-item:after {
    position: absolute;
    bottom: -2px;
    left: -2px;
    width: 33px;
    height: 42px;
    background: url(../images/careers-overview-item-bg-bottomleft.png) no-repeat 0px 0px;
    content: ""; }
  .format-job-item .label {
    text-align: right; }
    .format-job-item .label img {
      display: inline-block; }
  .format-job-item .heading {
    font-family: Open Sans Condensed, sans-serif;
    font-size: 30px;
    font-weight: 700;
    /* bold */ }
    @media (max-width: 1600px) {
      .format-job-item .heading {
        font-size: 28.125px; } }
    @media (max-width: 1024px) {
      .format-job-item .heading {
        font-size: 26.25px; } }
    @media (max-width: 896px) {
      .format-job-item .heading {
        font-size: 24.375px; } }
    @media (max-width: 750px) {
      .format-job-item .heading {
        font-size: 22.5px; } }
    @media (max-width: 520px) {
      .format-job-item .heading {
        font-size: 21.375px; } }
    .format-job-item .heading a {
      text-decoration: none; }
  .format-job-item .location {
    font-size: 20px; }
    @media (max-width: 1600px) {
      .format-job-item .location {
        font-size: 19.375px; } }
    @media (max-width: 1024px) {
      .format-job-item .location {
        font-size: 18.75px; } }
    @media (max-width: 896px) {
      .format-job-item .location {
        font-size: 18.125px; } }
    @media (max-width: 750px) {
      .format-job-item .location {
        font-size: 17.5px; } }
    @media (max-width: 520px) {
      .format-job-item .location {
        font-size: 17.125px; } }
  .format-job-item .more {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE9 only */
    transform: translateX(-50%);
    font-size: 20px; }
    @media (max-width: 1600px) {
      .format-job-item .more {
        font-size: 19.375px; } }
    @media (max-width: 1024px) {
      .format-job-item .more {
        font-size: 18.75px; } }
    @media (max-width: 896px) {
      .format-job-item .more {
        font-size: 18.125px; } }
    @media (max-width: 750px) {
      .format-job-item .more {
        font-size: 17.5px; } }
    @media (max-width: 520px) {
      .format-job-item .more {
        font-size: 17.125px; } }
    .format-job-item .more a {
      color: #f15c2e; }
      .format-job-item .more a:after {
        background: #f15c2e; }
  .format-job-item .id {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    /* IE9 only */
    transform: rotate(-90deg);
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    /* IE9 only */
    transform-origin: 0% 100%;
    white-space: nowrap;
    margin: 0 0 0 -5px;
    padding: 0;
    font-size: 9px;
    text-transform: uppercase;
    z-index: 100;
    line-height: 1; }

/*  end:  Format  »  Job Item  */
/*  begin:  Format  »  Load More  */
.format-load-more {
  position: relative;
  text-align: center;
  padding: 36px 0; }
  .format-load-more span {
    display: inline-block;
    opacity: 0.5;
    -webkit-transition: all 600ms linear 0ms;
    /* webkit mobile */
    transition: all 600ms linear 0ms;
    cursor: pointer; }
    .mouse .format-load-more span:hover {
      opacity: 1; }

/*  end:  Format  »  Load More  */
/*  begin:  Format  »  Fanart Actions  */
@media (max-width: 360px) {
  .component-fanart-archive .fanart-item .meta span {
    font-size: 15px !important; } }

.format-fanart-actions {
  position: relative; }
  .format-fanart-actions .toggle {
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    /* bold */
    line-height: 4px;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-transition: color 200ms linear 0ms;
    /* webkit mobile */
    transition: color 200ms linear 0ms; }
    .mouse .format-fanart-actions .toggle:hover {
      color: #f15c2e; }
  .format-fanart-actions.expanded .toggle {
    color: #f15c2e; }
  .format-fanart-actions .menu {
    position: absolute;
    display: block;
    margin-bottom: -8px;
    padding: 0;
    list-style: none;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE9 only */
    transform: translateX(-50%);
    background: #fefaf1;
    border: 1px solid #acacab;
    width: 150px;
    display: none; }
    @media (max-width: 1300px) {
      .component-fanart-popup .format-fanart-actions .menu {
        -webkit-transform: translateX(-90%);
        -ms-transform: translateX(-90%);
        /* IE9 only */
        transform: translateX(-90%);
        left: 50%; } }
    @media (max-width: 360px) {
      .component-fanart-archive .format-fanart-actions .menu {
        -webkit-transform: translateX(-90%);
        -ms-transform: translateX(-90%);
        /* IE9 only */
        transform: translateX(-90%);
        left: 50%; } }
    .format-fanart-actions .menu:after, .format-fanart-actions .menu:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
      @media (max-width: 360px) {
        .component-fanart-archive .format-fanart-actions .menu:after, .component-fanart-archive .format-fanart-actions .menu:before {
          left: 90%; } }
      @media (max-width: 1300px) {
        .component-fanart-popup .format-fanart-actions .menu:after, .component-fanart-popup .format-fanart-actions .menu:before {
          left: 90%; } }
    .format-fanart-actions .menu:after {
      border-color: rgba(254, 250, 241, 0);
      border-top-color: #fefaf1;
      border-width: 8px;
      margin-left: -8px;
      margin-top: -3px; }
    .format-fanart-actions .menu:before {
      border-color: rgba(172, 172, 171, 0);
      border-top-color: #acacab;
      border-width: 7px;
      margin-left: -7px; }
    .format-fanart-actions .menu li {
      padding: 0px 4px;
      text-align: center;
      font-size: 11px;
      font-weight: 400;
      /* regular */
      color: #a5a49e;
      font-weight: 700;
      /* bold */
      font-family: Open Sans, sans-serif;
      text-transform: uppercase; }
      .format-fanart-actions .menu li:first-child {
        padding-top: 8px; }
      .format-fanart-actions .menu li:last-child {
        padding-bottom: 8px; }
      .format-fanart-actions .menu li a {
        color: #3a2228;
        text-decoration: none; }
        .mouse .format-fanart-actions .menu li a:hover {
          color: #f15c2e; }
    .format-fanart-actions .menu .report + .delete {
      padding-top: 16px !important; }
    .format-fanart-actions .menu .report.hidden + .delete {
      padding-top: 8px !important; }
  .format-fanart-actions.expanded .menu {
    display: block; }

/*  end:  Format  »  Fanart Actions  */
.component {
  position: relative; }
  .component.static {
    opacity: 0.25 !important;
    filter: grayscale(0.5); }
  .component .uppercase {
    text-transform: uppercase !important; }
  .component img {
    max-width: 100%; }
  .component .component-inner {
    position: relative;
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto; }
    .component .component-inner .component-inner {
      max-width: 9999px;
      padding: 0;
      margin: 0; }
  .component a {
    -webkit-transition: color 200ms linear 0ms;
    /* webkit mobile */
    transition: color 200ms linear 0ms; }
  .mouse .component a[data-action="account-login"]:hover, .mouse .component a[data-action="account-signup"]:hover {
    cursor: pointer !important; }
  .page-studio .component.component-generic-intro .format-section-header .intro {
    font-size: 26px; }
    @media (max-width: 1600px) {
      .page-studio .component.component-generic-intro .format-section-header .intro {
        font-size: 24.625px; } }
    @media (max-width: 1024px) {
      .page-studio .component.component-generic-intro .format-section-header .intro {
        font-size: 23.25px; } }
    @media (max-width: 896px) {
      .page-studio .component.component-generic-intro .format-section-header .intro {
        font-size: 21.875px; } }
    @media (max-width: 750px) {
      .page-studio .component.component-generic-intro .format-section-header .intro {
        font-size: 20.5px; } }
    @media (max-width: 520px) {
      .page-studio .component.component-generic-intro .format-section-header .intro {
        font-size: 19.675px; } }
.age-gate-restricted {
  /* screen reader only content */
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

input::-webkit-input-placeholder {
  font-style: normal;
  color: #aaa; }

input:-moz-placeholder {
  font-style: normal;
  color: #aaa; }

input::-moz-placeholder {
  font-style: normal;
  color: #aaa; }

input:-ms-input-placeholder {
  font-style: normal;
  color: #aaa; }

select::-webkit-select-placeholder {
  font-style: normal;
  color: #aaa; }

select:-moz-placeholder {
  font-style: normal;
  color: #aaa; }

select::-moz-placeholder {
  font-style: normal;
  color: #aaa; }

select:-ms-select-placeholder {
  font-style: normal;
  color: #aaa; }

/*  begin:  Component  »  Vertical Carousel  */
.component-vertical-carousel + .component {
  background: #fefefd url(../images/global-bg.jpg) repeat 0 0; }

.component-vertical-carousel {
  position: relative;
  width: 100%; }
  .component-vertical-carousel:after {
    position: absolute;
    display: block;
    bottom: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background: url(../images/global-elements-overlay-raggedborder-bottom.png) repeat-x 0px 0px;
    content: "";
    z-index: 50; }
  .component-vertical-carousel .slide-wrapper {
    position: relative;
    width: 100%; }
  .component-vertical-carousel.paralax .slide-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    overflow: hidden; }
  .component-vertical-carousel.scroll .slide-wrapper {
    position: absolute;
    top: auto;
    bottom: 0; }
  .component-vertical-carousel .slide-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .component-vertical-carousel.paralax .slide-container {
    -webkit-transition: transform 750ms ease-out 0ms;
    /* webkit mobile */
    transition: transform 750ms ease-out 0ms;
    transition-timing-function: cubic-bezier(0.29, 0.67, 0.33, 0.98); }
    .component-vertical-carousel.paralax .slide-container.slide-active-1 {
      -webkit-transform: translateY(0vh);
      -ms-transform: translateY(0vh);
      /* IE9 only */
      transform: translateY(0vh); }
    .component-vertical-carousel.paralax .slide-container.slide-active-2 {
      -webkit-transform: translateY(-100vh);
      -ms-transform: translateY(-100vh);
      /* IE9 only */
      transform: translateY(-100vh); }
    .component-vertical-carousel.paralax .slide-container.slide-active-3 {
      -webkit-transform: translateY(-200vh);
      -ms-transform: translateY(-200vh);
      /* IE9 only */
      transform: translateY(-200vh); }
    .component-vertical-carousel.paralax .slide-container.slide-active-4 {
      -webkit-transform: translateY(-300vh);
      -ms-transform: translateY(-300vh);
      /* IE9 only */
      transform: translateY(-300vh); }
  .component-vertical-carousel.scroll.paralax .slide-container {
    -webkit-transition: transform 0ms ease-out 0ms;
    /* webkit mobile */
    transition: transform 0ms ease-out 0ms; }
  .component-vertical-carousel.slide-count-1 {
    min-height: 100vh; }
  .component-vertical-carousel.slide-count-2 {
    min-height: 200vh; }
  .component-vertical-carousel.slide-count-3 {
    min-height: 300vh; }
  .component-vertical-carousel.slide-count-4 {
    min-height: 400vh; }
  .component-vertical-carousel .slide-item {
    position: relative;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
    .component-vertical-carousel .slide-item .overlay {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.25); }
  .component-vertical-carousel .caption {
    position: absolute;
    left: 56px;
    right: 56px;
    padding-right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE9 only */
    transform: translateY(-50%);
    color: #fff; }
    @media (max-width: 1600px) {
      .component-vertical-carousel .caption {
        left: 49px;
        right: 49px; } }
    @media (max-width: 1024px) {
      .component-vertical-carousel .caption {
        left: 42px;
        right: 42px; } }
    @media (max-width: 896px) {
      .component-vertical-carousel .caption {
        left: 35px;
        right: 35px; } }
    @media (max-width: 750px) {
      .component-vertical-carousel .caption {
        left: 28px;
        right: 28px; } }
    @media (max-width: 520px) {
      .component-vertical-carousel .caption {
        left: 23.8px;
        right: 23.8px; } }
    .component-vertical-carousel .caption .meta .label,
    .component-vertical-carousel .caption .meta .timestamp {
      color: #f7d68f;
      font-family: Open Sans, sans-serif;
      display: inline-block;
      font-size: 24px;
      font-weight: 700;
      /* bold */
      text-transform: uppercase; }
      @media (max-width: 1600px) {
        .component-vertical-carousel .caption .meta .label,
        .component-vertical-carousel .caption .meta .timestamp {
          font-size: 22.875px; } }
      @media (max-width: 1024px) {
        .component-vertical-carousel .caption .meta .label,
        .component-vertical-carousel .caption .meta .timestamp {
          font-size: 21.75px; } }
      @media (max-width: 896px) {
        .component-vertical-carousel .caption .meta .label,
        .component-vertical-carousel .caption .meta .timestamp {
          font-size: 20.625px; } }
      @media (max-width: 750px) {
        .component-vertical-carousel .caption .meta .label,
        .component-vertical-carousel .caption .meta .timestamp {
          font-size: 19.5px; } }
      @media (max-width: 520px) {
        .component-vertical-carousel .caption .meta .label,
        .component-vertical-carousel .caption .meta .timestamp {
          font-size: 18.825px; } }
    .component-vertical-carousel .caption .meta .category {
      margin: 0;
      display: inline-block;
      font-size: 24px;
      font-weight: 700;
      /* bold */
      text-transform: uppercase;
      color: #f7d68f; }
      .timestamp + .component-vertical-carousel .caption .meta .category:before {
        padding: 0 10.6666666667px;
        content: "|"; }
      @media (max-width: 640px) {
        .component-vertical-carousel .caption .meta .category {
          display: block; }
          .component-vertical-carousel .caption .meta .category:before {
            display: none; } }
      @media (max-width: 1600px) {
        .component-vertical-carousel .caption .meta .category {
          font-size: 22.875px; } }
      @media (max-width: 1024px) {
        .component-vertical-carousel .caption .meta .category {
          font-size: 21.75px; } }
      @media (max-width: 896px) {
        .component-vertical-carousel .caption .meta .category {
          font-size: 20.625px; } }
      @media (max-width: 750px) {
        .component-vertical-carousel .caption .meta .category {
          font-size: 19.5px; } }
      @media (max-width: 520px) {
        .component-vertical-carousel .caption .meta .category {
          font-size: 18.825px; } }
      .component-vertical-carousel .caption .meta .category a {
        color: #f7d68f; }
    .component-vertical-carousel .caption .title {
      font-size: 56px;
      text-transform: uppercase;
      color: #fff;
      line-height: 0.95;
      margin-top: 24px; }
      @media (max-width: 1600px) {
        .component-vertical-carousel .caption .title {
          font-size: 50.875px; } }
      @media (max-width: 1024px) {
        .component-vertical-carousel .caption .title {
          font-size: 45.75px; } }
      @media (max-width: 896px) {
        .component-vertical-carousel .caption .title {
          font-size: 40.625px; } }
      @media (max-width: 750px) {
        .component-vertical-carousel .caption .title {
          font-size: 35.5px; } }
      @media (max-width: 520px) {
        .component-vertical-carousel .caption .title {
          font-size: 32.425px; } }
      @media (max-width: 1600px) {
        .component-vertical-carousel .caption .title {
          margin-top: 21px; } }
      @media (max-width: 1024px) {
        .component-vertical-carousel .caption .title {
          margin-top: 18px; } }
      @media (max-width: 896px) {
        .component-vertical-carousel .caption .title {
          margin-top: 15px; } }
      @media (max-width: 750px) {
        .component-vertical-carousel .caption .title {
          margin-top: 12px; } }
      @media (max-width: 520px) {
        .component-vertical-carousel .caption .title {
          margin-top: 10.2px; } }
      .component-vertical-carousel .caption .title a {
        color: #fff; }
        .mouse .component-vertical-carousel .caption .title a:hover {
          text-decoration: none;
          color: #f15c2e; }
    .component-vertical-carousel .caption .caption {
      margin-top: 24px;
      color: #fff; }
      @media (max-width: 1600px) {
        .component-vertical-carousel .caption .caption {
          margin-top: 21px; } }
      @media (max-width: 1024px) {
        .component-vertical-carousel .caption .caption {
          margin-top: 18px; } }
      @media (max-width: 896px) {
        .component-vertical-carousel .caption .caption {
          margin-top: 15px; } }
      @media (max-width: 750px) {
        .component-vertical-carousel .caption .caption {
          margin-top: 12px; } }
      @media (max-width: 520px) {
        .component-vertical-carousel .caption .caption {
          margin-top: 10.2px; } }
      .component-vertical-carousel .caption .caption p {
        font-family: Open Sans, sans-serif;
        font-weight: 700;
        /* bold */
        font-size: 48px; }
        @media (max-width: 1600px) {
          .component-vertical-carousel .caption .caption p {
            font-size: 43.875px; } }
        @media (max-width: 1024px) {
          .component-vertical-carousel .caption .caption p {
            font-size: 39.75px; } }
        @media (max-width: 896px) {
          .component-vertical-carousel .caption .caption p {
            font-size: 35.625px; } }
        @media (max-width: 750px) {
          .component-vertical-carousel .caption .caption p {
            font-size: 31.5px; } }
        @media (max-width: 520px) {
          .component-vertical-carousel .caption .caption p {
            font-size: 29.025px; } }
      .component-vertical-carousel .caption .caption a {
        color: #fff; }
        .mouse .component-vertical-carousel .caption .caption a:hover {
          text-decoration: none;
          color: #f15c2e; }
    .component-vertical-carousel .caption .event .event-location,
    .component-vertical-carousel .caption .event .event-date {
      display: inline-block;
      text-transform: uppercase;
      font-size: 15px;
      color: #fff;
      font-weight: 600;
      /* semibold */
      padding-right: 20px;
      padding-top: 20px; }
    .component-vertical-carousel .caption .event .icon {
      line-height: 15px;
      font-size: 18px;
      font-family: campfire-icons;
      text-transform: none;
      color: #fff;
      font-weight: 400;
      /* regular */ }
    .component-vertical-carousel .caption .cta {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      /* IE9 only */
      transform: translate(-50%, -50%);
      font-size: 28px;
      color: #fff;
      cursor: pointer;
      text-transform: uppercase;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms; }
      @media (max-width: 1600px) {
        .component-vertical-carousel .caption .cta {
          font-size: 26.375px; } }
      @media (max-width: 1024px) {
        .component-vertical-carousel .caption .cta {
          font-size: 24.75px; } }
      @media (max-width: 896px) {
        .component-vertical-carousel .caption .cta {
          font-size: 23.125px; } }
      @media (max-width: 750px) {
        .component-vertical-carousel .caption .cta {
          font-size: 21.5px; } }
      @media (max-width: 520px) {
        .component-vertical-carousel .caption .cta {
          font-size: 20.525px; } }
      .component-vertical-carousel .caption .cta span {
        display: inline-block;
        padding: 56px; }
      .mouse .component-vertical-carousel .caption .cta:hover {
        color: #f15c2e; }
  .component-vertical-carousel .pagination {
    position: fixed;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE9 only */
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 50; }
    .component-vertical-carousel .pagination:before {
      position: absolute;
      left: 50%;
      top: 45px;
      bottom: 45px;
      width: 1px;
      background: #f6f4f2;
      content: "";
      z-index: -1; }
    .component-vertical-carousel .pagination li {
      margin: 40px 0;
      padding: 0;
      width: 12px;
      height: 12px;
      background: #f9d0a7;
      border-radius: 8px;
      border: 2px solid rgba(0, 0, 0, 0);
      cursor: pointer; }
      .component-vertical-carousel .pagination li.active {
        background: #f15c2e;
        border-color: #f9d0a7;
        cursor: default; }
  .component-vertical-carousel.scroll .pagination {
    position: absolute; }
  .component-vertical-carousel.scroll.slide-count-1 .pagination {
    top: 50vh !important; }
  .component-vertical-carousel.scroll.slide-count-2 .pagination {
    top: 150vh !important; }
  .component-vertical-carousel.scroll.slide-count-3 .pagination {
    top: 250vh !important; }
  .component-vertical-carousel.scroll.slide-count-4 .pagination {
    top: 350vh !important; }

/*  end:  Component  »  Vertical Carousel  */
/*  begin:  Component  »  Community Overview  */
.component-community-overview {
  overflow: hidden;
  padding-top: 120px; }
  @media (max-width: 1600px) {
    .component-community-overview {
      padding-top: 105px; } }
  @media (max-width: 1024px) {
    .component-community-overview {
      padding-top: 90px; } }
  @media (max-width: 896px) {
    .component-community-overview {
      padding-top: 75px; } }
  @media (max-width: 750px) {
    .component-community-overview {
      padding-top: 60px; } }
  @media (max-width: 520px) {
    .component-community-overview {
      padding-top: 51px; } }
  .page-homepage .component-community-overview {
    padding-top: 180px; }
    @media (max-width: 1600px) {
      .page-homepage .component-community-overview {
        padding-top: 157.5px; } }
    @media (max-width: 1024px) {
      .page-homepage .component-community-overview {
        padding-top: 135px; } }
    @media (max-width: 896px) {
      .page-homepage .component-community-overview {
        padding-top: 112.5px; } }
    @media (max-width: 750px) {
      .page-homepage .component-community-overview {
        padding-top: 90px; } }
    @media (max-width: 520px) {
      .page-homepage .component-community-overview {
        padding-top: 76.5px; } }
  .component-news-archive + .component-community-overview {
    padding-top: 0 !important; }
  .component-community-overview:last-child {
    padding-bottom: 120px; }
    @media (max-width: 1600px) {
      .component-community-overview:last-child {
        padding-bottom: 105px; } }
    @media (max-width: 1024px) {
      .component-community-overview:last-child {
        padding-bottom: 90px; } }
    @media (max-width: 896px) {
      .component-community-overview:last-child {
        padding-bottom: 75px; } }
    @media (max-width: 750px) {
      .component-community-overview:last-child {
        padding-bottom: 60px; } }
    @media (max-width: 520px) {
      .component-community-overview:last-child {
        padding-bottom: 51px; } }
  .component-community-overview .component-inner {
    position: relative;
    padding-bottom: 120px; }
    @media (max-width: 1600px) {
      .component-community-overview .component-inner {
        padding-bottom: 105px; } }
    @media (max-width: 1024px) {
      .component-community-overview .component-inner {
        padding-bottom: 90px; } }
    @media (max-width: 896px) {
      .component-community-overview .component-inner {
        padding-bottom: 75px; } }
    @media (max-width: 750px) {
      .component-community-overview .component-inner {
        padding-bottom: 60px; } }
    @media (max-width: 520px) {
      .component-community-overview .component-inner {
        padding-bottom: 51px; } }
    .page-homepage .component-community-overview .component-inner {
      margin-bottom: 120px; }
      @media (max-width: 1600px) {
        .page-homepage .component-community-overview .component-inner {
          margin-bottom: 105px; } }
      @media (max-width: 1024px) {
        .page-homepage .component-community-overview .component-inner {
          margin-bottom: 90px; } }
      @media (max-width: 896px) {
        .page-homepage .component-community-overview .component-inner {
          margin-bottom: 75px; } }
      @media (max-width: 750px) {
        .page-homepage .component-community-overview .component-inner {
          margin-bottom: 60px; } }
      @media (max-width: 520px) {
        .page-homepage .component-community-overview .component-inner {
          margin-bottom: 51px; } }
      .page-homepage .component-community-overview .component-inner:after {
        position: absolute;
        left: 50%;
        top: 100%;
        margin: 0 0 0 -10px;
        height: 2px;
        width: 20px;
        background: #f15c2e;
        content: ""; }
  .component-community-overview .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-community-overview .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-community-overview .followers {
    position: relative;
    display: block;
    margin: 0;
    padding: 55px 0;
    list-style: none;
    text-align: center; }
    .component-community-overview .followers .network-item {
      position: relative;
      margin: 16px;
      padding: 0;
      display: inline-block; }
      .component-community-overview .followers .network-item:before, .component-community-overview .followers .network-item:after {
        content: " ";
        display: table; }
      .component-community-overview .followers .network-item:after {
        clear: both; }
      @media (max-width: 750px) {
        .component-community-overview .followers .network-item:after {
          content: "";
          display: block;
          width: 1px;
          height: 1px; } }
      .component-community-overview .followers .network-item:first-child .icon {
        position: relative;
        left: 4px;
        left: 4px; }
    .component-community-overview .followers .icon {
      float: left;
      font-family: campfire-icons;
      font-size: 48px;
      line-height: 24px; }
    .component-community-overview .followers .facebook .icon {
      color: #3b5998; }
    .component-community-overview .followers .twitter .icon {
      color: #00aced; }
    .component-community-overview .followers .youtube .icon {
      color: #b00; }
    .component-community-overview .followers .tumblr .icon {
      color: #32506d; }
    .component-community-overview .followers .twitch .icon {
      color: #6441a5; }
    .component-community-overview .followers .instagram .icon {
      color: #517fa4; }
    .component-community-overview .followers .text {
      float: left;
      text-align: left; }
      .component-community-overview .followers .text .count {
        margin: 0;
        padding: 0 0 6px 0;
        line-height: 14px;
        font-family: Libre Baskerville, serif;
        font-size: 18px;
        font-weight: 700;
        /* bold */
        white-space: nowrap; }
        @media (max-width: 1600px) {
          .component-community-overview .followers .text .count {
            font-size: 17.625px; } }
        @media (max-width: 1024px) {
          .component-community-overview .followers .text .count {
            font-size: 17.25px; } }
        @media (max-width: 896px) {
          .component-community-overview .followers .text .count {
            font-size: 16.875px; } }
        @media (max-width: 750px) {
          .component-community-overview .followers .text .count {
            font-size: 16.5px; } }
        @media (max-width: 520px) {
          .component-community-overview .followers .text .count {
            font-size: 16.275px; } }
      .component-community-overview .followers .text .type {
        margin: 0;
        padding: 0 0 0 2px;
        line-height: 10px;
        font-size: 10px;
        font-weight: 400;
        /* regular */
        text-transform: uppercase;
        white-space: nowrap;
        font-variant: small-caps; }
  .component-community-overview .feed-container {
    position: relative;
    display: block; }
    .component-community-overview .feed-container:after {
      content: "";
      display: none; }
    @media (max-width: 750px) {
      .component-community-overview .feed-container:after {
        content: "flickity"; } }
    .component-community-overview .feed-container .flickity-prev-next-button {
      display: none !important; }
    @media (max-width: 750px) {
      .component-community-overview .feed-container .flickity-page-dots {
        bottom: -45px; } }
    @media (max-width: 750px) {
      .component-community-overview .feed-container .flickity-viewport {
        margin: 0 0 36px 0 !important; } }
  .component-community-overview .feed-item {
    position: relative;
    border: 1px dashed #b2b1b3;
    box-sizing: border-box; }
    .component-community-overview .feed-item:before, .component-community-overview .feed-item:after {
      content: " ";
      display: table; }
    .component-community-overview .feed-item:after {
      clear: both; }
    @media (max-width: 750px) {
      .component-community-overview .feed-item {
        width: 100%;
        min-height: 104vw; } }
    @media (min-width: 751px) {
      .component-community-overview .feed-item {
        float: left;
        width: 48%;
        margin: 1%; }
        .component-community-overview .feed-item.feed-item--reddit {
          width: 98%; } }
    @media (min-width: 1025px) {
      .component-community-overview .feed-item {
        float: left;
        width: 31.333%;
        margin: 1%; }
        .component-community-overview .feed-item.feed-item--reddit {
          width: 64.666%; } }
    .component-community-overview .feed-item .shim {
      width: 100%; }
    .component-community-overview .feed-item.feed-item--facebook .photo {
      background: url(../images/homepage-community-feed-facebook-photo-default.jpg) no-repeat 50% 50%;
      background-size: cover; }
    .component-community-overview .feed-item.feed-item--youtube .photo {
      background: url(../images/homepage-community-feed-youtube-photo-default.jpg) no-repeat 50% 50%;
      background-size: cover; }
    .component-community-overview .feed-item.feed-item--instagram .photo {
      background: url(../images/homepage-community-feed-instagram-photo-default.jpg) no-repeat 50% 50%;
      background-size: cover; }
    .component-community-overview .feed-item.feed-item--twitch .photo {
      background: url(../images/homepage-community-feed-twitch-photo-default.jpg) no-repeat 50% 50%;
      background-size: cover; }
    @media (max-width: 750px) {
      .component-community-overview .feed-item.feed-item--reddit {
        min-height: 100%; }
        .component-community-overview .feed-item.feed-item--reddit .photo, .component-community-overview .feed-item.feed-item--reddit .text {
          display: none !important; } }
    .component-community-overview .feed-item .photo {
      position: relative; }
      .component-community-overview .feed-item .photo .cta,
      .component-community-overview .feed-item .photo .action {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        /* IE9 only */
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 24px;
        font-weight: 400;
        /* regular */
        text-transform: uppercase;
        -webkit-transition: color 200ms linear 0ms;
        /* webkit mobile */
        transition: color 200ms linear 0ms;
        text-decoration: none;
        text-shadow: 0 0 8px black; }
        @media (max-width: 1600px) {
          .component-community-overview .feed-item .photo .cta,
          .component-community-overview .feed-item .photo .action {
            font-size: 22.875px; } }
        @media (max-width: 1024px) {
          .component-community-overview .feed-item .photo .cta,
          .component-community-overview .feed-item .photo .action {
            font-size: 21.75px; } }
        @media (max-width: 896px) {
          .component-community-overview .feed-item .photo .cta,
          .component-community-overview .feed-item .photo .action {
            font-size: 20.625px; } }
        @media (max-width: 750px) {
          .component-community-overview .feed-item .photo .cta,
          .component-community-overview .feed-item .photo .action {
            font-size: 19.5px; } }
        @media (max-width: 520px) {
          .component-community-overview .feed-item .photo .cta,
          .component-community-overview .feed-item .photo .action {
            font-size: 18.825px; } }
      .mouse .component-community-overview .feed-item .photo:hover .cta,
      .mouse .component-community-overview .feed-item .photo:hover .action {
        color: #f15c2e; }
      .component-community-overview .feed-item .photo .feed-status {
        position: absolute;
        left: 16px;
        top: 16px; }
        .component-community-overview .feed-item .photo .feed-status img {
          max-width: 75px;
          max-height: 75px; }
        .component-community-overview .feed-item .photo .feed-status p {
          margin: 0;
          padding: 4px 0 0 0;
          font-family: arial, sans-serif;
          text-align: center;
          font-size: 10px;
          color: #fff; }
    .component-community-overview .feed-item .post {
      position: relative; }
      .component-community-overview .feed-item .post p {
        position: absolute;
        top: 50%;
        left: 36px;
        right: 36px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        /* IE9 only */
        transform: translateY(-50%);
        font-size: 28px;
        text-align: center; }
        @media (max-width: 1600px) {
          .component-community-overview .feed-item .post p {
            left: 31.5px;
            right: 31.5px; } }
        @media (max-width: 1024px) {
          .component-community-overview .feed-item .post p {
            left: 27px;
            right: 27px; } }
        @media (max-width: 896px) {
          .component-community-overview .feed-item .post p {
            left: 22.5px;
            right: 22.5px; } }
        @media (max-width: 750px) {
          .component-community-overview .feed-item .post p {
            left: 18px;
            right: 18px; } }
        @media (max-width: 520px) {
          .component-community-overview .feed-item .post p {
            left: 15.3px;
            right: 15.3px; } }
        @media (max-width: 1600px) {
          .component-community-overview .feed-item .post p {
            font-size: 26.375px; } }
        @media (max-width: 1024px) {
          .component-community-overview .feed-item .post p {
            font-size: 24.75px; } }
        @media (max-width: 896px) {
          .component-community-overview .feed-item .post p {
            font-size: 23.125px; } }
        @media (max-width: 750px) {
          .component-community-overview .feed-item .post p {
            font-size: 21.5px; } }
        @media (max-width: 520px) {
          .component-community-overview .feed-item .post p {
            font-size: 20.525px; } }
        .component-community-overview .feed-item .post p a {
          color: #f15c2e; }
    .component-community-overview .feed-item .text {
      position: relative; }
      .component-community-overview .feed-item .text .timestamp {
        position: relative;
        padding: 100px 36px 16px 16px; }
      .component-community-overview .feed-item .text .disclaimer {
        position: relative;
        padding: 100px 36px 16px 16px;
        text-align: center;
        color: #a5a49e;
        text-transform: uppercase; }
        @media (max-width: 750px) {
          .component-community-overview .feed-item .text .disclaimer {
            display: none; } }
      .component-community-overview .feed-item .text .icon {
        position: absolute;
        bottom: 5.3333333333px;
        right: 10.6666666667px;
        font-family: campfire-icons;
        font-size: 32px; }
        .component-community-overview .feed-item .text .icon a {
          text-decoration: none; }
    .component-community-overview .feed-item.feed-item--facebook .icon a {
      color: #3b5998; }
    .component-community-overview .feed-item.feed-item--twitter .icon a {
      color: #00aced; }
    .component-community-overview .feed-item.feed-item--youtube .icon a {
      color: #b00; }
    .component-community-overview .feed-item.feed-item--tumblr .icon a {
      color: #32506d; }
    .component-community-overview .feed-item.feed-item--twitch .icon a {
      color: #6441a5; }
    .component-community-overview .feed-item.feed-item--instagram .icon a {
      color: #517fa4; }
    .component-community-overview .feed-item .disclaimer {
      text-transform: uppercase;
      font-size: 14px;
      color: #a5a49e; }
    .component-community-overview .feed-item .notice {
      position: relative;
      padding: 36px;
      text-align: center; }
      .component-community-overview .feed-item .notice .title {
        font-family: Open Sans Condensed, sans-serif;
        font-size: 36px;
        color: #f15c2e; }
        @media (max-width: 1600px) {
          .component-community-overview .feed-item .notice .title {
            font-size: 33.375px; } }
        @media (max-width: 1024px) {
          .component-community-overview .feed-item .notice .title {
            font-size: 30.75px; } }
        @media (max-width: 896px) {
          .component-community-overview .feed-item .notice .title {
            font-size: 28.125px; } }
        @media (max-width: 750px) {
          .component-community-overview .feed-item .notice .title {
            font-size: 25.5px; } }
        @media (max-width: 520px) {
          .component-community-overview .feed-item .notice .title {
            font-size: 23.925px; } }
      .component-community-overview .feed-item .notice .intro {
        font-family: Libre Baskerville, serif;
        font-size: 20px; }
        @media (max-width: 1600px) {
          .component-community-overview .feed-item .notice .intro {
            font-size: 19.375px; } }
        @media (max-width: 1024px) {
          .component-community-overview .feed-item .notice .intro {
            font-size: 18.75px; } }
        @media (max-width: 896px) {
          .component-community-overview .feed-item .notice .intro {
            font-size: 18.125px; } }
        @media (max-width: 750px) {
          .component-community-overview .feed-item .notice .intro {
            font-size: 17.5px; } }
        @media (max-width: 520px) {
          .component-community-overview .feed-item .notice .intro {
            font-size: 17.125px; } }
      @media (min-width: 751px) {
        .component-community-overview .feed-item .notice {
          position: absolute;
          top: 50%;
          padding: 0;
          left: 36px;
          right: 36px;
          -webkit-transform: translateY(-60%);
          -ms-transform: translateY(-60%);
          /* IE9 only */
          transform: translateY(-60%); } }
  @media (min-width: 751px) and (max-width: 1600px) {
    .component-community-overview .feed-item .notice {
      left: 31.5px;
      right: 31.5px; } }
  @media (min-width: 751px) and (max-width: 1024px) {
    .component-community-overview .feed-item .notice {
      left: 27px;
      right: 27px; } }
  @media (min-width: 751px) and (max-width: 896px) {
    .component-community-overview .feed-item .notice {
      left: 22.5px;
      right: 22.5px; } }
  @media (min-width: 751px) and (max-width: 750px) {
    .component-community-overview .feed-item .notice {
      left: 18px;
      right: 18px; } }
  @media (min-width: 751px) and (max-width: 520px) {
    .component-community-overview .feed-item .notice {
      left: 15.3px;
      right: 15.3px; } }
  @media (min-width: 751px) and (min-width: 751px) {
    .component-community-overview .feed-item .notice .disclaimer {
      display: none; } }
/*  end:  Component  »  Community Overview  */
/*  begin:  Component  »  Divider  */
.component-divider {
  padding: 0; }
  .component-divider hr {
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    background: url(../images/global-elements-hr.png) repeat-x 0px 0px !important; }

/*  end:  Component  »  Divider  */
/*  begin:  Component  »  Newsletter Sign-Up  */
.component-newsletter-signup {
  clear: both;
  text-align: center; }
  .component-newsletter-signup.processing {
    opacity: 0.5;
    cursor: wait; }
    .component-newsletter-signup.processing a, .component-newsletter-signup.processing button, .component-newsletter-signup.processing input {
      cursor: wait !important; }
  .component-community-overview + .component-newsletter-signup {
    margin-top: -120px; }
    @media (max-width: 1600px) {
      .component-community-overview + .component-newsletter-signup {
        margin-top: -105px; } }
    @media (max-width: 1024px) {
      .component-community-overview + .component-newsletter-signup {
        margin-top: -90px; } }
    @media (max-width: 896px) {
      .component-community-overview + .component-newsletter-signup {
        margin-top: -75px; } }
    @media (max-width: 750px) {
      .component-community-overview + .component-newsletter-signup {
        margin-top: -60px; } }
    @media (max-width: 520px) {
      .component-community-overview + .component-newsletter-signup {
        margin-top: -51px; } }
  #global-header .component-newsletter-signup {
    background: url(../images/newsletter-signup-bg.png) no-repeat 50% 0px;
    background-size: 100% auto; }
  #global-content .component-newsletter-signup .component-inner {
    background: url(../images/newsletter-signup-bg.png) no-repeat 50% 40px;
    background-size: 100% auto;
    padding-top: 120px;
    padding-bottom: 120px; }
    @media (max-width: 1600px) {
      #global-content .component-newsletter-signup .component-inner {
        padding-top: 105px;
        padding-bottom: 105px; } }
    @media (max-width: 1024px) {
      #global-content .component-newsletter-signup .component-inner {
        padding-top: 90px;
        padding-bottom: 90px; } }
    @media (max-width: 896px) {
      #global-content .component-newsletter-signup .component-inner {
        padding-top: 75px;
        padding-bottom: 75px; } }
    @media (max-width: 750px) {
      #global-content .component-newsletter-signup .component-inner {
        padding-top: 60px;
        padding-bottom: 60px; } }
    @media (max-width: 520px) {
      #global-content .component-newsletter-signup .component-inner {
        padding-top: 51px;
        padding-bottom: 51px; } }
  .component-newsletter-signup fieldset {
    display: block;
    padding: 20px 0; }
    .component-newsletter-signup fieldset:before, .component-newsletter-signup fieldset:after {
      content: " ";
      display: table; }
    .component-newsletter-signup fieldset:after {
      clear: both; }
    #global-content .component-newsletter-signup fieldset {
      padding: 45px 0; }
  .component-newsletter-signup input[type="text"] {
    display: inline-block;
    float: none;
    margin: 0 4px;
    width: 100%;
    max-width: 35em;
    height: 50px;
    background: #fff; }
    @media (max-width: 1024px) {
      .component-newsletter-signup input[type="text"] {
        max-width: 25em; } }
    @media (max-width: 750px) {
      .component-newsletter-signup input[type="text"] {
        display: block;
        margin: 0 auto 10.6666666667px auto; } }
  .component-newsletter-signup button {
    float: none;
    display: inline-block; }
    @media (max-width: 750px) {
      .component-newsletter-signup button {
        display: block;
        margin: 20px auto 0 auto; } }
  .component-newsletter-signup .disclaimer {
    font-size: 10px;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    /* bold */
    text-transform: uppercase;
    color: #9b9495; }
  @media (max-width: 750px) {
    .component-newsletter-signup .dob {
      width: 100%;
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: stretch;
      flex-direction: column; }
      .component-newsletter-signup .dob select {
        width: 100% !important;
        margin-right: 0; }
        .component-newsletter-signup .dob select + select {
          margin-top: 24px; }
        .component-newsletter-signup .dob select[name="day"], .component-newsletter-signup .dob select[name="year"] {
          margin-top: 0; }
        .component-newsletter-signup .dob select:last-child {
          width: 100% !important;
          margin-left: 0; } }
/*  end:  Component  »  Newsletter Sign-Up  */
/*  begin:  Component  »  Latest News  */
.component-latest-news {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-latest-news {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-latest-news {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-latest-news {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-latest-news {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-latest-news {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-page-title + .component-latest-news {
    padding-top: 60px; }
    @media (max-width: 1600px) {
      .component-page-title + .component-latest-news {
        padding-top: 52.5px; } }
    @media (max-width: 1024px) {
      .component-page-title + .component-latest-news {
        padding-top: 45px; } }
    @media (max-width: 896px) {
      .component-page-title + .component-latest-news {
        padding-top: 37.5px; } }
    @media (max-width: 750px) {
      .component-page-title + .component-latest-news {
        padding-top: 30px; } }
    @media (max-width: 520px) {
      .component-page-title + .component-latest-news {
        padding-top: 25.5px; } }
  .component-latest-news .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-latest-news .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-latest-news .all-news {
    padding: 36px 0 76px 0;
    text-align: center; }
    .component-latest-news .all-news a {
      position: relative;
      display: inline-block;
      font-size: 20px;
      font-variant: small-caps; }
      @media (max-width: 1600px) {
        .component-latest-news .all-news a {
          font-size: 19.375px; } }
      @media (max-width: 1024px) {
        .component-latest-news .all-news a {
          font-size: 18.75px; } }
      @media (max-width: 896px) {
        .component-latest-news .all-news a {
          font-size: 18.125px; } }
      @media (max-width: 750px) {
        .component-latest-news .all-news a {
          font-size: 17.5px; } }
      @media (max-width: 520px) {
        .component-latest-news .all-news a {
          font-size: 17.125px; } }
  .component-latest-news .label,
  .component-latest-news .featured {
    padding: 0 0 24px 0;
    text-align: center;
    width: 90%;
    box-sizing: border-box; }
    @media (max-width: 750px) {
      .component-latest-news .label,
      .component-latest-news .featured {
        text-align: left; } }
    .component-latest-news .label img,
    .component-latest-news .featured img {
      display: inline-block; }
  .component-latest-news .news-container {
    position: relative;
    display: block; }
  .component-latest-news .news-item {
    position: relative;
    display: block;
    margin-bottom: 64px; }
    .component-latest-news .news-item:before, .component-latest-news .news-item:after {
      content: " ";
      display: table; }
    .component-latest-news .news-item:after {
      clear: both; }
    @media (max-width: 1600px) {
      .component-latest-news .news-item {
        margin-bottom: 56px; } }
    @media (max-width: 1024px) {
      .component-latest-news .news-item {
        margin-bottom: 48px; } }
    @media (max-width: 896px) {
      .component-latest-news .news-item {
        margin-bottom: 40px; } }
    @media (max-width: 750px) {
      .component-latest-news .news-item {
        margin-bottom: 32px; } }
    @media (max-width: 520px) {
      .component-latest-news .news-item {
        margin-bottom: 27.2px; } }
    .component-latest-news .news-item:last-child {
      margin-bottom: 0 !important; }
    .component-latest-news .news-item .photo {
      position: relative;
      padding-bottom: 24px; }
      @media (max-width: 1600px) {
        .component-latest-news .news-item .photo {
          padding-bottom: 21px; } }
      @media (max-width: 1024px) {
        .component-latest-news .news-item .photo {
          padding-bottom: 18px; } }
      @media (max-width: 896px) {
        .component-latest-news .news-item .photo {
          padding-bottom: 15px; } }
      @media (max-width: 750px) {
        .component-latest-news .news-item .photo {
          padding-bottom: 12px; } }
      @media (max-width: 520px) {
        .component-latest-news .news-item .photo {
          padding-bottom: 10.2px; } }
      @media (min-width: 897px) {
        .component-latest-news .news-item .photo {
          float: left;
          width: 40%;
          padding-bottom: 0;
          padding-right: 36px;
          box-sizing: border-box; } }
      .component-latest-news .news-item .photo .photo-inner {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        border: 2px solid #575551;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); }
        .component-latest-news .news-item .photo .photo-inner img {
          width: 100%; }
    .component-latest-news .news-item .text {
      position: relative;
      padding-bottom: 24px; }
      .component-latest-news .news-item .text:after {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 0;
        border-bottom: 1px dashed #b2b1b3;
        content: ""; }
      .component-latest-news .news-item .text:last-child:after {
        display: none; }
      @media (min-width: 897px) {
        .component-latest-news .news-item .text {
          float: left;
          width: 60%;
          padding-left: 36px;
          box-sizing: border-box; }
          .component-latest-news .news-item .text:after {
            left: 36px; }
          .component-latest-news .news-item .text:last-child:after {
            display: block; } }
      .component-latest-news .news-item .text .title {
        font-size: 30px; }
        @media (max-width: 1600px) {
          .component-latest-news .news-item .text .title {
            font-size: 28.125px; } }
        @media (max-width: 1024px) {
          .component-latest-news .news-item .text .title {
            font-size: 26.25px; } }
        @media (max-width: 896px) {
          .component-latest-news .news-item .text .title {
            font-size: 24.375px; } }
        @media (max-width: 750px) {
          .component-latest-news .news-item .text .title {
            font-size: 22.5px; } }
        @media (max-width: 520px) {
          .component-latest-news .news-item .text .title {
            font-size: 21.375px; } }
      .component-latest-news .news-item .text .more .event-location,
      .component-latest-news .news-item .text .more .event-date {
        text-transform: uppercase;
        font-size: 15px;
        color: #656563;
        font-weight: 600;
        /* semibold */
        padding-right: 20px; }
      .component-latest-news .news-item .text .more .icon {
        line-height: 15px;
        font-size: 18px;
        font-family: campfire-icons;
        text-transform: none;
        color: #a5a49e;
        font-weight: 400;
        /* regular */ }
  .component-latest-news .event-cta {
    text-align: center;
    padding: 60px 0 0 0; }
    .component-latest-news .event-cta h4 {
      font-weight: 400;
      /* regular */
      font-family: Libre Baskerville, serif;
      font-size: 20px; }
      @media (max-width: 1600px) {
        .component-latest-news .event-cta h4 {
          font-size: 19.375px; } }
      @media (max-width: 1024px) {
        .component-latest-news .event-cta h4 {
          font-size: 18.75px; } }
      @media (max-width: 896px) {
        .component-latest-news .event-cta h4 {
          font-size: 18.125px; } }
      @media (max-width: 750px) {
        .component-latest-news .event-cta h4 {
          font-size: 17.5px; } }
      @media (max-width: 520px) {
        .component-latest-news .event-cta h4 {
          font-size: 17.125px; } }
      .component-latest-news .event-cta h4 a {
        text-decoration: underline; }

/*  end:  Component  »  Latest News  */
/*  begin:  Component  »  404  */
.component-404 {
  background: url(../images/page-404-bg-mobile.jpg) no-repeat 50% 50%;
  background-size: cover;
  min-height: 100vh;
  overflow: hidden;
  margin-top: -40px; }
  .component-404:after {
    position: absolute;
    display: block;
    bottom: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background: url(../images/global-elements-overlay-raggedborder-bottom.png) repeat-x 0px 0px;
    content: "";
    z-index: 50; }
  @media (min-width: 1025px) {
    .component-404 {
      background: #000; } }
  @media (max-width: 1024px) {
    .mouse .component-404 {
      background: #000; } }
  .component-404 video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2048px;
    height: 1152px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE9 only */
    transform: translate(-50%, -50%);
    opacity: 0.5;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    /* IE9 only */
    transform-origin: 0% 0%; }
    @media (max-width: 1024px) {
      .touch .component-404 video {
        display: none !important; } }
  .component-404 .format-section-header {
    padding: 25vh 0 0 0; }
    .component-404 .format-section-header .intro {
      color: #fff; }
  .component-404 .links {
    margin: 0;
    padding: 56px 0;
    list-style: none;
    font-family: Open Sans, sans-serif;
    text-align: center; }
    .component-404 .links li {
      margin: 0;
      padding: 0 10.6666666667px;
      display: inline-block; }
      .component-404 .links li a {
        font-weight: 700;
        /* bold */
        text-transform: uppercase;
        text-decoration: underline;
        color: #fff; }
        .mouse .component-404 .links li a:hover {
          color: #f7d68f; }

/*  end:  Component  »  404  */
/*  begin:  Component  »  Coming Soon  */
.component-coming-soon {
  background: url(../images/coming-soon-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  min-height: 100vh; }
  .component-coming-soon:after {
    position: absolute;
    display: block;
    bottom: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background: url(../images/global-elements-overlay-raggedborder-bottom.png) repeat-x 0px 0px;
    content: "";
    z-index: 50; }
  .component-coming-soon .format-section-header {
    padding: 25vh 0 0 0; }
    .component-coming-soon .format-section-header .title {
      -webkit-text-fill-color: #fff !important;
      background: none !important;
      -webkit-background-clip: border-box !important;
      color: #fff; }
    .component-coming-soon .format-section-header .intro {
      color: #fff !important; }
  .component-coming-soon .actions {
    padding: 56px 0;
    text-align: center; }

/*  end:  Component  »  Coming Soon  */
/*  begin:  Component  »  Age Gate  */
.component-age-gate {
  padding-top: 118px;
  container-type: inline-size; }
  @media (max-width: 1600px) {
    .component-age-gate {
      padding-top: 103.25px; } }
  @media (max-width: 1024px) {
    .component-age-gate {
      padding-top: 88.5px; } }
  @media (max-width: 896px) {
    .component-age-gate {
      padding-top: 73.75px; } }
  @media (max-width: 750px) {
    .component-age-gate {
      padding-top: 59px; } }
  @media (max-width: 520px) {
    .component-age-gate {
      padding-top: 50.15px; } }
  .component-age-gate .component-inner {
    padding-top: 60px;
    padding-bottom: 60px; }
    @media (max-width: 1600px) {
      .component-age-gate .component-inner {
        padding-top: 52.5px;
        padding-bottom: 52.5px; } }
    @media (max-width: 1024px) {
      .component-age-gate .component-inner {
        padding-top: 45px;
        padding-bottom: 45px; } }
    @media (max-width: 896px) {
      .component-age-gate .component-inner {
        padding-top: 37.5px;
        padding-bottom: 37.5px; } }
    @media (max-width: 750px) {
      .component-age-gate .component-inner {
        padding-top: 30px;
        padding-bottom: 30px; } }
    @media (max-width: 520px) {
      .component-age-gate .component-inner {
        padding-top: 25.5px;
        padding-bottom: 25.5px; } }
  .component-age-gate .birthday {
    text-align: center; }
    .component-age-gate .birthday:before, .component-age-gate .birthday:after {
      content: " ";
      display: table; }
    .component-age-gate .birthday:after {
      clear: both; }
    .component-age-gate .birthday fieldset {
      display: inline-block;
      padding-left: 0;
      padding-right: 0; }
      .component-age-gate .birthday fieldset:before, .component-age-gate .birthday fieldset:after {
        content: " ";
        display: table; }
      .component-age-gate .birthday fieldset:after {
        clear: both; }

@container (width < 751px) {
  .component-age-gate .birthday input {
    /* screen reader only content */
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }
  .component-age-gate .birthday select {
    display: block !important; } }

@container (width > 750px) {
  .component-age-gate .birthday select {
    display: none !important; } }
    .component-age-gate .birthday select {
      background: #fff;
      margin: 0 !important;
      text-align: center !important; }
    .component-age-gate .birthday select,
    .component-age-gate .birthday input {
      float: none;
      display: block;
      margin: 0;
      font-size: 64px;
      padding: 16px;
      text-align: center;
      font-family: Open Sans, sans-serif;
      font-weight: 700;
      /* bold */ }
      @media (max-width: 1600px) {
        .component-age-gate .birthday select,
        .component-age-gate .birthday input {
          font-size: 57.875px; } }
      @media (max-width: 1024px) {
        .component-age-gate .birthday select,
        .component-age-gate .birthday input {
          font-size: 51.75px; } }
      @media (max-width: 896px) {
        .component-age-gate .birthday select,
        .component-age-gate .birthday input {
          font-size: 45.625px; } }
      @media (max-width: 750px) {
        .component-age-gate .birthday select,
        .component-age-gate .birthday input {
          font-size: 39.5px; } }
      @media (max-width: 520px) {
        .component-age-gate .birthday select,
        .component-age-gate .birthday input {
          font-size: 35.825px; } }
@container (width < 751px) {
  .component-age-gate .birthday select,
  .component-age-gate .birthday input {
    font-size: 18px !important; } }
      @media (max-width: 1600px) {
        .component-age-gate .birthday select,
        .component-age-gate .birthday input {
          padding: 14px; } }
      @media (max-width: 1024px) {
        .component-age-gate .birthday select,
        .component-age-gate .birthday input {
          padding: 12px; } }
      @media (max-width: 896px) {
        .component-age-gate .birthday select,
        .component-age-gate .birthday input {
          padding: 10px; } }
      @media (max-width: 750px) {
        .component-age-gate .birthday select,
        .component-age-gate .birthday input {
          padding: 8px; } }
      @media (max-width: 520px) {
        .component-age-gate .birthday select,
        .component-age-gate .birthday input {
          padding: 6.8px; } }
    .component-age-gate .birthday label {
      clear: left;
      display: block;
      padding: 5.3333333333px 0 0 0;
      font-family: Open Sans, sans-serif;
      font-weight: 700;
      /* bold */
      font-size: 14px;
      text-transform: uppercase;
      color: #a5a49e; }
    .component-age-gate .birthday .day,
    .component-age-gate .birthday .month {
      float: left;
      margin: 10.6666666667px;
      text-align: left; }

@container (width < 751px) {
  .component-age-gate .birthday .day,
  .component-age-gate .birthday .month {
    margin: 10.6666666667px 3.2px; } }
      .component-age-gate .birthday .day select,
      .component-age-gate .birthday .day input,
      .component-age-gate .birthday .month select,
      .component-age-gate .birthday .month input {
        width: 3em; }

@container (width < 751px) {
  .component-age-gate .birthday .day select,
  .component-age-gate .birthday .day input,
  .component-age-gate .birthday .month select,
  .component-age-gate .birthday .month input {
    width: 4em; } }
    .component-age-gate .birthday .year {
      float: left;
      margin: 10.6666666667px;
      text-align: left; }

@container (width < 751px) {
  .component-age-gate .birthday .year {
    margin: 10.6666666667px 3.2px; } }
      .component-age-gate .birthday .year select,
      .component-age-gate .birthday .year input {
        width: 5em; }
    .component-age-gate .birthday .actions {
      position: relative;
      clear: both;
      padding: 16px 0;
      text-align: center; }
      .component-age-gate .birthday .actions button {
        float: none;
        display: inline-block; }

/*  end:  Component  »  Age Gate  */
/*  begin:  Component  »  FAQ  */
.component-faq .faq-header {
  padding-top: 72px;
  padding-bottom: 24px;
  background: #f15c2e;
  text-align: center; }
  @media (max-width: 1600px) {
    .component-faq .faq-header {
      padding-bottom: 21px; } }
  @media (max-width: 1024px) {
    .component-faq .faq-header {
      padding-bottom: 18px; } }
  @media (max-width: 896px) {
    .component-faq .faq-header {
      padding-bottom: 15px; } }
  @media (max-width: 750px) {
    .component-faq .faq-header {
      padding-bottom: 12px; } }
  @media (max-width: 520px) {
    .component-faq .faq-header {
      padding-bottom: 10.2px; } }
  .component-faq .faq-header .title {
    line-height: 1;
    font-size: 64px;
    color: #fff;
    color: #fff;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url(../images/global-elements-text-fill-white.png) repeat 50% 50%;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    background-size: 100% 100%; }
    @media (max-width: 1600px) {
      .component-faq .faq-header .title {
        font-size: 57.875px; } }
    @media (max-width: 1024px) {
      .component-faq .faq-header .title {
        font-size: 51.75px; } }
    @media (max-width: 896px) {
      .component-faq .faq-header .title {
        font-size: 45.625px; } }
    @media (max-width: 750px) {
      .component-faq .faq-header .title {
        font-size: 39.5px; } }
    @media (max-width: 520px) {
      .component-faq .faq-header .title {
        font-size: 35.825px; } }
  .component-faq .faq-header fieldset {
    display: block;
    padding: 45px 0; }
    .component-faq .faq-header fieldset:before, .component-faq .faq-header fieldset:after {
      content: " ";
      display: table; }
    .component-faq .faq-header fieldset:after {
      clear: both; }
  .component-faq .faq-header input[type="text"] {
    display: inline-block;
    float: none;
    margin: 0 4px;
    width: 100%;
    max-width: 25em;
    height: 50px;
    background: #fff; }
    @media (max-width: 750px) {
      .component-faq .faq-header input[type="text"] {
        display: block;
        margin: 0 auto 10.6666666667px auto; } }
  .component-faq .faq-header button {
    float: none;
    display: inline-block; }
    @media (max-width: 750px) {
      .component-faq .faq-header button {
        display: block;
        margin: 0 auto; } }
.component-faq .faq-group {
  position: relative;
  display: block;
  padding: 0 0 36px 0;
  padding-top: 36px; }
  .component-faq .faq-group .heading {
    font-family: Open Sans Condensed, sans-serif;
    padding-top: 36px;
    padding-bottom: 36px;
    font-size: 64px;
    text-transform: uppercase;
    text-align: center;
    color: #f15c2e;
    color: #f15c2e;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url(../images/global-elements-text-fill-orange.png) repeat 50% 50%;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    background-size: 100% 100%; }
    @media (max-width: 1600px) {
      .component-faq .faq-group .heading {
        padding-top: 31.5px;
        padding-bottom: 31.5px; } }
    @media (max-width: 1024px) {
      .component-faq .faq-group .heading {
        padding-top: 27px;
        padding-bottom: 27px; } }
    @media (max-width: 896px) {
      .component-faq .faq-group .heading {
        padding-top: 22.5px;
        padding-bottom: 22.5px; } }
    @media (max-width: 750px) {
      .component-faq .faq-group .heading {
        padding-top: 18px;
        padding-bottom: 18px; } }
    @media (max-width: 520px) {
      .component-faq .faq-group .heading {
        padding-top: 15.3px;
        padding-bottom: 15.3px; } }
    @media (max-width: 1600px) {
      .component-faq .faq-group .heading {
        font-size: 57.875px; } }
    @media (max-width: 1024px) {
      .component-faq .faq-group .heading {
        font-size: 51.75px; } }
    @media (max-width: 896px) {
      .component-faq .faq-group .heading {
        font-size: 45.625px; } }
    @media (max-width: 750px) {
      .component-faq .faq-group .heading {
        font-size: 39.5px; } }
    @media (max-width: 520px) {
      .component-faq .faq-group .heading {
        font-size: 35.825px; } }
  @media (max-width: 750px) {
    .component-faq .faq-group .social-share {
      display: block;
      padding: 0;
      list-style: none;
      width: 153px;
      margin: 0 auto; } }
  @media (min-width: 751px) {
    .component-faq .faq-group .social-share {
      position: absolute;
      right: 0;
      top: 50%;
      display: block;
      margin: 0;
      padding: 0;
      list-style: none;
      padding: 10.6666666667px 0 36px 0;
      width: 153px;
      -webkit-transform: translateY(-60%);
      -ms-transform: translateY(-60%);
      /* IE9 only */
      transform: translateY(-60%); } }
  .component-faq .faq-group .social-share li {
    float: left;
    margin: 10.6666666667px 10.6666666667px 0 10.6666666667px;
    padding: 0;
    font-family: campfire-icons;
    font-size: 28px !important;
    cursor: pointer;
    -webkit-transition: color 200ms linear 0ms;
    /* webkit mobile */
    transition: color 200ms linear 0ms; }
    .mouse .component-faq .faq-group .social-share li:hover {
      color: #f15c2e;
      text-decoration: none; }

/*  end:  Component  »  FAQ  */
/*  begin:  Component  »  Accordion  */
.component-accordion {
  padding: 0; }
  .component-accordion .accordion-item {
    position: relative;
    border-bottom: 1px dashed #a5a49e; }
    .component-accordion .accordion-item:last-child {
      border: 0; }
    .component-accordion .accordion-item .accordion-item-heading {
      position: relative;
      cursor: pointer;
      padding: 24px 0; }
      .component-accordion .accordion-item .accordion-item-heading h3 {
        font-family: Open Sans, sans-serif;
        font-size: 32px;
        font-weight: 700;
        /* bold */
        color: #f15c2e;
        padding-right: 30px; }
        @media (max-width: 1600px) {
          .component-accordion .accordion-item .accordion-item-heading h3 {
            font-size: 29.875px; } }
        @media (max-width: 1024px) {
          .component-accordion .accordion-item .accordion-item-heading h3 {
            font-size: 27.75px; } }
        @media (max-width: 896px) {
          .component-accordion .accordion-item .accordion-item-heading h3 {
            font-size: 25.625px; } }
        @media (max-width: 750px) {
          .component-accordion .accordion-item .accordion-item-heading h3 {
            font-size: 23.5px; } }
        @media (max-width: 520px) {
          .component-accordion .accordion-item .accordion-item-heading h3 {
            font-size: 22.225px; } }
        @media (max-width: 750px) {
          .component-accordion .accordion-item .accordion-item-heading h3 {
            padding-right: 0; } }
    .component-accordion .accordion-item.accordion-item--expanded h3 {
      color: #3a2228; }
    .component-accordion .accordion-item .accordion-item-content {
      position: relative;
      max-height: 0;
      overflow: hidden;
      -webkit-transition: max-height 300ms ease-out 0ms;
      /* webkit mobile */
      transition: max-height 300ms ease-out 0ms; }
      .component-accordion .accordion-item .accordion-item-content .content-wrapper {
        position: relative;
        padding: 10.6666666667px 0 36px 0; }
        .component-accordion .accordion-item .accordion-item-content .content-wrapper:before, .component-accordion .accordion-item .accordion-item-content .content-wrapper:after {
          content: " ";
          display: table; }
        .component-accordion .accordion-item .accordion-item-content .content-wrapper:after {
          clear: both; }
        @media (min-width: 751px) {
          .component-faq .component-accordion .accordion-item .accordion-item-content .content-wrapper {
            padding-right: 160px; } }
        .component-accordion .accordion-item .accordion-item-content .content-wrapper p, .component-accordion .accordion-item .accordion-item-content .content-wrapper li {
          font-size: 18px; }
          @media (max-width: 1600px) {
            .component-accordion .accordion-item .accordion-item-content .content-wrapper p, .component-accordion .accordion-item .accordion-item-content .content-wrapper li {
              font-size: 17.625px; } }
          @media (max-width: 1024px) {
            .component-accordion .accordion-item .accordion-item-content .content-wrapper p, .component-accordion .accordion-item .accordion-item-content .content-wrapper li {
              font-size: 17.25px; } }
          @media (max-width: 896px) {
            .component-accordion .accordion-item .accordion-item-content .content-wrapper p, .component-accordion .accordion-item .accordion-item-content .content-wrapper li {
              font-size: 16.875px; } }
          @media (max-width: 750px) {
            .component-accordion .accordion-item .accordion-item-content .content-wrapper p, .component-accordion .accordion-item .accordion-item-content .content-wrapper li {
              font-size: 16.5px; } }
          @media (max-width: 520px) {
            .component-accordion .accordion-item .accordion-item-content .content-wrapper p, .component-accordion .accordion-item .accordion-item-content .content-wrapper li {
              font-size: 16.275px; } }
    .component-accordion .accordion-item.accordion-item--expanded .accordion-item-content {
      max-height: 1000px !important;
      -webkit-transition: max-height 400ms ease-in 0ms;
      /* webkit mobile */
      transition: max-height 400ms ease-in 0ms; }
      @media (max-width: 1024px) {
        .component-accordion .accordion-item.accordion-item--expanded .accordion-item-content {
          max-height: 2000px !important; } }
      @media (max-width: 750px) {
        .component-accordion .accordion-item.accordion-item--expanded .accordion-item-content {
          max-height: 3000px !important; } }
    .component-accordion .accordion-item .accordion-item-heading:before {
      content: '+';
      position: absolute;
      padding: 2.5px 0 0 0;
      margin: 0;
      top: 50%;
      right: 15px;
      width: 24px;
      height: 24px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      /* IE9 only */
      transform: translateY(-50%);
      display: inline-block;
      box-sizing: border-box;
      font-style: normal;
      color: #575551;
      font-size: 17px;
      line-height: 17px;
      font-weight: 700;
      /* bold */
      text-align: center;
      font-family: arial, sans-serif;
      border: 1px solid #575551;
      border-radius: 50%;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms; }
      @media (max-width: 750px) {
        .component-accordion .accordion-item .accordion-item-heading:before {
          display: none; } }
    .mouse .component-accordion .accordion-item .accordion-item-heading:hover:before {
      color: #f15c2e;
      border-color: #f15c2e; }
    .component-accordion .accordion-item.accordion-item--expanded .accordion-item-heading:before {
      content: '-';
      padding: 0; }

/*  end:  Component  »  Accordion  */
/*  begin:  Component  »  Section Call to Action  */
.component-section-calltoaction {
  background: rgba(250, 250, 247, 0.5);
  border-top: 2px solid #f2f0eb;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 1600px) {
    .component-section-calltoaction {
      padding-top: 52.5px;
      padding-bottom: 52.5px; } }
  @media (max-width: 1024px) {
    .component-section-calltoaction {
      padding-top: 45px;
      padding-bottom: 45px; } }
  @media (max-width: 896px) {
    .component-section-calltoaction {
      padding-top: 37.5px;
      padding-bottom: 37.5px; } }
  @media (max-width: 750px) {
    .component-section-calltoaction {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (max-width: 520px) {
    .component-section-calltoaction {
      padding-top: 25.5px;
      padding-bottom: 25.5px; } }
  .page-studio .component-section-calltoaction {
    border-bottom: 2px solid #f2f0eb; }
  .component-section-calltoaction:before, .component-section-calltoaction:after {
    content: " ";
    display: table; }
  .component-section-calltoaction:after {
    clear: both; }
  .component-section-calltoaction .photo {
    padding: 0 0 24px 0; }
    @media (min-width: 751px) {
      .component-section-calltoaction .photo {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 0;
        padding-right: 36px; } }
    .component-section-calltoaction .photo img {
      box-sizing: border-box;
      width: 100%;
      border: 2px solid #f5d397; }
  @media (min-width: 751px) {
    .component-section-calltoaction .text {
      float: left;
      width: 50%;
      box-sizing: border-box;
      padding-left: 36px; } }
  .component-section-calltoaction .text .title {
    font-family: Open Sans Condensed, sans-serif;
    font-size: 50px;
    color: #f15c2e;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url(../images/global-elements-text-fill-orange.png) repeat 50% 50%;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    background-size: 100% 100%; }
    @media (max-width: 1600px) {
      .component-section-calltoaction .text .title {
        font-size: 45.625px; } }
    @media (max-width: 1024px) {
      .component-section-calltoaction .text .title {
        font-size: 41.25px; } }
    @media (max-width: 896px) {
      .component-section-calltoaction .text .title {
        font-size: 36.875px; } }
    @media (max-width: 750px) {
      .component-section-calltoaction .text .title {
        font-size: 32.5px; } }
    @media (max-width: 520px) {
      .component-section-calltoaction .text .title {
        font-size: 29.875px; } }
  .component-section-calltoaction .text p {
    font-size: 18px; }
    @media (max-width: 1600px) {
      .component-section-calltoaction .text p {
        font-size: 17.625px; } }
    @media (max-width: 1024px) {
      .component-section-calltoaction .text p {
        font-size: 17.25px; } }
    @media (max-width: 896px) {
      .component-section-calltoaction .text p {
        font-size: 16.875px; } }
    @media (max-width: 750px) {
      .component-section-calltoaction .text p {
        font-size: 16.5px; } }
    @media (max-width: 520px) {
      .component-section-calltoaction .text p {
        font-size: 16.275px; } }
  .component-section-calltoaction .text a {
    font-variant: small-caps;
    color: #f15c2e; }
    .component-section-calltoaction .text a:after {
      background: #f15c2e; }

/*  end:  Component  »  Section Call to Action  */
/*  begin:  Component  »  Page Title  */
.component-page-title {
  background-repeat: no-repeat;
  background-position: 50% 30%;
  background-size: cover; }
  .component-page-title:after {
    position: absolute;
    display: block;
    bottom: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background: url(../images/global-elements-overlay-raggedborder-bottom.png) repeat-x 0px 0px;
    content: "";
    z-index: 50; }
  .component-page-title .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/global-elements-overlay-gradient-black.png) repeat-x 0px 0px;
    background-size: auto 100%; }
  .component-page-title .content {
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center; }
    @media (max-width: 1600px) {
      .component-page-title .content {
        padding-top: 105px;
        padding-bottom: 105px; } }
    @media (max-width: 1024px) {
      .component-page-title .content {
        padding-top: 90px;
        padding-bottom: 90px; } }
    @media (max-width: 896px) {
      .component-page-title .content {
        padding-top: 75px;
        padding-bottom: 75px; } }
    @media (max-width: 750px) {
      .component-page-title .content {
        padding-top: 60px;
        padding-bottom: 60px; } }
    @media (max-width: 520px) {
      .component-page-title .content {
        padding-top: 51px;
        padding-bottom: 51px; } }
    .component-page-title .content.content--left {
      text-align: left; }
    .component-page-title .content.content--right {
      text-align: right; }
    .component-page-title .content .format-news-details {
      padding-top: 60px;
      padding-bottom: 60px; }
      @media (max-width: 1600px) {
        .component-page-title .content .format-news-details {
          padding-top: 52.5px;
          padding-bottom: 52.5px; } }
      @media (max-width: 1024px) {
        .component-page-title .content .format-news-details {
          padding-top: 45px;
          padding-bottom: 45px; } }
      @media (max-width: 896px) {
        .component-page-title .content .format-news-details {
          padding-top: 37.5px;
          padding-bottom: 37.5px; } }
      @media (max-width: 750px) {
        .component-page-title .content .format-news-details {
          padding-top: 30px;
          padding-bottom: 30px; } }
      @media (max-width: 520px) {
        .component-page-title .content .format-news-details {
          padding-top: 25.5px;
          padding-bottom: 25.5px; } }
      .component-page-title .content .format-news-details .meta p,
      .component-page-title .content .format-news-details .meta p a {
        color: #f7d68f; }
  .component-page-title .subtitle {
    margin: 0 0 16px 0;
    font-family: Libre Baskerville, serif;
    font-weight: 700;
    /* bold */
    font-size: 24px;
    text-transform: uppercase;
    color: #575551; }
    @media (max-width: 1600px) {
      .component-page-title .subtitle {
        font-size: 22.875px; } }
    @media (max-width: 1024px) {
      .component-page-title .subtitle {
        font-size: 21.75px; } }
    @media (max-width: 896px) {
      .component-page-title .subtitle {
        font-size: 20.625px; } }
    @media (max-width: 750px) {
      .component-page-title .subtitle {
        font-size: 19.5px; } }
    @media (max-width: 520px) {
      .component-page-title .subtitle {
        font-size: 18.825px; } }
  .component-page-title .title {
    margin: 0;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    /* bold */
    text-transform: uppercase;
    color: #fff;
    font-size: 64px;
    line-height: 0.9; }
    @media (max-width: 1600px) {
      .component-page-title .title {
        font-size: 57.875px; } }
    @media (max-width: 1024px) {
      .component-page-title .title {
        font-size: 51.75px; } }
    @media (max-width: 896px) {
      .component-page-title .title {
        font-size: 45.625px; } }
    @media (max-width: 750px) {
      .component-page-title .title {
        font-size: 39.5px; } }
    @media (max-width: 520px) {
      .component-page-title .title {
        font-size: 35.825px; } }
  .component-page-title p {
    font-family: Libre Baskerville, serif;
    font-weight: 400;
    /* regular */
    color: #fff;
    font-size: 24px; }
    @media (max-width: 1600px) {
      .component-page-title p {
        font-size: 22.875px; } }
    @media (max-width: 1024px) {
      .component-page-title p {
        font-size: 21.75px; } }
    @media (max-width: 896px) {
      .component-page-title p {
        font-size: 20.625px; } }
    @media (max-width: 750px) {
      .component-page-title p {
        font-size: 19.5px; } }
    @media (max-width: 520px) {
      .component-page-title p {
        font-size: 18.825px; } }
  .component-page-title .event .event-location,
  .component-page-title .event .event-date {
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    /* semibold */
    padding-right: 20px;
    padding-top: 20px; }
  .component-page-title .event .icon {
    line-height: 15px;
    font-size: 18px;
    font-family: campfire-icons;
    text-transform: none;
    color: #fff;
    font-weight: 400;
    /* regular */ }

/*  end:  Component  »  Page Title  */
/*  begin:  Component  »  Game Trailer  */
.component-game-trailer .component-inner {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-game-trailer .component-inner {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-game-trailer .component-inner {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-game-trailer .component-inner {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-game-trailer .component-inner {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-game-trailer .component-inner {
      padding-top: 51px;
      padding-bottom: 51px; } }
.component-game-trailer .format-section-header {
  position: relative;
  margin-bottom: 40px; }
  .component-game-trailer .format-section-header:after {
    position: absolute;
    left: 50%;
    top: 100%;
    margin: 38px 0 0 -10px;
    height: 2px;
    width: 20px;
    background: #f15c2e;
    content: ""; }

.component-game-trailer .banner {
  position: relative;
  max-height: 80vh;
  background-color: #a5a49e;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
  .component-game-trailer .banner:before {
    position: absolute;
    display: block;
    top: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background: url(../images/global-elements-overlay-raggedborder-top.png) repeat-x 0px 0px;
    content: "";
    z-index: 50; }
  .component-game-trailer .banner:after {
    position: absolute;
    display: block;
    bottom: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background: url(../images/global-elements-overlay-raggedborder-bottom.png) repeat-x 0px 0px;
    content: "";
    z-index: 50; }
  .component-game-trailer .banner .shim {
    width: 100%; }
    @media (max-width: 750px) {
      .component-game-trailer .banner .shim {
        min-height: 80vw; } }
  .component-game-trailer .banner .cta {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE9 only */
    transform: translate(-50%, -50%);
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: color 200ms linear 0ms;
    /* webkit mobile */
    transition: color 200ms linear 0ms;
    white-space: nowrap; }
    @media (max-width: 1600px) {
      .component-game-trailer .banner .cta {
        font-size: 26.375px; } }
    @media (max-width: 1024px) {
      .component-game-trailer .banner .cta {
        font-size: 24.75px; } }
    @media (max-width: 896px) {
      .component-game-trailer .banner .cta {
        font-size: 23.125px; } }
    @media (max-width: 750px) {
      .component-game-trailer .banner .cta {
        font-size: 21.5px; } }
    @media (max-width: 520px) {
      .component-game-trailer .banner .cta {
        font-size: 20.525px; } }
    .component-game-trailer .banner .cta span {
      display: inline-block;
      padding: 56px; }
    .mouse .component-game-trailer .banner .cta:hover {
      color: #f15c2e; }

/*  end:  Component  »  Game Trailer  */
/*  begin:  Component  »  Game Promo  */
.component-game-promo .component-inner {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-game-promo .component-inner {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-game-promo .component-inner {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-game-promo .component-inner {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-game-promo .component-inner {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-game-promo .component-inner {
      padding-top: 51px;
      padding-bottom: 51px; } }
.component-game-promo .banner {
  position: relative;
  max-height: 80vh;
  background-color: #a5a49e;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
  .component-game-promo .banner:before {
    position: absolute;
    display: block;
    top: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background: url(../images/global-elements-overlay-raggedborder-top.png) repeat-x 0px 0px;
    content: "";
    z-index: 50; }
  .component-game-promo .banner:after {
    position: absolute;
    display: block;
    bottom: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background: url(../images/global-elements-overlay-raggedborder-bottom.png) repeat-x 0px 0px;
    content: "";
    z-index: 50; }
  @media (max-width: 750px) {
    .component-game-promo .banner {
      min-height: 80vw; } }
  .component-game-promo .banner .shim {
    display: none; }
  .component-game-promo .banner .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1) url(../images/global-elements-overlay-gradient-black.png) repeat-x 0px 0px;
    background-size: auto 100%; }
  .component-game-promo .banner .cta {
    padding: 160px 0; }
    @media (max-width: 750px) {
      .component-game-promo .banner .cta {
        text-align: center; } }
    .component-game-promo .banner .cta p {
      font-family: Open Sans, sans-serif;
      font-weight: 700;
      /* bold */
      text-transform: uppercase;
      font-size: 40px;
      color: #fff;
      line-height: 1;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
      @media (max-width: 1600px) {
        .component-game-promo .banner .cta p {
          font-size: 36.875px; } }
      @media (max-width: 1024px) {
        .component-game-promo .banner .cta p {
          font-size: 33.75px; } }
      @media (max-width: 896px) {
        .component-game-promo .banner .cta p {
          font-size: 30.625px; } }
      @media (max-width: 750px) {
        .component-game-promo .banner .cta p {
          font-size: 27.5px; } }
      @media (max-width: 520px) {
        .component-game-promo .banner .cta p {
          font-size: 25.625px; } }
    .component-game-promo .banner .cta h2 {
      margin: 0;
      padding: 0;
      font-family: Open Sans, sans-serif;
      font-weight: 700;
      /* bold */
      font-size: 64px;
      color: #fff;
      text-transform: uppercase;
      line-height: 1;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
      @media (max-width: 1600px) {
        .component-game-promo .banner .cta h2 {
          font-size: 57.875px; } }
      @media (max-width: 1024px) {
        .component-game-promo .banner .cta h2 {
          font-size: 51.75px; } }
      @media (max-width: 896px) {
        .component-game-promo .banner .cta h2 {
          font-size: 45.625px; } }
      @media (max-width: 750px) {
        .component-game-promo .banner .cta h2 {
          font-size: 39.5px; } }
      @media (max-width: 520px) {
        .component-game-promo .banner .cta h2 {
          font-size: 35.825px; } }
      .component-game-promo .banner .cta h2 a {
        color: #fff; }

/*  end:  Component  »  Game Promo  */
/*  begin:  Component  »  Game Media  */
.component-game-media {
  overflow: hidden; }
  .component-game-media .component-inner {
    padding-top: 120px;
    padding-bottom: 60px; }
    @media (max-width: 1600px) {
      .component-game-media .component-inner {
        padding-top: 105px; } }
    @media (max-width: 1024px) {
      .component-game-media .component-inner {
        padding-top: 90px; } }
    @media (max-width: 896px) {
      .component-game-media .component-inner {
        padding-top: 75px; } }
    @media (max-width: 750px) {
      .component-game-media .component-inner {
        padding-top: 60px; } }
    @media (max-width: 520px) {
      .component-game-media .component-inner {
        padding-top: 51px; } }
    @media (max-width: 1600px) {
      .component-game-media .component-inner {
        padding-bottom: 52.5px; } }
    @media (max-width: 1024px) {
      .component-game-media .component-inner {
        padding-bottom: 45px; } }
    @media (max-width: 896px) {
      .component-game-media .component-inner {
        padding-bottom: 37.5px; } }
    @media (max-width: 750px) {
      .component-game-media .component-inner {
        padding-bottom: 30px; } }
    @media (max-width: 520px) {
      .component-game-media .component-inner {
        padding-bottom: 25.5px; } }
  .component-game-media .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-game-media .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-game-media .media-filters {
    position: relative;
    padding: 36px 0 0 0;
    text-align: center; }
    @media (max-width: 896px) {
      .component-game-media .media-filters {
        display: none; } }
  .component-game-media .media-carousel {
    position: relative;
    background: #111;
    width: 100vw; }
    .component-game-media .media-carousel:before, .component-game-media .media-carousel:after {
      content: " ";
      display: table; }
    .component-game-media .media-carousel:after {
      clear: both; }
    .component-game-media .media-carousel .media-item {
      position: relative;
      float: left;
      padding: 0;
      box-sizing: border-box;
      display: none; }
      .component-game-media .media-carousel .media-item .icon-video {
        position: absolute;
        bottom: 16px;
        right: 16px;
        width: 50px;
        height: 50px; }
        @media (max-width: 896px) {
          .component-game-media .media-carousel .media-item .icon-video {
            width: 25px;
            height: 25px;
            background-size: contain; } }
      .component-game-media .media-carousel .media-item .icon-photo {
        position: absolute;
        bottom: 16px;
        right: 16px;
        width: 50px;
        height: 50px;
        background: url(../images/global-elements-icon-photo-item.png) no-repeat 50% 50%; }
        @media (max-width: 896px) {
          .component-game-media .media-carousel .media-item .icon-photo {
            width: 25px;
            height: 25px;
            background-size: contain; } }
      .component-game-media .media-carousel .media-item .icon-wallpaper {
        position: absolute;
        bottom: 16px;
        right: 16px;
        width: 50px;
        height: 50px;
        background: url(../images/global-elements-icon-wallpaper-item.png) no-repeat 50% 50%; }
        @media (max-width: 896px) {
          .component-game-media .media-carousel .media-item .icon-wallpaper {
            width: 25px;
            height: 25px;
            background-size: contain; } }
      .component-game-media .media-carousel .media-item .cta {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        /* IE9 only */
        transform: translate(-50%, -50%);
        font-weight: 700;
        /* bold */
        font-size: 28px;
        color: #fff;
        font-family: Libre Baskerville, serif;
        white-space: nowrap; }
        @media (max-width: 1600px) {
          .component-game-media .media-carousel .media-item .cta {
            font-size: 26.375px; } }
        @media (max-width: 1024px) {
          .component-game-media .media-carousel .media-item .cta {
            font-size: 24.75px; } }
        @media (max-width: 896px) {
          .component-game-media .media-carousel .media-item .cta {
            font-size: 23.125px; } }
        @media (max-width: 750px) {
          .component-game-media .media-carousel .media-item .cta {
            font-size: 21.5px; } }
        @media (max-width: 520px) {
          .component-game-media .media-carousel .media-item .cta {
            font-size: 20.525px; } }
      .component-game-media .media-carousel .media-item .inner {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        cursor: pointer;
        overflow: hidden;
        background: #000; }
      @media (max-width: 896px) {
        .component-game-media .media-carousel .media-item.n1.active {
          width: 100vw;
          height: 100vw;
          display: block; }
        .component-game-media .media-carousel .media-item.n2.active, .component-game-media .media-carousel .media-item.n3.active {
          width: 100vw;
          height: 50vw;
          display: block; }
        .component-game-media .media-carousel .media-item.n4.active, .component-game-media .media-carousel .media-item.n5.active, .component-game-media .media-carousel .media-item.n6.active, .component-game-media .media-carousel .media-item.n7.active {
          width: 50vw;
          height: 66vw;
          display: block; } }
      @media (min-width: 897px) {
        .component-game-media .media-carousel .media-item.n1.active {
          width: 60vw;
          height: 34vw;
          display: block; }
        .component-game-media .media-carousel .media-item.n2.active {
          width: 40vw;
          height: 20vw;
          display: block; }
        .component-game-media .media-carousel .media-item.n3.active {
          width: 40vw;
          height: 26vw;
          display: block;
          clear: left; }
        .component-game-media .media-carousel .media-item.n4.active {
          width: 20vw;
          height: 26vw;
          display: block; }
        .component-game-media .media-carousel .media-item.n5.active {
          width: 40vw;
          height: 20vw;
          display: block;
          margin-top: -14vw; }
        .component-game-media .media-carousel .media-item.n6.active, .component-game-media .media-carousel .media-item.n7.active {
          width: 20vw;
          height: 20vw;
          display: block; } }
      .component-game-media .media-carousel .media-item img {
        position: absolute;
        left: 50%;
        top: 50%;
        opacity: 0.7;
        -webkit-transition: filter 300ms linear 0ms;
        /* webkit mobile */
        transition: filter 300ms linear 0ms;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0; }
        .mouse .component-game-media .media-carousel .media-item img:hover {
          opacity: 0.99; }

/*  end:  Component  »  Game Media  */
/*  begin:  Component  »  FAQ Overview  */
.component-faq-overview .component-inner {
  padding-top: 120px;
  padding-bottom: 120px; }
  .component-faq-overview .component-inner:before, .component-faq-overview .component-inner:after {
    content: " ";
    display: table; }
  .component-faq-overview .component-inner:after {
    clear: both; }
  @media (max-width: 1600px) {
    .component-faq-overview .component-inner {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-faq-overview .component-inner {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-faq-overview .component-inner {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-faq-overview .component-inner {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-faq-overview .component-inner {
      padding-top: 51px;
      padding-bottom: 51px; } }
.component-faq-overview .format-section-header {
  position: relative;
  margin-bottom: 40px; }
  .component-faq-overview .format-section-header:after {
    position: absolute;
    left: 50%;
    top: 100%;
    margin: 38px 0 0 -10px;
    height: 2px;
    width: 20px;
    background: #f15c2e;
    content: ""; }

.component-faq-overview .all-faqs {
  padding: 36px 0 76px 0;
  text-align: center; }
  .component-faq-overview .all-faqs a {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-variant: small-caps; }
    @media (max-width: 1600px) {
      .component-faq-overview .all-faqs a {
        font-size: 19.375px; } }
    @media (max-width: 1024px) {
      .component-faq-overview .all-faqs a {
        font-size: 18.75px; } }
    @media (max-width: 896px) {
      .component-faq-overview .all-faqs a {
        font-size: 18.125px; } }
    @media (max-width: 750px) {
      .component-faq-overview .all-faqs a {
        font-size: 17.5px; } }
    @media (max-width: 520px) {
      .component-faq-overview .all-faqs a {
        font-size: 17.125px; } }
.page-studio .component-faq-overview .faq-container {
  display: none; }

.component-faq-overview .faq-group {
  position: relative;
  text-align: center;
  padding: 0 0 36px 0; }
  @media (min-width: 897px) {
    .component-faq-overview .faq-group {
      float: left;
      width: 33.333%;
      padding: 0 24px;
      box-sizing: border-box; } }
  .component-faq-overview .faq-group .heading {
    color: #f15c2e;
    font-size: 32px; }
    @media (max-width: 1600px) {
      .component-faq-overview .faq-group .heading {
        font-size: 29.875px; } }
    @media (max-width: 1024px) {
      .component-faq-overview .faq-group .heading {
        font-size: 27.75px; } }
    @media (max-width: 896px) {
      .component-faq-overview .faq-group .heading {
        font-size: 25.625px; } }
    @media (max-width: 750px) {
      .component-faq-overview .faq-group .heading {
        font-size: 23.5px; } }
    @media (max-width: 520px) {
      .component-faq-overview .faq-group .heading {
        font-size: 22.225px; } }
  .component-faq-overview .faq-group .questions {
    margin: 0;
    padding: 0;
    list-style: none; }
  .component-faq-overview .faq-group .question-item {
    margin: 16px 0 0 0;
    padding: 0;
    font-size: 19px; }
    @media (max-width: 1600px) {
      .component-faq-overview .faq-group .question-item {
        font-size: 18.5px; } }
    @media (max-width: 1024px) {
      .component-faq-overview .faq-group .question-item {
        font-size: 18px; } }
    @media (max-width: 896px) {
      .component-faq-overview .faq-group .question-item {
        font-size: 17.5px; } }
    @media (max-width: 750px) {
      .component-faq-overview .faq-group .question-item {
        font-size: 17px; } }
    @media (max-width: 520px) {
      .component-faq-overview .faq-group .question-item {
        font-size: 16.7px; } }
    .component-faq-overview .faq-group .question-item a {
      text-decoration: underline; }

/*  end:  Component  »  FAQ Overview  */
/*  begin:  Component  »  Game Preorder  */
.component-game-preorder .games {
  position: relative; }

.component-game-preorder .game-item {
  position: relative;
  padding: 50px 0;
  border-top: 1px dashed #b2b1b3; }
  .component-game-preorder .game-item:before, .component-game-preorder .game-item:after {
    content: " ";
    display: table; }
  .component-game-preorder .game-item:after {
    clear: both; }
  .component-game-preorder .game-item:first-child {
    border: 0; }
  .component-game-preorder .game-item .photo {
    position: relative;
    padding: 0 0 36px 0;
    float: left;
    width: 50%;
    padding: 0 0 20px 0; }
    .component-game-preorder .game-item .photo img {
      max-width: 87%;
      box-sizing: border-box;
      border: 2px solid #656563; }
    @media (min-width: 751px) {
      .component-game-preorder .game-item .photo {
        width: 25%;
        padding: 0; }
        .component-game-preorder .game-item .photo img {
          max-width: 87%;
          max-height: 9999px;
          margin: 0; } }
  .component-game-preorder .game-item .text {
    position: relative; }
    .component-game-preorder .game-item .text:before, .component-game-preorder .game-item .text:after {
      content: " ";
      display: table; }
    .component-game-preorder .game-item .text:after {
      clear: both; }
    .component-game-preorder .game-item .text .title {
      font-family: Open Sans, sans-serif;
      font-weight: 700;
      /* bold */
      font-size: 34px;
      margin-bottom: 50px;
      color: #575551;
      float: left;
      width: 50%; }
      @media (max-width: 1600px) {
        .component-game-preorder .game-item .text .title {
          font-size: 31.625px; } }
      @media (max-width: 1024px) {
        .component-game-preorder .game-item .text .title {
          font-size: 29.25px; } }
      @media (max-width: 896px) {
        .component-game-preorder .game-item .text .title {
          font-size: 26.875px; } }
      @media (max-width: 750px) {
        .component-game-preorder .game-item .text .title {
          font-size: 24.5px; } }
      @media (max-width: 520px) {
        .component-game-preorder .game-item .text .title {
          font-size: 23.075px; } }
      @media (max-width: 1600px) {
        .component-game-preorder .game-item .text .title {
          margin-bottom: 43.75px; } }
      @media (max-width: 1024px) {
        .component-game-preorder .game-item .text .title {
          margin-bottom: 37.5px; } }
      @media (max-width: 896px) {
        .component-game-preorder .game-item .text .title {
          margin-bottom: 31.25px; } }
      @media (max-width: 750px) {
        .component-game-preorder .game-item .text .title {
          margin-bottom: 25px; } }
      @media (max-width: 520px) {
        .component-game-preorder .game-item .text .title {
          margin-bottom: 21.25px; } }
      @media (min-width: 751px) {
        .component-game-preorder .game-item .text .title {
          float: none;
          width: auto; } }
    .component-game-preorder .game-item .text .description {
      padding: 0 0 24px 0;
      clear: left; }
      @media (max-width: 750px) {
        .component-game-preorder .game-item .text .description {
          position: relative;
          max-height: 137px;
          overflow: hidden;
          -webkit-transition: all 600ms linear 0ms;
          /* webkit mobile */
          transition: all 600ms linear 0ms; }
          .component-game-preorder .game-item .text .description:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url(../images/preorder-description-overlay.png) no-repeat 50% 100%;
            content: ""; }
          .component-game-preorder .game-item .text .description:before {
            position: absolute;
            left: 50%;
            bottom: 15px;
            margin: 0 0 0 -25px;
            width: 50px;
            height: 30px;
            background: transparent;
            content: "";
            z-index: 100;
            cursor: pointer; }
          .component-game-preorder .game-item .text .description.expanded {
            max-height: 2048px !important; }
            .component-game-preorder .game-item .text .description.expanded:before, .component-game-preorder .game-item .text .description.expanded:after {
              display: none !important; } }
      @media (min-width: 751px) {
        .component-game-preorder .game-item .text .description {
          box-sizing: border-box;
          padding: 0;
          padding-right: 36px;
          float: left;
          width: 60%;
          clear: none; } }
      .component-game-preorder .game-item .text .description p {
        font-size: 18px;
        font-weight: 400;
        /* regular */ }
        @media (max-width: 1600px) {
          .component-game-preorder .game-item .text .description p {
            font-size: 17.625px; } }
        @media (max-width: 1024px) {
          .component-game-preorder .game-item .text .description p {
            font-size: 17.25px; } }
        @media (max-width: 896px) {
          .component-game-preorder .game-item .text .description p {
            font-size: 16.875px; } }
        @media (max-width: 750px) {
          .component-game-preorder .game-item .text .description p {
            font-size: 16.5px; } }
        @media (max-width: 520px) {
          .component-game-preorder .game-item .text .description p {
            font-size: 16.275px; } }
    .component-game-preorder .game-item .text .order {
      padding: 0 0 24px 0;
      text-align: center; }
      @media (min-width: 751px) {
        .component-game-preorder .game-item .text .order {
          box-sizing: border-box;
          padding: 0;
          padding-left: 36px;
          float: left;
          width: 40%;
          text-align: left; } }
      .component-game-preorder .game-item .text .order .heading {
        font-family: Libre Baskerville, serif;
        font-weight: 400;
        /* regular */
        font-size: 26px; }
        @media (max-width: 1600px) {
          .component-game-preorder .game-item .text .order .heading {
            font-size: 24.625px; } }
        @media (max-width: 1024px) {
          .component-game-preorder .game-item .text .order .heading {
            font-size: 23.25px; } }
        @media (max-width: 896px) {
          .component-game-preorder .game-item .text .order .heading {
            font-size: 21.875px; } }
        @media (max-width: 750px) {
          .component-game-preorder .game-item .text .order .heading {
            font-size: 20.5px; } }
        @media (max-width: 520px) {
          .component-game-preorder .game-item .text .order .heading {
            font-size: 19.675px; } }
      .component-game-preorder .game-item .text .order .price {
        margin: 3.2px 0 0 0;
        font-family: Open Sans, sans-serif;
        text-transform: uppercase;
        color: #f15c2e;
        font-size: 40px;
        font-weight: 700;
        /* bold */ }
        @media (max-width: 1600px) {
          .component-game-preorder .game-item .text .order .price {
            font-size: 36.875px; } }
        @media (max-width: 1024px) {
          .component-game-preorder .game-item .text .order .price {
            font-size: 33.75px; } }
        @media (max-width: 896px) {
          .component-game-preorder .game-item .text .order .price {
            font-size: 30.625px; } }
        @media (max-width: 750px) {
          .component-game-preorder .game-item .text .order .price {
            font-size: 27.5px; } }
        @media (max-width: 520px) {
          .component-game-preorder .game-item .text .order .price {
            font-size: 25.625px; } }
    @media (min-width: 751px) {
      .component-game-preorder .game-item .text {
        float: left;
        width: 75%; } }
/*  end:  Component  »  Game Preorder  */
/*  begin:  Component  »  System Requirements  */
.component-system-requirements .component-inner {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-system-requirements .component-inner {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-system-requirements .component-inner {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-system-requirements .component-inner {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-system-requirements .component-inner {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-system-requirements .component-inner {
      padding-top: 51px;
      padding-bottom: 51px; } }
.component-system-requirements .title {
  font-size: 36px;
  text-align: center;
  text-transform: uppercase;
  color: #f15c2e; }
  @media (max-width: 1600px) {
    .component-system-requirements .title {
      font-size: 33.375px; } }
  @media (max-width: 1024px) {
    .component-system-requirements .title {
      font-size: 30.75px; } }
  @media (max-width: 896px) {
    .component-system-requirements .title {
      font-size: 28.125px; } }
  @media (max-width: 750px) {
    .component-system-requirements .title {
      font-size: 25.5px; } }
  @media (max-width: 520px) {
    .component-system-requirements .title {
      font-size: 23.925px; } }
  @media (min-width: 897px) {
    .component-system-requirements .title {
      text-align: left;
      float: left; } }
.component-system-requirements .requirements-filters {
  position: relative;
  padding: 24px 0 0 0;
  text-align: center; }
  @media (min-width: 897px) {
    .component-system-requirements .requirements-filters {
      padding: 0;
      text-align: left;
      float: right; } }
.component-system-requirements .platforms {
  position: relative;
  clear: both;
  padding: 36px 0 0 0; }
  .component-system-requirements .platforms:before, .component-system-requirements .platforms:after {
    content: " ";
    display: table; }
  .component-system-requirements .platforms:after {
    clear: both; }
  .component-system-requirements .platforms .platform-item {
    position: relative;
    display: none; }
    .component-system-requirements .platforms .platform-item.active {
      display: block; }
  .component-system-requirements .platforms .specs {
    position: relative;
    padding: 0 0 36px 0; }
    @media (min-width: 897px) {
      .component-system-requirements .platforms .specs {
        float: left;
        padding-right: 36px;
        width: 50%;
        box-sizing: border-box; }
        .component-system-requirements .platforms .specs + .specs {
          padding-right: 36px; } }
    .component-system-requirements .platforms .specs .heading {
      font-size: 20px;
      text-transform: uppercase;
      color: #575551; }
      @media (max-width: 1600px) {
        .component-system-requirements .platforms .specs .heading {
          font-size: 19.375px; } }
      @media (max-width: 1024px) {
        .component-system-requirements .platforms .specs .heading {
          font-size: 18.75px; } }
      @media (max-width: 896px) {
        .component-system-requirements .platforms .specs .heading {
          font-size: 18.125px; } }
      @media (max-width: 750px) {
        .component-system-requirements .platforms .specs .heading {
          font-size: 17.5px; } }
      @media (max-width: 520px) {
        .component-system-requirements .platforms .specs .heading {
          font-size: 17.125px; } }
    .component-system-requirements .platforms .specs ul {
      color: #f15c2e; }
    .component-system-requirements .platforms .specs li {
      margin: 0 0 10.6666666667px 0; }
      .component-system-requirements .platforms .specs li p {
        color: #7a736c;
        letter-spacing: 0.01em; }
        .component-system-requirements .platforms .specs li p b {
          font-weight: 600;
          /* semibold */
          color: #000; }

/*  end:  Component  »  System Requirements  */
/*  begin:  Component  »  Genric Intro  */
.component-generic-intro {
  padding-top: 90px;
  padding-bottom: 90px; }
  @media (max-width: 1600px) {
    .component-generic-intro {
      padding-top: 78.75px;
      padding-bottom: 78.75px; } }
  @media (max-width: 1024px) {
    .component-generic-intro {
      padding-top: 67.5px;
      padding-bottom: 67.5px; } }
  @media (max-width: 896px) {
    .component-generic-intro {
      padding-top: 56.25px;
      padding-bottom: 56.25px; } }
  @media (max-width: 750px) {
    .component-generic-intro {
      padding-top: 45px;
      padding-bottom: 45px; } }
  @media (max-width: 520px) {
    .component-generic-intro {
      padding-top: 38.25px;
      padding-bottom: 38.25px; } }
  .component-generic-intro .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-generic-intro .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-generic-intro .cta {
    padding: 36px 0 0 0;
    text-align: center; }
    .component-generic-intro .cta a {
      position: relative;
      display: inline-block;
      font-size: 20px;
      font-variant: small-caps; }
      @media (max-width: 1600px) {
        .component-generic-intro .cta a {
          font-size: 19.375px; } }
      @media (max-width: 1024px) {
        .component-generic-intro .cta a {
          font-size: 18.75px; } }
      @media (max-width: 896px) {
        .component-generic-intro .cta a {
          font-size: 18.125px; } }
      @media (max-width: 750px) {
        .component-generic-intro .cta a {
          font-size: 17.5px; } }
      @media (max-width: 520px) {
        .component-generic-intro .cta a {
          font-size: 17.125px; } }
/*  end:  Component  »  Genric Intro  */
/*  begin:  Component  »  Image Slider  */
.component-image-slider {
  position: relative; }
  .component-image-slider:before {
    position: absolute;
    display: block;
    top: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background: url(../images/global-elements-overlay-raggedborder-top.png) repeat-x 0px 0px;
    content: "";
    z-index: 50; }
  .component-image-slider:after {
    position: absolute;
    display: block;
    bottom: 0;
    height: 3px;
    width: 100%;
    left: 0;
    background: url(../images/global-elements-overlay-raggedborder-bottom.png) repeat-x 0px 0px;
    content: "";
    z-index: 50; }
  .component-image-slider .slide-container {
    position: relative;
    width: 100%; }
    .component-image-slider .slide-container:after {
      content: "flickity";
      display: none; }
    .component-image-slider .slide-container .slide-item {
      position: relative;
      float: left;
      width: 100%;
      max-height: 90vh;
      max-height: calc(100vh - 120px); }
      .adminbar .component-image-slider .slide-container .slide-item {
        max-height: calc(100vh - 152px); }
      .component-image-slider .slide-container .slide-item img {
        width: 100%; }
      .component-image-slider .slide-container .slide-item .caption {
        position: absolute;
        width: 90%;
        left: 36px;
        bottom: 36px;
        font-style: italic;
        color: #fff;
        font-size: 22px; }
        @media (max-width: 1600px) {
          .component-image-slider .slide-container .slide-item .caption {
            left: 31.5px;
            bottom: 31.5px; } }
        @media (max-width: 1024px) {
          .component-image-slider .slide-container .slide-item .caption {
            left: 27px;
            bottom: 27px; } }
        @media (max-width: 896px) {
          .component-image-slider .slide-container .slide-item .caption {
            left: 22.5px;
            bottom: 22.5px; } }
        @media (max-width: 750px) {
          .component-image-slider .slide-container .slide-item .caption {
            left: 18px;
            bottom: 18px; } }
        @media (max-width: 520px) {
          .component-image-slider .slide-container .slide-item .caption {
            left: 15.3px;
            bottom: 15.3px; } }
        @media (max-width: 1600px) {
          .component-image-slider .slide-container .slide-item .caption {
            font-size: 21.125px; } }
        @media (max-width: 1024px) {
          .component-image-slider .slide-container .slide-item .caption {
            font-size: 20.25px; } }
        @media (max-width: 896px) {
          .component-image-slider .slide-container .slide-item .caption {
            font-size: 19.375px; } }
        @media (max-width: 750px) {
          .component-image-slider .slide-container .slide-item .caption {
            font-size: 18.5px; } }
        @media (max-width: 520px) {
          .component-image-slider .slide-container .slide-item .caption {
            font-size: 17.975px; } }
  .component-image-slider .pages {
    position: absolute;
    right: 36px;
    bottom: 36px;
    font-style: italic;
    color: #fff;
    font-family: Libre Baskerville, serif; }
    @media (max-width: 1600px) {
      .component-image-slider .pages {
        right: 31.5px;
        bottom: 31.5px; } }
    @media (max-width: 1024px) {
      .component-image-slider .pages {
        right: 27px;
        bottom: 27px; } }
    @media (max-width: 896px) {
      .component-image-slider .pages {
        right: 22.5px;
        bottom: 22.5px; } }
    @media (max-width: 750px) {
      .component-image-slider .pages {
        right: 18px;
        bottom: 18px; } }
    @media (max-width: 520px) {
      .component-image-slider .pages {
        right: 15.3px;
        bottom: 15.3px; } }
  .component-image-slider .flickity-page-dots {
    display: none !important; }
  .component-image-slider .flickity-prev-next-button {
    opacity: 1 !important; }
    .component-image-slider .flickity-prev-next-button svg {
      display: none !important; }
    .component-image-slider .flickity-prev-next-button.previous {
      background: url(../images/global-elements-nav-prev.png) no-repeat 50% 50% !important; }
      .mouse .component-image-slider .flickity-prev-next-button.previous:hover {
        background: url(../images/global-elements-nav-prev-hover.png) no-repeat 50% 50% !important; }
    .component-image-slider .flickity-prev-next-button.next {
      background: url(../images/global-elements-nav-next.png) no-repeat 50% 50% !important; }
      .mouse .component-image-slider .flickity-prev-next-button.next:hover {
        background: url(../images/global-elements-nav-next-hover.png) no-repeat 50% 50% !important; }

/*  end:  Component  »  Image Slider  */
/*  begin:  Component  »  Section Nav  */
.component-section-nav {
  position: relative;
  background: #fdfbf4;
  border-top: 2px solid #f0efeb; }
  .component-section-nav:before, .component-section-nav:after {
    content: " ";
    display: table; }
  .component-section-nav:after {
    clear: both; }
  @media (min-width: 751px) {
    .component-section-nav:before {
      position: absolute;
      top: 10.6666666667px;
      bottom: 10.6666666667px;
      left: 50%;
      width: 0;
      border-left: 1px dashed #b2b1b3;
      content: ""; } }
  .component-section-nav .section-item {
    position: relative;
    padding: 36px 0;
    margin: 36px 0;
    text-align: center; }
    @media (max-width: 750px) {
      .component-section-nav .section-item:last-child {
        border-top: 1px dashed #b2b1b3; } }
    @media (min-width: 751px) {
      .component-section-nav .section-item:last-child {
        border-left: 1px dashed #b2b1b3;
        box-sizing: border-box; } }
    @media (min-width: 751px) {
      .component-section-nav .section-item {
        float: left;
        width: 50%;
        padding: 36px;
        box-sizing: border-box; } }
    .component-section-nav .section-item .title {
      font-family: Open Sans Condensed, sans-serif;
      font-size: 44px;
      color: #f15c2e; }
      @media (max-width: 1600px) {
        .component-section-nav .section-item .title {
          font-size: 40.375px; } }
      @media (max-width: 1024px) {
        .component-section-nav .section-item .title {
          font-size: 36.75px; } }
      @media (max-width: 896px) {
        .component-section-nav .section-item .title {
          font-size: 33.125px; } }
      @media (max-width: 750px) {
        .component-section-nav .section-item .title {
          font-size: 29.5px; } }
      @media (max-width: 520px) {
        .component-section-nav .section-item .title {
          font-size: 27.325px; } }
    .component-section-nav .section-item .desc {
      position: relative;
      display: block;
      font-size: 18px;
      font-style: italic;
      margin-bottom: 40px; }
      @media (max-width: 1600px) {
        .component-section-nav .section-item .desc {
          font-size: 17.625px; } }
      @media (max-width: 1024px) {
        .component-section-nav .section-item .desc {
          font-size: 17.25px; } }
      @media (max-width: 896px) {
        .component-section-nav .section-item .desc {
          font-size: 16.875px; } }
      @media (max-width: 750px) {
        .component-section-nav .section-item .desc {
          font-size: 16.5px; } }
      @media (max-width: 520px) {
        .component-section-nav .section-item .desc {
          font-size: 16.275px; } }
      .component-section-nav .section-item .desc:after {
        position: absolute;
        left: 50%;
        top: 100%;
        margin: 38px 0 0 -10px;
        height: 2px;
        width: 20px;
        background: #f15c2e;
        content: ""; }
    .component-section-nav .section-item .more {
      padding: 36px 0 0 0;
      font-size: 20px; }
      @media (max-width: 1600px) {
        .component-section-nav .section-item .more {
          font-size: 19.375px; } }
      @media (max-width: 1024px) {
        .component-section-nav .section-item .more {
          font-size: 18.75px; } }
      @media (max-width: 896px) {
        .component-section-nav .section-item .more {
          font-size: 18.125px; } }
      @media (max-width: 750px) {
        .component-section-nav .section-item .more {
          font-size: 17.5px; } }
      @media (max-width: 520px) {
        .component-section-nav .section-item .more {
          font-size: 17.125px; } }
      .component-section-nav .section-item .more a {
        position: relative;
        display: inline-block;
        font-size: 20px;
        font-variant: small-caps; }
        @media (max-width: 1600px) {
          .component-section-nav .section-item .more a {
            font-size: 19.375px; } }
        @media (max-width: 1024px) {
          .component-section-nav .section-item .more a {
            font-size: 18.75px; } }
        @media (max-width: 896px) {
          .component-section-nav .section-item .more a {
            font-size: 18.125px; } }
        @media (max-width: 750px) {
          .component-section-nav .section-item .more a {
            font-size: 17.5px; } }
        @media (max-width: 520px) {
          .component-section-nav .section-item .more a {
            font-size: 17.125px; } }
/*  end:  Component  »  Section Nav  */
/*  begin:  Component  »  Team Profiles  */
.component-team-profiles {
  position: relative;
  padding-top: 60px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-team-profiles {
      padding-top: 52.5px; } }
  @media (max-width: 1024px) {
    .component-team-profiles {
      padding-top: 45px; } }
  @media (max-width: 896px) {
    .component-team-profiles {
      padding-top: 37.5px; } }
  @media (max-width: 750px) {
    .component-team-profiles {
      padding-top: 30px; } }
  @media (max-width: 520px) {
    .component-team-profiles {
      padding-top: 25.5px; } }
  @media (max-width: 1600px) {
    .component-team-profiles {
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-team-profiles {
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-team-profiles {
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-team-profiles {
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-team-profiles {
      padding-bottom: 51px; } }
  .component-team-profiles .team-profiles-content {
    position: static; }
  .component-team-profiles .team-cta,
  .component-team-profiles .careers-cta {
    text-align: center; }
    .component-team-profiles .team-cta a,
    .component-team-profiles .careers-cta a {
      font-size: 20px; }
      @media (max-width: 1600px) {
        .component-team-profiles .team-cta a,
        .component-team-profiles .careers-cta a {
          font-size: 19.375px; } }
      @media (max-width: 1024px) {
        .component-team-profiles .team-cta a,
        .component-team-profiles .careers-cta a {
          font-size: 18.75px; } }
      @media (max-width: 896px) {
        .component-team-profiles .team-cta a,
        .component-team-profiles .careers-cta a {
          font-size: 18.125px; } }
      @media (max-width: 750px) {
        .component-team-profiles .team-cta a,
        .component-team-profiles .careers-cta a {
          font-size: 17.5px; } }
      @media (max-width: 520px) {
        .component-team-profiles .team-cta a,
        .component-team-profiles .careers-cta a {
          font-size: 17.125px; } }
  .component-team-profiles .team-profiles {
    position: static;
    margin: 0;
    padding: 0;
    list-style: none; }
    .component-team-profiles .team-profiles:before, .component-team-profiles .team-profiles:after {
      content: " ";
      display: table; }
    .component-team-profiles .team-profiles:after {
      clear: both; }
    .component-team-profiles .team-profiles .profile-item {
      margin: 40px 0;
      padding: 0 20px; }
      @media (max-width: 750px) {
        .component-team-profiles .team-profiles .profile-item {
          padding: 0; } }
      @media (min-width: 751px) and (max-width: 896px) {
        .component-team-profiles .team-profiles .profile-item {
          float: left;
          width: 50%;
          box-sizing: border-box; }
          .component-team-profiles .team-profiles .profile-item:nth-child(2n+1) {
            clear: left; } }
      @media (min-width: 897px) and (max-width: 1024px) {
        .component-team-profiles .team-profiles .profile-item {
          float: left;
          width: 33.333%;
          box-sizing: border-box; }
          .component-team-profiles .team-profiles .profile-item:nth-child(3n+1) {
            clear: left; } }
      @media (min-width: 1025px) {
        .component-team-profiles .team-profiles .profile-item {
          float: left;
          width: 25%;
          box-sizing: border-box; }
          .component-team-profiles .team-profiles .profile-item:nth-child(4n+1) {
            clear: left; } }
      .component-team-profiles .team-profiles .profile-item .photo {
        margin: 0 12.5% 16px 12.5%; }
        @media (max-width: 750px) {
          .component-team-profiles .team-profiles .profile-item .photo {
            margin: 0 0 16px 0; } }
        .component-team-profiles .team-profiles .profile-item .photo span {
          position: relative;
          display: block;
          width: 200px;
          height: 200px;
          background: #d6562d;
          border-radius: 50%;
          overflow: hidden;
          margin: 0 auto; }
          @media (min-width: 897px) and (max-width: 1024px) {
            .component-team-profiles .team-profiles .profile-item .photo span {
              width: 20vw;
              height: 20vw; } }
          @media (min-width: 751px) and (max-width: 896px) {
            .component-team-profiles .team-profiles .profile-item .photo span {
              width: 32vw;
              height: 32vw; } }
          @media (min-width: 521px) and (max-width: 750px) {
            .component-team-profiles .team-profiles .profile-item .photo span {
              width: 60vw;
              height: 60vw; } }
          @media (min-width: 0) and (max-width: 520px) {
            .component-team-profiles .team-profiles .profile-item .photo span {
              width: 60vw;
              height: 60vw; } }
          .mouse .component-team-profiles .team-profiles .profile-item .photo span:hover {
            opacity: 0.9;
            cursor: pointer; }
        .component-team-profiles .team-profiles .profile-item .photo img {
          position: relative;
          display: block;
          width: 100%;
          min-height: 100%;
          border-radius: 50%;
          filter: grayscale(1);
          mix-blend-mode: screen; }
          .ie .component-team-profiles .team-profiles .profile-item .photo img, .edge .component-team-profiles .team-profiles .profile-item .photo img {
            filter: none;
            mix-blend-mode: normal; }
      .component-team-profiles .team-profiles .profile-item .details {
        text-align: center; }
        .component-team-profiles .team-profiles .profile-item .details .name {
          font-family: Open Sans, sans-serif;
          text-transform: uppercase;
          color: #3a2228;
          font-size: 24px;
          cursor: pointer; }
          @media (max-width: 1600px) {
            .component-team-profiles .team-profiles .profile-item .details .name {
              font-size: 22.875px; } }
          @media (max-width: 1024px) {
            .component-team-profiles .team-profiles .profile-item .details .name {
              font-size: 21.75px; } }
          @media (max-width: 896px) {
            .component-team-profiles .team-profiles .profile-item .details .name {
              font-size: 20.625px; } }
          @media (max-width: 750px) {
            .component-team-profiles .team-profiles .profile-item .details .name {
              font-size: 19.5px; } }
          @media (max-width: 520px) {
            .component-team-profiles .team-profiles .profile-item .details .name {
              font-size: 18.825px; } }
        .component-team-profiles .team-profiles .profile-item .details .more {
          text-align: center;
          font-size: 20px; }
          @media (max-width: 1600px) {
            .component-team-profiles .team-profiles .profile-item .details .more {
              font-size: 19.375px; } }
          @media (max-width: 1024px) {
            .component-team-profiles .team-profiles .profile-item .details .more {
              font-size: 18.75px; } }
          @media (max-width: 896px) {
            .component-team-profiles .team-profiles .profile-item .details .more {
              font-size: 18.125px; } }
          @media (max-width: 750px) {
            .component-team-profiles .team-profiles .profile-item .details .more {
              font-size: 17.5px; } }
          @media (max-width: 520px) {
            .component-team-profiles .team-profiles .profile-item .details .more {
              font-size: 17.125px; } }
          .component-team-profiles .team-profiles .profile-item .details .more span {
            cursor: pointer;
            color: #3a2228;
            -webkit-transition: color 200ms linear 0ms;
            /* webkit mobile */
            transition: color 200ms linear 0ms; }
          .mouse .component-team-profiles .team-profiles .profile-item .details .more span:hover {
            color: #f15c2e; }
  .component-team-profiles .profile-bio-expanded,
  .component-team-profiles .bio {
    position: relative;
    text-align: left;
    z-index: 1000; }
    .component-team-profiles .profile-bio-expanded .close,
    .component-team-profiles .bio .close {
      position: absolute;
      top: 3px;
      right: 10px;
      border-radius: 50%;
      color: #575551;
      font-family: campfire-icons;
      padding: 4px;
      font-size: 48px;
      cursor: pointer; }
      @media (max-width: 750px) {
        .component-team-profiles .profile-bio-expanded .close,
        .component-team-profiles .bio .close {
          display: none; } }
    @media (max-width: 750px) {
      .component-team-profiles .profile-bio-expanded .bio-photo,
      .component-team-profiles .bio .bio-photo {
        display: none; } }
    .component-team-profiles .profile-bio-expanded .name,
    .component-team-profiles .bio .name {
      margin: 8px 0 0 0;
      font-family: Open Sans, sans-serif;
      color: #f15c2e;
      font-size: 32px; }
      @media (max-width: 1600px) {
        .component-team-profiles .profile-bio-expanded .name,
        .component-team-profiles .bio .name {
          font-size: 29.875px; } }
      @media (max-width: 1024px) {
        .component-team-profiles .profile-bio-expanded .name,
        .component-team-profiles .bio .name {
          font-size: 27.75px; } }
      @media (max-width: 896px) {
        .component-team-profiles .profile-bio-expanded .name,
        .component-team-profiles .bio .name {
          font-size: 25.625px; } }
      @media (max-width: 750px) {
        .component-team-profiles .profile-bio-expanded .name,
        .component-team-profiles .bio .name {
          font-size: 23.5px; } }
      @media (max-width: 520px) {
        .component-team-profiles .profile-bio-expanded .name,
        .component-team-profiles .bio .name {
          font-size: 22.225px; } }
    .component-team-profiles .profile-bio-expanded .title,
    .component-team-profiles .bio .title {
      font-size: 18px;
      color: #656563; }
      @media (max-width: 1600px) {
        .component-team-profiles .profile-bio-expanded .title,
        .component-team-profiles .bio .title {
          font-size: 17.625px; } }
      @media (max-width: 1024px) {
        .component-team-profiles .profile-bio-expanded .title,
        .component-team-profiles .bio .title {
          font-size: 17.25px; } }
      @media (max-width: 896px) {
        .component-team-profiles .profile-bio-expanded .title,
        .component-team-profiles .bio .title {
          font-size: 16.875px; } }
      @media (max-width: 750px) {
        .component-team-profiles .profile-bio-expanded .title,
        .component-team-profiles .bio .title {
          font-size: 16.5px; } }
      @media (max-width: 520px) {
        .component-team-profiles .profile-bio-expanded .title,
        .component-team-profiles .bio .title {
          font-size: 16.275px; } }
    .component-team-profiles .profile-bio-expanded .content,
    .component-team-profiles .bio .content {
      line-height: 1.35; }
    .component-team-profiles .profile-bio-expanded .social,
    .component-team-profiles .bio .social {
      position: relative;
      display: block;
      text-align: left;
      margin: 0;
      margin-top: 10.6666666667px;
      padding: 0;
      list-style: none; }
      .component-team-profiles .profile-bio-expanded .social .social-item,
      .component-team-profiles .bio .social .social-item {
        display: inline-block;
        margin: 0;
        padding: 0;
        font-family: campfire-icons; }
        .component-team-profiles .profile-bio-expanded .social .social-item a,
        .component-team-profiles .bio .social .social-item a {
          font-size: 28px;
          color: #656563;
          text-decoration: none; }
          .mouse .component-team-profiles .profile-bio-expanded .social .social-item a:hover, .mouse .component-team-profiles .bio .social .social-item a:hover {
            color: #f15c2e;
            text-decoration: none; }
  .component-team-profiles .profile-bio-expanded-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(41, 39, 34, 0.8); }
    @media (max-width: 750px) {
      .component-team-profiles .profile-bio-expanded-bg {
        display: none !important; } }
  .component-team-profiles .profile-bio-expanded {
    position: absolute;
    width: 720px;
    max-width: 100vw;
    max-height: 100vw;
    min-height: 414px;
    overflow: hidden;
    background: url(../images/studio-team-bio-bg.png) repeat 100% 100%;
    background-size: 100% 100%;
    text-align: left;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    /* IE9 only */
    transform: scale(0);
    -webkit-transform-origin: 20% 20%;
    -ms-transform-origin: 20% 20%;
    /* IE9 only */
    transform-origin: 20% 20%;
    -webkit-transition: all 200ms linear 0ms;
    /* webkit mobile */
    transition: all 200ms linear 0ms;
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-duration: 300ms; }
    .component-team-profiles .profile-bio-expanded.show {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      /* IE9 only */
      transform: scale(1); }
    .component-team-profiles .profile-bio-expanded .inner {
      padding: 7% 5% 6% 5%;
      position: relative;
      overflow: hidden; }
      .component-team-profiles .profile-bio-expanded .inner .bio-photo {
        float: left;
        width: 25%;
        margin: 8px 0 0 0; }
        .component-team-profiles .profile-bio-expanded .inner .bio-photo span {
          position: relative;
          display: block;
          width: 160px;
          height: 160px;
          background: #d6562d;
          border-radius: 50%;
          overflow: hidden; }
        .component-team-profiles .profile-bio-expanded .inner .bio-photo img {
          position: relative;
          display: block;
          width: 100%;
          min-height: 100%;
          border-radius: 50%;
          filter: grayscale(1);
          mix-blend-mode: screen; }
          .ie .component-team-profiles .profile-bio-expanded .inner .bio-photo img, .edge .component-team-profiles .profile-bio-expanded .inner .bio-photo img {
            filter: none;
            mix-blend-mode: normal; }
      .component-team-profiles .profile-bio-expanded .inner .bio-text {
        float: right;
        width: 70%; }
    @media (max-width: 750px) {
      .component-team-profiles .profile-bio-expanded {
        display: none; } }
  .component-team-profiles .bio {
    margin: 24px;
    padding: 36px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
    display: none; }
    @media (max-width: 750px) {
      .component-team-profiles .bio.expanded {
        display: block;
        padding: 24px;
        margin-left: 0;
        margin-right: 0; } }
/*  end:  Component  »  Team Profiles  */
/*  begin:  Component  »  Careers Overview  */
.component-careers-overview {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-careers-overview {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-careers-overview {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-careers-overview {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-careers-overview {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-careers-overview {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-careers-overview .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-careers-overview .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-careers-overview .more-cta {
    padding: 36px 0;
    text-align: center;
    font-size: 20px;
    font-variant: small-caps; }
    @media (max-width: 1600px) {
      .component-careers-overview .more-cta {
        font-size: 19.375px; } }
    @media (max-width: 1024px) {
      .component-careers-overview .more-cta {
        font-size: 18.75px; } }
    @media (max-width: 896px) {
      .component-careers-overview .more-cta {
        font-size: 18.125px; } }
    @media (max-width: 750px) {
      .component-careers-overview .more-cta {
        font-size: 17.5px; } }
    @media (max-width: 520px) {
      .component-careers-overview .more-cta {
        font-size: 17.125px; } }
  .component-careers-overview .job-listings {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none; }
    .component-careers-overview .job-listings:before, .component-careers-overview .job-listings:after {
      content: " ";
      display: table; }
    .component-careers-overview .job-listings:after {
      clear: both; }

/*  end:  Component  »  Careers Overview  */
/*  begin:  Component  »  Outreach Overview  */
.component-outreach-overview {
  padding-top: 60px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-outreach-overview {
      padding-top: 52.5px; } }
  @media (max-width: 1024px) {
    .component-outreach-overview {
      padding-top: 45px; } }
  @media (max-width: 896px) {
    .component-outreach-overview {
      padding-top: 37.5px; } }
  @media (max-width: 750px) {
    .component-outreach-overview {
      padding-top: 30px; } }
  @media (max-width: 520px) {
    .component-outreach-overview {
      padding-top: 25.5px; } }
  @media (max-width: 1600px) {
    .component-outreach-overview {
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-outreach-overview {
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-outreach-overview {
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-outreach-overview {
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-outreach-overview {
      padding-bottom: 51px; } }
  .component-outreach-news + .component-outreach-overview {
    padding-top: 0 !important; }
  .component-outreach-overview .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-outreach-overview .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-outreach-overview .organizations {
    position: relative;
    display: block;
    margin: 0;
    padding: 36px 0 0 0;
    list-style: none;
    overflow: hidden; }
  .component-outreach-overview .organization-item {
    position: relative;
    padding: 36px;
    text-align: center;
    box-sizing: border-box; }
    @media (max-width: 750px) {
      .component-outreach-overview .organization-item {
        position: relative;
        clear: both;
        width: 100%;
        padding: 0;
        margin-bottom: 76px; } }
    @media (min-width: 751px) and (max-width: 1024px) {
      .component-outreach-overview .organization-item {
        float: left;
        width: 50%; }
        .component-outreach-overview .organization-item:nth-child(2n+1) {
          clear: left; } }
    @media (min-width: 1025px) {
      .component-outreach-overview .organization-item {
        float: left;
        width: 33.333%; }
        .component-outreach-overview .organization-item:nth-child(3n+1) {
          clear: left; } }
    .component-outreach-overview .organization-item .photo {
      padding: 0;
      padding-bottom: 30.6666666667px; }
      @media (max-width: 1600px) {
        .component-outreach-overview .organization-item .photo {
          padding-bottom: 26.8333333333px; } }
      @media (max-width: 1024px) {
        .component-outreach-overview .organization-item .photo {
          padding-bottom: 23px; } }
      @media (max-width: 896px) {
        .component-outreach-overview .organization-item .photo {
          padding-bottom: 19.1666666667px; } }
      @media (max-width: 750px) {
        .component-outreach-overview .organization-item .photo {
          padding-bottom: 15.3333333333px; } }
      @media (max-width: 520px) {
        .component-outreach-overview .organization-item .photo {
          padding-bottom: 13.0333333333px; } }
      .component-outreach-overview .organization-item .photo img {
        max-width: 100%;
        margin: 0 auto;
        opacity: 0.5; }
    .component-outreach-overview .organization-item .text .name {
      font-size: 34px;
      font-family: Open Sans Condensed, sans-serif; }
      @media (max-width: 1600px) {
        .component-outreach-overview .organization-item .text .name {
          font-size: 31.625px; } }
      @media (max-width: 1024px) {
        .component-outreach-overview .organization-item .text .name {
          font-size: 29.25px; } }
      @media (max-width: 896px) {
        .component-outreach-overview .organization-item .text .name {
          font-size: 26.875px; } }
      @media (max-width: 750px) {
        .component-outreach-overview .organization-item .text .name {
          font-size: 24.5px; } }
      @media (max-width: 520px) {
        .component-outreach-overview .organization-item .text .name {
          font-size: 23.075px; } }
      .component-outreach-overview .organization-item .text .name a {
        color: #f15c2e;
        text-decoration: none; }
    .component-outreach-overview .organization-item .text .desc {
      position: relative;
      font-family: Libre Baskerville, serif;
      font-size: 18px;
      font-style: italic;
      margin-bottom: 24px; }
      @media (max-width: 1600px) {
        .component-outreach-overview .organization-item .text .desc {
          font-size: 17.625px; } }
      @media (max-width: 1024px) {
        .component-outreach-overview .organization-item .text .desc {
          font-size: 17.25px; } }
      @media (max-width: 896px) {
        .component-outreach-overview .organization-item .text .desc {
          font-size: 16.875px; } }
      @media (max-width: 750px) {
        .component-outreach-overview .organization-item .text .desc {
          font-size: 16.5px; } }
      @media (max-width: 520px) {
        .component-outreach-overview .organization-item .text .desc {
          font-size: 16.275px; } }
      .component-outreach-overview .organization-item .text .desc:after {
        position: absolute;
        left: 50%;
        top: 100%;
        margin: 22px 0 0 -10px;
        height: 2px;
        width: 20px;
        background: #f15c2e;
        content: ""; }
    .component-outreach-overview .organization-item .text .more {
      padding: 24px 0 0 0;
      font-size: 22px;
      font-variant: small-caps; }
      @media (max-width: 1600px) {
        .component-outreach-overview .organization-item .text .more {
          font-size: 21.125px; } }
      @media (max-width: 1024px) {
        .component-outreach-overview .organization-item .text .more {
          font-size: 20.25px; } }
      @media (max-width: 896px) {
        .component-outreach-overview .organization-item .text .more {
          font-size: 19.375px; } }
      @media (max-width: 750px) {
        .component-outreach-overview .organization-item .text .more {
          font-size: 18.5px; } }
      @media (max-width: 520px) {
        .component-outreach-overview .organization-item .text .more {
          font-size: 17.975px; } }
    .component-outreach-overview .organization-item .text .more + .more {
      margin-top: 0;
      padding: 16px 0 0 0; }

/*  end:  Component  »  Outreach Overview  */
/*  begin:  Component  »  News Archive  */
.component-news-archive {
  padding-top: 60px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-news-archive {
      padding-top: 52.5px; } }
  @media (max-width: 1024px) {
    .component-news-archive {
      padding-top: 45px; } }
  @media (max-width: 896px) {
    .component-news-archive {
      padding-top: 37.5px; } }
  @media (max-width: 750px) {
    .component-news-archive {
      padding-top: 30px; } }
  @media (max-width: 520px) {
    .component-news-archive {
      padding-top: 25.5px; } }
  @media (max-width: 1600px) {
    .component-news-archive {
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-news-archive {
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-news-archive {
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-news-archive {
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-news-archive {
      padding-bottom: 51px; } }
  .component-news-archive .component-inner > .filters {
    position: relative;
    padding: 36px 0 0 0;
    margin-bottom: 36px;
    text-align: center; }
    .component-news-archive .component-inner > .filters.processing:after {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      content: "";
      cursor: wait; }
  .component-news-archive .news-container {
    position: relative;
    display: block; }
  .component-news-archive .news-item {
    position: relative;
    display: block;
    margin-bottom: 64px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    .component-news-archive .news-item:before, .component-news-archive .news-item:after {
      content: " ";
      display: table; }
    .component-news-archive .news-item:after {
      clear: both; }
    @media (max-width: 1600px) {
      .component-news-archive .news-item {
        margin-bottom: 56px; } }
    @media (max-width: 1024px) {
      .component-news-archive .news-item {
        margin-bottom: 48px; } }
    @media (max-width: 896px) {
      .component-news-archive .news-item {
        margin-bottom: 40px; } }
    @media (max-width: 750px) {
      .component-news-archive .news-item {
        margin-bottom: 32px; } }
    @media (max-width: 520px) {
      .component-news-archive .news-item {
        margin-bottom: 27.2px; } }
    .component-news-archive .news-item:last-child {
      margin-bottom: 0 !important; }
    .component-news-archive .news-item .label {
      text-align: center;
      width: 87.5%;
      box-sizing: border-box; }
      @media (max-width: 750px) {
        .component-news-archive .news-item .label {
          text-align: left; } }
      .component-news-archive .news-item .label img {
        display: inline-block; }
    .component-news-archive .news-item .photo {
      position: relative;
      padding-bottom: 24px; }
      @media (min-width: 897px) {
        .component-news-archive .news-item .photo {
          float: left;
          width: 40%;
          padding-bottom: 0;
          padding-right: 36px;
          box-sizing: border-box; } }
      .component-news-archive .news-item .photo .photo-inner {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        border: 2px solid #575551;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); }
        .component-news-archive .news-item .photo .photo-inner img {
          width: 100%; }
    .component-news-archive .news-item .text {
      position: relative;
      padding-bottom: 24px; }
      .component-news-archive .news-item .text:after {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 0;
        border-bottom: 1px dashed #b2b1b3;
        content: ""; }
      .component-news-archive .news-item .text:last-child:after {
        display: none; }
      @media (min-width: 897px) {
        .component-news-archive .news-item .text {
          float: left;
          width: 60%;
          padding-left: 36px;
          box-sizing: border-box; }
          .component-news-archive .news-item .text:after {
            left: 36px; }
          .component-news-archive .news-item .text:last-child:after {
            display: block; } }
      .component-news-archive .news-item .text .title {
        font-size: 28px;
        text-transform: uppercase;
        line-height: 0.95; }
        @media (max-width: 1600px) {
          .component-news-archive .news-item .text .title {
            font-size: 26.375px; } }
        @media (max-width: 1024px) {
          .component-news-archive .news-item .text .title {
            font-size: 24.75px; } }
        @media (max-width: 896px) {
          .component-news-archive .news-item .text .title {
            font-size: 23.125px; } }
        @media (max-width: 750px) {
          .component-news-archive .news-item .text .title {
            font-size: 21.5px; } }
        @media (max-width: 520px) {
          .component-news-archive .news-item .text .title {
            font-size: 20.525px; } }
      .component-news-archive .news-item .text .more .event-location,
      .component-news-archive .news-item .text .more .event-date {
        text-transform: uppercase;
        font-size: 15px;
        color: #656563;
        font-weight: 600;
        /* semibold */
        padding-right: 20px; }
      .component-news-archive .news-item .text .more .icon {
        line-height: 15px;
        font-size: 18px;
        font-family: campfire-icons;
        text-transform: none;
        color: #a5a49e;
        font-weight: 400;
        /* regular */ }

/*  end:  Component  »  News Archive  */
/*  begin:  Component  »  Store CTA  */
.component-store-cta {
  clear: both;
  position: relative;
  overflow: hidden;
  border-top: 1px dashed #b2b1b3;
  border-bottom: 1px dashed #b2b1b3;
  margin-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-store-cta {
      margin-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-store-cta {
      margin-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-store-cta {
      margin-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-store-cta {
      margin-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-store-cta {
      margin-bottom: 51px; } }
  .component-store-cta .photo {
    position: relative;
    background: #000; }
    .component-store-cta .photo img {
      width: 100%;
      opacity: 0.5; }
    @media (min-width: 751px) {
      .component-store-cta .photo {
        float: left;
        width: 50%; } }
    .component-store-cta .photo .cta {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      /* IE9 only */
      transform: translate(-50%, -50%);
      font-size: 28px;
      color: #fff;
      cursor: pointer;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms; }
      @media (max-width: 1600px) {
        .component-store-cta .photo .cta {
          font-size: 26.375px; } }
      @media (max-width: 1024px) {
        .component-store-cta .photo .cta {
          font-size: 24.75px; } }
      @media (max-width: 896px) {
        .component-store-cta .photo .cta {
          font-size: 23.125px; } }
      @media (max-width: 750px) {
        .component-store-cta .photo .cta {
          font-size: 21.5px; } }
      @media (max-width: 520px) {
        .component-store-cta .photo .cta {
          font-size: 20.525px; } }
      .component-store-cta .photo .cta span {
        display: inline-block;
        padding: 56px; }
      .mouse .component-store-cta .photo .cta:hover {
        color: #f15c2e; }
  .component-store-cta .text {
    padding: 5vw;
    box-sizing: border-box; }
    @media (min-width: 751px) {
      .component-store-cta .text {
        float: left;
        width: 50%; } }
    .component-store-cta .text .title {
      font-family: Open Sans Condensed, sans-serif;
      font-size: 50px;
      color: #f15c2e;
      -webkit-text-fill-color: transparent;
      background: -webkit-linear-gradient(transparent, transparent), url(../images/global-elements-text-fill-orange.png) repeat 50% 50%;
      background: -o-linear-gradient(transparent, transparent);
      -webkit-background-clip: text;
      background-size: 100% 100%; }
      @media (max-width: 1600px) {
        .component-store-cta .text .title {
          font-size: 45.625px; } }
      @media (max-width: 1024px) {
        .component-store-cta .text .title {
          font-size: 41.25px; } }
      @media (max-width: 896px) {
        .component-store-cta .text .title {
          font-size: 36.875px; } }
      @media (max-width: 750px) {
        .component-store-cta .text .title {
          font-size: 32.5px; } }
      @media (max-width: 520px) {
        .component-store-cta .text .title {
          font-size: 29.875px; } }
    .component-store-cta .text p {
      font-size: 19px; }
      @media (max-width: 1600px) {
        .component-store-cta .text p {
          font-size: 18.5px; } }
      @media (max-width: 1024px) {
        .component-store-cta .text p {
          font-size: 18px; } }
      @media (max-width: 896px) {
        .component-store-cta .text p {
          font-size: 17.5px; } }
      @media (max-width: 750px) {
        .component-store-cta .text p {
          font-size: 17px; } }
      @media (max-width: 520px) {
        .component-store-cta .text p {
          font-size: 16.7px; } }
    .component-store-cta .text a {
      font-variant: small-caps;
      color: #f15c2e; }
      .component-store-cta .text a:after {
        background: #f15c2e; }

/*  end:  Component  »  Store CTA  */
/*  begin:  Component  »  News Featured  */
.component-news-featured {
  padding: 60px 0 0 0; }
  .component-news-featured:before, .component-news-featured:after {
    content: " ";
    display: table; }
  .component-news-featured:after {
    clear: both; }
  @media (max-width: 896px) {
    .component-news-featured {
      overflow: hidden; } }
  .component-news-featured .featured-container {
    position: relative;
    width: 100%;
    z-index: 100; }
    .component-news-featured .featured-container:before, .component-news-featured .featured-container:after {
      content: " ";
      display: table; }
    .component-news-featured .featured-container:after {
      clear: both; }
    .component-news-featured .featured-container:after {
      content: "";
      display: none; }
    @media (max-width: 896px) {
      .component-news-featured .featured-container {
        margin-bottom: 60px;
        padding: 10px 0; }
        .component-news-featured .featured-container .flickity-viewport {
          overflow: visible !important; }
        .component-news-featured .featured-container .flickity-prev-next-button {
          display: none !important; }
        .component-news-featured .featured-container:after {
          content: "flickity"; } }
  .component-news-featured .featured-item {
    position: relative;
    padding: 0px;
    box-sizing: border-box; }
    @media (max-width: 896px) {
      .component-news-featured .featured-item {
        width: 100%;
        padding: 5px; } }
    @media (min-width: 897px) {
      .component-news-featured .featured-item {
        float: left;
        width: 33.333%;
        box-sizing: border-box; } }
    .component-news-featured .featured-item:nth-child(1) {
      -webkit-transform: rotate(-3.25deg) translateY(5px);
      -ms-transform: rotate(-3.25deg) translateY(5px);
      /* IE9 only */
      transform: rotate(-3.25deg) translateY(5px);
      z-index: 100; }
      @media (max-width: 896px) {
        .component-news-featured .featured-item:nth-child(1) {
          -webkit-transform: rotate(-3.25deg/2) translateY(5px);
          -ms-transform: rotate(-3.25deg/2) translateY(5px);
          /* IE9 only */
          transform: rotate(-3.25deg/2) translateY(5px); } }
    .component-news-featured .featured-item:nth-child(2) {
      -webkit-transform: rotate(0.25deg) translateY(-10px);
      -ms-transform: rotate(0.25deg) translateY(-10px);
      /* IE9 only */
      transform: rotate(0.25deg) translateY(-10px);
      z-index: 200; }
      @media (max-width: 896px) {
        .component-news-featured .featured-item:nth-child(2) {
          -webkit-transform: rotate(0.25deg/2) translateY(5px);
          -ms-transform: rotate(0.25deg/2) translateY(5px);
          /* IE9 only */
          transform: rotate(0.25deg/2) translateY(5px); } }
    .component-news-featured .featured-item:nth-child(3) {
      -webkit-transform: rotate(4.75deg) translateY(5px);
      -ms-transform: rotate(4.75deg) translateY(5px);
      /* IE9 only */
      transform: rotate(4.75deg) translateY(5px);
      z-index: 100; }
      @media (max-width: 896px) {
        .component-news-featured .featured-item:nth-child(3) {
          -webkit-transform: rotate(-4.75deg/2) translateY(5px);
          -ms-transform: rotate(-4.75deg/2) translateY(5px);
          /* IE9 only */
          transform: rotate(-4.75deg/2) translateY(5px); } }
    .component-news-featured .featured-item.is-selected {
      -webkit-transform: rotate(0deg) translateY(0px) !important;
      -ms-transform: rotate(0deg) translateY(0px) !important;
      /* IE9 only */
      transform: rotate(0deg) translateY(0px) !important; }
    .component-news-featured .featured-item .inner {
      position: relative;
      background: url(../images/news-featured-item-bg-i8a8.png) no-repeat 0px 0px;
      background-size: 100% 100%;
      padding: 30px;
      box-sizing: border-box; }
      @media (max-width: 1600px) {
        .component-news-featured .featured-item .inner {
          padding: 26.25px; } }
      @media (max-width: 1024px) {
        .component-news-featured .featured-item .inner {
          padding: 22.5px; } }
      @media (max-width: 896px) {
        .component-news-featured .featured-item .inner {
          padding: 18.75px; } }
      @media (max-width: 750px) {
        .component-news-featured .featured-item .inner {
          padding: 15px; } }
      @media (max-width: 520px) {
        .component-news-featured .featured-item .inner {
          padding: 12.75px; } }
    .component-news-featured .featured-item .photo {
      position: relative; }
      .component-news-featured .featured-item .photo img {
        width: 100%; }
    .component-news-featured .featured-item .text {
      padding: 20px 0 10px 0; }
      @media (min-width: 751px) {
        .component-news-featured .featured-item .text {
          padding-bottom: 0; } }
      .component-news-featured .featured-item .text .meta .timestamp {
        margin: 0;
        font-family: Open Sans, sans-serif;
        display: inline;
        font-size: 16px;
        font-weight: 700;
        /* bold */
        text-transform: uppercase;
        color: #3a2228; }
        @media (max-width: 1600px) {
          .component-news-featured .featured-item .text .meta .timestamp {
            font-size: 15.875px; } }
        @media (max-width: 1024px) {
          .component-news-featured .featured-item .text .meta .timestamp {
            font-size: 15.75px; } }
        @media (max-width: 896px) {
          .component-news-featured .featured-item .text .meta .timestamp {
            font-size: 15.625px; } }
        @media (max-width: 750px) {
          .component-news-featured .featured-item .text .meta .timestamp {
            font-size: 15.5px; } }
        @media (max-width: 520px) {
          .component-news-featured .featured-item .text .meta .timestamp {
            font-size: 15.425px; } }
      .component-news-featured .featured-item .text .meta .category {
        margin: 0;
        font-family: Open Sans, sans-serif;
        display: inline;
        font-size: 16px;
        font-weight: 700;
        /* bold */
        text-transform: uppercase;
        color: #3a2228; }
        .component-news-featured .featured-item .text .meta .category:before {
          display: inline-block;
          padding: 0 10.6666666667px;
          content: "|"; }
        @media (max-width: 640px) {
          .component-news-featured .featured-item .text .meta .category {
            display: block; }
            .component-news-featured .featured-item .text .meta .category:before {
              display: none; } }
        .component-news-featured .featured-item .text .meta .category a {
          text-decoration: none; }
        @media (max-width: 1600px) {
          .component-news-featured .featured-item .text .meta .category {
            font-size: 15.875px; } }
        @media (max-width: 1024px) {
          .component-news-featured .featured-item .text .meta .category {
            font-size: 15.75px; } }
        @media (max-width: 896px) {
          .component-news-featured .featured-item .text .meta .category {
            font-size: 15.625px; } }
        @media (max-width: 750px) {
          .component-news-featured .featured-item .text .meta .category {
            font-size: 15.5px; } }
        @media (max-width: 520px) {
          .component-news-featured .featured-item .text .meta .category {
            font-size: 15.425px; } }
      .component-news-featured .featured-item .text .title {
        margin: 5.3333333333px 0 0 0;
        font-size: 24px;
        text-transform: uppercase;
        line-height: 0.95; }
        @media (max-width: 1600px) {
          .component-news-featured .featured-item .text .title {
            font-size: 22.875px; } }
        @media (max-width: 1024px) {
          .component-news-featured .featured-item .text .title {
            font-size: 21.75px; } }
        @media (max-width: 896px) {
          .component-news-featured .featured-item .text .title {
            font-size: 20.625px; } }
        @media (max-width: 750px) {
          .component-news-featured .featured-item .text .title {
            font-size: 19.5px; } }
        @media (max-width: 520px) {
          .component-news-featured .featured-item .text .title {
            font-size: 18.825px; } }
        .component-news-featured .featured-item .text .title a {
          text-decoration: none; }

/*  end:  Component  »  News Featured  */
/*  begin:  Component  »  Blog Article  */
.component-blog-article {
  position: relative;
  padding-bottom: 120px;
  overflow: hidden; }
  @media (max-width: 1600px) {
    .component-blog-article {
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-blog-article {
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-blog-article {
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-blog-article {
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-blog-article {
      padding-bottom: 51px; } }
  .component-blog-article .article-share {
    position: absolute;
    display: block;
    right: 20px;
    top: 60px;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 1000; }
    @media (min-width: 751px) {
      .component-blog-article .article-share.fixed-position {
        position: fixed;
        top: 148px; } }
    @media (min-width: 1025px) {
      .component-blog-article .article-share.fixed-position {
        top: 178px; } }
    @media (max-width: 750px) {
      .component-blog-article .article-share {
        position: fixed;
        left: 0;
        right: 0;
        margin: -4px 0 0 0;
        top: 59px;
        background: #fbfcf6;
        padding: 50px 20px 15px 20px;
        text-align: center;
        display: none;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); }
        .component-blog-article .article-share.active {
          display: block; } }
    .component-blog-article .article-share:before {
      position: absolute;
      bottom: 100%;
      left: 50%;
      width: 45px;
      height: 14px;
      margin: 0 0 20px -4px;
      background: url(../images/article-share-label.png) no-repeat 0px 0px;
      content: '';
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      /* IE9 only */
      transform: translateX(-50%); }
      @media (max-width: 750px) {
        .component-blog-article .article-share:before {
          display: none; } }
    .component-blog-article .article-share li {
      margin: 0 0 16px 0;
      padding: 0;
      float: right;
      clear: right;
      width: 24px;
      height: 24px;
      position: relative;
      display: inline-block;
      border: 1px solid #9b8f8f;
      border-radius: 50%;
      font-family: campfire-icons;
      font-size: 24px;
      line-height: 24px;
      text-align: center;
      color: #9b8f8f;
      cursor: pointer;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms; }
      @media (max-width: 750px) {
        .component-blog-article .article-share li {
          display: inline-block;
          margin: 5.3333333333px;
          float: none; } }
      .mouse .component-blog-article .article-share li:hover {
        color: #f15c2e;
        border-color: #f15c2e; }
  .component-blog-article .article-meta {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    font-size: 18px; }
    .component-blog-article .article-meta li {
      float: left;
      margin: 0;
      padding: 24px 10.6666666667px 36px 0; }
    .component-blog-article .article-meta .icon {
      float: left;
      font-family: campfire-icons;
      font-size: 18px;
      padding-right: 2px; }
      .component-blog-article .article-meta .icon.active {
        color: #f15c2e; }
    .component-blog-article .article-meta .text {
      float: left;
      padding: 0 10.6666666667px 0 3.2px;
      font-family: Open Sans, sans-serif;
      font-weight: 700;
      /* bold */
      font-size: 16px;
      color: #000;
      text-transform: uppercase; }
    .component-blog-article .article-meta .likes {
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms; }
      .component-blog-article .article-meta .likes.active {
        color: #f15c2e; }
        .component-blog-article .article-meta .likes.active .text {
          color: #f15c2e; }
    .component-blog-article .article-meta .tags {
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms; }
  @media (min-width: 751px) {
    .component-blog-article .component-inner {
      padding: 0 80px; } }
  .component-blog-article .article-content .component {
    margin-bottom: 56px; }
    @media (max-width: 1600px) {
      .component-blog-article .article-content .component {
        margin-bottom: 49px; } }
    @media (max-width: 1024px) {
      .component-blog-article .article-content .component {
        margin-bottom: 42px; } }
    @media (max-width: 896px) {
      .component-blog-article .article-content .component {
        margin-bottom: 35px; } }
    @media (max-width: 750px) {
      .component-blog-article .article-content .component {
        margin-bottom: 28px; } }
    @media (max-width: 520px) {
      .component-blog-article .article-content .component {
        margin-bottom: 23.8px; } }
  .component-blog-article .article-links {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 80px; }
    @media (max-width: 1600px) {
      .component-blog-article .article-links {
        padding-bottom: 70px; } }
    @media (max-width: 1024px) {
      .component-blog-article .article-links {
        padding-bottom: 60px; } }
    @media (max-width: 896px) {
      .component-blog-article .article-links {
        padding-bottom: 50px; } }
    @media (max-width: 750px) {
      .component-blog-article .article-links {
        padding-bottom: 40px; } }
    @media (max-width: 520px) {
      .component-blog-article .article-links {
        padding-bottom: 34px; } }
    .component-blog-article .article-links li {
      margin: 0;
      padding: 16px 56px 16px 0;
      display: inline-block;
      font-variant: small-caps; }
      .component-blog-article .article-links li:first-child {
        padding-left: 0; }
      .component-blog-article .article-links li a {
        font-size: 26px; }
        @media (max-width: 1600px) {
          .component-blog-article .article-links li a {
            font-size: 24.625px; } }
        @media (max-width: 1024px) {
          .component-blog-article .article-links li a {
            font-size: 23.25px; } }
        @media (max-width: 896px) {
          .component-blog-article .article-links li a {
            font-size: 21.875px; } }
        @media (max-width: 750px) {
          .component-blog-article .article-links li a {
            font-size: 20.5px; } }
        @media (max-width: 520px) {
          .component-blog-article .article-links li a {
            font-size: 19.675px; } }
  .component-blog-article .article-author {
    position: relative;
    overflow: hidden;
    margin: 36px 0; }
    @media (min-width: 751px) {
      .component-blog-article .article-author {
        float: left;
        width: 50%; } }
    @media (min-width: 1025px) {
      .component-blog-article .article-author {
        float: left;
        width: 35%; } }
    .component-blog-article .article-author .photo {
      float: left;
      width: 90px;
      box-sizing: border-box; }
      .component-blog-article .article-author .photo img {
        width: 100%;
        border-radius: 50%; }
    .component-blog-article .article-author .text {
      float: left;
      padding: 10px 20px; }
      .component-blog-article .article-author .text p {
        margin: 0;
        padding: 0; }
      .component-blog-article .article-author .text .timestamp {
        font-size: 18px;
        font-weight: 400;
        /* regular */
        font-style: italic;
        font-family: Libre Baskerville, serif;
        color: #575551; }
        @media (max-width: 1600px) {
          .component-blog-article .article-author .text .timestamp {
            font-size: 17.625px; } }
        @media (max-width: 1024px) {
          .component-blog-article .article-author .text .timestamp {
            font-size: 17.25px; } }
        @media (max-width: 896px) {
          .component-blog-article .article-author .text .timestamp {
            font-size: 16.875px; } }
        @media (max-width: 750px) {
          .component-blog-article .article-author .text .timestamp {
            font-size: 16.5px; } }
        @media (max-width: 520px) {
          .component-blog-article .article-author .text .timestamp {
            font-size: 16.275px; } }
      .component-blog-article .article-author .text .username {
        font-size: 18px;
        font-family: Open Sans, sans-serif;
        font-weight: 700;
        /* bold */ }
        @media (max-width: 1600px) {
          .component-blog-article .article-author .text .username {
            font-size: 17.625px; } }
        @media (max-width: 1024px) {
          .component-blog-article .article-author .text .username {
            font-size: 17.25px; } }
        @media (max-width: 896px) {
          .component-blog-article .article-author .text .username {
            font-size: 16.875px; } }
        @media (max-width: 750px) {
          .component-blog-article .article-author .text .username {
            font-size: 16.5px; } }
        @media (max-width: 520px) {
          .component-blog-article .article-author .text .username {
            font-size: 16.275px; } }
        .component-blog-article .article-author .text .username a {
          color: #575551;
          text-decoration: none; }
          .mouse .component-blog-article .article-author .text .username a:hover {
            color: #f15c2e; }
      .component-blog-article .article-author .text .link {
        font-size: 14px; }
        .component-blog-article .article-author .text .link a {
          color: #656563; }
  .component-blog-article .article-tags {
    position: relative;
    overflow: hidden;
    margin: 36px 0; }
    @media (max-width: 750px) {
      .component-blog-article .article-tags {
        text-align: center; } }
    @media (min-width: 751px) {
      .component-blog-article .article-tags {
        float: left;
        width: 50%; } }
    @media (min-width: 1025px) {
      .component-blog-article .article-tags {
        float: left;
        width: 65%; } }
    .component-blog-article .article-tags .title {
      float: left;
      padding: 24px 24px 24px 0;
      background: url(../images/article-tags-label.png) no-repeat 100% 50%; }
      @media (max-width: 750px) {
        .component-blog-article .article-tags .title {
          float: none;
          display: block;
          text-align: center;
          padding: 0 0 60px 0;
          background: url(../images/article-tags-label-mobile.png) no-repeat 50% 100%;
          background-size: 100% auto; } }
      .component-blog-article .article-tags .title .icon {
        font-family: campfire-icons; }
      .component-blog-article .article-tags .title .text {
        font-family: Open Sans, sans-serif;
        font-weight: 700;
        /* bold */
        color: #f15c2e;
        text-transform: uppercase; }
    .component-blog-article .article-tags .tags {
      position: relative;
      display: block;
      overflow: hidden;
      padding: 5px 10px;
      font-style: italic; }
  .component-blog-article .article-comments {
    position: relative;
    clear: both;
    border: 1px solid #a5a49e; }
    .component-blog-article .article-comments .comments-header h3 {
      position: relative;
      margin: 0;
      padding: 24px 24px;
      font-family: Open Sans, sans-serif;
      text-transform: uppercase;
      font-size: 20px;
      color: #a5a49e;
      cursor: pointer; }
      @media (max-width: 1600px) {
        .component-blog-article .article-comments .comments-header h3 {
          font-size: 19.375px; } }
      @media (max-width: 1024px) {
        .component-blog-article .article-comments .comments-header h3 {
          font-size: 18.75px; } }
      @media (max-width: 896px) {
        .component-blog-article .article-comments .comments-header h3 {
          font-size: 18.125px; } }
      @media (max-width: 750px) {
        .component-blog-article .article-comments .comments-header h3 {
          font-size: 17.5px; } }
      @media (max-width: 520px) {
        .component-blog-article .article-comments .comments-header h3 {
          font-size: 17.125px; } }
      .component-blog-article .article-comments .comments-header h3:after {
        position: absolute;
        font-family: campfire-icons;
        content: "+";
        right: 24px;
        top: 50%;
        width: 20px;
        height: 20px;
        font-size: 18px;
        border-radius: 50%;
        text-align: center;
        line-height: 1;
        border: 1px solid #a5a49e;
        color: #a5a49e;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        /* IE9 only */
        transform: translateY(-50%); }
    .component-blog-article .article-comments .comments-content {
      position: relative;
      overflow: hidden;
      max-height: 0;
      -webkit-transition: all 50ms ease-out 0ms;
      /* webkit mobile */
      transition: all 50ms ease-out 0ms; }
      .component-blog-article .article-comments .comments-content .content-inner {
        padding: 36px;
        padding-top: 0; }
    .component-blog-article .article-comments.expanded .comments-header h3:after {
      content: "-";
      line-height: 0.8; }
    .component-blog-article .article-comments.expanded .comments-content {
      max-height: 99999px;
      -webkit-transition: all 400ms ease-in 0ms;
      /* webkit mobile */
      transition: all 400ms ease-in 0ms; }

/*  end:  Component  »  Blog Article  */
/*  begin:  Component  »  Blog Gallery  */
.component-blog-gallery {
  position: relative;
  z-index: 1; }
  .component-blog-gallery:before, .component-blog-gallery:after {
    content: " ";
    display: table; }
  .component-blog-gallery:after {
    clear: both; }
  @media (max-width: 750px) {
    .component-blog-gallery {
      padding: 0 20px; } }
  .component-blog-gallery .shim {
    width: 100%; }
  .component-blog-gallery .column-left {
    z-index: 1; }
    .component-blog-gallery .column-left .spacer {
      display: none; }
    @media (min-width: 751px) {
      .component-blog-gallery .column-left {
        float: left;
        width: 50%; }
        .component-blog-gallery .column-left .spacer {
          display: block;
          margin: 0 0 0 11vw;
          width: 38vw; } }
  .component-blog-gallery .column-right {
    z-index: 1; }
    @media (min-width: 751px) {
      .component-blog-gallery .column-right {
        float: left;
        width: 50%; } }
    .component-blog-gallery .column-right .spacer {
      display: none; }
    @media (min-width: 751px) {
      .component-blog-gallery .column-right .spacer {
        display: block; } }
  .component-blog-gallery .image-left {
    margin: 36px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 3;
    border: 1px solid #f7d68f; }
    @media (min-width: 751px) {
      .component-blog-gallery .image-left {
        position: absolute;
        left: 1%;
        width: 53.5%;
        top: 0;
        margin: 0; } }
  .component-blog-gallery .image-right {
    margin: 36px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #f7d68f;
    z-index: 2; }
    @media (min-width: 751px) {
      .component-blog-gallery .image-right {
        position: absolute;
        left: 45.5%;
        width: 53.5%;
        top: 10vw; } }
  .component-blog-gallery .quote {
    margin: 36px 0; }
    @media (min-width: 751px) {
      .component-blog-gallery .quote {
        margin: 0 0 60px 11vw;
        width: 38vw;
        min-height: 14vw; } }
    .component-blog-gallery .quote .inner {
      position: relative;
      border: 2px solid #f15c2e;
      box-sizing: border-box;
      padding: 2vw 7vw 4vw 4vw; }
    .component-blog-gallery .quote blockquote p {
      font-weight: 700;
      /* bold */
      font-family: Open Sans Condensed, sans-serif;
      font-size: 26px; }
      @media (max-width: 1600px) {
        .component-blog-gallery .quote blockquote p {
          font-size: 24.625px; } }
      @media (max-width: 1024px) {
        .component-blog-gallery .quote blockquote p {
          font-size: 23.25px; } }
      @media (max-width: 896px) {
        .component-blog-gallery .quote blockquote p {
          font-size: 21.875px; } }
      @media (max-width: 750px) {
        .component-blog-gallery .quote blockquote p {
          font-size: 20.5px; } }
      @media (max-width: 520px) {
        .component-blog-gallery .quote blockquote p {
          font-size: 19.675px; } }
      .component-blog-gallery .quote blockquote p:first-child:before {
        content: "“"; }
      .component-blog-gallery .quote blockquote p:last-child:after {
        content: "”"; }
    .component-blog-gallery .quote .author {
      padding: 36px 0 0 0;
      font-family: Open Sans, sans-serif;
      font-weight: 700;
      /* bold */
      text-transform: uppercase;
      font-size: 21px; }
      @media (max-width: 1600px) {
        .component-blog-gallery .quote .author {
          font-size: 20.25px; } }
      @media (max-width: 1024px) {
        .component-blog-gallery .quote .author {
          font-size: 19.5px; } }
      @media (max-width: 896px) {
        .component-blog-gallery .quote .author {
          font-size: 18.75px; } }
      @media (max-width: 750px) {
        .component-blog-gallery .quote .author {
          font-size: 18px; } }
      @media (max-width: 520px) {
        .component-blog-gallery .quote .author {
          font-size: 17.55px; } }
  .component-blog-gallery .video {
    position: relative; }
    @media (min-width: 751px) {
      .component-blog-gallery .video {
        margin: 0 0 0 4.5vw;
        width: 44.5vw; } }
    .component-blog-gallery .video .preview {
      width: 100%;
      box-sizing: border-box;
      border: 1px solid #f7d68f; }
    .component-blog-gallery .video .cta {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      /* IE9 only */
      transform: translate(-50%, -50%);
      font-size: 28px;
      color: #fff;
      cursor: pointer;
      white-space: nowrap;
      -webkit-transition: color 200ms linear 0ms;
      /* webkit mobile */
      transition: color 200ms linear 0ms; }
      @media (max-width: 1600px) {
        .component-blog-gallery .video .cta {
          font-size: 26.375px; } }
      @media (max-width: 1024px) {
        .component-blog-gallery .video .cta {
          font-size: 24.75px; } }
      @media (max-width: 896px) {
        .component-blog-gallery .video .cta {
          font-size: 23.125px; } }
      @media (max-width: 750px) {
        .component-blog-gallery .video .cta {
          font-size: 21.5px; } }
      @media (max-width: 520px) {
        .component-blog-gallery .video .cta {
          font-size: 20.525px; } }
      .component-blog-gallery .video .cta span {
        display: inline-block;
        padding: 56px;
        white-space: nowrap; }
      .mouse .component-blog-gallery .video .cta:hover {
        color: #f15c2e; }
  @media (min-width: 751px) {
    .component-blog-gallery .story {
      margin: 0 0 0 5.5vw;
      width: 35vw; } }
  .component-blog-gallery .story h2, .component-blog-gallery .story h3, .component-blog-gallery .story h4 {
    font-family: Open Sans Condensed, sans-serif;
    color: #f15c2e; }

/*  end:  Component  »  Blog Gallery  */
/*  begin:  Component  »  Fan Art Overview  */
.component-fanart-overview {
  padding: 120px 0 0 0; }
  .component-fanart-overview:before, .component-fanart-overview:after {
    content: " ";
    display: table; }
  .component-fanart-overview:after {
    clear: both; }
  @media (max-width: 896px) {
    .component-fanart-overview {
      overflow: hidden; } }
  .component-fanart-overview .all-fanart {
    padding: 36px 0 76px 0;
    text-align: center; }
    .component-fanart-overview .all-fanart a {
      position: relative;
      display: inline-block;
      font-size: 20px;
      font-variant: small-caps; }
      @media (max-width: 1600px) {
        .component-fanart-overview .all-fanart a {
          font-size: 19.375px; } }
      @media (max-width: 1024px) {
        .component-fanart-overview .all-fanart a {
          font-size: 18.75px; } }
      @media (max-width: 896px) {
        .component-fanart-overview .all-fanart a {
          font-size: 18.125px; } }
      @media (max-width: 750px) {
        .component-fanart-overview .all-fanart a {
          font-size: 17.5px; } }
      @media (max-width: 520px) {
        .component-fanart-overview .all-fanart a {
          font-size: 17.125px; } }
  .component-fanart-overview .fanart-container {
    position: relative;
    width: 100%;
    z-index: 100; }
    .component-fanart-overview .fanart-container:before, .component-fanart-overview .fanart-container:after {
      content: " ";
      display: table; }
    .component-fanart-overview .fanart-container:after {
      clear: both; }
    .component-fanart-overview .fanart-container:after {
      content: "";
      display: none; }
    @media (max-width: 896px) {
      .component-fanart-overview .fanart-container {
        margin-bottom: 60px;
        padding: 10px 0; }
        .component-fanart-overview .fanart-container .flickity-viewport {
          overflow: visible !important; }
        .component-fanart-overview .fanart-container .flickity-prev-next-button {
          display: none !important; }
        .component-fanart-overview .fanart-container:after {
          content: "flickity"; } }
  .component-fanart-overview .fanart-item {
    position: relative;
    padding: 0px;
    box-sizing: border-box; }
    @media (max-width: 896px) {
      .component-fanart-overview .fanart-item {
        width: 100%;
        padding: 5px; } }
    @media (min-width: 897px) {
      .component-fanart-overview .fanart-item {
        float: left;
        width: 33.333%;
        box-sizing: border-box; } }
    .component-fanart-overview .fanart-item:nth-child(1) {
      -webkit-transform: rotate(-3.25deg) translateY(5px);
      -ms-transform: rotate(-3.25deg) translateY(5px);
      /* IE9 only */
      transform: rotate(-3.25deg) translateY(5px);
      z-index: 100; }
      @media (max-width: 896px) {
        .component-fanart-overview .fanart-item:nth-child(1) {
          -webkit-transform: rotate(-3.25deg/2) translateY(5px);
          -ms-transform: rotate(-3.25deg/2) translateY(5px);
          /* IE9 only */
          transform: rotate(-3.25deg/2) translateY(5px); } }
    .component-fanart-overview .fanart-item:nth-child(2) {
      -webkit-transform: rotate(0.25deg) translateY(-10px);
      -ms-transform: rotate(0.25deg) translateY(-10px);
      /* IE9 only */
      transform: rotate(0.25deg) translateY(-10px);
      z-index: 200; }
      @media (max-width: 896px) {
        .component-fanart-overview .fanart-item:nth-child(2) {
          -webkit-transform: rotate(0.25deg/2) translateY(5px);
          -ms-transform: rotate(0.25deg/2) translateY(5px);
          /* IE9 only */
          transform: rotate(0.25deg/2) translateY(5px); } }
    .component-fanart-overview .fanart-item:nth-child(3) {
      -webkit-transform: rotate(4.75deg) translateY(5px);
      -ms-transform: rotate(4.75deg) translateY(5px);
      /* IE9 only */
      transform: rotate(4.75deg) translateY(5px);
      z-index: 100; }
      @media (max-width: 896px) {
        .component-fanart-overview .fanart-item:nth-child(3) {
          -webkit-transform: rotate(-4.75deg/2) translateY(5px);
          -ms-transform: rotate(-4.75deg/2) translateY(5px);
          /* IE9 only */
          transform: rotate(-4.75deg/2) translateY(5px); } }
    .component-fanart-overview .fanart-item.is-selected {
      -webkit-transform: rotate(0deg) translateY(0px) !important;
      -ms-transform: rotate(0deg) translateY(0px) !important;
      /* IE9 only */
      transform: rotate(0deg) translateY(0px) !important; }
    .component-fanart-overview .fanart-item .inner {
      position: relative;
      background: url(../images/news-featured-item-bg-i8a8.png) no-repeat 0px 0px;
      background-size: 100% 100%;
      padding: 30px;
      box-sizing: border-box; }
      @media (max-width: 1600px) {
        .component-fanart-overview .fanart-item .inner {
          padding: 26.25px; } }
      @media (max-width: 1024px) {
        .component-fanart-overview .fanart-item .inner {
          padding: 22.5px; } }
      @media (max-width: 896px) {
        .component-fanart-overview .fanart-item .inner {
          padding: 18.75px; } }
      @media (max-width: 750px) {
        .component-fanart-overview .fanart-item .inner {
          padding: 15px; } }
      @media (max-width: 520px) {
        .component-fanart-overview .fanart-item .inner {
          padding: 12.75px; } }
    .component-fanart-overview .fanart-item .photo {
      position: relative; }
      .component-fanart-overview .fanart-item .photo img {
        width: 100%; }
    .component-fanart-overview .fanart-item .text {
      padding: 10px 0 0px 0; }
      .component-fanart-overview .fanart-item .text .title {
        margin: 5.3333333333px 0 0 0;
        font-size: 24px;
        font-family: Open Sans Condensed, sans-serif;
        text-transform: uppercase;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media (max-width: 1600px) {
          .component-fanart-overview .fanart-item .text .title {
            font-size: 22.875px; } }
        @media (max-width: 1024px) {
          .component-fanart-overview .fanart-item .text .title {
            font-size: 21.75px; } }
        @media (max-width: 896px) {
          .component-fanart-overview .fanart-item .text .title {
            font-size: 20.625px; } }
        @media (max-width: 750px) {
          .component-fanart-overview .fanart-item .text .title {
            font-size: 19.5px; } }
        @media (max-width: 520px) {
          .component-fanart-overview .fanart-item .text .title {
            font-size: 18.825px; } }
        .component-fanart-overview .fanart-item .text .title a {
          text-decoration: none; }
      .component-fanart-overview .fanart-item .text .author {
        font-size: 18px;
        font-weight: 700;
        /* bold */
        font-family: Open Sans Condensed, sans-serif;
        color: #a5a49e; }
        @media (max-width: 1600px) {
          .component-fanart-overview .fanart-item .text .author {
            font-size: 17.625px; } }
        @media (max-width: 1024px) {
          .component-fanart-overview .fanart-item .text .author {
            font-size: 17.25px; } }
        @media (max-width: 896px) {
          .component-fanart-overview .fanart-item .text .author {
            font-size: 16.875px; } }
        @media (max-width: 750px) {
          .component-fanart-overview .fanart-item .text .author {
            font-size: 16.5px; } }
        @media (max-width: 520px) {
          .component-fanart-overview .fanart-item .text .author {
            font-size: 16.275px; } }
        .component-fanart-overview .fanart-item .text .author a {
          color: #f15c2e;
          text-decoration: none; }
      .component-fanart-overview .fanart-item .text .meta {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        list-style: none; }
        .component-fanart-overview .fanart-item .text .meta:before, .component-fanart-overview .fanart-item .text .meta:after {
          content: " ";
          display: table; }
        .component-fanart-overview .fanart-item .text .meta:after {
          clear: both; }
        .component-fanart-overview .fanart-item .text .meta > li {
          float: left;
          margin: 0;
          padding: 10.6666666667px 0; }
        .component-fanart-overview .fanart-item .text .meta .icon {
          float: left;
          font-family: campfire-icons;
          font-size: 18px; }
          .component-fanart-overview .fanart-item .text .meta .icon.active {
            color: #f15c2e; }
        .component-fanart-overview .fanart-item .text .meta .text {
          float: left;
          padding: 0 24px 0 3.2px;
          font-family: Open Sans, sans-serif;
          font-weight: 700;
          /* bold */
          font-size: 16px;
          color: #000; }
        .component-fanart-overview .fanart-item .text .meta .likes {
          user-select: none;
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none;
          -webkit-transition: color 200ms linear 0ms;
          /* webkit mobile */
          transition: color 200ms linear 0ms; }
          .component-fanart-overview .fanart-item .text .meta .likes.active {
            color: #f15c2e; }
            .component-fanart-overview .fanart-item .text .meta .likes.active .text {
              color: #f15c2e; }
        .component-fanart-overview .fanart-item .text .meta .tags {
          -webkit-transition: color 200ms linear 0ms;
          /* webkit mobile */
          transition: color 200ms linear 0ms; }
  .component-fanart-overview .fanart-cta {
    position: relative;
    overflow: hidden;
    clear: both;
    text-align: center;
    padding: 60px 0; }
    .component-fanart-overview .fanart-cta h4 {
      font-weight: 400;
      /* regular */
      font-family: Libre Baskerville, serif;
      font-size: 20px; }
      @media (max-width: 1600px) {
        .component-fanart-overview .fanart-cta h4 {
          font-size: 19.375px; } }
      @media (max-width: 1024px) {
        .component-fanart-overview .fanart-cta h4 {
          font-size: 18.75px; } }
      @media (max-width: 896px) {
        .component-fanart-overview .fanart-cta h4 {
          font-size: 18.125px; } }
      @media (max-width: 750px) {
        .component-fanart-overview .fanart-cta h4 {
          font-size: 17.5px; } }
      @media (max-width: 520px) {
        .component-fanart-overview .fanart-cta h4 {
          font-size: 17.125px; } }
      .component-fanart-overview .fanart-cta h4 a {
        text-decoration: underline; }

/*  end:  Component  »  Fan Art Overview  */
/*  begin:  Component  »  Fan Art Archive  */
.component-fanart-archive {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-fanart-archive {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-fanart-archive {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-fanart-archive {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-fanart-archive {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-fanart-archive {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-fanart-archive .fanart-cta {
    position: relative;
    overflow: hidden;
    clear: both;
    text-align: center;
    padding: 60px 0; }
    .component-fanart-archive .fanart-cta h4 {
      font-weight: 400;
      /* regular */
      font-family: Libre Baskerville, serif;
      font-size: 20px; }
      @media (max-width: 1600px) {
        .component-fanart-archive .fanart-cta h4 {
          font-size: 19.375px; } }
      @media (max-width: 1024px) {
        .component-fanart-archive .fanart-cta h4 {
          font-size: 18.75px; } }
      @media (max-width: 896px) {
        .component-fanart-archive .fanart-cta h4 {
          font-size: 18.125px; } }
      @media (max-width: 750px) {
        .component-fanart-archive .fanart-cta h4 {
          font-size: 17.5px; } }
      @media (max-width: 520px) {
        .component-fanart-archive .fanart-cta h4 {
          font-size: 17.125px; } }
      .component-fanart-archive .fanart-cta h4 a {
        text-decoration: underline; }
  .component-fanart-archive .filters {
    position: relative;
    padding: 36px 0 0 0;
    margin-bottom: 36px;
    text-align: center; }
  .component-fanart-archive .fanart-container {
    position: relative; }
    .component-fanart-archive .fanart-container:before, .component-fanart-archive .fanart-container:after {
      content: " ";
      display: table; }
    .component-fanart-archive .fanart-container:after {
      clear: both; }
  .component-fanart-archive .fanart-item {
    position: relative;
    padding: 0px;
    box-sizing: border-box; }
    @media (max-width: 896px) {
      .component-fanart-archive .fanart-item {
        width: auto;
        padding: 5px; } }
    @media (min-width: 751px) and (max-width: 896px) {
      .component-fanart-archive .fanart-item {
        float: left;
        width: 48%;
        margin: 1%;
        box-sizing: border-box; }
        .component-fanart-archive .fanart-item:nth-child(2n+1) {
          clear: left; } }
    @media (min-width: 897px) {
      .component-fanart-archive .fanart-item {
        float: left;
        width: 23%;
        margin: 1%;
        box-sizing: border-box; }
        .component-fanart-archive .fanart-item:nth-child(4n+1) {
          clear: left; } }
    .component-fanart-archive .fanart-item .inner {
      position: relative;
      background: url(../images/news-featured-item-bg-i8a8.png) no-repeat 0px 0px;
      background-size: 100% 100%;
      padding: 30px;
      box-sizing: border-box; }
      @media (max-width: 1600px) {
        .component-fanart-archive .fanart-item .inner {
          padding: 26.25px; } }
      @media (max-width: 1024px) {
        .component-fanart-archive .fanart-item .inner {
          padding: 22.5px; } }
      @media (max-width: 896px) {
        .component-fanart-archive .fanart-item .inner {
          padding: 18.75px; } }
      @media (max-width: 750px) {
        .component-fanart-archive .fanart-item .inner {
          padding: 15px; } }
      @media (max-width: 520px) {
        .component-fanart-archive .fanart-item .inner {
          padding: 12.75px; } }
    .component-fanart-archive .fanart-item .photo {
      position: relative; }
      .component-fanart-archive .fanart-item .photo .gif {
        position: relative;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover; }
      .component-fanart-archive .fanart-item .photo img {
        width: 100%; }
    .component-fanart-archive .fanart-item .inner {
      position: relative;
      padding: 20px;
      box-sizing: border-box; }
      @media (max-width: 1600px) {
        .component-fanart-archive .fanart-item .inner {
          padding: 17.5px; } }
      @media (max-width: 1024px) {
        .component-fanart-archive .fanart-item .inner {
          padding: 15px; } }
      @media (max-width: 896px) {
        .component-fanart-archive .fanart-item .inner {
          padding: 12.5px; } }
      @media (max-width: 750px) {
        .component-fanart-archive .fanart-item .inner {
          padding: 10px; } }
      @media (max-width: 520px) {
        .component-fanart-archive .fanart-item .inner {
          padding: 8.5px; } }
    .component-fanart-archive .fanart-item .photo {
      position: relative; }
      .component-fanart-archive .fanart-item .photo img {
        width: 100%; }
    .component-fanart-archive .fanart-item .text .title {
      margin: 5.3333333333px 0 0 0;
      font-size: 23px;
      font-family: Open Sans Condensed, sans-serif;
      text-transform: uppercase;
      color: #000;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media (max-width: 1600px) {
        .component-fanart-archive .fanart-item .text .title {
          font-size: 22px; } }
      @media (max-width: 1024px) {
        .component-fanart-archive .fanart-item .text .title {
          font-size: 21px; } }
      @media (max-width: 896px) {
        .component-fanart-archive .fanart-item .text .title {
          font-size: 20px; } }
      @media (max-width: 750px) {
        .component-fanart-archive .fanart-item .text .title {
          font-size: 19px; } }
      @media (max-width: 520px) {
        .component-fanart-archive .fanart-item .text .title {
          font-size: 18.4px; } }
      .component-fanart-archive .fanart-item .text .title a {
        text-decoration: none; }
    .component-fanart-archive .fanart-item .text .author {
      font-size: 18px;
      font-weight: 700;
      /* bold */
      font-family: Open Sans Condensed, sans-serif;
      color: #a5a49e; }
      @media (max-width: 1600px) {
        .component-fanart-archive .fanart-item .text .author {
          font-size: 17.625px; } }
      @media (max-width: 1024px) {
        .component-fanart-archive .fanart-item .text .author {
          font-size: 17.25px; } }
      @media (max-width: 896px) {
        .component-fanart-archive .fanart-item .text .author {
          font-size: 16.875px; } }
      @media (max-width: 750px) {
        .component-fanart-archive .fanart-item .text .author {
          font-size: 16.5px; } }
      @media (max-width: 520px) {
        .component-fanart-archive .fanart-item .text .author {
          font-size: 16.275px; } }
      .component-fanart-archive .fanart-item .text .author a {
        color: #f15c2e;
        text-decoration: none; }
    .component-fanart-archive .fanart-item .text .meta {
      position: relative;
      display: block;
      margin: 0;
      padding: 0;
      list-style: none; }
      .component-fanart-archive .fanart-item .text .meta:before, .component-fanart-archive .fanart-item .text .meta:after {
        content: " ";
        display: table; }
      .component-fanart-archive .fanart-item .text .meta:after {
        clear: both; }
      .component-fanart-archive .fanart-item .text .meta > li {
        float: left;
        margin: 0;
        padding: 10.6666666667px 0; }
      .component-fanart-archive .fanart-item .text .meta .icon {
        float: left;
        font-family: campfire-icons;
        font-size: 18px; }
        .component-fanart-archive .fanart-item .text .meta .icon.active {
          color: #f15c2e; }
      .component-fanart-archive .fanart-item .text .meta .text {
        float: left;
        padding: 0 24px 0 3.2px;
        font-family: Open Sans, sans-serif;
        font-weight: 700;
        /* bold */
        font-size: 16px;
        color: #000; }
      .component-fanart-archive .fanart-item .text .meta .likes {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -webkit-transition: color 200ms linear 0ms;
        /* webkit mobile */
        transition: color 200ms linear 0ms; }
        .component-fanart-archive .fanart-item .text .meta .likes.active {
          color: #f15c2e; }
          .component-fanart-archive .fanart-item .text .meta .likes.active .text {
            color: #f15c2e; }
      .component-fanart-archive .fanart-item .text .meta .tags {
        -webkit-transition: color 200ms linear 0ms;
        /* webkit mobile */
        transition: color 200ms linear 0ms; }

/*  end:  Component  »  Fan Art Archive  */
/*  begin:  Component  »  Fan Art Popup  */
.component-fanart-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 10000; }
  .component-fanart-popup .artboard {
    position: fixed;
    top: 90px;
    left: 120px;
    right: 120px;
    bottom: 170px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    @media (max-width: 750px) {
      .component-fanart-popup .artboard {
        bottom: 220px;
        left: 40px;
        right: 40px;
        top: 50px; } }
  .component-fanart-popup .details {
    position: fixed;
    left: 5%;
    right: 5%;
    bottom: 10px;
    height: 130px; }
    @media (max-width: 750px) {
      .component-fanart-popup .details {
        height: 180px; } }
    .component-fanart-popup .details .column-left {
      position: relative; }
      @media (min-width: 521px) {
        .component-fanart-popup .details .column-left {
          float: left;
          width: 60%; } }
    .component-fanart-popup .details .column-right {
      position: relative; }
      @media (min-width: 521px) {
        .component-fanart-popup .details .column-right {
          float: left;
          width: 40%; } }
    .component-fanart-popup .details .title {
      margin: 5.3333333333px 0 0 0;
      font-size: 36px;
      font-family: Open Sans Condensed, sans-serif;
      text-transform: uppercase;
      color: #fff;
      max-width: 110%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media (max-width: 1600px) {
        .component-fanart-popup .details .title {
          font-size: 33.375px; } }
      @media (max-width: 1024px) {
        .component-fanart-popup .details .title {
          font-size: 30.75px; } }
      @media (max-width: 896px) {
        .component-fanart-popup .details .title {
          font-size: 28.125px; } }
      @media (max-width: 750px) {
        .component-fanart-popup .details .title {
          font-size: 25.5px; } }
      @media (max-width: 520px) {
        .component-fanart-popup .details .title {
          font-size: 23.925px; } }
      .component-fanart-popup .details .title a {
        text-decoration: none; }
    .component-fanart-popup .details .author {
      font-size: 18px;
      font-weight: 700;
      /* bold */
      font-family: Open Sans Condensed, sans-serif;
      color: #fff; }
      @media (max-width: 1600px) {
        .component-fanart-popup .details .author {
          font-size: 17.625px; } }
      @media (max-width: 1024px) {
        .component-fanart-popup .details .author {
          font-size: 17.25px; } }
      @media (max-width: 896px) {
        .component-fanart-popup .details .author {
          font-size: 16.875px; } }
      @media (max-width: 750px) {
        .component-fanart-popup .details .author {
          font-size: 16.5px; } }
      @media (max-width: 520px) {
        .component-fanart-popup .details .author {
          font-size: 16.275px; } }
      .component-fanart-popup .details .author a {
        color: #f15c2e; }
    .component-fanart-popup .details .meta {
      float: right;
      position: relative;
      display: block;
      margin: 0;
      padding: 0;
      list-style: none; }
      .component-fanart-popup .details .meta:before, .component-fanart-popup .details .meta:after {
        content: " ";
        display: table; }
      .component-fanart-popup .details .meta:after {
        clear: both; }
      .component-fanart-popup .details .meta > li {
        float: left;
        margin: 0;
        padding: 10.6666666667px 0;
        color: #fff; }
      .component-fanart-popup .details .meta .icon {
        float: left;
        font-family: campfire-icons;
        font-size: 18px; }
        .component-fanart-popup .details .meta .icon.active {
          color: #f15c2e; }
      .component-fanart-popup .details .meta .text {
        float: left;
        padding: 0 24px 0 3.2px;
        font-family: Open Sans, sans-serif;
        font-weight: 700;
        /* bold */
        font-size: 16px;
        color: #fff; }
      .component-fanart-popup .details .meta .likes {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -webkit-transition: color 200ms linear 0ms;
        /* webkit mobile */
        transition: color 200ms linear 0ms; }
        .component-fanart-popup .details .meta .likes.active {
          color: #f15c2e; }
          .component-fanart-popup .details .meta .likes.active .text {
            color: #f15c2e; }
      .component-fanart-popup .details .meta .tags {
        -webkit-transition: color 200ms linear 0ms;
        /* webkit mobile */
        transition: color 200ms linear 0ms; }
    .component-fanart-popup .details .tag-list {
      clear: both;
      color: #fff;
      font-style: italic;
      padding: 10.6666666667px 0 0 0;
      text-align: right; }
      .component-fanart-popup .details .tag-list a {
        color: #fff; }
  .component-fanart-popup .button {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    top: 50%;
    margin: -20px 0 0 0;
    padding: 0;
    font-family: campfire-icons;
    background: none;
    font-size: 64px;
    line-height: 1;
    color: #fff;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    border: 0; }
    @media (max-width: 750px) {
      .component-fanart-popup .button {
        width: 30px;
        height: 30px; } }
  .component-fanart-popup .button--close {
    background: url(../images/global-elements-nav-close.png) no-repeat 50% 50%;
    width: 50px;
    height: 50px;
    top: 40px;
    right: 80px;
    margin: 0;
    padding: 0; }
    .mouse .component-fanart-popup .button--close:hover {
      background: url(../images/global-elements-nav-close-hover.png) no-repeat 50% 50%; }
    @media (max-width: 750px) {
      .component-fanart-popup .button--close {
        top: 26px;
        right: 8px;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        /* IE9 only */
        transform: scale(0.6); } }
  .component-fanart-popup .button--prev {
    left: 30px;
    width: 50px;
    height: 50px;
    background: url(../images/global-elements-nav-prev.png) no-repeat 50% 50%; }
    .mouse .component-fanart-popup .button--prev:hover {
      background: url(../images/global-elements-nav-prev-hover.png) no-repeat 50% 50%; }
    @media (max-width: 750px) {
      .component-fanart-popup .button--prev {
        left: 0px;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        /* IE9 only */
        transform: scale(0.6); } }
  .component-fanart-popup .button--next {
    right: 30px;
    width: 50px;
    height: 50px;
    background: url(../images/global-elements-nav-next.png) no-repeat 50% 50%; }
    .mouse .component-fanart-popup .button--next:hover {
      background: url(../images/global-elements-nav-next-hover.png) no-repeat 50% 50%; }
    @media (max-width: 750px) {
      .component-fanart-popup .button--next {
        right: 0px;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        /* IE9 only */
        transform: scale(0.6); } }
/*  end:  Component  »  Fan Art Popup  */
/*  begin:  Component  »  Careers Listing  */
.component-careers-listing {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-careers-listing {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-careers-listing {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-careers-listing {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-careers-listing {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-careers-listing {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-careers-listing .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-careers-listing .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-careers-listing .job-filters {
    position: relative;
    padding: 36px 0 0 0;
    text-align: center; }
  .component-careers-listing .job-listings {
    position: relative;
    margin: 0;
    padding: 56px 0 0 0;
    list-style: none;
    clear: both; }
    .component-careers-listing .job-listings:before, .component-careers-listing .job-listings:after {
      content: " ";
      display: table; }
    .component-careers-listing .job-listings:after {
      clear: both; }
  .component-careers-listing .job-item {
    cursor: pointer; }

/*  end:  Component  »  Careers Listing  */
/*  begin:  Component  »  Careers Item  */
.component-careers-item {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-careers-item {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-careers-item {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-careers-item {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-careers-item {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-careers-item {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-careers-item .component-inner {
    max-width: 1100px; }
  .component-careers-item .title {
    font-family: Open Sans Condensed, sans-serif;
    font-size: 64px;
    color: #f15c2e; }
    @media (max-width: 1600px) {
      .component-careers-item .title {
        font-size: 57.875px; } }
    @media (max-width: 1024px) {
      .component-careers-item .title {
        font-size: 51.75px; } }
    @media (max-width: 896px) {
      .component-careers-item .title {
        font-size: 45.625px; } }
    @media (max-width: 750px) {
      .component-careers-item .title {
        font-size: 39.5px; } }
    @media (max-width: 520px) {
      .component-careers-item .title {
        font-size: 35.825px; } }
  .component-careers-item .location {
    font-family: Libre Baskerville, serif;
    font-size: 20px; }
    @media (max-width: 1600px) {
      .component-careers-item .location {
        font-size: 19.375px; } }
    @media (max-width: 1024px) {
      .component-careers-item .location {
        font-size: 18.75px; } }
    @media (max-width: 896px) {
      .component-careers-item .location {
        font-size: 18.125px; } }
    @media (max-width: 750px) {
      .component-careers-item .location {
        font-size: 17.5px; } }
    @media (max-width: 520px) {
      .component-careers-item .location {
        font-size: 17.125px; } }
    .component-careers-item .location b {
      padding: 0 0 0 0.3em;
      font-family: Open Sans, sans-serif;
      color: #f15c2e;
      font-size: 24px; }
      @media (max-width: 1600px) {
        .component-careers-item .location b {
          font-size: 22.875px; } }
      @media (max-width: 1024px) {
        .component-careers-item .location b {
          font-size: 21.75px; } }
      @media (max-width: 896px) {
        .component-careers-item .location b {
          font-size: 20.625px; } }
      @media (max-width: 750px) {
        .component-careers-item .location b {
          font-size: 19.5px; } }
      @media (max-width: 520px) {
        .component-careers-item .location b {
          font-size: 18.825px; } }
  .component-careers-item .intro {
    padding: 36px 0 0 0; }
  .component-careers-item .details {
    padding: 0 0 36px 0; }
    .component-careers-item .details .details-item {
      padding: 36px 5% 0 5%; }
      .component-careers-item .details .details-item .subtitle {
        font-family: Open Sans, sans-serif;
        color: #f15c2e;
        font-size: 28px;
        font-weight: 700;
        /* bold */ }
        @media (max-width: 1600px) {
          .component-careers-item .details .details-item .subtitle {
            font-size: 26.375px; } }
        @media (max-width: 1024px) {
          .component-careers-item .details .details-item .subtitle {
            font-size: 24.75px; } }
        @media (max-width: 896px) {
          .component-careers-item .details .details-item .subtitle {
            font-size: 23.125px; } }
        @media (max-width: 750px) {
          .component-careers-item .details .details-item .subtitle {
            font-size: 21.5px; } }
        @media (max-width: 520px) {
          .component-careers-item .details .details-item .subtitle {
            font-size: 20.525px; } }
      .component-careers-item .details .details-item .content {
        padding: 16px 0; }
      .component-careers-item .details .details-item ul {
        list-style: none; }
        .component-careers-item .details .details-item ul li {
          position: relative; }
          .component-careers-item .details .details-item ul li:before {
            position: absolute;
            display: block;
            left: -16px;
            top: 6px;
            content: '';
            background-color: #f15c2e;
            height: 6px;
            width: 6px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            margin-right: 4px; }
  .component-careers-item .application {
    padding: 10.6666666667px 7% 0 7%; }
    .component-careers-item .application .success {
      padding: 50px 30px;
      background: #f15c2e;
      color: #fff;
      text-align: center;
      font-family: Open Sans Condensed, sans-serif;
      text-transform: uppercase;
      font-size: 42px; }
      @media (max-width: 1600px) {
        .component-careers-item .application .success {
          font-size: 38.625px; } }
      @media (max-width: 1024px) {
        .component-careers-item .application .success {
          font-size: 35.25px; } }
      @media (max-width: 896px) {
        .component-careers-item .application .success {
          font-size: 31.875px; } }
      @media (max-width: 750px) {
        .component-careers-item .application .success {
          font-size: 28.5px; } }
      @media (max-width: 520px) {
        .component-careers-item .application .success {
          font-size: 26.475px; } }
    .component-careers-item .application .subtitle {
      font-family: Open Sans, sans-serif;
      color: #f15c2e;
      font-size: 24px;
      font-weight: 700;
      /* bold */ }
      @media (max-width: 1600px) {
        .component-careers-item .application .subtitle {
          font-size: 22.875px; } }
      @media (max-width: 1024px) {
        .component-careers-item .application .subtitle {
          font-size: 21.75px; } }
      @media (max-width: 896px) {
        .component-careers-item .application .subtitle {
          font-size: 20.625px; } }
      @media (max-width: 750px) {
        .component-careers-item .application .subtitle {
          font-size: 19.5px; } }
      @media (max-width: 520px) {
        .component-careers-item .application .subtitle {
          font-size: 18.825px; } }
    .component-careers-item .application .toggle {
      padding: 0 0 24px 0; }
    .component-careers-item .application fieldset {
      padding-left: 0;
      padding-right: 0; }
    @media (min-width: 751px) {
      .component-careers-item .application input[type="text"] {
        float: left;
        width: 48%; }
        .component-careers-item .application input[type="text"]:nth-child(even) {
          margin-left: 4%; } }
    .component-careers-item .application input[type="file"] {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1; }
      .component-careers-item .application input[type="file"]:focus + label.file {
        outline: 1px dotted #000;
        outline: -webkit-focus-ring-color auto 5px; }
    .component-careers-item .application .filename {
      float: left;
      padding: 16px 24px; }
    .component-careers-item .application .help {
      float: left;
      padding: 16px 24px; }
    .component-careers-item .application textarea {
      height: 20vw;
      min-height: 200px;
      max-height: 300px; }

/*  end:  Component  »  Careers Item  */
/*  begin:  Component  »  Press Kit  */
.component-press-kit {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-press-kit {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-press-kit {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-press-kit {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-press-kit {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-press-kit {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-press-kit .component-inner {
    max-width: 1100px; }
  .component-press-kit .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-press-kit .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-press-kit .form-container {
    background: url(../images/global-elements-ajax-loader.gif) no-repeat 50% 50%; }
    .component-press-kit .form-container:has(fieldset.active) {
      background: none; }
    .component-press-kit .form-container input[type="text"],
    .component-press-kit .form-container input[type="email"] {
      background: #F3F3F3;
      box-shadow: 0px 2px 4px 0px #00000040 inset;
      margin: 0;
      padding: 16px; }
    .component-press-kit .form-container fieldset {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: stretch;
      gap: 24px;
      padding: 48px 0;
      visibility: hidden; }
      .component-press-kit .form-container fieldset.active {
        visibility: visible; }
      .component-press-kit .form-container fieldset input {
        width: calc((100% - 24px) / 2 - 0.5px); }
      .component-press-kit .form-container fieldset input[name="url"] {
        width: 100%; }
      .component-press-kit .form-container fieldset textarea {
        display: none; }
      .component-press-kit .form-container fieldset button {
        margin: 20px auto;
        align-self: center; }
  .component-press-kit .press-filters {
    position: relative;
    padding: 36px 0 0 0;
    text-align: center; }
    @media (max-width: 896px) {
      .component-press-kit .press-filters {
        display: none; } }
  .component-press-kit .press-listings {
    position: relative;
    margin: 40px 0 0 0;
    padding: 0;
    list-style: none;
    clear: both; }
    @media (min-width: 751px) {
      .component-press-kit .press-listings {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        gap: 24px; } }
  .component-press-kit .press-item {
    position: relative;
    display: block;
    padding: 0px;
    margin: 0 0 24px 0;
    box-sizing: border-box;
    width: 100%;
    border: 1px dashed #5A514A; }
    .component-press-kit .press-item a,
    .component-press-kit .press-item * {
      text-decoration: none !important; }
      .component-press-kit .press-item a:hover,
      .component-press-kit .press-item *:hover {
        text-decoration: none !important; }
    @media (min-width: 751px) {
      .component-press-kit .press-item {
        width: calc((100% - 24px) / 2 - 0.5px); } }
    @media (min-width: 1025px) {
      .component-press-kit .press-item {
        width: calc((100% - 48px) / 3 - 0.5px); } }
    .component-press-kit .press-item .photo {
      position: relative;
      padding: 0px;
      margin: 0; }
      .component-press-kit .press-item .photo img {
        width: 100%;
        aspect-ratio: 338/190;
        aspect-ratio: 338/210;
        object-fit: cover;
        height: auto; }
      .component-press-kit .press-item .photo .text {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        color: #fff;
        padding: 20px;
        background: #00000080;
        background-blend-mode: multiply;
        text-decoration: none; }
        .component-press-kit .press-item .photo .text .title {
          font-family: Libre Baskerville, serif;
          font-size: 14px;
          font-weight: 500;
          line-height: 17.36px;
          text-align: left;
          margin: 0;
          padding: 0;
          color: #fff;
          text-decoration: none; }
          .component-press-kit .press-item .photo .text .title:empty {
            display: none; }
        .component-press-kit .press-item .photo .text .byline {
          font-family: Libre Baskerville, serif;
          font-size: 12px;
          font-weight: 400;
          line-height: 16.02px;
          text-align: left;
          margin: 4px 0 0 0;
          padding: 0;
          color: #fff;
          text-decoration: none; }
          .component-press-kit .press-item .photo .text .byline:empty {
            display: none; }
    .component-press-kit .press-item .cta {
      position: relative;
      margin: 0;
      padding: 10px 16px; }
      .component-press-kit .press-item .cta .button {
        display: block;
        width: 100%;
        text-align: center;
        text-decoration: none; }
  .component-press-kit .formats {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 1;
    text-align: center; }
    .component-press-kit .formats input, .component-press-kit .formats label {
      float: none;
      display: inline-block;
      min-width: 10px; }
    .component-press-kit .formats label {
      padding-top: 6px;
      padding-right: 20px;
      white-space: nowrap; }
      @media (max-width: 896px) {
        .component-press-kit .formats label {
          max-width: 90%; } }
    .component-press-kit .formats .label-group {
      float: none; }
      @media (max-width: 896px) {
        .component-press-kit .formats .label-group {
          clear: left; } }
  .component-press-kit .button-container {
    text-align: center; }
    .component-press-kit .button-container button {
      float: none; }
  .component-press-kit button {
    display: inline-block; }
  .component-press-kit #guidelines {
    padding: 30px 0; }
    .component-press-kit #guidelines .title {
      font-family: Open Sans Condensed, sans-serif;
      text-align: center;
      text-transform: uppercase;
      font-size: 48px;
      padding: 20px 0; }
      @media (max-width: 1600px) {
        .component-press-kit #guidelines .title {
          font-size: 43.875px; } }
      @media (max-width: 1024px) {
        .component-press-kit #guidelines .title {
          font-size: 39.75px; } }
      @media (max-width: 896px) {
        .component-press-kit #guidelines .title {
          font-size: 35.625px; } }
      @media (max-width: 750px) {
        .component-press-kit #guidelines .title {
          font-size: 31.5px; } }
      @media (max-width: 520px) {
        .component-press-kit #guidelines .title {
          font-size: 29.025px; } }
    .component-press-kit #guidelines p {
      font-size: 16px; }
      @media (max-width: 1600px) {
        .component-press-kit #guidelines p {
          font-size: 15.875px; } }
      @media (max-width: 1024px) {
        .component-press-kit #guidelines p {
          font-size: 15.75px; } }
      @media (max-width: 896px) {
        .component-press-kit #guidelines p {
          font-size: 15.625px; } }
      @media (max-width: 750px) {
        .component-press-kit #guidelines p {
          font-size: 15.5px; } }
      @media (max-width: 520px) {
        .component-press-kit #guidelines p {
          font-size: 15.425px; } }
/*  end:  Component  »  Press Kit  */
/*  begin:  Component  »  User Account Details  */
.component-user-account-details {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  background: #f15c2e;
  color: #fff; }
  @media (max-width: 1600px) {
    .component-user-account-details {
      padding-top: 52.5px;
      padding-bottom: 52.5px; } }
  @media (max-width: 1024px) {
    .component-user-account-details {
      padding-top: 45px;
      padding-bottom: 45px; } }
  @media (max-width: 896px) {
    .component-user-account-details {
      padding-top: 37.5px;
      padding-bottom: 37.5px; } }
  @media (max-width: 750px) {
    .component-user-account-details {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (max-width: 520px) {
    .component-user-account-details {
      padding-top: 25.5px;
      padding-bottom: 25.5px; } }
  @media (max-width: 750px) {
    .component-user-account-details {
      background: #ef5320; } }
  .component-user-account-details .component-inner {
    position: relative;
    display: block;
    padding-bottom: 30px;
    border-bottom: 1px dashed #f7d68f; }
    .component-user-account-details .component-inner:before, .component-user-account-details .component-inner:after {
      content: " ";
      display: table; }
    .component-user-account-details .component-inner:after {
      clear: both; }
  .component-user-account-details input, .component-user-account-details textarea {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    padding: 0;
    background: 0;
    color: #fff; }
  .component-user-account-details .subtitle {
    color: #fff;
    font-style: italic;
    font-family: Libre Baskerville, serif;
    font-weight: 400;
    /* regular */ }
  .component-user-account-details .photo {
    padding: 16px;
    box-sizing: border-box;
    text-align: center; }
    .component-user-account-details .photo input[type="file"] {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1; }
    @media (min-width: 751px) {
      .component-user-account-details .photo {
        float: left;
        width: 20%; } }
    .component-user-account-details .photo img {
      width: 100%;
      border-radius: 50%;
      margin: 0 auto 16px auto;
      max-width: 50vw;
      min-width: 100px;
      min-height: 100px;
      background: #333; }
  .component-user-account-details .text {
    padding: 16px;
    box-sizing: border-box;
    overflow: hidden; }
    @media (max-width: 750px) {
      .component-user-account-details .text {
        clear: both; } }
    @media (min-width: 751px) {
      .component-user-account-details .text {
        float: left;
        width: 54%; } }
    .component-user-account-details .text .note {
      float: left;
      clear: left;
      margin: -16px 0 16px 0;
      padding: 0 10px;
      display: block;
      font-family: Libre Baskerville, serif;
      font-style: italic;
      font-size: 12px;
      opacity: 0.4; }
    .component-user-account-details .text .field-username {
      font-family: Open Sans Condensed, sans-serif;
      font-size: 48px;
      color: #fff;
      text-transform: uppercase;
      font-weight: 700;
      /* bold */ }
      @media (max-width: 1600px) {
        .component-user-account-details .text .field-username {
          font-size: 43.875px; } }
      @media (max-width: 1024px) {
        .component-user-account-details .text .field-username {
          font-size: 39.75px; } }
      @media (max-width: 896px) {
        .component-user-account-details .text .field-username {
          font-size: 35.625px; } }
      @media (max-width: 750px) {
        .component-user-account-details .text .field-username {
          font-size: 31.5px; } }
      @media (max-width: 520px) {
        .component-user-account-details .text .field-username {
          font-size: 29.025px; } }
    .component-user-account-details .text input[type="text"],
    .component-user-account-details .text textarea {
      padding: 10px; }
    .component-user-account-details .text .field-username {
      padding-top: 4px !important;
      padding-bottom: 8px !important;
      line-height: 1;
      margin-top: 10.6666666667px; }
    .component-user-account-details .text .email .field-email {
      font-family: Libre Baskerville, serif;
      font-size: 16px;
      font-weight: 400;
      /* regular */
      font-style: italic; }
    .component-user-account-details .text .role {
      float: left;
      font-style: italic;
      font-size: 16px; }
    .component-user-account-details .text .logout,
    .component-user-account-details .text .password {
      float: right; }
      .component-user-account-details .text .logout a,
      .component-user-account-details .text .password a {
        text-decoration: underline; }
        .mouse .component-user-account-details .text .logout a:hover, .mouse .component-user-account-details .text .password a:hover {
          color: #fff; }
  .component-user-account-details .social {
    padding: 16px;
    box-sizing: border-box; }
    @media (min-width: 521px) {
      .component-user-account-details .social {
        float: left;
        width: 100%;
        clear: left; } }
    @media (min-width: 751px) {
      .component-user-account-details .social {
        width: 26%;
        clear: none; } }
    .component-user-account-details .social .social-container {
      position: relative;
      display: block;
      margin: 0;
      padding: 0;
      list-style: none;
      overflow: hidden; }
      .component-user-account-details .social .social-container .social-item {
        position: relative;
        float: left;
        padding: 10.6666666667px 12px 10.6666666667px 0;
        margin: 0;
        min-width: 3.5em;
        color: #666;
        opacity: 0.5;
        text-align: center; }
        .component-user-account-details .social .social-container .social-item.connected {
          opacity: 1; }
      .component-user-account-details .social .social-container .name {
        padding: 6px 0 0 0;
        display: block;
        font-family: Libre Baskerville, serif;
        font-style: italic;
        font-size: 12px; }
      .component-user-account-details .social .social-container .connected .name {
        color: #fff; }
      .component-user-account-details .social .social-container .icon {
        display: inline-block;
        width: 28px;
        height: 28px;
        box-sizing: border-box;
        padding: 0px 0 0 0;
        border: 1px solid #666;
        border-radius: 50%;
        font-family: campfire-icons;
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        font-weight: 400;
        /* regular */ }
      .component-user-account-details .social .social-container .connected .icon {
        color: #fff;
        border: 1px solid #fff; }
    .component-user-account-details .social a {
      display: inline-block;
      clear: both;
      text-decoration: underline;
      margin: 16px 0 0 0;
      font-size: 13px;
      text-align: right; }
      .component-user-account-details .social a.processing {
        cursor: wait;
        color: #5a514a !important; }
      .mouse .component-user-account-details .social a:hover {
        color: #fff; }
  .component-user-account-details.component-user-account-details-editable .photo label {
    position: relative;
    margin: 0;
    padding: 0;
    cursor: pointer; }
    .component-user-account-details.component-user-account-details-editable .photo label img, .component-user-account-details.component-user-account-details-editable .photo label:after {
      opacity: 1;
      -webkit-transition: all 200ms linear 0ms;
      /* webkit mobile */
      transition: all 200ms linear 0ms; }
    .component-user-account-details.component-user-account-details-editable .photo label:after {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 35px;
      height: 27px;
      background: url(../images/global-elements-icon-edit-photo.png) no-repeat 0px 0px;
      content: "";
      margin: -14px 0 0 -13px;
      opacity: 0; }
    .mouse .component-user-account-details.component-user-account-details-editable .photo label:hover:after {
      opacity: 1; }
    .mouse .component-user-account-details.component-user-account-details-editable .photo label:hover img {
      opacity: 0.5; }
    .mouse .component-user-account-details.component-user-account-details-editable .photo label:hover:before {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      text-align: center;
      content: "JPEG and under 2MB";
      color: #fff;
      font-size: 12px; }
    .touch .component-user-account-details.component-user-account-details-editable .photo label:before {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      text-align: center;
      content: "JPEG and under 2MB";
      color: #fff;
      font-size: 12px; }
  .component-user-account-details.component-user-account-details-editable .text {
    box-sizing: border-box;
    padding-right: 30px; }
    .component-user-account-details.component-user-account-details-editable .text .subtitle,
    .component-user-account-details.component-user-account-details-editable .text .role {
      padding-left: 10px; }
  .component-user-account-details.component-user-account-details-editable p {
    margin: 0; }
  .component-user-account-details.component-user-account-details-editable .username,
  .component-user-account-details.component-user-account-details-editable .bio,
  .component-user-account-details.component-user-account-details-editable .email {
    position: relative;
    display: block; }
    .component-user-account-details.component-user-account-details-editable .username input, .component-user-account-details.component-user-account-details-editable .username textarea,
    .component-user-account-details.component-user-account-details-editable .bio input,
    .component-user-account-details.component-user-account-details-editable .bio textarea,
    .component-user-account-details.component-user-account-details-editable .email input,
    .component-user-account-details.component-user-account-details-editable .email textarea {
      background: rgba(255, 255, 255, 0);
      max-width: 100%;
      -webkit-transition: all 300ms linear 0ms;
      /* webkit mobile */
      transition: all 300ms linear 0ms; }
    .component-user-account-details.component-user-account-details-editable .username:after,
    .component-user-account-details.component-user-account-details-editable .bio:after,
    .component-user-account-details.component-user-account-details-editable .email:after {
      position: absolute;
      left: 100%;
      width: 20px;
      height: 20px;
      top: 4px;
      margin: 0 0 0 -24px;
      background: url(../images/global-elements-icon-edit-field.png) no-repeat 0px 0px;
      content: "";
      opacity: 0; }
    .component-user-account-details.component-user-account-details-editable .username input:focus, .component-user-account-details.component-user-account-details-editable .username textarea:focus,
    .component-user-account-details.component-user-account-details-editable .bio input:focus,
    .component-user-account-details.component-user-account-details-editable .bio textarea:focus,
    .component-user-account-details.component-user-account-details-editable .email input:focus,
    .component-user-account-details.component-user-account-details-editable .email textarea:focus {
      background: rgba(255, 255, 255, 0.1); }
    .mouse .component-user-account-details.component-user-account-details-editable .username:hover input, .mouse .component-user-account-details.component-user-account-details-editable .username:hover textarea, .mouse .component-user-account-details.component-user-account-details-editable .bio:hover input, .mouse .component-user-account-details.component-user-account-details-editable .bio:hover textarea, .mouse .component-user-account-details.component-user-account-details-editable .email:hover input, .mouse .component-user-account-details.component-user-account-details-editable .email:hover textarea {
      background: rgba(255, 255, 255, 0.1); }
    .mouse .component-user-account-details.component-user-account-details-editable .username:hover:after, .mouse .component-user-account-details.component-user-account-details-editable .bio:hover:after, .mouse .component-user-account-details.component-user-account-details-editable .email:hover:after {
      opacity: 1; }
  .component-user-account-details.component-user-account-details-editable .saving .username.edited:after,
  .component-user-account-details.component-user-account-details-editable .saving .bio.edited:after,
  .component-user-account-details.component-user-account-details-editable .saving .email.edited:after {
    background: url(../images/global-elements-ajax-loader-3.gif) no-repeat 0px 0px;
    opacity: 1 !important; }
  .component-user-account-details.component-user-account-details-editable .username:after {
    top: 14px; }
  .component-user-account-details.component-user-account-details-editable .logout {
    clear: both;
    float: right; }
  .component-user-account-details.component-user-account-details-editable .social-container .social-item {
    cursor: pointer; }
    .mouse .component-user-account-details.component-user-account-details-editable .social-container .social-item:hover .name {
      color: #fff; }
    .mouse .component-user-account-details.component-user-account-details-editable .social-container .social-item:hover .icon {
      color: #fff;
      border: 1px solid #fff; }
    .component-user-account-details.component-user-account-details-editable .social-container .social-item.connected {
      cursor: default; }

/*  end:  Component  »  User Account Details  */
/*  begin:  Component  »  User Account Patches  */
.component-user-account-patches {
  position: relative; }
  .component-user-account-patches .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-user-account-patches .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
    .component-user-account-patches .format-section-header .title {
      line-height: 1;
      font-size: 64px;
      color: #fff;
      color: #fff;
      -webkit-text-fill-color: transparent;
      background: -webkit-linear-gradient(transparent, transparent), url(../images/global-elements-text-fill-white.png) repeat 50% 50%;
      background: -o-linear-gradient(transparent, transparent);
      -webkit-background-clip: text;
      background-size: 100% 100%; }
      @media (max-width: 1600px) {
        .component-user-account-patches .format-section-header .title {
          font-size: 57.875px; } }
      @media (max-width: 1024px) {
        .component-user-account-patches .format-section-header .title {
          font-size: 51.75px; } }
      @media (max-width: 896px) {
        .component-user-account-patches .format-section-header .title {
          font-size: 45.625px; } }
      @media (max-width: 750px) {
        .component-user-account-patches .format-section-header .title {
          font-size: 39.5px; } }
      @media (max-width: 520px) {
        .component-user-account-patches .format-section-header .title {
          font-size: 35.825px; } }
  .component-user-account-patches .patches-container {
    position: relative; }
  @media (max-width: 750px) {
    .component-user-account-patches .hankerchief {
      background: url(../images/userprofile-patches-primary-bg-mobile.jpg) no-repeat 50% 100%;
      background-size: 100% auto;
      margin-bottom: 45vw; } }
  @media (min-width: 751px) {
    .component-user-account-patches .hankerchief {
      background: url(../images/userprofile-patches-primary-bg-v2.png) no-repeat 50% 100%;
      background-size: 100% auto;
      min-height: 55vw; } }
  .component-user-account-patches .patch-item .tooltip {
    position: absolute;
    left: 50%;
    bottom: 100%;
    background: #fbfcf6;
    border: 1px solid #656563;
    padding: 15px 30px;
    white-space: nowrap;
    text-align: center;
    -webkit-transform: translate(-50%, 20px) scale(0, 1);
    -ms-transform: translate(-50%, 20px) scale(0, 1);
    /* IE9 only */
    transform: translate(-50%, 20px) scale(0, 1);
    -webkit-transition: all 200ms linear 0ms;
    /* webkit mobile */
    transition: all 200ms linear 0ms;
    opacity: 0; }
    .component-user-account-patches .patch-item .tooltip:after, .component-user-account-patches .patch-item .tooltip:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .component-user-account-patches .patch-item .tooltip:after {
      border-color: rgba(251, 252, 246, 0);
      border-top-color: #fbfcf6;
      border-width: 5px;
      margin-left: -5px; }
    .component-user-account-patches .patch-item .tooltip:before {
      border-color: rgba(101, 101, 99, 0);
      border-top-color: #656563;
      border-width: 6px;
      margin-left: -6px; }
    .component-user-account-patches .patch-item .tooltip .title {
      margin: 0;
      padding: 0 0 2px 0;
      font-family: Open Sans Condensed, sans-serif;
      font-size: 16px;
      color: #f15c2e;
      text-transform: uppercase; }
    .component-user-account-patches .patch-item .tooltip p {
      margin: 0;
      padding: 0;
      font-style: italic;
      font-family: Libre Baskerville, serif;
      font-size: 14px; }
  .touch .component-user-account-patches .patch-item.show-tooltip .tooltip, .mouse .component-user-account-patches .patch-item:hover .tooltip {
    -webkit-transform: translate(-50%, 20px) scale(1, 1);
    -ms-transform: translate(-50%, 20px) scale(1, 1);
    /* IE9 only */
    transform: translate(-50%, 20px) scale(1, 1);
    opacity: 1; }
  .component-user-account-patches .patches-primary {
    position: relative; }
    @media (max-width: 750px) {
      .component-user-account-patches .patches-primary {
        height: 330vw; }
        .component-user-account-patches .patches-primary .patch-item {
          position: absolute;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: contain;
          background-color: transparent; }
          .component-user-account-patches .patches-primary .patch-item .earn {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            /* IE9 only */
            transform: translate(-50%, -50%);
            font-style: italic;
            font-family: Libre Baskerville, serif;
            color: #fff;
            text-align: center;
            margin: 0;
            padding: 0;
            cursor: default; }
          .component-user-account-patches .patches-primary .patch-item.active .earn {
            display: none; }
        .component-user-account-patches .patches-primary .patch-campfire {
          left: 20vw;
          top: 4.2vw;
          width: 59.4vw;
          height: 59.4vw;
          background-image: url(../images/patches-01-campfire-outline.png); }
          .component-user-account-patches .patches-primary .patch-campfire.active {
            background-image: url(../images/patches-01-campfire.png); }
        .component-user-account-patches .patches-primary .patch-insider {
          left: 12.6vw;
          top: 71.7vw;
          width: 73.8vw;
          height: 33.6vw;
          background-image: url(../images/patches-03-insider-outline.png); }
          .component-user-account-patches .patches-primary .patch-insider.active {
            background-image: url(../images/patches-03-insider.png); }
        .component-user-account-patches .patches-primary .patch-13 {
          left: 12.6vw;
          top: 113.4vw;
          width: 73.8vw;
          height: 33.6vw;
          background-image: url(../images/patches-13-outline.png); }
          .component-user-account-patches .patches-primary .patch-13.active {
            background-image: url(../images/patches-13.png); }
        .component-user-account-patches .patches-primary .patch-04 {
          left: 6vw;
          top: 152.3vw;
          width: 38.5vw;
          height: 48.3vw;
          background-image: url(../images/patches-04-outline.png); }
          .component-user-account-patches .patches-primary .patch-04.active {
            background-image: url(../images/patches-04.png); }
        .component-user-account-patches .patches-primary .patch-14 {
          left: 55vw;
          top: 152.3vw;
          width: 38.5vw;
          height: 48.3vw;
          background-image: url(../images/patches-14-outline.png); }
          .component-user-account-patches .patches-primary .patch-14.active {
            background-image: url(../images/patches-14.png); }
        .component-user-account-patches .patches-primary .patch-15 {
          left: 21.9vw;
          top: 200.9vw;
          width: 54vw;
          height: 54vw;
          background-image: url(../images/patches-15-outline.png); }
          .component-user-account-patches .patches-primary .patch-15.active {
            background-image: url(../images/patches-15.png); }
        .component-user-account-patches .patches-primary .patch-social {
          left: 31.5vw;
          top: 260.5vw;
          width: 38vw;
          height: 38vw;
          background-image: url(../images/patches-02-social-outline.png); }
          .component-user-account-patches .patches-primary .patch-social.active {
            background-image: url(../images/patches-02-social.png); } }
    @media (min-width: 751px) {
      .component-user-account-patches .patches-primary .earn {
        font-size: 8px; } }
    @media (min-width: 700px) {
      .component-user-account-patches .patches-primary .earn {
        font-size: 8.75px; } }
    @media (min-width: 800px) {
      .component-user-account-patches .patches-primary .earn {
        font-size: 10px; } }
    @media (min-width: 900px) {
      .component-user-account-patches .patches-primary .earn {
        font-size: 11.25px; } }
    @media (min-width: 1000px) {
      .component-user-account-patches .patches-primary .earn {
        font-size: 12.5px; } }
    @media (min-width: 1100px) {
      .component-user-account-patches .patches-primary .earn {
        font-size: 13.75px; } }
    @media (min-width: 1200px) {
      .component-user-account-patches .patches-primary .earn {
        font-size: 15px; } }
    @media (min-width: 1300px) {
      .component-user-account-patches .patches-primary .earn {
        font-size: 16.25px; } }
    @media (min-width: 1400px) {
      .component-user-account-patches .patches-primary .earn {
        font-size: 17.5px; } }
    @media (min-width: 1500px) {
      .component-user-account-patches .patches-primary .earn {
        font-size: 18.75px; } }
    @media (min-width: 1600px) {
      .component-user-account-patches .patches-primary .earn {
        font-size: 20px; } }
    @media (min-width: 751px) {
      .component-user-account-patches .patches-primary {
        height: 52vw; }
        .component-user-account-patches .patches-primary .patch-item {
          position: absolute;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: contain;
          background-color: transparent; }
          .component-user-account-patches .patches-primary .patch-item .earn {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            /* IE9 only */
            transform: translate(-50%, -50%);
            font-style: italic;
            font-family: Libre Baskerville, serif;
            color: #fff;
            text-align: center;
            margin: 0;
            padding: 0;
            cursor: default; }
          .component-user-account-patches .patches-primary .patch-item.active .earn {
            display: none; }
        .component-user-account-patches .patches-primary .patch-campfire {
          left: 41.9vw;
          top: 0.9vw;
          width: 16.6vw;
          height: 16.6vw;
          background-image: url(../images/patches-01-campfire-outline.png); }
          .component-user-account-patches .patches-primary .patch-campfire.active {
            background-image: url(../images/patches-01-campfire.png); }
        .component-user-account-patches .patches-primary .patch-insider {
          left: 16.9vw;
          top: 1.8vw;
          width: 20.5vw;
          height: 9.3vw;
          background-image: url(../images/patches-03-insider-outline.png); }
          .component-user-account-patches .patches-primary .patch-insider.active {
            background-image: url(../images/patches-03-insider.png); }
        .component-user-account-patches .patches-primary .patch-13 {
          left: 62.5vw;
          top: 1.8vw;
          width: 20.5vw;
          height: 9.3vw;
          background-image: url(../images/patches-13-outline.png); }
          .component-user-account-patches .patches-primary .patch-13.active {
            background-image: url(../images/patches-13.png); }
        .component-user-account-patches .patches-primary .patch-04 {
          left: 30.4vw;
          top: 12.8vw;
          width: 10.5vw;
          height: 12.9vw;
          background-image: url(../images/patches-04-outline.png); }
          .component-user-account-patches .patches-primary .patch-04.active {
            background-image: url(../images/patches-04.png); }
        .component-user-account-patches .patches-primary .patch-14 {
          left: 59.4vw;
          top: 12.8vw;
          width: 10.5vw;
          height: 12.9vw;
          background-image: url(../images/patches-14-outline.png); }
          .component-user-account-patches .patches-primary .patch-14.active {
            background-image: url(../images/patches-14.png); }
        .component-user-account-patches .patches-primary .patch-15 {
          left: 43.8vw;
          top: 19.1vw;
          width: 12.3vw;
          height: 12.3vw;
          background-image: url(../images/patches-15-outline.png); }
          .component-user-account-patches .patches-primary .patch-15.active {
            background-image: url(../images/patches-15.png); }
        .component-user-account-patches .patches-primary .patch-social {
          left: 45.4vw;
          top: 33.5vw;
          width: 9.2vw;
          height: 9.2vw;
          background-image: url(../images/patches-02-social-outline.png); }
          .component-user-account-patches .patches-primary .patch-social.active {
            background-image: url(../images/patches-02-social.png); } }
  @media (min-width: 751px) {
    .component-user-account-patches .patches-events .desc,
    .component-user-account-patches .patches-events .help {
      font-size: 8px; } }
  @media (min-width: 700px) {
    .component-user-account-patches .patches-events .help {
      font-size: 7px; } }
  @media (min-width: 800px) {
    .component-user-account-patches .patches-events .help {
      font-size: 8px; } }
  @media (min-width: 900px) {
    .component-user-account-patches .patches-events .help {
      font-size: 9px; } }
  @media (min-width: 1000px) {
    .component-user-account-patches .patches-events .help {
      font-size: 10px; } }
  @media (min-width: 1100px) {
    .component-user-account-patches .patches-events .help {
      font-size: 11px; } }
  @media (min-width: 1200px) {
    .component-user-account-patches .patches-events .help {
      font-size: 12px; } }
  @media (min-width: 1300px) {
    .component-user-account-patches .patches-events .help {
      font-size: 13px; } }
  @media (min-width: 1400px) {
    .component-user-account-patches .patches-events .help {
      font-size: 14px; } }
  @media (min-width: 1500px) {
    .component-user-account-patches .patches-events .help {
      font-size: 15px; } }
  @media (min-width: 1600px) {
    .component-user-account-patches .patches-events .help {
      font-size: 16px; } }
  @media (min-width: 700px) {
    .component-user-account-patches .patches-events .desc {
      font-size: 10.5px; }
    .component-user-account-patches .patches-events .help,
    .component-user-account-patches .patches-events .patch-item {
      margin-top: 17vw !important; } }
  @media (min-width: 800px) {
    .component-user-account-patches .patches-events .desc {
      font-size: 12px; }
    .component-user-account-patches .patches-events .help,
    .component-user-account-patches .patches-events .patch-item {
      margin-top: 16vw !important; } }
  @media (min-width: 900px) {
    .component-user-account-patches .patches-events .desc {
      font-size: 13.5px; }
    .component-user-account-patches .patches-events .help,
    .component-user-account-patches .patches-events .patch-item {
      margin-top: 15vw !important; } }
  @media (min-width: 1000px) {
    .component-user-account-patches .patches-events .desc {
      font-size: 15px; }
    .component-user-account-patches .patches-events .help,
    .component-user-account-patches .patches-events .patch-item {
      margin-top: 14vw !important; } }
  @media (min-width: 1100px) {
    .component-user-account-patches .patches-events .desc {
      font-size: 16.5px; }
    .component-user-account-patches .patches-events .help,
    .component-user-account-patches .patches-events .patch-item {
      margin-top: 13vw !important; } }
  @media (min-width: 1200px) {
    .component-user-account-patches .patches-events .desc {
      font-size: 18px; }
    .component-user-account-patches .patches-events .help,
    .component-user-account-patches .patches-events .patch-item {
      margin-top: 12vw !important; } }
  @media (min-width: 1300px) {
    .component-user-account-patches .patches-events .desc {
      font-size: 19.5px; }
    .component-user-account-patches .patches-events .help,
    .component-user-account-patches .patches-events .patch-item {
      margin-top: 11vw !important; } }
  @media (min-width: 1400px) {
    .component-user-account-patches .patches-events .desc {
      font-size: 21px; }
    .component-user-account-patches .patches-events .help,
    .component-user-account-patches .patches-events .patch-item {
      margin-top: 10vw !important; } }
  @media (min-width: 1500px) {
    .component-user-account-patches .patches-events .desc {
      font-size: 22.5px; }
    .component-user-account-patches .patches-events .help,
    .component-user-account-patches .patches-events .patch-item {
      margin-top: 9vw !important; } }
  @media (min-width: 1600px) {
    .component-user-account-patches .patches-events .desc {
      font-size: 24px; }
    .component-user-account-patches .patches-events .help,
    .component-user-account-patches .patches-events .patch-item {
      margin-top: 8vw !important; } }
  .component-user-account-patches .patches-events .help {
    position: absolute;
    left: 36vw;
    top: 42.7vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE9 only */
    transform: translate(-50%, -50%);
    font-style: italic;
    font-family: Libre Baskerville, serif;
    color: #656563;
    text-align: center;
    margin: 0;
    padding: 0;
    cursor: default;
    padding-top: 18px;
    background: url(../images/patches-events-attend-arrow.png) no-repeat 50% 0; }
  .component-user-account-patches .patches-events .desc {
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE9 only */
    transform: translate(-50%, -50%);
    font-family: Open Sans Condensed, sans-serif;
    color: #f15c2e;
    text-transform: uppercase;
    font-weight: 700;
    /* bold */
    text-align: center;
    margin: 0;
    padding: 0;
    cursor: default;
    line-height: 0.9;
    cursor: pointer; }
  .component-user-account-patches .patches-events .patch-item {
    position: absolute;
    width: 7vw;
    height: 7vw; }
    .component-user-account-patches .patches-events .patch-item .patch-image,
    .component-user-account-patches .patches-events .patch-item .tooltip {
      visibility: hidden; }
    .component-user-account-patches .patches-events .patch-item.active .patch-image, .component-user-account-patches .patches-events .patch-item.active .tooltip {
      visibility: visible; }
    .component-user-account-patches .patches-events .patch-item .patch-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: url(../images/patches-09-event-outline.png) no-repeat 0px 0px;
      background-size: contain;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      /* IE9 only */
      transform: rotate(-45deg); }
    .component-user-account-patches .patches-events .patch-item .patch-image {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: url(../images/patches-09-event-outline.png) no-repeat 0px 0px;
      background-size: contain;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      /* IE9 only */
      transform: rotate(-45deg); }
  .component-user-account-patches .patches-events .event1 {
    left: 11.8vw;
    top: 19.2vw; }
  .component-user-account-patches .patches-events .event2 {
    left: 16.5vw;
    top: 24vw; }
  .component-user-account-patches .patches-events .event3 {
    left: 21.3vw;
    top: 28.7vw; }
  .component-user-account-patches .patches-events .event4 {
    left: 26vw;
    top: 33.4vw; }
  .component-user-account-patches .patches-events .event5 {
    left: 7.2vw;
    top: 24vw; }
  .component-user-account-patches .patches-events .event6 {
    left: 11.8vw;
    top: 28.7vw; }
  .component-user-account-patches .patches-events .event7 {
    left: 16.6vw;
    top: 33.4vw; }
  .component-user-account-patches .patches-events .event8 {
    left: 21.3vw;
    top: 38.2vw; }
  .component-user-account-patches .patches-events .event9 {
    left: 81.4vw;
    top: 19.2vw; }
  .component-user-account-patches .patches-events .event10 {
    left: 76.7vw;
    top: 24vw; }
  .component-user-account-patches .patches-events .event11 {
    left: 71.9vw;
    top: 28.7vw; }
  .component-user-account-patches .patches-events .event12 {
    left: 67.2vw;
    top: 33.4vw; }
  .component-user-account-patches .patches-events .event13 {
    left: 86.1vw;
    top: 24vw; }
  .component-user-account-patches .patches-events .event14 {
    left: 81.4vw;
    top: 28.7vw; }
  .component-user-account-patches .patches-events .event15 {
    left: 76.7vw;
    top: 33.5vw; }
  .component-user-account-patches .patches-events .event16 {
    left: 72vw;
    top: 38.3vw; }
  .component-user-account-patches .patches-events .redeem {
    left: 62.4vw;
    top: 38.2vw;
    cursor: pointer; }
    .component-user-account-patches .patches-events .redeem .patch-bg {
      background: url(../images/patches-09-event-redeem.png) no-repeat 50% 50%;
      background-size: 86% auto; }
  @media (max-width: 750px) {
    .component-user-account-patches .patches-events {
      height: 0vw; }
      .component-user-account-patches .patches-events .help {
        left: 50%;
        font-size: 3vw;
        margin-top: 330vw; }
      .component-user-account-patches .patches-events .desc {
        font-size: 3vw; }
      .component-user-account-patches .patches-events .patch-item {
        margin-top: 300vw; }
      .component-user-account-patches .patches-events .patch-item {
        position: absolute;
        width: 17.5vw;
        height: 17.5vw; }
      .component-user-account-patches .patches-events .event1 {
        left: 4.6vw;
        top: 18.2vw; }
      .component-user-account-patches .patches-events .event2 {
        left: 15.9vw;
        top: 30vw; }
      .component-user-account-patches .patches-events .event3 {
        left: 27.4vw;
        top: 41.5vw; }
      .component-user-account-patches .patches-events .event4 {
        left: 4.6vw;
        top: 41.5vw; }
      .component-user-account-patches .patches-events .event5 {
        left: 15.9vw;
        top: 53.3vw; }
      .component-user-account-patches .patches-events .event6 {
        left: 4.6vw;
        top: 65vw; }
      .component-user-account-patches .patches-events .event7 {
        left: 77.5vw;
        top: 18.2vw; }
      .component-user-account-patches .patches-events .event8 {
        left: 66.1vw;
        top: 30vw; }
      .component-user-account-patches .patches-events .event9 {
        left: 54vw;
        top: 41.5vw; }
      .component-user-account-patches .patches-events .event10 {
        left: 77.5vw;
        top: 41.5vw; }
      .component-user-account-patches .patches-events .event11 {
        left: 66.1vw;
        top: 53.3vw; }
      .component-user-account-patches .patches-events .event12,
      .component-user-account-patches .patches-events .event13,
      .component-user-account-patches .patches-events .event14,
      .component-user-account-patches .patches-events .event15,
      .component-user-account-patches .patches-events .event16 {
        display: none; }
      .component-user-account-patches .patches-events .redeem {
        left: 76.8vw;
        top: 65vw; } }
  .component-user-account-patches .patches-secondary {
    position: relative; }
    @media (max-width: 750px) {
      .component-user-account-patches .patches-secondary {
        height: 280vw;
        height: 140vw;
        margin-top: -10vw; }
        .component-user-account-patches .patches-secondary .patch-item {
          position: absolute;
          width: 40vw;
          height: 40vw;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: contain;
          background-color: transparent; }
          .component-user-account-patches .patches-secondary .patch-item .count {
            position: absolute;
            left: 50%;
            bottom: 90%;
            width: 25.8vw;
            height: 12.5vw;
            background: url(../images/patches-upload-count-bg.png) no-repeat 50% 50%;
            background-size: 100% auto;
            font-family: Open Sans Condensed, sans-serif;
            color: #fff;
            box-sizing: border-box;
            padding-top: 0.9vw;
            text-transform: uppercase;
            font-weight: 900;
            /* black */
            letter-spacing: 0.05em;
            font-size: 6.75vw;
            text-align: center;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            /* IE9 only */
            transform: translateX(-50%);
            display: none; }
          .component-user-account-patches .patches-secondary .patch-item.active .count {
            display: block; }
          .component-user-account-patches .patches-secondary .patch-item .earn {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            /* IE9 only */
            transform: translate(-50%, -50%);
            font-style: italic;
            font-family: Libre Baskerville, serif;
            color: #a5a49e;
            text-align: center;
            margin: 0;
            padding: 0;
            cursor: default; }
          .component-user-account-patches .patches-secondary .patch-item.active .earn {
            display: none; }
        .component-user-account-patches .patches-secondary .patch-bg {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: contain;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          /* IE9 only */
          transform: rotate(-45deg); }
        .component-user-account-patches .patches-secondary .patch-cosplayer {
          left: 12.8vw;
          top: 11vw; }
          .component-user-account-patches .patches-secondary .patch-cosplayer .patch-bg {
            background-image: url(../images/patches-06-cosplayer-outline.png); }
          .component-user-account-patches .patches-secondary .patch-cosplayer.active .patch-bg {
            background-image: url(../images/patches-06-cosplayer.png); }
        .component-user-account-patches .patches-secondary .patch-screenshot {
          left: 48.2vw;
          top: 48.2vw; }
          .component-user-account-patches .patches-secondary .patch-screenshot .patch-bg {
            background-image: url(../images/patches-08-screenshot-outline.png); }
          .component-user-account-patches .patches-secondary .patch-screenshot.active .patch-bg {
            background-image: url(../images/patches-08-screenshot.png); }
        .component-user-account-patches .patches-secondary .patch-artist {
          left: 12.8vw;
          top: 82vw; }
          .component-user-account-patches .patches-secondary .patch-artist .patch-bg {
            background-image: url(../images/patches-07-artist-outline.png); }
          .component-user-account-patches .patches-secondary .patch-artist.active .patch-bg {
            background-image: url(../images/patches-07-artist.png); }
        .component-user-account-patches .patches-secondary .patch-philanthropist {
          left: 48.2vw;
          top: 119vw; }
          .component-user-account-patches .patches-secondary .patch-philanthropist .patch-bg {
            background-image: url(../images/patches-12-philanthropist-outline.png); }
          .component-user-account-patches .patches-secondary .patch-philanthropist.active .patch-bg {
            background-image: url(../images/patches-12-philanthropist.png); }
        .component-user-account-patches .patches-secondary .patch-collector {
          left: 12.8vw;
          top: 153.4vw; }
          .component-user-account-patches .patches-secondary .patch-collector .patch-bg {
            background-image: url(../images/patches-10-collector-outline.png); }
          .component-user-account-patches .patches-secondary .patch-collector.active .patch-bg {
            background-image: url(../images/patches-10-collector.png); }
        .component-user-account-patches .patches-secondary .patch-moderator {
          left: 48.2vw;
          top: 191vw; }
          .component-user-account-patches .patches-secondary .patch-moderator .patch-bg {
            background-image: url(../images/patches-11-moderator-outline.png); }
          .component-user-account-patches .patches-secondary .patch-moderator.active .patch-bg {
            background-image: url(../images/patches-11-moderator.png); }
        .component-user-account-patches .patches-secondary .patch-16 {
          left: 12.8vw;
          top: 226vw; }
          .component-user-account-patches .patches-secondary .patch-16 .patch-bg {
            background-image: url(../images/patches-16-outline.png); }
          .component-user-account-patches .patches-secondary .patch-16.active .patch-bg {
            background-image: url(../images/patches-16.png); } }
    @media (min-width: 751px) {
      .component-user-account-patches .patches-secondary .earn {
        font-size: 8px; } }
    @media (min-width: 700px) {
      .component-user-account-patches .patches-secondary .earn {
        font-size: 8.75px; } }
    @media (min-width: 800px) {
      .component-user-account-patches .patches-secondary .earn {
        font-size: 10px; } }
    @media (min-width: 900px) {
      .component-user-account-patches .patches-secondary .earn {
        font-size: 11.25px; } }
    @media (min-width: 1000px) {
      .component-user-account-patches .patches-secondary .earn {
        font-size: 12.5px; } }
    @media (min-width: 1100px) {
      .component-user-account-patches .patches-secondary .earn {
        font-size: 13.75px; } }
    @media (min-width: 1200px) {
      .component-user-account-patches .patches-secondary .earn {
        font-size: 15px; } }
    @media (min-width: 1300px) {
      .component-user-account-patches .patches-secondary .earn {
        font-size: 16.25px; } }
    @media (min-width: 1400px) {
      .component-user-account-patches .patches-secondary .earn {
        font-size: 17.5px; } }
    @media (min-width: 1500px) {
      .component-user-account-patches .patches-secondary .earn {
        font-size: 18.75px; } }
    @media (min-width: 1600px) {
      .component-user-account-patches .patches-secondary .earn {
        font-size: 20px; } }
    @media (min-width: 751px) {
      .component-user-account-patches .patches-secondary {
        height: 37vw;
        height: 22vw; }
        .component-user-account-patches .patches-secondary .patch-item {
          position: absolute;
          width: 13.2vw;
          height: 13.2vw;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: contain;
          background-color: transparent; }
          .component-user-account-patches .patches-secondary .patch-item .count {
            position: absolute;
            left: 50%;
            bottom: 90%;
            width: 10.8vw;
            height: 5.1vw;
            background: url(../images/patches-upload-count-bg.png) no-repeat 50% 50%;
            background-size: 100% auto;
            font-family: Open Sans Condensed, sans-serif;
            color: #fff;
            box-sizing: border-box;
            padding-top: 0.35vw;
            text-transform: uppercase;
            font-weight: 900;
            /* black */
            letter-spacing: 0.05em;
            font-size: 2.85vw;
            text-align: center;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            /* IE9 only */
            transform: translateX(-50%);
            display: none; }
          .component-user-account-patches .patches-secondary .patch-item.active .count {
            display: block; }
          .component-user-account-patches .patches-secondary .patch-item .earn {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            /* IE9 only */
            transform: translate(-50%, -50%);
            font-style: italic;
            font-family: Libre Baskerville, serif;
            color: #a5a49e;
            text-align: center;
            margin: 0;
            padding: 0;
            cursor: default; }
          .component-user-account-patches .patches-secondary .patch-item.active .earn {
            display: none; }
        .component-user-account-patches .patches-secondary .patch-bg {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          background-size: contain;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          /* IE9 only */
          transform: rotate(-45deg); }
        .component-user-account-patches .patches-secondary .patch-cosplayer {
          left: 19.3vw;
          top: 6.2vw; }
          .component-user-account-patches .patches-secondary .patch-cosplayer .patch-bg {
            background-image: url(../images/patches-06-cosplayer-outline.png); }
          .component-user-account-patches .patches-secondary .patch-cosplayer.active .patch-bg {
            background-image: url(../images/patches-06-cosplayer.png); }
        .component-user-account-patches .patches-secondary .patch-screenshot {
          left: 43.4vw;
          top: 6.2vw; }
          .component-user-account-patches .patches-secondary .patch-screenshot .patch-bg {
            background-image: url(../images/patches-08-screenshot-outline.png); }
          .component-user-account-patches .patches-secondary .patch-screenshot.active .patch-bg {
            background-image: url(../images/patches-08-screenshot.png); }
        .component-user-account-patches .patches-secondary .patch-artist {
          left: 68.3vw;
          top: 6.2vw; }
          .component-user-account-patches .patches-secondary .patch-artist .patch-bg {
            background-image: url(../images/patches-07-artist-outline.png); }
          .component-user-account-patches .patches-secondary .patch-artist.active .patch-bg {
            background-image: url(../images/patches-07-artist.png); }
        .component-user-account-patches .patches-secondary .patch-philanthropist {
          left: 7.8vw;
          top: 19.4vw; }
          .component-user-account-patches .patches-secondary .patch-philanthropist .patch-bg {
            background-image: url(../images/patches-12-philanthropist-outline.png); }
          .component-user-account-patches .patches-secondary .patch-philanthropist.active .patch-bg {
            background-image: url(../images/patches-12-philanthropist.png); }
        .component-user-account-patches .patches-secondary .patch-collector {
          left: 31.1vw;
          top: 19.4vw; }
          .component-user-account-patches .patches-secondary .patch-collector .patch-bg {
            background-image: url(../images/patches-10-collector-outline.png); }
          .component-user-account-patches .patches-secondary .patch-collector.active .patch-bg {
            background-image: url(../images/patches-10-collector.png); }
        .component-user-account-patches .patches-secondary .patch-moderator {
          left: 55.7vw;
          top: 19.4vw; }
          .component-user-account-patches .patches-secondary .patch-moderator .patch-bg {
            background-image: url(../images/patches-11-moderator-outline.png); }
          .component-user-account-patches .patches-secondary .patch-moderator.active .patch-bg {
            background-image: url(../images/patches-11-moderator.png); }
        .component-user-account-patches .patches-secondary .patch-16 {
          left: 79vw;
          top: 19.4vw; }
          .component-user-account-patches .patches-secondary .patch-16 .patch-bg {
            background-image: url(../images/patches-16-outline.png); }
          .component-user-account-patches .patches-secondary .patch-16.active .patch-bg {
            background-image: url(../images/patches-16.png); } }
/*  end:  Component  »  User Account Patches  */
/*  begin:  Component  »  User Account Uploads  */
.component-user-account-uploads {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 1600px) {
    .component-user-account-uploads {
      padding-top: 52.5px;
      padding-bottom: 52.5px; } }
  @media (max-width: 1024px) {
    .component-user-account-uploads {
      padding-top: 45px;
      padding-bottom: 45px; } }
  @media (max-width: 896px) {
    .component-user-account-uploads {
      padding-top: 37.5px;
      padding-bottom: 37.5px; } }
  @media (max-width: 750px) {
    .component-user-account-uploads {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (max-width: 520px) {
    .component-user-account-uploads {
      padding-top: 25.5px;
      padding-bottom: 25.5px; } }
  .component-user-account-uploads .component-inner {
    border-top: 1px dashed #b2b1b3;
    padding-top: 60px; }
    @media (max-width: 1600px) {
      .component-user-account-uploads .component-inner {
        padding-top: 52.5px; } }
    @media (max-width: 1024px) {
      .component-user-account-uploads .component-inner {
        padding-top: 45px; } }
    @media (max-width: 896px) {
      .component-user-account-uploads .component-inner {
        padding-top: 37.5px; } }
    @media (max-width: 750px) {
      .component-user-account-uploads .component-inner {
        padding-top: 30px; } }
    @media (max-width: 520px) {
      .component-user-account-uploads .component-inner {
        padding-top: 25.5px; } }
  .component-user-account-uploads .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-user-account-uploads .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-user-account-uploads .fanart-container {
    position: relative;
    width: 100%;
    z-index: 100;
    margin-bottom: 60px;
    padding: 10px 0; }
    .component-user-account-uploads .fanart-container:before, .component-user-account-uploads .fanart-container:after {
      content: " ";
      display: table; }
    .component-user-account-uploads .fanart-container:after {
      clear: both; }
    .component-user-account-uploads .fanart-container:after {
      content: "";
      display: none; }
    .component-user-account-uploads .fanart-container .flickity-prev-next-button {
      opacity: 1 !important; }
      .component-user-account-uploads .fanart-container .flickity-prev-next-button svg {
        display: none !important; }
      .component-user-account-uploads .fanart-container .flickity-prev-next-button.previous {
        background: url(../images/global-elements-nav-prev-black.png) no-repeat 50% 50% !important; }
        .mouse .component-user-account-uploads .fanart-container .flickity-prev-next-button.previous:hover {
          background: url(../images/global-elements-nav-prev-hover.png) no-repeat 50% 50% !important; }
      .component-user-account-uploads .fanart-container .flickity-prev-next-button.next {
        background: url(../images/global-elements-nav-next-black.png) no-repeat 50% 50% !important; }
        .mouse .component-user-account-uploads .fanart-container .flickity-prev-next-button.next:hover {
          background: url(../images/global-elements-nav-next-hover.png) no-repeat 50% 50% !important; }
  .component-user-account-uploads .fanart-item {
    position: relative;
    padding: 0px;
    box-sizing: border-box; }
    @media (max-width: 896px) {
      .component-user-account-uploads .fanart-item {
        width: 100%;
        padding: 20px; } }
    @media (min-width: 897px) {
      .component-user-account-uploads .fanart-item {
        float: left;
        width: 33.333%;
        box-sizing: border-box;
        padding: 20px; } }
    .component-user-account-uploads .fanart-item:nth-child(3n+1) {
      -webkit-transform: rotate(-3.25deg) translateY(5px);
      -ms-transform: rotate(-3.25deg) translateY(5px);
      /* IE9 only */
      transform: rotate(-3.25deg) translateY(5px);
      z-index: 100; }
      @media (max-width: 896px) {
        .component-user-account-uploads .fanart-item:nth-child(3n+1) {
          -webkit-transform: rotate(-3.25deg/2) translateY(5px);
          -ms-transform: rotate(-3.25deg/2) translateY(5px);
          /* IE9 only */
          transform: rotate(-3.25deg/2) translateY(5px); } }
    .component-user-account-uploads .fanart-item:nth-child(3n+2) {
      -webkit-transform: rotate(0.25deg) translateY(-10px);
      -ms-transform: rotate(0.25deg) translateY(-10px);
      /* IE9 only */
      transform: rotate(0.25deg) translateY(-10px);
      z-index: 200; }
      @media (max-width: 896px) {
        .component-user-account-uploads .fanart-item:nth-child(3n+2) {
          -webkit-transform: rotate(0.25deg/2) translateY(5px);
          -ms-transform: rotate(0.25deg/2) translateY(5px);
          /* IE9 only */
          transform: rotate(0.25deg/2) translateY(5px); } }
    .component-user-account-uploads .fanart-item:nth-child(3n+3) {
      -webkit-transform: rotate(4.75deg) translateY(5px);
      -ms-transform: rotate(4.75deg) translateY(5px);
      /* IE9 only */
      transform: rotate(4.75deg) translateY(5px);
      z-index: 100; }
      @media (max-width: 896px) {
        .component-user-account-uploads .fanart-item:nth-child(3n+3) {
          -webkit-transform: rotate(-4.75deg/2) translateY(5px);
          -ms-transform: rotate(-4.75deg/2) translateY(5px);
          /* IE9 only */
          transform: rotate(-4.75deg/2) translateY(5px); } }
    .component-user-account-uploads .fanart-item .inner {
      position: relative;
      background: url(../images/news-featured-item-bg-i8a8.png) no-repeat 0px 0px;
      background-size: 100% 100%;
      padding: 30px;
      box-sizing: border-box; }
      @media (max-width: 1600px) {
        .component-user-account-uploads .fanart-item .inner {
          padding: 26.25px; } }
      @media (max-width: 1024px) {
        .component-user-account-uploads .fanart-item .inner {
          padding: 22.5px; } }
      @media (max-width: 896px) {
        .component-user-account-uploads .fanart-item .inner {
          padding: 18.75px; } }
      @media (max-width: 750px) {
        .component-user-account-uploads .fanart-item .inner {
          padding: 15px; } }
      @media (max-width: 520px) {
        .component-user-account-uploads .fanart-item .inner {
          padding: 12.75px; } }
    .component-user-account-uploads .fanart-item .photo {
      position: relative; }
      .component-user-account-uploads .fanart-item .photo img {
        width: 100%; }
    .component-user-account-uploads .fanart-item .text .title {
      margin: 5.3333333333px 0 0 0;
      font-size: 23px;
      font-family: Open Sans Condensed, sans-serif;
      text-transform: uppercase;
      color: #000;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media (max-width: 1600px) {
        .component-user-account-uploads .fanart-item .text .title {
          font-size: 22px; } }
      @media (max-width: 1024px) {
        .component-user-account-uploads .fanart-item .text .title {
          font-size: 21px; } }
      @media (max-width: 896px) {
        .component-user-account-uploads .fanart-item .text .title {
          font-size: 20px; } }
      @media (max-width: 750px) {
        .component-user-account-uploads .fanart-item .text .title {
          font-size: 19px; } }
      @media (max-width: 520px) {
        .component-user-account-uploads .fanart-item .text .title {
          font-size: 18.4px; } }
      .component-user-account-uploads .fanart-item .text .title a {
        text-decoration: none; }
    .component-user-account-uploads .fanart-item .text .author {
      font-size: 18px;
      font-weight: 700;
      /* bold */
      font-family: Open Sans Condensed, sans-serif;
      color: #a5a49e; }
      @media (max-width: 1600px) {
        .component-user-account-uploads .fanart-item .text .author {
          font-size: 17.625px; } }
      @media (max-width: 1024px) {
        .component-user-account-uploads .fanart-item .text .author {
          font-size: 17.25px; } }
      @media (max-width: 896px) {
        .component-user-account-uploads .fanart-item .text .author {
          font-size: 16.875px; } }
      @media (max-width: 750px) {
        .component-user-account-uploads .fanart-item .text .author {
          font-size: 16.5px; } }
      @media (max-width: 520px) {
        .component-user-account-uploads .fanart-item .text .author {
          font-size: 16.275px; } }
      .component-user-account-uploads .fanart-item .text .author a {
        color: #f15c2e; }
    .component-user-account-uploads .fanart-item .text .meta {
      position: relative;
      display: block;
      margin: 0;
      padding: 0;
      list-style: none; }
      .component-user-account-uploads .fanart-item .text .meta:before, .component-user-account-uploads .fanart-item .text .meta:after {
        content: " ";
        display: table; }
      .component-user-account-uploads .fanart-item .text .meta:after {
        clear: both; }
      .component-user-account-uploads .fanart-item .text .meta > li {
        float: left;
        margin: 0;
        padding: 10.6666666667px 0; }
      .component-user-account-uploads .fanart-item .text .meta .icon {
        float: left;
        font-family: campfire-icons;
        font-size: 18px; }
        .component-user-account-uploads .fanart-item .text .meta .icon.active {
          color: #f15c2e; }
      .component-user-account-uploads .fanart-item .text .meta .text {
        float: left;
        padding: 0 24px 0 3.2px;
        font-family: Open Sans, sans-serif;
        font-weight: 700;
        /* bold */
        font-size: 16px;
        color: #000; }
      .component-user-account-uploads .fanart-item .text .meta .likes {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -webkit-transition: color 200ms linear 0ms;
        /* webkit mobile */
        transition: color 200ms linear 0ms; }
        .component-user-account-uploads .fanart-item .text .meta .likes.active {
          color: #f15c2e; }
          .component-user-account-uploads .fanart-item .text .meta .likes.active .text {
            color: #f15c2e; }
      .component-user-account-uploads .fanart-item .text .meta .tags {
        -webkit-transition: color 200ms linear 0ms;
        /* webkit mobile */
        transition: color 200ms linear 0ms; }
  .component-user-account-uploads .no-items {
    font-family: Libre Baskerville, serif;
    font-weight: 400;
    /* regular */
    text-align: center;
    font-size: 24px;
    font-style: italic;
    color: #a5a49e;
    margin: 24px 0 112px 0; }
    @media (max-width: 1600px) {
      .component-user-account-uploads .no-items {
        font-size: 22.875px; } }
    @media (max-width: 1024px) {
      .component-user-account-uploads .no-items {
        font-size: 21.75px; } }
    @media (max-width: 896px) {
      .component-user-account-uploads .no-items {
        font-size: 20.625px; } }
    @media (max-width: 750px) {
      .component-user-account-uploads .no-items {
        font-size: 19.5px; } }
    @media (max-width: 520px) {
      .component-user-account-uploads .no-items {
        font-size: 18.825px; } }
/*  end:  Component  »  User Account Uploads  */
/*  begin:  Component  »  User Account Create  */
.component-user-account-create {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-user-account-create {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-user-account-create {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-user-account-create {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-user-account-create {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-user-account-create {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-user-account-create .component-inner {
    max-width: 1100px; }
  .component-user-account-create .format-section-header {
    position: relative; }
  .component-user-account-create .connect {
    position: relative;
    overflow: hidden;
    padding: 56px 0;
    max-width: 700px;
    margin: 0 auto;
    text-align: center; }
    @media (max-width: 750px) {
      .component-user-account-create .connect {
        padding: 24px 0 5.3333333333px 0; } }
    .component-user-account-create .connect .icon {
      position: relative;
      top: 4px;
      font-family: campfire-icons;
      font-size: 28px;
      line-height: 16px;
      font-weight: 400;
      /* regular */ }
    .component-user-account-create .connect p {
      margin: 0;
      padding: 4px 8px;
      border: 1px solid #f15c2e;
      border-radius: 4px;
      font-family: Open Sans, sans-serif;
      font-size: 16px;
      text-align: center;
      color: #f15c2e;
      -webkit-transition: all 200ms linear 0ms;
      /* webkit mobile */
      transition: all 200ms linear 0ms; }
      @media (max-width: 750px) {
        .component-user-account-create .connect p {
          float: none !important;
          display: block !important;
          width: auto !important;
          margin: 10px 0; } }
      .mouse .component-user-account-create .connect p:hover {
        background: #f15c2e;
        color: #fff;
        text-decoration: none;
        cursor: pointer; }
    .component-user-account-create .connect .facebook {
      float: left;
      width: 45%; }
    .component-user-account-create .connect .twitter {
      float: right;
      width: 45%; }
  .component-user-account-create .help {
    clear: both;
    font-size: 12px;
    color: #656563;
    margin: 0 0 16px 0; }
  .component-user-account-create fieldset {
    padding: 0;
    text-align: center; }
    .component-user-account-create fieldset .button {
      float: none;
      display: inline-block; }
    .component-user-account-create fieldset .field-item {
      position: relative;
      display: block;
      padding: 10.6666666667px;
      box-sizing: border-box;
      overflow: hidden;
      max-width: 100vw;
      max-width: calc(100vw - 40px); }
      .component-user-account-create fieldset .field-item.captcha {
        max-width: 100vw; }
        @media (max-width: 360px) {
          .component-user-account-create fieldset .field-item.captcha {
            padding-left: 0;
            padding-right: 0;
            margin-left: -10px; } }
      @media (min-width: 751px) {
        .component-user-account-create fieldset .field-item {
          float: left;
          width: 50%; } }
      .component-user-account-create fieldset .field-item.tos {
        text-align: left; }
      .component-user-account-create fieldset .field-item.fullwidth {
        width: 100%; }
      .component-user-account-create fieldset .field-item.newsletter {
        clear: both; }
      .component-user-account-create fieldset .field-item.dob select {
        width: 31%;
        margin-right: 3%; }
        .component-user-account-create fieldset .field-item.dob select:last-child {
          width: 32%;
          margin-right: 0; }
        .component-user-account-create fieldset .field-item.dob select.days28 .day29,
        .component-user-account-create fieldset .field-item.dob select.days28 .day30,
        .component-user-account-create fieldset .field-item.dob select.days28 .day31 {
          display: none; }
        .component-user-account-create fieldset .field-item.dob select.days29 .day30,
        .component-user-account-create fieldset .field-item.dob select.days29 .day31 {
          display: none; }
        .component-user-account-create fieldset .field-item.dob select.days30 .day31 {
          display: none; }
      @media (max-width: 1024px) {
        .component-user-account-create fieldset .field-item.dob {
          width: 100%; } }
      @media (max-width: 750px) {
        .component-user-account-create fieldset .field-item.dob select {
          width: 100% !important;
          margin-right: 0; }
          .component-user-account-create fieldset .field-item.dob select + select {
            margin-top: 24px; }
          .component-user-account-create fieldset .field-item.dob select:last-child {
            width: 100% !important;
            margin-left: 0; } }
      .component-user-account-create fieldset .field-item.country select {
        width: 100%; }
      .component-user-account-create fieldset .field-item.captcha {
        float: none;
        width: 100%; }
        .component-user-account-create fieldset .field-item.captcha > .g-recaptcha {
          margin: 0 auto; }
          .component-user-account-create fieldset .field-item.captcha > .g-recaptcha > div {
            margin: 0 auto; }
          .component-user-account-create fieldset .field-item.captcha > .g-recaptcha iframe {
            margin: 0 auto; }
  .component-user-account-create .email {
    padding: 36px 0; }
    .component-user-account-create .email h3 {
      text-align: center;
      font-family: Libre Baskerville, serif;
      font-style: italic;
      font-size: 20px;
      font-weight: 400;
      /* regular */
      color: #656563; }
      @media (max-width: 1600px) {
        .component-user-account-create .email h3 {
          font-size: 19.375px; } }
      @media (max-width: 1024px) {
        .component-user-account-create .email h3 {
          font-size: 18.75px; } }
      @media (max-width: 896px) {
        .component-user-account-create .email h3 {
          font-size: 18.125px; } }
      @media (max-width: 750px) {
        .component-user-account-create .email h3 {
          font-size: 17.5px; } }
      @media (max-width: 520px) {
        .component-user-account-create .email h3 {
          font-size: 17.125px; } }
/*  end:  Component  »  User Account Create  */
/*  begin:  Component  »  User Account Login  */
.component-user-account-login {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-user-account-login {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-user-account-login {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-user-account-login {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-user-account-login {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-user-account-login {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-user-account-login .component-inner {
    max-width: 1100px; }
  .component-user-account-login .format-section-header {
    position: relative; }
  .component-user-account-login .cta {
    padding: 36px;
    text-align: center; }

/*  end:  Component  »  User Account Login  */
/*  begin:  Component  »  Quote  */
.component-quote blockquote {
  margin: 0;
  padding: 0; }
  .component-quote blockquote p {
    font-family: Open Sans Condensed, sans-serif;
    color: #f15c2e;
    font-size: 36px;
    font-weight: 700;
    /* bold */
    text-transform: uppercase;
    line-height: 1.1; }
    @media (max-width: 1600px) {
      .component-quote blockquote p {
        font-size: 33.375px; } }
    @media (max-width: 1024px) {
      .component-quote blockquote p {
        font-size: 30.75px; } }
    @media (max-width: 896px) {
      .component-quote blockquote p {
        font-size: 28.125px; } }
    @media (max-width: 750px) {
      .component-quote blockquote p {
        font-size: 25.5px; } }
    @media (max-width: 520px) {
      .component-quote blockquote p {
        font-size: 23.925px; } }
    .component-quote blockquote p:first-child:before {
      content: "“"; }
    .component-quote blockquote p:last-child:after {
      content: "”"; }

.component-quote .author {
  font-size: 16px;
  font-weight: 400;
  /* regular */
  text-align: right;
  font-family: Open Sans, sans-serif; }
  @media (max-width: 1600px) {
    .component-quote .author {
      font-size: 15.875px; } }
  @media (max-width: 1024px) {
    .component-quote .author {
      font-size: 15.75px; } }
  @media (max-width: 896px) {
    .component-quote .author {
      font-size: 15.625px; } }
  @media (max-width: 750px) {
    .component-quote .author {
      font-size: 15.5px; } }
  @media (max-width: 520px) {
    .component-quote .author {
      font-size: 15.425px; } }
/*  end:  Component  »  Quote  */
/*  begin:  Component  »  Video Player  */
.component-video-player .video-container {
  position: relative;
  width: 100%; }
  .component-video-player .video-container .shim {
    position: relative;
    width: 100%;
    height: auto; }
  .component-video-player .video-container iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

/*  end:  Component  »  Video Player  */
/*  begin:  Component  »  Contact  */
.component-contact {
  position: relative;
  background: url(../images/contact-bg.png) no-repeat 50% 50%;
  margin-top: 120px;
  margin-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-contact {
      margin-top: 105px;
      margin-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-contact {
      margin-top: 90px;
      margin-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-contact {
      margin-top: 75px;
      margin-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-contact {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-contact {
      margin-top: 51px;
      margin-bottom: 51px; } }
  @media (max-width: 750px) {
    .component-contact {
      padding: 60px 0; } }
  .component-contact .shim {
    width: 100%; }
    @media (max-width: 750px) {
      .component-contact .shim {
        display: none; } }
  .component-contact .sent-container {
    position: relative; }
    @media (min-width: 751px) {
      .component-contact .sent-container {
        position: absolute;
        top: 50%;
        left: -500%;
        width: 640px;
        max-width: 96%;
        box-sizing: border-box;
        padding: 0 20px;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        /* IE9 only */
        transform: translate(-50%, -50%) rotate(0deg);
        text-align: center;
        -webkit-transition: opacity 50ms linear 0ms;
        /* webkit mobile */
        transition: opacity 50ms linear 0ms;
        opacity: 0; } }
  @media (min-width: 751px) and (max-width: 896px) {
    .component-contact .sent-container {
      -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0.8);
      -ms-transform: translate(-50%, -50%) rotate(0deg) scale(0.8);
      /* IE9 only */
      transform: translate(-50%, -50%) rotate(0deg) scale(0.8); } }
    @media (min-width: 751px) {
        .component-contact .sent-container.visible {
          opacity: 1;
          left: 50%;
          -webkit-transition: opacity 250ms linear 500ms;
          /* webkit mobile */
          transition: opacity 250ms linear 500ms; } }
  .component-contact .frames-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/contact-map-desktop-frames-i8a8.png);
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    cursor: pointer; }
    .component-contact .frames-container.open {
      cursor: default; }
    @media (max-width: 750px) {
      .component-contact .frames-container {
        display: none; } }
  .component-contact .form-container {
    position: absolute;
    top: 50%;
    left: -500%;
    width: 640px;
    max-width: 96%;
    box-sizing: border-box;
    padding: 0 20px;
    -webkit-transform: translate(-44%, -55%) rotate(0deg);
    -ms-transform: translate(-44%, -55%) rotate(0deg);
    /* IE9 only */
    transform: translate(-44%, -55%) rotate(0deg);
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 50ms linear 0ms;
    /* webkit mobile */
    transition: opacity 50ms linear 0ms; }
    @media (max-width: 896px) {
      .component-contact .form-container {
        -webkit-transform: translate(-44%, -55%) rotate(0deg) scale(0.8);
        -ms-transform: translate(-44%, -55%) rotate(0deg) scale(0.8);
        /* IE9 only */
        transform: translate(-44%, -55%) rotate(0deg) scale(0.8); } }
    .component-contact .form-container.visible {
      opacity: 1;
      left: 50%;
      -webkit-transition: opacity 250ms linear 1500ms;
      /* webkit mobile */
      transition: opacity 250ms linear 1500ms; }
    @media (max-width: 750px) {
      .component-contact .form-container {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        /* IE9 only */
        transform: none;
        opacity: 1;
        margin: 0 auto; } }
    .component-contact .form-container form {
      padding-top: 3vw; }
      @media (min-width: 751px) {
        .component-contact .form-container form {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          /* IE9 only */
          transform: rotate(0deg); } }
    .component-contact .form-container textarea,
    .component-contact .form-container input[type="text"],
    .component-contact .form-container input[type="email"],
    .component-contact .form-container select {
      background: #fff;
      width: 100%;
      float: none;
      margin: 0;
      max-width: 640px !important;
      max-height: 300px !important; }
    .component-contact .form-container button {
      display: inline-block;
      float: none; }
  .component-contact .postal {
    margin-top: 36px; }
    @media (max-width: 1200px) {
      .component-contact .postal {
        display: none; } }
/*  end:  Component  »  Contact  */
/*  begin:  Component  »  Generic Text  */
.component-generic-text {
  margin-bottom: 60px; }
  .component-generic-text h1, .component-generic-text h2, .component-generic-text h3 {
    color: #f15c2e; }
  #global-content > .component-generic-text {
    padding-top: 120px; }
    @media (max-width: 1600px) {
      #global-content > .component-generic-text {
        padding-top: 105px; } }
    @media (max-width: 1024px) {
      #global-content > .component-generic-text {
        padding-top: 90px; } }
    @media (max-width: 896px) {
      #global-content > .component-generic-text {
        padding-top: 75px; } }
    @media (max-width: 750px) {
      #global-content > .component-generic-text {
        padding-top: 60px; } }
    @media (max-width: 520px) {
      #global-content > .component-generic-text {
        padding-top: 51px; } }
  .component-generic-intro + .component-generic-text {
    padding-top: 0 !important; }
  .component-page-title + .component-generic-text {
    padding-top: 60px; }
    @media (max-width: 1600px) {
      .component-page-title + .component-generic-text {
        padding-top: 52.5px; } }
    @media (max-width: 1024px) {
      .component-page-title + .component-generic-text {
        padding-top: 45px; } }
    @media (max-width: 896px) {
      .component-page-title + .component-generic-text {
        padding-top: 37.5px; } }
    @media (max-width: 750px) {
      .component-page-title + .component-generic-text {
        padding-top: 30px; } }
    @media (max-width: 520px) {
      .component-page-title + .component-generic-text {
        padding-top: 25.5px; } }
  .component-generic-text p {
    line-height: 1.6;
    font-size: 18px; }
    @media (max-width: 1600px) {
      .component-generic-text p {
        font-size: 17.625px; } }
    @media (max-width: 1024px) {
      .component-generic-text p {
        font-size: 17.25px; } }
    @media (max-width: 896px) {
      .component-generic-text p {
        font-size: 16.875px; } }
    @media (max-width: 750px) {
      .component-generic-text p {
        font-size: 16.5px; } }
    @media (max-width: 520px) {
      .component-generic-text p {
        font-size: 16.275px; } }
  .component-generic-text blockquote {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 24px; }
    @media (min-width: 1366px) {
      .component-generic-text blockquote {
        margin-left: -72px;
        padding-right: 24px; } }
    .component-generic-text blockquote p {
      font-family: Open Sans Condensed, sans-serif;
      color: #f15c2e;
      font-size: 36px;
      font-weight: 700;
      /* bold */
      text-transform: uppercase;
      line-height: 1.1; }
      @media (max-width: 1600px) {
        .component-generic-text blockquote p {
          font-size: 33.375px; } }
      @media (max-width: 1024px) {
        .component-generic-text blockquote p {
          font-size: 30.75px; } }
      @media (max-width: 896px) {
        .component-generic-text blockquote p {
          font-size: 28.125px; } }
      @media (max-width: 750px) {
        .component-generic-text blockquote p {
          font-size: 25.5px; } }
      @media (max-width: 520px) {
        .component-generic-text blockquote p {
          font-size: 23.925px; } }
      .component-generic-text blockquote p:first-child:before {
        content: "“"; }
      .component-generic-text blockquote p:last-child:after {
        content: "”"; }

/*  end:  Component  »  Generic Text  */
/*  begin:  Component  »  User Account Verify  */
.component-user-account-verify {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-user-account-verify {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-user-account-verify {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-user-account-verify {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-user-account-verify {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-user-account-verify {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-user-account-verify .component-inner {
    max-width: 1100px; }
  .component-user-account-verify .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-user-account-verify .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }

/*  end:  Component  »  User Account Verify  */
/*  begin:  Component  »  User Account Reset  */
.component-user-account-reset {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  text-align: center; }
  @media (max-width: 1600px) {
    .component-user-account-reset {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-user-account-reset {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-user-account-reset {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-user-account-reset {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-user-account-reset {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-user-account-reset .component-inner {
    max-width: 1100px; }
  .component-user-account-reset .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-user-account-reset .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-user-account-reset fieldset {
    padding: 0;
    text-align: center; }
    .component-user-account-reset fieldset label {
      padding: 5.3333333333px 0 0 0;
      font-family: Open Sans, sans-serif;
      font-weight: 700;
      /* bold */
      font-size: 14px;
      text-transform: uppercase;
      color: #a5a49e;
      display: block;
      text-align: center;
      margin: 0 auto;
      display: block;
      max-width: 512px;
      float: none; }
    .component-user-account-reset fieldset .button {
      float: none;
      display: inline-block; }
    .component-user-account-reset fieldset .field-item {
      position: relative;
      display: block;
      padding: 10.6666666667px;
      box-sizing: border-box;
      overflow: hidden;
      margin-left: auto;
      margin-right: auto;
      max-width: 480px; }
      .component-user-account-reset fieldset .field-item.fullwidth {
        width: 100%; }
      .component-user-account-reset fieldset .field-item.captcha {
        float: none;
        width: 100%; }
        .component-user-account-reset fieldset .field-item.captcha > .g-recaptcha {
          margin: 0 auto; }
          .component-user-account-reset fieldset .field-item.captcha > .g-recaptcha > div {
            margin: 0 auto; }
          .component-user-account-reset fieldset .field-item.captcha > .g-recaptcha iframe {
            margin: 0 auto; }

/*  end:  Component  »  User Account Reset  */
/*  begin:  Component  »  User Account SSO  */
.component-user-account-sso {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-user-account-sso {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-user-account-sso {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-user-account-sso {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-user-account-sso {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-user-account-sso {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-user-account-sso .component-inner {
    max-width: 1100px; }
  .component-user-account-sso .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-user-account-sso .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-user-account-sso form {
    padding-top: 60px; }
  .component-user-account-sso fieldset {
    padding: 0;
    text-align: center; }
    .component-user-account-sso fieldset .for-selects {
      float: none;
      display: block;
      text-align: left;
      padding-left: 10.6666666667px;
      color: #3a2227;
      opacity: 0.5; }
    .component-user-account-sso fieldset .button {
      float: none;
      display: inline-block; }
    .component-user-account-sso fieldset .field-item {
      position: relative;
      display: block;
      padding: 10.6666666667px;
      box-sizing: border-box;
      overflow: hidden; }
      .component-user-account-sso fieldset .field-item.tos {
        text-align: left; }
      @media (min-width: 751px) {
        .component-user-account-sso fieldset .field-item {
          float: left;
          width: 50%; } }
      .component-user-account-sso fieldset .field-item.fullwidth {
        width: 100%; }
      @media (max-width: 1024px) {
        .component-user-account-sso fieldset .field-item.dob {
          width: 100%; } }
      .component-user-account-sso fieldset .field-item.dob select {
        width: 31%;
        margin-right: 3%; }
        .component-user-account-sso fieldset .field-item.dob select:last-child {
          width: 32%;
          margin-right: 0; }
        .component-user-account-sso fieldset .field-item.dob select.days28 .day29,
        .component-user-account-sso fieldset .field-item.dob select.days28 .day30,
        .component-user-account-sso fieldset .field-item.dob select.days28 .day31 {
          display: none; }
        .component-user-account-sso fieldset .field-item.dob select.days29 .day30,
        .component-user-account-sso fieldset .field-item.dob select.days29 .day31 {
          display: none; }
        .component-user-account-sso fieldset .field-item.dob select.days30 .day31 {
          display: none; }
      @media (max-width: 750px) {
        .component-user-account-sso fieldset .field-item.dob select {
          width: 100% !important;
          margin-right: 0; }
          .component-user-account-sso fieldset .field-item.dob select + select {
            margin-top: 24px; }
          .component-user-account-sso fieldset .field-item.dob select:last-child {
            width: 100% !important;
            margin-left: 0; } }
      .component-user-account-sso fieldset .field-item.country select {
        width: 100%; }

/*  end:  Component  »  User Account SSO  */
/*  begin:  Component  »  Fan Art Instagram  */
.component-fanart-instagram {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-fanart-instagram {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-fanart-instagram {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-fanart-instagram {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-fanart-instagram {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-fanart-instagram {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-fanart-instagram .format-section-header {
    position: relative;
    margin-bottom: 40px; }
    .component-fanart-instagram .format-section-header:after {
      position: absolute;
      left: 50%;
      top: 100%;
      margin: 38px 0 0 -10px;
      height: 2px;
      width: 20px;
      background: #f15c2e;
      content: ""; }
  .component-fanart-instagram .container {
    clear: both;
    position: relative;
    display: block;
    margin: 0;
    padding: 36px 0 0 0;
    list-style: none;
    min-height: 500px; }
    .component-fanart-instagram .container:before, .component-fanart-instagram .container:after {
      content: " ";
      display: table; }
    .component-fanart-instagram .container:after {
      clear: both; }
    .component-fanart-instagram .container.loading {
      background: url(../images/global-elements-ajax-loader.gif) no-repeat 50% 50%; }
    .component-fanart-instagram .container li {
      position: relative;
      margin: 0;
      padding: 10px;
      box-sizing: border-box; }
      .component-fanart-instagram .container li a {
        position: relative;
        display: block;
        background-color: #eee;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        background-size: cover; }
      .component-fanart-instagram .container li img {
        width: 100%;
        -webkit-transition: all 200ms linear 0ms;
        /* webkit mobile */
        transition: all 200ms linear 0ms; }
      .component-fanart-instagram .container li .user {
        position: absolute;
        bottom: 10px;
        left: 10px;
        opacity: 0;
        -webkit-transition: all 200ms linear 0ms;
        /* webkit mobile */
        transition: all 200ms linear 0ms; }
        .component-fanart-instagram .container li .user .photo {
          float: left;
          width: 32px;
          height: 32px; }
          .component-fanart-instagram .container li .user .photo img {
            background: rgba(0, 0, 0, 0);
            width: 100%;
            border-radius: 50%;
            border: 2px solid #fff; }
        .component-fanart-instagram .container li .user .name {
          float: left;
          padding: 6px 14px;
          font-family: Open Sans Condensed, sans-serif;
          color: #fff;
          font-size: 14px;
          text-transform: uppercase;
          font-weight: 700;
          /* bold */ }
      .mouse .component-fanart-instagram .container li:hover > a > img {
        background: rgba(0, 0, 0, 0.5); }
      .mouse .component-fanart-instagram .container li:hover .user {
        opacity: 1; }
    @media (min-width: 521px) {
      .component-fanart-instagram .container li {
        float: left;
        width: 50%; } }
    @media (min-width: 897px) {
      .component-fanart-instagram .container li {
        float: left;
        width: 33.33%; } }
    @media (min-width: 1025px) {
      .component-fanart-instagram .container li {
        float: left;
        width: 25%; } }
/*  end:  Component  »  Fan Art Instagram  */
/*  begin:  Component  »  Fan Art Single  */
.component-fanart-single {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-fanart-single {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-fanart-single {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-fanart-single {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-fanart-single {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-fanart-single {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-fanart-single .artboard {
    margin: 0 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    @media (max-width: 1600px) {
      .component-fanart-single .artboard {
        margin-top: 35px;
        margin-bottom: 35px; } }
    @media (max-width: 1024px) {
      .component-fanart-single .artboard {
        margin-top: 30px;
        margin-bottom: 30px; } }
    @media (max-width: 896px) {
      .component-fanart-single .artboard {
        margin-top: 25px;
        margin-bottom: 25px; } }
    @media (max-width: 750px) {
      .component-fanart-single .artboard {
        margin-top: 20px;
        margin-bottom: 20px; } }
    @media (max-width: 520px) {
      .component-fanart-single .artboard {
        margin-top: 17px;
        margin-bottom: 17px; } }
    .component-fanart-single .artboard img {
      position: relative;
      width: 100%; }
  .component-fanart-single .details {
    position: relative; }
    .component-fanart-single .details:before, .component-fanart-single .details:after {
      content: " ";
      display: table; }
    .component-fanart-single .details:after {
      clear: both; }
    .component-fanart-single .details .column-left {
      position: relative;
      padding: 0 20px; }
      @media (min-width: 751px) {
        .component-fanart-single .details .column-left {
          float: left;
          width: 60%;
          padding: 0; } }
    .component-fanart-single .details .column-right {
      position: relative;
      padding: 10px 20px; }
      @media (min-width: 751px) {
        .component-fanart-single .details .column-right {
          float: left;
          width: 40%;
          padding: 0; } }
    .component-fanart-single .details .title {
      margin: 5.3333333333px 0 0 0;
      font-size: 36px;
      font-family: Open Sans Condensed, sans-serif;
      text-transform: uppercase;
      color: #575551; }
      @media (max-width: 1600px) {
        .component-fanart-single .details .title {
          font-size: 33.375px; } }
      @media (max-width: 1024px) {
        .component-fanart-single .details .title {
          font-size: 30.75px; } }
      @media (max-width: 896px) {
        .component-fanart-single .details .title {
          font-size: 28.125px; } }
      @media (max-width: 750px) {
        .component-fanart-single .details .title {
          font-size: 25.5px; } }
      @media (max-width: 520px) {
        .component-fanart-single .details .title {
          font-size: 23.925px; } }
      .component-fanart-single .details .title a {
        text-decoration: none; }
    .component-fanart-single .details .author {
      font-size: 18px;
      font-weight: 700;
      /* bold */
      font-family: Open Sans Condensed, sans-serif;
      color: #575551; }
      @media (max-width: 1600px) {
        .component-fanart-single .details .author {
          font-size: 17.625px; } }
      @media (max-width: 1024px) {
        .component-fanart-single .details .author {
          font-size: 17.25px; } }
      @media (max-width: 896px) {
        .component-fanart-single .details .author {
          font-size: 16.875px; } }
      @media (max-width: 750px) {
        .component-fanart-single .details .author {
          font-size: 16.5px; } }
      @media (max-width: 520px) {
        .component-fanart-single .details .author {
          font-size: 16.275px; } }
      .component-fanart-single .details .author a {
        color: #f15c2e; }
    .component-fanart-single .details .meta {
      float: right;
      position: relative;
      display: block;
      margin: 0;
      padding: 0;
      list-style: none; }
      .component-fanart-single .details .meta:before, .component-fanart-single .details .meta:after {
        content: " ";
        display: table; }
      .component-fanart-single .details .meta:after {
        clear: both; }
      .component-fanart-single .details .meta > li {
        float: left;
        margin: 0;
        padding: 10.6666666667px 0;
        color: #575551; }
      .component-fanart-single .details .meta .icon {
        float: left;
        font-family: campfire-icons;
        font-size: 18px; }
        .component-fanart-single .details .meta .icon.active {
          color: #f15c2e; }
      .component-fanart-single .details .meta .text {
        float: left;
        padding: 0 24px 0 3.2px;
        font-family: Open Sans, sans-serif;
        font-weight: 700;
        /* bold */
        font-size: 16px;
        color: #575551; }
      .component-fanart-single .details .meta .likes {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -webkit-transition: color 200ms linear 0ms;
        /* webkit mobile */
        transition: color 200ms linear 0ms; }
        .component-fanart-single .details .meta .likes.active {
          color: #f15c2e; }
          .component-fanart-single .details .meta .likes.active .text {
            color: #f15c2e; }
      .component-fanart-single .details .meta .tags {
        -webkit-transition: color 200ms linear 0ms;
        /* webkit mobile */
        transition: color 200ms linear 0ms; }
    .component-fanart-single .details .tag-list {
      float: right;
      clear: right;
      color: #575551;
      font-style: italic;
      max-width: 36em;
      padding: 24px 0 0 0;
      text-align: right; }
      .component-fanart-single .details .tag-list a {
        color: #575551; }
  .component-fanart-single .button {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    top: 50%;
    margin: -20px 0 0 0;
    padding: 0;
    font-family: campfire-icons;
    background: none;
    font-size: 64px;
    line-height: 1;
    color: #575551;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    border: 0; }
    @media (max-width: 750px) {
      .component-fanart-single .button {
        width: 30px;
        height: 30px; } }
  .component-fanart-single .button--prev {
    left: -15px;
    width: 50px;
    height: 50px;
    background: url(../images/global-elements-nav-prev-black.png) no-repeat 50% 50%; }
    .mouse .component-fanart-single .button--prev:hover {
      background: url(../images/global-elements-nav-prev-hover.png) no-repeat 50% 50%; }
    @media (max-width: 750px) {
      .component-fanart-single .button--prev {
        left: 0px;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        /* IE9 only */
        transform: scale(0.6); } }
  .component-fanart-single .button--next {
    right: -15px;
    width: 50px;
    height: 50px;
    background: url(../images/global-elements-nav-next-black.png) no-repeat 50% 50%; }
    .mouse .component-fanart-single .button--next:hover {
      background: url(../images/global-elements-nav-next-hover.png) no-repeat 50% 50%; }
    @media (max-width: 750px) {
      .component-fanart-single .button--next {
        right: 0px;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        /* IE9 only */
        transform: scale(0.6); } }
  .component-fanart-single .back-link {
    text-align: center;
    font-style: italic; }

/*  end:  Component  »  Fan Art Single  */
/*  begin:  Component  »  Fan Art Submit  */
.component-fanart-submit {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-fanart-submit {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-fanart-submit {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-fanart-submit {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-fanart-submit {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-fanart-submit {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-fanart-submit form {
    max-width: 800px;
    margin: 0 auto;
    padding-top: 60px; }
  .component-fanart-submit .tag-list {
    clear: both; }
    .component-fanart-submit .tag-list span {
      color: #a5a49e;
      cursor: pointer;
      margin: 0 4px;
      font-style: italic; }
      .mouse .component-fanart-submit .tag-list span:hover {
        color: #f15c2e; }
      .component-fanart-submit .tag-list span.active {
        color: #f15c2e;
        font-weight: 700;
        /* bold */ }
  .component-fanart-submit span.help,
  .component-fanart-submit .label-tags,
  .component-fanart-submit .field-title {
    font-weight: 700;
    /* bold */ }
  .component-fanart-submit input[type="file"] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
    .component-fanart-submit input[type="file"]:focus + label.file {
      outline: 1px dotted #000;
      outline: -webkit-focus-ring-color auto 5px; }
  .component-fanart-submit .filename {
    float: left;
    padding: 10.6666666667px 24px; }
  .component-fanart-submit .help {
    float: left;
    padding: 10.6666666667px 24px;
    font-family: Open Sans, sans-serif; }
  .component-fanart-submit .filename {
    font-family: Open Sans, sans-serif; }
  .component-fanart-submit .button-container {
    text-align: center; }
    .component-fanart-submit .button-container .button, .component-fanart-submit .button-container button {
      float: none; }
  .component-fanart-submit fieldset.contest {
    padding-bottom: 0; }
    .component-fanart-submit fieldset.contest select {
      display: inline !important;
      float: none !important;
      padding: 0;
      margin: 0 !important; }
  .component-fanart-submit fieldset.contest.expanded select {
    display: block; }
  .component-fanart-submit fieldset.contest.expanded label span {
    display: inline; }
  .component-fanart-submit .tos-link,
  .component-fanart-submit .tos-link2 {
    color: #f15c2e;
    text-decoration: underline;
    cursor: pointer; }

/*  end:  Component  »  Fan Art Submit  */
/*  begin:  Component  »  Search Results  */
.component-search-results {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1600px) {
    .component-search-results {
      padding-top: 105px;
      padding-bottom: 105px; } }
  @media (max-width: 1024px) {
    .component-search-results {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 896px) {
    .component-search-results {
      padding-top: 75px;
      padding-bottom: 75px; } }
  @media (max-width: 750px) {
    .component-search-results {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 520px) {
    .component-search-results {
      padding-top: 51px;
      padding-bottom: 51px; } }
  .component-search-results .component-inner {
    max-width: 1260px; }
  .component-search-results .search-form {
    position: relative;
    margin: 0 0 36px 0; }
    .component-search-results .search-form .form-keywords {
      position: relative;
      display: block;
      margin: 0;
      padding: 0; }
      .component-search-results .search-form .form-keywords fieldset {
        margin: 0;
        padding: 0; }
      .component-search-results .search-form .form-keywords label {
        display: block;
        float: none;
        font-family: Open Sans, sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        /* bold */
        color: #f15c2e; }
    .component-search-results .search-form .advanced-search {
      position: relative;
      padding: 36px 0 0 0; }
      @media (max-width: 750px) {
        .component-search-results .search-form .advanced-search {
          text-align: center; } }
      .component-search-results .search-form .advanced-search .advanced-toggle {
        display: inline-block;
        font-family: Open Sans, sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        color: #f15c2e;
        font-weight: 700;
        /* bold */
        margin: 0;
        padding: 0 20px 0 0;
        background: url(../images/global-elements-arrow-down.png) no-repeat 100% 50%;
        cursor: pointer; }
      .component-search-results .search-form .advanced-search .inner {
        position: relative;
        display: none;
        text-align: left; }
      .component-search-results .search-form .advanced-search.expanded .advanced-toggle {
        background: url(../images/global-elements-arrow-up.png) no-repeat 100% 50%; }
      .component-search-results .search-form .advanced-search.expanded .inner {
        display: block; }
      .component-search-results .search-form .advanced-search .search-filters {
        position: relative;
        margin: 50px 0 0 0; }
        @media (max-width: 750px) {
          .component-search-results .search-form .advanced-search .search-filters {
            margin: 10px 0 0 0; } }
        @media (max-width: 750px) {
          .component-search-results .search-form .advanced-search .search-filters .filters {
            padding-top: 0 !important; } }
        .component-search-results .search-form .advanced-search .search-filters .filters:after {
          right: auto;
          left: 0;
          top: -20px; }
          @media (max-width: 750px) {
            .component-search-results .search-form .advanced-search .search-filters .filters:after {
              display: none; } }
        @media (max-width: 750px) {
          .component-search-results .search-form .advanced-search .search-filters .filter-date {
            display: none; } }
        .component-search-results .search-form .advanced-search .search-filters .dates {
          background: #efeee1;
          list-style: none;
          margin: 0px 0 0 0;
          padding: 0;
          border-top: 2px solid #f1a48b;
          width: 100%;
          z-index: 1000; }
          @media (max-width: 750px) {
            .component-search-results .search-form .advanced-search .search-filters .dates {
              font-weight: 400;
              /* regular */ } }
          @media (min-width: 751px) {
            .component-search-results .search-form .advanced-search .search-filters .dates {
              position: absolute;
              left: 0;
              top: 100%;
              display: none; } }
          .component-search-results .search-form .advanced-search .search-filters .dates li {
            display: block;
            margin: 0;
            padding: 10px 40px;
            font-family: Open Sans, sans-serif;
            font-size: 18px;
            font-weight: 700;
            /* bold */
            text-transform: uppercase;
            cursor: pointer;
            color: #9b9495; }
            @media (max-width: 750px) {
              .component-search-results .search-form .advanced-search .search-filters .dates li {
                font-weight: 400;
                /* regular */ } }
            .component-search-results .search-form .advanced-search .search-filters .dates li:first-child {
              padding-top: 15px; }
            .component-search-results .search-form .advanced-search .search-filters .dates li:last-child {
              padding-bottom: 15px; }
            .component-search-results .search-form .advanced-search .search-filters .dates li.active {
              color: #575551; }
            .component-search-results .search-form .advanced-search .search-filters .dates li:after {
              display: none !important; }
        .component-search-results .search-form .advanced-search .search-filters .filter-date.touch-active .dates, .mouse .component-search-results .search-form .advanced-search .search-filters .filter-date:hover .dates {
          display: block; }
      .component-search-results .search-form .advanced-search .tag-list {
        position: relative;
        clear: both; }
        .component-search-results .search-form .advanced-search .tag-list span {
          color: #a5a49e;
          cursor: pointer;
          margin: 0 4px;
          font-style: italic; }
          .mouse .component-search-results .search-form .advanced-search .tag-list span:hover {
            color: #f15c2e; }
          .component-search-results .search-form .advanced-search .tag-list span.active {
            color: #f15c2e;
            font-weight: 700;
            /* bold */ }
  .component-search-results .results-container {
    position: relative; }
  .component-search-results .results-group {
    position: relative;
    margin: 0;
    padding: 60px 0; }
    .component-search-results .results-group > ul {
      position: relative;
      overflow: hidden;
      margin: 0;
      padding: 0;
      list-style: none; }
    .component-search-results .results-group .group-title {
      margin: 0 0 36px 0;
      font-size: 28px;
      font-family: Open Sans, sans-serif;
      color: #575551; }
      @media (max-width: 1600px) {
        .component-search-results .results-group .group-title {
          font-size: 26.375px; } }
      @media (max-width: 1024px) {
        .component-search-results .results-group .group-title {
          font-size: 24.75px; } }
      @media (max-width: 896px) {
        .component-search-results .results-group .group-title {
          font-size: 23.125px; } }
      @media (max-width: 750px) {
        .component-search-results .results-group .group-title {
          font-size: 21.5px; } }
      @media (max-width: 520px) {
        .component-search-results .results-group .group-title {
          font-size: 20.525px; } }
    .component-search-results .results-group .date-filtered,
    .component-search-results .results-group .tags-filtered {
      display: none !important; }
  .component-search-results .results-group--pages {
    position: relative;
    overflow: hidden; }
    .component-search-results .results-group--pages ul.pages-container {
      position: relative; }
      @media (min-width: 751px) {
        .component-search-results .results-group--pages ul.pages-container {
          float: left;
          width: 33.3%; } }
      .component-search-results .results-group--pages ul.pages-container a {
        font-size: 32px;
        font-family: Open Sans Condensed, sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        /* bold */
        text-decoration: none; }
        @media (max-width: 1600px) {
          .component-search-results .results-group--pages ul.pages-container a {
            font-size: 29.875px; } }
        @media (max-width: 1024px) {
          .component-search-results .results-group--pages ul.pages-container a {
            font-size: 27.75px; } }
        @media (max-width: 896px) {
          .component-search-results .results-group--pages ul.pages-container a {
            font-size: 25.625px; } }
        @media (max-width: 750px) {
          .component-search-results .results-group--pages ul.pages-container a {
            font-size: 23.5px; } }
        @media (max-width: 520px) {
          .component-search-results .results-group--pages ul.pages-container a {
            font-size: 22.225px; } }
  .component-search-results .results-group--news .news-item {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom: 64px; }
    .component-search-results .results-group--news .news-item:before, .component-search-results .results-group--news .news-item:after {
      content: " ";
      display: table; }
    .component-search-results .results-group--news .news-item:after {
      clear: both; }
    @media (max-width: 1600px) {
      .component-search-results .results-group--news .news-item {
        margin-bottom: 56px; } }
    @media (max-width: 1024px) {
      .component-search-results .results-group--news .news-item {
        margin-bottom: 48px; } }
    @media (max-width: 896px) {
      .component-search-results .results-group--news .news-item {
        margin-bottom: 40px; } }
    @media (max-width: 750px) {
      .component-search-results .results-group--news .news-item {
        margin-bottom: 32px; } }
    @media (max-width: 520px) {
      .component-search-results .results-group--news .news-item {
        margin-bottom: 27.2px; } }
    .component-search-results .results-group--news .news-item:last-child {
      margin-bottom: 0 !important; }
    .component-search-results .results-group--news .news-item .photo {
      position: relative;
      padding-bottom: 24px; }
      @media (max-width: 1600px) {
        .component-search-results .results-group--news .news-item .photo {
          padding-bottom: 21px; } }
      @media (max-width: 1024px) {
        .component-search-results .results-group--news .news-item .photo {
          padding-bottom: 18px; } }
      @media (max-width: 896px) {
        .component-search-results .results-group--news .news-item .photo {
          padding-bottom: 15px; } }
      @media (max-width: 750px) {
        .component-search-results .results-group--news .news-item .photo {
          padding-bottom: 12px; } }
      @media (max-width: 520px) {
        .component-search-results .results-group--news .news-item .photo {
          padding-bottom: 10.2px; } }
      @media (min-width: 897px) {
        .component-search-results .results-group--news .news-item .photo {
          float: left;
          width: 40%;
          padding-bottom: 0;
          padding-right: 36px;
          box-sizing: border-box; } }
      .component-search-results .results-group--news .news-item .photo .photo-inner {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        border: 2px solid #575551;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); }
        .component-search-results .results-group--news .news-item .photo .photo-inner img {
          width: 100%; }
    .component-search-results .results-group--news .news-item .text {
      position: relative;
      padding-bottom: 24px; }
      .component-search-results .results-group--news .news-item .text:after {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 0;
        border-bottom: 1px dashed #b2b1b3;
        content: ""; }
      .component-search-results .results-group--news .news-item .text:last-child:after {
        display: none; }
      @media (min-width: 897px) {
        .component-search-results .results-group--news .news-item .text {
          float: left;
          width: 60%;
          padding-left: 36px;
          box-sizing: border-box; }
          .component-search-results .results-group--news .news-item .text:after {
            left: 36px; }
          .component-search-results .results-group--news .news-item .text:last-child:after {
            display: block; } }
      .component-search-results .results-group--news .news-item .text .title {
        font-size: 30px; }
        @media (max-width: 1600px) {
          .component-search-results .results-group--news .news-item .text .title {
            font-size: 28.125px; } }
        @media (max-width: 1024px) {
          .component-search-results .results-group--news .news-item .text .title {
            font-size: 26.25px; } }
        @media (max-width: 896px) {
          .component-search-results .results-group--news .news-item .text .title {
            font-size: 24.375px; } }
        @media (max-width: 750px) {
          .component-search-results .results-group--news .news-item .text .title {
            font-size: 22.5px; } }
        @media (max-width: 520px) {
          .component-search-results .results-group--news .news-item .text .title {
            font-size: 21.375px; } }
      .component-search-results .results-group--news .news-item .text .more .event-location,
      .component-search-results .results-group--news .news-item .text .more .event-date {
        text-transform: uppercase;
        font-size: 15px;
        color: #656563;
        font-weight: 600;
        /* semibold */
        padding-right: 20px; }
      .component-search-results .results-group--news .news-item .text .more .icon {
        line-height: 15px;
        font-size: 18px;
        font-family: campfire-icons;
        text-transform: none;
        color: #a5a49e;
        font-weight: 400;
        /* regular */ }
  .component-search-results .results-group--media .media-item {
    position: relative;
    padding: 0;
    margin: 0 0 20px;
    box-sizing: border-box; }
    @media (min-width: 751px) {
      .component-search-results .results-group--media .media-item {
        float: left;
        width: 33.3%;
        box-sizing: border-box;
        padding: 20px; }
        .component-search-results .results-group--media .media-item:nth-child(3n+1) {
          clear: left; } }
    .component-search-results .results-group--media .media-item .icon-video {
      position: absolute;
      bottom: 16px;
      right: 16px;
      width: 50px;
      height: 50px; }
      @media (max-width: 896px) {
        .component-search-results .results-group--media .media-item .icon-video {
          width: 25px;
          height: 25px;
          background-size: contain; } }
    .component-search-results .results-group--media .media-item .icon-photo {
      position: absolute;
      bottom: 16px;
      right: 16px;
      width: 50px;
      height: 50px;
      background: url(../images/global-elements-icon-photo-item.png) no-repeat 50% 50%; }
      @media (max-width: 896px) {
        .component-search-results .results-group--media .media-item .icon-photo {
          width: 25px;
          height: 25px;
          background-size: contain; } }
    .component-search-results .results-group--media .media-item .icon-wallpaper {
      position: absolute;
      bottom: 16px;
      right: 16px;
      width: 50px;
      height: 50px;
      background: url(../images/global-elements-icon-wallpaper-item.png) no-repeat 50% 50%; }
      @media (max-width: 896px) {
        .component-search-results .results-group--media .media-item .icon-wallpaper {
          width: 25px;
          height: 25px;
          background-size: contain; } }
    .component-search-results .results-group--media .media-item .cta {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      /* IE9 only */
      transform: translate(-50%, -50%);
      font-weight: 700;
      /* bold */
      font-size: 28px;
      color: #fff;
      font-family: Libre Baskerville, serif;
      white-space: nowrap;
      cursor: pointer; }
      @media (max-width: 1600px) {
        .component-search-results .results-group--media .media-item .cta {
          font-size: 26.375px; } }
      @media (max-width: 1024px) {
        .component-search-results .results-group--media .media-item .cta {
          font-size: 24.75px; } }
      @media (max-width: 896px) {
        .component-search-results .results-group--media .media-item .cta {
          font-size: 23.125px; } }
      @media (max-width: 750px) {
        .component-search-results .results-group--media .media-item .cta {
          font-size: 21.5px; } }
      @media (max-width: 520px) {
        .component-search-results .results-group--media .media-item .cta {
          font-size: 20.525px; } }
    .component-search-results .results-group--media .media-item .inner {
      position: relative;
      width: 100%;
      overflow: hidden; }
    .component-search-results .results-group--media .media-item img {
      position: relative;
      width: 100%;
      opacity: 0.7;
      -webkit-transition: filter 300ms linear 0ms;
      /* webkit mobile */
      transition: filter 300ms linear 0ms;
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0; }
    .mouse .component-search-results .results-group--media .media-item:hover img {
      opacity: 0.99; }
  .component-search-results .results-group--media .title {
    margin: 8px 0 0 0;
    padding: 0 0 2px 0;
    font-family: Open Sans Condensed, sans-serif;
    color: #3a2228;
    font-size: 24px;
    white-space: nowrap;
    text-overflow: ellipsis; }
    @media (max-width: 1600px) {
      .component-search-results .results-group--media .title {
        font-size: 22.875px; } }
    @media (max-width: 1024px) {
      .component-search-results .results-group--media .title {
        font-size: 21.75px; } }
    @media (max-width: 896px) {
      .component-search-results .results-group--media .title {
        font-size: 20.625px; } }
    @media (max-width: 750px) {
      .component-search-results .results-group--media .title {
        font-size: 19.5px; } }
    @media (max-width: 520px) {
      .component-search-results .results-group--media .title {
        font-size: 18.825px; } }
  .component-search-results .results-group--media .caption {
    margin: 0;
    padding: 0;
    font-family: Libre Baskerville, serif;
    font-style: italic;
    font-size: 20px;
    white-space: nowrap;
    text-overflow: ellipsis; }
    @media (max-width: 1600px) {
      .component-search-results .results-group--media .caption {
        font-size: 19.375px; } }
    @media (max-width: 1024px) {
      .component-search-results .results-group--media .caption {
        font-size: 18.75px; } }
    @media (max-width: 896px) {
      .component-search-results .results-group--media .caption {
        font-size: 18.125px; } }
    @media (max-width: 750px) {
      .component-search-results .results-group--media .caption {
        font-size: 17.5px; } }
    @media (max-width: 520px) {
      .component-search-results .results-group--media .caption {
        font-size: 17.125px; } }
  .component-search-results .results-group--fanart .fanart-item {
    margin: 0;
    padding: 0;
    position: relative;
    padding: 0px;
    box-sizing: border-box; }
    @media (max-width: 896px) {
      .component-search-results .results-group--fanart .fanart-item {
        width: 100%;
        padding: 5px; } }
    @media (min-width: 751px) {
      .component-search-results .results-group--fanart .fanart-item {
        float: left;
        width: 50%;
        box-sizing: border-box; } }
    @media (min-width: 897px) {
      .component-search-results .results-group--fanart .fanart-item {
        float: left;
        width: 33.333%;
        box-sizing: border-box; } }
    .component-search-results .results-group--fanart .fanart-item .inner {
      position: relative;
      padding: 30px;
      box-sizing: border-box; }
      @media (max-width: 1600px) {
        .component-search-results .results-group--fanart .fanart-item .inner {
          padding: 26.25px; } }
      @media (max-width: 1024px) {
        .component-search-results .results-group--fanart .fanart-item .inner {
          padding: 22.5px; } }
      @media (max-width: 896px) {
        .component-search-results .results-group--fanart .fanart-item .inner {
          padding: 18.75px; } }
      @media (max-width: 750px) {
        .component-search-results .results-group--fanart .fanart-item .inner {
          padding: 15px; } }
      @media (max-width: 520px) {
        .component-search-results .results-group--fanart .fanart-item .inner {
          padding: 12.75px; } }
    .component-search-results .results-group--fanart .fanart-item .photo {
      position: relative; }
      .component-search-results .results-group--fanart .fanart-item .photo img {
        width: 100%; }
    .component-search-results .results-group--fanart .fanart-item .text .title {
      margin: 5.3333333333px 0 0 0;
      font-size: 23px;
      font-family: Open Sans Condensed, sans-serif;
      text-transform: uppercase;
      color: #000;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media (max-width: 1600px) {
        .component-search-results .results-group--fanart .fanart-item .text .title {
          font-size: 22px; } }
      @media (max-width: 1024px) {
        .component-search-results .results-group--fanart .fanart-item .text .title {
          font-size: 21px; } }
      @media (max-width: 896px) {
        .component-search-results .results-group--fanart .fanart-item .text .title {
          font-size: 20px; } }
      @media (max-width: 750px) {
        .component-search-results .results-group--fanart .fanart-item .text .title {
          font-size: 19px; } }
      @media (max-width: 520px) {
        .component-search-results .results-group--fanart .fanart-item .text .title {
          font-size: 18.4px; } }
      .component-search-results .results-group--fanart .fanart-item .text .title a {
        text-decoration: none; }
    .component-search-results .results-group--fanart .fanart-item .text .author {
      font-size: 18px;
      font-weight: 700;
      /* bold */
      font-family: Open Sans Condensed, sans-serif;
      color: #a5a49e; }
      @media (max-width: 1600px) {
        .component-search-results .results-group--fanart .fanart-item .text .author {
          font-size: 17.625px; } }
      @media (max-width: 1024px) {
        .component-search-results .results-group--fanart .fanart-item .text .author {
          font-size: 17.25px; } }
      @media (max-width: 896px) {
        .component-search-results .results-group--fanart .fanart-item .text .author {
          font-size: 16.875px; } }
      @media (max-width: 750px) {
        .component-search-results .results-group--fanart .fanart-item .text .author {
          font-size: 16.5px; } }
      @media (max-width: 520px) {
        .component-search-results .results-group--fanart .fanart-item .text .author {
          font-size: 16.275px; } }
      .component-search-results .results-group--fanart .fanart-item .text .author a {
        color: #f15c2e;
        text-decoration: none; }
    .component-search-results .results-group--fanart .fanart-item .text .meta {
      position: relative;
      display: block;
      margin: 0;
      padding: 0;
      list-style: none; }
      .component-search-results .results-group--fanart .fanart-item .text .meta:before, .component-search-results .results-group--fanart .fanart-item .text .meta:after {
        content: " ";
        display: table; }
      .component-search-results .results-group--fanart .fanart-item .text .meta:after {
        clear: both; }
      .component-search-results .results-group--fanart .fanart-item .text .meta > li {
        float: left;
        margin: 0;
        padding: 10.6666666667px 0; }
      .component-search-results .results-group--fanart .fanart-item .text .meta .icon {
        float: left;
        font-family: campfire-icons;
        font-size: 18px; }
        .component-search-results .results-group--fanart .fanart-item .text .meta .icon.active {
          color: #f15c2e; }
      .component-search-results .results-group--fanart .fanart-item .text .meta .text {
        float: left;
        padding: 0 24px 0 3.2px;
        font-family: Open Sans, sans-serif;
        font-weight: 700;
        /* bold */
        font-size: 16px;
        color: #000; }
      .component-search-results .results-group--fanart .fanart-item .text .meta .likes {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -webkit-transition: color 200ms linear 0ms;
        /* webkit mobile */
        transition: color 200ms linear 0ms; }
        .component-search-results .results-group--fanart .fanart-item .text .meta .likes.active {
          color: #f15c2e; }
          .component-search-results .results-group--fanart .fanart-item .text .meta .likes.active .text {
            color: #f15c2e; }
      .component-search-results .results-group--fanart .fanart-item .text .meta .tags {
        -webkit-transition: color 200ms linear 0ms;
        /* webkit mobile */
        transition: color 200ms linear 0ms; }
  .component-search-results .results-group--users .profile-item {
    margin: 40px 0;
    padding: 0 20px; }
    @media (min-width: 751px) and (max-width: 896px) {
      .component-search-results .results-group--users .profile-item {
        float: left;
        width: 50%;
        box-sizing: border-box; }
        .component-search-results .results-group--users .profile-item:nth-child(2n+1) {
          clear: left; } }
    @media (min-width: 897px) and (max-width: 1024px) {
      .component-search-results .results-group--users .profile-item {
        float: left;
        width: 33.333%;
        box-sizing: border-box; }
        .component-search-results .results-group--users .profile-item:nth-child(3n+1) {
          clear: left; } }
    @media (min-width: 1025px) {
      .component-search-results .results-group--users .profile-item {
        float: left;
        width: 25%;
        box-sizing: border-box; }
        .component-search-results .results-group--users .profile-item:nth-child(4n+1) {
          clear: left; } }
    .component-search-results .results-group--users .profile-item .photo {
      margin: 0 12.5% 16px 12.5%; }
      .component-search-results .results-group--users .profile-item .photo span {
        position: relative;
        display: block;
        width: 200px;
        height: 200px;
        background: #ca532c;
        border-radius: 50%;
        overflow: hidden; }
        @media (min-width: 897px) and (max-width: 1024px) {
          .component-search-results .results-group--users .profile-item .photo span {
            width: 20vw;
            height: 20vw; } }
        @media (min-width: 751px) and (max-width: 896px) {
          .component-search-results .results-group--users .profile-item .photo span {
            width: 32vw;
            height: 32vw; } }
        @media (min-width: 521px) and (max-width: 750px) {
          .component-search-results .results-group--users .profile-item .photo span {
            width: 60vw;
            height: 60vw; } }
        @media (min-width: 0) and (max-width: 520px) {
          .component-search-results .results-group--users .profile-item .photo span {
            width: 80vw;
            height: 80vw; } }
      .component-search-results .results-group--users .profile-item .photo img {
        position: relative;
        display: block;
        width: 100%;
        border-radius: 50%;
        mix-blend-mode: screen; }
    .component-search-results .results-group--users .profile-item .details {
      text-align: center; }
      .component-search-results .results-group--users .profile-item .details .name {
        font-family: Open Sans, sans-serif;
        color: #3a2228;
        font-size: 24px; }
        @media (max-width: 1600px) {
          .component-search-results .results-group--users .profile-item .details .name {
            font-size: 22.875px; } }
        @media (max-width: 1024px) {
          .component-search-results .results-group--users .profile-item .details .name {
            font-size: 21.75px; } }
        @media (max-width: 896px) {
          .component-search-results .results-group--users .profile-item .details .name {
            font-size: 20.625px; } }
        @media (max-width: 750px) {
          .component-search-results .results-group--users .profile-item .details .name {
            font-size: 19.5px; } }
        @media (max-width: 520px) {
          .component-search-results .results-group--users .profile-item .details .name {
            font-size: 18.825px; } }
        .component-search-results .results-group--users .profile-item .details .name a {
          text-decoration: none; }
          .mouse .component-search-results .results-group--users .profile-item .details .name a:hover {
            color: #f15c2e; }
      .component-search-results .results-group--users .profile-item .details .more {
        text-align: center;
        font-size: 20px; }
        @media (max-width: 1600px) {
          .component-search-results .results-group--users .profile-item .details .more {
            font-size: 19.375px; } }
        @media (max-width: 1024px) {
          .component-search-results .results-group--users .profile-item .details .more {
            font-size: 18.75px; } }
        @media (max-width: 896px) {
          .component-search-results .results-group--users .profile-item .details .more {
            font-size: 18.125px; } }
        @media (max-width: 750px) {
          .component-search-results .results-group--users .profile-item .details .more {
            font-size: 17.5px; } }
        @media (max-width: 520px) {
          .component-search-results .results-group--users .profile-item .details .more {
            font-size: 17.125px; } }
        .component-search-results .results-group--users .profile-item .details .more span {
          cursor: pointer;
          color: #3a2228;
          -webkit-transition: color 200ms linear 0ms;
          /* webkit mobile */
          transition: color 200ms linear 0ms; }
        .mouse .component-search-results .results-group--users .profile-item .details .more span:hover {
          color: #f15c2e; }

/*  end:  Component  »  Search Results  */
/*  begin:  Component  »  Logo Garden  */
.component-logo-garden {
  margin-bottom: 54px; }
  .component-logo-garden .title {
    font-size: 27.1710526316px;
    padding-bottom: 16px;
    border-bottom: 1px solid #b2b1b3;
    margin-bottom: 36px; }
    @media (max-width: 1600px) {
      .component-logo-garden .title {
        font-size: 25.6496710526px; } }
    @media (max-width: 1024px) {
      .component-logo-garden .title {
        font-size: 24.1282894737px; } }
    @media (max-width: 896px) {
      .component-logo-garden .title {
        font-size: 22.6069078947px; } }
    @media (max-width: 750px) {
      .component-logo-garden .title {
        font-size: 21.0855263158px; } }
    @media (max-width: 520px) {
      .component-logo-garden .title {
        font-size: 20.1726973684px; } }
  .component-logo-garden .logo-container {
    position: relative;
    text-align: center; }
    .component-logo-garden .logo-container .logo-item {
      position: relative;
      margin: 1px;
      padding: 15px 20px;
      display: inline-block;
      height: 75px; }
      .component-logo-garden .logo-container .logo-item img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        /* IE9 only */
        transform: translateY(-50%); }

/*  end:  Component  »  Logo Garden  */
/*  begin:  Component  »  Message  */
.component-message {
  color: #f15c2e; }
  .component-message h2 {
    color: #f15c2e;
    text-align: center;
    text-transform: uppercase;
    font-family: Open Sans Condensed, sans-serif;
    font-size: 24px; }
  .component-message .errors {
    color: #f15c2e;
    font-style: italic;
    font-size: 14px; }

/*  end:  Component  »  Message  */
/*  begin:  Component  »  Contact Postal  */
.component-contact-postal {
  text-align: center;
  margin-top: -180px;
  padding: 0 0 120px 0;
  display: none; }
  @media (max-width: 1600px) {
    .component-contact-postal {
      margin-top: -157.5px; } }
  @media (max-width: 1024px) {
    .component-contact-postal {
      margin-top: -135px; } }
  @media (max-width: 896px) {
    .component-contact-postal {
      margin-top: -112.5px; } }
  @media (max-width: 750px) {
    .component-contact-postal {
      margin-top: -90px; } }
  @media (max-width: 520px) {
    .component-contact-postal {
      margin-top: -76.5px; } }
  @media (max-width: 1200px) {
    .component-contact-postal {
      display: block; } }
/*  end:  Component  »  Contact Postal  */
/*  begin:  Component  »  Irrational Games  */
.component-irrational-games {
  position: relative;
  padding: 0 0 80px 0;
  background: #f1f3f2 url(../images/irrational-games-bg.jpg) no-repeat 50% 0;
  background-size: 100% auto; }
  .component-irrational-games .logo {
    padding: 80px 0 0 0;
    text-align: center; }
    .component-irrational-games .logo img {
      display: inline-block; }
  .component-irrational-games .heading h2 {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
    font-family: Libre Baskerville, serif;
    text-transform: uppercase;
    font-size: 30px; }
    @media (max-width: 1600px) {
      .component-irrational-games .heading h2 {
        padding-top: 52.5px;
        padding-bottom: 52.5px; } }
    @media (max-width: 1024px) {
      .component-irrational-games .heading h2 {
        padding-top: 45px;
        padding-bottom: 45px; } }
    @media (max-width: 896px) {
      .component-irrational-games .heading h2 {
        padding-top: 37.5px;
        padding-bottom: 37.5px; } }
    @media (max-width: 750px) {
      .component-irrational-games .heading h2 {
        padding-top: 30px;
        padding-bottom: 30px; } }
    @media (max-width: 520px) {
      .component-irrational-games .heading h2 {
        padding-top: 25.5px;
        padding-bottom: 25.5px; } }
    @media (max-width: 1600px) {
      .component-irrational-games .heading h2 {
        font-size: 28.125px; } }
    @media (max-width: 1024px) {
      .component-irrational-games .heading h2 {
        font-size: 26.25px; } }
    @media (max-width: 896px) {
      .component-irrational-games .heading h2 {
        font-size: 24.375px; } }
    @media (max-width: 750px) {
      .component-irrational-games .heading h2 {
        font-size: 22.5px; } }
    @media (max-width: 520px) {
      .component-irrational-games .heading h2 {
        font-size: 21.375px; } }
  .component-irrational-games .links {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none; }
    .component-irrational-games .links:before, .component-irrational-games .links:after {
      content: " ";
      display: table; }
    .component-irrational-games .links:after {
      clear: both; }
  .component-irrational-games .link-item {
    position: relative;
    padding: 20px;
    box-sizing: border-box; }
    @media (min-width: 751px) {
      .component-irrational-games .link-item {
        float: left;
        width: 50%; } }
    @media (min-width: 897px) {
      .component-irrational-games .link-item {
        float: left;
        width: 33.333%; } }
    .component-irrational-games .link-item .inner {
      position: relative;
      border: 1px solid #d3d2bf;
      border-top: 1px solid #000;
      padding: 20px;
      background: #fff; }
      .component-irrational-games .link-item .inner:after {
        position: absolute;
        left: -7px;
        top: -4px;
        width: 40px;
        height: 13px;
        background: url(../images/irrational-games-border-top-left.png) no-repeat 0px 0px;
        content: "";
        display: block; }
      .component-irrational-games .link-item .inner:before {
        position: absolute;
        right: -7px;
        top: -4px;
        width: 40px;
        height: 13px;
        background: url(../images/irrational-games-border-top-right.png) no-repeat 0px 0px;
        content: "";
        display: block; }
    .component-irrational-games .link-item .photo {
      position: relative;
      padding: 0 0 10px 0;
      margin: 0 0 2px 0;
      border-bottom: 1px solid #7f7f7f; }
      .component-irrational-games .link-item .photo img {
        width: 100%; }
    .component-irrational-games .link-item .title {
      position: relative;
      padding: 20px 0 0 0;
      margin: 2px 0 0 0;
      border-top: 1px solid #7f7f7f;
      height: 8em;
      overflow: hidden; }
      .component-irrational-games .link-item .title h3 {
        font-family: Libre Baskerville, serif;
        text-transform: uppercase;
        font-size: 21px; }
        @media (max-width: 1600px) {
          .component-irrational-games .link-item .title h3 {
            font-size: 20.25px; } }
        @media (max-width: 1024px) {
          .component-irrational-games .link-item .title h3 {
            font-size: 19.5px; } }
        @media (max-width: 896px) {
          .component-irrational-games .link-item .title h3 {
            font-size: 18.75px; } }
        @media (max-width: 750px) {
          .component-irrational-games .link-item .title h3 {
            font-size: 18px; } }
        @media (max-width: 520px) {
          .component-irrational-games .link-item .title h3 {
            font-size: 17.55px; } }
        .component-irrational-games .link-item .title h3 a {
          color: #000;
          text-decoration: none; }
          .mouse .component-irrational-games .link-item .title h3 a:hover {
            text-decoration: underline; }
    .component-irrational-games .link-item .more {
      position: relative;
      padding: 0 0 10px 0;
      margin: 0 0 4px 0;
      border-bottom: 1px solid #7f7f7f; }
      .component-irrational-games .link-item .more:after {
        position: absolute;
        left: 0;
        bottom: -4px;
        right: 0;
        border-bottom: 1px solid #7f7f7f;
        content: ''; }
      .component-irrational-games .link-item .more a {
        font-style: italic;
        text-decoration: none;
        color: #ae2120; }
        .mouse .component-irrational-games .link-item .more a:hover {
          text-decoration: underline; }

/*  end:  Component  »  Irrational Games  */
.page-title-byline {
  font-family: Open Sans Condensed, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 28px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 1em 0; }

@media (max-width: 520px) {
  .page-title-byline {
    font-size: 14px; }
  .page-title-byline span {
    display: block;
    margin: 0 auto;
    font-size: 28px; } }

.component-vertical-carousel .slide-item .overlay, .feed-item--reddit {
  display: none !important; }

.component-vertical-carousel {
  height: 53vw !important;
  min-height: 600px !important; }

.component-vertical-carousel .pagination {
  display: none; }

.component-vertical-carousel .slide-item,
.component-vertical-carousel .slide-container,
.component-vertical-carousel.paralax .slide-wrapper {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  height: 53vw !important;
  min-height: 600px !important; }

@media (max-width: 900px) {
  .component-vertical-carousel .caption > div {
    top: 66px !important;
    height: 200px !important; } }

@media (max-width: 640px) {
  .component-vertical-carousel {
    min-height: 155vw !important; }
  .component-vertical-carousel .slide-item,
  .component-vertical-carousel .slide-container,
  .component-vertical-carousel.paralax .slide-wrapper {
    min-height: 155vw !important; } }

#global-footer .footer-links-secondary li:last-child:before {
  display: none; }

#global-footer .footer-links-secondary li:last-child a {
  display: inline-block;
  max-width: 270px; }

@media (min-width: 1024px) {
  #global-footer .footer-links-secondary li:last-child a {
    transform: translateX(-50%); } }

#global-header .header-cart a {
  background-image: url(../images/global-header-nav-store-bg.png); }