@charset "UTF-8";
/*********************
IMPORTING PARTIALS
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

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

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

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
}

h1 {
  font-size: 2em;
  margin-bottom: 0.67em;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
  border-bottom: 0;
  text-decoration: none;
}

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

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

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

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: "";
  content: none;
}

small, .small {
  font-size: 75%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0;
}

dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px;
}

ul {
  padding: 0;
  list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}

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

/* * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}*/
.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

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

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

/*********************
COLORS
*********************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

/*********************
TRANSITION
*********************/
/* Masks */
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* 
@include linear-gradient(#dfdfdf,#f8f8f8); for a top to bottom gradient
	or for different directions, including diagonal
@include linear-gradient($from: #dfdfdf, #f8f8f8, top, bottom, left, right);
*/
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
@-webkit-keyframes pulse-red {
  50% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 0, 0, 0);
            box-shadow: 0 0 0 20px rgba(255, 0, 0, 0);
  }
}
@keyframes pulse-red {
  50% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 0, 0, 0);
            box-shadow: 0 0 0 20px rgba(255, 0, 0, 0);
  }
}
@-webkit-keyframes bump6 {
  84% {
    left: 0;
  }
  88% {
    left: 6px;
  }
  92% {
    left: -3px;
  }
  96% {
    left: 6px;
  }
  100% {
    left: 0;
  }
}
@keyframes bump6 {
  84% {
    left: 0;
  }
  88% {
    left: 6px;
  }
  92% {
    left: -3px;
  }
  96% {
    left: 6px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes vBump4 {
  84% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  88% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  92% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  96% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes vBump4 {
  84% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  88% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  92% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  96% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes vBumpC {
  84% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  88% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  92% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  96% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@keyframes vBumpC {
  84% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  88% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  92% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  96% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
/*********************
IMPORTING MODULES
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
.btn, .btn-play-text, .btn-gallery, .btn-orange, .btn-orange:visited, .btn-gold, .btn-gold:visited, .btn-green, .btn-green:visited, .btn-red, .btn-red:visited, .btn-blue-outline, .btn-blue-outline:visited, .btn-blue, .btn-blue:visited, .btn:visited {
  display: inline-block;
  position: relative;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #fff;
  font-size: 1em;
  height: 45px;
  line-height: 45px;
  font-weight: bold;
  padding: 0 1.5em;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #444;
  border: 1px solid #444;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  -webkit-transition: background-color 375ms ease-in-out;
  -o-transition: background-color 375ms ease-in-out;
  transition: background-color 375ms ease-in-out;
}
.btn:hover, .btn-play-text:hover, .btn-gallery:hover, .btn-orange:hover, .btn-gold:hover, .btn-green:hover, .btn-red:hover, .btn-blue-outline:hover, .btn-blue:hover, .btn:visited:hover {
  color: #fff;
  text-decoration: none;
  outline: none;
  background-color: #303030;
}

.btn-blue, .btn-blue:visited {
  background-color: #17659d;
  border-color: #17659d;
}
.btn-blue.btn-play-text:after, .btn-blue:visited.btn-play-text:after {
  border-left-color: #095b97;
}
.btn-blue:hover, .btn-blue:visited:hover {
  background-color: #074775;
}

.btn-blue-outline, .btn-blue-outline:visited {
  color: #17659d;
  background-color: transparent;
  border-color: #17659d;
}
.btn-blue-outline.btn-play-text:after, .btn-blue-outline:visited.btn-play-text:after {
  border-left-color: #095b97;
}
.btn-blue-outline:hover, .btn-blue-outline:visited:hover {
  background-color: rgba(9, 91, 151, 0.1);
  color: #095b97;
}

.btn-red, .btn-red:visited {
  background-color: #f00;
  border-color: #f00;
}
.btn-red.btn-play-text:after, .btn-red:visited.btn-play-text:after {
  border-left-color: #f00;
}
.btn-red:hover, .btn-red:visited:hover {
  background-color: #db0000;
}

.btn-green, .btn-green:visited {
  background-color: #51af51;
  border-color: #51af51;
}
.btn-green.btn-play-text:after, .btn-green:visited.btn-play-text:after {
  border-left-color: #51af51;
}
.btn-green:hover, .btn-green:visited:hover {
  background-color: #459745;
}

.btn-gold, .btn-gold:visited {
  background-color: #bba72a;
  border-color: #bba72a;
}
.btn-gold.btn-play-text:after, .btn-gold:visited.btn-play-text:after {
  border-left-color: #bba72a;
}
.btn-gold:hover, .btn-gold:visited:hover {
  background-color: #9d8d24;
}

.btn-orange, .btn-orange:visited {
  background-color: #e69500;
  border-color: #e69500;
}
.btn-orange.btn-play-text:after, .btn-orange:visited.btn-play-text:after {
  border-left-color: #e69500;
}
.btn-orange:hover, .btn-orange:visited:hover {
  background-color: #c27d00;
}

.btn-double {
  line-height: 1em;
  padding-top: 7px;
  height: 38px;
}
.btn-double > span {
  display: block;
  font-size: 10px;
}

.btn-gallery {
  border-radius: 0;
}

.btn-go {
  padding-right: 2.5em;
}
.btn-go:after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  float: none;
  margin: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 10px solid rgba(255, 255, 255, 0.9);
}
.btn-go:before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  float: none;
  margin: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 10px solid rgba(255, 255, 255, 0.5);
}
.btn-go:before, .btn-go:after {
  position: absolute;
  right: 1.4em;
}
.btn-go:before {
  right: 1.6em;
}

.btn-donate {
  padding-left: 3.5em;
  background-image: url(../images/ic-donate.svg);
  background-repeat: no-repeat;
  background-position: 1.5em 50%;
  background-size: auto 80%;
  white-space: nowrap;
}

.btn-donate-long {
  padding-left: 2.5em;
  padding-right: 0.75em;
  background-position: 0.5em 50%;
}

.btn-plus {
  position: relative;
  padding-left: 2.5em;
}
.btn-plus:before, .btn-plus:after {
  content: "";
  display: block;
  height: 14px;
  width: 4px;
  background-color: #444;
  position: absolute;
  top: 50%;
  left: 1.5em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn-plus:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.btn-plus.btn-red:before, .btn-plus.btn-red:after, .btn-plus.btn-blue:before, .btn-plus.btn-blue:after {
  background-color: #fff;
}
.btn-plus.btn-blue-outline:before, .btn-plus.btn-blue-outline:after {
  background-color: #17659d;
}

.btn-play-text {
  padding-left: 2.5em;
}
.btn-play-text:after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  float: none;
  margin: 0;
  border-top: 0.25em solid transparent;
  border-bottom: 0.25em solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 0.375em solid rgba(68, 68, 68, 0.9);
}
.btn-play-text:before {
  content: "";
  display: block;
  height: 0.8em;
  width: 0.8em;
  background: #fff;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}
.btn-play-text:before, .btn-play-text:after {
  position: absolute;
  left: 1.5em;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.btn-play-text:after {
  -webkit-transform: translate(-35%, -50%);
  -ms-transform: translate(-35%, -50%);
  transform: translate(-35%, -50%);
}

.btn-circle, .btn-info {
  text-transform: uppercase;
  position: relative;
  text-align: center;
  color: #fff !important;
  border: 0;
  outline: 0;
}
.btn-circle:before, .btn-info:before {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  -webkit-transition: background-color 375ms;
  -o-transition: background-color 375ms;
  transition: background-color 375ms;
}
.btn-circle:after, .btn-info:after {
  top: 50%;
}
.btn-circle:before, .btn-info:before, .btn-circle:after, .btn-info:after {
  position: absolute;
  left: 50%;
}
.btn-circle:hover:before, .btn-info:hover:before {
  background-color: rgba(255, 255, 255, 0.2);
}

/*.btn-play-circle {
	@extend .btn-circle;
	@include tri(right, 13px, 22px, $white, 0, block, none, false);
	&:after {
		@include transform(translate(-40%, -50%));
	}
}*/
.btn-play-circle {
  position: relative;
  cursor: pointer;
}
.btn-play-circle .svg-container {
  display: block;
  height: 70px;
  width: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: background 375ms;
  -o-transition: background 375ms;
  transition: background 375ms;
  z-index: 1;
  background: rgba(255, 0, 0, 0.4);
  border-radius: 50%;
}
.btn-play-circle .svg-container path {
  fill: #fff;
}
.btn-play-circle > img {
  display: block;
}

.btn-play-youtube {
  position: relative;
  cursor: pointer;
}
.btn-play-youtube .svg-container {
  display: block;
  height: 70px;
  width: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.btn-play-youtube > img {
  display: block;
}

.btn-info:after {
  content: "";
  background: url(../images/ic-info.png) no-repeat;
  width: 14px;
  height: 32px;
  -webkit-transform: translate(-7px, -50%);
  -ms-transform: translate(-7px, -50%);
  transform: translate(-7px, -50%);
}

.btn-external {
  text-transform: uppercase;
  border-bottom: 0;
  color: #fff;
  outline: 0;
}
.btn-external:hover {
  color: #fff;
}
.btn-external:before {
  content: "";
  width: 50px;
  height: 50px;
  background: url(../images/ic-external.png) no-repeat;
  display: inline-block;
  -webkit-transition: background-color 375ms;
  -o-transition: background-color 375ms;
  transition: background-color 375ms;
  border-radius: 10px 0 10px 10px;
}
.btn-external:hover:before {
  background-color: rgba(255, 255, 255, 0.2);
}

.btn-select-movie:before, .btn-upload:before, .btn-select-photo:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url(../images/ic-movie-add.svg) no-repeat center center;
  background-size: contain;
  margin-right: 8px;
  margin-bottom: -2px;
}

.btn-upload:before {
  background-image: url(../images/ic-upload.svg);
}

.btn-select-photo:before {
  background-image: url(../images/ic-photo-add.svg);
}

.btn-select-movie.file-selected, .btn-select-photo.file-selected {
  background: #fff url(../images/ic-movie-black.svg) no-repeat left center;
  background-size: 25px auto;
  color: #555;
  text-transform: none;
  font-weight: normal;
  padding: 12px 0 12px 30px;
  height: auto;
  line-height: normal;
  font-size: 1em;
  border: 0;
  text-align: left;
  overflow: hidden;
}
.btn-select-movie.file-selected:before, .btn-select-photo.file-selected:before {
  display: none;
  background-image: url(../images/ic-movie-black.svg);
  opacity: 0.7;
  height: 30px;
}

.btn-select-photo.file-selected {
  background-image: url(../images/ic-photo-black.svg);
}
.btn-select-photo.file-selected:before {
  background-image: url(../images/ic-photo-black.svg);
}

.btn-delete {
  cursor: pointer;
  background: url(../images/ic-cancel.svg) no-repeat;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 3px 0 0 36px;
  height: 30px;
  line-height: 12px;
  color: #f00;
  width: 72px;
  text-align: left;
  opacity: 0.5;
  padding: 0 0 0 28px;
  height: 24px;
}

.btn-help, .btn-help-large {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  background: #0165ad;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 203, 27, 0.7);
          box-shadow: 0 0 0 0 rgba(0, 203, 27, 0.7);
  -webkit-animation: pulse-fd-lightgreen 5s infinite;
          animation: pulse-fd-lightgreen 5s infinite;
}
.btn-help:after, .btn-help-large:after {
  content: "?";
}
.btn-help:hover, .btn-help-large:hover {
  -webkit-animation: none;
          animation: none;
  color: #fff;
}
.btn-help .tooltip, .btn-help-large .tooltip {
  position: absolute;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #555;
  min-width: 200px;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
  border-radius: 4px;
  top: 115%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: normal;
  padding: 6px;
}
.btn-help .tooltip:after, .btn-help-large .tooltip:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  margin: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-bottom: 8px solid #fff;
}
.btn-help .tooltip:after, .btn-help-large .tooltip:after {
  position: absolute;
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.btn-help .tooltip:before, .btn-help-large .tooltip:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  margin: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-bottom: 8px solid rgba(0, 0, 0, 0.1);
}
.btn-help .tooltip:before, .btn-help-large .tooltip:before {
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.btn-help:hover .tooltip, .btn-help-large:hover .tooltip {
  opacity: 1;
  z-index: auto;
}

.btn-help-large {
  font-size: 24px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.btn-help-container {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
}
.btn-help-container .btn-help, .btn-help-container .btn-help-large {
  margin-left: 2px;
}

@-webkit-keyframes pulse-fd-lightgreen {
  80% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 203, 27, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 203, 27, 0.7);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 203, 27, 0);
            box-shadow: 0 0 0 20px rgba(0, 203, 27, 0);
  }
}

@keyframes pulse-fd-lightgreen {
  80% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 203, 27, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 203, 27, 0.7);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 203, 27, 0);
            box-shadow: 0 0 0 20px rgba(0, 203, 27, 0);
  }
}
@-webkit-keyframes pulse-fd-lightblue {
  80% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 101, 173, 0.7);
            box-shadow: 0 0 0 0 rgba(1, 101, 173, 0.7);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(1, 101, 173, 0);
            box-shadow: 0 0 0 20px rgba(1, 101, 173, 0);
  }
}
@keyframes pulse-fd-lightblue {
  80% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 101, 173, 0.7);
            box-shadow: 0 0 0 0 rgba(1, 101, 173, 0.7);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(1, 101, 173, 0);
            box-shadow: 0 0 0 20px rgba(1, 101, 173, 0);
  }
}
.btn-ctrl {
  width: 18px;
  height: 17px;
  text-indent: -9999px;
  display: inline-block;
}

.btn-dock {
  background: url(../images/btn-dock.svg) no-repeat;
}

.btn-dock-restore {
  background: url(../images/btn-dock-restore.svg) no-repeat;
}

@media only screen and (min-width: 481px) {
  .btn-play-circle .svg-container, .btn-play-youtube .svg-container {
    height: 100px;
    width: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .btn-play-circle .svg-container {
    height: 80px;
    width: 80px;
  }
}
@media only screen and (min-width: 1030px) {
  .btn-play-circle .svg-container {
    height: 100px;
    width: 100px;
  }
  .btn-play-circle:hover .svg-container {
    background: #f00;
  }
}
@media only screen and (min-width: 1240px) {
  .btn, .btn-blue, .btn-blue:visited, .btn-blue-outline, .btn-blue-outline:visited, .btn-red, .btn-red:visited, .btn-green, .btn-green:visited, .btn-gold, .btn-gold:visited, .btn-orange, .btn-orange:visited, .btn-gallery, .btn-play-text {
    font-size: 1.5em;
    height: 68px;
    line-height: 68px;
    padding-left: 2.75em;
    padding-right: 2.75em;
  }

  .btn-narrow {
    padding-left: 1em;
    padding-right: 1em;
  }

  .btn-double {
    line-height: 1em;
    padding-top: 16px;
    height: 52px;
  }
  .btn-double span {
    font-size: 12px;
    line-height: 1em;
  }

  .btn-go {
    padding-right: 3em;
  }
  .btn-go:before, .btn-go:after {
    border-left-width: 20px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    right: 1.75em;
  }
  .btn-go:before {
    right: 1.95em;
  }

  .btn-play-text:after {
    /*border-left-width:16px;
    border-top-width:10px;
    border-bottom-width:10px;*/
  }

  .btn-donate {
    padding-left: 3.5em;
    background-position: 1.5em 50%;
  }

  .btn-donate-long {
    padding-left: 2.5em;
    padding-right: 0.75em;
    background-position: 0.5em 50%;
  }

  .btn-select-movie:before, .btn-upload:before, .btn-select-photo:before {
    width: 30px;
    height: 24px;
  }

  .btn-play-circle .svg-container {
    height: 120px;
    width: 120px;
  }
}
@media only screen and (min-width: 1560px) {
  .btn-play-circle .svg-container {
    height: 140px;
    width: 140px;
  }
}
@media only screen and (min-width: 1920px) {
  .btn-play-circle .svg-container {
    height: 160px;
    width: 160px;
  }
}
.btn-small {
  font-size: 1em;
  height: 45px;
  line-height: 45px;
  padding-left: 1em;
  padding-right: 1em;
}
.btn-small.btn-donate {
  background-position: 0.5em 50%;
  padding-left: 2.2em;
  padding-right: 1em;
}

.btn-x-small {
  font-size: 0.85em;
  height: 36px;
  line-height: 36px;
  padding-left: 1em;
  padding-right: 1em;
}

.btn-pad-limit {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 1em;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #555;
  vertical-align: middle;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ccc;
  width: 100%;
  max-width: 400px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=text]:focus, input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=datetime]:focus,
input[type=datetime]:active,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=date]:focus,
input[type=date]:active,
input[type=month]:focus,
input[type=month]:active,
input[type=time]:focus,
input[type=time]:active,
input[type=week]:focus,
input[type=week]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=url]:focus,
input[type=url]:active,
input[type=search]:focus,
input[type=search]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=color]:focus,
input[type=color]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  outline: none;
}
input[type=text].error, input[type=text].is-invalid,
input[type=password].error,
input[type=password].is-invalid,
input[type=datetime].error,
input[type=datetime].is-invalid,
input[type=datetime-local].error,
input[type=datetime-local].is-invalid,
input[type=date].error,
input[type=date].is-invalid,
input[type=month].error,
input[type=month].is-invalid,
input[type=time].error,
input[type=time].is-invalid,
input[type=week].error,
input[type=week].is-invalid,
input[type=number].error,
input[type=number].is-invalid,
input[type=email].error,
input[type=email].is-invalid,
input[type=url].error,
input[type=url].is-invalid,
input[type=search].error,
input[type=search].is-invalid,
input[type=tel].error,
input[type=tel].is-invalid,
input[type=color].error,
input[type=color].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
  color: #f00;
  border-color: #f00;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  background-image: url(../images/ic-exclamation.svg);
  background-size: auto 70%;
  outline-color: #f00;
}
input[type=text].error ~ .invalid-msg, input[type=text].is-invalid ~ .invalid-msg,
input[type=password].error ~ .invalid-msg,
input[type=password].is-invalid ~ .invalid-msg,
input[type=datetime].error ~ .invalid-msg,
input[type=datetime].is-invalid ~ .invalid-msg,
input[type=datetime-local].error ~ .invalid-msg,
input[type=datetime-local].is-invalid ~ .invalid-msg,
input[type=date].error ~ .invalid-msg,
input[type=date].is-invalid ~ .invalid-msg,
input[type=month].error ~ .invalid-msg,
input[type=month].is-invalid ~ .invalid-msg,
input[type=time].error ~ .invalid-msg,
input[type=time].is-invalid ~ .invalid-msg,
input[type=week].error ~ .invalid-msg,
input[type=week].is-invalid ~ .invalid-msg,
input[type=number].error ~ .invalid-msg,
input[type=number].is-invalid ~ .invalid-msg,
input[type=email].error ~ .invalid-msg,
input[type=email].is-invalid ~ .invalid-msg,
input[type=url].error ~ .invalid-msg,
input[type=url].is-invalid ~ .invalid-msg,
input[type=search].error ~ .invalid-msg,
input[type=search].is-invalid ~ .invalid-msg,
input[type=tel].error ~ .invalid-msg,
input[type=tel].is-invalid ~ .invalid-msg,
input[type=color].error ~ .invalid-msg,
input[type=color].is-invalid ~ .invalid-msg,
select.error ~ .invalid-msg,
select.is-invalid ~ .invalid-msg,
textarea.error ~ .invalid-msg,
textarea.is-invalid ~ .invalid-msg,
.field.error ~ .invalid-msg,
.field.is-invalid ~ .invalid-msg {
  font-size: 0.7em;
  text-transform: uppercase;
  margin-top: -12px;
  color: #f00;
  display: block;
}
input[type=text].success, input[type=text].is-valid,
input[type=password].success,
input[type=password].is-valid,
input[type=datetime].success,
input[type=datetime].is-valid,
input[type=datetime-local].success,
input[type=datetime-local].is-valid,
input[type=date].success,
input[type=date].is-valid,
input[type=month].success,
input[type=month].is-valid,
input[type=time].success,
input[type=time].is-valid,
input[type=week].success,
input[type=week].is-valid,
input[type=number].success,
input[type=number].is-valid,
input[type=email].success,
input[type=email].is-valid,
input[type=url].success,
input[type=url].is-valid,
input[type=search].success,
input[type=search].is-valid,
input[type=tel].success,
input[type=tel].is-valid,
input[type=color].success,
input[type=color].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
  color: #009614;
  border-color: #009614;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}
input[type=text][disabled], input[type=text][readonly], input[type=text].is-disabled,
input[type=password][disabled],
input[type=password][readonly],
input[type=password].is-disabled,
input[type=datetime][disabled],
input[type=datetime][readonly],
input[type=datetime].is-disabled,
input[type=datetime-local][disabled],
input[type=datetime-local][readonly],
input[type=datetime-local].is-disabled,
input[type=date][disabled],
input[type=date][readonly],
input[type=date].is-disabled,
input[type=month][disabled],
input[type=month][readonly],
input[type=month].is-disabled,
input[type=time][disabled],
input[type=time][readonly],
input[type=time].is-disabled,
input[type=week][disabled],
input[type=week][readonly],
input[type=week].is-disabled,
input[type=number][disabled],
input[type=number][readonly],
input[type=number].is-disabled,
input[type=email][disabled],
input[type=email][readonly],
input[type=email].is-disabled,
input[type=url][disabled],
input[type=url][readonly],
input[type=url].is-disabled,
input[type=search][disabled],
input[type=search][readonly],
input[type=search].is-disabled,
input[type=tel][disabled],
input[type=tel][readonly],
input[type=tel].is-disabled,
input[type=color][disabled],
input[type=color][readonly],
input[type=color].is-disabled,
select[disabled],
select[readonly],
select.is-disabled,
textarea[disabled],
textarea[readonly],
textarea.is-disabled,
.field[disabled],
.field[readonly],
.field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}
input[type=text][disabled]:focus, input[type=text][disabled]:active, input[type=text][readonly]:focus, input[type=text][readonly]:active, input[type=text].is-disabled:focus, input[type=text].is-disabled:active,
input[type=password][disabled]:focus,
input[type=password][disabled]:active,
input[type=password][readonly]:focus,
input[type=password][readonly]:active,
input[type=password].is-disabled:focus,
input[type=password].is-disabled:active,
input[type=datetime][disabled]:focus,
input[type=datetime][disabled]:active,
input[type=datetime][readonly]:focus,
input[type=datetime][readonly]:active,
input[type=datetime].is-disabled:focus,
input[type=datetime].is-disabled:active,
input[type=datetime-local][disabled]:focus,
input[type=datetime-local][disabled]:active,
input[type=datetime-local][readonly]:focus,
input[type=datetime-local][readonly]:active,
input[type=datetime-local].is-disabled:focus,
input[type=datetime-local].is-disabled:active,
input[type=date][disabled]:focus,
input[type=date][disabled]:active,
input[type=date][readonly]:focus,
input[type=date][readonly]:active,
input[type=date].is-disabled:focus,
input[type=date].is-disabled:active,
input[type=month][disabled]:focus,
input[type=month][disabled]:active,
input[type=month][readonly]:focus,
input[type=month][readonly]:active,
input[type=month].is-disabled:focus,
input[type=month].is-disabled:active,
input[type=time][disabled]:focus,
input[type=time][disabled]:active,
input[type=time][readonly]:focus,
input[type=time][readonly]:active,
input[type=time].is-disabled:focus,
input[type=time].is-disabled:active,
input[type=week][disabled]:focus,
input[type=week][disabled]:active,
input[type=week][readonly]:focus,
input[type=week][readonly]:active,
input[type=week].is-disabled:focus,
input[type=week].is-disabled:active,
input[type=number][disabled]:focus,
input[type=number][disabled]:active,
input[type=number][readonly]:focus,
input[type=number][readonly]:active,
input[type=number].is-disabled:focus,
input[type=number].is-disabled:active,
input[type=email][disabled]:focus,
input[type=email][disabled]:active,
input[type=email][readonly]:focus,
input[type=email][readonly]:active,
input[type=email].is-disabled:focus,
input[type=email].is-disabled:active,
input[type=url][disabled]:focus,
input[type=url][disabled]:active,
input[type=url][readonly]:focus,
input[type=url][readonly]:active,
input[type=url].is-disabled:focus,
input[type=url].is-disabled:active,
input[type=search][disabled]:focus,
input[type=search][disabled]:active,
input[type=search][readonly]:focus,
input[type=search][readonly]:active,
input[type=search].is-disabled:focus,
input[type=search].is-disabled:active,
input[type=tel][disabled]:focus,
input[type=tel][disabled]:active,
input[type=tel][readonly]:focus,
input[type=tel][readonly]:active,
input[type=tel].is-disabled:focus,
input[type=tel].is-disabled:active,
input[type=color][disabled]:focus,
input[type=color][disabled]:active,
input[type=color][readonly]:focus,
input[type=color][readonly]:active,
input[type=color].is-disabled:focus,
input[type=color].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select[readonly]:focus,
select[readonly]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea[readonly]:focus,
textarea[readonly]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field[readonly]:focus,
.field[readonly]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
  background-color: #d5edf8;
}

textarea.field {
  padding-top: 8px;
  padding-bottom: 8px;
}

.field-row {
  margin-bottom: 14px;
}

input[type=password] {
  letter-spacing: 0.3em;
}
input[type=password]::-webkit-input-placeholder {
  letter-spacing: normal;
}
input[type=password]::-moz-placeholder {
  letter-spacing: normal;
}
input[type=password]:-ms-input-placeholder {
  letter-spacing: normal;
}
input[type=password]::-ms-input-placeholder {
  letter-spacing: normal;
}
input[type=password]::placeholder {
  letter-spacing: normal;
}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding-top: 8px;
  padding-bottom: 8px;
}

select {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86.6 75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23555;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='cls-1' points='43.3 75 86.6 0 0 0 43.3 75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 8px;
  padding-right: 20px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}
.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
  right: 9px;
}
.daterangepicker.opensleft:after {
  right: 10px;
}
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.opensright:before {
  left: 9px;
}
.daterangepicker.opensright:after {
  left: 10px;
}
.daterangepicker.drop-up {
  margin-top: -7px;
}
.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}
.daterangepicker.single .drp-selected {
  display: none;
}
.daterangepicker.show-calendar .drp-calendar, .daterangepicker.show-calendar .drp-buttons {
  display: block;
}
.daterangepicker.auto-apply .drp-buttons {
  display: none;
}
.daterangepicker.drp-calendar {
  display: none;
  max-width: 270px;
}
.daterangepicker.drp-calendar.left {
  padding: 8px 0 8px 8px;
}
.daterangepicker.drp-calendar.right {
  padding: 8px;
}
.daterangepicker.drp-calendar.single .calendar-table {
  border: none;
}
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}
.daterangepicker .calendar-table .next span {
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.daterangepicker .calendar-table th.available:hover, .daterangepicker .calendar-table td.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}
.daterangepicker .calendar-table th.week, .daterangepicker .calendar-table td.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker .calendar-table td.off, .daterangepicker .calendar-table td.off.in-range, .daterangepicker .calendar-table td.off.start-date, .daterangepicker .calendar-table td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}
.daterangepicker th.month {
  width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
  display: inline-block;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background-color: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
  display: inline-block;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}
.daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons .btn-blue, .daterangepicker .drp-buttons .btn-blue-outline, .daterangepicker .drp-buttons .btn-red, .daterangepicker .drp-buttons .btn-green, .daterangepicker .drp-buttons .btn-gold, .daterangepicker .drp-buttons .btn-orange, .daterangepicker .drp-buttons .btn-gallery, .daterangepicker .drp-buttons .btn-play-text {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}
.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}
.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd;
}
.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}
.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}
.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}
.daterangepicker .ranges li:hover {
  background-color: #eee;
}
.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*	Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker.ltr.single .ranges, .daterangepicker.ltr.single .drp-calendar {
    float: left;
  }
  .daterangepicker.ltr .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker.ltr .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 8px;
  }
  .daterangepicker.ltr .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker.ltr .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
    float: left;
  }
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right;
  }
  .daterangepicker.rtl.single .ranges, .daterangepicker.rtl.single .drp-calendar {
    float: right;
  }
  .daterangepicker.rtl .drp-calendar.left {
    clear: right;
    margin-left: 0;
  }
  .daterangepicker.rtl .drp-calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 12px;
  }
  .daterangepicker.rtl .drp-calendar.right {
    margin-right: 0;
  }
  .daterangepicker.rtl .drp-calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
    text-align: right;
    float: right;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker.ltr .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
.awesomplete [hidden] {
  display: none;
}

.awesomplete .visually-hidden {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.awesomplete {
  position: relative;
}

.awesomplete > input {
  display: block;
}

.awesomplete > ul {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  min-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #f2f2f2;
  border: 1px solid #ccc;
}
.awesomplete > ul > li {
  padding: 0 12px;
  cursor: pointer;
}
.awesomplete > ul > li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.awesomplete > ul:empty {
  display: none;
}

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Stylesheet: Base Mobile Stylesheet

******************************************************************/
/*********************
GENERAL STYLES
*********************/
html {
  height: 100%;
  margin-top: 0 !important;
  overflow-x: hidden;
  background: #fff;
}
html.mobile-nav-active body {
  overflow: hidden;
  height: 100%;
}
html.mobile-nav-active body header.page-header, html.mobile-nav-active body #inner-header {
  height: 100%;
}
html.mobile-nav-active body #inner-header {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

body {
  height: 100%;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #555;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.scroll-lock {
  overflow: hidden;
}
body.logged-in .visibility-logged-in {
  display: block;
}
body.logged-in .visibility-logged-out {
  display: none;
}

.visibility-logged-in {
  display: none;
}

*[disabled] {
  opacity: 0.5;
}

/*********************
LAYOUT & GRID STYLES
*********************/
#container {
  position: relative;
  z-index: 1;
  height: 100%;
}
#container #content {
  min-height: 100%;
  padding-top: 56px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background: #fff;
  /* stupid spacer for iphones */
}
#container #content.fullScreenVidActive {
  z-index: 9996;
}
#container #content:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 200px;
  left: 0;
  bottom: -200px;
}

/*********************
LINK STYLES
*********************/
a {
  color: #499cec;
  text-decoration: none;
  -webkit-transition: color 375ms;
  -o-transition: color 375ms;
  transition: color 375ms;
  /* on hover */
  /* mobile tap color */
}
a:hover {
  color: #1676d3;
}
a:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5, H6 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1em;
  margin-bottom: 0.5em;
  letter-spacing: -0.01em;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  text-decoration: none;
  border-bottom: 0;
}

h1, .h1 {
  line-height: 1.333em;
}

h2, .h2 {
  font-size: 1.9em;
  margin-bottom: 0.375em;
}

h3, .h3 {
  font-size: 1.5em;
}

h4, .h4 {
  font-size: 1.35em;
}

h5, .h5, h6, .h6 {
  font-size: 1.2em;
}

h6, .h6 {
  font-weight: 200;
}

ul.info {
  list-style: disc;
  margin: 0 0 1em 20px;
}
ul.info.no-marker {
  list-style-type: none;
}

ol.info {
  margin-bottom: 1em;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
ol.info.lower-alpha {
  list-style-type: lower-alpha;
}
ol.info.upper-alpha {
  list-style-type: upper-alpha;
}
ol.info.no-marker {
  list-style-type: none;
}

p {
  margin-bottom: 1em;
}

.align-left {
  float: left;
  margin: 0 12px 12px 0;
}

.align-right {
  float: right;
  margin: 0 0 12px 12px;
}

.img-caption {
  font-size: 0.8em;
  font-weight: 300;
  text-transform: uppercase;
  display: block;
  line-height: 1.1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding: 3px 0;
  text-align: center;
}

.simple-content-box {
  padding: 12px 18px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.simple-content-box:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

.preformat {
  font-size: 12px;
  text-align: left;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  padding: 48px;
}

.in-progess-message {
  display: none;
}

.in-progress {
  position: relative;
  pointer-events: none;
}
.in-progress:after {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  height: 100%;
  width: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.8) url(../images/loading.svg) no-repeat 50% 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.in-progress .in-progress-message {
  display: block;
  position: absolute;
  left: 50%;
  max-width: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  background: #fff;
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/*********************
HEADER STYLES
*********************/
.page-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 8999;
  -webkit-transition: background-color 375ms, height 375ms;
  -o-transition: background-color 375ms, height 375ms;
  transition: background-color 375ms, height 375ms;
}
html.scrolled .page-header {
  background-color: rgba(255, 255, 255, 0.9);
}

#logo {
  font-size: 2.2em;
  text-transform: uppercase;
  margin: 0 0 0 15px;
  height: 56px;
  line-height: 56px;
  float: left;
}
#logo a {
  color: #000;
  display: block;
  outline: none;
  border: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0;
}
#logo a img {
  display: block;
  max-height: 100%;
  width: 142px;
}
#logo a .whitelogo {
  display: none;
}

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.main-nav-container {
  position: absolute;
  left: 110%;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  height: 100%;
  -webkit-transition: left 0.35s;
  -o-transition: left 0.35s;
  transition: left 0.35s;
}
.main-nav-container.active {
  left: 0;
}
.main-nav-container > h5 {
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 0;
}

.main-nav {
  border-bottom: 0;
  margin: 0;
  overflow: auto;
  z-index: 9990;
  background: rgba(255, 255, 255, 0.9);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}
.main-nav li {
  /*
  so you really have to rethink your dropdowns for mobile.
  you don't want to have it expand too much because the
  screen is so small. How you manage your menu should
  depend on the project. Here's some great info on it:
  http://www.alistapart.com/articles/organizing-mobile/
  */
}
.main-nav li a {
  white-space: nowrap;
  display: block;
  color: #3e62b6;
  text-decoration: none;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main-nav li li a {
  background: none;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
}
.main-nav li ul.sub-menu li a,
.main-nav li ul.children li a {
  padding-left: 30px;
}
.main-nav .language-selector.lang-pt .lang-change {
  background-image: url(../images/brazil/flag-brazil.svg);
}
.main-nav .language-selector.lang-en .lang-change {
  background-image: url(../images/brazil/flag-us.svg);
}
.main-nav .language-selector.active .lang-change:after {
  border-top: 0;
  border-bottom: 8px solid #3e62b6;
}
.main-nav .language-selector.active .available-languages > li {
  height: 50px;
}
.main-nav .language-selector .lang-change {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 42px auto;
}
.main-nav .language-selector .lang-change:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: left;
  margin: 0 0 0 4px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-top: 8px solid #3e62b6;
}
.main-nav .language-selector .lang-change span {
  float: left;
  width: 42px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.main-nav .language-selector .available-languages > li {
  background-repeat: no-repeat;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 375ms;
  -o-transition: height 375ms;
  transition: height 375ms;
  padding: 0 20px;
}
.main-nav .language-selector .available-languages > li > a {
  cursor: pointer;
  border: 0;
  padding: 0;
  display: block;
  width: 42px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  text-indent: -9999px;
}
.main-nav .language-selector .available-languages > li > a.lang-pt {
  background-image: url(../images/brazil/flag-brazil.svg);
}
.main-nav .language-selector .available-languages > li > a.lang-en {
  background-image: url(../images/brazil/flag-us.svg);
}
/* end .nav */
.trigger-nav {
  height: 56px;
  color: #000;
  position: fixed;
  padding: 16px;
  top: 0;
  right: 0;
  font-size: 17px;
  z-index: 9996;
  border-bottom: 0;
  outline: none !important;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: top 0.275ms;
  -o-transition: top 0.275ms;
  transition: top 0.275ms;
}
.trigger-nav.active {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.trigger-nav > span {
  float: left;
  height: 24px;
  line-height: 24px;
}
.trigger-nav .ic {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 2px;
  -webkit-transition: all 275ms;
  -o-transition: all 275ms;
  transition: all 275ms;
}
.trigger-nav .ic > span {
  background: #0165ad;
  border-radius: 3px;
  display: block;
  height: 4px;
  margin-bottom: 4px;
  -webkit-transition: all 275ms;
  -o-transition: all 275ms;
  transition: all 275ms;
  width: 26px;
}
.trigger-nav.active .ic {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.trigger-nav.active .ic > span {
  background: #3e62b6;
}
.trigger-nav.active .ic > span.bar-1 {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}
.trigger-nav.active .ic > span.bar-2 {
  opacity: 0;
}
.trigger-nav.active .ic > span.bar-3 {
  -webkit-transform: rotate(-90deg) translateX(8px);
  -ms-transform: rotate(-90deg) translateX(8px);
  transform: rotate(-90deg) translateX(8px);
}

/*********************
LAYOUT STYLES
*********************/
.wrap, .medium-wrap, .narrow-wrap {
  padding-left: 12px;
  padding-right: 12px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.medium-wrap {
  max-width: 1024px;
}

.narrow-wrap {
  max-width: 768px;
}

form .actions:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
form .actions .btn, form .actions .btn-blue, form .actions .btn-blue-outline, form .actions .btn-red, form .actions .btn-green, form .actions .btn-gold, form .actions .btn-orange, form .actions .btn-gallery, form .actions .btn-play-text {
  float: right;
}

.tabs {
  height: 38px;
  border-bottom: 1px solid #ccc;
  text-align: center;
  margin-bottom: 12px;
}
.tabs.tabs-3 .tab {
  max-width: 30%;
}
.tabs.tabs-4 .tab {
  max-width: 25%;
}
.tabs.mobile-tabs .tab {
  float: left;
  border-radius: 0;
  margin: 0;
  border-left-width: 0;
}
.tabs.mobile-tabs .tab:first-child {
  border-left-width: 1px;
}
.tabs .tab {
  height: 39px;
  line-height: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 0 -1px;
  padding: 5px 10px 0;
  border-radius: 2px 2px 0 0;
  background: #fff;
  color: #555;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
}
.tabs .tab.active {
  padding-top: 4px;
  border-top: 2px solid #ffa500;
  border-bottom-color: #fff;
}
.tabs .tab span {
  float: left;
  pointer-events: none;
}

.panes {
  position: relative;
}
.panes > .pane {
  display: none;
}
.panes > .pane.active {
  display: block;
}

.attribution {
  text-align: right;
}

.attention-box {
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 12px;
  margin-bottom: 12px;
}
.attention-box:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.attention-box .align-left, .attention-box .align-right {
  margin: 0 0 12px 0;
}
.attention-box .align-left img, .attention-box .align-right img {
  max-width: 100%;
}

/* Slider */
body.how-it-works .head-slider {
  height: 100%;
}
body.how-it-works .head-slider .slider, body.how-it-works .head-slider .slick-list, body.how-it-works .head-slider .slick-track, body.how-it-works .head-slider .slide {
  height: 100%;
}
body.how-it-works .head-slider .slide {
  overflow: hidden;
}
body.how-it-works .head-slider .slick-dots > li button:hover:after {
  background-color: #990000;
}
body.how-it-works .head-slider .slick-dots > li.slick-active button:after {
  background-color: #f00;
}

.slider-container {
  position: relative;
}
.slider-container .dots-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 5px;
  height: 30px;
  white-space: nowrap;
}
.slider-container .slick-dots {
  text-align: center;
}
.slider-container .slick-dots > li {
  display: inline-block;
}
.slider-container .slick-dots > li button {
  display: block;
  border: 0;
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  background: none;
  position: relative;
}
.slider-container .slick-dots > li button:after {
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 7px;
  width: 7px;
  background: #fff;
  display: block;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  border: 1px solid #fff;
}
.slider-container .slick-dots > li button:hover:after {
  background-color: #42678c;
}
.slider-container .slick-dots > li.slick-active button:after {
  background-color: #769abe;
}

.slider .slide {
  position: relative;
}
.slider .slide-bg {
  display: block;
  width: 100%;
}
.slider .slide-content {
  position: absolute;
  top: 10%;
  left: 10%;
}

.banner {
  padding-top: 24px;
  padding-bottom: 24px;
}
.banner.banner-default {
  text-align: center;
  color: #fff;
  background-color: #4777a8;
  background-image: -o-linear-gradient(to right , #4777a8, #3762ca);
  background-image: -webkit-gradient(linear , left top, right top , from(#4777a8), to(#3762ca));
  background-image: -o-linear-gradient(left , #4777a8, #3762ca);
  background-image: linear-gradient(to right , #4777a8, #3762ca);
}
.banner .contact-form {
  margin-bottom: 36px;
}

.testimonial {
  background: rgba(0, 86, 148, 0.1);
  padding: 12px 18px;
  margin-bottom: 12px;
}
.testimonial:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.testimonial .attribution {
  float: right;
}

/* Thumbnail List */
.thumb-list-container {
  padding-top: 24px;
}

.thumb-list > li {
  margin-bottom: 30px;
}
.thumb-list > li .thumb-container {
  margin-bottom: 10px;
  display: block;
}
.thumb-list > li img {
  display: block;
  max-width: 100%;
}
.thumb-list > li h3 {
  margin-bottom: 6px;
}
.thumb-list > li .thumb-content p {
  margin-bottom: 2px;
}
.thumb-list > li p:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.thumb-list > li .views {
  float: left;
  color: #aeaeae;
  margin-right: 10px;
}
.thumb-list > li .rating {
  float: left;
  background: url(../images/rating-stars.png) no-repeat;
  background-size: 100px auto;
  background-position: left bottom;
  text-indent: -9999px;
  height: 20px;
  width: 100px;
  position: relative;
}
.thumb-list > li .rating:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: url(../images/rating-stars.png) no-repeat;
  background-size: 100px auto;
  position: absolute;
  top: 0;
}
.thumb-list > li .rating.rating-half:after {
  width: 10%;
}
.thumb-list > li .rating.rating-1:after {
  width: 20%;
}
.thumb-list > li .rating.rating-1-half:after {
  width: 30%;
}
.thumb-list > li .rating.rating-2:after {
  width: 40%;
}
.thumb-list > li .rating.rating-2-half:after {
  width: 50%;
}
.thumb-list > li .rating.rating-3:after {
  width: 60%;
}
.thumb-list > li .rating.rating-3-half:after {
  width: 70%;
}
.thumb-list > li .rating.rating-4:after {
  width: 80%;
}
.thumb-list > li .rating.rating-4-half:after {
  width: 90%;
}

/* Progress Bars */
progress {
  height: 0;
  opacity: 0;
  -webkit-transition: height 375ms, opacity 375ms, margin 375ms;
  -o-transition: height 375ms, opacity 375ms, margin 375ms;
  transition: height 375ms, opacity 375ms, margin 375ms;
}

progress[value] {
  width: 100%;
  height: 24px;
  opacity: 1;
  margin-bottom: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  color: #00cb1b;
}
progress[value]::-webkit-progress-bar {
  background-color: #ebebeb;
}
progress[value]::-moz-progress-bar {
  background-color: #00cb1b;
}
progress[value]::-webkit-progress-value {
  background-color: #00cb1b;
}

/* Overlay styles */
html.ov-active {
  overflow: hidden;
}
html.ov-active .ov-container {
  width: 100%;
  height: 100%;
}

.ov-close, #system_alert .alert-close {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  height: 40px;
  width: 40px;
  border: 0;
  text-indent: -9999px;
  cursor: pointer;
}
.ov-close:before, #system_alert .alert-close:before, .ov-close:after, #system_alert .alert-close:after {
  content: "";
  background: #fff;
  border-radius: 2px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.ov-close:before, #system_alert .alert-close:before {
  height: 2px;
  width: 33px;
}
.ov-close:after, #system_alert .alert-close:after {
  width: 2px;
  height: 33px;
}

.ov {
  visibility: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 0;
  z-index: -9999;
  background: rgba(0, 0, 0, 0.9);
  padding: 12px;
}
.ov.active {
  visibility: visible;
  z-index: 9995;
}
.ov.too-tall {
  overflow: auto;
}
.ov.too-tall .ov-inner-wrapper {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  top: auto;
}
.ov.ov-white {
  background: rgba(255, 255, 255, 0.9);
}
.ov.ov-white .ov-inner-wrapper {
  border: 1px solid #ccc;
  background: #fff;
}
.ov .ov-inner-wrapper {
  width: 100%;
  max-width: 500px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px;
  margin: 0 auto;
  background: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}
.ov.vid-player-container {
  padding: 0;
}
.ov.vid-player-container.youtube-player #video_player_fs {
  display: none;
}
.ov.vid-player-container.filesystem-player .vid-player-wrapper {
  background: #000;
  padding-bottom: 49px;
}
.ov.vid-player-container.filesystem-player #video_player {
  display: none;
}
.ov.vid-player-container .vid-player-wrapper {
  height: 720px;
  width: 1280px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0;
}
.ov.vid-player-container .vid-player-wrapper:after {
  content: "buffering";
  background: #000 url(../images/loading.gif) no-repeat 50% 12px;
  border-radius: 3px;
  color: #fff;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 52px 10px 8px;
  opacity: 0;
  -webkit-transition: opacity 0.375s;
  -o-transition: opacity 0.375s;
  transition: opacity 0.375s;
}
.ov.vid-player-container .vid-player-wrapper > iframe {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ov.vid-player-container .vid-player-wrapper > video {
  display: block;
  width: 100%;
  height: 100%;
}
.ov.vid-player-container .vid-player-wrapper .vid-playing-next {
  display: none;
}
.ov.vid-player-container.waiting .vid-player-wrapper:after {
  opacity: 1;
}
.ov.vid-player-container.fullHD .vid-player-wrapper {
  height: 1080px;
  width: 1920px;
}
.ov h4:first-child {
  padding-right: 42px;
}
.ov form {
  max-width: 400px;
  margin: 0 auto;
}
.ov form .address .state, .ov form .address .zip {
  float: left;
}
.ov form .address .state {
  width: 57.5%;
  margin-right: 2.5%;
}
.ov form .address .zip {
  width: 40%;
}
.ov form .credit-card-info .cvv, .ov form .credit-card-info .exp {
  float: left;
}
.ov form .credit-card-info .cvv {
  width: 42%;
  margin-right: 13%;
}
.ov form .credit-card-info .exp {
  width: 60%;
}
.ov form .credit-card-info .exp-month, .ov form .credit-card-info .exp-year {
  float: left;
  width: 20%;
}
.ov form .credit-card-info .date-slash {
  float: left;
  width: 5%;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.ov .status-msg-hdl:not(:empty), .ov #card-errors:not(:empty) {
  font-size: 0.9em;
  color: #f00;
  background: rgba(255, 0, 0, 0.1);
  border: 1px solid #f00;
  padding: 6px 12px;
  margin-bottom: 6px;
}
.ov #card-errors:not(:empty) {
  margin: -14px 0 14px;
}
.ov #card-errors {
  display: none !important;
}
.ov .simple-vid-container {
  position: relative;
  padding-bottom: 56.25%;
}
.ov .simple-vid-container iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ov .actions.in-progress:after {
  border-color: transparent;
}

.ov-login input {
  max-width: 100%;
}
.ov-login .actions .btn, .ov-login .actions .btn-blue, .ov-login .actions .btn-blue-outline, .ov-login .actions .btn-red, .ov-login .actions .btn-green, .ov-login .actions .btn-gold, .ov-login .actions .btn-orange, .ov-login .actions .btn-gallery, .ov-login .actions .btn-play-text {
  float: right;
}

.unsummoned {
  position: fixed;
  z-index: -1;
}

#system_alert {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  -webkit-transition: -webkit-transform 375ms;
  transition: -webkit-transform 375ms;
  -o-transition: transform 375ms;
  transition: transform 375ms;
  transition: transform 375ms, -webkit-transform 375ms;
  width: 90%;
  max-width: 600px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  background: #fff;
  padding: 12px;
  z-index: 9997;
  border-bottom: 6px solid #00cb1b;
}
#system_alert.active {
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#system_alert.alert-error {
  border-bottom-color: #f00;
}
#system_alert.alert-error .alert-title {
  background: #f00;
}
#system_alert.alert-warning {
  border-bottom-color: #ffa500;
}
#system_alert.alert-warning .alert-title {
  background: #ffa500;
}
#system_alert.hide-close .alert-close {
  display: none;
}
#system_alert .alert-title {
  color: #fff;
  background: #00cb1b;
  padding: 12px;
  margin: -12px -12px 12px;
  font-size: 20px;
  text-transform: uppercase;
}
#system_alert .alert-close {
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.2);
}
#system_alert .actions {
  text-align: right;
}

#sitemode_read_only {
  margin-top: 100px;
  border-width: 4px 0;
  border-color: gray;
  border-style: solid;
  background-color: #ffc;
  text-align: center;
  white-space: none;
}

/* Collapsible */
.collapsible {
  position: relative;
  margin-bottom: 12px;
}
.collapsible .collapsible-outer {
  -webkit-transition: max-height 375ms;
  -o-transition: max-height 375ms;
  transition: max-height 375ms;
}
.collapsible.overflowed .collapsible-outer {
  position: relative;
  overflow: hidden;
  max-height: 400px;
  border-bottom: 30px solid transparent;
}
.collapsible.overflowed .collapsible-trigger {
  display: block;
}
.collapsible.expanded .collapsible-outer {
  max-height: none;
}
.collapsible.expanded .collapsible-trigger:before {
  content: "less";
}
.collapsible.expanded .collapsible-trigger:after {
  border-top-width: 0;
  border-bottom: 10px solid #555;
  -webkit-animation: none;
          animation: none;
}

.collapsible-trigger {
  display: none;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  padding-right: 18px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #555;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.collapsible-trigger:hover {
  color: #555;
}
.collapsible-trigger:before {
  content: "more";
}
.collapsible-trigger:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  margin: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-top: 10px solid #555;
}
.collapsible-trigger:after {
  position: absolute;
  right: 0;
  -webkit-animation: vBumpC 4s infinite;
          animation: vBumpC 4s infinite;
}

/* Animated ticker list (sponsors) */
.animated-ticker-list-container {
  text-align: center;
  white-space: nowrap;
}

.animated-ticker-list {
  display: inline-block;
}
.animated-ticker-list .ticker-item {
  display: inline-block;
  width: 80px;
  padding: 0 12px;
  font-size: 0.5em;
  text-transform: uppercase;
  color: gray;
}
.animated-ticker-list .ticker-item a {
  display: block;
  color: #636363;
}
.animated-ticker-list .ticker-item img {
  display: block;
  width: 100%;
}

/* Social */
main .social {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main .social > a {
  display: inline-block;
  max-width: 80px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  margin: 0 10px;
}
main .social > a.copyLink {
  color: #636363;
}
main .social > a.fb {
  color: #3b5998;
}
main .social > a.tw {
  color: #1da1f3;
}
main .social > a.emailsocial {
  color: #009614;
}
main .social .label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.2em;
}
main .social .svg-container {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto 6px;
}

/* SVG */
.svg-copy {
  fill: #636363;
}

.svg-facebook {
  fill: #3b5998;
}

.svg-twitter {
  fill: #1da1f3;
}

.svg-email {
  fill: #009614;
}

/*********************
PAGE SPECIFIC STYLES
*********************/
body.how-it-works div#container #content, body.duel div#container #content {
  padding-top: 0;
  min-height: 0;
}
body.duel .page-header, body.individual-challenge .page-header, body.thon .page-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), color-stop(95%, rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0) 95%);
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0) 95%);
}
body.how-it-works #logo a .whitelogo, body.duel #logo a .whitelogo, body.individual-challenge #logo a .whitelogo, body.thon #logo a .whitelogo {
  display: block;
}
body.how-it-works #logo a .rgblogo, body.duel #logo a .rgblogo, body.individual-challenge #logo a .rgblogo, body.thon #logo a .rgblogo {
  display: none;
}
body.color-theme- .page-header, body.color-theme-white .page-header, body.color-theme-winter .page-header {
  background: none;
}
body.color-theme- #logo a .whitelogo, body.color-theme-white #logo a .whitelogo, body.color-theme-winter #logo a .whitelogo {
  display: none;
}
body.color-theme- #logo a .rgblogo, body.color-theme-white #logo a .rgblogo, body.color-theme-winter #logo a .rgblogo {
  display: block;
}
html.scrolled body.how-it-works .page-header, html.scrolled body.duel .page-header, html.scrolled body.individual-challenge .page-header, html.scrolled body.thon .page-header {
  background-color: rgba(0, 0, 0, 0.55);
  background-image: none;
}
html.scrolled body.color-theme- .page-header, html.scrolled body.color-theme-white .page-header, html.scrolled body.color-theme-winter .page-header {
  background-color: rgba(242, 242, 242, 0.9);
}

/* HOME PAGE & HOME SUB PAGES */
body.index .wrap, body.home-sub .wrap {
  padding-left: 30px;
  padding-right: 30px;
}
body.index .anti-wrap, body.home-sub .anti-wrap {
  margin-left: -30px;
  margin-right: -30px;
}
body.index .actions > span, body.home-sub .actions > span {
  display: block;
}
body.index .actions .btn, body.index .actions .btn-blue, body.index .actions .btn-blue-outline, body.index .actions .btn-red, body.index .actions .btn-green, body.index .actions .btn-gold, body.index .actions .btn-orange, body.index .actions .btn-gallery, body.index .actions .btn-play-text, body.home-sub .actions .btn, body.home-sub .actions .btn-blue, body.home-sub .actions .btn-blue-outline, body.home-sub .actions .btn-red, body.home-sub .actions .btn-green, body.home-sub .actions .btn-gold, body.home-sub .actions .btn-orange, body.home-sub .actions .btn-gallery, body.home-sub .actions .btn-play-text {
  display: inline-block;
  margin: 0 auto 12px;
  min-width: 210px;
}
body.index .info, body.home-sub .info {
  list-style-position: inside;
}

body.index .trigger-nav .ic > span {
  background: #62a9bd;
  text-align: center;
}
body.index h1, body.index h2 {
  color: #62a9bd;
  text-align: center;
  line-height: 1.2em;
}
body.index main {
  padding-top: 24px;
}
body.index main a {
  color: #51af51;
}
body.index main .btn, body.index main .btn-blue, body.index main .btn-blue-outline, body.index main .btn-red, body.index main .btn-green, body.index main .btn-gold, body.index main .btn-orange, body.index main .btn-gallery, body.index main .btn-play-text {
  color: #fff;
}
body.index img {
  max-width: 100%;
}
body.index .icon-cloud {
  width: 200%;
  margin-top: -30%;
  padding-bottom: 200%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: relative;
  left: 50%;
}
body.index .icon-cloud > li {
  position: absolute;
  width: 10%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #000;
  font-size: 13px;
  line-height: 1.2em;
}
body.index .icon-cloud > li img {
  max-width: 80%;
}
body.index .icon-cloud > li .title {
  display: block;
}
body.index .logo-list {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.index .logo-list li {
  margin: 0 12px 12px;
  min-width: 200px;
  max-width: 240px;
}
body.index .amount-container {
  width: 50%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 6px;
  margin: 0 auto 24px;
}
body.index .amount-container:first-child {
  padding-left: 0;
  padding-right: 6px;
}
body.index .amount-label {
  color: #fff;
  background: #66879e;
  padding: 0.5em 0;
  font-size: 16px;
  margin-bottom: 0;
}
body.index .amount {
  font-size: 20px;
  color: #005694;
  font-weight: normal;
}
body.index .img-container .desktop {
  display: none;
}
body.index .vid-thumb a {
  display: inline-block;
}
body.index .head-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.index .head-container > section, body.index .head-container .actions {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
body.index .head-container section.head {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 12px;
}
body.index .head-container section.globe {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
body.index .head-container .actions {
  text-align: center;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body.index section {
  text-align: center;
  position: relative;
  margin-bottom: 48px;
}
body.index section.head {
  z-index: 2;
}
body.index section.head .actions .video-player {
  margin-bottom: 12px;
}
body.index section.globe {
  margin-top: -60px;
  padding-bottom: 200%;
}
body.index section.globe:before, body.index section.globe:after {
  content: "";
  display: block;
  width: 200%;
  padding-bottom: 200%;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.index section.globe:before {
  z-index: 1;
  background: url(../images/home/earth-star.png) no-repeat center bottom/100%;
}
body.index section.globe:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), color-stop(20%, rgba(98, 169, 189, 0.4)), color-stop(50%, rgba(0, 102, 29, 0.4)), color-stop(80%, rgba(98, 169, 189, 0.4)), to(rgba(255, 255, 255, 0.4)));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.4), rgba(98, 169, 189, 0.4) 20%, rgba(0, 102, 29, 0.4) 50%, rgba(98, 169, 189, 0.4) 80%, rgba(255, 255, 255, 0.4) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(98, 169, 189, 0.4) 20%, rgba(0, 102, 29, 0.4) 50%, rgba(98, 169, 189, 0.4) 80%, rgba(255, 255, 255, 0.4) 100%);
}
body.index section.globe .section-content {
  position: absolute;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  text-transform: uppercase;
  top: 35%;
  width: 100.5%;
}
body.index section.globe h2 {
  color: #fff;
  font-size: 3em;
  line-height: 1.27em;
}
body.index section.globe h2 span {
  background: rgba(0, 42, 72, 0.5);
  padding: 0 8px 3px;
}
body.index section.globe h2 span:first-child {
  padding: 3px 8px 0;
}
body.index section.globe .simple-slider {
  background: rgba(0, 42, 72, 0.5);
}
body.index section.globe .simple-slider > div > span {
  opacity: 0;
}
body.index section.globe .simple-slider .slick-slide {
  position: relative;
  min-height: 65px;
}
body.index section.globe .simple-slider .slick-slide > span {
  display: block;
  width: 80%;
  max-width: 280px;
  font-size: 1.5em;
  line-height: 1.1em;
  margin: 0 auto;
  padding: 6px 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.index section.trending {
  position: relative;
  z-index: 1;
}
body.index section.trending .duel-list {
  position: relative;
  font-size: 15px;
}
body.index section.trending .duel-list .trending-prev, body.index section.trending .duel-list .trending-next {
  display: block;
  text-indent: -9999px;
  width: 18px;
  height: 26px;
  position: absolute;
  top: 21%;
  z-index: 1;
  cursor: pointer;
}
body.index section.trending .duel-list .trending-prev {
  background: url(../images/home/arrow-green-prev.svg) no-repeat;
  left: 5px;
}
body.index section.trending .duel-list .trending-next {
  background: url(../images/home/arrow-green-next.svg) no-repeat;
  right: 5px;
}
body.index section.trending .duel-list img {
  max-width: 100%;
  margin-bottom: 12px;
}
body.index section.trending .duel-list h3 {
  color: #51af51;
  text-transform: uppercase;
  font-size: 20px;
}
body.index section.trending .duel-list .amount-container {
  float: left;
}
body.index section.trending .duel-list .btn, body.index section.trending .duel-list .btn-blue, body.index section.trending .duel-list .btn-blue-outline, body.index section.trending .duel-list .btn-red, body.index section.trending .duel-list .btn-green, body.index section.trending .duel-list .btn-gold, body.index section.trending .duel-list .btn-orange, body.index section.trending .duel-list .btn-gallery, body.index section.trending .duel-list .btn-play-text {
  font-size: 16px;
}
body.index section.trending .duel-list-item {
  padding-left: 30px;
  padding-right: 30px;
}
body.index section.trending .duel-list-item .img-container {
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
}
body.index section.trending .duel-list-item .img-container:after {
  content: "";
  display: block;
  width: 1px;
  padding-bottom: 62.5%;
}
body.index section.trending .duel-list-item .img-container img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
body.index section.trending .duel-list-item-body {
  margin-bottom: 12px;
}
body.index section.in-action h2 {
  max-width: 480px;
  width: 90%;
  margin: 0 auto 24px;
}
body.index section.in-action h2 span {
  display: block;
  text-indent: -9999px;
  height: 0;
}
body.index section.in-action h2 span.fund-duel-logo {
  padding-bottom: 33%;
  background: url(../images/logo-fundduel.svg) no-repeat;
  margin-bottom: 12px;
}
body.index section.in-action h2 span.fund-duel-in-action-logo {
  padding-bottom: 10%;
  width: 75%;
  margin: 0 auto;
  background: url(../images/in-action/FundDuel-in-Action-Logo.png) no-repeat;
  background-size: contain;
}
body.index section.external-links h2 {
  position: relative;
  z-index: 1;
}
body.index section.external-links .section-body > div {
  margin-bottom: 6px;
}
body.index section.external-links .section-body a {
  text-decoration: underline;
  font-size: 1.1em;
}
body.index section.external-links .section-body > * {
  position: relative;
  z-index: 1;
}
body.index section.external-links .img-container {
  margin: -30% 0 -40%;
  z-index: 0;
}
body.index section.video .anti-wrap {
  margin-bottom: 24px;
}
body.index section.video h3 {
  color: #005694;
  font-size: 18px;
}
body.index section.video .info {
  max-width: 220px;
  margin: 0 auto 24px;
}
body.index section.events > .wrap {
  position: relative;
  z-index: 1;
}
body.index section.events .icon-cloud {
  background: url(../images/home/star-01.svg) no-repeat 50% 50%;
}
body.index section.events .icon-cloud > li.concerts {
  left: 50%;
  top: 29%;
}
body.index section.events .icon-cloud > li.concerts img {
  max-width: 70%;
}
body.index section.events .icon-cloud > li.races {
  left: 38%;
  top: 36%;
}
body.index section.events .icon-cloud > li.expos {
  left: 50%;
  top: 43%;
}
body.index section.events .icon-cloud > li.conferences {
  left: 62%;
  top: 36%;
}
body.index section.events .icon-cloud > li.conferences img {
  max-width: 60%;
}
body.index section.events .icon-cloud > li.fairs {
  left: 35%;
  top: 50%;
}
body.index section.events .icon-cloud > li.sporting-events {
  left: 50%;
  top: 57%;
}
body.index section.events .icon-cloud > li.festivals {
  left: 65%;
  top: 50%;
}
body.index section.events .icon-cloud > li.games {
  left: 38%;
  top: 64%;
}
body.index section.events .icon-cloud > li.sumo-wrestling {
  left: 50%;
  top: 70%;
}
body.index section.events .icon-cloud > li.sumo-wrestling img {
  max-width: 90%;
}
body.index section.events .icon-cloud > li.tournaments {
  left: 62%;
  top: 64%;
}
body.index section.events .icon-cloud > li.tournaments img {
  max-width: 70%;
}
body.index section.events .vid-gallery {
  margin-bottom: 12px;
}
body.index section.everyone h2 {
  position: relative;
  z-index: 1;
}
body.index section.everyone .icon-cloud {
  margin-top: -20%;
  background: url(../images/home/star-02.svg) no-repeat 50% 50%;
}
body.index section.everyone .icon-cloud > li.individuals {
  left: 45%;
  top: 29%;
}
body.index section.everyone .icon-cloud > li.individuals img {
  max-width: 28%;
}
body.index section.everyone .icon-cloud > li.charities {
  left: 55%;
  top: 29%;
}
body.index section.everyone .icon-cloud > li.charities img {
  max-width: 46%;
}
body.index section.everyone .icon-cloud > li.schools {
  left: 35%;
  top: 36%;
}
body.index section.everyone .icon-cloud > li.corporations {
  left: 50%;
  top: 43%;
}
body.index section.everyone .icon-cloud > li.religious-groups {
  left: 65%;
  top: 36%;
}
body.index section.everyone .icon-cloud > li.community-groups {
  left: 35%;
  top: 50%;
}
body.index section.everyone .icon-cloud > li.agencies {
  left: 50%;
  top: 57%;
}
body.index section.everyone .icon-cloud > li.sports-teams {
  left: 65%;
  top: 50%;
}
body.index section.everyone .icon-cloud > li.arts-organizations {
  left: 38%;
  top: 64%;
}
body.index section.everyone .icon-cloud > li.celebrity-influencers {
  left: 50%;
  top: 70%;
}
body.index section.everyone .icon-cloud > li.crowdfunding-startups {
  left: 62%;
  top: 64%;
}
body.index section.revolutionary {
  font-size: normal;
}
body.index section.revolutionary .logo-container {
  max-width: 280px;
  margin: 0 auto 12px;
}
body.index section.revolutionary .logo-container:after {
  content: "";
  display: block;
  padding-bottom: 90%;
  background: url(../images/ic-logo.svg) no-repeat 50% 50%/100% auto;
}
body.index section.revolutionary ul {
  margin-bottom: 24px;
}
body.index section.testimonials .testimonial {
  text-align: left;
  color: #51af51;
  background: none;
  padding: none;
  margin-bottom: 24px;
}
body.index section.testimonials .attribution {
  color: #000;
  font-style: italic;
}
body.index section.testimonials .attribution span {
  display: block;
}
body.index section.win .img-container {
  margin: 0 auto;
  width: 50%;
  max-width: 220px;
}
body.index section.partners h3 {
  color: #005694;
}

body.home-sub h1 {
  color: #62a9bd;
}
body.home-sub section {
  text-align: center;
  padding-top: 36px;
}
body.home-sub section .img-container {
  position: relative;
}
body.home-sub section .img-container:after {
  content: "";
  display: block;
  width: 1px;
}
body.home-sub section .img-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
body.home-sub.kinds-of-duels .img-container:after {
  padding-bottom: 80%;
}
body.home-sub.kinds-of-duels .img-container img {
  width: 172%;
}
body.home-sub.kinds-of-duels dl {
  margin-top: 24px;
  margin-bottom: 24px;
}
body.home-sub.kinds-of-duels dt {
  color: #62a9bd;
  text-transform: uppercase;
}
body.home-sub.kinds-of-duels dd {
  margin-bottom: 12px;
}
body.home-sub.coordinator-work h2 {
  color: #005694;
  font-size: 1.2em;
}
body.home-sub.coordinator-work .img-container:after {
  padding-bottom: 65%;
}
body.home-sub.coordinator-work .img-container img {
  width: 140%;
}
body.home-sub.viral-video .anti-wrap {
  margin-bottom: 24px;
}
body.home-sub.viral-video h3 {
  color: #005694;
  font-size: 18px;
}
body.home-sub.viral-video .img-container img {
  width: 100%;
  position: static;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
body.home-sub.viral-video .info {
  max-width: 220px;
  margin: 0 auto 24px;
}
body.home-sub.in-action {
  font-size: 1.2em;
  color: #00375e;
}
body.home-sub.in-action h1 {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
}
body.home-sub.in-action h1 svg {
  width: 100%;
}
body.home-sub.in-action h1 span {
  display: block;
  text-indent: -9999px;
  height: 0;
}
body.home-sub.in-action h2 {
  text-align: center;
}
body.home-sub.in-action .fund-duel-logo {
  background: url(../images/logo-fundduel.svg) no-repeat;
  padding-bottom: 33%;
  margin-bottom: 12px;
}
body.home-sub.in-action .fund-duel-in-action-logo {
  width: 75%;
  margin: 0 auto;
  background: url(../images/in-action/FundDuel-in-Action-Logo.png) no-repeat;
  padding-bottom: 33%;
  background-size: contain;
}
body.home-sub.in-action section {
  margin-bottom: 24px;
}
body.home-sub.in-action .jrnad .teams {
  background: url(../images/in-action/schools-for-the-deaf-teams.jpg) no-repeat 85% 100%/180%;
  margin: 0 -30px;
  padding-bottom: 72%;
}
body.home-sub.in-action .jrnad .teams > p {
  line-height: 1.7em;
  text-align: center;
  padding: 0 30px;
  margin-bottom: -12px;
}
body.home-sub.in-action .jrnad .teams > p .amount {
  font-size: 2em;
  font-weight: 900;
}
body.home-sub.in-action .jrnad .thumbs {
  background: url(../images/in-action/schools-for-the-deaf-thumbs.jpg) no-repeat 50% 100%/contain;
  padding-bottom: 35%;
  position: relative;
}
body.home-sub.in-action .jrnad .thumbs .btn-play-circle, body.home-sub.in-action .jrnad .thumbs .btn-play-youtube {
  position: absolute;
  bottom: 30%;
}
body.home-sub.in-action .hope-humanitarian .btn-play-circle, body.home-sub.in-action .hope-humanitarian .btn-play-youtube {
  display: block;
}
body.home-sub.in-action .hope-humanitarian .btn-play-circle img, body.home-sub.in-action .hope-humanitarian .btn-play-youtube img {
  max-width: 100%;
}
body.home-sub.in-action .lady-in-red, body.home-sub.in-action .sumo {
  margin-bottom: 24px;
}
body.home-sub.in-action .lady-in-red img, body.home-sub.in-action .sumo img {
  max-width: 100%;
}
body.home-sub.in-action .corporate-sponsors {
  max-width: 1560px;
  margin: 0 auto;
}
body.home-sub.in-action .corporate-sponsors:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
body.home-sub.in-action .corporate-sponsors h2 {
  font-weight: 900;
  font-size: 2.5em;
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
body.home-sub.in-action .corporate-sponsors .text-container p {
  text-align: left;
}
body.home-sub.in-action .corporate-sponsors .bar-graph-container img {
  display: block;
  width: 116%;
  margin-left: -8%;
  max-width: 100%;
}

/* HOW IT WORKS PAGE */
body.how-it-works .trigger-nav .ic > span {
  background-color: #fff;
}
body.how-it-works .trigger-nav.active .ic > span {
  background-color: #3e62b6;
}
body.how-it-works .main-nav > li a {
  color: #fff;
}
body.how-it-works .main-nav-container.active .main-nav > li a {
  color: #3e62b6;
}
body.how-it-works .tutorial-videos h1 {
  font-weight: 900;
  font-size: 4em;
  color: #009614;
}
body.how-it-works .tutorial-videos .tutorial-video {
  border: 1px solid #ccc;
  padding: 12px;
  margin-bottom: 12px;
}
body.how-it-works .tutorial-videos h2 {
  color: #005694;
  font-weight: 900;
  position: relative;
  z-index: 2;
}
body.how-it-works .tutorial-videos .how-to-join-challenge-video .tutorial-video-container a {
  padding-bottom: 56.25%;
  display: block;
  background: url(../images/how-it-works/how-to-join-a-campaign-thumb.jpg) no-repeat;
  background-size: contain;
}
body.how-it-works .tutorial-videos .how-to-be-team-captain-video .tutorial-video-container a {
  padding-bottom: 56.25%;
  display: block;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
}
body.how-it-works .tutorial-videos .how-to-be-team-captain-video .tutorial-video-container a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  padding-bottom: 85%;
  background: url(../images/earth-star.png) no-repeat center center;
  background-size: contain;
  z-index: 0;
}
body.how-it-works .tutorial-videos .how-to-be-team-captain-video .tutorial-video-container img {
  position: absolute;
  width: 90%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-filter: drop-shadow(0 0 5px white);
          filter: drop-shadow(0 0 5px white);
}

.head-slider {
  max-height: 800px;
  background: #fff;
}
.head-slider .slide {
  padding-top: 80px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.head-slider .slide .image-portrait, .head-slider .slide .image-landscape {
  position: absolute;
}
.head-slider .slide .image-landscape {
  display: none;
  top: 0;
  height: 100%;
}
.head-slider .slide .slide-content {
  position: relative;
  top: auto;
  left: auto;
  margin: 0 auto;
  width: 80%;
  color: #282828;
  text-align: center;
  font-size: 0.8em;
}
.head-slider .slide .slide-actions {
  position: absolute;
  width: 100%;
  bottom: 50px;
  text-align: center;
}
.head-slider .slide .slide-actions div:first-child {
  margin-bottom: 20px;
}
.head-slider .slide .slide-actions.slide-actions-shadow {
  bottom: 0;
  padding-bottom: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.slide-next {
  color: #fff;
  font-size: 26px;
  padding-right: 45px;
  background: url(../images/next-arrow-white.png) no-repeat 100% 50%/contain;
  height: 45px;
  line-height: 45px;
  -webkit-transition: text-shadow 375ms;
  -o-transition: text-shadow 375ms;
  transition: text-shadow 375ms;
}
.slide-next:hover {
  color: #fff;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

body.landscape-orientation .head-slider {
  max-height: 600px;
}
body.landscape-orientation .head-slider .slide {
  background-size: auto 100%;
  background-repeat: repeat-x;
}
body.landscape-orientation .head-slider .slide .image-portrait {
  display: none;
}
body.landscape-orientation .head-slider .slide .image-landscape {
  display: block;
}
body.landscape-orientation .head-slider .slide .slide-content {
  width: 30%;
  left: -30%;
  font-size: 0.7em;
}
body.landscape-orientation .head-slider .slide .slide-actions {
  bottom: 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}
body.landscape-orientation .head-slider .slide .slide-actions div {
  float: right;
  margin: 0;
}
body.landscape-orientation .head-slider .slide .slide-actions div:first-child {
  float: left;
}
body.landscape-orientation .how-it-works-slide-01 {
  background-image: url(../images/how-it-works/bg-landscape-slide-01.png);
}
body.landscape-orientation .how-it-works-slide-02 {
  background-image: url(../images/how-it-works/bg-landscape-slide-02.png);
}
body.landscape-orientation .how-it-works-slide-03 {
  background-image: url(../images/how-it-works/bg-landscape-slide-03.png);
}
body.landscape-orientation .how-it-works-slide-04 {
  background-image: url(../images/how-it-works/bg-landscape-slide-04.png);
}
body.landscape-orientation .how-it-works-slide-05 {
  background-image: url(../images/how-it-works/bg-landscape-slide-05.png);
}
body.landscape-orientation .how-it-works-slide-06 {
  background-image: url(../images/how-it-works/bg-landscape-slide-06.png);
}

body.portrait-orientation .head-slider .slide .image-landscape {
  display: none;
}

.how-it-works-slide-01 {
  background: -webkit-gradient(linear, left top, left bottom, from(#926662), color-stop(22%, #fab5a6), color-stop(60%, #fec7ba), to(#f3aea5));
  background: -o-linear-gradient(#926662, #fab5a6 22%, #fec7ba 60%, #f3aea5);
  background: linear-gradient(#926662, #fab5a6 22%, #fec7ba 60%, #f3aea5);
}
.how-it-works-slide-01 .image-portrait {
  top: 28%;
  height: 60%;
  left: 50%;
  -webkit-transform: translateX(-58%);
  -ms-transform: translateX(-58%);
  transform: translateX(-58%);
}
.how-it-works-slide-01 .image-landscape {
  right: -10%;
}

.how-it-works-slide-02 {
  background: -webkit-gradient(linear, left top, left bottom, from(#916a4b), color-stop(22%, #f0cfb4), color-stop(60%, #fcd7b8), to(#f2b07b));
  background: -o-linear-gradient(#916a4b, #f0cfb4 22%, #fcd7b8 60%, #f2b07b);
  background: linear-gradient(#916a4b, #f0cfb4 22%, #fcd7b8 60%, #f2b07b);
}
.how-it-works-slide-02 .image-portrait {
  top: 32%;
  height: 90%;
  left: 50%;
  -webkit-transform: translateX(-54%);
  -ms-transform: translateX(-54%);
  transform: translateX(-54%);
}
.how-it-works-slide-02 .image-landscape {
  right: 0;
}

.how-it-works-slide-03 {
  background: -webkit-gradient(linear, left top, left bottom, from(#913939), color-stop(22%, #f0b4b4), color-stop(60%, #fcb8b8), to(#f27c7c));
  background: -o-linear-gradient(#913939, #f0b4b4 22%, #fcb8b8 60%, #f27c7c);
  background: linear-gradient(#913939, #f0b4b4 22%, #fcb8b8 60%, #f27c7c);
}
.how-it-works-slide-03 .image-portrait {
  top: 32%;
  height: 90%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.how-it-works-slide-03 .image-landscape {
  right: 5%;
}

.how-it-works-slide-04 {
  background: -webkit-gradient(linear, left top, left bottom, from(#918221), color-stop(22%, #f0e8b4), color-stop(60%, #fcf3b8), to(#ccbd55));
  background: -o-linear-gradient(#918221, #f0e8b4 22%, #fcf3b8 60%, #ccbd55);
  background: linear-gradient(#918221, #f0e8b4 22%, #fcf3b8 60%, #ccbd55);
}
.how-it-works-slide-04 .image-portrait {
  top: 32%;
  height: 90%;
  left: 53%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.how-it-works-slide-04 .image-landscape {
  right: 5%;
}

.how-it-works-slide-05 {
  background: -webkit-gradient(linear, left top, left bottom, from(#52914a), color-stop(22%, #bbf0b4), color-stop(60%, #c0fcb8), to(#78d46c));
  background: -o-linear-gradient(#52914a, #bbf0b4 22%, #c0fcb8 60%, #78d46c);
  background: linear-gradient(#52914a, #bbf0b4 22%, #c0fcb8 60%, #78d46c);
}
.how-it-works-slide-05 .image-portrait {
  top: 38%;
  height: 76%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.how-it-works-slide-05 .image-landscape {
  right: 30%;
}

.how-it-works-slide-06 {
  background: -webkit-gradient(linear, left top, left bottom, from(#8d4091), color-stop(22%, #edb4f0), color-stop(60%, #f9b8fc), to(#bd63c2));
  background: -o-linear-gradient(#8d4091, #edb4f0 22%, #f9b8fc 60%, #bd63c2);
  background: linear-gradient(#8d4091, #edb4f0 22%, #f9b8fc 60%, #bd63c2);
}
.how-it-works-slide-06 .image-portrait {
  top: 38%;
  height: 76%;
  left: 50%;
  -webkit-transform: translateX(-55%);
  -ms-transform: translateX(-55%);
  transform: translateX(-55%);
}
.how-it-works-slide-06 .image-landscape {
  left: 32%;
}

.how-it-works-video-container {
  overflow: hidden;
  position: relative;
}
.how-it-works-video-container iframe {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.how-it-works-video-container .ov-close, .how-it-works-video-container #system_alert .alert-close, #system_alert .how-it-works-video-container .alert-close {
  display: none;
  z-index: 9996;
}
.how-it-works-video-container.active {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9996;
  background: rgba(0, 0, 0, 0.9);
}
.how-it-works-video-container.active .how-it-works-video-wrapper {
  width: 100%;
  height: 100%;
  max-width: 1280px;
  max-height: 720px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.how-it-works-video-container.active iframe {
  opacity: 1;
  height: 100%;
}
.how-it-works-video-container.active .ov-close, .how-it-works-video-container.active #system_alert .alert-close, #system_alert .how-it-works-video-container.active .alert-close {
  display: block;
}
.how-it-works-video-container.active .ov-close-screen {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.how-it-works-video-container.active .how-it-works-video-preview {
  visibility: hidden;
}
.how-it-works-video-container.played iframe {
  z-index: 0;
}
.how-it-works-video-container.played .how-it-works-video-preview {
  z-index: 1;
}
.how-it-works-video-container:hover .how-it-works-video-preview .svg-container svg path {
  fill: #f00;
}

body.touch-detected .how-it-works-video-container iframe {
  z-index: 0;
}
body.touch-detected .how-it-works-video-container .how-it-works-video-preview {
  z-index: 1;
}

.how-it-works-video-wrapper {
  position: relative;
  z-index: -1;
}
.how-it-works-video-wrapper:after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}

.how-it-works-video-preview {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../images/how-it-works-video-preview.jpg) no-repeat;
  background-size: cover;
  cursor: pointer;
}
.how-it-works-video-preview:before {
  content: "";
  display: block;
  position: relative;
  z-index: 1;
  /*position:absolute;
  left:0;
  top:0;*/
  width: 100%;
  padding-bottom: 56.25%;
  background: rgba(0, 0, 0, 0.3);
  background: rgba(255, 255, 255, 0.3) url(../images/texture-ov-light-50pct.png);
}
.how-it-works-video-preview video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: none;
  width: 100%;
}
.how-it-works-video-preview .svg-container {
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*svg path {
  	@include transition(fill $transition-speed);
  	fill:rgba($white, .9);
  }*/
}

.survey-container iframe {
  height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* DUEL DIRECTORY PAGE */
body.duel-directory .duel-list-item {
  margin-bottom: 36px;
}
body.duel-directory .duel-list-item .img-container {
  margin-bottom: 12px;
}
body.duel-directory .duel-list-item .img-container a {
  display: block;
  position: relative;
  padding-bottom: 65%;
  overflow: hidden;
}
body.duel-directory .duel-list-item .img-container img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 100%;
}
body.duel-directory .duel-list-item h3 {
  font-size: 1.25em;
}
body.duel-directory .duel-list-item h3 a {
  color: #51af51;
}
body.duel-directory .duel-list-item .desc {
  margin-bottom: 12px;
}
body.duel-directory .duel-list-item .stats {
  margin-bottom: 12px;
}
body.duel-directory .duel-list-item .stats:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
body.duel-directory .duel-list-item .amount-container {
  text-align: center;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body.duel-directory .duel-list-item .amount-container:first-child {
  padding-right: 6px;
}
body.duel-directory .duel-list-item .amount-label {
  color: #fff;
  background: #66879e;
  padding: 0.5em 0;
  font-size: 1em;
  margin-bottom: 0;
}
body.duel-directory .duel-list-item .actions {
  text-align: center;
}

/* DUEL PAGE */
body.duel .trigger-nav .ic > span, body.individual-challenge .trigger-nav .ic > span, body.thon .trigger-nav .ic > span {
  background: #fff;
}
body.duel .trigger-nav.active .ic > span, body.individual-challenge .trigger-nav.active .ic > span, body.thon .trigger-nav.active .ic > span {
  background: #3e62b6;
}
body.duel .amount, body.individual-challenge .amount, body.thon .amount {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.color-theme- .trigger-nav .ic > span {
  background: #0165ad;
}
body.color-theme-.duel-tool #container:after {
  color: #000;
  border-color: #000;
}
body.color-theme-.duel-pending #container:after, body.color-theme-.duel-test-mode #container:after, body.color-theme-white.duel-pending #container:after, body.color-theme-white.duel-test-mode #container:after, body.color-theme-winter.duel-pending #container:after, body.color-theme-winter.duel-test-mode #container:after {
  color: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.1);
}
body.color-theme-salmon .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#976b68), color-stop(45%, #f7b2a3), color-stop(85%, #facfc6), to(#f7afa1));
  background-image: -o-linear-gradient(#976b68, #f7b2a3 45%, #facfc6 85%, #f7afa1);
  background-image: linear-gradient(#976b68, #f7b2a3 45%, #facfc6 85%, #f7afa1);
}
body.color-theme-salmon .duel-team-head {
  background-color: #f7afa1;
}
body.color-theme-fdlightblue .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8cc0e5), color-stop(45%, #85c5f2), color-stop(85%, #bfe4ff), to(#8cc0e5));
  background-image: -o-linear-gradient(#8cc0e5, #85c5f2 45%, #bfe4ff 85%, #8cc0e5);
  background-image: linear-gradient(#8cc0e5, #85c5f2 45%, #bfe4ff 85%, #8cc0e5);
}
body.color-theme-fdlightblue .duel-team-head {
  background-color: #8cc0e5;
}
body.color-theme-subblue .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cae2f3), color-stop(45%, #fff), color-stop(85%, #dfeef8), to(#cae2f3));
  background-image: -o-linear-gradient(#cae2f3, #fff 45%, #dfeef8 85%, #cae2f3);
  background-image: linear-gradient(#cae2f3, #fff 45%, #dfeef8 85%, #cae2f3);
}
body.color-theme-subblue .duel-team-head {
  background-color: #cae2f3;
}
body.color-theme-fdlightgreen .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4a9154), color-stop(45%, #9cf0a7), color-stop(85%, #b8fcc1), to(#85d490));
  background-image: -o-linear-gradient(#4a9154, #9cf0a7 45%, #b8fcc1 85%, #85d490);
  background-image: linear-gradient(#4a9154, #9cf0a7 45%, #b8fcc1 85%, #85d490);
}
body.color-theme-fdlightgreen .duel-team-head {
  background-color: #85d490;
}
body.color-theme-subgreen .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bee8c3), color-stop(45%, #fff), color-stop(85%, #d0efd5), to(#bee8c3));
  background-image: -o-linear-gradient(#bee8c3, #fff 45%, #d0efd5 85%, #bee8c3);
  background-image: linear-gradient(#bee8c3, #fff 45%, #d0efd5 85%, #bee8c3);
}
body.color-theme-subgreen .duel-team-head {
  background-color: #bee8c3;
}
body.color-theme-red .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0b4b4), color-stop(45%, #fcb8b8), color-stop(85%, #f27c7c), to(#913939));
  background-image: -o-linear-gradient(#f0b4b4, #fcb8b8 45%, #f27c7c 85%, #913939);
  background-image: linear-gradient(#f0b4b4, #fcb8b8 45%, #f27c7c 85%, #913939);
}
body.color-theme-red .duel-head .duel-subhead .amount {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
}
body.color-theme-red .duel-team-head {
  background-color: #913939;
}
body.color-theme-gold .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0e8b4), color-stop(45%, #fcf3b8), color-stop(85%, #ccbd55), to(#918221));
  background-image: -o-linear-gradient(#f0e8b4, #fcf3b8 45%, #ccbd55 85%, #918221);
  background-image: linear-gradient(#f0e8b4, #fcf3b8 45%, #ccbd55 85%, #918221);
}
body.color-theme-gold .duel-team-head {
  background-color: #918221;
}
body.color-theme-orange .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd187), color-stop(45%, #ffeac9), color-stop(85%, #ffc05b), to(#ffa500));
  background-image: -o-linear-gradient(#ffd187, #ffeac9 45%, #ffc05b 85%, #ffa500);
  background-image: linear-gradient(#ffd187, #ffeac9 45%, #ffc05b 85%, #ffa500);
}
body.color-theme-orange .duel-team-head {
  background-color: #ffa500;
}
body.color-theme-purple .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c291e5), color-stop(45%, #cd9cf0), color-stop(85%, #a47dc0), to(#76469a));
  background-image: -o-linear-gradient(#c291e5, #cd9cf0 45%, #a47dc0 85%, #76469a);
  background-image: linear-gradient(#c291e5, #cd9cf0 45%, #a47dc0 85%, #76469a);
}
body.color-theme-purple .duel-team-head {
  background-color: #76469a;
}
body.color-theme-sunset .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0b4b4), color-stop(45%, #fcf3b8), color-stop(85%, #ffa500), to(#913939));
  background-image: -o-linear-gradient(#f0b4b4, #fcf3b8 45%, #ffa500 85%, #913939);
  background-image: linear-gradient(#f0b4b4, #fcf3b8 45%, #ffa500 85%, #913939);
}
body.color-theme-sunset .duel-team-head {
  background-color: #913939;
}
body.color-theme-ocean .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#005694), color-stop(25%, #0165ad), color-stop(75%, #00661d), to(#009614));
  background-image: -o-linear-gradient(#005694, #0165ad 25%, #00661d 75%, #009614);
  background-image: linear-gradient(#005694, #0165ad 25%, #00661d 75%, #009614);
}
body.color-theme-ocean .duel-head .duel-title {
  color: #fff;
}
body.color-theme-ocean .duel-head .duel-title .contestant-name {
  border-color: rgba(255, 255, 255, 0.3);
}
body.color-theme-ocean .duel-head .duel-subhead .amount-container {
  color: #fff;
}
body.color-theme-ocean .duel-head .duel-subhead .amount {
  border-color: rgba(255, 255, 255, 0.3);
}
body.color-theme-ocean .duel-team-head {
  background-color: #009614;
}
body.color-theme-ocean .duel-head .mobile-duel-team-selector .mobile-duel-team-container .team-name {
  color: #fff;
}
body.color-theme-winter .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), color-stop(45%, #eee), color-stop(85%, #fefefe), to(#fff));
  background-image: -o-linear-gradient(#e1e1e1, #eee 45%, #fefefe 85%, #fff);
  background-image: linear-gradient(#e1e1e1, #eee 45%, #fefefe 85%, #fff);
}
body.color-theme-winter .duel-team-head {
  background-color: #fff;
}
body.color-theme-us .duel-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00477b), color-stop(20%, #fff), color-stop(40%, rgba(255, 0, 0, 0.3)), color-stop(60%, #fff), color-stop(80%, rgba(255, 0, 0, 0.3)), to(#fff));
  background-image: -o-linear-gradient(#00477b, #fff 20%, rgba(255, 0, 0, 0.3) 40%, #fff 60%, rgba(255, 0, 0, 0.3) 80%, #fff 100%);
  background-image: linear-gradient(#00477b, #fff 20%, rgba(255, 0, 0, 0.3) 40%, #fff 60%, rgba(255, 0, 0, 0.3) 80%, #fff 100%);
}
body.color-theme-us .duel-head .mobile-duel-team-selector .mobile-duel-team-container.active .bar-graph {
  background-image: none;
  background-color: #00477b;
}
body.color-theme-us .duel-head .mobile-duel-team-selector .mobile-duel-team-container .bar-graph {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00477b), to(rgba(0, 71, 123, 0.2)));
  background-image: -o-linear-gradient(#00477b, rgba(0, 71, 123, 0.2));
  background-image: linear-gradient(#00477b, rgba(0, 71, 123, 0.2));
}
body.color-theme-us .duel-team-head {
  background-color: #00477b;
  background-image: none;
}
body.duel.solo-campaign .duel-head, body.duel.solo-campaign .duel-team {
  background-image: none;
}
body.duel.solo-campaign.color-theme-salmon #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7afa1), color-stop(40%, rgba(247, 175, 161, 0)));
  background-image: -o-linear-gradient(#f7afa1, rgba(247, 175, 161, 0) 40%);
  background-image: linear-gradient(#f7afa1, rgba(247, 175, 161, 0) 40%);
}
body.duel.solo-campaign.color-theme-fdlightblue #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8cc0e5), color-stop(40%, rgba(140, 192, 229, 0)));
  background-image: -o-linear-gradient(#8cc0e5, rgba(140, 192, 229, 0) 40%);
  background-image: linear-gradient(#8cc0e5, rgba(140, 192, 229, 0) 40%);
}
body.duel.solo-campaign.color-theme-subblue #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cae2f3), color-stop(40%, rgba(202, 226, 243, 0)));
  background-image: -o-linear-gradient(#cae2f3, rgba(202, 226, 243, 0) 40%);
  background-image: linear-gradient(#cae2f3, rgba(202, 226, 243, 0) 40%);
}
body.duel.solo-campaign.color-theme-fdlightgreen #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#85d490), color-stop(40%, rgba(133, 212, 144, 0)));
  background-image: -o-linear-gradient(#85d490, rgba(133, 212, 144, 0) 40%);
  background-image: linear-gradient(#85d490, rgba(133, 212, 144, 0) 40%);
}
body.duel.solo-campaign.color-theme-subgreen #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bee8c3), color-stop(40%, rgba(190, 232, 195, 0)));
  background-image: -o-linear-gradient(#bee8c3, rgba(190, 232, 195, 0) 40%);
  background-image: linear-gradient(#bee8c3, rgba(190, 232, 195, 0) 40%);
}
body.duel.solo-campaign.color-theme-red #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#913939), color-stop(40%, rgba(145, 57, 57, 0)));
  background-image: -o-linear-gradient(#913939, rgba(145, 57, 57, 0) 40%);
  background-image: linear-gradient(#913939, rgba(145, 57, 57, 0) 40%);
}
body.duel.solo-campaign.color-theme-gold #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#918221), color-stop(40%, rgba(145, 130, 33, 0)));
  background-image: -o-linear-gradient(#918221, rgba(145, 130, 33, 0) 40%);
  background-image: linear-gradient(#918221, rgba(145, 130, 33, 0) 40%);
}
body.duel.solo-campaign.color-theme-orange #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa500), color-stop(40%, rgba(255, 165, 0, 0)));
  background-image: -o-linear-gradient(#ffa500, rgba(255, 165, 0, 0) 40%);
  background-image: linear-gradient(#ffa500, rgba(255, 165, 0, 0) 40%);
}
body.duel.solo-campaign.color-theme-purple #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76469a), color-stop(40%, rgba(118, 70, 154, 0)));
  background-image: -o-linear-gradient(#76469a, rgba(118, 70, 154, 0) 40%);
  background-image: linear-gradient(#76469a, rgba(118, 70, 154, 0) 40%);
}
body.duel.solo-campaign.color-theme-sunset #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#913939), color-stop(40%, rgba(145, 57, 57, 0)));
  background-image: -o-linear-gradient(#913939, rgba(145, 57, 57, 0) 40%);
  background-image: linear-gradient(#913939, rgba(145, 57, 57, 0) 40%);
}
body.duel.solo-campaign.color-theme-ocean #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#005694), color-stop(40%, rgba(0, 150, 20, 0)));
  background-image: -o-linear-gradient(#005694, rgba(0, 150, 20, 0) 40%);
  background-image: linear-gradient(#005694, rgba(0, 150, 20, 0) 40%);
}
body.duel.solo-campaign.color-theme-winter #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), color-stop(40%, #fff));
  background-image: -o-linear-gradient(#e1e1e1, #fff 40%);
  background-image: linear-gradient(#e1e1e1, #fff 40%);
}
body.duel.solo-campaign.color-theme-us #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00477b), color-stop(10%, #fff), color-stop(20%, rgba(255, 0, 0, 0.3)), color-stop(30%, #fff), color-stop(40%, rgba(255, 0, 0, 0.3)), color-stop(50%, #fff));
  background-image: -o-linear-gradient(#00477b, #fff 10%, rgba(255, 0, 0, 0.3) 20%, #fff 30%, rgba(255, 0, 0, 0.3) 40%, #fff 50%);
  background-image: linear-gradient(#00477b, #fff 10%, rgba(255, 0, 0, 0.3) 20%, #fff 30%, rgba(255, 0, 0, 0.3) 40%, #fff 50%);
}
body.duel-pending #container:after, body.duel-test-mode #container:after, body.duel-tool #container:after {
  position: fixed;
  top: 28px;
  left: 65%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 12px;
  line-height: 1em;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
  z-index: 1;
  border: 1px solid #fff;
  padding: 0.5em;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0.8;
  pointer-events: none;
  text-align: center;
  z-index: 8999;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body.duel-pending #container:after {
  content: "launching soon";
}
body.duel-pending #container .time-remaining, body.duel-pending #container .duel-subhead .money-amount-containers {
  display: none;
}
body.duel-test-mode #container:after {
  content: "sample template only";
}

.duel-head {
  text-align: center;
  /*background:url(../images/bg-duel-head.png) repeat-x;
  background-size:auto 100%;*/
  padding-top: 54px;
  /*html.scrolled &.has-campaign-vid .video-container {
  	position:fixed;
  	z-index:2;
  	width:240px;
  	height:135px;
  	padding:0;
  	top:60px;
  	left:4px;
  }
  html.scrolled body.epilogue &.has-campaign-vid .video-container {
  	position:relative;
  	width:100%;
  	height:0;
  	top:0;
  	left:0;
  	padding-bottom:56.25%;
  }*/
}
.duel-head:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.duel-head .duel-title {
  display: inline-block;
  padding: 12px;
  margin: 0 -12px;
  text-align: center;
  color: #000;
  font-weight: 700;
  font-size: 2em;
  line-height: 1.0625em;
}
.duel-head .duel-title span {
  display: block;
}
.duel-head .duel-title .contestant-name {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.duel-head .video-container {
  margin: 0 auto 12px;
  position: relative;
  z-index: 1;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.duel-head .video-container iframe {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.duel-head .dockable.docked {
  position: fixed;
  z-index: 2;
  width: 240px;
  height: 135px;
  padding: 0;
  bottom: 10px;
  right: 4px;
}
.duel-head .dockable.docked .actions .btn-dock {
  display: none;
}
.duel-head .dockable.docked .actions .btn-dock-restore {
  display: block;
}
.duel-head .dockable .actions {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.75);
}
.duel-head .dockable .actions .btn-ctrl {
  display: block;
  cursor: pointer;
}
.duel-head .dockable .actions .btn-dock-restore {
  display: none;
}
.duel-head .duel-subhead {
  margin-bottom: 6px;
  position: relative;
}
.duel-head .duel-subhead:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.duel-head .duel-subhead.no-prize .amount-container {
  margin: 0 0 12px;
  display: inline-block;
  float: none;
}
.duel-head .duel-subhead.goal-set .amount-goal, .duel-head .duel-subhead.goal-set .amount-raised {
  margin: 0 0 12px;
  display: inline-block;
  float: none;
}
.duel-head .duel-subhead .amount-container {
  color: #000;
}
.duel-head .duel-subhead .money-amount-containers .amount-container {
  display: inline-block;
}
.duel-head .duel-subhead .amount-label {
  font-size: 0.6875em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 2px;
}
.duel-head .duel-subhead .amount {
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 1.75em;
  padding: 0 12px;
  height: 48px;
  line-height: 48px;
  display: block;
}
.duel-head .duel-subhead .amount sup {
  font-size: 0.6em;
}
.duel-head .duel-subhead .amount .amount {
  border: 0;
  padding: 0;
  display: inline;
}
.duel-head .amount-raised {
  margin: 0 auto 12px;
  min-width: 140px;
}
.duel-head .amount-raised .amount {
  background: rgba(255, 255, 255, 0.3);
  font-weight: 700;
  -webkit-font-feature-settings: none;
          font-feature-settings: none;
}
.duel-head .time-remaining {
  float: left;
}
.duel-head .prize-bag {
  float: right;
  position: relative;
}
.duel-head .prize-bag:after {
  content: "";
  display: block;
  position: absolute;
  right: 9px;
  top: 14px;
  height: 50px;
  width: 30px;
  -webkit-box-shadow: 0 0 0 0 rgba(1, 101, 173, 0.7);
          box-shadow: 0 0 0 0 rgba(1, 101, 173, 0.7);
  -webkit-animation: pulse-fd-lightblue 4s infinite;
          animation: pulse-fd-lightblue 4s infinite;
  z-index: 0;
  border-radius: 7px;
}
.duel-head .prize-bag a {
  display: inline-block;
  font-size: 12px;
  height: 56px;
  padding-right: 54px;
  background: url(../images/prize-bag.png) no-repeat right center;
  background-size: contain;
  text-transform: uppercase;
  color: #000;
  position: relative;
  z-index: 1;
  padding-top: 12px;
  /*&:before {
  	content:"";
  	display:block;
  	width:42px;
  	height:30px;
  	background:url(../images/visa-gift-card-2.png) no-repeat;
  	background-size:contain;
  	position:absolute;
  	right:-3px;
  	top:20px;
  	transform:rotate(-13deg);
  }*/
}
.duel-head .prize-bag a .prize-label {
  float: left;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  width: 72px;
  line-height: 1.1em;
}
.duel-head .prize-bag a .arrow {
  height: 32px;
  width: 32px;
  float: left;
  position: relative;
  top: 12px;
  -webkit-animation: bump6 4s infinite;
          animation: bump6 4s infinite;
}
.duel-head .prize-bag a .arrow svg {
  max-height: 100%;
}
.duel-head .duel-subhead.prize-set .auctions-parallel-btn a {
  width: 60px;
  height: 60px;
  font-size: 12px;
  line-height: 1em;
  padding: 8px 14px 20px;
}
.duel-head .duel-subhead.prize-set .auctions-parallel-btn a .label {
  bottom: 5px;
}
.duel-head .auctions-parallel-btn {
  float: right;
}
.duel-head .auctions-parallel-btn.has-aucsum a {
  padding-top: 24px;
  height: 80px;
}
.duel-head .auctions-parallel-btn.has-aucsum a .svg-container {
  width: 94%;
}
.duel-head .auctions-parallel-btn a {
  display: inline-block;
  width: 100px;
  height: 88px;
  background-color: rgba(1, 101, 173, 0.95);
  padding: 16px;
  border-radius: 10px;
  border: 5px solid #ffff00;
  position: relative;
  color: #ffff00;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-transition: background-color 375ms;
  -o-transition: background-color 375ms;
  transition: background-color 375ms;
  /*&:after {
  	content:"";
  	display:block;
  	height:90%;
  	width:90%;
  	background:url(../images/ic-auction-white.svg) no-repeat;
  	background-size:contain;
  	background-position:center center;
  }*/
}
.duel-head .auctions-parallel-btn a:hover {
  background-color: #00cb1b;
}
.duel-head .auctions-parallel-btn a .label {
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  text-align: center;
}
.duel-head .auctions-parallel-btn a .bid {
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  text-align: center;
  bottom: auto;
  background: rgba(255, 255, 0, 0.35);
  text-shadow: 0 0 3px #000;
}
.duel-head .auctions-parallel-btn a .svg-container {
  display: inline-block;
  width: 100%;
}
.duel-head .auctions-parallel-btn a .svg-container path {
  fill: #ffff00;
}
.duel-head .scoreboard-container {
  margin: 0 -12px;
}
.duel-head .desktop-scoreboard {
  display: none;
}
.duel-head .mobile-scoreboard {
  margin: 0 auto;
  padding-top: 12px;
}
.duel-head .mobile-scoreboard.standard-duel {
  min-width: 320px;
}
.duel-head .mobile-duel-team-selector.has-contestant-sponsor-imgs .mobile-duel-team-container .bar-graph {
  padding-top: 95px;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team-name, .duel-head .mega-scoreboard .mega-duel-team-container .mobile-duel-team-name {
  display: block;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team.has-sponsor .mobile-duel-team-head, .duel-head .mega-scoreboard .mega-duel-team-container .mobile-duel-team.has-sponsor .mobile-duel-team-head {
  position: relative;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .team-name, .duel-head .mega-scoreboard .mega-duel-team-container .team-name {
  display: block;
  text-transform: uppercase;
  font-size: 0.9375em;
  line-height: 1em;
  padding-bottom: 0.1875em;
  font-weight: 700;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container img, .duel-head .mobile-duel-team-selector .mobile-duel-team-container .img-container, .duel-head .mega-scoreboard .mega-duel-team-container img, .duel-head .mega-scoreboard .mega-duel-team-container .img-container {
  display: block;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .img-container, .duel-head .mega-scoreboard .mega-duel-team-container .img-container {
  -webkit-transition: width 375ms, height 375ms, border-color 375ms;
  -o-transition: width 375ms, height 375ms, border-color 375ms;
  transition: width 375ms, height 375ms, border-color 375ms;
  border-radius: 50%;
  border: 8px solid #fff;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-size: cover;
  background-position: 50% 50%;
  width: 150px;
  height: 150px;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .img-container img, .duel-head .mega-scoreboard .mega-duel-team-container .img-container img {
  visibility: hidden;
  max-width: 100%;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .contestant-sponsor-logo, .duel-head .mega-scoreboard .mega-duel-team-container .contestant-sponsor-logo {
  height: 35px;
  position: absolute;
  z-index: 1;
  width: 90%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  text-align: center;
  bottom: 0;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .contestant-sponsor-logo img, .duel-head .mega-scoreboard .mega-duel-team-container .contestant-sponsor-logo img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .create-new-team .img-container, .duel-head .mega-scoreboard .mega-duel-team-container .create-new-team .img-container {
  background-image: url(../images/ic-add-team.png);
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .rank, .duel-head .mega-scoreboard .mega-duel-team-container .rank {
  position: absolute;
  left: 0;
  top: 0;
  background: #f00;
  color: #fff;
  border-radius: 50%;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .amount-container, .duel-head .mega-scoreboard .mega-duel-team-container .amount-container {
  font-size: 18px;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .amount-container sup, .duel-head .mega-scoreboard .mega-duel-team-container .amount-container sup {
  margin-right: 1px;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .amount, .duel-head .mega-scoreboard .mega-duel-team-container .amount {
  font-size: 30px;
  line-height: 1.2em;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .amount.large-number, .duel-head .mega-scoreboard .mega-duel-team-container .amount.large-number {
  font-size: 24px;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .amount-label, .duel-head .mega-scoreboard .mega-duel-team-container .amount-label {
  display: block;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: 300;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .cause, .duel-head .mobile-duel-team-selector .mobile-duel-team-container .subhead, .duel-head .mega-scoreboard .mega-duel-team-container .cause, .duel-head .mega-scoreboard .mega-duel-team-container .subhead {
  text-transform: uppercase;
  font-weight: 700;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .cause sub, .duel-head .mobile-duel-team-selector .mobile-duel-team-container .subhead sub, .duel-head .mega-scoreboard .mega-duel-team-container .cause sub, .duel-head .mega-scoreboard .mega-duel-team-container .subhead sub {
  font-weight: 300;
  text-transform: none;
  bottom: 0;
  font-size: 100%;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .bar-graph, .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mega-duel-stats, .duel-head .mega-scoreboard .mega-duel-team-container .bar-graph, .duel-head .mega-scoreboard .mega-duel-team-container .mega-duel-stats {
  color: #fff;
  display: block;
  font-weight: 700;
  text-align: right;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .bar-graph .btn-small, .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mega-duel-stats .btn-small, .duel-head .mega-scoreboard .mega-duel-team-container .bar-graph .btn-small, .duel-head .mega-scoreboard .mega-duel-team-container .mega-duel-stats .btn-small {
  margin-top: 4px;
  display: block;
  height: 36px;
  line-height: 36px;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .bar-graph .btn-default, .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mega-duel-stats .btn-default, .duel-head .mega-scoreboard .mega-duel-team-container .bar-graph .btn-default, .duel-head .mega-scoreboard .mega-duel-team-container .mega-duel-stats .btn-default {
  padding-left: 6px;
  padding-right: 6px;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .create-new-team, .duel-head .mega-scoreboard .mega-duel-team-container .create-new-team {
  cursor: pointer;
  display: block;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .create-new-team.in-progress:after, .duel-head .mega-scoreboard .mega-duel-team-container .create-new-team.in-progress:after {
  z-index: 1;
  border-radius: 50%;
}
.duel-head .mobile-duel-team-selector {
  margin: 12px 0 0;
  text-align: center;
  height: 350px;
  position: relative;
}
.duel-head .mobile-duel-team-selector .slick-arrow {
  cursor: pointer;
  position: absolute;
  top: -33px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.35)));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.35));
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.35));
  z-index: 1;
  text-indent: -9999px;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
}
.duel-head .mobile-duel-team-selector .slick-arrow:after {
  left: 50%;
}
.duel-head .mobile-duel-team-selector .slick-arrow.slick-disabled {
  opacity: 0.3;
}
.duel-head .mobile-duel-team-selector .slick-prev {
  left: 12px;
}
.duel-head .mobile-duel-team-selector .slick-prev:after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  float: none;
  margin: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-right: 12px solid #fff;
}
.duel-head .mobile-duel-team-selector .slick-prev:after {
  position: absolute;
  -webkit-transform: translate(-62%, -50%);
  -ms-transform: translate(-62%, -50%);
  transform: translate(-62%, -50%);
}
.duel-head .mobile-duel-team-selector .slick-next {
  right: 12px;
}
.duel-head .mobile-duel-team-selector .slick-next:after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  float: none;
  margin: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 12px solid #fff;
}
.duel-head .mobile-duel-team-selector .slick-next:after {
  position: absolute;
  -webkit-transform: translate(-38%, -50%);
  -ms-transform: translate(-38%, -50%);
  transform: translate(-38%, -50%);
}
.duel-head .mobile-duel-team-selector.instant-anim .mobile-duel-team-container .bar-graph {
  -webkit-transition: background-color 375ms;
  -o-transition: background-color 375ms;
  transition: background-color 375ms;
}
.duel-head .mobile-duel-team-selector.instant-anim .vs {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.duel-head .mobile-duel-team-selector .vs {
  margin-bottom: 81px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #f00;
  background: #fff;
  font-size: 18px;
  font-weight: 700;
  border: 4px solid #f00;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transition: bottom 3s;
  -o-transition: bottom 3s;
  transition: bottom 3s;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 2;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 5px;
  position: relative;
  width: 150px;
  height: 350px;
  outline: 0;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container.active .bar-graph {
  background-color: rgba(0, 0, 0, 0.45);
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team {
  position: absolute;
  bottom: 0;
  left: 0;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team-head {
  display: block;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .img-container {
  margin-bottom: -75px;
  position: relative;
  z-index: 1;
  background-color: #ebebeb;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .team-name {
  color: #553d3b;
}
.duel-head .mobile-duel-team-selector .mobile-duel-team-container .bar-graph {
  width: 126px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: -o-linear-gradient(  rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(  linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(  rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-color: transparent;
  padding: 75px 12px 6px;
  min-height: 30px;
  height: 30px;
  -webkit-transition: background-color 375ms, min-height 3s;
  -o-transition: background-color 375ms, min-height 3s;
  transition: background-color 375ms, min-height 3s;
  overflow: hidden;
}

.duel-subhead-actions {
  text-align: center;
  margin-bottom: 12px;
}

.duel-team-selector {
  display: none;
}

.duel-team {
  color: #000;
}
.duel-team .duel-team-head {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.35)));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.35));
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.35));
  color: #fff;
  text-align: center;
}
.duel-team .duel-team-head h2 {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}
.duel-team .hero-image {
  position: relative;
  margin-bottom: 12px;
}
.duel-team .hero-image a {
  display: block;
}
.duel-team .hero-image img {
  max-width: 100%;
  display: block;
  width: 100%;
}
.duel-team .duel-team-content-primary {
  padding-top: 12px;
}
.duel-team .duel-team-content-primary .actions {
  text-align: center;
  margin-bottom: 24px;
}
.duel-team .duel-team-content-primary .actions .btn-donate, .duel-team .duel-team-content-primary .actions .btn-upload-container {
  margin-bottom: 24px;
}
.duel-team .duel-team-stats {
  text-align: center;
}
.duel-team .duel-team-name {
  font-size: 1.87em;
  font-weight: 300;
  margin-bottom: 20px;
  min-height: 29px;
}
.duel-team .duel-team-caption {
  font-weight: 700;
  font-size: 1.25em;
  margin-bottom: 0.8em;
  line-height: 1.3em;
}
.duel-team .duel-team-description {
  margin-bottom: 20px;
}
.duel-team .duel-team-description .align-right {
  min-width: 200px;
  width: 45%;
}
.duel-team .duel-team-description .align-right .btn-play-circle, .duel-team .duel-team-description .align-left .btn-play-circle {
  display: block;
}
.duel-team .duel-team-description .btn-play-circle {
  display: inline-block;
}
.duel-team .duel-team-description .btn-play-circle .svg-container {
  max-width: 100px;
  max-height: 100px;
}
.duel-team .duel-team-description img {
  max-width: 100%;
}
.duel-team .duel-team-description:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.duel-team .duel-team-description.in-progress:after {
  content: "";
  height: 100%;
  display: block;
  visibility: visible;
}
.duel-team .duel-team-description .btn-play-youtube, .duel-team .duel-team-description .btn-play-circle, .duel-team .additional-content .btn-play-youtube, .duel-team .additional-content .btn-play-circle {
  display: inline-block;
}
.duel-team .duel-team-description .align-left .btn-play-youtube, .duel-team .duel-team-description .align-left .btn-play-circle, .duel-team .duel-team-description .align-right .btn-play-youtube, .duel-team .duel-team-description .align-right .btn-play-circle, .duel-team .additional-content .align-left .btn-play-youtube, .duel-team .additional-content .align-left .btn-play-circle, .duel-team .additional-content .align-right .btn-play-youtube, .duel-team .additional-content .align-right .btn-play-circle {
  display: block;
}
.duel-team .more-link {
  font-weight: 300;
  font-size: 16px;
  color: #4c7aaa;
  text-decoration: underline;
  background: url(../images/next-arrow.png) no-repeat;
  background-size: contain;
  padding-left: 1.5em;
}
.duel-team .amount-container {
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: 300;
  color: #464646;
  display: inline-block;
  margin-bottom: 12px;
  margin-right: 4px;
}
.duel-team .amount-container .amount-label {
  display: block;
}
.duel-team .amount-container .amount {
  display: inline-block;
  border: 1px solid #7d7d7d;
  font-size: 1.875em;
  font-weight: normal;
  color: #000;
  padding: 4px 12px;
  min-width: 48px;
}
.duel-team .campaign-sponsor {
  background: rgba(0, 0, 0, 0.1);
  padding: 24px;
  margin-bottom: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.duel-team .campaign-sponsor .campaign-body {
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.duel-team .campaign-sponsor h2 {
  font-size: 1em;
  font-weight: normal;
}
.duel-team .campaign-sponsor h2 .sponsor-name {
  display: block;
  margin-top: 9px;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.2em;
}
.duel-team .campaign-sponsor .img-container {
  text-align: center;
}
.duel-team .campaign-sponsor .img-container img {
  display: inline-block;
  max-width: 100%;
}
.duel-team .duel-team-content-ticker h3 {
  font-size: 14px;
  font-weight: bold;
  color: #4c7aaa;
  text-transform: uppercase;
}
.duel-team .duel-team-content-ticker .ticker-list {
  max-height: 138px;
  overflow: auto;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 12px 6px 12px 18px;
  border-top: 12px solid rgba(0, 0, 0, 0.1);
  border-bottom: 12px solid rgba(0, 0, 0, 0.1);
  background-clip: content-box;
  font-size: 12px;
  font-weight: 300;
  color: #282828;
  margin-bottom: 24px;
}
.duel-team .duel-team-content-ticker .ticker-list > li {
  margin-bottom: 6px;
}
.duel-team .additional-content {
  margin-bottom: 12px;
}
.duel-team .team-challenge {
  background: rgba(0, 0, 0, 0.1);
  margin: 0 -12px 24px;
  padding: 12px;
}
.duel-team .team-challenge h3 {
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 2px;
}
.duel-team .team-challenge .challenge-head {
  text-align: center;
  margin-bottom: 12px;
}
.duel-team .team-challenge .challenge-description, .duel-team .team-challenge .challenge-media-container {
  margin-bottom: 12px;
}
.duel-team .team-challenge .challenge-description ul {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 1em;
}
.duel-team .team-challenge .challenge-media-container a, .duel-team .team-challenge .challenge-media-container img {
  display: block;
}
.duel-team .team-challenge .challenge-media-container img {
  width: 100%;
}
.duel-team .team-challenge .challenge-media-container a {
  overflow: hidden;
  padding-bottom: 56.25%;
}
.duel-team .team-challenge .challenge-media-container a img {
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.duel-team .team-challenge h4 {
  font-size: 1.2em;
  font-weight: 700;
}
.duel-team .team-challenge .actions {
  text-align: center;
}
.duel-team .testimonial {
  background: rgba(0, 0, 0, 0.1);
}

.duel-team-challenge-videos h3 {
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 4px;
}
.duel-team-challenge-videos h4 {
  font-size: 0.8125em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

/* AUCTION */
.auction-container {
  text-align: left;
  margin: 0 -12px 12px -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
.auction-container > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.auction-container .auction.controls {
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
  background: rgba(0, 0, 0, 0.5);
}
.auction-container .auction.controls::after {
  content: " ";
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.auction-container .item-info {
  margin-bottom: 18px;
}
.auction-container .item-info h3 {
  margin-bottom: 6px;
}
.auction-container .img-container {
  margin-bottom: 12px;
}
.auction-container .img-container img {
  max-width: 100%;
  display: block;
}
.auction-container .current-item-container, .auction-container .upcoming-items-container {
  padding: 12px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.auction-container .current-item-container {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.auction-container .current-item-container .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.5);
}
.auction-container .current-item-container .img-container img {
  max-height: 300px;
}
.auction-container .bid-container.usd .amount::before, .auction-container .bid-container.cad .amount::before {
  content: "$";
}
.auction-container .bid-container.usd .bid-amount::before, .auction-container .bid-container.cad .bid-amount::before {
  content: "$";
}
.auction-container .bid-container .current-bid-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.auction-container .bid-container .amount-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 12px;
}
.auction-container .bid-container h3 {
  font-size: 1em;
  text-transform: uppercase;
  margin-bottom: 0;
}
.auction-container .bid-container .amount {
  font-size: 2.5em;
  font-weight: bold;
}
.auction-container .bid-container .high-bidder-container {
  opacity: 1;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
  margin-bottom: 12px;
}
.auction-container .bid-container .high-bidder-container.inactive {
  opacity: 0;
}
.auction-container .bid-container .high-bidder-container:before {
  content: "High Bidder:";
  display: block;
  font-size: 1em;
  line-height: 1em;
  text-transform: uppercase;
}
.auction-container .bid-container .high-bidder {
  font-weight: bold;
  font-size: 1.5em;
}
.auction-container .bid-container .actions .separator {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  direction: row;
}
.auction-container .bid-container .actions .separator span {
  padding: 10px 12px 12px;
}
.auction-container .bid-container .actions .separator:before, .auction-container .bid-container .actions .separator:after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin: auto;
}
.auction-container .bid-container .actions .fixed-bids .btn, .auction-container .bid-container .actions .fixed-bids .btn-blue, .auction-container .bid-container .actions .fixed-bids .btn-blue-outline, .auction-container .bid-container .actions .fixed-bids .btn-red, .auction-container .bid-container .actions .fixed-bids .btn-green, .auction-container .bid-container .actions .fixed-bids .btn-gold, .auction-container .bid-container .actions .fixed-bids .btn-orange, .auction-container .bid-container .actions .fixed-bids .btn-gallery, .auction-container .bid-container .actions .fixed-bids .btn-play-text {
  margin-bottom: 3px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1.5em;
}
.auction-container .bid-container .actions .custom-bid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.auction-container .bid-container .actions .custom-bid .btn, .auction-container .bid-container .actions .custom-bid .btn-blue, .auction-container .bid-container .actions .custom-bid .btn-blue-outline, .auction-container .bid-container .actions .custom-bid .btn-red, .auction-container .bid-container .actions .custom-bid .btn-green, .auction-container .bid-container .actions .custom-bid .btn-gold, .auction-container .bid-container .actions .custom-bid .btn-orange, .auction-container .bid-container .actions .custom-bid .btn-gallery, .auction-container .bid-container .actions .custom-bid .btn-play-text {
  font-size: 1.5em;
}
.auction-container .bid-container .actions .custom-bid input {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0;
  height: 45px;
  line-height: 45px;
  border: 1px solid #fff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  min-width: 0;
}
.auction-container .bid-container .actions .bidding-as {
  position: relative;
}
.auction-container .bid-container .actions .bidding-as header {
  padding: 6px 0;
  cursor: pointer;
}
.auction-container .bid-container .actions .bidding-as header:before {
  content: "▸";
}
.auction-container .bid-container .actions .bidding-as header .bidder-reg-status {
  color: #ccc;
  padding: 0 0.5em;
}
.auction-container .bid-container .actions .bidding-as header .bidder-reg-status.not-set {
  border: 1px solid red;
  background-color: #fff0f0;
}
.auction-container .bid-container .actions .bidding-as header .bidder-reg-status.set::after {
  content: "✓";
  color: white;
  border-radius: 100%;
  background-color: green;
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  line-height: 1.2;
  text-align: center;
  font-size: small;
  margin-left: 0.5em;
}
.auction-container .bid-container .actions .bidding-as form {
  color: #555;
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 2;
  background: #fff;
  padding: 24px;
  border: 1px solid #f00;
  border-radius: 6px;
  width: 100%;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.auction-container .bid-container .actions .bidding-as form:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.auction-container .bid-container .actions .bidding-as form input, .auction-container .bid-container .actions .bidding-as form .field {
  max-width: none;
}
.auction-container .bid-container .actions .bidding-as.closed form {
  display: none;
}
.auction-container .bid-container .status {
  color: #333;
  padding: 0.5em;
}
.auction-container .bid-container .status.error {
  border: 1px solid red;
  background-color: #fff0f0;
}
.auction-container .bid-container .status.success {
  border: 1px solid green;
  background-color: honeydew;
}
.auction-container .bid-container .status.warning {
  padding: 0.5em;
  border: 1px solid yellow;
  background-color: azure;
}
.auction-container h5.bid-list {
  margin-top: 1em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-weight: bold;
  padding: 0.2em;
}
.auction-container table.bid-list thead th {
  padding-right: 1em;
  padding-left: 0.2em;
}
.auction-container table.bid-list tbody tr:first-of-type td {
  background: #51af51;
}
.auction-container table.bid-list tbody tr:nth-of-type(2) td {
  background: rgba(255, 165, 0, 0.2);
}
.auction-container table.bid-list tbody td.amount {
  font-size: 1em;
  font-weight: normal;
}
.auction-container .upcoming-items-container {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.auction-container .auction-items > li:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.auction-container .auction-items > li h3 {
  float: right;
  width: 60%;
  padding-left: 12px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.auction-container .auction-items .img-container {
  width: 40%;
  float: left;
}
.auction-container .video-container {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-bottom: 0;
}

.ov-bidder-profile .ov-close, .ov-bidder-profile #system_alert .alert-close, #system_alert .ov-bidder-profile .alert-close {
  z-index: 1000;
}
.ov-bidder-profile .bidding-as {
  position: relative;
}
.ov-bidder-profile .bidding-as header {
  max-width: 400px;
  margin: 0 auto;
  height: 2em;
  line-height: 2em;
  font-size: 1.5em;
}
.ov-bidder-profile .bidding-as header span {
  display: none;
}
.bidding-as .input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bidding-as .input-container input {
  margin-left: 3px;
}
.bidding-as .input-container input:first-child {
  margin-left: 0;
  margin-right: 3px;
}
.bidding-as .stored-card {
  margin: 0.7em 0;
  /* background-color: $light-gray;*/
}
.bidding-as .stored-card > * {
  display: inline-block;
  margin: 6px 1em 6px 0.25em;
}
.bidding-as .stored-card > span.brand {
  padding-left: 33px;
  background: url("/images/card-sm.png") no-repeat left center;
}
.bidding-as .stored-card .last4::before {
  content: "* ";
}
.bidding-as .stored-card a {
  display: inline-block;
  margin-left: 1em;
  font-weight: bold;
  padding: 1px 0.4em 3px 0.4em;
  /* &.change-card { 
  	background-color:$header-green; 
  	color:$white; 
  } 
  &.forget-card { 
  	background-color: #ffdc73; 
  	color:$text-color;
  } */
}
.bidding-as .stored-card a.x-card {
  background-color: #333;
  color: #fff;
  border-radius: 1em;
  margin: 0 0.6em 0 0;
  height: 1em;
  line-height: 1;
}
.bidding-as .stored-card a.x-card::before {
  content: "×";
}
.bidding-as .stored-card a.x-card span {
  display: none;
}
.bidding-as .new-card .cc-field {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.bidding-as input[name=maxbid] {
  width: 7em;
  display: inline-block;
}
.bidding-as .form-actions .btn, .bidding-as .form-actions .btn-blue, .bidding-as .form-actions .btn-blue-outline, .bidding-as .form-actions .btn-red, .bidding-as .form-actions .btn-green, .bidding-as .form-actions .btn-gold, .bidding-as .form-actions .btn-orange, .bidding-as .form-actions .btn-gallery, .bidding-as .form-actions .btn-play-text {
  font-size: 1.5em;
}
.bidding-as .form-actions button {
  float: right;
}

/* EPILOGUE */
body.epilogue .duel-head .duel-subhead .time-remaining, body.epilogue .duel-head .duel-subhead .prize-bag {
  display: none;
}

.epilogue-container {
  color: #000;
  background-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.has-epilogue-thank-you .epilogue-challenge h3 {
  background: rgba(255, 255, 255, 0.2);
}

.epilogue-head {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.epilogue-head h2 {
  font-size: 1.25em;
  text-transform: uppercase;
  font-weight: bold;
  padding: 18px;
  margin-bottom: 0;
}
.epilogue-head .amount-container {
  background-color: rgba(255, 255, 255, 0.2);
  border: 5px solid rgba(255, 255, 255, 0.3);
  padding: 12px 24px;
  margin: 0 0 12px;
  font-size: 1.75em;
  display: inline-block;
}
.epilogue-head .amount-container .amount {
  font-weight: 900;
  font-size: 1.25em;
}

.epilogue-head-caption {
  font-size: 0.8em;
  text-transform: uppercase;
  padding: 2px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.epilogue-body {
  padding: 12px 0 0;
}
.epilogue-body h3 {
  font-size: 1.25em;
}
.epilogue-body .wrap {
  padding: 0;
  margin: 0 auto;
  max-width: 1240px;
}
.epilogue-body .wrap:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

.epilogue-thank-you {
  padding-bottom: 12px;
  text-align: left;
}

.epilogue-video {
  margin: 0 -12px 12px;
}

.epilogue-team-list .epilogue-team {
  border-radius: 42px 21px 0 0;
}
.epilogue-team-list .epilogue-team.expanded {
  background: rgba(255, 255, 255, 0.5);
}
.epilogue-team-list .epilogue-team.expanded .epilogue-team-header {
  background: rgba(255, 255, 255, 0.3);
}
.epilogue-team-list .epilogue-team.expanded .epilogue-team-body {
  max-height: 1000px;
  padding-top: 12px;
}
.epilogue-team-list .epilogue-team .epilogue-team-body {
  max-height: 0;
  overflow: hidden;
  margin-top: -42px;
}

.epilogue-team {
  text-align: left;
  margin-bottom: 24px;
  padding: 0 12px;
  -webkit-transition: background 750ms;
  -o-transition: background 750ms;
  transition: background 750ms;
}
.epilogue-team .epilogue-team-header {
  margin: 0 -12px 0 -18px;
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.65);
  border-radius: 42px 21px 0 42px;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.epilogue-team .epilogue-team-header:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.epilogue-team .epilogue-team-profile-pic-container {
  width: 84px;
  height: 84px;
  border: 4px solid #fff;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  margin: 0 -50.4px 0 0;
  background: #ebebeb;
}
.epilogue-team .epilogue-team-profile-pic-container .img-container {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
}
.epilogue-team .epilogue-team-profile-pic-container img {
  visibility: hidden;
}
.epilogue-team .epilogue-team-header-text {
  float: left;
  width: 100%;
  padding: 0 50.4px 0 92.4px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.epilogue-team .epilogue-team-header-text h3 {
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
}
.epilogue-team .horiz-bar-graph {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 3px 12px;
  font-weight: bold;
  position: relative;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.epilogue-team .horiz-bar-graph .running-total {
  background: #00cb1b;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: -1;
}
.epilogue-team .horiz-bar-graph .amount-label {
  font-weight: normal;
  font-size: 0.8em;
}
.epilogue-team .epilogue-team-rank {
  width: 42px;
  height: 84px;
  display: block;
  font-size: 16px;
  line-height: 12px;
  font-weight: bold;
  background: #ffa500;
  padding: 2px 4px;
  color: #fff;
  position: absolute;
  right: 0;
  text-align: center;
  border-top-right-radius: 21px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.epilogue-team .epilogue-team-rank.winner {
  background: #0165ad;
  font-size: 12px;
  font-weight: normal;
}
.epilogue-team .epilogue-team-rank .epilogue-team-rank-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-55%, -50%) rotate(22deg);
      -ms-transform: translate(-55%, -50%) rotate(22deg);
          transform: translate(-55%, -50%) rotate(22deg);
}
.epilogue-team .epilogue-team-rank sup {
  font-size: 8px;
  font-weight: normal;
}
.epilogue-team .epilogue-team-rank .heading {
  display: block;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: normal;
}
.epilogue-team .epilogue-team-body {
  width: 100%;
  -webkit-transition: max-height 375ms, padding-top 375ms;
  -o-transition: max-height 375ms, padding-top 375ms;
  transition: max-height 375ms, padding-top 375ms;
  padding-top: 0;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.epilogue-team .epilogue-team-media-container {
  margin-bottom: 12px;
}
.epilogue-team .epilogue-team-media-container img {
  max-width: 100%;
}
.epilogue-team .btn-play-circle {
  display: block;
}

.epilogue-challenge {
  clear: both;
  padding: 12px 0;
}
.epilogue-challenge .superheader, .epilogue-challenge .epilogue-challenge-caption {
  font-size: 0.7em;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.3);
  margin: 0;
  line-height: 1.2em;
}
.epilogue-challenge .epilogue-challenge-caption {
  margin-bottom: 12px;
}
.epilogue-challenge h3 {
  text-align: center;
  padding: 6px 0;
  margin: 0 -12px;
  background: rgba(255, 255, 255, 0.15);
}
.epilogue-challenge h4 {
  font-size: 1em;
}
.epilogue-challenge .epilogue-challenge-details a {
  font-size: 1.25em;
  font-weight: bold;
}
.epilogue-challenge .amount {
  font-size: 1.25em;
  padding: 6px;
}

.epilogue-challenge-heading {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 3px;
  margin-bottom: 6px;
}

.epilogue-post-script {
  font-size: 0.8em;
  font-weight: 300;
  padding: 12px 12px 2px;
}

.hot-seat {
  display: block;
  height: 78px;
  width: 78px;
  position: absolute;
  left: -8px;
  top: -5px;
  text-align: center;
  z-index: 1;
}
.hot-seat:before {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 1;
  border-radius: 0 0 75px 75px;
  width: 72px;
  height: 72px;
  background: url(../images/hot-seat-small.gif) no-repeat 3px 3px;
  background-size: 95%;
}
.hot-seat:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 72px;
  width: 72px;
  background: #fff;
  border: 3px solid rgba(255, 0, 0, 0.9);
  -webkit-box-shadow: 0 0 10px 3px #ebe16f;
          box-shadow: 0 0 10px 3px #ebe16f;
  border-radius: 75px;
}
.hot-seat.on .tooltip {
  opacity: 1;
  width: 200px;
  height: auto;
  padding: 12px;
  overflow: visible;
  z-index: 1;
}
.hot-seat .label {
  position: absolute;
  z-index: 2;
  text-transform: uppercase;
  color: #ebe16f;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 700;
  bottom: 30%;
  left: 63%;
  -webkit-transform: translateX(-50%) rotate(-3deg);
  -ms-transform: translateX(-50%) rotate(-3deg);
  transform: translateX(-50%) rotate(-3deg);
}
.hot-seat .tooltip {
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 5px;
  color: #555;
  background: #fff;
  font-size: 12px;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
}
.hot-seat .tooltip:after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  float: none;
  margin: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-right: 10px solid #fff;
}
.hot-seat .tooltip:after {
  position: absolute;
  left: -10px;
  top: 50%;
}

.test-mode {
  color: #000;
  background: rgba(255, 255, 255, 0.4);
  font-size: 12px;
  position: relative;
}
.test-mode h4 {
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
}
.test-mode h4 .btn-help, .test-mode h4 .btn-help-large {
  margin-left: 4px;
}
.test-mode .description-test-mode {
  display: none;
  position: absolute;
  z-index: 2;
  top: 24px;
  left: 0;
  width: 240px;
  background: #fff;
  padding: 12px;
  text-align: left;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}
.test-mode .description-test-mode.active {
  display: block;
}
.test-mode .description-test-mode table {
  width: 100%;
}
.test-mode .description-test-mode td {
  padding: 2px 6px;
  border: 1px solid rgba(255, 0, 0, 0.2);
}
.test-mode .description-test-mode .ov-close, .test-mode .description-test-mode #system_alert .alert-close, #system_alert .test-mode .description-test-mode .alert-close {
  border-left: 1px solid rgba(255, 0, 0, 0.2);
  border-bottom: 1px solid rgba(255, 0, 0, 0.2);
  position: absolute;
  right: 0;
  top: 0;
  height: 18px;
  cursor: pointer;
  width: 18px;
  background: transparent;
  -webkit-transition: background-color 375ms;
  -o-transition: background-color 375ms;
  transition: background-color 375ms;
}
.test-mode .description-test-mode .ov-close:hover, .test-mode .description-test-mode #system_alert .alert-close:hover, #system_alert .test-mode .description-test-mode .alert-close:hover {
  background-color: rgba(255, 0, 0, 0.1);
}
.test-mode .description-test-mode .ov-close:before, .test-mode .description-test-mode #system_alert .alert-close:before, #system_alert .test-mode .description-test-mode .alert-close:before {
  width: 20px;
}
.test-mode .description-test-mode .ov-close:after, .test-mode .description-test-mode #system_alert .alert-close:after, #system_alert .test-mode .description-test-mode .alert-close:after {
  height: 20px;
}
.test-mode .description-test-mode .ov-close:before, .test-mode .description-test-mode #system_alert .alert-close:before, #system_alert .test-mode .description-test-mode .alert-close:before, .test-mode .description-test-mode .ov-close:after, .test-mode .description-test-mode #system_alert .alert-close:after, #system_alert .test-mode .description-test-mode .alert-close:after {
  background-color: rgba(255, 0, 0, 0.6);
}

.vid-list > li {
  position: relative;
  margin-bottom: 12px;
  background: rgba(0, 0, 0, 0.1);
}
.vid-list > li:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.vid-list > li:last-child {
  border: 0;
}
.vid-list .id-new .vid-rank {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.5625em;
}
.vid-list .vid-rank {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.7);
}
.vid-list .vid-rank, .vid-list .amount-raised {
  font-size: 2em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  color: #000;
  text-align: center;
  min-width: 40px;
  padding: 3px;
  line-height: 1em;
}
.vid-list .vid-rank .heading, .vid-list .amount-raised .heading {
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
  display: block;
  text-transform: uppercase;
}
.vid-list .vid-rank sup, .vid-list .amount-raised sup {
  font-size: 0.6em;
}
.vid-list .vid-body {
  padding: 12px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.vid-list .vid-body .btn-donate {
  letter-spacing: -0.5px;
  padding-left: 2em;
  padding-right: 0.5em;
}
.vid-list .amount-raised {
  margin-bottom: 12px;
}
.vid-list .btn-donate {
  margin-bottom: 12px;
}
.vid-list .vid-title {
  text-align: left;
  font-size: 1.25em;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  margin-bottom: 0;
}
.vid-list .vid-author {
  text-align: left;
  font-size: 1em;
}
.vid-list .vid-author .sub {
  font-size: 0.6875em;
}
.vid-list .social a {
  max-width: 100px;
}

.vid-thumb .thumb-container {
  max-width: 100%;
  display: block;
}
.vid-thumb .thumb-container img {
  width: 100%;
  display: block;
}
.vid-thumb .thumb-container img img {
  max-width: 100%;
}
.vid-thumb .btn-play-circle .svg-container {
  width: 70px;
  height: 70px;
}

ul.prizes li {
  margin-bottom: 18px;
  line-height: 1.2em;
}
ul.prizes li:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
ul.prizes li img {
  float: left;
  margin-bottom: 4px;
  max-width: 85px;
  margin-right: -100%;
}
ul.prizes li .prize-content {
  float: left;
  padding-left: 97px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
ul.prizes li .prize-name {
  display: block;
  font-weight: bold;
  margin-bottom: 0.1em;
}

.cc-field > * {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flyout {
  max-width: 300px;
  position: absolute;
  visibility: hidden;
  z-index: -9999;
  margin: 0 12px;
}
.flyout.active {
  visibility: visible;
  z-index: 8999;
}
.flyout:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  margin: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 24px solid #fff;
}
.flyout:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  margin: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 28px solid #ccc;
}
.flyout:before, .flyout:after {
  position: absolute;
  right: -23px;
  z-index: 2;
}
.flyout:before {
  right: -24px;
  z-index: 0;
}
.flyout .flyout-inner-wrapper {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  padding: 24px 36px;
  z-index: 1;
}

.challenge-flyout {
  display: none;
}

.activity-meter {
  height: 100px;
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(10%, rgba(0, 0, 0, 0.4)));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4) 10%);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4) 10%);
}
.activity-meter .amount-completed {
  position: relative;
  z-index: 1;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00cb1b), to(rgba(0, 150, 20, 0.7)));
  background-image: -o-linear-gradient(#00cb1b, rgba(0, 150, 20, 0.7));
  background-image: linear-gradient(#00cb1b, rgba(0, 150, 20, 0.7));
  -webkit-transition: width 375ms;
  -o-transition: width 375ms;
  transition: width 375ms;
}
.activity-meter .label {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 12px;
  color: #fff;
  z-index: 1;
}
.activity-meter .activity-amount, .activity-meter .amount-raised {
  display: block;
}
.activity-meter .activity-amount {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.activity-meter .time-remaining {
  color: #fff;
  position: absolute;
  right: 8.004px;
  top: 6px;
  z-index: 1;
  text-align: center;
  opacity: 0.8;
}
.activity-meter .time-remaining .amount-label {
  font-size: 0.75em;
  text-transform: uppercase;
}
.activity-meter .time-remaining .amount {
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-weight: normal;
  background: rgba(255, 255, 255, 0.15);
}
.activity-meter .graph {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35%;
}
.activity-meter .graph span {
  float: left;
  width: 12.5%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid;
  -o-border-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)) 1 100%;
     border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.4))) 1 100%;
     border-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)) 1 100%;
  height: 100%;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 14px;
}

.ov-donate .content.waiting .actions, .ov-join .content.waiting .actions, .auction .content.waiting .actions {
  position: relative;
}
.ov-donate .content.waiting .actions:before, .ov-join .content.waiting .actions:before, .auction .content.waiting .actions:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9) url(../images/loading.svg) no-repeat 50% 50%;
  background-size: contain;
  z-index: 1;
  padding-bottom: 1px;
}

.ov-donate {
  /* devbhead */
}
.ov-donate.join-coda-donate-nag .subheading {
  display: none;
}
.ov-donate.join-coda-donate-nag .join-coda-subheading {
  display: block;
}
.ov-donate.join-coda-donate-nag .preset-values {
  display: block;
}
.ov-donate .join-coda-subheading {
  display: none;
}
.ov-donate .team-name {
  font-weight: bold;
  font-size: 1.1em;
}
.ov-donate .amount-container {
  overflow: auto;
  position: relative;
}
.ov-donate .amount-container .currency {
  display: none;
  position: absolute;
  right: 1em;
  top: 0.4em;
}
.ov-donate .amount-container.active .currency {
  display: block;
}
.ov-donate input[name=amt] {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 375ms;
  -o-transition: height 375ms;
  transition: height 375ms;
}
.ov-donate input[name=amt].active {
  height: 40px;
}
.ov-donate input.validation-checked:invalid, .ov-donate input.invalid, .ov-donate select.validation-checked:invalid, .ov-donate select.invalid {
  border-color: #f00;
  color: #f00;
  background: rgba(255, 0, 0, 0.025);
}
.ov-donate .credit-card-info:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.ov-donate .status-msg ul.info {
  margin-bottom: 0;
}
.ov-donate .status-msg ul.info .hidden {
  display: none;
}
.ov-donate .amount-note {
  font-size: 0.8em;
  color: #999;
  position: relative;
  top: -0.9em;
  overflow: auto;
}
.ov-donate .amount-note .opt-hide-amount {
  margin-left: 2em;
}
.ov-donate .amount-note .opt-hide-amount input {
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.ov-donate .amount-note strong {
  color: #555;
}

.preset-values {
  margin: 0 -2px;
}
.preset-values:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.preset-values span {
  float: left;
  width: 25%;
  padding: 0 2px 4px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.preset-values span a {
  display: block;
  padding-left: 6px;
  padding-right: 6px;
}
.preset-values span a.active {
  background-color: #00cb1b;
  border-color: #009614;
}
.preset-values .preset-val-5, .preset-values .preset-val-10, .preset-values .preset-val-330, .preset-values .preset-val-5000, .preset-values .preset-val-10000 {
  display: none;
}

.ov-join .challenge-methods .tab {
  max-width: 48%;
  line-height: 33px;
  padding-top: 1px;
  padding-left: 7px;
  padding-right: 7px;
}
.ov-join .challenge-methods .tab > .active {
  padding-top: 0;
}
.ov-join .challenge-methods > .panes > .pane.upload {
  padding: 12px;
  border: 1px solid #c1c1c1;
  margin-bottom: 0.8em;
}
.ov-join .challenge-methods > .panes > .pane.upload.complete #yt-button {
  display: none;
}
.ov-join .challenge-methods .btn-select-photo, .ov-join .challenge-methods .btn-select-movie {
  margin-bottom: 12px;
}
.ov-join .video-title {
  position: relative;
  top: -0.7em;
  font-size: smaller;
  font-weight: bold;
  text-align: center;
}
.ov-join .coda h5 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
}
.ov-join .coda h5:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.ov-join .coda h5 a {
  display: block;
  font-weight: bold;
  font-size: 0.8em;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid #ccc;
  float: left;
  padding-right: 90px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  word-wrap: break-word;
}
.ov-join .coda h5 .btn-small {
  padding: 0;
  float: left;
  margin-top: 13px;
  width: 80px;
  margin-left: -82px;
  font-size: 12px;
  position: relative;
}
.ov-join .coda h5 .btn-small:after {
  content: "copied";
  text-transform: uppercase;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: #009614;
  pointer-events: none;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
}
.ov-join .coda h5 .btn-small.copied:after {
  opacity: 1;
}
.ov-join .coda .sharing {
  margin: 18px 0;
}
.ov-join .coda .sharing:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.ov-join .coda .sharing > li {
  float: left;
  width: 50%;
  text-align: center;
}
.ov-join .coda .sharing > li:first-child a {
  border-right: 1px solid #ccc;
}
.ov-join .coda .sharing > li.tw a:after {
  background-color: #1da1f3;
  -webkit-mask-image: url(../images/ic-twitter.svg);
  -moz-mask-image: url(../images/ic-twitter.svg);
  -ms-mask-image: url(../images/ic-twitter.svg);
  -o-mask-image: url(../images/ic-twitter.svg);
  mask-image: url(../images/ic-twitter.svg);
}
.ov-join .coda .sharing > li.fb a:after {
  background-color: #3b5998;
  -webkit-mask-image: url(../images/ic-facebook.svg);
  -moz-mask-image: url(../images/ic-facebook.svg);
  -ms-mask-image: url(../images/ic-facebook.svg);
  -o-mask-image: url(../images/ic-facebook.svg);
  mask-image: url(../images/ic-facebook.svg);
}
.ov-join .coda .sharing > li a {
  display: block;
  padding: 12px 12px 72px;
  -webkit-transition: background-color 375ms;
  -o-transition: background-color 375ms;
  transition: background-color 375ms;
  position: relative;
}
.ov-join .coda .sharing > li a:after {
  content: "";
  display: block;
  height: 56px;
  width: 56px;
  @indluce mask-repeat(no-repeat);
  -webkit-mask-size: contain;
  -moz-mask-size: contain;
  -ms-mask-size: contain;
  -o-mask-size: contain;
  mask-size: contain;
  background: #bababa;
  position: absolute;
  left: 50%;
  bottom: 12px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: background 375ms;
  -o-transition: background 375ms;
  transition: background 375ms;
}
.ov-join .coda .sharing > li a:hover:after {
  background-color: #00cb1b;
}

.ov-prize-bag .prize-description p {
  margin-bottom: 0.5em;
}

_:-ms-lang(x) .coda .sharing > li.tw a, .ov-join .coda .sharing > li.tw a {
  background-image: url(../images/ic-twitter.svg);
}
_:-ms-lang(x) .coda .sharing > li.fb a, .ov-join .coda .sharing > li.fb a {
  background-image: url(../images/ic-facebook.svg);
}
_:-ms-lang(x) .coda .sharing > li a, .ov-join .coda .sharing > li a {
  background-color: transparent;
  background-position: left 50% bottom 12px;
  background-repeat: no-repeat;
  background-size: 56px 56px;
}
_:-ms-lang(x) .coda .sharing > li a:after, .ov-join .coda .sharing > li a:after {
  display: none;
}

.form-section.name:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.form-section.name [name^=name_] {
  width: 48%;
}
.form-section.name [name=name_first] {
  float: left;
}
.form-section.name [name=name_last] {
  float: right;
}
.form-section.name .opt-anon {
  color: #999;
  clear: both;
  font-size: smaller;
  position: relative;
  top: -0.6em;
}
.form-section.name .opt-anon input {
  vertical-align: middle;
  position: relative;
  top: -2px;
}

#donate-form .mailing-address label {
  vertical-align: middle;
  line-height: 2.2;
}
#donate-form .mailing-address select[name=addr_country] {
  display: inline-block;
  width: 250px;
  float: right;
}
#donate-form .mailing-address .state_postcode .addr_state {
  display: inline-block;
  width: 48%;
  float: left;
}
#donate-form .mailing-address .state_postcode .addr_postcode {
  display: inline-block;
  width: 48%;
  float: right;
}
#donate-form .city_st {
  overflow: auto;
}
#donate-form .city_st .addr_city {
  display: inline-block;
  width: 72%;
  float: left;
}
#donate-form .city_st .addr_state {
  display: inline-block;
  width: 24%;
  float: right;
}

form.join .fine-print, #donate-form .fine-print {
  font-size: smaller;
}
form.join .terms-fd, #donate-form .terms-fd {
  margin: 0 0 4.8px 0;
  position: relative;
  top: -7.2px;
}
form.join .terms-fd input[type=checkbox], #donate-form .terms-fd input[type=checkbox] {
  margin-right: 6px;
}
form.join .terms-fd.accepted, #donate-form .terms-fd.accepted {
  display: none;
}

form.join input.field {
  color: #000;
  font-size: 17px;
}
form.join .terms-yt {
  display: none;
  font-size: x-small;
}
form.join.method-video .terms-yt {
  display: block;
}

#yt-file, #challenge_photo_upload, #challenge_video_upload {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.yt-user {
  margin-bottom: 12px;
  height: 40px;
}
.yt-user:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

#yt-channel-thumbnail {
  height: 100%;
  float: left;
  margin-right: 8px;
}

#yt-channel-name {
  display: block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

#yt-up-disclaimer {
  font-size: 0.75em;
  color: #aeaeae;
  max-width: 350px;
}

.yt-post-sign-in {
  display: none;
}

.challenge-methods .panes .btn-blue {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.challenge-methods .panes .btn-blue.file-selected {
  padding-left: 30px;
}
.challenge-methods .panes .btn-blue.file-selected + .btn-upload {
  display: block;
}
.challenge-methods .panes .btn-upload {
  display: none;
}

.yt-during-upload, .yt-post-upload {
  display: none;
  font-size: x-small;
}

.yt-during-upload p, .yt-post-upload p {
  margin: 0.5em 0 0.1em 0;
}

#yt-upload-progress {
  width: 100%;
  height: 24px;
}

#yt-player {
  width: 100px;
  display: none;
}

#yt-post-upload-status {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0;
}

#yt-post-upload-status li {
  display: inline;
  margin: 0 1em 0 0;
}

.accordion {
  background: #ebebeb;
  padding: 24px;
}
.accordion > li {
  border-bottom: 1px solid #ccc;
}
.accordion > li .accord-header {
  padding: 12px 0;
  font-size: 18px;
  cursor: pointer;
}
.accordion > li .accord-body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
.accordion > li.expanded .accord-body {
  max-height: 1500px;
}

/* DUEL TOOL PAGE */
body.duel-tool-create #container:after {
  content: none !important;
}
body.duel-tool-create #container #content {
  min-height: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
body.duel-tool-create .duel-tool-init-container {
  min-height: 100%;
  display: block;
}
body.duel-tool-create .duel-tool-init {
  padding-top: 24px;
  padding-bottom: 24px;
}
body.duel-tool-create .duel-tool-init section {
  margin-bottom: 24px;
}
body.duel-tool-create .duel-tool-init section > p {
  margin-bottom: 2px;
  font-weight: bold;
}
body.duel-tool-create .duel-tool-team-count.is-invalid {
  border: 1px solid #f00;
  padding: 12px;
}
body.duel-tool-create .duel-tool-team-count.is-invalid .validation-error-message {
  display: block;
}
body.duel-tool-create .duel-tool-team-count a {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 24px 12px;
  font-size: 24px;
  line-height: 1em;
  cursor: pointer;
  text-align: center;
}
body.duel-tool-create .duel-tool-team-count a.selected {
  color: #fff;
  background: #00cb1b;
}
body.duel-tool-create .duel-tool-team-count a .amount {
  display: block;
  font-size: 48px;
  font-weight: bold;
  line-height: 1em;
}
body.duel-tool-create .duel-tool-team-count .validation-error-message {
  display: none;
  color: #f00;
  text-transform: uppercase;
  font-size: 12px;
}
body.duel-tool-create .duel-tool-flyout {
  display: none;
}
body.duel-tool-create input[disabled] {
  background: rgba(0, 0, 0, 0.1);
}

body.individual-contestant.color-theme- .duel-info, body.individual-contestant.color-theme-white .duel-info, body.individual-contestant.color-theme-winter .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(225, 225, 225, 0)), to(rgba(225, 225, 225, 0.5)));
  background-image: -o-linear-gradient(rgba(225, 225, 225, 0), rgba(225, 225, 225, 0.5));
  background-image: linear-gradient(rgba(225, 225, 225, 0), rgba(225, 225, 225, 0.5));
}
body.individual-contestant.color-theme-salmon .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 175, 161, 0)), to(rgba(247, 175, 161, 0.5)));
  background-image: -o-linear-gradient(rgba(247, 175, 161, 0), rgba(247, 175, 161, 0.5));
  background-image: linear-gradient(rgba(247, 175, 161, 0), rgba(247, 175, 161, 0.5));
}
body.individual-contestant.color-theme-fdlightblue .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(140, 192, 229, 0)), to(rgba(140, 192, 229, 0.5)));
  background-image: -o-linear-gradient(rgba(140, 192, 229, 0), rgba(140, 192, 229, 0.5));
  background-image: linear-gradient(rgba(140, 192, 229, 0), rgba(140, 192, 229, 0.5));
}
body.individual-contestant.color-theme-subblue .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(202, 226, 243, 0)), to(rgba(202, 226, 243, 0.5)));
  background-image: -o-linear-gradient(rgba(202, 226, 243, 0), rgba(202, 226, 243, 0.5));
  background-image: linear-gradient(rgba(202, 226, 243, 0), rgba(202, 226, 243, 0.5));
}
body.individual-contestant.color-theme-fdlightgreen .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(133, 212, 144, 0)), to(rgba(133, 212, 144, 0.5)));
  background-image: -o-linear-gradient(rgba(133, 212, 144, 0), rgba(133, 212, 144, 0.5));
  background-image: linear-gradient(rgba(133, 212, 144, 0), rgba(133, 212, 144, 0.5));
}
body.individual-contestant.color-theme-subgreen .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(190, 232, 195, 0)), to(rgba(190, 232, 195, 0.5)));
  background-image: -o-linear-gradient(rgba(190, 232, 195, 0), rgba(190, 232, 195, 0.5));
  background-image: linear-gradient(rgba(190, 232, 195, 0), rgba(190, 232, 195, 0.5));
}
body.individual-contestant.color-theme-red .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(145, 57, 57, 0)), to(rgba(145, 57, 57, 0.5)));
  background-image: -o-linear-gradient(rgba(145, 57, 57, 0), rgba(145, 57, 57, 0.5));
  background-image: linear-gradient(rgba(145, 57, 57, 0), rgba(145, 57, 57, 0.5));
}
body.individual-contestant.color-theme-gold .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(145, 130, 33, 0)), to(rgba(145, 130, 33, 0.5)));
  background-image: -o-linear-gradient(rgba(145, 130, 33, 0), rgba(145, 130, 33, 0.5));
  background-image: linear-gradient(rgba(145, 130, 33, 0), rgba(145, 130, 33, 0.5));
}
body.individual-contestant.color-theme-orange .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 165, 0, 0)), to(rgba(255, 165, 0, 0.5)));
  background-image: -o-linear-gradient(rgba(255, 165, 0, 0), rgba(255, 165, 0, 0.5));
  background-image: linear-gradient(rgba(255, 165, 0, 0), rgba(255, 165, 0, 0.5));
}
body.individual-contestant.color-theme-purple .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(118, 70, 154, 0)), to(rgba(118, 70, 154, 0.5)));
  background-image: -o-linear-gradient(rgba(118, 70, 154, 0), rgba(118, 70, 154, 0.5));
  background-image: linear-gradient(rgba(118, 70, 154, 0), rgba(118, 70, 154, 0.5));
}
body.individual-contestant.color-theme-sunset .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 243, 184, 0)), to(#ffa500));
  background-image: -o-linear-gradient(rgba(252, 243, 184, 0), #ffa500);
  background-image: linear-gradient(rgba(252, 243, 184, 0), #ffa500);
}
body.individual-contestant.color-theme-ocean .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 150, 20, 0)), to(rgba(0, 150, 20, 0.75)));
  background-image: -o-linear-gradient(rgba(0, 150, 20, 0), rgba(0, 150, 20, 0.75));
  background-image: linear-gradient(rgba(0, 150, 20, 0), rgba(0, 150, 20, 0.75));
}
body.individual-contestant.color-theme-us #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(7.5%, #fff), color-stop(15%, rgba(255, 0, 0, 0.5)), color-stop(22.5%, #fff));
  background-image: -o-linear-gradient(#f00, #fff 7.5%, rgba(255, 0, 0, 0.5) 15%, #fff 22.5%);
  background-image: linear-gradient(#f00, #fff 7.5%, rgba(255, 0, 0, 0.5) 15%, #fff 22.5%);
}
body.individual-contestant.color-theme-us .duel-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 71, 123, 0)), to(rgba(0, 71, 123, 0.75)));
  background-image: -o-linear-gradient(rgba(0, 71, 123, 0), rgba(0, 71, 123, 0.75));
  background-image: linear-gradient(rgba(0, 71, 123, 0), rgba(0, 71, 123, 0.75));
}
body.individual-contestant .individual-team-head {
  padding-top: 60px;
  margin-bottom: 24px;
}
body.individual-contestant .individual-team-head .team-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0)));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  border-top: 1px solid #fff;
  border-bottom: 0;
  border-radius: 40px 0 0 0;
  padding: 0 12px 12px;
}
body.individual-contestant .individual-team-head .team-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.individual-contestant .individual-team-head .img-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  display: block;
  width: 80px;
  margin: -1px 12px 0 -12px;
  height: 80px;
  border: 3px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
}
body.individual-contestant .individual-team-head .img-container img {
  max-width: 100%;
  display: none;
}
body.individual-contestant .individual-team-head a.img-container {
  -webkit-transition: border-color 375ms;
  -o-transition: border-color 375ms;
  transition: border-color 375ms;
}
body.individual-contestant .individual-team-head a.img-container:hover {
  border-color: #f00;
}
body.individual-contestant .individual-team-head h1, body.individual-contestant .individual-team-head h2 {
  font-weight: bold;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 0;
  line-height: 1em;
  font-size: 1.5em;
}
body.individual-contestant .individual-team-head h2 a {
  color: #000;
}
body.individual-contestant .individual-team-head .rank {
  margin-right: -12px;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  background: #ffa500;
  color: #fff;
  height: 80px;
  position: relative;
}
body.individual-contestant .individual-team-head .rank.winner {
  background: #005694;
}
body.individual-contestant .individual-team-head .rank .rank-inner {
  padding: 0 6px;
  display: block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}
body.individual-contestant .individual-team-head .rank .rank-heading, body.individual-contestant .individual-team-head .rank .rank-foot {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 10px;
  display: block;
}
body.individual-contestant .individual-team-head .actions:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
body.individual-contestant .individual-team-head .actions .btn, body.individual-contestant .individual-team-head .actions .btn-blue, body.individual-contestant .individual-team-head .actions .btn-blue-outline, body.individual-contestant .individual-team-head .actions .btn-red, body.individual-contestant .individual-team-head .actions .btn-green, body.individual-contestant .individual-team-head .actions .btn-gold, body.individual-contestant .individual-team-head .actions .btn-orange, body.individual-contestant .individual-team-head .actions .btn-gallery, body.individual-contestant .individual-team-head .actions .btn-play-text {
  float: left;
}
body.individual-contestant .individual-team-head .actions .amount-container {
  float: left;
  font-size: 1em;
}
body.individual-contestant .individual-team-head .amount {
  float: left;
  font-size: 1.5em;
  height: 47px;
  line-height: 37px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  min-width: 120px;
  text-align: right;
  background: rgba(255, 255, 255, 0.5);
}
body.individual-contestant .individual-team-head .amount sup {
  font-size: 0.6em;
}
body.individual-contestant .individual-team-head .amount-label {
  height: 17px;
  font-size: 0.75em;
}
body.individual-contestant .individual-team-head .intersticial {
  border: solid rgba(0, 0, 0, 0.2);
  border-width: 1px 0;
  text-align: center;
  margin-bottom: 12px;
}
body.individual-contestant .individual-team-head .duel-info {
  padding: 0 12px 12px;
}
body.individual-contestant .individual-team-head .duel-info-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.individual-contestant .individual-team-body-heading h2 {
  font-weight: bold;
  margin-bottom: 0;
}
body.individual-contestant .individual-team-body-heading .subheading {
  display: block;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
}
body.individual-contestant div.duel-team {
  background: none;
}

body.duel-tool.submission-invalid .submit-actions .submit-message {
  margin-bottom: 12px;
}
body.duel-tool.submission-invalid .submit-actions .incomplete-list-container {
  display: block;
}
body.duel-tool.campaign-state-submitted .submit-actions .submitted-message {
  display: block;
}
body.duel-tool.submission-invalid .submit-actions .btn-container, body.duel-tool.campaign-state-submitted .submit-actions .btn-container {
  margin-bottom: 12px;
}
body.duel-tool #container:after {
  content: "editing mode";
  opacity: 0.4;
}
body.duel-tool #container .btn-donate, body.duel-tool #container .btn-upload, body.duel-tool #container a.fb, body.duel-tool #container a.tw {
  pointer-events: none;
}
body.duel-tool #container .btn-upload {
  display: none;
}
body.duel-tool #content .duel-tool-flyout {
  position: absolute;
  visibility: visible;
  left: auto;
  right: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
body.duel-tool .ov-login .ov-close, body.duel-tool .ov-login #system_alert .alert-close, #system_alert body.duel-tool .ov-login .alert-close {
  display: none;
}
body.duel-tool.duel #container #content {
  min-height: 100%;
}
body.duel-tool.duel .duel-tool-init-container {
  display: none;
}
body.duel-tool .duel-title .duel-tool-editable:before {
  top: 0;
}
body.duel-tool span.duel-tool-editable {
  display: inline-block;
}
body.duel-tool .duel-tool-editable {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
  position: relative;
  -webkit-transition: border-color 375ms;
  -o-transition: border-color 375ms;
  transition: border-color 375ms;
  min-height: 1em;
}
body.duel-tool .duel-tool-editable:hover {
  border-color: rgba(0, 0, 0, 0.25);
}
body.duel-tool .duel-tool-editable:hover:before {
  opacity: 1;
}
body.duel-tool .duel-tool-editable:before {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(../images/ic-edit.svg) no-repeat left top/30px;
  top: -10px;
  right: -12px;
  opacity: 0.5;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
  z-index: 2;
}
body.duel-tool .duel-tool-editable.edit-active .duel-tool-edit {
  visibility: visible;
  z-index: 1;
}
body.duel-tool .duel-tool-editable.textarea-container {
  min-height: 8em;
}
body.duel-tool .duel-tool-editable .duel-tool-edit {
  visibility: hidden;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  text-align: inherit;
}
body.duel-tool .duel-tool-editable.rich-text-edit-active {
  -webkit-user-select: text;
}
body.duel-tool .campaign-goal.edit-active {
  padding-right: 36px;
}
body.duel-tool .campaign-sponsor-img .duel-tool-item-label {
  display: none;
}
body.duel-tool .campaign-sponsor-img .duel-tool-edit {
  cursor: pointer;
  position: static;
  visibility: visible;
  background: url(../images/select-sponsor-img.png) no-repeat left top/contain;
  width: 100%;
  min-width: 200px;
  min-height: 200px;
}
body.duel-tool .time-remaining {
  position: relative;
}
body.duel-tool .time-remaining .datepicker {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 1px;
  z-index: 1;
  opacity: 0;
  height: 48px;
  width: 100%;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
}
body.duel-tool .time-remaining .datepicker input {
  margin: 0;
  height: 100%;
  text-align: center;
  cursor: pointer;
}
body.duel-tool .time-remaining .datepicker.edit-active, body.duel-tool .time-remaining .datepicker.in-progress {
  opacity: 1;
  min-width: 360px;
  z-index: 3;
}
body.duel-tool .input-wrapper {
  border: 0;
}
body.duel-tool .input-wrapper img.in-progress ~ .duel-tool-item-label:after {
  content: "";
  height: 40px;
  width: 40px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../images/loading.svg) no-repeat center center/contain;
  background: url(../images/loading.svg) no-repeat;
}
body.duel-tool .input-wrapper .in-progress ~ progress {
  visibility: visible;
}
body.duel-tool .input-wrapper progress {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.3);
}
body.duel-tool .required {
  position: relative;
}
body.duel-tool .required:after {
  content: "*";
  position: absolute;
  left: 4px;
  top: 4px;
  color: #f00;
  text-shadow: 0 0 4px #fff;
  font-size: 16px;
  line-height: 16px;
}
body.duel-tool .mobile-scoreboard .slick-list {
  overflow: visible;
}
body.duel-tool .team-profile-pic-container .input-wrapper, body.duel-tool .mobile-duel-team-container .input-wrapper {
  display: table;
}
body.duel-tool .team-profile-pic-container .input-wrapper.edit-active, body.duel-tool .mobile-duel-team-container .input-wrapper.edit-active {
  display: table;
}
body.duel-tool .team-profile-pic-container .input-wrapper.edited .duel-tool-item-label, body.duel-tool .mobile-duel-team-container .input-wrapper.edited .duel-tool-item-label {
  visibility: hidden;
}
body.duel-tool .team-profile-pic-container .input-wrapper .duel-tool-edit, body.duel-tool .mobile-duel-team-container .input-wrapper .duel-tool-edit {
  z-index: -1;
  visibility: hidden;
}
body.duel-tool .team-profile-pic-container .input-wrapper .duel-tool-item-label, body.duel-tool .mobile-duel-team-container .input-wrapper .duel-tool-item-label {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  font-size: 0.75em;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
body.duel-tool .team-profile-pic-container .input-wrapper img, body.duel-tool .mobile-duel-team-container .input-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
body.duel-tool .team-profile-pic-container {
  z-index: 1;
}
body.duel-tool .team-profile-pic-container .duel-tool-editable {
  z-index: 1;
  width: 100%;
  height: 100%;
}
body.duel-tool .team-profile-pic-container .duel-tool-editable:before {
  top: 50%;
  right: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
body.duel-tool .mobile-duel-team-container.contestant-blank .bar-graph {
  min-height: 0 !important;
}
body.duel-tool .mobile-duel-team-container .input-wrapper {
  border: none;
  background: none;
  position: relative;
  height: 100%;
  width: 100%;
  margin-bottom: -75px;
}
body.duel-tool .mobile-duel-team-container .input-wrapper:before {
  right: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
body.duel-tool .mobile-duel-team-container .btn-delete {
  position: absolute;
  top: -36px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
body.duel-tool .team-head {
  position: relative;
}
body.duel-tool .team-head .btn-delete {
  position: absolute;
  bottom: 4px;
  left: 110px;
}
body.duel-tool .team-right h2.team-name:before, body.duel-tool .team-right .team-subhead:before {
  right: auto;
  left: -12px;
}
body.duel-tool .team-right .team-head .btn-delete {
  left: auto;
  right: 110px;
}
body.duel-tool .duel-head .desktop-scoreboard .team-short-description.duel-tool-editable {
  overflow: visible;
}
body.duel-tool .hero-image .input-wrapper, body.duel-tool .challenge-media-container .input-wrapper {
  background: none;
  display: block;
}
body.duel-tool .hero-image .input-wrapper .duel-tool-item-label, body.duel-tool .challenge-media-container .input-wrapper .duel-tool-item-label {
  display: block;
  margin: 24px auto;
  width: 90%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.9);
  padding: 24px 36px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
body.duel-tool .hero-image .input-wrapper .duel-tool-edit, body.duel-tool .challenge-media-container .input-wrapper .duel-tool-edit {
  visibility: hidden;
  z-index: -1;
}
body.duel-tool .hero-image.duel-tool-empty-container .input-wrapper .duel-tool-item-label, body.duel-tool .challenge-media-container.duel-tool-empty-container .input-wrapper .duel-tool-item-label {
  position: static;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
body.duel-tool .challenge-media-container progress {
  top: 40%;
}
body.duel-tool .challenge-media-container.duel-tool-empty-container {
  border: 6px solid #fff;
}
body.duel-tool .pitch-video-input-container {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 12px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.duel-tool .pitch-video-input-container .pitch-video-input-body {
  text-align: center;
  margin: 0 12px;
}
body.duel-tool .pitch-video-input-container .preview-video-wrapper {
  display: none;
  width: 160px;
}
body.duel-tool .pitch-video-input-container .preview-video-wrapper.edited {
  display: block;
}
body.duel-tool .pitch-video-input-container .preview-video-wrapper .caption {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
  font-size: 0.6em;
}
body.duel-tool .pitch-video-input-container .preview-video-wrapper a, body.duel-tool .pitch-video-input-container .preview-video-wrapper img {
  width: 100%;
  display: block;
}
body.duel-tool .pitch-video-input-container .preview-video-wrapper .svg-container {
  width: 40px;
  height: 40px;
}
body.duel-tool .pitch-video-input-container p {
  font-size: 0.8em;
}
body.duel-tool .pitch-video-input-container .terms-yt {
  margin-top: 1em;
  padding-top: 1em;
  text-align: left;
  font-size: 0.7em;
  border-top: 1px solid #ccc;
}
body.duel-tool .pitch-video-input-container .duel-tool-editable:before {
  content: none;
}
body.duel-tool .pitch-video-input-container .input-wrapper {
  display: inline-block;
}
body.duel-tool .pitch-video-input-container .input-wrapper:hover .btn, body.duel-tool .pitch-video-input-container .input-wrapper:hover .btn-blue, body.duel-tool .pitch-video-input-container .input-wrapper:hover .btn-blue-outline, body.duel-tool .pitch-video-input-container .input-wrapper:hover .btn-red, body.duel-tool .pitch-video-input-container .input-wrapper:hover .btn-green, body.duel-tool .pitch-video-input-container .input-wrapper:hover .btn-gold, body.duel-tool .pitch-video-input-container .input-wrapper:hover .btn-orange, body.duel-tool .pitch-video-input-container .input-wrapper:hover .btn-gallery, body.duel-tool .pitch-video-input-container .input-wrapper:hover .btn-play-text {
  background-color: #303030;
}
body.duel-tool .pitch-video-input-container .input-wrapper .duel-tool-item-label {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-indent: -9999999px;
  cursor: pointer;
}
body.duel-tool .pitch-video-input-container .input-wrapper .duel-tool-edit {
  visibility: hidden;
}
body.duel-tool .pitch-video-input-container .actions {
  margin: 0;
}
body.duel-tool .pitch-video-url-field, body.duel-tool .challenge-video-url-field {
  display: none;
  margin: 12px 0;
}
body.duel-tool .pitch-video-url-field.active, body.duel-tool .challenge-video-url-field.active {
  display: block;
}
body.duel-tool .challenge-video-url-input-container {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 12px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.duel-tool .challenge-video-url-input-container .actions {
  display: block !important;
}
body.duel-tool .challenge-video-url-input-container .terms-yt {
  margin-bottom: 1em;
  padding-bottom: 1em;
  text-align: left;
  font-size: 0.7em;
  border-bottom: 1px solid #ccc;
}
body.duel-tool .challenge-video-url-input-container .terms-yt a {
  display: inline;
  padding: 0;
}
body.duel-tool #duel_tool_inserts {
  visibility: hidden;
  position: fixed;
  z-index: -1;
  left: -100%;
}
body.duel-tool .duel-tool-flyout {
  visibility: hidden;
  position: fixed;
  left: -9999px;
  top: 56px;
  width: 400px;
  max-width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px;
  z-index: 9000;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 375ms;
  transition: -webkit-transform 375ms;
  -o-transition: transform 375ms;
  transition: transform 375ms;
  transition: transform 375ms, -webkit-transform 375ms;
}
body.duel-tool .duel-tool-flyout .activation-handle {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #fff;
  border-right: 0;
  padding: 12px;
  border-radius: 6px 0 0 6px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75em;
}
body.duel-tool .duel-tool-flyout .activation-handle span {
  display: block;
}
body.duel-tool .duel-tool-flyout .activation-handle .open-flyout, body.duel-tool .duel-tool-flyout .activation-handle .close-flyout {
  height: 0.75em;
  line-height: 0.75em;
}
body.duel-tool .duel-tool-flyout .activation-handle .heading {
  border-bottom: 1px solid;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
body.duel-tool .duel-tool-flyout .activation-handle .heading span {
  line-height: 0.9em;
}
body.duel-tool .duel-tool-flyout .activation-handle .open-flyout {
  display: block;
}
body.duel-tool .duel-tool-flyout .activation-handle .open-flyout:before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  float: none;
  margin: 0 3px 0 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-right: 10px solid #499cec;
}
body.duel-tool .duel-tool-flyout .activation-handle .close-flyout {
  display: none;
}
body.duel-tool .duel-tool-flyout .activation-handle .close-flyout:after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  float: none;
  margin: 0 0 0 3px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 10px solid #499cec;
}
body.duel-tool .duel-tool-flyout.active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  top: 109px;
}
body.duel-tool .duel-tool-flyout.active .activation-handle {
  border-radius: 6px 6px 0 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  background-color: #fff;
}
body.duel-tool .duel-tool-flyout.active .activation-handle .close-flyout {
  display: block;
}
body.duel-tool .duel-tool-flyout.active .activation-handle .open-flyout {
  display: none;
}
body.duel-tool .duel-tool-flyout fieldset {
  margin-bottom: 12px;
}
body.duel-tool .duel-tool-flyout h5 {
  margin-bottom: 6px;
}
body.duel-tool .input-wrapper {
  display: block;
}
body.duel-tool .input-wrapper img {
  max-width: 100%;
}
body.duel-tool .input-wrapper.edit-active .duel-tool-edit {
  visibility: hidden;
}
body.duel-tool .image-editor-container {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 72px 0;
}
body.duel-tool .image-editor-container progress {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 24px);
      -ms-transform: translate(-50%, 24px);
          transform: translate(-50%, 24px);
  width: 80%;
  background: rgba(0, 0, 0, 0.3);
}
body.duel-tool .image-editor-container .actions, body.duel-tool .image-editor-container .status-msg {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 12px;
  height: 48px;
  line-height: 48px;
}
body.duel-tool .image-editor-container .actions {
  top: 0;
}
body.duel-tool .image-editor-container .actions .svg-container {
  cursor: pointer;
  display: inline-block;
  width: 48px;
  height: 48px;
}
body.duel-tool .image-editor-container .actions .image-edit .cls-1, body.duel-tool .image-editor-container .actions .image-save .cls-1 {
  fill: #009614;
}
body.duel-tool .image-editor-container .actions .image-rotate-clock .cls-1, body.duel-tool .image-editor-container .actions .image-rotate-counter .cls-1 {
  fill: #0165ad;
}
body.duel-tool .image-editor-container .actions .image-crop g > * {
  fill: #0165ad;
}
body.duel-tool .image-editor-container .actions .image-cancel .cls-1 {
  fill: #f00;
}
body.duel-tool .image-editor-container .image-container {
  height: 100%;
  width: 100%;
}
body.duel-tool .image-editor-container .image-container img {
  max-width: 100%;
}
body.duel-tool .image-editor-container .status-msg {
  bottom: 0;
  color: #fff;
}
body.duel-tool .ov-setup-payments {
  /*def in scope .ov-setup-payments */
}
body.duel-tool .ov-setup-payments .hidden {
  display: none !important;
}
body.duel-tool .ov-setup-payments .edit, body.duel-tool .ov-setup-payments .create {
  display: none;
}
body.duel-tool .ov-setup-payments.edit span.edit {
  display: inline;
}
body.duel-tool .ov-setup-payments.edit label.edit {
  display: block;
}
body.duel-tool .ov-setup-payments.create span.create {
  display: inline;
}
body.duel-tool .ov-setup-payments.confirm {
  padding: 0;
}
body.duel-tool .ov-setup-payments.confirm .ov-inner-wrapper {
  max-width: 1110px;
  height: 100%;
}
body.duel-tool .ov-setup-payments.confirm .content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.duel-tool .ov-setup-payments.confirm .content > h4 {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
body.duel-tool .ov-setup-payments.confirm form {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: none;
  width: 100%;
}
body.duel-tool .ov-setup-payments.confirm .step-confirm {
  max-width: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.duel-tool .ov-setup-payments.confirm .step-confirm .instructions {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
body.duel-tool .ov-setup-payments.confirm .iframe-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body.duel-tool .ov-setup-payments.confirm iframe {
  width: 100%;
  height: 100%;
  border-width: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0 -12px;
  display: block;
}
body.duel-tool .ov-setup-payments.confirm .usio-highlight {
  background: #fff3cd;
}
body.duel-tool .ov-setup-payments.confirmed .ov-close, body.duel-tool .ov-setup-payments.confirmed #system_alert .alert-close, #system_alert body.duel-tool .ov-setup-payments.confirmed .alert-close {
  display: none;
}
body.duel-tool .ov-setup-payments.confirmed form {
  max-width: none;
}
body.duel-tool .ov-setup-payments.confirmed .confirmation-actions {
  text-align: right;
}
body.duel-tool .ov-setup-payments.confirm .actions, body.duel-tool .ov-setup-payments.confirmed .actions {
  display: none;
}
body.duel-tool .ov-setup-payments h4 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
}
body.duel-tool .ov-setup-payments input.edited:invalid, body.duel-tool .ov-setup-payments select.edited:invalid {
  border-color: #f00;
  color: #f00;
  background: rgba(255, 0, 0, 0.025);
}
body.duel-tool .ov-setup-payments form {
  max-width: none;
}
body.duel-tool .ov-setup-payments iframe {
  display: none;
}
body.duel-tool .ov-setup-payments .step {
  max-width: 400px;
  margin: 0 auto;
}
body.duel-tool .ov-setup-payments .step-1 > div {
  border: 1px solid #ccc;
  padding: 12px;
  margin-bottom: 12px;
}
body.duel-tool .ov-setup-payments .step-1 .existing-account, body.duel-tool .ov-setup-payments .step-1 .incomplete-account {
  display: none;
}
body.duel-tool .ov-setup-payments .step-1 .existing-account.active, body.duel-tool .ov-setup-payments .step-1 .existing-account.active + .conjunction, body.duel-tool .ov-setup-payments .step-1 .incomplete-account.active, body.duel-tool .ov-setup-payments .step-1 .incomplete-account.active + .conjunction {
  display: block;
}
body.duel-tool .ov-setup-payments .step-1 .existing-account select, body.duel-tool .ov-setup-payments .step-1 .incomplete-account select {
  max-width: none;
}
body.duel-tool .ov-setup-payments .step-1 .current-account {
  border: 1px solid #ccc;
  border-bottom: 0;
  background: rgba(0, 203, 27, 0.3);
  font-size: 16px;
  text-transform: uppercase;
  padding: 3px 6px;
}
body.duel-tool .ov-setup-payments .step-1 .conjunction {
  display: none;
  text-align: center;
  font-size: 0.75em;
}
body.duel-tool .ov-setup-payments .step-1 .new-account label {
  display: block;
  padding: 6px 12px 6px 36px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.05);
  margin-bottom: 6px;
  border-radius: 3px;
}
body.duel-tool .ov-setup-payments .step-1 input {
  float: left;
  clear: left;
  margin: 12px 12px;
}
body.duel-tool .ov-setup-payments form .individual, body.duel-tool .ov-setup-payments form .organization {
  display: none;
}
body.duel-tool .ov-setup-payments form.individual .individual {
  display: block;
}
body.duel-tool .ov-setup-payments form.individual a.individual, body.duel-tool .ov-setup-payments form.individual span.individual {
  display: inline;
}
body.duel-tool .ov-setup-payments form.organization .organization {
  display: block;
}
body.duel-tool .ov-setup-payments form.organization a.organization, body.duel-tool .ov-setup-payments form.organization span.organization {
  display: inline;
}
body.duel-tool .ov-setup-payments form.organization .steps a:after {
  width: 100px;
}
body.duel-tool .ov-setup-payments form.organization .steps a[data-step="3"]:after {
  content: "";
}
body.duel-tool .ov-setup-payments form .required:after {
  content: "*";
  color: #f00;
}
body.duel-tool .ov-setup-payments form input.edited:valid, body.duel-tool .ov-setup-payments form select.edited:valid {
  background: url(../images/check60.png) no-repeat 98% 50%/20px;
}
body.duel-tool .ov-setup-payments .actions {
  padding-bottom: 12px;
  margin-top: 12px;
}
body.duel-tool .ov-setup-payments .actions a {
  cursor: pointer;
}
body.duel-tool .ov-setup-payments .actions .svg-container {
  width: 48px;
  height: 48px;
  border: 1px solid #0165ad;
  border-radius: 50%;
  padding: 8px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body.duel-tool .ov-setup-payments .actions .svg-container path {
  fill: #0165ad;
}
body.duel-tool .ov-setup-payments .other-actions {
  position: relative;
  padding-bottom: 60px;
}
body.duel-tool .ov-setup-payments .other-actions .next, body.duel-tool .ov-setup-payments .other-actions .prev {
  line-height: 48px;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
}
body.duel-tool .ov-setup-payments .other-actions .next.disabled, body.duel-tool .ov-setup-payments .other-actions .prev.disabled {
  opacity: 0.3;
  pointer-events: none;
}
body.duel-tool .ov-setup-payments .other-actions .prev .svg-container {
  float: left;
  margin-right: 5px;
}
body.duel-tool .ov-setup-payments .other-actions .next {
  float: right;
}
body.duel-tool .ov-setup-payments .other-actions .next .svg-container {
  float: right;
  margin-left: 5px;
}
body.duel-tool .ov-setup-payments .other-actions .raiser-step-1-reset, body.duel-tool .ov-setup-payments .other-actions button, body.duel-tool .ov-setup-payments .other-actions a.btn-blue {
  opacity: 0;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
body.duel-tool .ov-setup-payments .other-actions button, body.duel-tool .ov-setup-payments .other-actions a.btn-blue {
  right: 0;
}
body.duel-tool .ov-setup-payments .other-actions .raiser-step-1-reset {
  left: 0;
}
body.duel-tool .ov-setup-payments .other-actions .save-progress {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
body.duel-tool .ov-setup-payments[data-step="1"] .actions .prev {
  opacity: 0;
  pointer-events: none;
}
body.duel-tool .ov-setup-payments[data-step="1"] .other-actions {
  padding-bottom: 0;
}
body.duel-tool .ov-setup-payments[data-step="1"] .other-actions .save-progress {
  display: none;
}
body.duel-tool .ov-setup-payments[data-step="3"] form.individual .actions .next {
  opacity: 0;
  pointer-events: none;
}
body.duel-tool .ov-setup-payments[data-step="3"] form.individual .actions button {
  pointer-events: none;
  opacity: 0.3;
  z-index: auto;
}
body.duel-tool .ov-setup-payments[data-step="3"] form.individual.form-valid .actions button {
  opacity: 1;
  pointer-events: auto;
}
body.duel-tool .ov-setup-payments[data-step="4"] .actions .next {
  opacity: 0;
  pointer-events: none;
}
body.duel-tool .ov-setup-payments[data-step="4"] .actions button {
  opacity: 0.3;
  z-index: auto;
}
body.duel-tool .ov-setup-payments[data-step="4"] form.form-valid .actions button {
  opacity: 1;
  pointer-events: auto;
}
body.duel-tool .ov-setup-payments.existing-selected {
  /*.step-1 .existing-account.active ~ .conjunction, .new-account, .steps, label.current-account {
  	display:none;
  }*/
}
body.duel-tool .ov-setup-payments.existing-selected .other-actions .next, body.duel-tool .ov-setup-payments.existing-selected .other-actions .prev {
  opacity: 0;
}
body.duel-tool .ov-setup-payments.existing-selected .other-actions .raiser-step-1-reset, body.duel-tool .ov-setup-payments.existing-selected .other-actions a.btn-blue {
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
}
body.duel-tool .ov-setup-payments .steps {
  clear: both;
  margin: 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.duel-tool .ov-setup-payments .steps a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #999;
  color: #fff;
  font-size: 10px;
  line-height: 1.1em;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
body.duel-tool .ov-setup-payments .steps a.disabled {
  cursor: auto;
}
body.duel-tool .ov-setup-payments .steps a.complete {
  background-color: #0165ad;
}
body.duel-tool .ov-setup-payments .steps a.complete:after {
  background-color: #0165ad;
}
body.duel-tool .ov-setup-payments .steps a.active {
  background-color: #00cb1b;
}
body.duel-tool .ov-setup-payments .steps a > span {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  display: block;
}
body.duel-tool .ov-setup-payments .steps a:after {
  content: "";
  display: block;
  height: 1px;
  width: 150px;
  background: #999;
  position: absolute;
  z-index: 0;
  left: 100%;
  top: 50%;
}
body.duel-tool .ov-setup-payments .steps a[data-step="3"]:after, body.duel-tool .ov-setup-payments .steps a:last-child:after {
  content: normal;
}
body.duel-tool .ov-manage-auctions .content #auction-list {
  border-spacing: 7px 0.6em;
  border-collapse: separate;
}
body.duel-tool .ov-manage-auctions .content #auction-list tr td.id {
  outline: 1px solid #999;
  background: #eee;
  text-align: center;
}
body.duel-tool .ov-manage-auctions .content #auction-list tr .prize-select {
  display: inline-block;
  max-width: 120px;
}
body.duel-tool .ov-manage-auctions .content #auction-list tr .prize-select img {
  display: block;
  max-width: 100%;
}
body.duel-tool .ov-manage-auctions .content #auction-list tr td.bid-amt-in label {
  display: block;
}
body.duel-tool .ov-manage-auctions .content #auction-list tr td.bid-amt-in input {
  display: inline-block;
  padding: 4px;
  margin: 0;
  height: auto;
  width: 4em;
}
body.duel-tool .ov-manage-auctions .content #auction-list tr td.del {
  padding-left: 1em;
}
body.duel-tool .ov-manage-auctions .content #auction-list tr td.del a {
  background: red;
  color: white;
  outline: 1px solid #666;
}
body.duel-tool .ov-manage-auctions .content #auction-list tr.new .id-new a {
  background: green;
  color: white;
  outline: 1px solid #666;
}
body.duel-tool .ov-manage-auctions .content #auction-list tr.new td.bid-amt-in label, body.duel-tool .ov-manage-auctions .content #auction-list tr.new td.bid-amt-in input {
  display: none;
}
body.duel-tool .ov-manage-auctions .content #auction-list tr.new .del a {
  display: none;
}
body.duel-tool .ov-manage-auctions .content #dlg-prize {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  outline: 1px solid cyan;
  overflow-y: scroll;
  /*width: 100%; height: 100%;*/
  background: rgba(255, 255, 255, 0.7);
}
body.duel-tool .ov-manage-auctions .content #dlg-prize.closed {
  display: none;
}
body.duel-tool .ov-manage-auctions .content #dlg-prize .prize {
  display: inline-block;
  width: 31%;
  height: 182px;
  margin: 1%;
  overflow: hidden;
  outline: 1px solid #666;
  text-align: center;
}
body.duel-tool .ov-manage-auctions .content #dlg-prize .prize img {
  width: 98%;
  margin: 2px auto;
}
body.duel-tool .ov-manage-auctions .content #dlg-prize .prize span {
  display: block;
  white-space: nowrap;
}
body.duel-tool .add-raiser-container {
  margin-top: 12px;
  text-align: center;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 375ms;
  -o-transition: max-height 375ms;
  transition: max-height 375ms;
}
body.duel-tool .add-raiser-container.ready {
  max-height: 70px;
}
body.duel-tool .add-raiser {
  display: inline-block;
}
body.duel-tool .add-raiser:before {
  content: none;
}
body.duel-tool .add-raiser.edit-active .duel-tool-edit {
  visibility: hidden;
  z-index: -1;
}
body.duel-tool .add-raiser .btn-container {
  display: inline-block;
}
body.duel-tool .add-raiser .btn-container p {
  margin-bottom: 0.5em;
  text-shadow: 0 0 2px #000;
}
body.duel-tool .submit-actions {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  text-align: center;
}
body.duel-tool .submit-actions.height-limited {
  position: absolute;
}
body.duel-tool .submit-actions .submitted-message {
  display: none;
  text-align: left;
  background: rgba(0, 0, 0, 0.8);
  padding: 12px;
}
body.duel-tool .submit-actions .submitted-message p {
  margin-bottom: 0;
}
body.duel-tool .submit-actions .incomplete-list-container {
  display: none;
  text-align: left;
}
body.duel-tool .submit-actions .incomplete-list-container a {
  cursor: pointer;
}
body.duel-tool .submit-actions .incomplete-list-container a:before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  float: none;
  margin: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 12px solid #499cec;
}
body.duel-tool .submit-actions .incomplete-list-container a:before {
  margin: 0 0.25em -0.25em;
  -webkit-transition: border-color-left 375ms;
  -o-transition: border-color-left 375ms;
  transition: border-color-left 375ms;
}
body.duel-tool .submit-actions .incomplete-list-container a:hover:before {
  border-left-color: #1676d3;
}
body.duel-tool .footer-visible .submit-actions {
  position: absolute;
}
body.duel-tool .highlight-required {
  -webkit-animation: pulse-red 2s infinite;
          animation: pulse-red 2s infinite;
  border: 1px solid #f00;
}
body.duel-tool .mobile-duel-team .img-container .highlight-required {
  border-radius: 50%;
  border: 2px solid #f00;
  position: absolute;
  left: -2px;
  top: -2px;
  /* 20191218.1618 master ended here */
}

/* PARALLEL (SILENT) AUCTION PAGE */
.auction-get-started {
  background: rgba(255, 255, 255, 0.75);
  padding: 12px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: bold;
}
.auction-get-started a {
  cursor: pointer;
}

.auction-container {
  display: block;
  margin-left: 0;
  margin-right: 0;
  background: none;
}
.auction-container .bid-container .actions .launch-bidder-profile {
  position: relative;
  text-transform: uppercase;
  font-size: 0.75em;
  background: rgba(0, 0, 0, 0.5);
  padding: 3px 6px 3px 21px;
  color: #fff;
}
.auction-container .bid-container .actions .launch-bidder-profile:before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  float: none;
  margin: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 10px solid #fff;
}
.auction-container .bid-container .actions .launch-bidder-profile:before {
  position: absolute;
  left: 6px;
  top: 50%;
}
.auction-container .auction {
  padding: 12px;
  margin-bottom: 12px;
  background: rgba(0, 0, 0, 0.5);
}
.auction-container .auction.bidder-profile-ready .actions .launch-bidder-profile {
  display: none;
}

/* INDIVIDUAL CHALLENGE PAGE, PLEDGE-A-THON PAGES */
body.individual-challenge, body.thon, body.individual-contestant {
  color: #000;
}
body.individual-challenge.color-theme-salmon #container #content, body.thon.color-theme-salmon #container #content, body.individual-contestant.color-theme-salmon #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7afa1), color-stop(20%, rgba(247, 175, 161, 0)));
  background-image: -o-linear-gradient(#f7afa1, rgba(247, 175, 161, 0) 20%);
  background-image: linear-gradient(#f7afa1, rgba(247, 175, 161, 0) 20%);
}
body.individual-challenge.color-theme-fdlightblue #container #content, body.thon.color-theme-fdlightblue #container #content, body.individual-contestant.color-theme-fdlightblue #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8cc0e5), color-stop(20%, rgba(140, 192, 229, 0)));
  background-image: -o-linear-gradient(#8cc0e5, rgba(140, 192, 229, 0) 20%);
  background-image: linear-gradient(#8cc0e5, rgba(140, 192, 229, 0) 20%);
}
body.individual-challenge.color-theme-subblue #container #content, body.thon.color-theme-subblue #container #content, body.individual-contestant.color-theme-subblue #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cae2f3), color-stop(20%, rgba(202, 226, 243, 0)));
  background-image: -o-linear-gradient(#cae2f3, rgba(202, 226, 243, 0) 20%);
  background-image: linear-gradient(#cae2f3, rgba(202, 226, 243, 0) 20%);
}
body.individual-challenge.color-theme-fdlightgreen #container #content, body.thon.color-theme-fdlightgreen #container #content, body.individual-contestant.color-theme-fdlightgreen #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#85d490), color-stop(20%, rgba(133, 212, 144, 0)));
  background-image: -o-linear-gradient(#85d490, rgba(133, 212, 144, 0) 20%);
  background-image: linear-gradient(#85d490, rgba(133, 212, 144, 0) 20%);
}
body.individual-challenge.color-theme-subgreen #container #content, body.thon.color-theme-subgreen #container #content, body.individual-contestant.color-theme-subgreen #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bee8c3), color-stop(20%, rgba(190, 232, 195, 0)));
  background-image: -o-linear-gradient(#bee8c3, rgba(190, 232, 195, 0) 20%);
  background-image: linear-gradient(#bee8c3, rgba(190, 232, 195, 0) 20%);
}
body.individual-challenge.color-theme-red #container #content, body.thon.color-theme-red #container #content, body.individual-contestant.color-theme-red #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#913939), color-stop(20%, rgba(145, 57, 57, 0)));
  background-image: -o-linear-gradient(#913939, rgba(145, 57, 57, 0) 20%);
  background-image: linear-gradient(#913939, rgba(145, 57, 57, 0) 20%);
}
body.individual-challenge.color-theme-gold #container #content, body.thon.color-theme-gold #container #content, body.individual-contestant.color-theme-gold #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#918221), color-stop(20%, rgba(145, 130, 33, 0)));
  background-image: -o-linear-gradient(#918221, rgba(145, 130, 33, 0) 20%);
  background-image: linear-gradient(#918221, rgba(145, 130, 33, 0) 20%);
}
body.individual-challenge.color-theme-orange #container #content, body.thon.color-theme-orange #container #content, body.individual-contestant.color-theme-orange #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa500), color-stop(20%, rgba(255, 165, 0, 0)));
  background-image: -o-linear-gradient(#ffa500, rgba(255, 165, 0, 0) 20%);
  background-image: linear-gradient(#ffa500, rgba(255, 165, 0, 0) 20%);
}
body.individual-challenge.color-theme-purple #container #content, body.thon.color-theme-purple #container #content, body.individual-contestant.color-theme-purple #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76469a), color-stop(20%, rgba(118, 70, 154, 0)));
  background-image: -o-linear-gradient(#76469a, rgba(118, 70, 154, 0) 20%);
  background-image: linear-gradient(#76469a, rgba(118, 70, 154, 0) 20%);
}
body.individual-challenge.color-theme-sunset #container #content, body.thon.color-theme-sunset #container #content, body.individual-contestant.color-theme-sunset #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#913939), color-stop(20%, rgba(145, 57, 57, 0)));
  background-image: -o-linear-gradient(#913939, rgba(145, 57, 57, 0) 20%);
  background-image: linear-gradient(#913939, rgba(145, 57, 57, 0) 20%);
}
body.individual-challenge.color-theme-ocean #container #content, body.thon.color-theme-ocean #container #content, body.individual-contestant.color-theme-ocean #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#005694), color-stop(50%, rgba(0, 150, 20, 0)));
  background-image: -o-linear-gradient(#005694, rgba(0, 150, 20, 0) 50%);
  background-image: linear-gradient(#005694, rgba(0, 150, 20, 0) 50%);
}
body.individual-challenge.color-theme-winter #container #content, body.individual-challenge.color-theme-white #container #content, body.individual-challenge.color-theme- #container #content, body.thon.color-theme-winter #container #content, body.thon.color-theme-white #container #content, body.thon.color-theme- #container #content, body.individual-contestant.color-theme-winter #container #content, body.individual-contestant.color-theme-white #container #content, body.individual-contestant.color-theme- #container #content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), color-stop(20%, #fff));
  background-image: -o-linear-gradient(#e1e1e1, #fff 20%);
  background-image: linear-gradient(#e1e1e1, #fff 20%);
}
body.individual-challenge h1, body.individual-thon h1 {
  float: left;
  text-transform: uppercase;
  font-size: 0.75em;
}
body.individual-challenge h1 span, body.individual-thon h1 span {
  font-weight: 700;
}
body.individual-challenge h1 .vid-title, body.individual-challenge h1 .contestant-name, body.individual-thon h1 .vid-title, body.individual-thon h1 .contestant-name {
  font-size: 1.5em;
  line-height: 1em;
  display: block;
}
body.individual-challenge h1 .vid-author, body.individual-challenge h1 .contestant-subhead, body.individual-thon h1 .vid-author, body.individual-thon h1 .contestant-subhead {
  font-size: 1em;
}
body.individual-challenge .page-heading, body.individual-thon .page-heading {
  padding: 12px 0 3px;
}
body.individual-challenge .page-heading:after, body.individual-thon .page-heading:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

body.individual-challenge.solo-campaign .team-challenge .team-info .team-title-bar {
  display: none;
}
body.individual-challenge .page-heading h2 {
  text-align: right;
  float: right;
}
body.individual-challenge .page-heading h2 .full-detail {
  display: none;
}
body.individual-challenge .page-heading h2 .rank-label {
  font-size: 12px;
  line-height: 12px;
  display: block;
  text-transform: uppercase;
}
body.individual-challenge .page-heading h2 sup, body.individual-challenge .page-heading h2 .vid-rank {
  font-weight: 700;
}
body.individual-challenge .page-heading h2 sup {
  font-size: 18px;
}
body.individual-challenge .page-heading h2 .vid-rank {
  font-size: 32px;
  line-height: 26px;
}
body.individual-challenge .cause-name sub {
  font-weight: normal;
  bottom: 0;
}
body.individual-challenge .vid-player {
  position: relative;
  margin-bottom: 12px;
}
body.individual-challenge .vid-player a {
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
}
body.individual-challenge .vid-player a img {
  display: block;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
body.individual-challenge .challenge-photo.save-pending:after {
  content: "";
  display: block;
  width: 103%;
  height: 103%;
  position: absolute;
  left: -1%;
  top: -1%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5) url(../images/loading.svg) no-repeat 50% 50%;
}
body.individual-challenge .challenge-photo .image-inner-container {
  background-repeat: no-repeat;
  background-size: 0 0;
}
body.individual-challenge .challenge-photo #challenge-photo {
  width: 100%;
  border: 2px solid #fff;
  display: block;
}
body.individual-challenge .challenge-photo .image-editor {
  display: none;
  position: absolute;
  right: -8px;
  top: -4px;
  z-index: 1;
  width: 52px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 26px;
}
body.individual-challenge .challenge-photo .image-editor .svg-container {
  display: block;
  padding-left: 1px;
  padding-right: 1px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  -webkit-transition: background-color 375ms, opacity 375ms, height 375ms, margin 375ms;
  -o-transition: background-color 375ms, opacity 375ms, height 375ms, margin 375ms;
  transition: background-color 375ms, opacity 375ms, height 375ms, margin 375ms;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  height: 0;
}
body.individual-challenge .challenge-photo .image-editor .svg-container:hover {
  background-color: #fff;
}
body.individual-challenge .challenge-photo .image-editor .svg-container:hover .cls-1 {
  opacity: 1;
}
body.individual-challenge .challenge-photo .image-editor .svg-container.active {
  opacity: 1;
  pointer-events: auto;
  height: 50px;
  margin-top: 6px;
  padding: 1px;
}
body.individual-challenge .challenge-photo .image-editor .svg-container.active.image-save {
  pointer-events: none;
  opacity: 0.3;
}
body.individual-challenge .challenge-photo .image-editor .svg-container .cls-1 {
  opacity: 0.7;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
}
body.individual-challenge .challenge-photo .image-editor .svg-container.image-edit, body.individual-challenge .challenge-photo .image-editor .svg-container.image-rotate-clock {
  margin-top: 0;
}
body.individual-challenge .challenge-photo .image-editor .image-edit .cls-1, body.individual-challenge .challenge-photo .image-editor .image-save .cls-1 {
  fill: #009614;
}
body.individual-challenge .challenge-photo .image-editor .image-rotate-clock .cls-1, body.individual-challenge .challenge-photo .image-editor .image-rotate-counter .cls-1 {
  fill: #0165ad;
}
body.individual-challenge .challenge-photo .image-editor .image-cancel .cls-1 {
  fill: #f00;
}
body.individual-challenge .challenge-photo.rotate-90 .svg-container.image-save.active, body.individual-challenge .challenge-photo.rotate-180 .svg-container.image-save.active, body.individual-challenge .challenge-photo.rotate-270 .svg-container.image-save.active {
  pointer-events: auto;
  opacity: 1;
}
body.individual-challenge .challenge-photo.rotate-90 .image-outer-container, body.individual-challenge .challenge-photo.rotate-270 .image-outer-container {
  height: 0;
}
body.individual-challenge .challenge-photo.rotate-90 .image-inner-container, body.individual-challenge .challenge-photo.rotate-270 .image-inner-container {
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  display: block;
  background-size: contain;
}
body.individual-challenge .challenge-photo.rotate-90 img, body.individual-challenge .challenge-photo.rotate-270 img {
  display: none;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
}
body.individual-challenge .challenge-photo.rotate-90 .image-inner-container {
  padding-top: 100%;
  -webkit-transform: rotate(90deg) translate(0, -100%);
  -ms-transform: rotate(90deg) translate(0, -100%);
  transform: rotate(90deg) translate(0, -100%);
}
body.individual-challenge .challenge-photo.rotate-90 img {
  margin-top: -50%;
}
body.individual-challenge .challenge-photo.rotate-180 .image-inner-container {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.individual-challenge .challenge-photo.rotate-270 .image-inner-container {
  -webkit-transform: rotate(-90deg) translate(-100%);
  -ms-transform: rotate(-90deg) translate(-100%);
  transform: rotate(-90deg) translate(-100%);
}
body.individual-challenge .vid-details {
  margin-bottom: 12px;
}
body.individual-challenge .vid-details .amount-raised {
  margin-bottom: 12px;
}
body.individual-challenge .vid-details .amount-raised p {
  font-size: 0.75em;
  text-transform: uppercase;
  margin-bottom: 0;
}
body.individual-challenge .vid-details .amount-raised p:last-child {
  text-align: right;
}
body.individual-challenge .vid-details .amount-raised span {
  font-size: 1.5em;
  font-weight: 700;
}
body.individual-challenge .vid-details .amount-raised .amount {
  border: 2px solid #000;
  background: #fff;
  font-weight: 700;
  font-size: 1.875em;
  padding: 3px 6px;
  text-align: right;
  color: #009614;
}
body.individual-challenge .vid-details .pitch {
  margin-bottom: 12px;
  font-size: 14px;
}
body.individual-challenge .vid-details .pitch span {
  font-weight: bold;
}
body.individual-challenge .vid-details .actions {
  margin-bottom: 12px;
  text-align: center;
}
body.individual-challenge .vid-details .time-left {
  margin-bottom: 12px;
  border: 2px solid #000;
  background: #fff;
  padding: 3px 6px;
  font-size: 12px;
  text-transform: uppercase;
  text-align: right;
}
body.individual-challenge .vid-details .time-left p, body.individual-challenge .vid-details .time-left div {
  display: inline;
}
body.individual-challenge .vid-details .time-left .amount {
  font-size: 24px;
  font-weight: 900;
  white-space: nowrap;
}
body.individual-challenge .team-challenge {
  background: #ebebeb;
  margin: 0 -12px 24px;
  padding: 12px;
}
body.individual-challenge .team-challenge p {
  font-size: 0.75em;
}
body.individual-challenge .team-challenge .author-name, body.individual-challenge .team-challenge .team-name {
  font-weight: bold;
}
body.individual-challenge .team-challenge .team-info {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 12px;
  margin-bottom: 12px;
}
body.individual-challenge .team-challenge .team-title-bar {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
}
body.individual-challenge .team-challenge .team-profile-pic-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: 12px;
  border: 6px solid #fff;
  overflow: hidden;
}
body.individual-challenge .team-challenge .team-profile-pic-container img {
  max-width: 100%;
}
body.individual-challenge .team-challenge h2.team-name {
  font-weight: 700;
  font-size: 1.5em;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1.2em;
}
body.individual-challenge .team-challenge .team-subhead {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.625em;
  line-height: 1.2em;
}
body.individual-challenge .team-challenge .team-subhead span {
  font-size: 1em;
  font-weight: 700;
}
body.individual-challenge .team-challenge .hero-image {
  margin: 0 -12px 12px;
}
body.individual-challenge .team-challenge .hero-image img {
  width: 100%;
  display: block;
}
body.individual-challenge .team-challenge .hero-image a {
  display: block;
}
body.individual-challenge .team-challenge .collapsible {
  margin: 0 -12px;
}
body.individual-challenge .team-challenge .collapsible-inner {
  padding: 0 12px;
}
body.individual-challenge .team-challenge .collapsible-trigger-outer {
  margin: 0 12px;
  position: relative;
}
body.individual-challenge .team-challenge .challenge-description {
  clear: left;
  margin-bottom: 12px;
}
body.individual-challenge .team-challenge .challenge-description p {
  font-size: 0.875em;
}
body.individual-challenge .team-challenge .actions {
  text-align: center;
}
body.individual-challenge .team-challenge .actions > div {
  padding: 12px;
  background: #fff;
  margin-bottom: 12px;
}
body.individual-challenge .team-challenge .actions .desc {
  text-align: left;
  margin-bottom: 12px;
}
body.individual-challenge .team-challenge .duel-overview {
  display: block;
  text-align: center;
  color: #000;
}
body.individual-challenge .team-challenge .duel-overview.solo-campaign .team {
  border: 1px solid rgba(255, 255, 255, 0.75);
  padding: 12px;
  height: 112px;
}
body.individual-challenge .team-challenge .duel-overview.solo-campaign .team:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
body.individual-challenge .team-challenge .duel-overview.solo-campaign .team .amount {
  display: inline-block;
  padding: 0 12px;
}
body.individual-challenge .team-challenge .duel-overview.solo-campaign img {
  float: left;
}
body.individual-challenge .team-challenge .duel-overview.solo-campaign .team-content {
  display: block;
  margin-left: 124px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}
body.individual-challenge .team-challenge .duel-overview.standard-duel .teams:before {
  content: "vs";
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #f00;
  background: #fff;
  font-size: 18px;
  font-weight: 700;
  border: 4px solid #f00;
  border-radius: 50%;
  position: absolute;
  top: 56px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
body.individual-challenge .team-challenge .duel-overview.standard-duel .team {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body.individual-challenge .team-challenge .duel-overview.standard-duel .team:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.35);
}
body.individual-challenge .team-challenge .duel-overview.mob-duel {
  padding-left: 0;
  padding-right: 0;
  margin-left: -12px;
  margin-right: -12px;
}
body.individual-challenge .team-challenge .duel-overview.mob-duel .team {
  float: left;
  width: 124px;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
}
body.individual-challenge .team-challenge .duel-overview.mob-duel .team:first-child {
  border: 0;
}
body.individual-challenge .team-challenge .duel-overview.mob-duel .team img {
  margin: 0 auto 6px;
}
body.individual-challenge .team-challenge .duel-overview .note {
  display: block;
  font-size: 0.75em;
  margin-bottom: 1em;
}
body.individual-challenge .team-challenge .duel-overview .scoreboard {
  display: block;
}
body.individual-challenge .team-challenge .duel-overview .h2 {
  display: block;
  font-size: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
}
body.individual-challenge .team-challenge .duel-overview .teams {
  position: relative;
  display: block;
}
body.individual-challenge .team-challenge .duel-overview .teams:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
body.individual-challenge .team-challenge .duel-overview .team {
  display: block;
  padding: 0 12px;
}
body.individual-challenge .team-challenge .duel-overview .team .profile-img-container:hover img {
  border-color: #f00;
}
body.individual-challenge .team-challenge .duel-overview .team img {
  width: 100px;
  height: 100px;
  border: 6px solid #fff;
  border-radius: 50%;
  -webkit-transition: border-color 375ms;
  -o-transition: border-color 375ms;
  transition: border-color 375ms;
}
body.individual-challenge .team-challenge .duel-overview .team .h3, body.individual-challenge .team-challenge .duel-overview .team .h4 {
  display: block;
  text-transform: uppercase;
}
body.individual-challenge .team-challenge .duel-overview .team .h3 {
  font-weight: 700;
  font-size: 1.125em;
  margin-bottom: 2px;
}
body.individual-challenge .team-challenge .duel-overview .team .h4 {
  font-size: 0.625em;
  margin-bottom: 12px;
}
body.individual-challenge .team-challenge .duel-overview .team .h4 span {
  font-size: 13px;
  font-weight: 700;
}
body.individual-challenge .team-challenge .duel-overview .team .amount-raised {
  display: block;
}
body.individual-challenge .team-challenge .duel-overview .team .amount {
  display: block;
  border: 1px solid #000;
  font-size: 1.25em;
  font-weight: 700;
  margin-bottom: 0;
}
body.individual-challenge .team-challenge .duel-overview .team .label {
  font-size: 0.625em;
  text-transform: uppercase;
  display: block;
}
body.individual-challenge .team-challenge .duel-overview .actions {
  margin-top: 12px;
}
body.individual-challenge .challenge-videos h2 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 4px;
}
body.individual-challenge .challenge-videos h3 {
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
body.individual-challenge .vid-list .btn-donate, body.individual-challenge .vid-list .social {
  display: none;
}
body.individual-challenge .join-coda {
  opacity: 0;
  display: none;
  text-align: left;
  position: absolute;
  left: 0;
  top: 108%;
  z-index: 1;
  background: #fff;
  padding: 36px;
  border-radius: 12px;
  max-width: 100%;
  min-width: 300px;
  border: 4px solid #f00;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 375ms;
  -o-transition: opacity 375ms;
  transition: opacity 375ms;
}
body.individual-challenge .join-coda:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  margin: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 30px solid #fff;
}
body.individual-challenge .join-coda:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -30px;
}
body.individual-challenge .join-coda:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  margin: 0;
  border-left: 26px solid transparent;
  border-right: 26px solid transparent;
  border-bottom: 36px solid #f00;
}
body.individual-challenge .join-coda:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -38px;
}
body.individual-challenge .join-coda.join-coda-left {
  top: 120%;
}
body.individual-challenge .join-coda.join-coda-left:before, body.individual-challenge .join-coda.join-coda-left:after {
  left: 36px;
}
body.individual-challenge .join-coda h3, body.individual-challenge .join-coda .h3 {
  font-weight: 700;
  display: block;
}
body.individual-challenge .join-coda .actions {
  margin-bottom: 0;
}
body.individual-challenge .join-coda .actions > * {
  float: right;
}
body.individual-challenge .join-coda .actions > *:first-child {
  float: left;
}
body.individual-challenge .join-coda-container {
  position: relative;
}
body.individual-challenge .join-coda-container.hot-seat {
  position: absolute;
  z-index: 2;
}
body.individual-challenge .join-coda-container.active {
  z-index: 2;
  background: rgba(255, 255, 255, 0.7);
  padding: 6px;
  margin: -6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  -webkit-animation: pulse-red 2s infinite;
          animation: pulse-red 2s infinite;
}
body.individual-challenge .join-coda-container.hot-seat.active {
  padding: 0;
  margin: 0;
  border-radius: 50%;
}
body.individual-challenge.join-coda .join-coda-container.activated .join-coda {
  display: block;
}
body.individual-challenge.join-coda .join-coda-container.active .join-coda {
  opacity: 1;
  z-index: 2;
}
body.individual-challenge.join-coda .join-coda-container.active .join-coda p, body.individual-challenge.join-coda .join-coda-container.active .join-coda .p {
  margin-bottom: 1em;
  text-transform: none;
  font-size: inherit;
  display: block;
}
body.individual-challenge.join-coda .vid-details {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  padding: 12px;
  border: 4px solid #fff;
  margin-top: -16px;
  margin-right: -16px;
  margin-left: -16px;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 12px;
  -webkit-transition: background-color 375ms, border-color 375ms;
  -o-transition: background-color 375ms, border-color 375ms;
  transition: background-color 375ms, border-color 375ms;
}
body.individual-challenge.join-coda.join-coda-sequence-complete .vid-details {
  background-color: transparent;
  border-color: transparent;
}
body.individual-challenge.image-editable .challenge-photo .image-editor {
  display: block;
}

/* PLEDGE-A-THON PAGES */
body.thon .page-heading {
  padding-top: 12px;
}

/* PLEDGE-A-THON INDIVIDUAL COMPETITOR PAGE */
body.individual-thon .contestant-content-primary {
  margin-bottom: 24px;
}
body.individual-thon .contestant-content-primary .image-container {
  margin-bottom: 12px;
}
body.individual-thon .contestant-content-primary .image-container img {
  display: block;
  width: 100%;
  border: 2px solid #fff;
}
body.individual-thon .thon-progress {
  margin-bottom: 24px;
}
body.individual-thon .thon-progress meter {
  display: none;
}
body.individual-thon .thon-progress .amount {
  font-weight: bold;
}
body.individual-thon .thon-progress .activity-goal {
  position: relative;
  text-align: right;
  margin-top: 12px;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.15);
}
body.individual-thon .thon-progress .activity-goal:before {
  content: "";
  border-left: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0.15);
  position: absolute;
  top: -10px;
  right: 0;
}
body.individual-thon .individual-thon-content > .actions {
  text-align: center;
  margin-bottom: 24px;
}
body.individual-thon .individual-thon-content > .actions .social {
  margin-top: 12px;
}
body.individual-thon .pledges-container h2, body.individual-thon .campaign-description h2 {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
}
body.individual-thon .pledges-container .pledge-item {
  background: rgba(0, 0, 0, 0.15);
  padding: 12px 24px;
  margin-bottom: 12px;
}
body.individual-thon .pledges-container h3 {
  font-size: 1.5em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
body.individual-thon .pledges-container h3:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
body.individual-thon .pledges-container h3 .donor-name {
  float: left;
}
body.individual-thon .pledges-container h3 .amount-container {
  float: right;
}
body.individual-thon .campaign-description {
  border: 1px solid #ccc;
  padding: 12px;
  margin-bottom: 24px;
}
body.individual-thon .campaign-description .vid-thumb {
  margin-bottom: 12px;
}
body.individual-thon .campaign-description .actions {
  text-align: right;
  margin-top: 12px;
}

/* PLEDGE-A-THON CREATE CONTESTANT PAGE */
body.thon-contestant-create .instructions {
  padding: 12px;
  border: 1px solid #ccc;
  margin: 0 auto 24px;
  width: 560px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body.thon-contestant-create .alternate {
  text-align: center;
}

.thon-contestant-edit-form form {
  margin: 0 auto 24px;
  width: 560px;
  max-width: 100%;
}
.thon-contestant-edit-form form section {
  border: 1px solid #ccc;
  padding: 12px;
  margin-bottom: 24px;
}
.thon-contestant-edit-form form .fieldset {
  margin-bottom: 24px;
}
.thon-contestant-edit-form form input[type=text], .thon-contestant-edit-form form input[type=email], .thon-contestant-edit-form form input[type=password], .thon-contestant-edit-form form input[type=number] {
  max-width: 100%;
}
.thon-contestant-edit-form form .contestant-image {
  text-align: center;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid #ccc;
  background: rgba(0, 0, 0, 0.1);
}
.thon-contestant-edit-form form .contestant-image img {
  display: inline-block;
  max-width: 100%;
}
.thon-contestant-edit-form form .actions {
  text-align: right;
}
.thon-contestant-edit-form .fieldgroup-selection {
  float: left;
  width: 24px;
  margin: 15px -24px 0 0;
}
.thon-contestant-edit-form label.h3 {
  cursor: pointer;
  margin-left: 4px;
  border: 3px solid #00cb1b;
  background: #d9d9d9;
  padding: 6px 12px;
  display: block;
  float: left;
  margin-left: 24px;
}
.thon-contestant-edit-form .inactive label.h3 {
  border-color: #ccc;
}
.thon-contestant-edit-form label {
  font-weight: bold;
}
.thon-contestant-edit-form label .sub {
  font-weight: normal;
}
.thon-contestant-edit-form .fieldgroup-inputs {
  clear: left;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 375ms;
  -o-transition: max-height 375ms;
  transition: max-height 375ms;
  margin: 12px 0 0 24px;
}
.thon-contestant-edit-form input[name=account-disposition]:checked ~ .fieldgroup-inputs {
  max-height: 500px;
}
.thon-contestant-edit-form .scope-browse-ov .ov-inner-wrapper {
  top: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
.thon-contestant-edit-form .actions {
  margin-bottom: 24px;
}
.thon-contestant-edit-form .btn-help, .thon-contestant-edit-form .btn-help-large {
  margin-right: 6px;
}

/* PLEDGE-A-THON CAMPAIGN PAGE */
body.thon-campaign .campaign-image img {
  max-width: 100%;
}
body.thon-campaign .campaign-description {
  margin-bottom: 12px;
}
body.thon-campaign .header-inner .actions:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
body.thon-campaign .header-inner .actions .btn, body.thon-campaign .header-inner .actions .btn-blue, body.thon-campaign .header-inner .actions .btn-blue-outline, body.thon-campaign .header-inner .actions .btn-red, body.thon-campaign .header-inner .actions .btn-green, body.thon-campaign .header-inner .actions .btn-gold, body.thon-campaign .header-inner .actions .btn-orange, body.thon-campaign .header-inner .actions .btn-gallery, body.thon-campaign .header-inner .actions .btn-play-text {
  float: right;
  margin-bottom: 12px;
}
body.thon-campaign .header-inner .actions .sub-note {
  clear: both;
  text-align: right;
}
body.thon-campaign .no-meter .contestant {
  margin-bottom: 0;
}
body.thon-campaign .contestants {
  margin-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 24px;
}
body.thon-campaign .contestants h3 {
  margin-bottom: 36px;
}
body.thon-campaign .contestant {
  margin-bottom: 24px;
}
body.thon-campaign .contestant:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
body.thon-campaign .contestant .image-container {
  position: relative;
  z-index: 1;
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}
body.thon-campaign .contestant .image-container img {
  width: 100%;
}
body.thon-campaign .contestant h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 4px;
}
body.thon-campaign .image-container + .contestant-body {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 92px;
  margin-left: -80px;
}
body.thon-campaign .activity-meter {
  height: 48px;
  font-size: 0.75em;
}
body.thon-campaign .campaign-body {
  padding-top: 24px;
}
body.thon-campaign .scope-heading {
  font-size: 24px;
  line-height: 1em;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
}
body.thon-campaign .scope-heading > a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  padding-right: 12px;
}
body.thon-campaign .scope-heading .svg-container {
  width: 20px;
  height: 100%;
  padding: 0 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
}
body.thon-campaign .scope-heading .scope-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body.thon-campaign .scope-heading .scope-range {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  border-bottom: 1px solid;
  line-height: 16px;
}
body.thon-campaign .scope-heading .scope-range strong {
  font-size: 14px;
  font-weight: bold;
}
body.thon-campaign .scope-heading .scope-breadcrumb a {
  font-weight: normal;
  float: left;
  height: 24px;
}
body.thon-campaign .scope-heading .scope-breadcrumb a:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: right;
  margin: 0 6px;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 6px solid #000;
}
body.thon-campaign .scope-heading .scope-breadcrumb:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
body.thon-campaign .vid-thumb {
  margin-bottom: 12px;
}
body.thon-campaign .vid-player-container .ov-actions {
  display: none;
}

/* PLEDGE-A-THON PLEDGE PAGE */
body.thon-pledge .pledge-content {
  border: 1px solid #ccc;
  padding: 12px;
}
body.thon-pledge .pledge-content:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
body.thon-pledge .pledge-content p {
  font-size: 1.5em;
  line-height: 2em;
  margin-bottom: 0;
}
body.thon-pledge .pledge-content .value-container {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 2px 12px;
  position: relative;
}
body.thon-pledge .pledge-content .value-container label {
  position: absolute;
  left: 7px;
  width: 16px;
  font-size: 0.8em;
  height: 40px;
  line-height: 40px;
}
body.thon-pledge .pledge-content .value {
  padding: 6px;
  border: 0;
  margin: 0;
  padding: 0 0 0 16px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.25em;
  background: transparent;
  max-width: 200px;
}
body.thon-pledge .pledge-content .cc-info, body.thon-pledge .pledge-content .actions {
  clear: both;
  border-top: 1px solid #e6e6e6;
  padding-top: 12px;
}
body.thon-pledge .pledge-content .flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 400px;
}
body.thon-pledge .pledge-content .flex-row label, body.thon-pledge .pledge-content .flex-row input {
  min-width: 0;
  margin-right: 5px;
}
body.thon-pledge .pledge-content .flex-box {
  width: 33%;
}
body.thon-pledge .pledge-content .flex-box:first-child {
  width: 67%;
}
body.thon-pledge .pledge-content .exp-date-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.thon-pledge .pledge-statement {
  float: left;
  margin-right: 108px;
}
body.thon-pledge .preset-values {
  float: left;
  width: 96px;
  margin: 0 0 12px -96px;
}
body.thon-pledge .preset-values span {
  width: 100%;
}
body.thon-pledge input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}
body.thon-pledge input[type=number]::-webkit-outer-spin-button, body.thon-pledge input[type=number]::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
body.thon-pledge .exp-date input {
  width: 50%;
}

/* ACCOUNT PAGE */
body.account main {
  overflow: auto;
}
body.account h2 {
  padding: 12px 0;
  border-bottom: 2px solid #ccc;
  margin-bottom: 1em;
}
body.account section {
  padding-bottom: 12px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 36px;
}
body.account section > a {
  margin-bottom: 12px;
}
body.account form, body.account .login-exclusive, body.account .forgot-password-exclusive {
  -webkit-transition: max-height 375ms, opacity 375ms;
  -o-transition: max-height 375ms, opacity 375ms;
  transition: max-height 375ms, opacity 375ms;
}
body.account form.open, body.account .login-exclusive.open, body.account .forgot-password-exclusive.open {
  max-height: 800px;
}
body.account form.closed, body.account .login-exclusive.closed, body.account .forgot-password-exclusive.closed {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
body.account button .login-exclusive.open, body.account button .forgot-password-exclusive.open {
  display: inline;
}
body.account button .login-exclusive.closed, body.account button .forgot-password-exclusive.closed {
  display: none;
  max-height: none;
  overflow: visible;
  opacity: 1;
}
body.account form label {
  display: block;
  width: 400px;
  max-width: 100%;
}
body.account form label .error-msg {
  color: #f00;
  font-size: 0.8em;
  float: right;
  -webkit-transform: translateY(1px);
      -ms-transform: translateY(1px);
          transform: translateY(1px);
}
body.account .actions {
  display: table;
  width: 100%;
}
body.account .actions .btn-blue {
  white-space: nowrap;
}
body.account .actions .status-msg {
  font-size: 0.8em;
  display: table-cell;
  color: #f00;
  vertical-align: middle;
}
body.account .actions:after {
  display: none;
}
body.account .accordion-item h3 {
  cursor: pointer;
  padding-left: 16px;
  position: relative;
}
body.account .accordion-item h3:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  margin: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 10px solid #555;
}
body.account .accordion-item h3:before {
  position: absolute;
  left: 0;
}
body.account .accordion-item .accordion-body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
body.account .accordion-item.expanded h3:before {
  border-bottom-width: 0;
  border-top: 10px solid #555;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
body.account .accordion-item.expanded .accordion-body {
  max-height: 1000px;
  overflow: auto;
}
body.account table.donations {
  width: 100%;
  border: 1px solid #ccc;
}
body.account table.donations th, body.account table.donations td {
  text-align: left;
  padding: 12px 12px;
}
body.account table.donations th.amount, body.account table.donations td.amount {
  text-align: right;
}
body.account table.donations th {
  background: #ccc;
}
body.account table.donations td {
  border-top: 1px solid rgba(204, 204, 204, 0.3);
}
body.account .new-fraccount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.account .new-fraccount form {
  border: 1px solid #ccc;
  padding: 12px;
  background: #ebebeb;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 12px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
body.account .new-fraccount form label {
  width: auto;
}
body.account .connect-button {
  display: inline-block;
  margin-bottom: 1px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#28a0e5), to(#015e94));
  background-image: -o-linear-gradient(#28a0e5, #015e94);
  background-image: linear-gradient(#28a0e5, #015e94);
  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  height: 32px;
  text-decoration: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none !important;
}
body.account .connect-button span {
  display: block;
  position: relative;
  padding: 0 12px;
  height: 30px;
  background: #1275ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7dc5ee), color-stop(85%, #008cdd), to(#30a2e4));
  background-image: -o-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
  background-image: linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
  font-size: 15px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-radius: 3px;
  padding-left: 44px;
}
body.account form.unfulfilled-auction-prizes {
  margin-top: 1em;
}
body.account form.unfulfilled-auction-prizes h4 {
  font-size: 1em;
  font-weight: bold;
}
body.account form.unfulfilled-auction-prizes table#unfulfilled-list td {
  padding: 0 0.3em;
}
body.account .status-msg:not(:empty) {
  border: 1px solid #7dd667;
  background-color: rgba(125, 214, 103, 0.2);
  padding: 12px;
  margin-bottom: 24px;
}
body.account .status-msg:not(:empty).warning {
  background-color: rgba(255, 165, 0, 0.2);
  border-color: #ffa500;
}
body.account .status-msg:not(:empty).error {
  background-color: rgba(255, 0, 0, 0.2);
  border-color: #f00;
}

body.account-new form .actions {
  margin-top: 24px;
}

/* Account -- Reports */
table.listing {
  border-collapse: separate;
  border-spacing: 2px;
  text-indent: initial;
}
table.listing th {
  border-bottom: 2px solid #666;
}
table.listing tr:nth-child(odd) {
  background: #eee;
}
table.listing td {
  padding: 2px 0.3em;
}

body.report.donor .narrow-wrap {
  max-width: 90%;
}

form#donation-list-options {
  margin: 1em 0;
}
form#donation-list-options h4 {
  margin-bottom: 0.2em;
}
form#donation-list-options .opt-field {
  margin-right: 0.7em;
  background: rgba(127, 127, 127, 0.04);
}
form#donation-list-options .opt-field input[type=checkbox] {
  margin-right: 0em;
}

.donation-header {
  position: relative;
  overflow: auto;
  margin: 1em 0;
}

.donation-header .summary-counts {
  float: left;
  overflow: auto;
}

.donation-header .summary-counts table {
  float: left;
  margin-right: 0.5em;
  border-collapse: collapse;
  border: 1px solid #666;
}

.donation-header .summary-counts table td {
  border: 1px solid #666;
}

.donation-header .summary-counts table th {
  background: #666;
  color: white;
  padding: 3px 0.3em;
}

.donation-header .summary-counts table.live th {
  background: #696;
}

.donation-header .summary-counts table.soft th {
  background: #e6ce22;
}

.donation-header .summary-counts table.revd th {
  background: #b12b00;
}

.donation-header a {
  display: inline-block;
  float: right;
}

.donation-list-wrap {
  overflow-x: scroll;
}

.donation-list tr.reversed,
.donation-list tr.reversed:nth-child(odd) {
  background: #fbb;
}

.donation-list tr.soft,
.donation-list tr.soft:nth-child(odd) {
  background: #ffb;
}

/* WHITE-PAPER PAGES (like about, terms and conditions, etc) */
body.white-paper h1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin-top: 18px;
}
body.white-paper #inner-content {
  padding-bottom: 30px;
}
body.white-paper .video-player {
  display: block;
}
body.white-paper .video-player img {
  max-width: 100%;
}

body.coordinators .page-heading h1 {
  border: 0;
  color: #51af51;
  text-align: center;
  padding-top: 18px;
}
body.coordinators .page-heading .subhead {
  text-align: center;
  font-size: 18px;
  margin-bottom: 36px;
}
body.coordinators .banner {
  width: 100%;
  background: center bottom/contain no-repeat;
  padding-top: 0;
  margin-bottom: 36px;
  position: relative;
}
body.coordinators .banner.help-anywhere {
  padding-bottom: 65%;
  background-image: url(../images/coordinator-landing/people-anywhere.png);
}
body.coordinators .banner.planet {
  padding-bottom: 50%;
  background-size: 133%;
  background-image: url(../images/coordinator-landing/improve-planet.png);
}
body.coordinators .banner.animals {
  padding-bottom: 50%;
  background-size: 82%;
  background-image: url(../images/coordinator-landing/animal-wellbeing.png);
}
body.coordinators .banner.earn {
  margin-top: -6%;
  padding-top: 10%;
  padding-bottom: 42%;
  background-size: 130%;
  background-image: url(../images/coordinator-landing/thumbs-up.png);
}
body.coordinators .banner h2 {
  color: #51af51;
  font-size: 24px;
  text-align: center;
}
body.coordinators .accordion {
  background-color: #ecedf2;
  margin-bottom: 36px;
}
body.coordinators .accordion .accord-header {
  font-size: 24px;
  color: #51af51;
  padding-left: 20px;
  position: relative;
  margin-bottom: 0;
}
body.coordinators .accordion .accord-header:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  float: none;
  margin: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  border-left: 12px solid #51af51;
}
body.coordinators .accordion .accord-header:before {
  position: absolute;
  left: 0;
}
body.coordinators .accordion li.expanded .accord-header:before {
  border-bottom-width: 0;
  border-top: 12px solid #51af51;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
body.coordinators .accordion li.expanded .accord-body {
  height: auto;
}
body.coordinators .contact-form {
  margin-top: 12px;
  background: #ecedf2;
  padding: 12px;
}
body.coordinators .contact-form h2 {
  font-size: 1.5em;
  margin-bottom: 1em;
}

/* Brazil Home Page */
body.home-br {
  color: #000;
}
body.home-br:lang(en) span:lang(pt) {
  display: none;
}
body.home-br:lang(en) span:lang(en) {
  display: block;
}
body.home-br span:lang(en) {
  display: none;
}
body.home-br .banner img {
  max-width: 100%;
  display: block;
}
body.home-br h1 {
  text-align: center;
  padding: 50% 0;
  margin: -15% 0 -10%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.85)), color-stop(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.85))), url(../images/brazil/brazil-map.jpg) no-repeat 50% 50%;
  background: -o-linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.85)), url(../images/brazil/brazil-map.jpg) no-repeat 50% 50%;
  background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.85)), url(../images/brazil/brazil-map.jpg) no-repeat 50% 50%;
  background-size: auto, contain;
}
body.home-br h1 span {
  display: block;
  background: rgba(0, 150, 20, 0.35);
  border: 5px solid #fedf00;
  border-radius: 72px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 3px #fedf00;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
  line-height: 1.1em;
  text-transform: uppercase;
  padding: 12px;
}
body.home-br .content-primary {
  margin-bottom: 48px;
}
body.home-br .content-primary h2 {
  text-align: center;
  font-weight: 900;
  margin-bottom: 24px;
}
body.home-br .content-primary .highlights strong {
  display: block;
  font-size: 1.25em;
  line-height: 1.1em;
}
body.home-br .content-primary .highlights > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 48px;
}
body.home-br .content-primary .highlights > li > *:first-child {
  margin-right: 12px;
}
body.home-br .content-primary .highlights > li > img {
  width: 40%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  obejct-fit: contain;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
body.home-br .content-primary .highlights > li.proven {
  display: block;
}
body.home-br .content-primary .highlights > li.proven .img-container {
  text-align: center;
  margin-bottom: 24px;
}
body.home-br .content-primary .highlights > li.proven .img-container img {
  max-width: 100%;
}

/*********************
FOOTER STYLES
*********************/
.nag {
  position: fixed;
  z-index: 9997;
  width: 100%;
  bottom: 0;
  left: 0;
  min-height: 40px;
  text-align: center;
  background: #fff;
  border-top: 3px solid #f00;
  padding: 12px 44px 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 375ms;
  transition: -webkit-transform 375ms;
  -o-transition: transform 375ms;
  transition: transform 375ms;
  transition: transform 375ms, -webkit-transform 375ms;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.nag.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.nag > p {
  display: none;
}
.nag > p.active {
  display: block;
}
.nag .ic-firefox {
  background: url(../images/firefox-logo.svg) no-repeat right center;
  padding-right: 28px;
}
.nag .nag-close {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 40px;
  width: 40px;
  cursor: pointer;
  text-indent: -9999px;
}
.nag .nag-close:before, .nag .nag-close:after {
  content: "";
  background: #555;
  border-radius: 2px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.nag .nag-close:before {
  height: 3px;
  width: 30px;
}
.nag .nag-close:after {
  width: 3px;
  height: 30px;
}

.page-footer {
  border-top: 4px solid #f00;
  clear: both;
  color: #636363;
  background: #222;
  font-size: 0.8em;
}
.page-footer .inner-page-footer {
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-footer #footer_logo {
  margin-bottom: 20px;
}
.page-footer #footer_logo a {
  display: block;
  width: 180px;
}
.page-footer #footer_logo a img {
  width: 100%;
  opacity: 0.5;
}
.page-footer h3 {
  color: #999;
}
.page-footer p {
  margin-bottom: 20px;
}
.page-footer a {
  color: #636363;
}
.page-footer .footer-nav .nav-items {
  margin-bottom: 18px;
}
.page-footer .footer-nav-secondary {
  text-align: center;
  margin-bottom: 10px;
}
.page-footer .footer-nav-secondary > li {
  display: inline;
  padding-left: 8px;
}
.page-footer .footer-nav-secondary > li:first-child {
  padding-left: 0;
}
.page-footer .footer-nav-secondary > li:first-child:before {
  display: none;
}
.page-footer .footer-nav-secondary > li:before {
  content: "";
  margin-right: 8px;
  display: inline-block;
  height: 10px;
  width: 1px;
  background: rgba(99, 99, 99, 0.5);
}
.page-footer .copyright {
  text-align: center;
  margin-bottom: 20px;
}
.page-footer .footer-search input {
  padding-left: 40px;
  margin-left: auto;
  margin-right: auto;
}
.page-footer .patent {
  float: right;
  clear: right;
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
  border-top: 1px solid #f00;
  border-bottom: 1px solid #f00;
  color: #fff;
  text-shadow: 0 0 2px #f00;
  line-height: 40px;
}
.page-footer .social {
  text-align: center;
}
.page-footer .social > li {
  display: inline-block;
  margin-right: 5px;
}
.page-footer .social .svg-container {
  height: 40px;
  width: 40px;
  display: block;
}
.page-footer .social path {
  fill: #bababa;
}

#phantom-zone, #donation-templates {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  bottom: 0;
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Stylesheet: 481px and Up Stylesheet

  ******************************************************************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  #container #content {
    /* stupid spacer for iphones */
  }
  #container #content:after {
    height: 300px;
    bottom: -300px;
  }

  #logo {
    margin-left: 20px;
  }

  .attention-box .align-left, .attention-box .align-right {
    width: 50%;
    max-width: 250px;
  }
  .attention-box .align-left {
    margin: 0 12px 12px 0;
  }
  .attention-box .align-right {
    margin: 0 0 12px 12px;
  }

  .challenge-thumb .btn-play-youtube .svg-container, .epilogue-team-body .btn-play-youtube .svg-container, body.index section.events .btn-play-youtube .svg-container {
    width: 70px;
    height: 70px;
  }

  /*********************
  PAGE SPECIFIC STYLES
  *********************/
  /* HOME PAGE */
  body.index h1 {
    font-size: 2.4em;
  }
  body.index h2 {
    font-size: 2.2em;
  }
  body.index .wrap {
    padding-left: 42px;
    padding-right: 42px;
  }
  body.index .anti-wrap {
    margin-left: -42px;
    margin-right: -42px;
  }
  body.index .icon-cloud {
    width: 150%;
    padding-bottom: 150%;
  }
  body.index .logo-list {
    text-align: center;
  }
  body.index .logo-list li {
    margin-bottom: 24px;
  }
  body.index section.globe {
    padding-bottom: 150%;
  }
  body.index section.globe:after, body.index section.globe:before {
    width: 150%;
    padding-bottom: 150%;
  }
  body.index section.trending .duel-list {
    font-size: inherit;
  }
  body.index section.trending .duel-list h3 {
    font-size: 1.8em;
  }
  body.index section.trending .duel-list .trending-prev, body.index section.trending .duel-list .trending-next {
    height: 36px;
    width: 24px;
    top: 25%;
  }
  body.index section.trending .duel-list .trending-prev {
    left: 7px;
  }
  body.index section.trending .duel-list .trending-next {
    right: 7px;
  }
  body.index section.trending .duel-list-item {
    padding-left: 42px;
    padding-right: 42px;
  }
  body.index section.partners h3 {
    margin-bottom: 24px;
  }

  body.home-sub.in-action .jrnad .teams {
    height: 0;
  }
  /* HOW IT WORKS PAGE */
  body.landscape-orientation .head-slider .slide .slide-content {
    font-size: 0.7em;
  }

  /* DUEL PAGE */
  body.duel-pending #container:after, body.duel-test-mode #container:after, body.duel-tool #container:after {
    font-size: 15px;
    left: 62%;
  }

  body.solo-campaign .duel-head .duel-subhead.no-prize .money-amount-containers {
    display: inline-block;
  }
  body.solo-campaign .time-remaining {
    position: relative;
  }
  body.solo-campaign .duel-subhead.no-prize .test-mode {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    z-index: 2;
  }
  body.solo-campaign .duel-subhead.no-prize .test-mode h4 {
    height: 48px;
    line-height: 48px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
  }
  body.solo-campaign .duel-subhead.no-prize .test-mode .description-test-mode {
    left: auto;
    right: 0;
  }

  .duel-head {
    /*html.scrolled &.has-campaign-vid .video-container {
    	width:304px;
    	height:171px;
    }*/
  }
  .duel-head .dockable.docked {
    width: 304px;
    height: 171px;
  }
  .duel-head .dockable .actions {
    border-radius: 7px;
  }
  .duel-head .dockable .actions .btn-ctrl {
    width: 27px;
    height: 26px;
  }

  .head-slider .slide {
    padding-top: 100px;
  }
  .head-slider .slide .slide-content {
    font-size: 1em;
  }

  .ov-join .challenge-panes .tab {
    font-size: 1em;
    padding-left: 10px;
    padding-right: 10px;
  }
  .ov-join .coda h5 a {
    padding-right: 150px;
  }
  .ov-join .coda h5 .btn-small {
    font-size: 1em;
    width: 138px;
    margin-left: -140px;
  }

  .vid-list .vid-thumb {
    width: 50%;
    float: left;
    position: relative;
    cursor: pointer;
  }
  .vid-list .vid-thumb a {
    height: 100%;
  }
  .vid-list .vid-thumb img {
    display: block;
    max-height: 100%;
  }
  .vid-list .vid-body {
    width: 50%;
    float: right;
    position: relative;
  }
  .vid-list .amount-raised {
    display: block;
    /*text-align:right;
    float:right;*/
  }
  .vid-list .btn-donate {
    /*position:absolute;
    margin-top:37.5%;
    transform:translate(-50%, -50%);
    clear:right;
    top:0;
    left:50%;
    display:inline-block;*/
  }

  .epilogue-team .epilogue-team-media-container {
    text-align: center;
  }
  .epilogue-team .btn-play-circle {
    display: inline-block;
    max-width: 480px;
  }

  /* AUCTION */
  .auction-container .auction-items > li:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .auction-container .auction-items > li h3 {
    width: 75%;
  }
  .auction-container .auction-items .img-container {
    width: 25%;
  }

  /* INDIVIDUAL CHALLENGE PAGE */
  /* COORDINATOR PAGE */
  body.coordinators .banner.animals {
    padding-bottom: 45%;
    background-size: 70%;
  }
  body.coordinators .banner h2 {
    font-size: 28px;
  }

  /* DUEL TOOL PAGE */
  body.duel-tool .duel-tool-flyout.active {
    top: 56px;
  }
  body.duel-tool .duel-tool-flyout.active .activation-handle {
    border-radius: 6px 0 0 6px;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  body.duel-tool .ov-setup-payments.confirm {
    padding: 12px;
  }
  body.duel-tool .ov-setup-payments.confirm iframe {
    margin: 0;
  }

  /* PLEDGE-A-THON CAMPAIGN PAGE */
  body.thon-campaign .campaign-image {
    position: relative;
    margin-bottom: 12px;
    width: 100%;
    padding-bottom: 62.5%;
    overflow: hidden;
  }
  body.thon-campaign .campaign-image img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  /* ACCOUNT PAGE */
  body.account .new-fraccount {
    gap: 0.5%;
  }
  body.account .new-fraccount form {
    -ms-flex-preferred-size: 49.5%;
        flex-basis: 49.5%;
  }

  /*********************
  FOOTER STYLES
  *********************/
  .footer {
    height: 300px;
    background-position: 70% 0;
  }

  /* end .footer-links */
  .page-footer .patent {
    position: absolute;
    right: 42px;
  }
}
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Stylesheet: Tablet & Small Desktop Stylesheet

  ******************************************************************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  #container #content {
    padding-top: 76px;
  }

  .wrap, .medium-wrap, .narrow-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }

  h1, .h1 {
    font-size: 2.2em;
  }

  h2, .h2 {
    font-size: 2em;
  }

  .align-left {
    margin-right: 24px;
  }

  .align-right {
    margin-left: 24px;
  }

  /*********************
  HEADER STYLES
  *********************/
  #logo {
    font-size: 2.4em;
    height: 76px;
    line-height: 76px;
    margin-left: 24px;
  }
  #logo a {
    position: relative;
  }
  #logo a img {
    width: 204px;
  }

  .main-nav {
    border-top: 8px solid rgba(0, 0, 0, 0.1);
  }

  .trigger-nav {
    top: 10px;
    right: 6px;
  }

  /*********************
  LAYOUT STYLES
  *********************/
  .tabs .tab {
    font-size: 1em;
    line-height: 38px;
    padding-top: 1px;
  }
  .tabs .tab.active {
    padding-top: 0;
  }

  .attention-box {
    padding: 24px;
    margin-bottom: 24px;
  }

  .banner {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .testimonial {
    padding: 18px 24px;
    margin-bottom: 24px;
  }

  /* AUCTIONS */
  .auction-container {
    margin-left: 0;
    margin-right: 0;
  }
  .auction-container .current-item-container {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .auction-container .current-item-container h2, .auction-container .current-item-container .item-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .auction-container .current-item-container .img-container {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    height: 300px;
  }
  .auction-container .current-item-container .item-info {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .auction-container .current-item-container .bid-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .auction-container .upcoming-items-container {
    padding: 24px;
  }
  .auction-container .auction-items > li:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .auction-container .auction-items > li h3 {
    width: 80%;
  }
  .auction-container .auction-items .img-container {
    width: 20%;
  }

  /* Thumbnail List */
  .thumb-list {
    margin-right: -24px;
  }
  .thumb-list:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .thumb-list > li {
    position: relative;
    float: left;
    width: 50%;
    padding-right: 24px;
    margin-bottom: 12px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .thumb-list > li .thumb-content, .thumb-list > li h3, .thumb-list > li .desc {
    overflow: hidden;
  }
  .thumb-list > li .thumb-content {
    height: 150px;
    padding-bottom: 24px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .thumb-list > li h3 {
    max-height: 48px;
  }
  .thumb-list > li .desc {
    max-height: 68px;
  }

  .attention-box .align-left {
    margin-right: 24px;
  }
  .attention-box .align-right {
    margin-left: 24px;
  }

  /* Overlay Styles */
  .ov {
    padding: 24px;
  }
  .ov .ov-inner-wrapper {
    padding: 24px;
  }
  .ov.vid-player-container {
    padding: 0;
  }

  /* Animated ticker list (sponsors) */
  .animated-ticker-list .ticker-item {
    width: 100px;
  }

  /*********************
  PAGE SPECIFIC STYLES
  *********************/
  /* HOME PAGE */
  body.index .logo-list li {
    max-width: 280px;
  }
  body.index .head-container .actions > span {
    display: inline-block;
  }

  body.home-sub.in-action .jrnad .teams {
    margin-top: -24px;
    position: relative;
    height: 0;
  }
  body.home-sub.in-action .jrnad .teams > p {
    width: 80%;
    left: 10%;
    padding: 0;
    position: absolute;
    top: 10%;
  }
  body.home-sub.in-action .jrnad .thumbs {
    position: relative;
  }
  body.home-sub.in-action .jrnad .thumbs .btn-play-circle, body.home-sub.in-action .jrnad .thumbs .btn-play-youtube {
    bottom: 40%;
  }
  body.home-sub.in-action .jrnad .thumbs > p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  body.home-sub.in-action .corporate-sponsors h2 {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
  }
  body.home-sub.in-action .corporate-sponsors .section-content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body.home-sub.in-action .corporate-sponsors .section-content-container .text-container {
    padding-right: 12px;
    max-width: none;
  }
  body.home-sub.in-action .corporate-sponsors .bar-graph-container img {
    width: 100%;
    margin-left: 0;
  }
  body.home-sub.in-action .corporate-sponsors .text-container {
    max-width: 640px;
    margin: 0 auto;
  }

  /* HOW IT WORKS PAGE */
  .how-it-works-video-preview video {
    display: block;
  }

  /* DUEL PAGE */
  body.duel-pending #container:after, body.duel-test-mode #container:after, body.duel-tool #container:after {
    top: 38px;
    left: 50%;
  }

  body.mob-duel .duel-head, body.standard-duel .duel-head {
    position: relative;
    padding: 88px 0 0;
  }
  body.mob-duel .duel-head .duel-title, body.standard-duel .duel-head .duel-title {
    margin-left: 96px;
    margin-right: 96px;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
  }
  body.mob-duel .duel-head .duel-subhead, body.standard-duel .duel-head .duel-subhead {
    margin-bottom: 0;
    padding-left: 48px;
    padding-right: 48px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.mob-duel .duel-head .duel-subhead .money-amount-containers, body.standard-duel .duel-head .duel-subhead .money-amount-containers {
    position: absolute;
    width: 100%;
    margin-left: -48px;
  }
  body.mob-duel .duel-head .duel-subhead .amount-container, body.standard-duel .duel-head .duel-subhead .amount-container {
    display: inline-block;
    margin-bottom: 12px;
  }
  body.mob-duel .duel-head .duel-subhead.no-prize .money-amount-containers, body.standard-duel .duel-head .duel-subhead.no-prize .money-amount-containers {
    position: static;
    margin-left: 0;
    width: auto;
    display: inline-block;
  }
  body.mob-duel .duel-head .duel-subhead.no-prize .time-remaining, body.standard-duel .duel-head .duel-subhead.no-prize .time-remaining {
    position: relative;
  }
  body.mob-duel .duel-head .duel-subhead.no-prize .test-mode, body.standard-duel .duel-head .duel-subhead.no-prize .test-mode {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
  }
  body.mob-duel .duel-head .duel-subhead.no-prize .test-mode h4, body.standard-duel .duel-head .duel-subhead.no-prize .test-mode h4 {
    padding-left: 10px;
    padding-right: 10px;
    height: 44px;
    line-height: 44px;
  }
  body.mob-duel .duel-head .duel-subhead.no-prize.no-goal .money-amount-containers, body.standard-duel .duel-head .duel-subhead.no-prize.no-goal .money-amount-containers {
    position: absolute;
    width: 100%;
    left: 0;
  }
  body.mob-duel .duel-head .duel-subhead.no-prize.no-goal .time-remaining, body.standard-duel .duel-head .duel-subhead.no-prize.no-goal .time-remaining {
    float: left;
    margin-bottom: 0;
  }
  body.mob-duel .duel-head .duel-subhead.no-prize.no-goal .test-mode, body.standard-duel .duel-head .duel-subhead.no-prize.no-goal .test-mode {
    position: relative;
    bottom: auto;
    right: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  body.mob-duel .duel-head .duel-subhead.no-prize.no-goal .test-mode h4, body.standard-duel .duel-head .duel-subhead.no-prize.no-goal .test-mode h4 {
    height: auto;
    line-height: 1;
    padding-left: 0;
    padding-right: 0;
  }

  body.solo-campaign .duel-head .duel-subhead.no-prize .amount-container {
    position: relative;
    margin-left: 0;
    margin-right: 0;
  }
  body.solo-campaign .duel-head .prize-set .money-amount-containers {
    margin-left: 150px;
    margin-right: 150px;
    width: auto;
  }
  body.solo-campaign .duel-head .amount-raised {
    display: inline-block;
    width: 240px;
  }
  body.solo-campaign .duel-head .time-remaining, body.solo-campaign .duel-head .prize-bag {
    position: absolute;
    top: 0;
  }
  body.solo-campaign .duel-head .prize-bag {
    right: 24px;
  }

  body.mob-duel .duel-head .scoreboard-container {
    margin-left: 0;
    margin-right: 0;
  }

  .duel-head {
    border-left-width: 0;
    border-right-width: 0;
    padding-top: 94px;
    /*html.scrolled &.has-campaign-vid {
    	.duel-title {
    		min-height:220px;
    	}
    	.video-container {
    		top:80px;
    		width:400px;
    		height:225px;
    	}
    }
    html.scrolled body.epilogue &.has-campaign-vid {
    	.duel-title {
    		min-height:0;
    	}
    }*/
  }
  .duel-head .duel-title {
    font-size: 2.5em;
    padding-top: 0;
    margin: 0 -24px 12px;
  }
  .duel-head .wrap {
    position: relative;
  }
  .duel-head .scoreboard-container {
    margin-left: -24px;
    margin-right: -24px;
  }
  .duel-head .mobile-duel-team-selector .slick-arrow {
    width: 30px;
    height: 30px;
    top: auto;
    bottom: -2.6em;
  }
  .duel-head .dockable.docked {
    width: 400px;
    height: 225px;
  }
  .duel-head .dockable .actions {
    border-radius: 8px;
  }
  .duel-head .dockable .actions .btn-ctrl {
    width: 36px;
    height: 34px;
  }

  .duel-team .duel-team-content:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .duel-team .duel-team-content-primary {
    float: left;
    width: 50%;
    padding-right: 24px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .duel-team .team-challenge {
    float: right;
    width: 50%;
    margin-top: 12px;
    margin-left: 0;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .duel-team .duel-team-challenge-videos {
    float: right;
    width: 50%;
    clear: right;
  }
  .duel-team .duel-team-content-ticker {
    float: left;
    width: 50%;
    clear: left;
    padding-right: 24px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }

  .vid-list > li {
    height: auto;
  }
  .vid-list .vid-body {
    width: auto;
    float: none;
  }
  .vid-list .vid-rank {
    position: absolute;
    top: 0;
  }
  .vid-list .vid-thumb {
    width: auto;
    float: none;
  }
  .vid-list .vid-thumb img {
    width: 100%;
  }

  .challenge-flyout {
    max-width: 500px;
    display: block;
    position: fixed;
    right: 50%;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
  }
  .challenge-flyout.active {
    z-index: 8998;
  }
  .challenge-flyout .challenge-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
  }

  .epilogue-body {
    padding-left: 24px;
    padding-right: 24px;
  }

  .epilogue-team-list .epilogue-team {
    border-top-left-radius: 48px;
  }

  .epilogue-team {
    padding-left: 24px;
    padding-right: 24px;
  }
  .epilogue-team:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .epilogue-team .epilogue-team-header {
    margin: 0 -24px 0 -36px;
    border-radius: 48px 24px 0 48px;
  }
  .epilogue-team .epilogue-team-profile-pic-container {
    width: 96px;
    height: 96px;
  }
  .epilogue-team .epilogue-team-header-text {
    padding: 0 57.6px 0 105.6px;
  }
  .epilogue-team .epilogue-team-rank {
    width: 48px;
    height: 96px;
  }
  .epilogue-team .epilogue-team-overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 960px;
    margin: 0 auto 24px;
  }
  .epilogue-team .epilogue-team-media-container, .epilogue-team .epilogue-team-description {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-bottom: 0;
  }
  .epilogue-team .epilogue-team-media-container ~ .epilogue-team-description {
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }

  .epilogue-challenge {
    max-width: 960px;
    margin: 0 auto 24px;
  }

  .epilogue-challenge-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .epilogue-challenge-body > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .epilogue-challenge-details {
    padding-right: 24px;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  body.individual-contestant .individual-team-head {
    padding-top: 92px;
  }

  /* PARALLEL (SILENT) AUCTION PAGE */
  .auction-container .auction {
    padding-bottom: 0;
  }

  /* INDIVIDUAL CHALLENGE PAGE & INDIVIDUAL PLEDGE-A-THON PAGE */
  body.individual-challenge .individual-challenge-content:after, body.individual-challenge .individual-thon-content:after, body.individual-thon .individual-challenge-content:after, body.individual-thon .individual-thon-content:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.individual-challenge .page-heading, body.individual-thon .page-heading {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 12px;
  }
  body.individual-challenge .page-heading h1, body.individual-thon .page-heading h1 {
    margin-bottom: 0;
  }

  body.individual-challenge .page-heading h2 {
    margin-bottom: 0;
  }
  body.individual-challenge .page-heading h2 .full-detail {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
  }
  body.individual-challenge .page-heading h2 .challenge-name {
    font-size: 16px;
    font-weight: 700;
  }
  body.individual-challenge .page-heading h2 .rank-container {
    display: block;
    font-size: 24px;
    line-height: 26px;
  }
  body.individual-challenge .page-heading h2 .rank-label {
    display: inline;
  }
  body.individual-challenge .page-heading h2 sup {
    font-size: 14px;
  }
  body.individual-challenge .page-heading h2 .vid-rank {
    font-size: 24px;
  }
  body.individual-challenge .vid-player {
    float: left;
    width: 50%;
  }
  body.individual-challenge .vid-player .video-player {
    border: 6px solid #fff;
  }
  body.individual-challenge .vid-details {
    float: right;
    width: 45%;
    margin: 0 0 36px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.individual-challenge .team-challenge {
    float: left;
    clear: left;
    width: 50%;
    background: transparent;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }
  body.individual-challenge .team-challenge .actions > div {
    background: none;
  }
  body.individual-challenge .team-challenge .duel-overview.mob-duel {
    margin-left: 0;
    margin-right: 0;
  }
  body.individual-challenge .challenge-videos {
    float: right;
    clear: right;
    width: 45%;
  }
  body.individual-challenge .vid-list .vid-body {
    margin-top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  body.individual-challenge .join-coda {
    left: auto;
    right: 104%;
    top: -10px;
    min-width: 380px;
  }
  body.individual-challenge .join-coda:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    float: none;
    margin: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #fff;
  }
  body.individual-challenge .join-coda:after {
    left: auto;
    right: -75px;
    top: 34px;
  }
  body.individual-challenge .join-coda:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    float: none;
    margin: 0;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 36px solid #f00;
  }
  body.individual-challenge .join-coda:before {
    left: auto;
    right: -93px;
    top: 28px;
  }
  body.individual-challenge .join-coda:before, body.individual-challenge .join-coda:after {
    -webkit-transform: translateX(none);
    -ms-transform: translateX(none);
    transform: translateX(none);
  }
  body.individual-challenge .join-coda.join-coda-left {
    right: auto;
    left: 132%;
    top: -11px;
  }
  body.individual-challenge .join-coda.join-coda-left:after, body.individual-challenge .join-coda.join-coda-left:before {
    border-left-width: 0;
    border-right: 30px solid;
  }
  body.individual-challenge .join-coda.join-coda-left:after {
    border-right: 30px solid #fff;
    left: -15px;
  }
  body.individual-challenge .join-coda.join-coda-left:before {
    border-right: 36px solid #f00;
    left: -18px;
  }

  body.individual-thon h1 {
    font-size: 1em;
  }
  body.individual-thon .contestant-content-primary, body.individual-thon .campaign-description {
    float: left;
    width: 40%;
  }
  body.individual-thon .thon-progress, body.individual-thon .individual-thon-content > .actions, body.individual-thon .pledges-container {
    width: 55%;
    float: right;
  }
  body.individual-thon .pledges-container {
    clear: right;
  }
  body.individual-thon .campaign-description {
    clear: left;
    padding: 24px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }

  body.coordinators .contact-form {
    margin-top: 24px;
    padding: 24px;
  }

  /* DUEL TOOL PAGE */
  body.duel-tool-create .date-container {
    float: left;
    width: 400px;
  }
  body.duel-tool-create .timezone {
    width: 320px;
    float: right;
  }
  body.duel-tool-create .actions {
    clear: both;
  }

  body.duel-tool.mob-duel .time-remaining .datepicker, body.duel-tool.standard-duel .time-remaining .datepicker {
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  body.duel-tool.mob-duel.duel-test-mode .duel-head .duel-subhead .time-remaining, body.duel-tool.standard-duel.duel-test-mode .duel-head .duel-subhead .time-remaining {
    margin-bottom: 24px;
  }
  body.duel-tool.mob-duel.duel-test-mode .duel-head .duel-subhead .time-remaining .test-mode, body.duel-tool.standard-duel.duel-test-mode .duel-head .duel-subhead .time-remaining .test-mode {
    position: absolute;
    width: 100%;
  }
  body.duel-tool.submission-invalid .submitted-message {
    margin-bottom: 24px;
  }
  body.duel-tool .duel-tool-flyout {
    top: 76px;
    padding: 24px;
  }
  body.duel-tool .duel-tool-flyout.active {
    top: 76px;
  }
  body.duel-tool .duel-tool-flyout fieldset {
    margin-bottom: 24px;
  }
  body.duel-tool .ov-setup-payments.confirm {
    padding: 24px;
  }
  body.duel-tool .submit-actions {
    text-align: left;
  }
  body.duel-tool .submit-actions .submitted-message, body.duel-tool .submit-actions .incomplete-list-container {
    float: left;
    clear: left;
  }
  body.duel-tool .submit-actions .submitted-message {
    max-width: 360px;
  }
  body.duel-tool .submit-actions .btn-container {
    float: right;
    margin-bottom: 0 !important;
  }
  body.duel-tool .submit-actions:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }

  /* PLEDGE-A-THON CAMPAIGN PAGE */
  body.thon-campaign {
    /* The following two rules should be removed when progress meters are again shown on scopes */
  }
  body.thon-campaign .campaign-image {
    padding-bottom: 50%;
  }
  body.thon-campaign .scope-heading {
    font-size: 30px;
  }
  body.thon-campaign .scope-heading .scope-breadcrumb a {
    height: 30px;
  }
  body.thon-campaign .header-container .header-inner:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.thon-campaign .header-container .campaign-description, body.thon-campaign .header-container .actions {
    float: left;
    padding-left: 312px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.thon-campaign .vid-thumb {
    float: left;
    max-width: 300px;
    margin-right: -100%;
  }
  body.thon-campaign .no-meter.contestant-list {
    margin-bottom: 24px;
  }

  /* PLEDGE-A-THON PLEDGE PAGE */
  body.thon-pledge .pledge-content {
    padding: 24px;
  }
  body.thon-pledge .pledge-statement {
    margin-right: 216px;
  }
  body.thon-pledge .preset-values {
    width: 192px;
    margin-left: -192px;
  }
  body.thon-pledge .preset-values span {
    width: 50%;
  }

  .thon-contestant-edit-form .scope-browse-ov .ov-inner-wrapper {
    -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
            transform: translateY(70px);
  }

  /*********************
  FOOTER STYLES
  *********************/
  .page-footer #footer_logo {
    float: left;
    margin-right: 50px;
  }
  .page-footer .footer-description {
    padding-top: 5px;
  }
  .page-footer .footer-secondary:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .page-footer .footer-nav {
    margin-top: 10px;
    clear: left;
  }
  .page-footer .footer-nav > div {
    float: left;
    width: 25%;
  }
  .page-footer .footer-tertiary {
    clear: both;
  }
  .page-footer .footer-search input {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1024px) {
  /******************************************************************
  Stylesheet: Tablet landscape stylesheet

  ******************************************************************/
  body.color-theme- .duel-head .scoreboard-container:before, body.color-theme-white .duel-head .scoreboard-container:before, body.color-theme-subblue .duel-head .scoreboard-container:before, body.color-theme-subgreen .duel-head .scoreboard-container:before {
    opacity: 0.35;
  }

  /*********************
  LAYOUT & GRID STYLES
  *********************/
  #container #content {
    padding-top: 116px;
  }
  #container #content:after {
    height: 240px;
    bottom: -240px;
  }

  #logo {
    font-size: 3em;
    height: 96px;
    line-height: 96px;
  }
  #logo a img {
    width: 266px;
    -webkit-transition: width 375ms;
    -o-transition: width 375ms;
    transition: width 375ms;
  }

  .main-nav {
    border-top-width: 18px;
  }

  .trigger-nav {
    top: 20px;
    right: 12px;
    -webkit-transition: top 375ms;
    -o-transition: top 375ms;
    transition: top 375ms;
  }

  #container #content, #logo {
    -webkit-transition: all 275ms;
    -o-transition: all 275ms;
    transition: all 275ms;
  }

  h1, .h1 {
    font-size: 2.5em;
  }

  .tabs {
    height: 40px;
  }
  .tabs .tab {
    height: 41px;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  html.scrolled #container #content {
    padding-top: 76px;
  }
  html.scrolled #logo, html.scrolled .main-nav > li > a {
    height: 76px;
    line-height: 76px;
  }
  html.scrolled #logo a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  html.scrolled #logo a img {
    width: 204px;
  }
  html.scrolled .trigger-nav {
    top: 10px;
  }
  html.scrolled body.duel-pending #container:after, html.scrolled body.duel-test-mode #container:after, html.scrolled body.duel-tool #container:after {
    top: 38px;
  }

  /* AUCTIONS */
  .auction-container .current-item-container, .auction-container .upcoming-items-container {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .auction-container.has-upcoming-items-container .current-item-container {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .auction-container.has-current-item-container .upcoming-items-container {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    border-left: 1px solid rgba(204, 204, 204, 0.15);
  }
  .auction-container .video-container {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  /*********************
  PAGE SPECIFIC STYLES
  *********************/
  body.index section.head .video-player {
    display: block;
    height: 360px;
    position: relative;
    overflow: hidden;
  }
  body.index section.head .video-player img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    display: block;
  }

  body.home-sub.in-action section {
    margin-bottom: 60px;
  }
  body.home-sub.in-action .jrnad .teams {
    background-size: 140%;
    background-position: 65% 50%;
    margin-top: 0;
    margin-bottom: -72px;
    padding-bottom: 50%;
  }
  body.home-sub.in-action .jrnad .teams > p {
    width: 25%;
    left: 10%;
    top: 50%;
    text-align: left;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  body.home-sub.in-action .jrnad .thumbs {
    position: relative;
  }
  body.home-sub.in-action .jrnad .thumbs .btn-play-circle, body.home-sub.in-action .jrnad .thumbs .btn-play-youtube {
    bottom: 45%;
  }
  body.home-sub.in-action .jrnad .thumbs > p {
    width: auto;
    margin-bottom: 24px;
  }
  body.home-sub.in-action .hope-humanitarian > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
  }
  body.home-sub.in-action .hope-humanitarian .thank-you {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-bottom: 48px;
  }
  body.home-sub.in-action .hope-humanitarian .thank-you > p:first-child {
    padding-left: 24px;
  }
  body.home-sub.in-action .hope-humanitarian .challenge p {
    padding-right: 24px;
  }
  body.home-sub.in-action .lady-in-red, body.home-sub.in-action .sumo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 48px;
  }
  body.home-sub.in-action .lady-in-red > .image-container, body.home-sub.in-action .sumo > .image-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
  }
  body.home-sub.in-action .lady-in-red > p, body.home-sub.in-action .sumo > p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
  body.home-sub.in-action .lady-in-red img, body.home-sub.in-action .sumo img {
    display: block;
  }
  body.home-sub.in-action .sumo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  body.home-sub.in-action .corporate-sponsors .section-content-container .text-container {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
  }
  body.home-sub.in-action .corporate-sponsors .bar-graph-container {
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
  }

  body.how-it-works .head-slider {
    height: 100%;
    max-height: 600px;
    border-bottom: 6px solid #fff;
  }
  body.how-it-works .head-slider .slide {
    padding-top: 130px;
    background-size: auto 100%;
  }
  body.how-it-works .head-slider .slide .image-portrait {
    display: none;
  }
  body.how-it-works .head-slider .slide .image-landscape {
    display: block;
  }
  body.how-it-works .head-slider .slide .slide-content {
    width: 30%;
    left: -30%;
    font-size: 1em;
  }
  body.how-it-works .head-slider .slide .slide-content h2 {
    line-height: 1.4;
  }
  body.how-it-works .head-slider .slide .slide-actions {
    bottom: 0;
    padding: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.how-it-works .head-slider .slide .slide-actions div {
    float: right;
    margin: 0;
  }
  body.how-it-works .head-slider .slide .slide-actions div:first-child {
    float: left;
  }
  body.how-it-works .head-slider .how-it-works-slide-01 {
    background-image: url(../images/how-it-works/bg-landscape-slide-01.png);
  }
  body.how-it-works .head-slider .how-it-works-slide-02 {
    background-image: url(../images/how-it-works/bg-landscape-slide-02.png);
  }
  body.how-it-works .head-slider .how-it-works-slide-02 .image-landscape {
    right: 6%;
  }
  body.how-it-works .head-slider .how-it-works-slide-03 {
    background-image: url(../images/how-it-works/bg-landscape-slide-03.png);
  }
  body.how-it-works .head-slider .how-it-works-slide-03 .image-landscape {
    right: 6%;
  }
  body.how-it-works .head-slider .how-it-works-slide-04 {
    background-image: url(../images/how-it-works/bg-landscape-slide-04.png);
  }
  body.how-it-works .head-slider .how-it-works-slide-04 .image-landscape {
    right: 6%;
  }
  body.how-it-works .head-slider .how-it-works-slide-05 {
    background-image: url(../images/how-it-works/bg-landscape-slide-05.png);
  }
  body.how-it-works .head-slider .how-it-works-slide-05 .image-landscape {
    right: 30%;
  }
  body.how-it-works .tutorial-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body.how-it-works .tutorial-container .tutorial-video {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }

  .how-it-works-video-wrapper:after {
    padding-bottom: 45%;
  }

  .how-it-works-video-preview:after, .how-it-works-video-preview .svg-container {
    width: 200px;
    height: 200px;
  }

  /* DUEL DIRECTORY PAGE */
  body.duel-directory .wrap {
    max-width: 1240px;
  }
  body.duel-directory .duel-list-item:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.duel-directory .duel-list-item .img-container {
    float: left;
    width: 50%;
    padding-right: 24px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.duel-directory .duel-list-item .duel-list-item-body, body.duel-directory .duel-list-item .stats, body.duel-directory .duel-list-item .actions {
    clear: right;
    float: right;
    width: 50%;
  }
  body.duel-directory .duel-list-item .stats {
    margin-bottom: 24px;
  }

  /* DUEL PAGE */
  body.duel-pending #container:after, body.duel-test-mode #container:after {
    -webkit-transition: top 375ms;
    -o-transition: top 375ms;
    transition: top 375ms;
    top: 48px;
  }

  body.duel.solo-campaign .duel-head .duel-subhead {
    padding-left: 0;
    padding-right: 0;
    max-width: 1824px;
  }

  body.standard-duel .duel-head {
    z-index: 1;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 110px;
  }
  body.standard-duel .duel-head .duel-title {
    margin-left: 0;
    margin-right: 0;
    height: auto;
    padding-bottom: 36px;
  }
  body.standard-duel .duel-head .duel-subhead {
    position: static;
    width: auto;
    top: 96px;
    margin-bottom: 12px;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
  }

  body.mob-duel .duel-team .duel-team-head.wrap, body.individual-contestant .duel-team .duel-team-head.wrap {
    max-width: none;
    display: block;
  }

  body.mob-duel .duel-head {
    padding-top: 120px;
  }
  body.mob-duel .duel-head .duel-title {
    margin-left: 215px;
    margin-right: 215px;
  }
  body.mob-duel .duel-head .mobile-duel-team-selector {
    height: 400px;
    margin-top: 0;
  }
  body.mob-duel .duel-head .mobile-duel-team-selector .mobile-duel-team-container {
    height: 400px;
  }
  body.mob-duel .duel-team-selector {
    display: none;
  }
  body.mob-duel .duel-team .duel-team-head.wrap {
    max-width: none;
    display: block;
  }

  body.standard-duel .duel-head .duel-subhead, body.mob-duel .duel-head .duel-subhead {
    padding-left: 24px;
    padding-right: 24px;
  }
  body.standard-duel .duel-head .duel-subhead .money-amount-containers, body.mob-duel .duel-head .duel-subhead .money-amount-containers {
    margin-left: -24px;
  }

  body.mega-duel .duel-head .mobile-scoreboard.mob-duel {
    margin-bottom: 12px;
  }
  body.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector {
    height: auto;
  }
  body.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector .mobile-duel-team-container {
    height: auto;
    width: auto;
    margin: 0;
  }
  body.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector .mobile-duel-team-container.active {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 12px;
  }
  body.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team {
    position: static;
    background: rgba(0, 0, 0, 0.3);
    padding: 12px;
    margin: 12px 6px;
    border-radius: 12px;
    width: 150px;
  }
  body.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team .input-wrapper {
    margin-bottom: 0;
  }
  body.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team > a {
    display: block;
  }
  body.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team > a img, body.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team > a .img-container {
    margin-bottom: 0;
  }
  body.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team .team-name {
    color: #fff;
  }
  body.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team .bar-graph {
    min-height: 0 !important;
    background-image: none;
    background-color: transparent;
    padding: 0;
    height: auto;
    width: auto;
  }
  body.mega-duel .duel-head .mega-scoreboard {
    display: block;
  }

  body.individual-contestant .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container a, body.individual-contestant .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container .img-container, body.individual-contestant .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container img {
    cursor: default;
  }

  .duel-head {
    padding-top: 126px;
    /*.prize-bag {
    	&:after {
    		right:auto;
    		left:108px;
    		top:7px;
    	}
    	a {
    		font-size:10px;
    		padding-right:0;
    		background-position:104px top;
    		background-size:auto 52px;
    		margin-top:-3px;
    		&:before {
    			right:8px;
    			top:16px;
    			transform:none;
    		}
    		span {
    			padding-right:90px;
    		}
    	}
    }*/
  }
  .duel-head .duel-title {
    position: relative;
    z-index: 1;
    line-height: 1em;
    margin-left: 0;
    margin-right: 0;
    /* &:after {
    	content:"";
    	width:147px;
    	height:132px;
    	display:block;
    	background-image:url(../images/wrestlers-with-phones.png);
    	background-repeat:no-repeat;
    	background-size:contain;
    	position:absolute;
    	right:24px;
    	bottom:12px;
    } */
  }
  .duel-head .duel-title br {
    display: none;
  }
  .duel-head .video-container {
    width: 768px;
    padding: 0;
    height: 432px;
  }
  .duel-head .duel-subhead:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .duel-head .scoreboard-container {
    position: relative;
    margin-left: 0;
    margin-right: 0;
  }
  .duel-head .scoreboard-container:before {
    content: "";
    display: block;
    width: 300px;
    height: 200px;
    background-image: url(../images/ic-logo-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    position: absolute;
    left: 50%;
    top: -80px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0.15;
  }
  .duel-head .mobile-scoreboard {
    display: none;
  }
  .duel-head .mobile-scoreboard.mob-duel {
    display: block;
  }
  .duel-head .desktop-scoreboard {
    position: relative;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 0;
    margin-bottom: 24px;
    color: #000;
  }
  .duel-head .desktop-scoreboard:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .duel-head .desktop-scoreboard:before {
    content: "vs";
    display: block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    text-transform: uppercase;
    color: #f00;
    background: #fff;
    font-size: 32px;
    font-weight: 700;
    border: 6px solid #f00;
    border-radius: 50%;
    position: absolute;
    top: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team {
    float: left;
    width: 50%;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left {
    padding-right: 48px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-profile-pic-container {
    left: -15px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-name, .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-subhead {
    text-align: right;
    padding-left: 112px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-body {
    float: left;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-body .btn-donate, .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-body .btn-default {
    left: 24px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .bar-graph {
    float: right;
    right: 48px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right {
    padding-left: 48px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-profile-pic-container {
    right: -15px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-name, .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-subhead {
    text-align: left;
    padding-right: 112px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-body {
    float: right;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-body .btn-donate, .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-body .btn-default {
    right: 24px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .bar-graph {
    float: left;
    left: 48px;
  }
  .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container {
    background: #ebebeb;
    position: absolute;
    top: -24px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 8px solid #fff;
    overflow: hidden;
    z-index: 1;
  }
  .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container a, .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container .img-container, .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container img {
    height: 100%;
    width: 100%;
    cursor: pointer;
  }
  .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container a, .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container .img-container {
    display: block;
  }
  .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container .img-container {
    background-position: 50% 50%;
    background-size: cover;
  }
  .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container img {
    display: none;
  }
  .duel-head .desktop-scoreboard.instant-anim .bar-graph {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .duel-head .desktop-scoreboard .scoreboard-team:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .duel-head .desktop-scoreboard .team-head {
    min-height: 105px;
  }
  .duel-head .desktop-scoreboard .team-name {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 0;
  }
  .duel-head .desktop-scoreboard .team-subhead {
    font-weight: 700;
    padding-top: 12px;
    padding-bottom: 30px;
    font-size: 18px;
    text-transform: uppercase;
  }
  .duel-head .desktop-scoreboard .team-subhead sub {
    font-size: 14px;
    bottom: 0;
  }
  .duel-head .desktop-scoreboard .team-body {
    width: 66%;
    height: 240px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px 24px;
    position: relative;
  }
  .duel-head .desktop-scoreboard .team-body .btn-donate, .duel-head .desktop-scoreboard .team-body .btn-default {
    position: absolute;
    bottom: 0;
  }
  .duel-head .desktop-scoreboard .team-short-description {
    font-size: 14px;
    padding-bottom: 12px;
    overflow-y: auto;
    max-height: 190px;
  }
  .duel-head .desktop-scoreboard .bar-graph {
    width: 33%;
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: -o-linear-gradient(  rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(  linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(  rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-color: transparent;
    min-height: 74px;
    -webkit-transition: min-height 3s;
    -o-transition: min-height 3s;
    transition: min-height 3s;
    text-align: right;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    line-height: 1em;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .duel-head .desktop-scoreboard .amount-container {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 5px;
  }
  .duel-head .desktop-scoreboard .amount-container sup {
    top: -0.2em;
  }
  .duel-head .desktop-scoreboard .amount-label {
    display: block;
    font-size: 12px;
    line-height: 1em;
  }

  .duel-subhead-actions {
    margin-bottom: 0;
  }

  .duel-team-selector {
    display: block;
    text-align: center;
    background: #ebebeb;
    position: relative;
    padding-top: 8px;
  }
  .duel-team-selector h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    position: absolute;
    top: 8px;
    left: 24px;
  }
  .duel-team-selector > div {
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 1px;
  }
  .duel-team-selector > div a {
    display: block;
    background: #fff;
    border-radius: 20px 20px 0 0;
    padding: 5px 24px;
    color: #999;
    -webkit-transition: background-color 375ms, color 375ms;
    -o-transition: background-color 375ms, color 375ms;
    transition: background-color 375ms, color 375ms;
  }
  .duel-team-selector > div a:hover {
    color: #595959;
  }
  .duel-team-selector > div.active a {
    background-color: #f7afa1;
    color: #000;
  }

  body.color-theme-white {
    background: #fff;
  }
  body.color-theme-white .duel-team-selector > div a:hover {
    background-color: #fff;
  }
  body.color-theme-white .duel-team-selector > div.active a {
    background-color: #fff;
  }

  body.color-theme-salmon {
    background: #f7afa1;
  }
  body.color-theme-salmon .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7afa1), color-stop(20%, rgba(247, 175, 161, 0)));
    background-image: -o-linear-gradient(#f7afa1, rgba(247, 175, 161, 0) 20%);
    background-image: linear-gradient(#f7afa1, rgba(247, 175, 161, 0) 20%);
  }
  body.color-theme-salmon .duel-team-selector > div a:hover {
    background-color: #fbd7d0;
  }
  body.color-theme-salmon .duel-team-selector > div.active a {
    background-color: #f7afa1;
  }

  body.color-theme-fdlightblue {
    background: #8cc0e5;
  }
  body.color-theme-fdlightblue .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8cc0e5), color-stop(20%, rgba(140, 192, 229, 0)));
    background-image: -o-linear-gradient(#8cc0e5, rgba(140, 192, 229, 0) 20%);
    background-image: linear-gradient(#8cc0e5, rgba(140, 192, 229, 0) 20%);
  }
  body.color-theme-fdlightblue .duel-team-selector > div a:hover {
    background-color: #b6d7ee;
  }
  body.color-theme-fdlightblue .duel-team-selector > div.active a {
    background-color: #8cc0e5;
  }

  body.color-theme-subblue {
    background: #cae2f3;
  }
  body.color-theme-subblue .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cae2f3), color-stop(20%, rgba(202, 226, 243, 0)));
    background-image: -o-linear-gradient(#cae2f3, rgba(202, 226, 243, 0) 20%);
    background-image: linear-gradient(#cae2f3, rgba(202, 226, 243, 0) 20%);
  }
  body.color-theme-subblue .duel-team-selector > div a:hover {
    background-color: #f4f9fd;
  }
  body.color-theme-subblue .duel-team-selector > div.active a {
    background-color: #cae2f3;
  }

  body.color-theme-fdlightgreen {
    background: #85d490;
  }
  body.color-theme-fdlightgreen .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#85d490), color-stop(20%, rgba(133, 212, 144, 0)));
    background-image: -o-linear-gradient(#85d490, rgba(133, 212, 144, 0) 20%);
    background-image: linear-gradient(#85d490, rgba(133, 212, 144, 0) 20%);
  }
  body.color-theme-fdlightgreen .duel-team-selector > div a:hover {
    background-color: #abe1b2;
  }
  body.color-theme-fdlightgreen .duel-team-selector > div.active a {
    background-color: #85d490;
  }

  body.color-theme-subgreen {
    background: #bee8c3;
  }
  body.color-theme-subgreen .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bee8c3), color-stop(20%, rgba(190, 232, 195, 0)));
    background-image: -o-linear-gradient(#bee8c3, rgba(190, 232, 195, 0) 20%);
    background-image: linear-gradient(#bee8c3, rgba(190, 232, 195, 0) 20%);
  }
  body.color-theme-subgreen .duel-team-selector > div a:hover {
    background-color: #e3f5e6;
  }
  body.color-theme-subgreen .duel-team-selector > div.active a {
    background-color: #bee8c3;
  }

  body.color-theme-red {
    background: #913939;
  }
  body.color-theme-red .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#913939), color-stop(20%, rgba(145, 57, 57, 0)));
    background-image: -o-linear-gradient(#913939, rgba(145, 57, 57, 0) 20%);
    background-image: linear-gradient(#913939, rgba(145, 57, 57, 0) 20%);
  }
  body.color-theme-red .duel-team .team-challenge {
    background-color: rgba(255, 255, 255, 0.4);
  }
  body.color-theme-red .duel-team-selector > div a:hover {
    background-color: #b64747;
  }
  body.color-theme-red .duel-team-selector > div.active a {
    color: #fff;
    background-color: #913939;
  }
  body.color-theme-red .duel-head .desktop-scoreboard.standard-duel .btn-donate {
    border-color: rgba(255, 255, 255, 0.7);
  }

  body.color-theme-gold {
    background: #918221;
  }
  body.color-theme-gold .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#918221), color-stop(20%, rgba(145, 130, 33, 0)));
    background-image: -o-linear-gradient(#918221, rgba(145, 130, 33, 0) 20%);
    background-image: linear-gradient(#918221, rgba(145, 130, 33, 0) 20%);
  }
  body.color-theme-gold .duel-team-selector > div a:hover {
    background-color: #bba72a;
  }
  body.color-theme-gold .duel-team-selector > div.active a {
    color: #fff;
    background-color: #918221;
  }

  body.color-theme-orange {
    background: #ffa500;
  }
  body.color-theme-orange .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa500), color-stop(20%, rgba(255, 165, 0, 0)));
    background-image: -o-linear-gradient(#ffa500, rgba(255, 165, 0, 0) 20%);
    background-image: linear-gradient(#ffa500, rgba(255, 165, 0, 0) 20%);
  }
  body.color-theme-orange .duel-team-selector > div a:hover {
    background-color: #ffb733;
  }
  body.color-theme-orange .duel-team-selector > div.active a {
    color: #fff;
    background-color: #ffa500;
  }

  body.color-theme-purple {
    background: #76469a;
  }
  body.color-theme-purple .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76469a), color-stop(20%, rgba(118, 70, 154, 0)));
    background-image: -o-linear-gradient(#76469a, rgba(118, 70, 154, 0) 20%);
    background-image: linear-gradient(#76469a, rgba(118, 70, 154, 0) 20%);
  }
  body.color-theme-purple .duel-team-selector > div a:hover {
    background-color: #905db6;
  }
  body.color-theme-purple .duel-team-selector > div.active a {
    color: #fff;
    background-color: #76469a;
  }

  body.color-theme-sunset {
    background: #913939;
  }
  body.color-theme-sunset .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#913939), color-stop(20%, rgba(145, 57, 57, 0)));
    background-image: -o-linear-gradient(#913939, rgba(145, 57, 57, 0) 20%);
    background-image: linear-gradient(#913939, rgba(145, 57, 57, 0) 20%);
  }
  body.color-theme-sunset .duel-team-selector > div a:hover {
    background-color: #b64747;
  }
  body.color-theme-sunset .duel-team-selector > div.active a {
    color: #fff;
    background-color: #913939;
  }

  body.color-theme-ocean {
    background: #009614;
  }
  body.color-theme-ocean .duel-head .desktop-scoreboard {
    color: #fff;
  }
  body.color-theme-ocean .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#005694), color-stop(50%, rgba(0, 150, 20, 0)));
    background-image: -o-linear-gradient(#005694, rgba(0, 150, 20, 0) 50%);
    background-image: linear-gradient(#005694, rgba(0, 150, 20, 0) 50%);
  }
  body.color-theme-ocean .duel-team-selector > div a:hover {
    background-color: #009614;
    color: #fff;
  }
  body.color-theme-ocean .duel-team-selector > div.active a {
    color: #fff;
    background-color: #005694;
  }

  body.color-theme-winter {
    background: #fff;
  }
  body.color-theme-winter .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), color-stop(20%, #fff));
    background-image: -o-linear-gradient(#e1e1e1, #fff 20%);
    background-image: linear-gradient(#e1e1e1, #fff 20%);
  }
  body.color-theme-winter .duel-team-selector {
    background-color: #fafafa;
  }
  body.color-theme-winter .duel-team-selector > div a:hover {
    background-color: #e1e1e1;
  }
  body.color-theme-winter .duel-team-selector > div.active a {
    background-color: #e1e1e1;
  }

  body.color-theme-us {
    background: #00477b;
  }
  body.color-theme-us .duel-team {
    position: relative;
    background: #fff;
  }
  body.color-theme-us .duel-team-selector > div a:hover {
    background-color: #c5c5c5;
  }
  body.color-theme-us .duel-team-selector > div.active a {
    background-color: #00477b;
    color: #fff;
  }
  body.color-theme-us.standard-duel .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00477b), color-stop(15%, #fff));
    background-image: -o-linear-gradient(#00477b, #fff 15%);
    background-image: linear-gradient(#00477b, #fff 15%);
  }
  body.color-theme-us.standard-duel .duel-team .team-challenge {
    background-color: rgba(255, 255, 255, 0.5);
  }
  body.color-theme-us.solo-campaign .duel-team {
    background-color: transparent;
  }

  .duel-team .duel-team-head {
    display: none;
  }
  .duel-team .hero-image {
    border: 6px solid #fff;
    margin-bottom: 18px;
  }
  .duel-team .duel-team-content:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .duel-team .duel-team-content-primary {
    padding-top: 24px;
  }
  .duel-team .team-challenge {
    margin-top: 24px;
    padding: 24px;
  }
  .duel-team .team-challenge .challenge-media-container a {
    border: 6px solid #fff;
  }
  .duel-team .duel-team-content-ticker h3 {
    font-size: 20px;
  }
  .duel-team .duel-team-content-ticker .ticker-list {
    font-size: 16px;
    max-height: 196px;
  }
  .duel-team .duel-team-content-ticker .ticker-list > li {
    margin-bottom: 12px;
  }

  .epilogue-container {
    position: relative;
    z-index: 1;
  }

  .has-epilogue-thank-you .epilogue-body .amount-container {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .has-epilogue-thank-you .epilogue-challenge {
    padding-top: 0;
  }

  .epilogue-head h2 {
    padding: 24px;
    font-size: 1.5em;
  }

  .epilogue-video {
    float: right;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  .epilogue-thank-you {
    float: left;
    width: 50%;
    padding: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .epilogue-challenge {
    clear: both;
  }
  .epilogue-challenge h3 {
    margin-left: 0;
    margin-right: 0;
  }

  body.individual-contestant .individual-team-head {
    padding-top: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body.individual-contestant .individual-team-head .team-info, body.individual-contestant .individual-team-head .duel-info {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    -ms-flex-item-align: self-start;
        -ms-grid-row-align: self-start;
        align-self: self-start;
  }
  body.individual-contestant .individual-team-head .team-info {
    border-top-left-radius: 60px;
  }
  body.individual-contestant .individual-team-head .intersticial {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 0;
    padding: 6px 24px 6px 6px;
    background: rgba(255, 255, 255, 0.35);
    position: relative;
    line-height: 1.2em;
  }
  body.individual-contestant .individual-team-head .intersticial:after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    float: none;
    margin: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    border-left: 15px solid rgba(255, 255, 255, 0.65);
  }
  body.individual-contestant .individual-team-head .intersticial:after {
    position: absolute;
    right: 4px;
    top: 50%;
  }
  body.individual-contestant .individual-team-head .duel-info {
    border-top-right-radius: 60px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  body.individual-contestant .individual-team-head .team-head, body.individual-contestant .individual-team-head .duel-info-head {
    margin-bottom: 12px;
  }
  body.individual-contestant .individual-team-head .duel-info-head {
    text-align: right;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  body.individual-contestant .individual-team-head .duel-info-head .img-container {
    margin-right: -12px;
    margin-left: 12px;
  }
  body.individual-contestant .individual-team-head .img-container {
    width: 120px;
    height: 120px;
    -ms-flex-preferred-size: 120px;
        flex-basis: 120px;
  }
  body.individual-contestant .individual-team-head h1, body.individual-contestant .individual-team-head h2 {
    font-size: 1.75em;
  }
  body.individual-contestant .individual-team-head .rank {
    height: 120px;
  }
  body.individual-contestant .individual-team-head .amount-label {
    font-weight: bold;
  }
  body.individual-contestant.color-theme- .duel-info, body.individual-contestant.color-theme-white .duel-info, body.individual-contestant.color-theme-winter .duel-info {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0)));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  }
  body.individual-contestant.color-theme- .individual-team-head .intersticial:after, body.individual-contestant.color-theme-white .individual-team-head .intersticial:after, body.individual-contestant.color-theme-winter .individual-team-head .intersticial:after {
    border-left-color: rgba(0, 0, 0, 0.65);
  }

  /* DUEL TOOL PAGE */
  body.duel-tool-create .timezone {
    width: 368px;
  }

  .duel-tool-init {
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
  }

  body.duel-tool .pitch-video-input-container .pitch-video-input-body {
    margin-left: 24px;
    margin-right: 24px;
  }
  body.duel-tool .duel-tool-flyout {
    top: 96px;
  }
  body.duel-tool .duel-tool-flyout.active {
    top: 96px;
  }
  body.duel-tool .standard-duel .team-subhead .duel-tool-editable {
    padding: 3px 6px;
  }
  body.duel-tool.solo-campaign .duel-title .duel-tool-editable {
    display: inline-block;
  }
  body.duel-tool .duel-team .team-challenge .challenge-media-container {
    border: 6px solid #fff;
  }
  body.duel-tool .duel-team .team-challenge .challenge-media-container a {
    border: 0;
  }
  body.duel-tool .challenge-video-url-input-container {
    margin-bottom: 0;
  }
  body.duel-tool .submit-actions .submitted-message {
    max-width: 560px;
  }

  /* INDIVIDUAL CHALLENGE PAGE & INDIVIDUAL PLEDGE-A-THON PAGE */
  body.individual-challenge.color-theme-salmon #container #content, body.individual-thon.color-theme-salmon #container #content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7afa1), color-stop(50%, rgba(247, 175, 161, 0)));
    background-image: -o-linear-gradient(#f7afa1, rgba(247, 175, 161, 0) 50%);
    background-image: linear-gradient(#f7afa1, rgba(247, 175, 161, 0) 50%);
  }
  body.individual-challenge.color-theme-salmon .team-challenge .duel-overview, body.individual-thon.color-theme-salmon .team-challenge .duel-overview {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7afa1), color-stop(80%, rgba(247, 175, 161, 0)));
    background-image: -o-linear-gradient(#f7afa1, rgba(247, 175, 161, 0) 80%);
    background-image: linear-gradient(#f7afa1, rgba(247, 175, 161, 0) 80%);
  }
  body.individual-challenge.color-theme-fdlightblue #container #content, body.individual-thon.color-theme-fdlightblue #container #content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8cc0e5), color-stop(50%, rgba(140, 192, 229, 0)));
    background-image: -o-linear-gradient(#8cc0e5, rgba(140, 192, 229, 0) 50%);
    background-image: linear-gradient(#8cc0e5, rgba(140, 192, 229, 0) 50%);
  }
  body.individual-challenge.color-theme-fdlightblue .team-challenge .duel-overview, body.individual-thon.color-theme-fdlightblue .team-challenge .duel-overview {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8cc0e5), color-stop(80%, rgba(140, 192, 229, 0)));
    background-image: -o-linear-gradient(#8cc0e5, rgba(140, 192, 229, 0) 80%);
    background-image: linear-gradient(#8cc0e5, rgba(140, 192, 229, 0) 80%);
  }
  body.individual-challenge.color-theme-fdlightgreen #container #content, body.individual-thon.color-theme-fdlightgreen #container #content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#85d490), color-stop(50%, rgba(133, 212, 144, 0)));
    background-image: -o-linear-gradient(#85d490, rgba(133, 212, 144, 0) 50%);
    background-image: linear-gradient(#85d490, rgba(133, 212, 144, 0) 50%);
  }
  body.individual-challenge.color-theme-fdlightgreen .team-challenge .duel-overview, body.individual-thon.color-theme-fdlightgreen .team-challenge .duel-overview {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#85d490), color-stop(80%, rgba(133, 212, 144, 0)));
    background-image: -o-linear-gradient(#85d490, rgba(133, 212, 144, 0) 80%);
    background-image: linear-gradient(#85d490, rgba(133, 212, 144, 0) 80%);
  }
  body.individual-challenge.color-theme-red #container #content, body.individual-thon.color-theme-red #container #content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#913939), color-stop(50%, rgba(145, 57, 57, 0)));
    background-image: -o-linear-gradient(#913939, rgba(145, 57, 57, 0) 50%);
    background-image: linear-gradient(#913939, rgba(145, 57, 57, 0) 50%);
  }
  body.individual-challenge.color-theme-red .team-challenge .duel-overview, body.individual-thon.color-theme-red .team-challenge .duel-overview {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#913939), color-stop(80%, rgba(145, 57, 57, 0)));
    background-image: -o-linear-gradient(#913939, rgba(145, 57, 57, 0) 80%);
    background-image: linear-gradient(#913939, rgba(145, 57, 57, 0) 80%);
  }
  body.individual-challenge.color-theme-gold #container #content, body.individual-thon.color-theme-gold #container #content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#918221), color-stop(50%, rgba(145, 130, 33, 0)));
    background-image: -o-linear-gradient(#918221, rgba(145, 130, 33, 0) 50%);
    background-image: linear-gradient(#918221, rgba(145, 130, 33, 0) 50%);
  }
  body.individual-challenge.color-theme-gold .team-challenge .duel-overview, body.individual-thon.color-theme-gold .team-challenge .duel-overview {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#918221), color-stop(80%, rgba(145, 130, 33, 0)));
    background-image: -o-linear-gradient(#918221, rgba(145, 130, 33, 0) 80%);
    background-image: linear-gradient(#918221, rgba(145, 130, 33, 0) 80%);
  }
  body.individual-challenge .page-heading, body.individual-thon .page-heading {
    padding-top: 0;
  }

  body.individual-challenge .team-challenge .duel-overview {
    padding: 12px;
  }
  body.individual-challenge .team-challenge .duel-overview .teams:before {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 22px;
    border-width: 5px;
  }

  /* PLEDGE-A-THON CREATE CONTESTANT PAGE */
  body.thon-contestant-create #main > .wrap:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.thon-contestant-create .instructions {
    padding: 0 24px 0 0;
    border: 0;
    float: left;
    width: auto;
    margin-right: 560px;
  }
  body.thon-contestant-create .form-container {
    float: left;
    margin-left: -560px;
  }

  .thon-contestant-edit-form .scope-browse-ov .ov-inner-wrapper {
    -webkit-transform: translateY(96px);
        -ms-transform: translateY(96px);
            transform: translateY(96px);
  }

  /* COORDINATORS PAGE */
  body.coordinators .banner {
    margin-bottom: 48px;
  }
  body.coordinators .banner.animals {
    padding-bottom: 38%;
    background-size: 60%;
    background-image: url(../images/coordinator-landing/animal-wellbeing.png);
  }
  body.coordinators .banner h2 {
    font-size: 32px;
  }

  /*********************
  FOOTER STYLES
  *********************/
  .page-footer #footer_logo {
    float: none;
    margin-right: 0;
  }
  .page-footer .footer-description {
    float: left;
    width: 25%;
  }
  .page-footer .footer-nav {
    clear: none;
    float: right;
    width: 65%;
    margin-top: 0;
  }
  .page-footer .footer-nav .nav-items {
    margin-bottom: 0;
  }
  .page-footer .footer-tertiary {
    position: relative;
    margin-top: 30px;
  }
  .page-footer .footer-nav-secondary, .page-footer .copyright, .page-footer .footer-search {
    position: absolute;
  }
  .page-footer .footer-nav-secondary {
    top: 0;
    left: 0;
  }
  .page-footer .copyright {
    bottom: 0;
    left: 0;
    margin-bottom: 0;
  }
  .page-footer .footer-search {
    right: 0;
    bottom: 0;
    width: 300px;
  }
  .page-footer .footer-search input {
    margin: 0;
  }
  .page-footer .patent {
    position: static;
  }
  .page-footer.footer-less-content {
    height: 236px;
    overflow: hidden;
  }
  .page-footer.footer-less-content .inner-page-footer {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-footer.footer-less-content .inner-page-footer:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .page-footer.footer-less-content .footer-primary, .page-footer.footer-less-content .footer-secondary, .page-footer.footer-less-content .footer-tertiary {
    width: 33%;
    float: left;
    clear: none;
  }
  .page-footer.footer-less-content .footer-secondary, .page-footer.footer-less-content .footer-tertiary {
    margin-top: 82px;
  }
  .page-footer.footer-less-content .copyright, .page-footer.footer-less-content .footer-search, .page-footer.footer-less-content .social {
    position: static;
    float: right;
    clear: right;
    margin-bottom: 12px;
  }
  .page-footer.footer-less-content .social {
    position: absolute;
    top: -65px;
    right: 0;
  }
  .page-footer.footer-less-content .footer-description {
    float: none;
    width: auto;
  }
}
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1025px) {
  /******************************************************************
  Stylesheet: Desktop Stylsheet

  ******************************************************************/
  #content {
    border-bottom: 4px solid #f00;
  }

  #logo {
    margin-left: 30px;
  }

  /*********************
  NAVIGATION STYLES
  *********************/
  .main-nav-container {
    float: right;
    position: static;
    background: none;
    width: auto;
    height: auto;
  }
  .main-nav-container > h5 {
    display: none;
  }

  .main-nav {
    border: 0;
    overflow: visible;
    background: none;
    padding-right: 30px;
  }
  .main-nav ul {
    background: #000 url(../images/bg-body.png);
    margin-top: 0;
  }
  .main-nav > li {
    float: left;
    position: relative;
  }
  .main-nav > li a {
    border-bottom: 0;
    -webkit-transition: background-color 0.5s, color 0.5s, height 0.275s, line-height 0.275s, text-shadow 0.5s;
    -o-transition: background-color 0.5s, color 0.5s, height 0.275s, line-height 0.275s, text-shadow 0.5s;
    transition: background-color 0.5s, color 0.5s, height 0.275s, line-height 0.275s, text-shadow 0.5s;
    background: none;
    font-size: 22px;
    color: #555;
    height: 96px;
    line-height: 96px;
    padding: 0 12px;
    font-weight: normal;
    text-transform: none;
  }
  .main-nav > li a:hover {
    text-decoration: none;
    text-shadow: 0 0 8px #fff;
  }
  html.secondary-scrolled .main-nav > li a:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .main-nav > li li a {
    height: 55px;
    line-height: 55px;
  }
  .main-nav > li ul.sub-menu,
.main-nav > li ul.children {
    margin-top: 0;
    border-top: 0;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    height: 0;
    overflow: hidden;
    z-index: 8999;
  }
  .main-nav > li ul.sub-menu li a,
.main-nav > li ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .main-nav > li ul.sub-menu li ul,
.main-nav > li ul.children li ul {
    top: 0;
    left: 100%;
  }
  .main-nav > li:hover > ul {
    top: auto;
    opacity: 1;
    height: auto;
  }
  .main-nav .language-selector {
    position: relative;
  }
  .main-nav .language-selector .lang-change {
    background-position: center center;
    width: 42px;
  }
  .main-nav .language-selector .lang-change:after {
    position: absolute;
    right: -4px;
  }
  .main-nav .language-selector .available-languages {
    background: #fff;
    position: absolute;
    left: 3px;
    top: 64px;
    -webkit-transition: top 275ms;
    -o-transition: top 275ms;
    transition: top 275ms;
  }
  html.scrolled .main-nav .language-selector .available-languages {
    top: 54px;
  }
  .main-nav .language-selector .available-languages > li {
    padding: 0;
  }
  .main-nav .language-selector .available-languages > li a {
    display: block;
    padding: 0 8px;
    border: 1px solid rgba(204, 204, 204, 0.5);
    background-size: 42px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 60px;
  }
  .main-nav .language-selector .available-languages > li:first-child a {
    border-bottom: 0;
  }
  body.index .main-nav > li a {
    color: #2683b2;
  }
  body.duel .main-nav > li a, body.individual-challenge .main-nav > li a, body.thon .main-nav > li a {
    color: #fff;
  }
  body.color-theme- .main-nav, body.color-theme-white .main-nav, body.color-theme-winter .main-nav {
    background: transparent;
  }
  body.color-theme- .main-nav > li a, body.color-theme-white .main-nav > li a, body.color-theme-winter .main-nav > li a {
    color: #0165ad;
  }
  body.white-paper .main-nav > li a {
    position: relative;
  }
  body.white-paper .main-nav > li a:before {
    content: "";
    border-right: 1px solid rgba(85, 85, 85, 0.3);
    width: 1px;
    height: 1.2em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
  }
  body.white-paper .main-nav > li:first-child a:before {
    display: none;
  }
  body.home-br .main-nav > li a:hover {
    text-shadow: 0 0 10px rgba(254, 223, 0, 0.5);
  }

  html.secondary-scrolled body.index .main-nav > li a:hover {
    background-color: rgba(98, 169, 189, 0.8);
    color: #fff;
    text-shadow: none;
  }
  html.secondary-scrolled body.white-paper .main-nav > li a:hover, html.secondary-scrolled body.account .main-nav > li a:hover {
    background-color: transparent;
  }
  html.secondary-scrolled body.home-br .main-nav > li a:hover {
    background-color: rgba(254, 223, 0, 0.1);
  }

  .trigger-nav {
    display: none;
  }

  /*********************
  LAYOUT STYLES
  *********************/
  .attention-box {
    padding: 30px;
    margin-bottom: 30px;
  }

  .banner {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .banner.banner-default h2 {
    margin-bottom: 1em;
  }

  /* Thumbnail List */
  .thumb-list-container {
    padding-top: 60px;
  }

  .thumb-list:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  .thumb-list > li {
    width: 33.33%;
  }
  .thumb-list > li .thumb-content, .thumb-list > li h3, .thumb-list > li .desc {
    overflow: hidden;
  }
  .thumb-list > li .thumb-content {
    height: 150px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .thumb-list > li h3 {
    max-height: 48px;
  }
  .thumb-list > li .desc {
    max-height: 68px;
  }

  /* Overlay Styles */
  .ov {
    padding: 30px;
  }
  .ov .ov-inner-wrapper {
    padding: 30px;
  }
  .ov.vid-player-container {
    padding: 0;
  }
  .ov.vid-player-container .vid-player-wrapper {
    height: 765px;
  }
  .ov.vid-player-container .vid-player-wrapper > iframe {
    padding-bottom: 49px;
  }
  .ov.vid-player-container .vid-player-wrapper .ov-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    width: 100%;
  }
  .ov.vid-player-container .vid-player-wrapper .ov-actions a {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ov.vid-player-container-simple .vid-player-wrapper {
    height: 720px;
  }
  .ov.vid-player-container-simple .vid-player-wrapper > iframe {
    padding-bottom: 0;
  }
  .ov.vid-player-container-simple .vid-player-wrapper .ov-actions {
    display: none;
  }

  /* Social */
  main .social a {
    -webkit-transition: color 375ms;
    -o-transition: color 375ms;
    transition: color 375ms;
  }
  main .social .copyLink:hover .label {
    color: #4a4a4a;
  }
  main .social .fb:hover .label {
    color: #2d4373;
  }
  main .social .tw:hover .label {
    color: #0b86d2;
  }
  main .social .emailsocial:hover .label {
    color: #00630d;
  }
  main .social .svg-container {
    width: 70px;
    height: 70px;
  }

  /* SVG */
  .svg-container path, .svg-container polygon {
    -webkit-transition: fill 375ms;
    -o-transition: fill 375ms;
    transition: fill 375ms;
  }

  .svg-copy:hover {
    fill: #4a4a4a;
  }

  .svg-facebook:hover {
    fill: #2d4373;
  }

  .svg-twitter:hover {
    fill: #0b86d2;
  }

  .svg-email:hover {
    fill: #00630d;
  }

  /*********************
  PAGE SPECIFIC STYLES
  *********************/
  /* INDEX PAGE */
  body.index #container #content:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(15%, rgba(0, 102, 29, 0.4)), color-stop(30%, rgba(98, 169, 189, 0.4)), color-stop(45%, rgba(255, 255, 255, 0.4)));
    background-image: -o-linear-gradient(top right, rgba(0, 102, 29, 0.4) 15%, rgba(98, 169, 189, 0.4) 30%, rgba(255, 255, 255, 0.4) 45%);
    background-image: linear-gradient(to bottom left, rgba(0, 102, 29, 0.4) 15%, rgba(98, 169, 189, 0.4) 30%, rgba(255, 255, 255, 0.4) 45%);
    position: absolute;
    top: 0;
  }
  body.index #inner-content:after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(10%, rgba(0, 102, 29, 0.25)), color-stop(20%, rgba(98, 169, 189, 0.25)), color-stop(30%, rgba(255, 255, 255, 0.25)));
    background-image: -o-linear-gradient(bottom left, rgba(0, 102, 29, 0.25) 10%, rgba(98, 169, 189, 0.25) 20%, rgba(255, 255, 255, 0.25) 30%);
    background-image: linear-gradient(to top right, rgba(0, 102, 29, 0.25) 10%, rgba(98, 169, 189, 0.25) 20%, rgba(255, 255, 255, 0.25) 30%);
    position: absolute;
    bottom: 0;
    z-index: -1;
  }
  body.index main {
    position: relative;
  }
  body.index main:before {
    content: "";
    display: block;
    width: 1%;
    padding-bottom: 50%;
    float: right;
    margin-bottom: 30px;
  }
  body.index h1, body.index h2 {
    font-size: 2.8em;
    color: #2683b2;
  }
  body.index .icon-cloud {
    width: 70%;
    padding-bottom: 70%;
  }
  body.index .img-container .mobile {
    display: none;
  }
  body.index .img-container .desktop {
    display: block;
  }
  body.index .ov.vid-player-container .vid-player-wrapper {
    height: 720px;
  }
  body.index .ov.vid-player-container .vid-player-wrapper .ov-actions {
    display: none;
  }
  body.index .head-container {
    display: block;
  }
  body.index .head-container .actions {
    clear: both;
  }
  body.index section {
    margin-bottom: 75px;
    border-top: 1px solid rgba(204, 204, 204, 0.3);
    padding-top: 75px;
    clear: both;
  }
  body.index section.head {
    clear: none;
    padding-top: 0;
    border-top: 0;
    float: left;
    width: 45%;
  }
  body.index section.head .video-player {
    display: inline-block;
    height: auto;
    position: relative;
    overflow: visible;
  }
  body.index section.head .video-player img {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  body.index section.globe {
    clear: none;
    padding-top: 0;
    border-top: 0;
    position: absolute;
    right: 6%;
    top: -20px;
    width: 48%;
    padding-bottom: 48%;
    margin: 0;
  }
  body.index section.globe:before {
    background-image: url(../images/home/earth-star-02.png);
    padding-bottom: 170%;
    width: 170%;
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  body.index section.globe:after {
    display: none;
  }
  body.index section.globe .section-content {
    border-radius: 50%;
    overflow: hidden;
    height: 100%;
    top: 0;
    padding-top: 25%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -0.15%;
  }
  body.index section.trending {
    clear: both;
    z-index: 1;
    padding-left: 42px;
    padding-right: 42px;
  }
  body.index section.trending h2 {
    width: 48%;
  }
  body.index section.trending .duel-list {
    margin-left: -42px;
    margin-right: -42px;
  }
  body.index section.trending .duel-list .trending-prev, body.index section.trending .duel-list .trending-next {
    top: 35%;
  }
  body.index section.trending .duel-list-item .duel-list-item-body {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 12px;
    padding: 0 36px;
  }
  body.index section.trending .duel-list-item .img-container, body.index section.trending .duel-list-item .stats {
    float: left;
    clear: left;
    width: 48%;
  }
  body.index section.trending .amount {
    font-size: 36px;
    font-weight: normal;
  }
  body.index section.external-links h2 {
    width: 55%;
    float: right;
  }
  body.index section.external-links .section-body {
    clear: right;
    float: left;
    width: 45%;
    padding-bottom: 0;
  }
  body.index section.external-links .section-body p {
    margin-bottom: 30px;
  }
  body.index section.external-links .section-body > div {
    font-weight: normal;
    margin-bottom: 12px;
  }
  body.index section.external-links .section-body a {
    font-size: 1.2em;
  }
  body.index section.external-links .section-body a:before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    float: none;
    margin: 0 5px 0 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #51af51;
  }
  body.index section.external-links .img-container {
    width: 55%;
    float: left;
    margin: 0;
  }
  body.index section.external-links .img-container .desktop {
    width: 120%;
    max-width: none;
    margin-left: -13%;
  }
  body.index section.external-links .actions {
    clear: both;
    padding-left: 42px;
    padding-right: 42px;
  }
  body.index section.external-links .actions > span {
    display: inline-block;
  }
  body.index section.video, body.index section.events {
    padding-bottom: 75px;
    position: relative;
  }
  body.index section.video {
    border-bottom: 1px solid rgba(204, 204, 204, 0.3);
    z-index: 2;
  }
  body.index section.video:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.index section.video .img-container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  body.index section.events, body.index section.everyone {
    border-top: 0;
    padding-top: 0;
  }
  body.index section.events:after, body.index section.everyone:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.index section.events .section-body, body.index section.everyone .section-body {
    position: relative;
    z-index: 1;
    width: 45%;
  }
  body.index section.events .icon-cloud, body.index section.everyone .icon-cloud {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-top: -15%;
    margin-bottom: -15%;
  }
  body.index section.events {
    z-index: 1;
  }
  body.index section.events:before {
    content: "";
    clear: both;
    display: block;
    height: 1px;
    background: rgba(204, 204, 204, 0.3);
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
  }
  body.index section.events .section-body {
    float: right;
    margin-left: -10%;
    padding-right: 8%;
  }
  body.index section.events h2 {
    margin-top: -12px;
  }
  body.index section.events .icon-cloud {
    margin-left: -7%;
    margin-top: -10%;
    left: 0;
    float: left;
  }
  body.index section.everyone .section-body {
    float: left;
    padding-left: 8%;
  }
  body.index section.everyone h2 {
    padding-top: 12%;
  }
  body.index section.everyone .icon-cloud {
    margin-left: -18%;
    margin-right: -7%;
    left: 0;
    float: right;
  }
  body.index section.everyone .actions {
    width: 45%;
    padding-left: 8%;
  }
  body.index section.revolutionary:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.index section.revolutionary .section-inner-container {
    position: relative;
  }
  body.index section.revolutionary .logo-container {
    max-width: none;
    width: 420px;
    margin-bottom: 0;
  }
  body.index section.revolutionary .section-body, body.index section.revolutionary .actions {
    top: 0;
    height: 378px;
    position: absolute;
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body.index section.revolutionary .section-body {
    left: 100px;
  }
  body.index section.revolutionary .actions {
    right: 100px;
  }
  body.index section.testimonials:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.index section.testimonials h2 {
    float: right;
    width: 50%;
    padding-top: 10%;
  }
  body.index section.testimonials .section-body {
    float: left;
    width: 50%;
  }
  body.index section.win:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.index section.win .section-head, body.index section.win .section-body {
    float: left;
    width: 50%;
  }
  body.index section.win .section-head {
    float: left;
  }
  body.index section.win .section-body {
    float: right;
  }
  body.index section.win h2 {
    padding-top: 20%;
  }
  body.index section.win .img-container {
    max-width: 100%;
    width: 100%;
  }
  body.index section.win .amount-label {
    display: none;
  }
  body.index section.win .amount {
    font-size: 60px;
    font-size: normal;
    color: #009614;
    margin-top: -30px;
  }
  body.index section.partners:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.index section.partners .section-head, body.index section.partners .section-body, body.index section.partners .actions {
    float: right;
    width: 50%;
  }
  body.index section.partners .section-body {
    float: left;
  }
  body.index section.partners .actions {
    clear: right;
  }

  body.home-sub.kinds-of-duels #container #content {
    background-image: url(../images/home/party-crew.svg);
    background-repeat: no-repeat;
    background-size: 200% auto;
    background-position: 52.5% 50%;
  }
  body.home-sub.kinds-of-duels section > p {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  body.home-sub.kinds-of-duels section .img-container {
    display: none;
  }
  body.home-sub.kinds-of-duels section dl {
    display: inline-block;
    padding: 30px;
    background: rgba(255, 255, 255, 0.8);
  }
  body.home-sub.kinds-of-duels section dt {
    font-weight: bold;
  }
  body.home-sub.viral-video main {
    max-width: 1560px;
    margin: 0 auto;
  }
  body.home-sub.viral-video section {
    z-index: 2;
  }
  body.home-sub.viral-video section:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.home-sub.viral-video section h2 {
    width: 50%;
  }
  body.home-sub.viral-video section .img-container {
    float: left;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }
  body.home-sub.viral-video section .section-body {
    float: right;
    width: 50%;
  }
  body.home-sub.viral-video section .actions {
    float: left;
    width: 50%;
  }
  body.home-sub.coordinator-work #container #content {
    background-image: url(../images/home/laptop-group.svg);
    background-repeat: no-repeat;
    background-size: 150% auto;
    background-position: 50% 30%;
  }
  body.home-sub.coordinator-work main {
    text-align: center;
  }
  body.home-sub.coordinator-work section {
    font-size: 1.5em;
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    padding: 45px;
  }
  body.home-sub.coordinator-work section .img-container {
    display: none;
  }

  /* DUEL PAGE */
  body.duel-test-mode #container:after, body.duel-pending #container:after, body.duel-tool #container:after {
    left: 42%;
  }

  .duel-head .dockable:hover .actions {
    opacity: 1;
  }
  .duel-head .dockable .actions {
    opacity: 0;
    -webkit-transition: opacity 375ms;
    -o-transition: opacity 375ms;
    transition: opacity 375ms;
  }
  .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team > a, .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mega-duel-team > a, .duel-head .mega-scoreboard .mega-duel-team-container .mobile-duel-team > a, .duel-head .mega-scoreboard .mega-duel-team-container .mega-duel-team > a {
    cursor: pointer;
  }
  .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team > a:hover img, .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team > a:hover .img-container, .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mega-duel-team > a:hover img, .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mega-duel-team > a:hover .img-container, .duel-head .mega-scoreboard .mega-duel-team-container .mobile-duel-team > a:hover img, .duel-head .mega-scoreboard .mega-duel-team-container .mobile-duel-team > a:hover .img-container, .duel-head .mega-scoreboard .mega-duel-team-container .mega-duel-team > a:hover img, .duel-head .mega-scoreboard .mega-duel-team-container .mega-duel-team > a:hover .img-container {
    border-color: #f00;
  }
  .duel-head .mobile-duel-team-selector .slick-arrow {
    bottom: -54px;
  }

  .duel-team .hero-image .btn-play-circle:after {
    height: 100px;
    width: 100px;
  }
  .duel-team .duel-team-content-primary, .duel-team .duel-team-content-secondary {
    float: left;
    width: 50%;
  }
  .duel-team .duel-team-name {
    font-size: 3.375em;
    margin-bottom: 40px;
    min-height: 54px;
  }
  .duel-team .duel-team-caption, .duel-team .team-challenge h3, .duel-team .duel-team-challenge-videos h3 {
    font-size: 1.5em;
  }
  .duel-team .duel-team-actions {
    margin-bottom: 30px;
  }
  .duel-team .duel-team-actions span {
    font-size: 2.0625em;
    font-weight: 300;
    color: #282828;
    margin: 0 10px;
  }
  .duel-team .duel-team-content-ticker .ticker-list::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }
  .duel-team .duel-team-content-ticker .ticker-list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border: 2px solid transparent;
    border-radius: 10px;
    background-clip: content-box;
  }
  .duel-team .duel-team-content-ticker .ticker-list::-webkit-scrollbar-track {
    background: transparent;
  }
  .duel-team .duel-team-content-ticker .ticker-list body {
    scrollbar-face-color: rgba(0, 0, 0, 0.2);
    scrollbar-track-color: transparent;
  }

  .epilogue-team-list .epilogue-team {
    border-top-left-radius: 60px;
  }

  .epilogue-team {
    padding-left: 30px;
    padding-right: 30px;
  }
  .epilogue-team .epilogue-team-header {
    margin: 0 -30px 0 -45px;
    border-radius: 60px 30px 0 60px;
  }
  .epilogue-team .epilogue-team-header.accordion-activator {
    cursor: pointer;
  }
  .epilogue-team .epilogue-team-profile-pic-container {
    width: 120px;
    height: 120px;
    border-width: 6px;
  }
  .epilogue-team .epilogue-team-header-text {
    padding: 0 72px 0 132px;
  }
  .epilogue-team .epilogue-team-media-container {
    max-width: 480px;
  }
  .epilogue-team .epilogue-team-rank {
    width: 60px;
    height: 120px;
    font-size: 24px;
    line-height: 16px;
  }
  .epilogue-team .epilogue-team-rank.winner {
    font-size: 14px;
  }
  .epilogue-team .epilogue-team-rank sup, .epilogue-team .epilogue-team-rank .heading {
    font-size: 14px;
  }

  .hot-seat:hover .tooltip {
    opacity: 1;
    width: 200px;
    height: auto;
    padding: 12px;
    overflow: visible;
    z-index: 1;
  }

  /* INIDIVIDUAL CONTESTANT PAGE */
  body.individual-contestant .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team > a, body.individual-contestant .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mega-duel-team > a, body.individual-contestant .duel-head .mega-scoreboard .mega-duel-team-container .mobile-duel-team > a, body.individual-contestant .duel-head .mega-scoreboard .mega-duel-team-container .mega-duel-team > a {
    cursor: pointer;
  }
  body.individual-contestant .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team > a:hover img, body.individual-contestant .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team > a:hover .img-container, body.individual-contestant .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mega-duel-team > a:hover img, body.individual-contestant .duel-head .mobile-duel-team-selector .mobile-duel-team-container .mega-duel-team > a:hover .img-container, body.individual-contestant .duel-head .mega-scoreboard .mega-duel-team-container .mobile-duel-team > a:hover img, body.individual-contestant .duel-head .mega-scoreboard .mega-duel-team-container .mobile-duel-team > a:hover .img-container, body.individual-contestant .duel-head .mega-scoreboard .mega-duel-team-container .mega-duel-team > a:hover img, body.individual-contestant .duel-head .mega-scoreboard .mega-duel-team-container .mega-duel-team > a:hover .img-container {
    border-color: #fff;
  }

  /* DUEL TOOL PAGE */
  body.duel-tool-create .duel-tool-init-container {
    background: #fff;
    margin-bottom: 240px;
  }
  body.duel-tool-create .duel-tool-init-container:after {
    content: "";
    position: absolute;
    width: 1px;
    left: 0;
    height: 240px;
    bottom: -240px;
  }

  body.duel-tool .image-editor-container progress {
    width: 50%;
  }
  body.duel-tool .image-editor-container .actions .image-change:hover path {
    fill: #ff9999;
  }
  body.duel-tool .image-editor-container .actions .image-edit:hover .cls-1, body.duel-tool .image-editor-container .actions .image-save:hover .cls-1 {
    fill: #00c91b;
  }
  body.duel-tool .image-editor-container .actions .image-rotate-clock:hover .cls-1, body.duel-tool .image-editor-container .actions .image-rotate-counter:hover .cls-1 {
    fill: #0183e0;
  }
  body.duel-tool .image-editor-container .actions .image-crop:hover g > * {
    fill: #0183e0;
  }
  body.duel-tool .image-editor-container .actions .image-cancel:hover .cls-1 {
    fill: #ff5c5c;
  }

  /* INDIVIDUAL CHALLENGE PAGE */
  body.individual-challenge.join-coda .vid-details {
    padding: 30px;
    border-width: 6px;
    margin-top: -36px;
    margin-right: -36px;
    margin-left: -36px;
    border-radius: 24px;
  }
  body.individual-challenge .individual-challenge-content {
    max-width: 1240px;
  }
  body.individual-challenge .vid-player, body.individual-challenge .team-challenge {
    width: 54%;
  }
  body.individual-challenge .vid-details, body.individual-challenge .challenge-videos {
    width: 40%;
  }
  body.individual-challenge .vid-list .btn-play-circle .svg-container {
    width: 72px;
    height: 72px;
  }

  /* PLEDGE-A-THON PAGES */
  body.thon #content .wrap {
    max-width: 1240px;
  }

  body.thon-campaign #main {
    position: relative;
  }
  body.thon-campaign #main header {
    position: relative;
    padding-bottom: 50%;
  }
  body.thon-campaign .campaign-image {
    width: 100%;
    max-width: none;
    position: absolute;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 50%;
  }
  body.thon-campaign .campaign-image img {
    position: absolute;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  body.thon-campaign .header-container .campaign-description, body.thon-campaign .header-container .actions {
    padding-left: 324px;
  }
  body.thon-campaign .header-inner {
    width: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    padding: 30px;
    text-shadow: 0 2px 2px #000;
  }
  body.thon-campaign .header-inner .btn, body.thon-campaign .header-inner .btn-blue, body.thon-campaign .header-inner .btn-blue-outline, body.thon-campaign .header-inner .btn-red, body.thon-campaign .header-inner .btn-green, body.thon-campaign .header-inner .btn-gold, body.thon-campaign .header-inner .btn-orange, body.thon-campaign .header-inner .btn-gallery, body.thon-campaign .header-inner .btn-play-text {
    text-shadow: none;
  }
  body.thon-campaign .header-inner .actions .sub-note a {
    color: #bcdbf8;
  }
  body.thon-campaign .campaign-title {
    font-weight: 900;
    font-size: 3em;
    line-height: 1.1em;
    margin-bottom: 0.25em;
    text-transform: uppercase;
  }
  body.thon-campaign .campaign-description {
    margin-bottom: 30px;
  }
  body.thon-campaign .contestants {
    margin-top: 30px;
    border-top: 0;
    padding-top: 0;
  }
  body.thon-campaign .contestant {
    margin-bottom: 36px;
  }
  body.thon-campaign .contestant .image-container {
    width: 120px;
    height: 120px;
  }
  body.thon-campaign .contestant h2 {
    font-size: 1.5em;
  }
  body.thon-campaign .image-container + .contestant-body {
    padding-left: 150px;
    margin-left: -120px;
  }
  body.thon-campaign .activity-meter {
    height: 72px;
    font-size: 1em;
  }
  body.thon-campaign .scope-heading {
    font-size: 36px;
  }
  body.thon-campaign .scope-heading .scope-breadcrumb a {
    height: 36px;
  }
  body.thon-campaign .ov.vid-player-container .vid-player-wrapper {
    height: 720px;
  }

  body.thon-campaign-full-width #container #content {
    padding-top: 0 !important;
  }
  body.thon-campaign-full-width .page-header {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), color-stop(60%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0));
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0));
  }

  body.thon-campaign-simple #main .header-container {
    margin: 0 auto;
    max-width: 1240px;
    padding-left: 24px;
    padding-right: 24px;
  }
  body.thon-campaign-simple #main header {
    padding-bottom: 0;
  }
  body.thon-campaign-simple #main header:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
  body.thon-campaign-simple .campaign-image {
    position: static;
    float: left;
    width: 50%;
    max-width: 500px;
    margin-right: 30px;
    height: auto;
    padding: 0;
  }
  body.thon-campaign-simple .campaign-image img {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  body.thon-campaign-simple .header-inner {
    position: static;
    width: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    background: none;
    color: #555;
    text-shadow: none;
  }
  body.thon-campaign-simple .header-inner h1 {
    font-weight: 700;
    text-transform: none;
  }

  /* PLEDGE-A-THON PLEDGE PAGE */
  body.thon-pledge .pledge-content {
    padding: 30px;
  }
  body.thon-pledge .pledge-statement {
    margin-right: 270px;
  }
  body.thon-pledge .preset-values {
    width: 240px;
    margin-left: -240px;
  }

  body.coordinators .page-heading .subhead {
    font-size: 24px;
  }
  body.coordinators .banner.help-anywhere {
    padding-left: 65%;
    padding-bottom: 55%;
    background-size: 60%;
    background-position: 2% 50%;
  }
  body.coordinators .banner.help-anywhere h2 {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 8%;
    width: 30%;
  }
  body.coordinators .banner.planet {
    padding-bottom: 35%;
    background-size: 92%;
  }
  body.coordinators .banner.planet h2 {
    position: absolute;
    left: 10%;
    top: 35%;
  }
  body.coordinators .banner.animals {
    padding-bottom: 35%;
    background-size: 50%;
    background-position: 5% 50%;
  }
  body.coordinators .banner.animals h2 {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 12%;
    width: 30%;
  }
  body.coordinators .banner.earn {
    margin-top: -6%;
    padding-top: 10%;
    padding-bottom: 46%;
    background-size: 130%;
    background-position: 50% 0;
  }
  body.coordinators .banner.earn h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  body.coordinators .contact-form {
    margin-top: 30px;
    padding: 30px;
  }

  /*********************
  FOOTER STYLES
  *********************/
  .page-footer {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    border-top: 0;
  }
  .page-footer .nav-items {
    margin-bottom: 0;
  }
  .page-footer .nav-items > li {
    margin-bottom: 0;
  }
  .page-footer .social .svg-container:hover path {
    fill: #949494;
  }
}
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Stylesheet: Large Monitor Stylesheet

  ******************************************************************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  body {
    font-size: 18px;
  }

  #container #content {
    padding-top: 156px;
  }
  #container #content {
    margin-bottom: 450px;
    margin-bottom: 276px;
    /* stupid spacer for iphones */
  }
  #container #content:after {
    height: 276px;
    bottom: -276px;
  }

  .wrap, .medium-wrap, .narrow-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  #logo {
    font-size: 4em;
  }
  #logo a {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 136px;
    -webkit-transition: padding 275ms;
    -o-transition: padding 275ms;
    transition: padding 275ms;
  }
  #logo a img {
    -webkit-transition: width 275ms;
    -o-transition: width 275ms;
    transition: width 275ms;
  }

  .main-nav > li a {
    height: 136px;
    line-height: 136px;
    font-size: 24px;
  }
  .main-nav .language-selector .available-languages {
    top: 84px;
  }

  .ov-close, #system_alert .alert-close {
    height: 60px;
    width: 60px;
  }
  .ov-close:before, #system_alert .alert-close:before, .ov-close:after, #system_alert .alert-close:after {
    border-radius: 3px;
  }
  .ov-close:before, #system_alert .alert-close:before {
    height: 3px;
    width: 40px;
  }
  .ov-close:after, #system_alert .alert-close:after {
    width: 3px;
    height: 40px;
  }

  #system_alert .alert-close {
    width: 44px;
    height: 44px;
  }

  .ov-join .actions .btn-go {
    display: block;
    padding-left: 0;
    padding-right: 1em;
    float: none;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }

  /*********************
  PAGE SPECIFIC STYLES
  *********************/
  /* HOME PAGE */
  body.index main {
    max-width: 1240px;
    margin: 0 auto;
  }
  body.index p {
    font-size: 20px;
  }
  body.index section.globe .simple-slider .slick-slide > span {
    max-width: 290px;
  }
  body.index section.trending .duel-list-item h3 {
    font-size: 2em;
  }
  body.index section.trending .duel-list-item .desc {
    font-size: 20px;
  }
  body.index section.trending .duel-list-item .btn, body.index section.trending .duel-list-item .btn-blue, body.index section.trending .duel-list-item .btn-blue-outline, body.index section.trending .duel-list-item .btn-red, body.index section.trending .duel-list-item .btn-green, body.index section.trending .duel-list-item .btn-gold, body.index section.trending .duel-list-item .btn-orange, body.index section.trending .duel-list-item .btn-gallery, body.index section.trending .duel-list-item .btn-play-text {
    font-size: 1.5em;
  }
  body.index section.external-links .section-body {
    padding-left: 12px;
  }
  body.index section.external-links .section-body a {
    font-size: 1.5em;
  }
  body.index section.external-links .section-body a:before {
    margin-bottom: 3px;
  }
  body.index section.events .info {
    font-size: 20px;
  }
  body.index section.revolutionary .section-body ul {
    font-size: 20px;
  }

  /* HOME PAGE & HOME SUB PAGES */
  body.index .actions .btn, body.index .actions .btn-blue, body.index .actions .btn-blue-outline, body.index .actions .btn-red, body.index .actions .btn-green, body.index .actions .btn-gold, body.index .actions .btn-orange, body.index .actions .btn-gallery, body.index .actions .btn-play-text, body.home-sub .actions .btn, body.home-sub .actions .btn-blue, body.home-sub .actions .btn-blue-outline, body.home-sub .actions .btn-red, body.home-sub .actions .btn-green, body.home-sub .actions .btn-gold, body.home-sub .actions .btn-orange, body.home-sub .actions .btn-gallery, body.home-sub .actions .btn-play-text {
    min-width: 240px;
  }

  body.home-sub.in-action .corporate-sponsors h2 {
    margin-bottom: -1em;
  }

  /* HOW IT WORKS PAGE */
  .slide-next {
    height: 82px;
    line-height: 82px;
  }

  body.how-it-works .head-slider .slide {
    padding-top: 150px;
    background-size: auto 100%;
  }
  body.how-it-works .head-slider .slide .slide-content {
    width: 30%;
    left: -30%;
    font-size: 1em;
  }
  body.how-it-works .head-slider .slide .slide-actions {
    bottom: 0;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.how-it-works .head-slider .slide .slide-actions div {
    float: right;
    margin: 0;
  }
  body.how-it-works .head-slider .slide .slide-actions div:first-child {
    float: left;
  }
  body.how-it-works .head-slider .how-it-works-slide-01 .image-landscape {
    right: -3%;
    top: 0;
  }
  body.how-it-works .head-slider .how-it-works-slide-02 .image-landscape {
    right: 15%;
  }
  body.how-it-works .head-slider .how-it-works-slide-04 .image-landscape {
    right: 10%;
  }

  .how-it-works-video-wrapper:after {
    padding-bottom: 40%;
  }

  .how-it-works-video-preview:after {
    width: 265px;
    height: 265px;
  }

  /* DUEL PAGE */
  body.mob-duel .duel-head {
    padding-top: 136px;
  }
  body.mob-duel .mobile-duel-team-selector .slick-arrow {
    height: 36px;
    width: 36px;
    bottom: -60px;
  }

  body.standard-duel .duel-head {
    padding-top: 136px;
    padding-left: 30px;
    padding-right: 30px;
  }

  body.duel-test-mode #container:after, body.duel-pending #container:after, body.duel-tool #container:after {
    top: 68px;
    font-size: 18px;
  }

  .duel-head {
    padding-top: 142px;
    /*html.scrolled &.has-campaign-vid {
    	.duel-title {
    		min-height:300px;
    	}
    	.video-container {
    		width:528px;
    		height:297px;
    	}
    }*/
    /*.prize-bag {
    	&:after {
    		width:44px;
    		height:50px;
    		top:4px;
    		left:115px;
    		background:red;
    	}
    	a {
    		height:72px;
    		background-size:auto 70px;
    		background-position:110px top;
    		font-size:12px;
    		margin-top:-12px;
    		&:before {
    			width:52px;
    			height:34px;
    			right:0;
    			top:26px;
    		}
    		span {
    			text-align:right;
    			padding-right:110px;
    			@include transform(translateY(-30%));
    		}
    	}
    }*/
  }
  .duel-head .video-container {
    width: 1024px;
    padding: 0;
    height: 576px;
  }
  .duel-head .dockable.docked {
    width: 528px;
    height: 297px;
  }
  .duel-head .scoreboard-container:before {
    height: 360px;
    width: 360px;
    top: -150px;
  }
  .duel-head .desktop-scoreboard:before {
    height: 72px;
    line-height: 72px;
    width: 72px;
    font-size: 42px;
    top: -20px;
  }
  .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container {
    width: 124px;
    height: 124px;
    top: -28px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-name, .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-subhead {
    padding-left: 126px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-name, .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-subhead {
    padding-right: 126px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team .btn-donate {
    padding-left: 68px;
    padding-right: 40px;
    background-position: 16px 50%;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team .btn-default {
    padding-left: 40px;
    padding-right: 40px;
  }
  .duel-head .desktop-scoreboard .team-head {
    min-height: 121px;
  }
  .duel-head .desktop-scoreboard .team-name {
    font-size: 36px;
  }
  .duel-head .desktop-scoreboard .team-body {
    height: 280px;
  }
  .duel-head .desktop-scoreboard .team-short-description {
    font-size: 16px;
  }
  .duel-head .desktop-scoreboard .team-subhead {
    padding-bottom: 42px;
  }

  .duel-team .duel-team-content-primary-head .amount-container {
    font-size: 16px;
  }
  .duel-team .duel-team-content-primary-head .amount-container .amount {
    font-size: 24px;
    padding-top: 0;
    padding-bottom: 0;
    height: 62px;
    line-height: 62px;
  }
  .duel-team .duel-team-content-primary-head .btn-donate {
    font-size: 24px;
    padding-left: 3.5em;
    background-position: 1.5em 50%;
  }

  .vid-list .vid-thumb {
    width: 50%;
    float: left;
  }
  .vid-list .vid-body {
    width: 50%;
    float: left;
    position: relative;
  }

  body.individual-contestant .individual-team-head {
    padding-top: 136px;
  }
  body.individual-contestant .individual-team-head h1, body.individual-contestant .individual-team-head h2 {
    font-size: 2em;
  }
  body.individual-contestant .individual-team-head .amount {
    height: 70px;
    line-height: 60px;
    min-width: 149px;
    font-size: 1.65em;
  }

  /* DUEL TOOL PAGE */
  body.duel-tool-create .duel-tool-init-container {
    margin-bottom: 276px;
  }
  /* INDIVIDUAL CHALLENGE PAGE */
  body.individual-challenge h1 .vid-title, body.individual-challenge h1 .contestant-name, body.individual-thon h1 .vid-title, body.individual-thon h1 .contestant-name {
    font-size: 2.25em;
  }
  body.individual-challenge .page-heading, body.individual-thon .page-heading {
    margin-bottom: 24px;
  }

  body.individual-challenge .vid-details, body.individual-challenge .challenge-videos {
    width: 39%;
  }
  body.individual-challenge .vid-details .amount-raised, body.individual-challenge .vid-details .pitch, body.individual-challenge .vid-details .actions, body.individual-challenge .vid-details .time-left {
    margin-bottom: 24px;
  }
  body.individual-challenge .team-challenge .duel-overview {
    padding: 12px;
  }
  body.individual-challenge .team-challenge .duel-overview .teams:before {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 26px;
  }
  body.individual-challenge .team-challenge .challenge-description {
    margin-bottom: 24px;
  }
  body.individual-challenge .team-challenge .actions > div {
    margin-bottom: 24px;
  }

  /* PLEDGE-A-THON PAGES */
  body.thon-campaign .scope-heading {
    font-size: 42px;
  }
  body.thon-campaign .scope-heading .scope-breadcrumb a {
    height: 42px;
  }
  body.thon-campaign .scope-heading .scope-breadcrumb a:after {
    border-width: 6px 0 6px 12px;
  }
  body.thon-campaign .header-container .campaign-description, body.thon-campaign .header-container .actions {
    padding-left: 430px;
  }
  body.thon-campaign .vid-thumb {
    max-width: 400px;
  }
  body.thon-campaign .no-meter .contestant .btn-blue {
    padding-left: 1em;
    padding-right: 1em;
  }

  .thon-contestant-edit-form .scope-browse-ov .ov-inner-wrapper {
    -webkit-transform: translateY(136px);
        -ms-transform: translateY(136px);
            transform: translateY(136px);
  }

  /* COORDINATORS PAGE */
  body.coordinators .page-heading h1 {
    font-size: 60px;
  }
  body.coordinators .banner h2 {
    font-size: 48px;
  }
  body.coordinators .banner.help-anywhere {
    background-size: 54%;
    background-position: 6% 50%;
  }
  body.coordinators .banner.help-anywhere h2 {
    right: 5%;
    width: 38%;
  }
  body.coordinators .banner.planet h2 {
    top: 30%;
    width: 28%;
  }
  body.coordinators .banner.animals {
    background-position: 18% 50%;
    background-size: 44%;
  }
  body.coordinators .banner.animals h2 {
    top: 30%;
    right: 10%;
    width: 40%;
  }
  body.coordinators .banner.earn {
    padding-bottom: 42%;
    background-size: 120%;
  }

  /* DUEL TOOL PAGE */
  body.duel-tool .duel-tool-flyout {
    top: 136px;
  }
  body.duel-tool .duel-tool-flyout.active {
    top: 136px;
  }
  body.duel-tool .ov-setup-payments .steps {
    margin-bottom: 30px;
  }
  body.duel-tool .ov-setup-payments .other-actions {
    min-height: 70px;
  }

  /*********************
  FOOTER STYLES
  *********************/
  .page-footer {
    height: 450px;
    font-size: 1em;
  }
  .page-footer .footer-search {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-footer .footer-nav-secondary {
    top: 7px;
  }
  .page-footer .copyright {
    bottom: 7px;
  }
  .page-footer .social .svg-container {
    width: 65px;
    height: 65px;
  }
  .page-footer.footer-less-content {
    height: 276px;
  }
  .page-footer.footer-less-content #footer_logo a {
    width: 220px;
  }
  .page-footer.footer-less-content .footer-secondary, .page-footer.footer-less-content .footer-tertiary {
    margin-top: 98px;
  }
  .page-footer.footer-less-content .footer-search {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .page-footer.footer-less-content .social {
    top: -85px;
  }
}
@media only screen and (min-width: 1560px) {
  /******************************************************************
  Stylesheet: Super Large Monitor Stylesheet

  ******************************************************************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap, .medium-wrap, .narrow-wrap {
    padding-left: 36px;
    padding-right: 36px;
  }

  .attention-box {
    padding: 36px;
    margin-bottom: 36px;
  }

  /* AUCTIONS */
  .auction-container {
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
  }
  .auction-container .current-item-container, .auction-container .upcoming-items-container {
    padding: 36px;
  }
  .auction-container .auction-items > li h3 {
    font-size: 1.25em;
  }

  .duel-head.has-campaign-vid .auction-container {
    max-width: 2800px;
  }
  .duel-head.has-campaign-vid .auction-container .current-item-container, .duel-head.has-campaign-vid .auction-container .upcoming-items-container {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .duel-head.has-campaign-vid .auction-container.has-upcoming-items-container .current-item-container {
    -ms-flex-preferred-size: 53%;
        flex-basis: 53%;
  }
  .duel-head.has-campaign-vid .auction-container.has-upcoming-items-container .video-container {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
  }
  .duel-head.has-campaign-vid .auction-container.has-current-item-container .upcoming-items-container {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
    max-height: 576px;
    overflow: auto;
  }
  .duel-head.has-campaign-vid .auction-container .video-container {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    margin-bottom: 0;
  }

  /*********************
  PAGE SPECIFIC STYLES
  *********************/
  body.home-sub.in-action .jrnad .teams {
    background-size: 120%;
    padding-bottom: 44%;
  }
  body.home-sub.in-action .jrnad .teams > p {
    width: 28%;
  }
  body.home-sub.in-action .jrnad .thumbs .btn-play-circle, body.home-sub.in-action .jrnad .thumbs .btn-play-youtube {
    bottom: 48%;
  }
  body.home-sub.in-action .corporate-sponsors .section-content-container .text-container {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  body.home-sub.in-action .corporate-sponsors .bar-graph-container {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }

  body.how-it-works .head-slider {
    max-height: 800px;
  }
  body.how-it-works .head-slider .slide {
    padding-top: 200px;
  }
  body.how-it-works .head-slider .slide .slide-content {
    width: 25%;
    left: -28%;
  }
  body.how-it-works .head-slider .slide .slide-actions {
    padding-left: 30px;
    padding-right: 30px;
  }
  body.how-it-works .head-slider .how-it-works-slide-01 .image-landscape {
    right: 0;
  }

  .how-it-works-video-wrapper:after {
    padding-bottom: 35%;
  }

  /* DUEL PAGE */
  body.duel-test-mode #container:after, body.duel-pending #container:after, body.duel-tool #container:after {
    left: 50%;
    font-size: 24px;
  }

  body.mob-duel .duel-head .duel-title {
    margin-left: 240px;
    margin-right: 240px;
  }
  body.mob-duel .duel-head .mobile-duel-team-selector {
    height: 496px;
  }
  body.mob-duel .duel-head .mobile-duel-team-selector .mobile-duel-team-container {
    height: 496px;
  }

  body.standard-duel .duel-head {
    padding-left: 36px;
    padding-right: 36px;
  }

  .duel-head {
    /* html.scrolled &.has-campaign-vid {
    	.video-container {
    		width:608px;
    		height:342px;
    	}
    } */
    /*.mobile-duel-team-selector {
    	height:500px;
    }*/
  }
  .duel-head .duel-title {
    font-size: 3em;
  }
  .duel-head .duel-title:after {
    height: 240px;
    width: 270px;
  }
  .duel-head .dockable.docked {
    width: 608px;
    height: 342px;
  }
  .duel-head .scoreboard-container:before {
    height: 440px;
    width: 440px;
    top: -192px;
  }
  .duel-head .desktop-scoreboard:before {
    height: 84px;
    line-height: 84px;
    width: 84px;
    font-size: 48px;
    top: -20px;
  }
  .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container {
    width: 136px;
    height: 136px;
    top: -32px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left {
    padding-right: 60px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-profile-pic-container {
    left: -16px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-name, .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-subhead {
    padding-left: 136px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .bar-graph {
    right: 60px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right {
    padding-left: 60px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-profile-pic-container {
    right: -16px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-name, .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-subhead {
    padding-right: 136px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .bar-graph {
    left: 60px;
  }
  .duel-head .desktop-scoreboard .team-head {
    min-height: 127px;
  }
  .duel-head .desktop-scoreboard .team-name {
    font-size: 42px;
  }
  .duel-head .desktop-scoreboard .team-body {
    height: 300px;
  }
  .duel-head .desktop-scoreboard .team-short-description {
    font-size: 18px;
    max-height: 210px;
  }
  .duel-head .desktop-scoreboard .bar-graph {
    width: 31%;
  }

  body.individual-contestant .individual-team-head .amount {
    min-width: 200px;
  }

  body.individual-challenge.join-coda .vid-details {
    padding: 36px;
    margin-top: -42px;
    margin-right: -42px;
    margin-left: -42px;
  }

  /* PLEDGE-A-THON CAMPAIGN PAGE */
  body.thon-campaign #main {
    position: relative;
  }
  body.thon-campaign #main header {
    padding-bottom: 40%;
  }
  body.thon-campaign .campaign-image {
    padding-bottom: 40%;
  }

  body.thon-campaign-simple #main {
    position: relative;
  }
  body.thon-campaign-simple #main header {
    padding-bottom: 0;
  }
  body.thon-campaign-simple .campaign-image {
    padding-bottom: 0;
  }

  body.coordinators .section-wrap {
    margin: 0 auto 108px;
    max-width: 1560px;
  }
  body.coordinators .wrap {
    max-width: 1560px;
  }
  body.coordinators .banner {
    max-width: none;
  }
  body.coordinators .banner.earn {
    width: 120%;
    margin-left: -10%;
    margin-right: -10%;
    background-size: 100%;
  }
  body.coordinators .contact-form {
    margin-top: 36px;
    padding: 36px;
  }

  /*********************
  FOOTER STYLES
  *********************/
  .page-footer .footer-nav {
    width: 58%;
    margin-right: 5%;
  }
}
@media only screen and (min-width: 1920px) {
  /******************************************************************
  Stylesheet: Super Large Monitor Stylesheet

  ******************************************************************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap, .medium-wrap, .narrow-wrap {
    padding-left: 48px;
    padding-right: 48px;
  }

  /*********************
  PAGE SPECIFIC STYLES
  *********************/
  body.home-sub.in-action .jrnad .teams {
    background-size: 100%;
    padding-bottom: 35%;
    margin-bottom: 0;
  }
  body.home-sub.in-action .jrnad .teams > p {
    left: 18%;
    width: 26%;
  }
  body.home-sub.in-action .jrnad .thumbs {
    background-size: auto;
    padding-bottom: 612px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  body.how-it-works .head-slider .slide .slide-content {
    width: 20%;
    left: -25%;
  }
  body.how-it-works .head-slider .how-it-works-slide-06 .slide-content {
    left: -30%;
  }

  /* DUEL PAGE */
  body.standard-duel .duel-head {
    padding-left: 48px;
    padding-right: 48px;
  }

  .duel-head {
    /* html.scrolled &.has-campaign-vid {
    	.duel-title {
    		min-height:180px;
    	}
    } */
  }
  .duel-head .scoreboard-container:before {
    height: 520px;
    width: 520px;
    top: -228px;
  }
  .duel-head .desktop-scoreboard:before {
    border-width: 8px;
  }
  .duel-head .desktop-scoreboard.standard-duel .team-profile-pic-container {
    width: 180px;
    height: 180px;
    top: -34px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-profile-pic-container {
    left: -26px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-name, .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-left .team-subhead {
    padding-left: 170px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-profile-pic-container {
    right: -26px;
  }
  .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-name, .duel-head .desktop-scoreboard.standard-duel .scoreboard-team.team-right .team-subhead {
    padding-right: 170px;
  }
  .duel-head .desktop-scoreboard .team-head {
    min-height: 170px;
  }
  .duel-head .desktop-scoreboard .team-name {
    font-size: 52px;
  }
  .duel-head .desktop-scoreboard .team-body {
    height: 420px;
  }
  .duel-head .desktop-scoreboard .team-short-description {
    font-size: 22px;
    max-height: 330px;
  }
  .duel-head .desktop-scoreboard .team-subhead {
    font-size: 24px;
    padding-bottom: 60px;
  }
  .duel-head .desktop-scoreboard .bar-graph {
    font-size: 42px;
  }

  body.mob-duel .duel-head .duel-title {
    margin-left: 154px;
    margin-right: 154px;
  }

  .duel-team .wrap {
    max-width: 1920px;
  }

  body.duel-tool .team-head .btn-delete {
    left: 144px;
    bottom: 6px;
  }
  body.duel-tool .team-right .team-head .btn-delete {
    right: 144px;
  }
}