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

/* apply a natural box layout model to all elements, but allowing components to change */
*, *:before, *:after {
  box-sizing: inherit;
}

/**
 * Remove default margin.
 */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
}

/*! Flickity v2.0.9
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

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

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

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

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

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

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

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: #fff;
  background: hsla(0deg, 0%, 100%, 0.75);
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

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

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

.flickity-prev-next-button:active {
  opacity: 0.6;
}

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

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

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

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

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

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

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

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

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

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #F4911E;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.video-react .video-react-big-play-button:before, .video-react .video-react-control:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

@font-face {
  font-family: video-react;
  src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("eot");
}
@font-face {
  font-family: video-react;
  src: url(data:application/font-woff;base64,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) format("woff"), url(data:application/x-font-ttf;base64,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) format("truetype");
  font-weight: 400;
  font-style: normal;
}
.video-react-icon, .video-react .video-react-bezel .video-react-bezel-icon, .video-react .video-react-big-play-button, .video-react .video-react-mouse-display, .video-react .video-react-mute-control, .video-react .video-react-play-control, .video-react .video-react-play-progress, .video-react .video-react-volume-level, .video-react .video-react-volume-menu-button {
  font-family: video-react !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.video-react-icon-play-arrow:before, .video-react .video-react-bezel .video-react-bezel-icon-play:before, .video-react .video-react-big-play-button:before, .video-react .video-react-play-control:before {
  content: "\f200";
}

.video-react-icon-play-circle-filled:before {
  content: "\f201";
}

.video-react-icon-play-circle-outline:before {
  content: "\f202";
}

.video-react-icon-pause:before, .video-react .video-react-bezel .video-react-bezel-icon-pause:before, .video-react .video-react-play-control.video-react-playing:before {
  content: "\f203";
}

.video-react-icon-pause-circle-filled:before {
  content: "\f204";
}

.video-react-icon-pause-circle-outline:before {
  content: "\f205";
}

.video-react-icon-stop:before {
  content: "\f206";
}

.video-react-icon-fast-rewind:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before {
  content: "\f207";
}

.video-react-icon-fast-forward:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before {
  content: "\f208";
}

.video-react-icon-skip-previous:before {
  content: "\f209";
}

.video-react-icon-skip-next:before {
  content: "\f20a";
}

.video-react-icon-replay-5:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before {
  content: "\f20b";
}

.video-react-icon-replay-10:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before {
  content: "\f20c";
}

.video-react-icon-replay-30:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before {
  content: "\f20d";
}

.video-react-icon-forward-5:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before {
  content: "\f20e";
}

.video-react-icon-forward-10:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before {
  content: "\f20f";
}

.video-react-icon-forward-30:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before {
  content: "\f210";
}

.video-react-icon-volume-off:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before, .video-react .video-react-mute-control.video-react-vol-muted:before, .video-react .video-react-volume-menu-button.video-react-vol-muted:before {
  content: "\f211";
}

.video-react-icon-volume-mute:before, .video-react .video-react-mute-control.video-react-vol-0:before, .video-react .video-react-volume-menu-button.video-react-vol-0:before {
  content: "\f212";
}

.video-react-icon-volume-down:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before, .video-react .video-react-mute-control.video-react-vol-1:before, .video-react .video-react-mute-control.video-react-vol-2:before, .video-react .video-react-volume-menu-button.video-react-vol-1:before, .video-react .video-react-volume-menu-button.video-react-vol-2:before {
  content: "\f213";
}

.video-react-icon-volume-up:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before, .video-react .video-react-mute-control:before, .video-react .video-react-volume-menu-button:before {
  content: "\f214";
}

.video-react-icon-fullscreen:before {
  content: "\f215";
}

.video-react-icon-fullscreen-exit:before {
  content: "\f216";
}

.video-react-icon-closed-caption:before {
  content: "\f217";
}

.video-react-icon-hd:before {
  content: "\f218";
}

.video-react-icon-settings:before {
  content: "\f219";
}

.video-react-icon-share:before {
  content: "\f21a";
}

.video-react-icon-info:before {
  content: "\f21b";
}

.video-react-icon-info-outline:before {
  content: "\f21c";
}

.video-react-icon-close:before {
  content: "\f21d";
}

.video-react-icon-circle:before, .video-react .video-react-mouse-display:before, .video-react .video-react-play-progress:before, .video-react .video-react-volume-level:before {
  content: "\f21e";
}

.video-react-icon-circle-outline:before {
  content: "\f21f";
}

.video-react-icon-circle-inner-circle:before {
  content: "\f220";
}

.video-react {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  font-size: 10px;
  line-height: 1;
  font-family: serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.video-react:-moz-full-screen {
  position: absolute;
}

.video-react:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-react *, .video-react :after, .video-react :before {
  box-sizing: inherit;
}

.video-react ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin: 0;
}

.video-react.video-react-4-3, .video-react.video-react-16-9, .video-react.video-react-fluid {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-react.video-react-16-9 {
  padding-top: 56.25%;
}

.video-react.video-react-4-3 {
  padding-top: 75%;
}

.video-react.video-react-fill {
  width: 100%;
  height: 100%;
}

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

.video-react.video-react-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-react.video-react-fullscreen.video-react-user-inactive {
  cursor: none;
}

body.video-react-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

body.video-react-full-window .video-react-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-react button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.video-react .video-react-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

.video-react .video-react-loading-spinner:after, .video-react .video-react-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff;
  -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
  animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
}

.video-react-seeking .video-react-loading-spinner, .video-react-waiting .video-react-loading-spinner {
  display: block;
}

.video-react-seeking .video-react-loading-spinner:before, .video-react-waiting .video-react-loading-spinner:before {
  border-top-color: #fff;
}

.video-react-seeking .video-react-loading-spinner:after, .video-react-waiting .video-react-loading-spinner:after {
  border-top-color: #fff;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes video-react-spinner-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes video-react-spinner-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  to {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  to {
    border-top-color: #73859f;
  }
}
.video-react .video-react-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.video-react .video-react-big-play-button.video-react-big-play-button-center {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

.video-react .video-react-big-play-button:focus, .video-react:hover .video-react-big-play-button {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s;
}

.video-react-menu-button {
  cursor: pointer;
}

.video-react-menu-button.video-react-disabled {
  cursor: default;
}

.video-react-menu .video-react-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: serif;
}

.video-react-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.video-react-menu li:focus, .video-react-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-react-menu li.video-react-selected, .video-react-menu li.video-react-selected:focus, .video-react-menu li.video-react-selected:hover {
  background-color: #fff;
  color: #2b333f;
}

.video-react-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em;
  font-weight: 700;
  cursor: default;
}

.video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
  display: none;
}

.video-react .video-react-menu-button-popup .video-react-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
  display: block;
}

.video-react .video-react-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.video-react .video-react-menu-button-inline:before {
  width: 2.222222222em;
}

.video-react .video-react-menu-button-inline.video-react-slider-active, .video-react .video-react-menu-button-inline:focus, .video-react .video-react-menu-button-inline:hover {
  width: 12em;
}

.video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu, .video-react .video-react-menu-button-inline:focus .video-react-menu, .video-react .video-react-menu-button-inline:hover .video-react-menu {
  display: block;
  opacity: 1;
}

.video-react .video-react-menu-button-inline.video-react-slider-active {
  -webkit-transition: none;
  transition: none;
}

.video-react .video-react-menu-button-inline .video-react-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.video-react .video-react-menu-button-inline .video-react-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-react-no-flex .video-react-menu-button-inline .video-react-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.video-react-no-flex .video-react-menu-button-inline.video-react-slider-active, .video-react-no-flex .video-react-menu-button-inline:focus, .video-react-no-flex .video-react-menu-button-inline:hover {
  width: auto;
}

.video-react .video-react-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.video-react .video-react-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.video-react .video-react-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-react .video-react-slider:focus {
  text-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.video-react .video-react-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react .video-react-control:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-react .video-react-control:focus, .video-react .video-react-control:focus:before, .video-react .video-react-control:hover:before {
  text-shadow: 0 0 1em #fff;
}

.video-react .video-react-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-react-no-flex .video-react-control {
  display: table-cell;
  vertical-align: middle;
}

.video-react .video-react-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-react-has-started .video-react-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-react-controls-disabled .video-react-control-bar, .video-react-error .video-react-control-bar, .video-react-using-native-controls .video-react-control-bar {
  display: none !important;
}

.video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
  opacity: 1;
  visibility: visible;
}

.video-react-has-started.video-react-no-flex .video-react-control-bar {
  display: table;
}

.video-react .video-react-progress-control {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
}

.video-react-live .video-react-progress-control {
  display: none;
}

.video-react .video-react-progress-holder {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}

.video-react .video-react-progress-control:hover .video-react-progress-holder {
  font-size: 1.6666666667em;
}

.video-react .video-react-progress-control:hover .video-react-mouse-display:after, .video-react .video-react-progress-control:hover .video-react-play-progress:after, .video-react .video-react-progress-control:hover .video-react-time-tooltip {
  visibility: visible;
  font-size: 0.6em;
}

.video-react .video-react-progress-holder .video-react-load-progress, .video-react .video-react-progress-holder .video-react-load-progress div, .video-react .video-react-progress-holder .video-react-play-progress, .video-react .video-react-progress-holder .video-react-tooltip-progress-bar {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}

.video-react .video-react-mouse-display:before {
  display: none;
}

.video-react .video-react-play-progress {
  background-color: #fff;
}

.video-react .video-react-play-progress:before {
  position: absolute;
  top: -0.3333333333em;
  right: -0.5em;
  font-size: 0.9em;
}

.video-react .video-react-mouse-display:after, .video-react .video-react-play-progress:after, .video-react .video-react-time-tooltip {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px;
  background-color: #fff;
  background-color: hsla(0deg, 0%, 100%, 0.8);
  border-radius: 0.3em;
}

.video-react .video-react-play-progress:after, .video-react .video-react-play-progress:before, .video-react .video-react-time-tooltip {
  z-index: 1;
}

.video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
  display: none;
}

.video-react .video-react-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}

.video-react .video-react-load-progress div {
  background: #fff;
  background: rgba(115, 133, 159, 0.75);
}

.video-react.video-react-no-flex .video-react-progress-control {
  width: auto;
}

.video-react .video-react-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em;
}

.video-react .video-react-tooltip-progress-bar {
  visibility: hidden;
}

.video-react .video-react-progress-control .video-react-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-react-no-flex .video-react-progress-control .video-react-mouse-display {
  z-index: 0;
}

.video-react .video-react-progress-control:hover .video-react-mouse-display {
  display: block;
}

.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display, .video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display, .video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
  display: none;
}

.video-react .video-react-mouse-display .video-react-time-tooltip, .video-react .video-react-progress-control .video-react-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-react .video-react-fullscreen-control, .video-react .video-react-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react.video-react-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

.video-react .video-react-time-control {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.video-react .video-react-time-divider {
  line-height: 3em;
  min-width: 0;
  padding: 0;
}

.video-react .video-react-mute-control, .video-react .video-react-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react .video-react-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-react .video-react-volume-bar {
  margin: 1.35em 0.45em;
}

.video-react .video-react-volume-bar.video-react-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
  width: 100%;
}

.video-react .video-react-volume-bar.video-react-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
  height: 100%;
}

.video-react .video-react-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-react .video-react-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.video-react .video-react-slider-vertical .video-react-volume-level {
  width: 0.3em;
}

.video-react .video-react-slider-vertical .video-react-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.video-react .video-react-slider-horizontal .video-react-volume-level {
  height: 0.3em;
}

.video-react .video-react-slider-horizontal .video-react-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
  left: 0.5em;
  height: 8em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
  left: -2em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}

.video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content {
  height: 8em;
  width: 2.9em;
}

.video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content {
  height: 2.9em;
  width: 8em;
}

.video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
  background-color: transparent !important;
}

.video-react .video-react-playback-rate .video-react-playback-rate-value {
  line-height: 3em;
  text-align: center;
}

.video-react .video-react-playback-rate .video-react-menu {
  width: 4em;
  left: 0;
}

.video-react .video-react-bezel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  z-index: 17;
  margin-left: -26px;
  margin-top: -26px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 26px;
}

.video-react .video-react-bezel.video-react-bezel-animation {
  -webkit-animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  pointer-events: none;
}

.video-react .video-react-bezel.video-react-bezel-animation-alt {
  -webkit-animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  pointer-events: none;
}

.video-react .video-react-bezel .video-react-bezel-icon {
  width: 36px;
  height: 36px;
  margin: 8px;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
}

@keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
/*# sourceMappingURL=video-react.css.map*/
header {
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  font-size: 1em;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 80px;
  z-index: 99;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-bottom: 1px solid transparent;
}
header.feature-active {
  height: 140px;
}
@media (max-width: 950px) {
  header.feature-active {
    height: 80px;
  }
}
header.scrolled {
  background-color: #fff;
  border-bottom: 1px solid #F4F4F2;
}
@media (max-width: 950px) {
  header {
    background-color: #fff;
    border-bottom: 1px solid #F4F4F2;
  }
}
header #feature-panel {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  font-size: 0.9em;
}
@media (max-width: 950px) {
  header #feature-panel {
    display: none;
  }
}
header #feature-panel a#feature-cta {
  padding: 10px 15px;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
  margin-left: 40px;
  font-size: 1.1em;
}
header #feature-panel .close {
  position: absolute;
  right: 17px;
  top: 17px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  opacity: 0.8;
}
header #feature-panel .close:hover {
  opacity: 1;
}
header #feature-panel .close:before, header #feature-panel .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 25px;
  width: 4px;
  background-color: #fff;
}
header #feature-panel .close:before {
  transform: rotate(45deg);
}
header #feature-panel .close:after {
  transform: rotate(-45deg);
}
header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}
@media (max-width: 480px) {
  header .container {
    padding: 0 10px 0 20px;
  }
}
header #logo {
  cursor: pointer;
  display: flex;
  height: 80px;
  align-items: center;
}
header #logo a {
  height: 55%;
  display: block;
}
header #logo a img {
  height: 100%;
}
header #logo .logo-sit {
  border-left: 2px solid rgba(60, 68, 75, 0.1);
  padding-left: 15px;
  margin-left: 15px;
}
@media (max-width: 768px) {
  header #logo {
    width: 150px;
  }
}
header nav#desktop {
  height: 100%;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 950px) {
  header nav#desktop {
    display: none;
  }
}
header nav#desktop a {
  cursor: pointer;
  text-transform: capitalize;
  display: inline-block;
  height: 100%;
  color: #3C444B;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding: 0 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header nav#desktop a.contact {
  padding-right: 0;
}
header nav#desktop a:hover {
  color: #F4911E;
}
header nav#mobile {
  display: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  padding-top: 79px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
header nav#mobile.open {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
header nav#mobile #mobile-nav-holder {
  background-color: white;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header nav#mobile a {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 2em;
  text-decoration: none;
  color: #3C444B;
  font-weight: 300;
  text-transform: capitalize;
}
header nav#mobile a:active {
  color: #F4911E;
}
header #nav-toggle {
  display: none;
  z-index: 10;
}
@media (max-width: 950px) {
  header #nav-toggle {
    display: block;
  }
}

#nav-toggle {
  position: relative;
  width: 40px;
  height: 40px;
  padding: 0px;
  margin: 10px;
  cursor: pointer;
  transition: all 600ms ease;
}
#nav-toggle #burger {
  cursor: pointer;
  width: 40px;
  padding: 0px;
  height: 2px;
  background: #F4911E;
  box-shadow: 0px 0px 0px transparent;
  border: 0px transparent;
  text-indent: -999px;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -1px;
  -webkit-appearance: none;
  line-height: 0px;
  transition: all 300ms ease;
  border-radius: 99px;
}
#nav-toggle #burger:active, #nav-toggle #burger:focus {
  outline: 0px;
  border: 0px;
}
#nav-toggle #burger::after, #nav-toggle #burger::before {
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  height: 2px;
  background: #F4911E;
  width: 100%;
  transition: all 300ms ease;
  border-radius: 99px;
}
#nav-toggle #burger::after {
  top: -15px;
}
#nav-toggle #burger::before {
  bottom: -15px;
  left: auto;
  right: 0px;
}
#nav-toggle.active {
  transform: rotate(360deg);
}
#nav-toggle.active #burger {
  background: transparent;
}
#nav-toggle.active #burger:after {
  transform: rotate(-135deg) translate(-10px, -10px) scale(1.2, 1.2);
}
#nav-toggle.active #burger:before {
  transform: rotate(135deg) translate(-10px, 10px) scale(1.2, 1.2);
}

.hero {
  width: 100%;
  height: 100%;
  background: #F4F4F2;
  padding: 80px 0 0 0;
  z-index: 1;
}
.hero .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 100%;
}
@media (max-width: 1024px) {
  .hero .container {
    flex-direction: column;
    text-align: center;
    justify-content: flex-start;
  }
}
.hero.no-sit .text-frame {
  margin-top: 0;
}
.hero.no-sit .image-frame img {
  margin-top: 0;
}
.hero .text-frame {
  width: 45%;
  margin-top: -90px;
  border-left: 1px solid #ccc;
}
.hero .text-frame h1 {
  padding-left: 40px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .hero .text-frame h1 {
    font-size: 1.3em;
  }
}
@media (max-width: 1024px) {
  .hero .text-frame {
    width: 100%;
    margin-top: 0;
    border-left: none;
  }
  .hero .text-frame .hero-links {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .hero .text-frame h1 {
    border-left: none;
    padding-left: 0;
    padding: 50px 0 20px 0;
  }
}
.hero .hero-links {
  margin-left: 40px;
  margin-top: 30px;
}
.hero .hero-links a {
  font-weight: 400;
  display: inline-block;
  background-position: left center;
  background-size: 20px;
  padding-left: 25px;
  background-repeat: no-repeat;
  font-size: 1.1em;
  text-decoration: none;
}
.hero .hero-links a.video-link {
  background-image: url("/images/icon-play.svg");
  margin-right: 25px;
}
.hero .hero-links a.test-link {
  color: #3C444B;
  background-image: url("/images/icon_test.svg");
  background-size: 18px;
  padding-left: 23px;
}
.hero .hero-links a.button, .hero .hero-links button.button {
  display: inline-block;
  padding: 15px;
  background-color: #F4911E;
  color: #fff;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}
.hero .image-frame {
  width: 50%;
}
.hero .image-frame img {
  width: 100%;
  display: block;
  margin-top: -90px;
}
@media (max-width: 1024px) {
  .hero .image-frame {
    width: 100%;
  }
  .hero .image-frame img {
    width: 100%;
    margin-top: 30px;
  }
}

.main-carousel {
  /* custom */
}
.main-carousel .is-selected {
  opacity: 100;
}
.main-carousel .flickity-page-dots {
  bottom: 110px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  max-width: 1350px;
  padding: 0 30px;
}
@media (max-width: 1024px) {
  .main-carousel .flickity-page-dots {
    bottom: 20px;
  }
}
.main-carousel .flickity-page-dots .dot {
  background-color: #3C444B;
  width: 40px;
  height: 3px;
  border-radius: 0;
}
@media (max-width: 1024px) {
  .main-carousel .flickity-page-dots .dot {
    width: 30px;
  }
}
.main-carousel .flickity-page-dots .dot.is-selected {
  background-color: #F4911E;
}

#event {
  background: #3C444B;
  font-size: 1.2em;
  color: #fff;
  height: 90px;
  font-weight: 400;
  margin-top: -90px;
  z-index: 2;
  position: relative;
}
@media (max-width: 768px) {
  #event {
    padding: 40px 0;
    margin-top: 0;
    height: auto;
  }
}
#event .container {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  #event .container {
    flex-direction: column;
    text-align: center;
  }
}
#event .event-cta a {
  padding: 10px 15px;
  display: inline-block;
  background: #F4911E;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  margin-left: 40px;
}
@media (max-width: 768px) {
  #event .event-cta a {
    margin-top: 20px;
    margin-left: 0;
  }
}

#section-synopsis {
  background: #fff;
  padding: 80px 0;
}
@media (max-width: 768px) {
  #section-synopsis {
    padding: 50px 0;
  }
}
@media (max-width: 480px) {
  #section-synopsis {
    padding: 30px 0 20px 0;
  }
}
#section-synopsis .container {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #section-synopsis .container {
    flex-direction: column;
  }
}
#section-synopsis #synopsis-intro {
  width: 100%;
  padding: 0 10%;
  text-align: center;
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro {
    width: 100%;
    text-align: center;
    padding: 0;
  }
}
#section-synopsis #synopsis-intro h2 {
  border-left: none;
  padding-left: 0px;
  font-weight: 400;
}
#section-synopsis #synopsis-intro h4 {
  margin-top: 30px;
}
#section-synopsis #synopsis-intro #synopsis-diagram {
  padding-top: 80px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 480px) {
  #section-synopsis #synopsis-intro #synopsis-diagram {
    padding-top: 20px;
  }
}
#section-synopsis #synopsis-intro #synopsis-diagram img {
  width: 100%;
  max-width: 500px;
  display: block;
  z-index: 1;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro #synopsis-diagram {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
}
#section-synopsis #synopsis-intro #synopsis-diagram #innovation-architect, #section-synopsis #synopsis-intro #synopsis-diagram #brand-articulator {
  width: 20%;
  visibility: hidden;
  height: 310px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 9;
  position: relative;
  padding-top: 50px;
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro #synopsis-diagram #innovation-architect, #section-synopsis #synopsis-intro #synopsis-diagram #brand-articulator {
    width: 100%;
  }
}
#section-synopsis #synopsis-intro #synopsis-diagram #innovation-architect h4, #section-synopsis #synopsis-intro #synopsis-diagram #brand-articulator h4 {
  font-family: "Gotham", sans-serif;
  line-height: 1.6em;
  margin: 0;
  margin-top: 30px;
}
#section-synopsis #synopsis-intro #synopsis-diagram #innovation-architect .text, #section-synopsis #synopsis-intro #synopsis-diagram #brand-articulator .text {
  position: absolute;
  width: 500px;
  -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro #synopsis-diagram #innovation-architect .text, #section-synopsis #synopsis-intro #synopsis-diagram #brand-articulator .text {
    width: 100%;
  }
}
#section-synopsis #synopsis-intro #synopsis-diagram #innovation-architect .text {
  right: -500px;
}
#section-synopsis #synopsis-intro #synopsis-diagram #brand-articulator .text {
  left: -500px;
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-innovation img {
    opacity: 0;
  }
}
@media (max-width: 1190px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-innovation #brand-articulator {
    width: 0;
  }
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-innovation #brand-articulator {
    width: 100%;
  }
}
#section-synopsis #synopsis-intro #synopsis-diagram.show-innovation #innovation-architect {
  width: 80%;
  height: 310px;
  opacity: 1;
  margin-left: -250px;
  padding-left: 120px;
  visibility: visible;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 11%, rgb(255, 255, 255) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 11%, rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 11%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 */
}
@media (max-width: 1190px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-innovation #innovation-architect {
    width: 100%;
  }
}
@media (max-width: 1050px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-innovation #innovation-architect {
    margin-left: -350px;
  }
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-innovation #innovation-architect {
    width: 100%;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 40px 5% 0 5%;
  }
}
#section-synopsis #synopsis-intro #synopsis-diagram.show-innovation #innovation-architect .text {
  right: 0;
  width: 500px;
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-innovation #innovation-architect .text {
    width: 100%;
    padding: 0 5%;
  }
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-brand img {
    opacity: 0;
  }
}
@media (max-width: 1190px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-brand #innovation-architect {
    width: 0;
  }
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-brand #innovation-architect {
    width: 100%;
  }
}
#section-synopsis #synopsis-intro #synopsis-diagram.show-brand #brand-articulator {
  width: 80%;
  height: 310px;
  opacity: 1;
  margin-right: -250px;
  padding-right: 120px;
  visibility: visible;
  background: -moz-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 89%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 89%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 89%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 ); /* IE6-9 */
}
@media (max-width: 1190px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-brand #brand-articulator {
    width: 100%;
  }
}
@media (max-width: 1050px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-brand #brand-articulator {
    margin-right: -350px;
  }
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-brand #brand-articulator {
    width: 100%;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 40px 5% 0 5%;
  }
}
#section-synopsis #synopsis-intro #synopsis-diagram.show-brand #brand-articulator .text {
  left: 0;
  width: 500px;
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-intro #synopsis-diagram.show-brand #brand-articulator .text {
    width: 100%;
    padding: 0 5%;
  }
}
#section-synopsis #synopsis-slider {
  width: 100%;
}
#section-synopsis #synopsis-slider .synopsis-slide {
  width: 100%;
  margin-top: 80px;
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-slider .synopsis-slide {
    margin-top: 50px;
  }
}
#section-synopsis #synopsis-slider .synopsis-slide h3 {
  text-align: center;
  font-weight: 400;
  margin-bottom: 30px;
}
#section-synopsis #synopsis-slider .synopsis-slide h4 {
  font-family: "Gotham", sans-serif;
  line-height: 1.6em;
}
#section-synopsis #synopsis-slider .synopsis-slide h4.center-me {
  text-align: center;
}
#section-synopsis #synopsis-slider .synopsis-slide h4 span {
  font-weight: 700;
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-diagram {
  width: 50%;
  max-width: 500px;
  margin: 0 auto;
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-diagram img {
  width: 100%;
  display: block;
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-slider .synopsis-slide #synopsis-diagram {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-innovation-architect, #section-synopsis #synopsis-slider .synopsis-slide #synopsis-brand-articulator {
  margin: 0 10%;
  border-top: 1px solid #F4F4F2;
  padding-top: 50px;
}
@media (max-width: 768px) {
  #section-synopsis #synopsis-slider .synopsis-slide #synopsis-innovation-architect, #section-synopsis #synopsis-slider .synopsis-slide #synopsis-brand-articulator {
    margin: 0;
  }
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-innovation-architect #ia-info, #section-synopsis #synopsis-slider .synopsis-slide #synopsis-brand-articulator #ia-info {
  display: flex;
  justify-content: space-between;
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-innovation-architect #ia-info .col, #section-synopsis #synopsis-slider .synopsis-slide #synopsis-brand-articulator #ia-info .col {
  width: 33%;
  text-align: center;
  margin-top: 40px;
  padding: 0 20px;
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-innovation-architect #ia-info .col img, #section-synopsis #synopsis-slider .synopsis-slide #synopsis-brand-articulator #ia-info .col img {
  width: 70%;
  border-radius: 5px;
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-innovation-architect #ia-info .col h4, #section-synopsis #synopsis-slider .synopsis-slide #synopsis-brand-articulator #ia-info .col h4 {
  font-weight: 700;
  margin-bottom: 20px;
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-innovation-architect #ia-info .col.col1 h4, #section-synopsis #synopsis-slider .synopsis-slide #synopsis-brand-articulator #ia-info .col.col1 h4 {
  margin-bottom: 25px;
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-innovation-architect #ia-info .col.col1 img, #section-synopsis #synopsis-slider .synopsis-slide #synopsis-brand-articulator #ia-info .col.col1 img {
  width: 60%;
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-brand-articulator {
  text-align: center;
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-brand-articulator h4 {
  margin-bottom: 60px;
}
#section-synopsis #synopsis-slider .synopsis-slide #synopsis-brand-articulator img {
  width: 100%;
  max-width: 731px;
  margin: 0 auto;
}
#section-synopsis .why_tabs {
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
}
#section-synopsis .why_tabs__tab {
  color: #3C444B;
  margin: 0 15px;
  font-size: 1.8em;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  border-bottom: 2px solid #3C444B;
  opacity: 0.3;
}
#section-synopsis .why_tabs__tab:hover {
  color: #F4911E;
  border-bottom: 2px solid #F4911E;
}
#section-synopsis .why_tabs__tab.active, #section-synopsis .why_tabs__tab:active {
  color: #F4911E;
  border-bottom: 2px solid #F4911E;
  opacity: 1;
}
#section-synopsis .why_panels {
  width: 100%;
  margin-top: 55px;
}
#section-synopsis .why_panels__panel {
  width: 100%;
  display: none;
}
#section-synopsis .why_panels__panel.active {
  display: block;
  display: flex !important;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
#section-synopsis .why_panels__panel__column {
  width: 25%;
  margin: 0 4%;
  text-align: center;
  padding-top: 90px;
  background-repeat: no-repeat;
  background-size: 80px;
  background-position: center top;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  #section-synopsis .why_panels__panel__column {
    width: 42%;
  }
}
@media (max-width: 768px) {
  #section-synopsis .why_panels__panel__column {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }
}
#section-synopsis .why_panels__panel__column h4 {
  font-weight: 700;
  font-family: "Gotham", sans-serif;
  font-size: 1em;
}
#section-synopsis .why_panels__panel__column p {
  font-size: 1em;
  opacity: 0.7;
}

#section-solutions {
  background: #F4F4F2;
  padding: 80px 0 0 0;
}
@media (max-width: 768px) {
  #section-solutions {
    padding: 0 0 0 0;
  }
}
#section-solutions h3 {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  #section-solutions h3 {
    display: none;
  }
}
#section-solutions h4.select {
  margin-bottom: 10px;
  font-weight: 700;
  font-family: "Gotham", sans-serif;
  padding-bottom: 10px;
  text-align: center;
  display: none;
}
#section-solutions h4.select span.options {
  display: inline-block;
  color: #F4911E;
  border-bottom: 1px solid #F4911E;
  position: relative;
  padding-right: 25px;
  cursor: pointer;
}
#section-solutions h4.select span.options.open span.arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top: 10px;
}
#section-solutions h4.select span.options.open #options-list {
  opacity: 1;
  visibility: visible;
  bottom: -170px;
}
#section-solutions h4.select span.options span.arrow {
  border: solid #F4911E;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  top: 6px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#section-solutions h4.select span.options #options-list {
  background: #fff;
  border-radius: 5px;
  position: absolute;
  bottom: -150px;
  left: -25%;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#section-solutions h4.select span.options #options-list a {
  display: block;
  border-bottom: 1px solid #F4F4F2;
  color: rgba(60, 68, 75, 0.5);
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  text-decoration: none;
  padding: 12px 50px;
  text-transform: capitalize;
}
#section-solutions h4.select span.options #options-list a:hover {
  color: #F4911E;
  border-left: 4px solid #F4911E;
  padding-left: 46px;
}
#section-solutions #solution-lists {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
@media (max-width: 768px) {
  #section-solutions #solution-lists {
    display: none;
  }
}
@media (max-width: 768px) {
  #section-solutions #solution-lists {
    flex-direction: column;
  }
}
#section-solutions #solution-lists .solution-list {
  width: 33%;
  margin-bottom: 30px;
  padding: 0 25px;
  text-align: center;
}
@media (max-width: 768px) {
  #section-solutions #solution-lists .solution-list {
    width: 100%;
    margin-bottom: 50px;
    padding: 0;
  }
}
#section-solutions #solution-lists .solution-list h4 {
  margin-bottom: 30px;
  font-weight: 700;
  font-family: "Gotham", sans-serif;
}
#section-solutions #solution-lists .solution-list a.solution-button {
  display: block;
  text-align: center;
  color: #F4911E;
  text-decoration: none;
  font-size: 1em;
  margin: 0;
  padding: 30px 0;
  text-transform: uppercase;
  font-weight: 400;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 5px;
}
#section-solutions #solution-lists .solution-list a.solution-button:hover, #section-solutions #solution-lists .solution-list a.solution-button.active {
  background: #F4911E;
  color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
#section-solutions #solution-detail-panel {
  width: 100%;
  padding-top: 80px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 768px) {
  #section-solutions #solution-detail-panel {
    max-height: 1000px;
    border-top: 3px solid #F4F4F2;
    padding-top: 0;
  }
}
#section-solutions #solution-detail-panel.open {
  max-height: 750px;
}
@media (max-width: 768px) {
  #section-solutions #solution-detail-panel.open {
    max-height: 1000px;
  }
}
#section-solutions #solution-detail-panel .container {
  padding: 50px 0;
}
#section-solutions #solution-detail-panel #connector-arrow {
  width: 30px;
  height: 30px;
  background: #F4F4F2;
  margin: 0 auto;
  margin-bottom: 25px;
  position: relative;
  margin-top: -70px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  #section-solutions #solution-detail-panel #solutions-nav-holder {
    height: 70px;
    width: 100%;
    overflow: hidden;
  }
}
#section-solutions #solution-detail-panel nav {
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  #section-solutions #solution-detail-panel nav {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hide;
    height: 100px;
    margin: 0;
    padding: 0;
    display: block;
  }
}
#section-solutions #solution-detail-panel nav a {
  display: inline-block;
  padding: 22px 15px 19px 15px;
  color: rgba(60, 68, 75, 0.5);
  text-decoration: none;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  font-size: 1em;
  border-bottom: 3px solid #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 768px) {
  #section-solutions #solution-detail-panel nav a {
    height: 70px;
  }
}
#section-solutions #solution-detail-panel nav a:hover, #section-solutions #solution-detail-panel nav a.active {
  color: #F4911E;
  border-bottom: 3px solid #F4911E;
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide {
  width: 100%;
  padding: 50px 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  #section-solutions #solution-detail-panel #solutions-slider .solutions-slide {
    text-align: center;
    flex-direction: column;
    padding: 0;
  }
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-info {
  width: 55%;
  padding: 0 0 0 0;
}
@media (max-width: 768px) {
  #section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-info {
    width: 90%;
  }
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-info h4 {
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.5em;
  font-family: "Gotham", sans-serif;
  margin-bottom: 10px;
  display: inline-block;
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-info p {
  font-weight: 300;
  font-size: 1.2em;
  line-height: 1.6em;
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-info .cta {
  padding: 15px 15px;
  display: inline-block;
  background: #F4911E;
  text-decoration: none;
  border-radius: 3px;
  font-size: 1.2em;
  color: #fff;
  margin-top: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-info .cta:hover {
  background: rgba(244, 145, 30, 0.9);
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-image {
  width: 45%;
  text-align: right;
  position: relative;
}
@media (max-width: 768px) {
  #section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-image {
    width: 90%;
    text-align: center;
    margin-top: 30px;
    display: none;
  }
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-image img {
  width: 80%;
  border-radius: 5px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-image .video-link {
  display: block;
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-image .play-icon-holder {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-image .play-icon-holder .play-icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 40px 80px;
  opacity: 0.99;
  border-color: transparent transparent transparent #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-image:hover .video-link img {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6);
}
#section-solutions #solution-detail-panel #solutions-slider .solutions-slide .solution-image:hover .play-icon-holder .play-icon {
  opacity: 1;
}

#video-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3C444B;
  opacity: 0;
  z-index: 999;
}
#video-bg.visible {
  display: block;
}

#video-player {
  opacity: 0;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999999999999;
  width: 100%;
  height: 100%;
}
#video-player.visible {
  display: block;
}
#video-player #video-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#video-player #video-holder #video {
  width: 80%;
  border: 10px solid #fff;
  border-radius: 5px;
  position: relative;
  z-index: 99;
}
#video-player #video-player-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#section-successes {
  background-color: #fff;
  padding: 80px 0;
}
#section-successes h3 {
  text-align: center;
}
#section-successes #successes-slider {
  width: 100%;
  margin-top: 50px;
}
#section-successes #successes-slider .successes-slide {
  width: 100%;
  text-align: center;
  padding-bottom: 50px;
  padding: 0 10%;
}
@media (max-width: 768px) {
  #section-successes #successes-slider .successes-slide {
    padding: 0;
  }
}
#section-successes #successes-slider .successes-slide .quote {
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.6em;
  font-style: italic;
}
#section-successes #successes-slider .successes-slide .quotee {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  #section-successes #successes-slider .successes-slide .quotee {
    flex-direction: column;
  }
}
#section-successes #successes-slider .successes-slide .quotee .quotee-logo {
  margin-right: 5px;
  padding: 10px;
}
#section-successes #successes-slider .successes-slide .quotee .quotee-logo img {
  width: 100%;
  border-radius: 50%;
  border: 3px solid #F4F4F2;
}
#section-successes #successes-slider .successes-slide .quotee .quotee-info {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}
#section-successes #successes-slider .successes-slide .quotee .quotee-info .name {
  font-weight: 400;
}
#section-successes #successes-slider-nav .client-logo-holder {
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section-successes #successes-slider-nav .client-logo-holder .client-logo {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 15px;
  opacity: 0.2;
}
#section-successes #successes-slider-nav .client-logo-holder.is-selected .client-logo, #section-successes #successes-slider-nav .client-logo-holder:hover .client-logo {
  opacity: 1;
}
#section-successes .button {
  margin-top: 50px;
  padding: 15px 15px;
  display: inline-block;
  background: #F4911E;
  text-decoration: none;
  border-radius: 3px;
  font-size: 1.2em;
  color: #fff;
  margin-top: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#section-successes .button:hover {
  background: rgba(244, 145, 30, 0.9);
}
#section-successes #client-logos {
  margin-top: 80px;
  display: none;
}
#section-successes #client-logos .client-logos-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 50px;
}
#section-successes #client-logos .logo {
  width: 14%;
  margin: 2% 1%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  position: relative;
}
@media (max-width: 768px) {
  #section-successes #client-logos .logo {
    width: 23%;
  }
}
@media (max-width: 480px) {
  #section-successes #client-logos .logo {
    width: 31%;
  }
}
#section-successes #client-logos .logo img {
  max-width: 90%;
  max-height: 90%;
}

#leadership {
  background: #F4F4F2;
  padding: 80px 0 0 0;
}
@media (max-width: 768px) {
  #leadership .container {
    padding: 0 20px;
  }
}
#leadership h3 {
  text-align: center;
  margin-bottom: 20px;
}
#leadership #leadership-tab-slider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 25px;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider {
    padding: 50px 0;
  }
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-tab-holder {
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
    height: 60px;
  }
}
#leadership #leadership-tab-slider #leadership-tabs {
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-tabs {
    margin-bottom: 0;
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hide;
    height: 90px;
  }
}
#leadership #leadership-tab-slider #leadership-tabs a {
  display: block;
  width: 100%;
  padding: 0 30px;
  text-align: left;
  color: #3C444B;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
  margin: 0 5px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  cursor: pointer;
  background-color: rgba(60, 68, 75, 0.05);
  border-radius: 5px;
  text-align: center;
  position: relative;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-tabs a {
    display: inline-block;
    width: auto;
    height: 60px;
    line-height: 62px;
    padding: 0 20px;
  }
}
#leadership #leadership-tab-slider #leadership-tabs a span {
  display: inline-block;
  height: 100%;
  padding: 30px 0 30px 38px;
  background-position: left center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-tabs a span {
    padding: 0 0 0 38px;
  }
}
#leadership #leadership-tab-slider #leadership-tabs a.tools span {
  background-image: url("images/rachel-audige-leadership-tools.svg");
  background-size: 35px;
  padding-left: 48px;
}
#leadership #leadership-tab-slider #leadership-tabs a.articles span {
  background-image: url("images/rachel-audige-leadership-articles.svg");
  background-size: 20px;
}
#leadership #leadership-tab-slider #leadership-tabs a.whitepapers span {
  background-image: url("images/rachel-audige-leadership-whitepapers.svg");
  background-size: 30px;
  padding-left: 42px;
}
#leadership #leadership-tab-slider #leadership-tabs a.book span {
  background-image: url("images/rachel-audige-leadership-book.svg");
  background-size: 35px;
  padding-left: 48px;
}
#leadership #leadership-tab-slider #leadership-tabs a.events span {
  background-image: url("images/rachel-audige-solution-events.svg");
  background-size: 25px;
  padding-left: 40px;
}
#leadership #leadership-tab-slider #leadership-tabs a.active, #leadership #leadership-tab-slider #leadership-tabs a:hover {
  color: #F4911E;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  filter: none;
  -webkit-filter: none;
}
#leadership #leadership-tab-slider #leadership-slider {
  flex: 1;
  padding: 0 5px;
}
#leadership #leadership-tab-slider #leadership-slider h4 {
  font-family: "Gotham", sans-serif;
  font-size: 1.2em;
  font-weight: 700;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide {
  width: 100%;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-articles {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-articles a.leadership-article {
  display: block;
  cursor: pointer;
  background: #fff;
  border-radius: 5px;
  width: 24%;
  overflow: hidden;
  margin: 0 0 20px 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
  color: #3C444B;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-articles a.leadership-article {
    width: 49%;
  }
}
@media (max-width: 480px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-articles a.leadership-article {
    width: 100%;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-articles a.leadership-article:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-articles a.leadership-article:hover .article-info p {
  opacity: 1;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-articles a.leadership-article .article-image {
  height: 200px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-articles a.leadership-article .article-image img {
  width: 100%;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-articles a.leadership-article .article-info {
  padding: 20px;
  text-align: center;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-articles a.leadership-article .article-info p {
  font-size: 0.95em;
  margin-top: 20px;
  opacity: 0.7;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-articles a.leadership-article .article-info p span.red {
  font-weight: 300;
  color: #F4911E;
  display: block;
  margin-top: 20px;
  opacity: 1;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-events {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-events a.leadership-event {
  display: block;
  cursor: pointer;
  background: #fff;
  border-radius: 5px;
  width: 24%;
  overflow: hidden;
  margin: 0 0.5% 20px 0.5%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
  color: #3C444B;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-events a.leadership-event {
    width: 49%;
  }
}
@media (max-width: 480px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-events a.leadership-event {
    width: 100%;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-events a.leadership-event:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-events a.leadership-event:hover .event-info p {
  opacity: 1;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-events a.leadership-event .event-image {
  height: 200px;
  overflow: hidden;
  background-size: cover;
  background-position: left;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-events a.leadership-event .event-image img {
  width: 100%;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-events a.leadership-event .event-info {
  padding: 20px;
  text-align: center;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-events a.leadership-event .event-info p {
  font-size: 0.95em;
  margin-top: 20px;
  opacity: 0.7;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-events a.leadership-event .event-info p span.red {
  font-weight: 300;
  color: #F4911E;
  display: block;
  margin-top: 20px;
  opacity: 1;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper {
  display: flex;
  cursor: pointer;
  background: #fff;
  border-radius: 5px;
  width: 49%;
  overflow: hidden;
  margin: 0 0 0 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
  color: #3C444B;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper {
    width: 100%;
    display: block;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper:hover .whitepaper-info p {
  opacity: 1;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper:hover .whitepaper-info p.snippet, #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper:hover .whitepaper-info p.authors {
  opacity: 1;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper .whitepaper-image {
  width: 40%;
  margin: 0 auto;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper .whitepaper-image img {
  width: 100%;
  display: block;
}
@media (max-width: 480px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper .whitepaper-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
  }
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper .whitepaper-image img {
    margin-top: -30px;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper .whitepaper-info {
  padding: 30px 30px 0 30px;
  text-align: center;
  width: 60%;
}
@media (max-width: 480px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper .whitepaper-info {
    width: 100%;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper .whitepaper-info h4 {
  font-family: "Gotham", sans-serif;
  font-size: 1.2em;
  font-weight: 700;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper .whitepaper-info p {
  margin-top: 20px;
  font-size: 1em;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper .whitepaper-info p.snippet {
  opacity: 0.7;
  font-size: 0.95em;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper .whitepaper-info p.authors {
  font-size: 0.8em;
  font-style: italic;
  margin-top: 5px;
  opacity: 0.7;
  margin-bottom: 25px;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-whitepaper a.leadership-whitepaper .whitepaper-info p span.red {
  font-weight: 300;
  color: #F4911E;
  display: inline-block;
  margin-top: 20px;
  padding-left: 23px;
  background-image: url("./images/icon_download.svg");
  background-position: left top 1px;
  background-size: 15px;
  background-repeat: no-repeat;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools {
  background: #fff;
  padding: 30px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools {
    padding: 30px 0;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel {
    flex-direction: column;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-preview {
  width: 50%;
  text-align: center;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-preview {
    display: none;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-preview img {
  width: 80%;
  display: block;
  margin: 0 auto;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info {
  width: 50%;
  padding: 0 30px 30px 30px;
  text-align: center;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info {
    width: 100%;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info img {
  display: inline-block;
  margin-bottom: 10px;
  max-width: 100%;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info img.wheel-mobile-only {
  display: none;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info img.wheel-mobile-only {
    display: block;
    width: 60%;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info img.wheel-mobile-only {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info h4 {
  margin-bottom: 30px;
  display: none;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info p {
  font-size: 1em;
  margin-top: 20px;
  opacity: 0.7;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info p span.color {
  display: inline-block;
  padding: 0 5px;
  color: #fff;
  color: #fff;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info p span.color.warm {
  background-color: #fc694f;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info p span.color.cooler {
  background-color: #7dbef4;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-tools #tools-innovation-wheel #wheel-info .cta {
  padding: 15px;
  color: #fff;
  background: #F4911E;
  border-radius: 5px;
  margin-top: 20px;
  display: inline-block;
  font-size: 1.1em;
  cursor: pointer;
  text-decoration: none;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book {
  background: #fff;
  padding: 30px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book {
    padding: 30px 10px;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder {
  width: 50%;
  text-align: center;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder {
    width: 100%;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder:nth-child(even) #book-info {
  right: auto;
  left: 0px;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder:hover #book-info {
  visibility: visible;
  opacity: 1;
  right: 30px;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder:hover:nth-child(even) #book-info {
  right: auto;
  left: 30px;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-preview {
  width: 100%;
  text-align: center;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-preview img {
  width: 75%;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-preview img {
    width: 100%;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info {
  width: 50%;
  padding: 30px 60px 30px 60px;
  text-align: center;
  position: absolute;
  width: 50%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  top: 0px;
  right: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info {
    width: 100%;
    align-items: center;
    position: relative;
    width: 100%;
    opacity: 1;
    visibility: visible;
    padding: 0 10px;
    text-align: center;
  }
}
@media (max-width: 480px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info {
    width: 100%;
    padding: 0 10px;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info img.book-mobile-only {
  display: none;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info h4 {
  font-size: 1.6em;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info h4 {
    display: none;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info h4 span {
  display: block;
  opacity: 0.7;
  font-size: 0.7em;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info p {
  font-size: 1em;
  opacity: 0.7;
  padding-right: 30px;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info p {
    display: none;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info p.coming-soon {
  font-weight: 500;
  opacity: 1;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info p.coming-soon {
    display: block;
    font-size: 0.8em;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info p.author {
  font-style: italic;
  opacity: 0.7;
  margin-top: 0;
  margin-bottom: 30px;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info .cta {
  padding: 15px;
  color: #fff;
  background: #F4911E;
  border-radius: 5px;
  display: inline-block;
  font-size: 1.1em;
  cursor: pointer;
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info .button {
  padding: 15px 15px;
  display: inline-block;
  background: #F4911E;
  text-decoration: none;
  border-radius: 3px;
  font-size: 1.2em;
  color: #fff;
  margin-top: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: none;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info .button {
    font-size: 0.8em;
    padding: 11px 11px;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info .button:hover {
  background: rgba(244, 145, 30, 0.9);
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder #book-info .button {
    width: 100%;
  }
}
#leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder:first-child #book-info {
  opacity: 1;
  visibility: visible;
  right: 30px;
}
@media (max-width: 768px) {
  #leadership #leadership-tab-slider #leadership-slider .leadership-slide #leadership-book #book-holder:first-child #book-info {
    right: 0;
  }
}

#section-profile {
  background: #fff;
  padding: 80px 0 0 0;
  text-align: center;
}
#section-profile .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  #section-profile .container {
    flex-direction: column;
  }
}
#section-profile h3 {
  text-align: center;
}
#section-profile .profile-image {
  width: 25%;
  margin-bottom: 40px;
}
#section-profile .profile-image img {
  width: 100%;
  border-radius: 50%;
}
@media (max-width: 768px) {
  #section-profile .profile-image {
    width: 80%;
    text-align: center;
  }
}
#section-profile .profile-info {
  width: 60%;
  text-align: center;
}
#section-profile .profile-info h3 {
  margin-bottom: 10px;
  margin-top: 70px;
}
#section-profile .profile-info p {
  margin-bottom: 35px;
  font-size: 1.2em;
  line-height: 1.6em;
}
#section-profile .profile-info p a {
  font-size: 1em;
  padding-bottom: 0;
}
#section-profile .profile-info a {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.4em;
  display: inline-block;
  border-bottom: 2px solid rgba(244, 145, 30, 0.3);
  padding-bottom: 5px;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#section-profile .profile-info a:hover {
  border-bottom: 2px solid #f4911e;
}
@media (max-width: 768px) {
  #section-profile .profile-info {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
#section-profile h4.select {
  margin-bottom: 10px;
  font-weight: 700;
  font-family: "Gotham", sans-serif;
  padding-bottom: 10px;
  text-align: center;
  margin-top: 40px;
}
#section-profile h4.select span.options {
  display: inline-block;
  color: #F4911E;
  border-bottom: 1px solid #F4911E;
  position: relative;
  padding-right: 25px;
  cursor: pointer;
}
#section-profile h4.select span.options.open span.arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top: 10px;
}
#section-profile h4.select span.options.open #options-list {
  opacity: 1;
  visibility: visible;
  bottom: -170px;
}
#section-profile h4.select span.options span.arrow {
  border: solid #F4911E;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  top: 6px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#section-profile h4.select span.options #options-list {
  background: #fff;
  border-radius: 5px;
  position: absolute;
  bottom: -150px;
  left: -25%;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#section-profile h4.select span.options #options-list a {
  display: block;
  border-bottom: 1px solid #F4F4F2;
  border-left: 4px solid transparent;
  color: rgba(60, 68, 75, 0.5);
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  text-decoration: none;
  padding: 12px 50px 12px 46px;
  text-transform: capitalize;
  font-size: 1em;
}
#section-profile h4.select span.options #options-list a:hover {
  color: #F4911E;
  border-left: 4px solid #F4911E;
  padding-left: 46px;
}
#section-profile h4.select span.options #options-list a:nth-child(3) {
  border-bottom: none;
}
#section-profile #profile-contact {
  width: 100%;
  background: #F4F4F2;
  padding: 50px 0;
  margin-top: 30px;
}

footer {
  background: #3C444B;
  padding: 30px 0;
  color: #fff;
}
footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
footer #logo {
  width: 210px;
}
footer #logo img {
  width: 100%;
}
@media (max-width: 480px) {
  footer #logo {
    width: 160px;
  }
}
footer #social {
  display: flex;
}
footer #social img {
  width: 40px;
  margin-left: 20px;
}
@media (max-width: 480px) {
  footer #social img {
    margin-left: 10px;
    width: 30px;
  }
}

#sit-popup {
  width: 100%;
  height: 100%;
  background: #fff;
  bottom: -100%;
  left: 0;
  z-index: 100;
  position: fixed;
  opacity: 0.99;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}
#sit-popup .container {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 10%;
  justify-content: center;
}
@media (max-width: 768px) {
  #sit-popup .container {
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 50px;
  }
}
#sit-popup .sit-intro {
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.5em;
  font-family: "Gotham", sans-serif;
  display: block;
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 480px) {
  #sit-popup .sit-intro {
    font-size: 1.5em;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
#sit-popup #sit-stats #sit-info {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;
}
#sit-popup #sit-stats #sit-info p {
  font-weight: 400;
  margin-bottom: 25px;
}
#sit-popup #sit-stats #sit-info strong {
  font-weight: 400;
  color: #F4911E;
}
#sit-popup #sit-stats #sit-info strong :before {
  display: none;
}
#sit-popup #sit-stats #sit-info ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#sit-popup #sit-stats #sit-info ul li {
  font-size: 1em;
  line-height: 1.2em;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 480px) {
  #sit-popup #sit-stats #sit-info ul li {
    margin-bottom: 20px;
  }
}
#sit-popup #sit-stats #sit-info ul li p {
  padding-bottom: 0;
  margin-bottom: 5px;
  margin-top: 0;
}
#sit-popup #sit-stats #sit-info ul li p:before {
  color: #F4911E;
  content: "•";
  padding-right: 0.3em;
  font-size: 1.5em;
  top: 0.07em;
}
#sit-popup #sit-stats #sit-info ul li span {
  color: #F4911E;
  font-weight: 400;
}
#sit-popup a#sit-cta {
  display: inline-block;
  background-color: #F4911E;
  color: #fff;
  padding: 15px 15px;
  text-decoration: none;
  font-size: 1.2em;
  border-radius: 3px;
  margin-top: 40px;
  margin-bottom: 50px;
}
#sit-popup .close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 50px;
  height: 50px;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 768px) {
  #sit-popup .close {
    top: 15px;
    right: 15px;
  }
}
#sit-popup .close:hover {
  opacity: 1;
}
#sit-popup .close:before, #sit-popup .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 50px;
  width: 4px;
  background-color: #F4911E;
}
#sit-popup .close:before {
  transform: rotate(45deg);
}
#sit-popup .close:after {
  transform: rotate(-45deg);
}

#contact-form, #popup-contact-form {
  width: 100%;
  height: 100%;
  background: #fff;
  bottom: -100%;
  left: 0;
  z-index: 100;
  position: fixed;
  opacity: 0.99;
  overflow-y: scroll;
}
#contact-form .container, #popup-contact-form .container {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 10%;
  justify-content: center;
}
@media (max-width: 480px) {
  #contact-form .container, #popup-contact-form .container {
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 50px;
    margin-bottom: 100px;
  }
}
#contact-form h3, #popup-contact-form h3 {
  font-size: 2.5em;
  margin-top: 20px;
}
@media (max-width: 480px) {
  #contact-form h3, #popup-contact-form h3 {
    font-size: 2em;
  }
}
#contact-form #feedback-msg, #contact-form #popup-feedback-msg, #popup-contact-form #feedback-msg, #popup-contact-form #popup-feedback-msg {
  display: none;
  opacity: 0;
  margin-top: 50px;
  font-size: 1.5em;
  position: absolute;
}
#contact-form .close, #popup-contact-form .close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 50px;
  height: 50px;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 768px) {
  #contact-form .close, #popup-contact-form .close {
    top: 15px;
    right: 15px;
  }
}
#contact-form .close:hover, #popup-contact-form .close:hover {
  opacity: 1;
}
#contact-form .close:before, #contact-form .close:after, #popup-contact-form .close:before, #popup-contact-form .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 50px;
  width: 4px;
  background-color: #F4911E;
}
#contact-form .close:before, #popup-contact-form .close:before {
  transform: rotate(45deg);
}
#contact-form .close:after, #popup-contact-form .close:after {
  transform: rotate(-45deg);
}

.inline-form {
  margin-top: 50px;
  font-weight: 300;
  font-size: 1.5em;
  text-align: center;
  line-height: 2.3em;
}
@media (max-width: 480px) {
  .inline-form {
    line-height: 1.7em;
    margin-top: 20px;
    font-size: 1.3em;
  }
}
#section-profile .inline-form {
  margin-top: 40px;
  font-size: 1.3em;
  line-height: 2em;
}
@media (max-width: 768px) {
  #section-profile .inline-form {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 40px;
  }
}
@media (max-width: 480px) {
  #section-profile .inline-form {
    width: 80%;
  }
}
#section-profile .inline-form .input {
  font-weight: 400;
}
#section-profile .inline-form .input.select {
  min-width: auto;
}
#section-profile .inline-form .input span.options {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}
#section-profile .inline-form .input span.options.open span.arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top: 10px;
}
#section-profile .inline-form .input span.options.open #options-list {
  opacity: 1;
  visibility: visible;
  bottom: -170px;
  font-style: normal;
}
#section-profile .inline-form .input span.options span.arrow {
  border: solid #F4911E;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  top: 6px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#section-profile .inline-form .input span.options #options-list {
  background: #fff;
  border-radius: 5px;
  position: absolute;
  bottom: -150px;
  left: -25%;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#section-profile .inline-form .input span.options #options-list a {
  display: block;
  border-bottom: 1px solid #F4F4F2;
  border-left: 4px solid transparent;
  color: rgba(60, 68, 75, 0.5);
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  text-decoration: none;
  padding: 12px 50px 12px 46px;
  text-transform: capitalize;
  font-size: 1em;
}
#section-profile .inline-form .input span.options #options-list a:hover {
  color: #F4911E;
  border-left: 4px solid #F4911E;
  padding-left: 46px;
}
#section-profile .inline-form .input span.options #options-list a:nth-child(3) {
  border-bottom: none;
}
.inline-form .input {
  display: inline-block;
  border: none;
  border-bottom: 1px solid #F4911E;
  text-align: center;
  min-width: 200px;
  color: #F4911E;
  padding: 0 10px;
  line-height: 1.3em;
  font-style: italic;
  outline: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.inline-form .input.subject {
  min-width: 150px;
}
.inline-form .input.inactive {
  color: #D8D8D8;
}
.inline-form textarea:focus, .inline-form input:focus {
  outline: none;
}

a#submit-contact-form, a#popup-submit-contact-form {
  display: inline-block;
  background-color: #F4911E;
  color: #fff;
  width: 80px;
  height: 80px;
  text-decoration: none;
  font-size: 1.2em;
  border-radius: 3px;
  margin-top: 30px;
  text-indent: -99999px;
  background-image: url("./images/icon-paper-plane-2.svg");
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  background-size: 45px;
  border: 3px solid rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
a#submit-contact-form:hover, a#popup-submit-contact-form:hover {
  border: 3px solid rgba(244, 145, 30, 0.7);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

body.swal2-shown {
  overflow-y: hidden;
}

body.swal2-iosfix {
  position: fixed;
  left: 0;
  right: 0;
}

.swal2-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 10px;
  background-color: transparent;
  z-index: 1060;
}

.swal2-container.swal2-fade {
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
}

.swal2-container.swal2-shown {
  background-color: rgba(0, 0, 0, 0.4);
}

.swal2-modal {
  background-color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin: auto;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
  position: relative;
  max-width: 100%;
}

.swal2-modal:focus {
  outline: none;
}

.swal2-modal.swal2-loading {
  overflow-y: hidden;
}

.swal2-modal .swal2-title {
  color: #595959;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 0 0 0.4em;
  padding: 0;
  display: block;
  word-wrap: break-word;
}

.swal2-modal .swal2-buttonswrapper {
  margin-top: 15px;
}

.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
  cursor: no-drop;
}

.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid transparent;
  border-color: transparent;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 7.5px;
  vertical-align: top;
  background-color: transparent !important;
  color: transparent;
  cursor: default;
  border-radius: 100%;
  -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
  animation: rotate-loading 1.5s linear 0s infinite normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {
  margin-left: 30px;
  margin-right: 30px;
}

.swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after {
  display: inline-block;
  content: "";
  margin-left: 5px;
  vertical-align: -1px;
  height: 15px;
  width: 15px;
  border: 3px solid #999999;
  -webkit-box-shadow: 1px 1px 1px #fff;
  box-shadow: 1px 1px 1px #fff;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
  animation: rotate-loading 1.5s linear 0s infinite normal;
}

.swal2-modal .swal2-styled {
  border: 0;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  margin: 15px 5px 0;
  padding: 10px 32px;
}

.swal2-modal .swal2-image {
  margin: 20px auto;
  max-width: 100%;
}

.swal2-modal .swal2-close {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  width: 38px;
  height: 40px;
  font-size: 36px;
  line-height: 40px;
  font-family: serif;
  position: absolute;
  top: 5px;
  right: 8px;
  cursor: pointer;
  color: #cccccc;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

.swal2-modal .swal2-close:hover {
  color: #d55;
}

.swal2-modal > .swal2-input,
.swal2-modal > .swal2-file,
.swal2-modal > .swal2-textarea,
.swal2-modal > .swal2-select,
.swal2-modal > .swal2-radio,
.swal2-modal > .swal2-checkbox {
  display: none;
}

.swal2-modal .swal2-content {
  font-size: 18px;
  text-align: center;
  font-weight: 300;
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  color: #545454;
  word-wrap: break-word;
}

.swal2-modal .swal2-input,
.swal2-modal .swal2-file,
.swal2-modal .swal2-textarea,
.swal2-modal .swal2-select,
.swal2-modal .swal2-radio,
.swal2-modal .swal2-checkbox {
  margin: 20px auto;
}

.swal2-modal .swal2-input,
.swal2-modal .swal2-file,
.swal2-modal .swal2-textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.swal2-modal .swal2-input.swal2-inputerror,
.swal2-modal .swal2-file.swal2-inputerror,
.swal2-modal .swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  -webkit-box-shadow: 0 0 2px #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}

.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-textarea:focus {
  outline: none;
  border: 1px solid #b4dbed;
  -webkit-box-shadow: 0 0 3px #c4e6f5;
  box-shadow: 0 0 3px #c4e6f5;
}

.swal2-modal .swal2-input::-webkit-input-placeholder,
.swal2-modal .swal2-file::-webkit-input-placeholder,
.swal2-modal .swal2-textarea::-webkit-input-placeholder {
  color: #cccccc;
}

.swal2-modal .swal2-input:-ms-input-placeholder,
.swal2-modal .swal2-file:-ms-input-placeholder,
.swal2-modal .swal2-textarea:-ms-input-placeholder {
  color: #cccccc;
}

.swal2-modal .swal2-input::placeholder,
.swal2-modal .swal2-file::placeholder,
.swal2-modal .swal2-textarea::placeholder {
  color: #cccccc;
}

.swal2-modal .swal2-range input {
  float: left;
  width: 80%;
}

.swal2-modal .swal2-range output {
  float: right;
  width: 20%;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.swal2-modal .swal2-range input,
.swal2-modal .swal2-range output {
  height: 43px;
  line-height: 43px;
  vertical-align: middle;
  margin: 20px auto;
  padding: 0;
}

.swal2-modal .swal2-input {
  height: 43px;
  padding: 0 12px;
}

.swal2-modal .swal2-input[type=number] {
  max-width: 150px;
}

.swal2-modal .swal2-file {
  font-size: 20px;
}

.swal2-modal .swal2-textarea {
  height: 108px;
  padding: 12px;
}

.swal2-modal .swal2-select {
  color: #545454;
  font-size: inherit;
  padding: 5px 10px;
  min-width: 40%;
  max-width: 100%;
}

.swal2-modal .swal2-radio {
  border: 0;
}

.swal2-modal .swal2-radio label:not(:first-child) {
  margin-left: 20px;
}

.swal2-modal .swal2-radio input,
.swal2-modal .swal2-radio span {
  vertical-align: middle;
}

.swal2-modal .swal2-radio input {
  margin: 0 3px 0 0;
}

.swal2-modal .swal2-checkbox {
  color: #545454;
}

.swal2-modal .swal2-checkbox input,
.swal2-modal .swal2-checkbox span {
  vertical-align: middle;
}

.swal2-modal .swal2-validationerror {
  background-color: #f0f0f0;
  margin: 0 -20px;
  overflow: hidden;
  padding: 10px;
  color: gray;
  font-size: 16px;
  font-weight: 300;
  display: none;
}

.swal2-modal .swal2-validationerror::before {
  content: "!";
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: #fff;
  line-height: 24px;
  text-align: center;
  margin-right: 10px;
}

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
.swal2-icon {
  width: 80px;
  height: 80px;
  border: 4px solid transparent;
  border-radius: 50%;
  margin: 20px auto 30px;
  padding: 0;
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.swal2-icon.swal2-error {
  border-color: #f27474;
}

.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  display: block;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px;
}

.swal2-icon.swal2-warning {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #f8bb86;
  border-color: #facea8;
  font-size: 60px;
  line-height: 80px;
  text-align: center;
}

.swal2-icon.swal2-info {
  font-family: "Open Sans", sans-serif;
  color: #3fc3ee;
  border-color: #9de0f6;
  font-size: 60px;
  line-height: 80px;
  text-align: center;
}

.swal2-icon.swal2-question {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #87adbd;
  border-color: #c9dae1;
  font-size: 60px;
  line-height: 80px;
  text-align: center;
}

.swal2-icon.swal2-success {
  border-color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 60px;
  transform-origin: 0 60px;
}

.swal2-icon.swal2-success .swal2-success-ring {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.swal2-icon.swal2-success .swal2-success-fix {
  width: 7px;
  height: 90px;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.swal2-progresssteps {
  font-weight: 600;
  margin: 0 0 20px;
  padding: 0;
}

.swal2-progresssteps li {
  display: inline-block;
  position: relative;
}

.swal2-progresssteps .swal2-progresscircle {
  background: #3085d6;
  border-radius: 2em;
  color: #fff;
  height: 2em;
  line-height: 2em;
  text-align: center;
  width: 2em;
  z-index: 20;
}

.swal2-progresssteps .swal2-progresscircle:first-child {
  margin-left: 0;
}

.swal2-progresssteps .swal2-progresscircle:last-child {
  margin-right: 0;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
  background: #3085d6;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
  background: #add8e6;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
  background: #add8e6;
}

.swal2-progresssteps .swal2-progressline {
  background: #3085d6;
  height: 0.4em;
  margin: 0 -1px;
  z-index: 10;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

@-webkit-keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
}
.swal2-show {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

.swal2-show.swal2-noanimation {
  -webkit-animation: none;
  animation: none;
}

.swal2-hide {
  -webkit-animation: hideSweetAlert 0.15s forwards;
  animation: hideSweetAlert 0.15s forwards;
}

.swal2-hide.swal2-noanimation {
  -webkit-animation: none;
  animation: none;
}

@-webkit-keyframes animate-success-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animate-success-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animate-success-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes animate-success-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}
.swal2-animate-success-line-tip {
  -webkit-animation: animate-success-tip 0.75s;
  animation: animate-success-tip 0.75s;
}

.swal2-animate-success-line-long {
  -webkit-animation: animate-success-long 0.75s;
  animation: animate-success-long 0.75s;
}

.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animate-error-icon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes animate-error-icon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
}
.swal2-animate-error-icon {
  -webkit-animation: animate-error-icon 0.5s;
  animation: animate-error-icon 0.5s;
}

@-webkit-keyframes animate-x-mark {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes animate-x-mark {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.swal2-animate-x-mark {
  -webkit-animation: animate-x-mark 0.5s;
  animation: animate-x-mark 0.5s;
}

@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
button[data-balloon] {
  overflow: visible;
}

[data-balloon] {
  position: relative;
  cursor: pointer;
}

[data-balloon]:after {
  font-family: sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-shadow: none !important;
  font-size: 12px !important;
  background: hsla(0deg, 0%, 7%, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-balloon);
  padding: 0.5em 1em;
  white-space: nowrap;
}

[data-balloon]:after, [data-balloon]:before {
  filter: alpha(opactiy=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.18s ease-out 0.18s;
  position: absolute;
  z-index: 10;
}

[data-balloon]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  content: "";
}

[data-balloon]:hover:after, [data-balloon]:hover:before, [data-balloon][data-balloon-visible]:after, [data-balloon][data-balloon-visible]:before {
  filter: alpha(opactiy=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  pointer-events: auto;
}

[data-balloon].font-awesome:after {
  font-family: FontAwesome;
}

[data-balloon][data-balloon-break]:after {
  white-space: pre;
}

[data-balloon][data-balloon-blunt]:after, [data-balloon][data-balloon-blunt]:before {
  transition: none;
}

[data-balloon][data-balloon-pos=up]:after {
  margin-bottom: 11px;
}

[data-balloon][data-balloon-pos=up]:after, [data-balloon][data-balloon-pos=up]:before {
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  transform-origin: top;
}

[data-balloon][data-balloon-pos=up]:before {
  margin-bottom: 5px;
}

[data-balloon][data-balloon-pos=up]:hover:after, [data-balloon][data-balloon-pos=up]:hover:before, [data-balloon][data-balloon-pos=up][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up][data-balloon-visible]:before {
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

[data-balloon][data-balloon-pos=up-left]:after {
  left: 0;
  margin-bottom: 11px;
}

[data-balloon][data-balloon-pos=up-left]:after, [data-balloon][data-balloon-pos=up-left]:before {
  bottom: 100%;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transform-origin: top;
  transform-origin: top;
}

[data-balloon][data-balloon-pos=up-left]:before {
  left: 5px;
  margin-bottom: 5px;
}

[data-balloon][data-balloon-pos=up-left]:hover:after, [data-balloon][data-balloon-pos=up-left]:hover:before, [data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before {
  -webkit-transform: translate(0);
  transform: translate(0);
}

[data-balloon][data-balloon-pos=up-right]:after {
  right: 0;
  margin-bottom: 11px;
}

[data-balloon][data-balloon-pos=up-right]:after, [data-balloon][data-balloon-pos=up-right]:before {
  bottom: 100%;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transform-origin: top;
  transform-origin: top;
}

[data-balloon][data-balloon-pos=up-right]:before {
  right: 5px;
  margin-bottom: 5px;
}

[data-balloon][data-balloon-pos=up-right]:hover:after, [data-balloon][data-balloon-pos=up-right]:hover:before, [data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before {
  -webkit-transform: translate(0);
  transform: translate(0);
}

[data-balloon][data-balloon-pos=down]:after {
  margin-top: 11px;
}

[data-balloon][data-balloon-pos=down]:after, [data-balloon][data-balloon-pos=down]:before {
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}

[data-balloon][data-balloon-pos=down]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  margin-top: 5px;
}

[data-balloon][data-balloon-pos=down]:hover:after, [data-balloon][data-balloon-pos=down]:hover:before, [data-balloon][data-balloon-pos=down][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down][data-balloon-visible]:before {
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

[data-balloon][data-balloon-pos=down-left]:after {
  left: 0;
  margin-top: 11px;
  top: 100%;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

[data-balloon][data-balloon-pos=down-left]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  left: 5px;
  margin-top: 5px;
  top: 100%;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

[data-balloon][data-balloon-pos=down-left]:hover:after, [data-balloon][data-balloon-pos=down-left]:hover:before, [data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before {
  -webkit-transform: translate(0);
  transform: translate(0);
}

[data-balloon][data-balloon-pos=down-right]:after {
  right: 0;
  margin-top: 11px;
  top: 100%;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

[data-balloon][data-balloon-pos=down-right]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  right: 5px;
  margin-top: 5px;
  top: 100%;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

[data-balloon][data-balloon-pos=down-right]:hover:after, [data-balloon][data-balloon-pos=down-right]:hover:before, [data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before {
  -webkit-transform: translate(0);
  transform: translate(0);
}

[data-balloon][data-balloon-pos=left]:after {
  margin-right: 11px;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}

[data-balloon][data-balloon-pos=left]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 6px;
  height: 18px;
  margin-right: 5px;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}

[data-balloon][data-balloon-pos=left]:hover:after, [data-balloon][data-balloon-pos=left]:hover:before, [data-balloon][data-balloon-pos=left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=left][data-balloon-visible]:before {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

[data-balloon][data-balloon-pos=right]:after {
  left: 100%;
  margin-left: 11px;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}

[data-balloon][data-balloon-pos=right]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 6px;
  height: 18px;
  left: 100%;
  margin-left: 5px;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}

[data-balloon][data-balloon-pos=right]:hover:after, [data-balloon][data-balloon-pos=right]:hover:before, [data-balloon][data-balloon-pos=right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=right][data-balloon-visible]:before {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

[data-balloon][data-balloon-length=small]:after {
  white-space: normal;
  width: 80px;
}

[data-balloon][data-balloon-length=medium]:after {
  white-space: normal;
  width: 150px;
}

[data-balloon][data-balloon-length=large]:after {
  white-space: normal;
  width: 260px;
}

[data-balloon][data-balloon-length=xlarge]:after {
  white-space: normal;
  width: 380px;
}

@media screen and (max-width: 768px) {
  [data-balloon][data-balloon-length=xlarge]:after {
    white-space: normal;
    width: 90vw;
  }
}
[data-balloon][data-balloon-length=fit]:after {
  white-space: normal;
  width: 100%;
}

@-webkit-keyframes my-face {
  2% {
    -webkit-transform: translateY(1.5px) rotate(1.5deg);
    transform: translateY(1.5px) rotate(1.5deg);
  }
  4% {
    -webkit-transform: translateY(-1.5px) rotate(-0.5deg);
    transform: translateY(-1.5px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translateY(1.5px) rotate(-1.5deg);
    transform: translateY(1.5px) rotate(-1.5deg);
  }
  8% {
    -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
    transform: translateY(-1.5px) rotate(-1.5deg);
  }
  10% {
    -webkit-transform: translateY(2.5px) rotate(1.5deg);
    transform: translateY(2.5px) rotate(1.5deg);
  }
  12% {
    -webkit-transform: translateY(-0.5px) rotate(1.5deg);
    transform: translateY(-0.5px) rotate(1.5deg);
  }
  14% {
    -webkit-transform: translateY(-1.5px) rotate(1.5deg);
    transform: translateY(-1.5px) rotate(1.5deg);
  }
  16% {
    -webkit-transform: translateY(-0.5px) rotate(-1.5deg);
    transform: translateY(-0.5px) rotate(-1.5deg);
  }
  18% {
    -webkit-transform: translateY(0.5px) rotate(-1.5deg);
    transform: translateY(0.5px) rotate(-1.5deg);
  }
  20% {
    -webkit-transform: translateY(-1.5px) rotate(2.5deg);
    transform: translateY(-1.5px) rotate(2.5deg);
  }
  22% {
    -webkit-transform: translateY(0.5px) rotate(-1.5deg);
    transform: translateY(0.5px) rotate(-1.5deg);
  }
  24% {
    -webkit-transform: translateY(1.5px) rotate(1.5deg);
    transform: translateY(1.5px) rotate(1.5deg);
  }
  26% {
    -webkit-transform: translateY(0.5px) rotate(0.5deg);
    transform: translateY(0.5px) rotate(0.5deg);
  }
  28% {
    -webkit-transform: translateY(0.5px) rotate(1.5deg);
    transform: translateY(0.5px) rotate(1.5deg);
  }
  30% {
    -webkit-transform: translateY(-0.5px) rotate(2.5deg);
    transform: translateY(-0.5px) rotate(2.5deg);
  }
  32% {
    -webkit-transform: translateY(1.5px) rotate(-0.5deg);
    transform: translateY(1.5px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translateY(1.5px) rotate(-0.5deg);
    transform: translateY(1.5px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translateY(-1.5px) rotate(2.5deg);
    transform: translateY(-1.5px) rotate(2.5deg);
  }
  38% {
    -webkit-transform: translateY(1.5px) rotate(-1.5deg);
    transform: translateY(1.5px) rotate(-1.5deg);
  }
  40% {
    -webkit-transform: translateY(-0.5px) rotate(2.5deg);
    transform: translateY(-0.5px) rotate(2.5deg);
  }
  42% {
    -webkit-transform: translateY(2.5px) rotate(-1.5deg);
    transform: translateY(2.5px) rotate(-1.5deg);
  }
  44% {
    -webkit-transform: translateY(1.5px) rotate(0.5deg);
    transform: translateY(1.5px) rotate(0.5deg);
  }
  46% {
    -webkit-transform: translateY(-1.5px) rotate(2.5deg);
    transform: translateY(-1.5px) rotate(2.5deg);
  }
  48% {
    -webkit-transform: translateY(-0.5px) rotate(0.5deg);
    transform: translateY(-0.5px) rotate(0.5deg);
  }
  50% {
    -webkit-transform: translateY(0.5px) rotate(0.5deg);
    transform: translateY(0.5px) rotate(0.5deg);
  }
  52% {
    -webkit-transform: translateY(2.5px) rotate(2.5deg);
    transform: translateY(2.5px) rotate(2.5deg);
  }
  54% {
    -webkit-transform: translateY(-1.5px) rotate(1.5deg);
    transform: translateY(-1.5px) rotate(1.5deg);
  }
  56% {
    -webkit-transform: translateY(2.5px) rotate(2.5deg);
    transform: translateY(2.5px) rotate(2.5deg);
  }
  58% {
    -webkit-transform: translateY(0.5px) rotate(2.5deg);
    transform: translateY(0.5px) rotate(2.5deg);
  }
  60% {
    -webkit-transform: translateY(2.5px) rotate(2.5deg);
    transform: translateY(2.5px) rotate(2.5deg);
  }
  62% {
    -webkit-transform: translateY(-0.5px) rotate(2.5deg);
    transform: translateY(-0.5px) rotate(2.5deg);
  }
  64% {
    -webkit-transform: translateY(-0.5px) rotate(1.5deg);
    transform: translateY(-0.5px) rotate(1.5deg);
  }
  66% {
    -webkit-transform: translateY(1.5px) rotate(-0.5deg);
    transform: translateY(1.5px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translateY(-1.5px) rotate(-0.5deg);
    transform: translateY(-1.5px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translateY(1.5px) rotate(0.5deg);
    transform: translateY(1.5px) rotate(0.5deg);
  }
  72% {
    -webkit-transform: translateY(2.5px) rotate(1.5deg);
    transform: translateY(2.5px) rotate(1.5deg);
  }
  74% {
    -webkit-transform: translateY(-0.5px) rotate(0.5deg);
    transform: translateY(-0.5px) rotate(0.5deg);
  }
  76% {
    -webkit-transform: translateY(-0.5px) rotate(2.5deg);
    transform: translateY(-0.5px) rotate(2.5deg);
  }
  78% {
    -webkit-transform: translateY(-0.5px) rotate(1.5deg);
    transform: translateY(-0.5px) rotate(1.5deg);
  }
  80% {
    -webkit-transform: translateY(1.5px) rotate(1.5deg);
    transform: translateY(1.5px) rotate(1.5deg);
  }
  82% {
    -webkit-transform: translateY(-0.5px) rotate(0.5deg);
    transform: translateY(-0.5px) rotate(0.5deg);
  }
  84% {
    -webkit-transform: translateY(1.5px) rotate(2.5deg);
    transform: translateY(1.5px) rotate(2.5deg);
  }
  86% {
    -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
    transform: translateY(-1.5px) rotate(-1.5deg);
  }
  88% {
    -webkit-transform: translateY(-0.5px) rotate(2.5deg);
    transform: translateY(-0.5px) rotate(2.5deg);
  }
  90% {
    -webkit-transform: translateY(2.5px) rotate(-0.5deg);
    transform: translateY(2.5px) rotate(-0.5deg);
  }
  92% {
    -webkit-transform: translateY(0.5px) rotate(-0.5deg);
    transform: translateY(0.5px) rotate(-0.5deg);
  }
  94% {
    -webkit-transform: translateY(2.5px) rotate(0.5deg);
    transform: translateY(2.5px) rotate(0.5deg);
  }
  96% {
    -webkit-transform: translateY(-0.5px) rotate(1.5deg);
    transform: translateY(-0.5px) rotate(1.5deg);
  }
  98% {
    -webkit-transform: translateY(-1.5px) rotate(-0.5deg);
    transform: translateY(-1.5px) rotate(-0.5deg);
  }
  0%, to {
    -webkit-transform: translate(0) rotate(0deg);
    transform: translate(0) rotate(0deg);
  }
}
@keyframes my-face {
  2% {
    -webkit-transform: translateY(1.5px) rotate(1.5deg);
    transform: translateY(1.5px) rotate(1.5deg);
  }
  4% {
    -webkit-transform: translateY(-1.5px) rotate(-0.5deg);
    transform: translateY(-1.5px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translateY(1.5px) rotate(-1.5deg);
    transform: translateY(1.5px) rotate(-1.5deg);
  }
  8% {
    -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
    transform: translateY(-1.5px) rotate(-1.5deg);
  }
  10% {
    -webkit-transform: translateY(2.5px) rotate(1.5deg);
    transform: translateY(2.5px) rotate(1.5deg);
  }
  12% {
    -webkit-transform: translateY(-0.5px) rotate(1.5deg);
    transform: translateY(-0.5px) rotate(1.5deg);
  }
  14% {
    -webkit-transform: translateY(-1.5px) rotate(1.5deg);
    transform: translateY(-1.5px) rotate(1.5deg);
  }
  16% {
    -webkit-transform: translateY(-0.5px) rotate(-1.5deg);
    transform: translateY(-0.5px) rotate(-1.5deg);
  }
  18% {
    -webkit-transform: translateY(0.5px) rotate(-1.5deg);
    transform: translateY(0.5px) rotate(-1.5deg);
  }
  20% {
    -webkit-transform: translateY(-1.5px) rotate(2.5deg);
    transform: translateY(-1.5px) rotate(2.5deg);
  }
  22% {
    -webkit-transform: translateY(0.5px) rotate(-1.5deg);
    transform: translateY(0.5px) rotate(-1.5deg);
  }
  24% {
    -webkit-transform: translateY(1.5px) rotate(1.5deg);
    transform: translateY(1.5px) rotate(1.5deg);
  }
  26% {
    -webkit-transform: translateY(0.5px) rotate(0.5deg);
    transform: translateY(0.5px) rotate(0.5deg);
  }
  28% {
    -webkit-transform: translateY(0.5px) rotate(1.5deg);
    transform: translateY(0.5px) rotate(1.5deg);
  }
  30% {
    -webkit-transform: translateY(-0.5px) rotate(2.5deg);
    transform: translateY(-0.5px) rotate(2.5deg);
  }
  32% {
    -webkit-transform: translateY(1.5px) rotate(-0.5deg);
    transform: translateY(1.5px) rotate(-0.5deg);
  }
  34% {
    -webkit-transform: translateY(1.5px) rotate(-0.5deg);
    transform: translateY(1.5px) rotate(-0.5deg);
  }
  36% {
    -webkit-transform: translateY(-1.5px) rotate(2.5deg);
    transform: translateY(-1.5px) rotate(2.5deg);
  }
  38% {
    -webkit-transform: translateY(1.5px) rotate(-1.5deg);
    transform: translateY(1.5px) rotate(-1.5deg);
  }
  40% {
    -webkit-transform: translateY(-0.5px) rotate(2.5deg);
    transform: translateY(-0.5px) rotate(2.5deg);
  }
  42% {
    -webkit-transform: translateY(2.5px) rotate(-1.5deg);
    transform: translateY(2.5px) rotate(-1.5deg);
  }
  44% {
    -webkit-transform: translateY(1.5px) rotate(0.5deg);
    transform: translateY(1.5px) rotate(0.5deg);
  }
  46% {
    -webkit-transform: translateY(-1.5px) rotate(2.5deg);
    transform: translateY(-1.5px) rotate(2.5deg);
  }
  48% {
    -webkit-transform: translateY(-0.5px) rotate(0.5deg);
    transform: translateY(-0.5px) rotate(0.5deg);
  }
  50% {
    -webkit-transform: translateY(0.5px) rotate(0.5deg);
    transform: translateY(0.5px) rotate(0.5deg);
  }
  52% {
    -webkit-transform: translateY(2.5px) rotate(2.5deg);
    transform: translateY(2.5px) rotate(2.5deg);
  }
  54% {
    -webkit-transform: translateY(-1.5px) rotate(1.5deg);
    transform: translateY(-1.5px) rotate(1.5deg);
  }
  56% {
    -webkit-transform: translateY(2.5px) rotate(2.5deg);
    transform: translateY(2.5px) rotate(2.5deg);
  }
  58% {
    -webkit-transform: translateY(0.5px) rotate(2.5deg);
    transform: translateY(0.5px) rotate(2.5deg);
  }
  60% {
    -webkit-transform: translateY(2.5px) rotate(2.5deg);
    transform: translateY(2.5px) rotate(2.5deg);
  }
  62% {
    -webkit-transform: translateY(-0.5px) rotate(2.5deg);
    transform: translateY(-0.5px) rotate(2.5deg);
  }
  64% {
    -webkit-transform: translateY(-0.5px) rotate(1.5deg);
    transform: translateY(-0.5px) rotate(1.5deg);
  }
  66% {
    -webkit-transform: translateY(1.5px) rotate(-0.5deg);
    transform: translateY(1.5px) rotate(-0.5deg);
  }
  68% {
    -webkit-transform: translateY(-1.5px) rotate(-0.5deg);
    transform: translateY(-1.5px) rotate(-0.5deg);
  }
  70% {
    -webkit-transform: translateY(1.5px) rotate(0.5deg);
    transform: translateY(1.5px) rotate(0.5deg);
  }
  72% {
    -webkit-transform: translateY(2.5px) rotate(1.5deg);
    transform: translateY(2.5px) rotate(1.5deg);
  }
  74% {
    -webkit-transform: translateY(-0.5px) rotate(0.5deg);
    transform: translateY(-0.5px) rotate(0.5deg);
  }
  76% {
    -webkit-transform: translateY(-0.5px) rotate(2.5deg);
    transform: translateY(-0.5px) rotate(2.5deg);
  }
  78% {
    -webkit-transform: translateY(-0.5px) rotate(1.5deg);
    transform: translateY(-0.5px) rotate(1.5deg);
  }
  80% {
    -webkit-transform: translateY(1.5px) rotate(1.5deg);
    transform: translateY(1.5px) rotate(1.5deg);
  }
  82% {
    -webkit-transform: translateY(-0.5px) rotate(0.5deg);
    transform: translateY(-0.5px) rotate(0.5deg);
  }
  84% {
    -webkit-transform: translateY(1.5px) rotate(2.5deg);
    transform: translateY(1.5px) rotate(2.5deg);
  }
  86% {
    -webkit-transform: translateY(-1.5px) rotate(-1.5deg);
    transform: translateY(-1.5px) rotate(-1.5deg);
  }
  88% {
    -webkit-transform: translateY(-0.5px) rotate(2.5deg);
    transform: translateY(-0.5px) rotate(2.5deg);
  }
  90% {
    -webkit-transform: translateY(2.5px) rotate(-0.5deg);
    transform: translateY(2.5px) rotate(-0.5deg);
  }
  92% {
    -webkit-transform: translateY(0.5px) rotate(-0.5deg);
    transform: translateY(0.5px) rotate(-0.5deg);
  }
  94% {
    -webkit-transform: translateY(2.5px) rotate(0.5deg);
    transform: translateY(2.5px) rotate(0.5deg);
  }
  96% {
    -webkit-transform: translateY(-0.5px) rotate(1.5deg);
    transform: translateY(-0.5px) rotate(1.5deg);
  }
  98% {
    -webkit-transform: translateY(-1.5px) rotate(-0.5deg);
    transform: translateY(-1.5px) rotate(-0.5deg);
  }
  0%, to {
    -webkit-transform: translate(0) rotate(0deg);
    transform: translate(0) rotate(0deg);
  }
}
.dplayer {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1;
}

.dplayer * {
  box-sizing: content-box;
}

.dplayer svg {
  width: 100%;
  height: 100%;
}

.dplayer svg circle, .dplayer svg path {
  fill: #fff;
}

.dplayer:-webkit-full-screen {
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  z-index: 100000;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move, .dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move {
  -webkit-animation: danmaku-center 6s linear;
  animation: danmaku-center 6s linear;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
}

.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move {
  -webkit-animation: danmaku 8s linear;
  animation: danmaku 8s linear;
  -webkit-animation-play-state: inherit;
  animation-play-state: inherit;
}

.dplayer.dplayer-live .dplayer-bar-wrap, .dplayer.dplayer-live.dplayer-no-danmaku .dplayer-setting, .dplayer.dplayer-live .dplayer-setting-loop, .dplayer.dplayer-live .dplayer-setting-speed, .dplayer.dplayer-live .dplayer-time, .dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-comment, .dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-danmaku, .dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-danunlimit, .dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-showdan, .dplayer.dplayer-no-danmaku .dplayer-danmaku {
  display: none;
}

.dplayer.dplayer-arrow .dplayer-danmaku {
  font-size: 18px;
}

.dplayer.dplayer-arrow .dplayer-icon {
  margin: 0 -3px;
}

.dplayer.dplayer-playing .dplayer-danmaku .dplayer-danmaku-move {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@media (min-width: 900px) {
  .dplayer.dplayer-playing .dplayer-controller, .dplayer.dplayer-playing .dplayer-controller-mask {
    opacity: 0;
  }
  .dplayer.dplayer-playing:hover .dplayer-controller, .dplayer.dplayer-playing:hover .dplayer-controller-mask {
    opacity: 1;
  }
}
.dplayer.dplayer-loading .dplayer-bezel .diplayer-loading-icon {
  display: block;
}

.dplayer.dplayer-loading .dplayer-danmaku, .dplayer.dplayer-loading .dplayer-danmaku-move, .dplayer.dplayer-paused .dplayer-danmaku, .dplayer.dplayer-paused .dplayer-danmaku-move {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.dplayer.dplayer-hide-controller {
  cursor: none;
}

.dplayer.dplayer-hide-controller .dplayer-controller, .dplayer.dplayer-hide-controller .dplayer-controller-mask {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.dplayer.dplayer-show-controller .dplayer-controller, .dplayer.dplayer-show-controller .dplayer-controller-mask {
  opacity: 1;
}

.dplayer.dplayer-fulled {
  position: fixed;
  z-index: 100000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-camera-icon, .dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-volume {
  display: none;
}

.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon {
  position: static;
  display: inline-block;
}

.dplayer.dplayer-mobile .dplayer-bar-time {
  display: none;
}

.dplayer-web-fullscreen-fix {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

[data-balloon]:before {
  display: none;
}

[data-balloon]:after {
  padding: 0.3em 0.7em;
  background: hsla(0deg, 0%, 7%, 0.7);
}

[data-balloon][data-balloon-pos=up]:after {
  margin-bottom: 0;
}

.dplayer-bezel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 22px;
  color: #fff;
  pointer-events: none;
}

.dplayer-bezel .dplayer-bezel-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -26px 0 0 -26px;
  height: 52px;
  width: 52px;
  padding: 12px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}

.dplayer-bezel .dplayer-bezel-icon.dplayer-bezel-transition {
  -webkit-animation: bezel-hide 0.5s linear;
  animation: bezel-hide 0.5s linear;
}

@-webkit-keyframes bezel-hide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes bezel-hide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
.dplayer-bezel .dplayer-danloading {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  -webkit-animation: my-face 5s infinite ease-in-out;
  animation: my-face 5s infinite ease-in-out;
}

.dplayer-bezel .diplayer-loading-icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
  height: 36px;
  width: 36px;
  pointer-events: none;
}

.dplayer-bezel .diplayer-loading-icon .diplayer-loading-hide {
  display: none;
}

.dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot {
  -webkit-animation: diplayer-loading-dot-fade 0.8s ease infinite;
  animation: diplayer-loading-dot-fade 0.8s ease infinite;
  opacity: 0;
  -webkit-transform-origin: 4px 4px;
  transform-origin: 4px 4px;
}

.dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-7 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-6 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-5 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-4 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-3 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-2 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-1 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

@-webkit-keyframes diplayer-loading-dot-fade {
  0% {
    opacity: 0.7;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    opacity: 0.25;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}
@keyframes diplayer-loading-dot-fade {
  0% {
    opacity: 0.7;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    opacity: 0.25;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}
.dplayer-controller-mask {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;
  height: 98px;
  width: 100%;
}

.dplayer-controller, .dplayer-controller-mask {
  position: absolute;
  bottom: 0;
  transition: all 0.3s ease;
}

.dplayer-controller {
  left: 0;
  right: 0;
  height: 41px;
  padding: 0 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dplayer-controller.dplayer-controller-comment .dplayer-icons {
  display: none;
}

.dplayer-controller.dplayer-controller-comment .dplayer-icons.dplayer-comment-box {
  display: block;
}

.dplayer-controller .dplayer-bar-wrap {
  padding: 5px 0;
  cursor: pointer;
  position: absolute;
  bottom: 33px;
  width: calc(100% - 40px);
  height: 3px;
}

.dplayer-controller .dplayer-bar-wrap:hover .dplayer-bar .dplayer-played .dplayer-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.dplayer-controller .dplayer-bar-wrap:hover .dplayer-highlight {
  display: block;
  width: 8px;
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
  top: 4px;
  height: 40%;
}

.dplayer-controller .dplayer-bar-wrap .dplayer-highlight {
  z-index: 12;
  position: absolute;
  top: 5px;
  width: 6px;
  height: 20%;
  border-radius: 6px;
  background-color: #fff;
  text-align: center;
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px);
  transition: all 0.2s ease-in-out;
}

.dplayer-controller .dplayer-bar-wrap .dplayer-highlight:hover .dplayer-highlight-text {
  display: block;
}

.dplayer-controller .dplayer-bar-wrap .dplayer-highlight:hover ~ .dplayer-bar-preview, .dplayer-controller .dplayer-bar-wrap .dplayer-highlight:hover ~ .dplayer-bar-time {
  opacity: 0;
}

.dplayer-controller .dplayer-bar-wrap .dplayer-highlight .dplayer-highlight-text {
  display: none;
  position: absolute;
  left: 50%;
  top: -24px;
  padding: 5px 8px;
  background-color: rgba(0, 0, 0, 0.62);
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview {
  position: absolute;
  background: #fff;
  pointer-events: none;
  display: none;
  background-size: 16000px 100%;
}

.dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.dplayer-controller .dplayer-bar-wrap .dplayer-bar-time {
  position: absolute;
  left: 0;
  top: -20px;
  border-radius: 4px;
  padding: 5px 7px;
  background-color: rgba(0, 0, 0, 0.62);
  color: #fff;
  font-size: 12px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  word-wrap: normal;
  word-break: normal;
  z-index: 2;
  pointer-events: none;
}

.dplayer-controller .dplayer-bar-wrap .dplayer-bar-time.hidden {
  opacity: 0;
}

.dplayer-controller .dplayer-bar-wrap .dplayer-bar {
  position: relative;
  height: 3px;
  width: 100%;
  background: hsla(0deg, 0%, 100%, 0.2);
  cursor: pointer;
}

.dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-loaded {
  background: hsla(0deg, 0%, 100%, 0.4);
  transition: all 0.5s ease;
}

.dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-loaded, .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 3px;
  will-change: width;
}

.dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played .dplayer-thumb {
  position: absolute;
  top: 0;
  right: 5px;
  margin-top: -4px;
  margin-right: -10px;
  height: 11px;
  width: 11px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.dplayer-controller .dplayer-icons {
  height: 38px;
  position: absolute;
  bottom: 0;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box {
  display: none;
  position: absolute;
  transition: all 0.3s ease-in-out;
  z-index: 2;
  height: 38px;
  bottom: 0;
  left: 20px;
  right: 20px;
  color: #fff;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-icon {
  padding: 7px;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-icon {
  position: absolute;
  left: 0;
  top: 0;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-send-icon {
  position: absolute;
  right: 0;
  top: 0;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box {
  position: absolute;
  background: rgba(28, 28, 28, 0.9);
  bottom: 41px;
  left: 0;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 10px 10px 16px;
  font-size: 14px;
  width: 204px;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box.dplayer-comment-setting-open {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box input[type=radio] {
  display: none;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box label {
  cursor: pointer;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-title {
  font-size: 13px;
  color: #fff;
  line-height: 30px;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type {
  font-size: 0;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type .dplayer-comment-setting-title {
  margin-bottom: 6px;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(2) span {
  border-radius: 4px 0 0 4px;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(4) span {
  border-radius: 0 4px 4px 0;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type span {
  width: 33%;
  padding: 4px 6px;
  line-height: 16px;
  display: inline-block;
  font-size: 12px;
  color: #fff;
  border: 1px solid #fff;
  margin-right: -1px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type input:checked + span {
  background: #e4e4e6;
  color: #1c1c1c;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color {
  font-size: 0;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color label {
  font-size: 0;
  padding: 6px;
  display: inline-block;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span {
  width: 22px;
  height: 22px;
  display: inline-block;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span:hover {
  -webkit-animation: my-face 5s infinite ease-in-out;
  animation: my-face 5s infinite ease-in-out;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input {
  outline: none;
  border: none;
  padding: 8px 31px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  border-radius: 4px;
  background: none;
  margin: 0;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  color: #fff;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.8;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input:-ms-input-placeholder, .dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input::-ms-input-placeholder {
  color: #fff;
  opacity: 0.8;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input::placeholder {
  color: #fff;
  opacity: 0.8;
}

.dplayer-controller .dplayer-icons.dplayer-comment-box .dplayer-comment-input::-ms-clear {
  display: none;
}

.dplayer-controller .dplayer-icons.dplayer-icons-left .dplayer-icon {
  padding: 7px;
}

.dplayer-controller .dplayer-icons.dplayer-icons-right {
  right: 20px;
}

.dplayer-controller .dplayer-icons.dplayer-icons-right .dplayer-icon {
  padding: 8px;
}

.dplayer-controller .dplayer-icons .dplayer-live-badge, .dplayer-controller .dplayer-icons .dplayer-time {
  line-height: 38px;
  color: #eee;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  font-size: 13px;
  cursor: default;
}

.dplayer-controller .dplayer-icons .dplayer-live-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: 4%;
  margin-right: 5px;
  content: "";
  border-radius: 6px;
}

.dplayer-controller .dplayer-icons .dplayer-icon {
  width: 40px;
  height: 100%;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
  box-sizing: border-box;
  display: inline-block;
}

.dplayer-controller .dplayer-icons .dplayer-icon .dplayer-icon-content {
  transition: all 0.2s ease-in-out;
  opacity: 0.8;
}

.dplayer-controller .dplayer-icons .dplayer-icon:hover .dplayer-icon-content {
  opacity: 1;
}

.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-quality-icon {
  color: #fff;
  width: auto;
  line-height: 22px;
  font-size: 14px;
}

.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-comment-icon {
  padding: 10px 9px 9px;
}

.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon {
  padding-top: 8.5px;
}

.dplayer-controller .dplayer-icons .dplayer-icon.dplayer-volume-icon {
  width: 43px;
}

.dplayer-controller .dplayer-icons .dplayer-volume {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 100%;
}

.dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-volume-bar-wrap .dplayer-volume-bar {
  width: 45px;
}

.dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-volume-bar-wrap .dplayer-volume-bar {
  width: 45px;
}

.dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap {
  display: inline-block;
  margin: 0 10px 0 -5px;
  vertical-align: middle;
  height: 100%;
}

.dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar {
  position: relative;
  top: 17px;
  width: 0;
  height: 3px;
  background: #aaa;
  transition: all 0.3s ease-in-out;
}

.dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  transition: all 0.1s ease;
  will-change: width;
}

.dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb {
  position: absolute;
  top: 0;
  right: 5px;
  margin-top: -4px;
  margin-right: -10px;
  height: 11px;
  width: 11px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.dplayer-controller .dplayer-icons .dplayer-setting, .dplayer-controller .dplayer-icons .dplayer-subtitle-btn {
  display: inline-block;
  height: 100%;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box {
  position: absolute;
  right: 0;
  bottom: 50px;
  -webkit-transform: scale(0);
  transform: scale(0);
  width: 150px;
  border-radius: 2px;
  background: rgba(28, 28, 28, 0.9);
  padding: 7px 0;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  z-index: 2;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box > div {
  display: none;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box > div.dplayer-setting-origin-panel {
  display: block;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-open {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-narrow {
  width: 70px;
  height: 180px;
  text-align: center;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-speed .dplayer-setting-origin-panel {
  display: none;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-speed .dplayer-setting-speed-panel {
  display: block;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item, .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item {
  height: 30px;
  padding: 5px 10px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item:hover, .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item:hover {
  background-color: hsla(0deg, 0%, 100%, 0.1);
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku {
  padding: 5px 0;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-label {
  padding: 0 10px;
  display: inline;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-label {
  display: none;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-danmaku-bar-wrap {
  display: inline-block;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-label {
  display: none;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-danmaku-bar-wrap {
  display: inline-block;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap {
  padding: 0 10px;
  box-sizing: border-box;
  display: none;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar {
  position: relative;
  top: 8.5px;
  width: 100%;
  height: 3px;
  background: #fff;
  transition: all 0.3s ease-in-out;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  transition: all 0.1s ease;
  background: #aaa;
  will-change: width;
}

.dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner .dplayer-thumb {
  position: absolute;
  top: 0;
  right: 5px;
  margin-top: -4px;
  margin-right: -10px;
  height: 11px;
  width: 11px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background: #aaa;
}

.dplayer-controller .dplayer-icons .dplayer-full {
  display: inline-block;
  height: 100%;
  position: relative;
}

.dplayer-controller .dplayer-icons .dplayer-full:hover .dplayer-full-in-icon {
  display: block;
}

.dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon {
  position: absolute;
  top: -30px;
  z-index: 1;
  display: none;
}

.dplayer-controller .dplayer-icons .dplayer-quality {
  position: relative;
  display: inline-block;
  height: 100%;
  z-index: 2;
}

.dplayer-controller .dplayer-icons .dplayer-quality:hover .dplayer-quality-list, .dplayer-controller .dplayer-icons .dplayer-quality:hover .dplayer-quality-mask {
  display: block;
}

.dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-mask {
  display: none;
  position: absolute;
  bottom: 38px;
  left: -18px;
  width: 80px;
  padding-bottom: 12px;
}

.dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-list {
  display: none;
  font-size: 12px;
  width: 80px;
  border-radius: 2px;
  background: rgba(28, 28, 28, 0.9);
  padding: 5px 0;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  color: #fff;
  text-align: center;
}

.dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-item {
  height: 25px;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 25px;
}

.dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-item:hover {
  background-color: hsla(0deg, 0%, 100%, 0.1);
}

.dplayer-controller .dplayer-icons .dplayer-comment {
  display: inline-block;
  height: 100%;
}

.dplayer-controller .dplayer-icons .dplayer-label {
  color: #eee;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

.dplayer-controller .dplayer-icons .dplayer-toggle {
  width: 32px;
  height: 20px;
  text-align: center;
  font-size: 0;
  vertical-align: middle;
  position: absolute;
  top: 5px;
  right: 10px;
}

.dplayer-controller .dplayer-icons .dplayer-toggle input {
  max-height: 0;
  max-width: 0;
  display: none;
}

.dplayer-controller .dplayer-icons .dplayer-toggle input + label {
  display: inline-block;
  position: relative;
  box-shadow: inset 0 0 0 0 #dfdfdf;
  border: 1px solid #dfdfdf;
  height: 20px;
  width: 32px;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}

.dplayer-controller .dplayer-icons .dplayer-toggle input + label:after, .dplayer-controller .dplayer-icons .dplayer-toggle input + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 18px;
  width: 18px;
  top: 0;
  left: 0;
  border-radius: 15px;
  transition: 0.2s ease-in-out;
}

.dplayer-controller .dplayer-icons .dplayer-toggle input + label:after {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.dplayer-controller .dplayer-icons .dplayer-toggle input:checked + label {
  border-color: hsla(0deg, 0%, 100%, 0.5);
}

.dplayer-controller .dplayer-icons .dplayer-toggle input:checked + label:before {
  width: 30px;
  background: hsla(0deg, 0%, 100%, 0.5);
}

.dplayer-controller .dplayer-icons .dplayer-toggle input:checked + label:after {
  left: 12px;
}

.dplayer-danmaku {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 22px;
  color: #fff;
}

.dplayer-danmaku .dplayer-danmaku-item {
  display: inline-block;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  white-space: nowrap;
  text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.5);
}

.dplayer-danmaku .dplayer-danmaku-item--demo {
  position: absolute;
  visibility: hidden;
}

.dplayer-danmaku .dplayer-danmaku-right {
  position: absolute;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move {
  will-change: transform;
  -webkit-animation: danmaku 5s linear;
  animation: danmaku 5s linear;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes danmaku {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes danmaku {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.dplayer-danmaku .dplayer-danmaku-bottom, .dplayer-danmaku .dplayer-danmaku-top {
  position: absolute;
  width: 100%;
  text-align: center;
  visibility: hidden;
}

.dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move, .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move {
  will-change: visibility;
  -webkit-animation: danmaku-center 4s linear;
  animation: danmaku-center 4s linear;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes danmaku-center {
  0% {
    visibility: visible;
  }
  to {
    visibility: visible;
  }
}
@keyframes danmaku-center {
  0% {
    visibility: visible;
  }
  to {
    visibility: visible;
  }
}
.dplayer-logo {
  pointer-events: none;
  position: absolute;
  left: 20px;
  top: 20px;
  max-width: 50px;
  max-height: 50px;
}

.dplayer-logo img {
  max-width: 100%;
  max-height: 100%;
  background: none;
}

.dplayer-menu {
  position: absolute;
  width: 170px;
  border-radius: 2px;
  background: rgba(28, 28, 28, 0.85);
  padding: 5px 0;
  overflow: hidden;
  z-index: 3;
  display: none;
}

.dplayer-menu.dplayer-menu-show {
  display: block;
}

.dplayer-menu .dplayer-menu-item {
  height: 30px;
  box-sizing: border-box;
  cursor: pointer;
}

.dplayer-menu .dplayer-menu-item:hover {
  background-color: hsla(0deg, 0%, 100%, 0.1);
}

.dplayer-menu .dplayer-menu-item a {
  padding: 0 10px;
  line-height: 30px;
  color: #eee;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dplayer-menu .dplayer-menu-item a:hover {
  text-decoration: none;
}

.dplayer-notice {
  opacity: 0;
  position: absolute;
  bottom: 60px;
  left: 20px;
  font-size: 14px;
  border-radius: 2px;
  background: rgba(28, 28, 28, 0.9);
  padding: 7px 20px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  color: #fff;
  pointer-events: none;
}

.dplayer-subtitle {
  position: absolute;
  bottom: 40px;
  width: 90%;
  left: 5%;
  text-align: center;
  color: #fff;
  text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.5);
  font-size: 20px;
}

.dplayer-subtitle.dplayer-subtitle-hide {
  display: none;
}

.dplayer-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: none;
}

.dplayer-mask.dplayer-mask-show {
  display: block;
}

.dplayer-video-wrap {
  position: relative;
  background: #000;
  font-size: 0;
  width: 100%;
  height: 100%;
}

.dplayer-video-wrap .dplayer-video {
  width: 100%;
  height: 100%;
  display: none;
}

.dplayer-video-wrap .dplayer-video-current {
  display: block;
}

.dplayer-video-wrap .dplayer-video-prepare {
  display: none;
}

.dplayer-info-panel {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 400px;
  background: rgba(28, 28, 28, 0.8);
  padding: 10px;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
}

.dplayer-info-panel-hide {
  display: none;
}

.dplayer-info-panel .dplayer-info-panel-close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}

.dplayer-info-panel .dplayer-info-panel-item > span {
  display: inline-block;
  vertical-align: middle;
  line-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dplayer-info-panel .dplayer-info-panel-item-title {
  width: 100px;
  text-align: right;
  margin-right: 10px;
}

.dplayer-info-panel .dplayer-info-panel-item-data {
  width: 260px;
}

/*# sourceMappingURL=DPlayer.min.css.map*/
.popup-promo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.popup-promo__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.9);
  cursor: zoom-out;
}
.popup-promo__panel {
  z-index: 2;
  width: 90%;
  max-width: 500px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(60, 68, 75, 0.3);
  text-align: center;
  padding-bottom: 30px;
}
.popup-promo__panel__image {
  height: 250px;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.popup-promo__panel__title {
  padding: 20px 30px;
}
.popup-promo__panel__description {
  padding: 0 30px;
}
.popup-promo__panel__description p {
  margin: 0 0 20px;
  padding: 0;
}
.popup-promo__panel__cta {
  padding: 15px 15px;
  display: inline-block;
  background: #F4911E;
  text-decoration: none;
  border-radius: 3px;
  font-size: 1.2em;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.popup-promo__panel__cta:hover {
  background: rgba(244, 145, 30, 0.9);
}

.popup-promo--book .popup-promo__panel {
  padding-bottom: 0;
  max-width: 800px;
}

#book-popup {
  width: 100%;
  height: 100%;
  background: #FAFAFA;
  bottom: -100%;
  left: 0;
  z-index: 100;
  position: fixed;
  opacity: 0.99;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}
#book-popup .container {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 10%;
  justify-content: center;
}
@media (max-width: 768px) {
  #book-popup .container {
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 50px;
  }
}
#book-popup .book-intro {
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.5em;
  font-family: "Gotham", sans-serif;
  display: block;
  margin-top: 40px;
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 480px) {
  #book-popup .book-intro {
    font-size: 1.5em;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
#book-popup #book-stats #book-info {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;
}
#book-popup #book-stats #book-info p {
  font-weight: 400;
  margin-bottom: 25px;
}
#book-popup #book-stats #book-info strong {
  font-weight: 400;
  color: #F4911E;
}
#book-popup #book-stats #book-info strong :before {
  display: none;
}
#book-popup #book-stats #book-info ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#book-popup #book-stats #book-info ul li {
  font-size: 1em;
  line-height: 1.2em;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 480px) {
  #book-popup #book-stats #book-info ul li {
    margin-bottom: 20px;
  }
}
#book-popup #book-stats #book-info ul li p {
  padding-bottom: 0;
  margin-bottom: 5px;
  margin-top: 0;
}
#book-popup #book-stats #book-info ul li p:before {
  color: #F4911E;
  content: "•";
  padding-right: 0.3em;
  font-size: 1.5em;
  top: 0.07em;
}
#book-popup #book-stats #book-info ul li span {
  color: #F4911E;
  font-weight: 400;
}
#book-popup .book-ctas {
  display: flex;
  justify-content: center;
  align-items: center;
}
#book-popup .book-ctas .book-cta {
  margin: 0 10px;
  display: inline-block;
  background-color: #F4911E;
  color: #fff;
  padding: 15px 15px;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #F4911E;
}
#book-popup .book-ctas .book-cta.book-cta--white {
  background-color: #fff;
  color: #F4911E;
}
#book-popup .close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 50px;
  height: 50px;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 768px) {
  #book-popup .close {
    top: 15px;
    right: 15px;
  }
}
#book-popup .close:hover {
  opacity: 1;
}
#book-popup .close:before, #book-popup .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 50px;
  width: 4px;
  background-color: #F4911E;
}
#book-popup .close:before {
  transform: rotate(45deg);
}
#book-popup .close:after {
  transform: rotate(-45deg);
}

html {
  height: 100%;
}

body {
  font-family: "Gotham", sans-serif;
  color: #3C444B;
  font-weight: 300;
  min-height: 100%;
}

.App, #root {
  height: 100%;
}
.App.lock, #root.lock {
  max-height: 100%;
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  padding: 0 30px;
  height: 100%;
}

a {
  color: #F4911E;
  cursor: pointer;
}
a.special {
  display: inline-block;
  border-bottom: 1px solid rgba(244, 145, 30, 0.3);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.special:hover {
  border-bottom: 1px solid #f4911e;
}

.external-link {
  font-weight: 300;
  color: #F4911E;
  display: inline-block;
  margin-top: 20px;
  padding-left: 20px;
  background-image: url("./images/icon-external.svg");
  background-position: left center;
  background-size: 13px;
  background-repeat: no-repeat;
}
.external-link.second-link {
  margin-top: 5px;
  background-image: url("./images/icon-ticket.svg");
  background-size: 17px;
  padding-left: 23px;
}

.flickity-viewport {
  transition: height 0.2s;
}

h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}

h1, h2, h3 {
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.5em;
  font-family: "Gotham", sans-serif;
}
@media (max-width: 768px) {
  h1, h2, h3 {
    font-size: 1.6em;
  }
}

h3.special span {
  display: inline-block;
}

h4 {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

p {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4em;
}

.bold {
  font-weight: 500;
  font-style: italic;
}

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

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