@font-face {
  font-family: "Averta Black";
  src: url(/assets/build/fonts/fb053a57-e3ba-4279-92f7-890ba31f5af5.eot);
  src: url(/assets/build/fonts/fb053a57-e3ba-4279-92f7-890ba31f5af5.eot) format("eot"), url(/assets/build/fonts/8459b584-29f5-454c-977f-c8ff7111d63a.woff2) format("woff2"), url(/assets/build/fonts/6c21408f-7e66-4976-9069-5a55e61a2a25.woff) format("woff"), url(/assets/build/fonts/1a33d36a-a8f5-4421-b4b2-7439543df473.ttf) format("truetype");
}

@font-face {
  font-family: "Averta Bold";
  src: url(/assets/build/fonts/336bb834-89ca-421c-9757-5246d4ff0c46.eot);
  src: url(/assets/build/fonts/336bb834-89ca-421c-9757-5246d4ff0c46.eot) format("eot"), url(/assets/build/fonts/b16f96a2-713b-443b-9f67-0d7296ec0bc8.woff2) format("woff2"), url(/assets/build/fonts/4b1f2217-7678-465c-951a-3f34132f0527.woff) format("woff"), url(/assets/build/fonts/400d46a5-6944-4b8d-8f2a-3cb9f2436f70.ttf) format("truetype");
}

@font-face {
  font-family: "Averta Semibold";
  src: url(/assets/build/fonts/be3d3544-c037-41c0-853a-5ec61084cb09.eot);
  src: url(/assets/build/fonts/be3d3544-c037-41c0-853a-5ec61084cb09.eot) format("eot"), url(/assets/build/fonts/59bd606f-f42a-4e4c-b2bf-2f26e11a847d.woff2) format("woff2"), url(/assets/build/fonts/d21a2ace-0bd2-44d6-b32b-4bfee0fd8da2.woff) format("woff"), url(/assets/build/fonts/179a05ec-4a8b-4ba1-b1dd-a528ca16d08e.ttf) format("truetype");
}

@font-face {
  font-family: "Averta Regular";
  src: url(/assets/build/fonts/6ea28bd6-1afd-451b-82ce-26625bbab6f7.eot);
  src: url(/assets/build/fonts/6ea28bd6-1afd-451b-82ce-26625bbab6f7.eot) format("eot"), url(/assets/build/fonts/1f20581f-0128-4e05-8f11-0c6eb7228596.woff2) format("woff2"), url(/assets/build/fonts/136f11d9-c2ac-4bb4-ac52-c191f4eaf715.woff) format("woff"), url(/assets/build/fonts/8a39b9b4-03a8-4845-9fd3-6cf80bf0aa59.ttf) format("truetype");
}

@font-face {
  font-family: "Averta Light";
  src: url(/assets/build/fonts/576870bd-6a85-4645-a139-d667ccccb5d8.eot);
  src: url(/assets/build/fonts/576870bd-6a85-4645-a139-d667ccccb5d8.eot) format("eot"), url(/assets/build/fonts/f61c8ec8-b46b-4c06-9697-eb0955bca158.woff2) format("woff2"), url(/assets/build/fonts/504270c9-3dfe-4836-9db4-90141ee23c75.woff) format("woff"), url(/assets/build/fonts/5157e8cc-f586-4297-b2c0-107f909dc89c.ttf) format("truetype");
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f120";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

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

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

.video-js[tabindex="-1"] {
  outline: none;
}

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

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

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

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

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

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

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

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

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

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

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

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-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;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

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

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

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

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

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

.vjs-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;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

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

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

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

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

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

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

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

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

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

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

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

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

.video-js .vjs-control-bar {
  background-color: rgba(0, 0, 0, 0.2);
  height: 4.0em;
  display: flex;
  position: absolute;
  left: 2em;
  right: 2em;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

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

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

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

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

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 3em;
  line-height: 1.35;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

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

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

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

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

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

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

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.333333333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(255, 255, 255, 0.15);
}

.video-js .vjs-load-progress div {
  background: rgba(255, 255, 255, 0.2);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: relative;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

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

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

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

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

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

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

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 4em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.8em .45em;
}

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

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

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

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

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

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

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

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

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

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

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

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

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

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 4em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

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

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-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;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
          animation: 0s linear 0.3s forwards vjs-spinner-show;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  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: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #fff;
  }
  20% {
    border-top-color: #fff;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #fff;
  }
  100% {
    border-top-color: #fff;
  }
}

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #fff;
  }
  20% {
    border-top-color: #fff;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #fff;
  }
  100% {
    border-top-color: #fff;
  }
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  position: absolute;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  flex: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
  }
  .vjs-text-track-settings .vjs-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }
  .vjs-text-track-settings .vjs-track-settings-font {
    grid-column: 2;
    grid-row: 1;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 2;
    grid-row: 2;
  }
}

.vjs-track-setting > select {
  margin-right: 5px;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden;
}

/* ==========================================================================
   #GLOBAL SETTINGS
   ========================================================================== */
/* Global Colors
   ========================================================================== */
/* Global Typography
   ========================================================================== */
/* Global Spacing
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Z-index
   ========================================================================== */
/**
 *
 * CSS transitions and transform mixins
 *
 */
/* ==========================================================================
   #ANIMATIONS
   ========================================================================== */
/* Selective animations from Animate.css - http://daneden.me/animate
   ========================================================================== */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fade-in-down {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fade-in-down-big {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-30px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-30px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fade-in-left {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fade-in-left-big {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(30px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(30px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fade-in-right {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fade-in-right-big {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fade-in-up {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.fade-in-up-big {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/* ==========================================================================
   #RESET
   ========================================================================== */
*, *:before, *:after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

html, button, input, select, textarea {
  font-family: inherit;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

body, form, fieldset, legend, input, select, textarea, button {
  margin: 0;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

audio, canvas, progress, video {
  display: inline-block;
}

progress {
  vertical-align: baseline;
}

[hidden], template {
  display: none;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   #PRINT
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent;
    color: #000;
    box-shadow: none;
    text-shadow: none;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }
  pre, blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
  img {
    page-break-inside: avoid;
    max-width: 100%;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
}

/* ==========================================================================
   #BOX-SIZING
   ========================================================================== */
/**
 * More sensible default box-sizing:
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
html {
  box-sizing: border-box;
}

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

/* ==========================================================================
   #PAGE
   ========================================================================== */
body {
  font-size: 16px;
  line-height: 24px;
  font-family: "Averta Regular";
  color: #fff;
  font-weight: 400;
  background: #000;
  width: 100%;
  overflow-x: hidden;
}

@media only screen and (min-width: 700px) {
  body {
    font-size: 18px;
    line-height: 32px;
  }
}

body ::-moz-selection {
  background: gray;
}

body ::selection {
  background: gray;
}

p {
  margin: 0 0 28px 0;
}

a {
  color: #000;
  text-decoration: underline;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
  text-decoration: none;
}

hr, .hr {
  box-sizing: content-box;
  height: 1px;
  background: #ccc;
  border: 0;
  margin-top: 28px;
  margin-bottom: 28px;
}

/**
 *
 * Custom scrollbar for webkit browsers
 *
 */
/*
$scrollbar-width:                     2px;


@include breakpoint(m){
  ::-webkit-scrollbar{
    width:                            $scrollbar-width;
    height:                           $scrollbar-width;
    -webkit-appearance:               none;
    -webkit-border-radius:            0;
  }


  ::-webkit-scrollbar-track{
    //background:                       rgba(0,0,0,.5);
    background:                       $color-white;
    -webkit-border-radius:            0px;

  }


  ::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:vertical{
    //background:                       rgba(255,255,255,.8);
    background:                         rgba(0,0,0,.25);
    border:none;
    -webkit-border-radius:            0px;
  }

  ::-webkit-scrollbar-thumb:vertical:active{
    background:                       rgba(255,255,255,.8);
    border:                           none;
    -webkit-border-radius:            0;
  }


}
*/
/**
 *
 * Loading state
 *
 */
.is-loading {
  cursor: wait;
}

.is-loading * {
  cursor: wait;
}

/* ==========================================================================
   #FORMS
   ========================================================================== */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

label,
button,
input,
optgroup,
select,
textarea {
  color: #000;
  font: inherit;
  margin: 0;
}

[type="text"],
[type="email"],
[type="password"],
[type="tel"],
[type="number"],
[type="date"] {
  height: 50px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  border-radius: 0;
}

[type="text"]:focus,
[type="email"]:focus,
[type="password"]:focus,
[type="tel"]:focus,
[type="number"]:focus,
[type="date"]:focus {
  outline: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="date"]::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  overflow: auto;
  border-radius: 0;
}

textarea:focus {
  outline: 0;
}

select {
  text-transform: none;
  height: 50px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #ccc;
}

select:focus {
  outline: 0;
}

optgroup {
  font-weight: 700;
}

button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  cursor: pointer;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  border-radius: 0;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

button[disabled],
html input[disabled] {
  cursor: not-allowed;
}

input::-webkit-input-placeholder {
  color: #C2C2C2;
}

input:-moz-placeholder {
  color: #C2C2C2;
}

input::-moz-placeholder {
  color: #C2C2C2;
}

input:-ms-input-placeholder {
  color: #C2C2C2;
}

/* ==========================================================================
   #TABLES
   ========================================================================== */
caption {
  font-size: inherit;
  line-height: normal;
  font-weight: 700;
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}

table thead td,
table thead th,
table tbody td,
table tbody th,
table tfoot td,
table tfoot th {
  padding: 10px;
  border-bottom: 1px solid #e9e9e9;
}

/* ==========================================================================
   #HEADINGS
   ========================================================================== */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Averta Semibold";
  margin: 0;
}

h1, .h1 {
  font-size: 55px;
  font-size: 3.05556rem;
  line-height: 55px;
  color: #000;
  font-weight: 400;
  font-family: "Averta Black";
  letter-spacing: -1px;
}

h2, .h2 {
  font-size: 40px;
  font-size: 2.22222rem;
  line-height: 40px;
  color: #000;
  font-weight: 400;
  font-family: "Averta Black";
  letter-spacing: -1px;
}

h3, .h3 {
  font-size: 23px;
  font-size: 1.27778rem;
  line-height: 23px;
  color: #000;
  font-weight: 400;
}

h4, .h4 {
  font-size: 18px;
  font-size: 1rem;
  line-height: 18px;
  color: #000;
  font-weight: 400;
}

h5, .h5 {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1.75;
  color: #000;
  font-weight: 400;
}

h6, .h6 {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1.75;
  color: #000;
  font-weight: 400;
}

@media only screen and (min-width: 1100px) {
  h1, .h1 {
    font-size: 5.5vw;
    line-height: 5vw;
    letter-spacing: -2px;
  }
  h2, .h2 {
    font-size: 4vw;
    line-height: 4vw;
  }
}

@media only screen and (min-width: 1100px) {
  h1:not(.js-home-intro-title) span, .h1 span, h2 span, .h2 span {
    transform: skewX(-20deg);
  }
}

@media only screen and (min-width: 1400px) {
  h3, .h3 {
    font-size: 28px;
    font-size: 1.55556rem;
    line-height: 38px;
    color: #000;
    font-weight: 400;
  }
}

/* ==========================================================================
   #CONTAINERS
   ========================================================================== */
/**
 * Can be added to HTML container elements like:
 * <div>, <article>, <section>, <header>, <footer>, <form>, and more.
 *
 * adds common alignments, paddings and max width to any HTML element
 */
.o-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Medium device size container
   ========================================================================== */
@media only screen and (min-width: 700px) {
  .o-container {
    max-width: 700px;
  }
  .o-container\@m {
    max-width: 700px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Large device size container
   ========================================================================== */
@media only screen and (min-width: 1100px) {
  .o-container {
    max-width: 1100px;
  }
  .o-container\@l {
    max-width: 1100px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Extra large device size container
   ========================================================================== */
@media only screen and (min-width: 1400px) {
  .o-container {
    max-width: 1400px;
  }
  .o-container\@xl {
    max-width: 1400px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
   #SECTIONS
   ========================================================================== */
.o-section {
  min-height: 100vh;
  padding: 70px 30px;
  position: relative;
  display: flex;
  width: 100%;
}

.o-section:not(:first-child), .o-section:not(nth-child(2)) {
  min-height: 120vh;
}

.o-section.o-section--last {
  min-height: 100vh;
}

.o-section.o-section--small {
  min-height: auto;
}

@media only screen and (min-width: 700px) {
  .o-section {
    padding: 10%;
  }
}

@media only screen and (min-width: 1100px) {
  .o-section {
    padding: 15vh 8vw;
  }
  .o-section .o-section--half {
    width: 50%;
  }
  .o-section .o-section--semi {
    width: 65%;
  }
  .o-section .o-section--right {
    margin-left: 60%;
  }
}

@media only screen and (min-width: 1400px) {
  .o-section {
    padding: 15vh 8vw;
  }
  .o-section .o-section--half {
    width: 50%;
  }
  .o-section .o-section--semi {
    width: 70%;
  }
}

.o-section--full {
  width: 100%;
}

.o-section--darken {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
}

.o-section--cms h1, .o-section--cms h2, .o-section--cms h3 {
  margin-bottom: 4.8vh;
}

.o-media {
  display: flex;
  align-items: flex-start;
}

.o-media__img {
  margin-right: 1rem;
}

.o-media__body {
  flex: 1;
  align-self: center;
}

@media only screen and (min-width: 700px) {
  .o-media\@m {
    display: flex;
    align-items: flex-start;
  }
  .o-media__img\@m {
    margin-right: 1rem;
  }
  .o-media__body\@m {
    flex: 1;
    align-self: center;
  }
}

/* ==========================================================================
   #PAGE HERO
   ========================================================================== */
.o-hero {
  min-height: 600px;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 15px;
}

.o-hero__content {
  position: relative;
}

.o-hero__visual, .o-hero__video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .9;
}

.o-hero__visual {
  background-size: cover;
  background-position: 50% 50%;
}

.o-hero__video video {
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.o-hero__canvas {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (min-width: 700px) {
  .o-hero__title {
    font-size: 6vw;
  }
}

.o-hero__video video.is-hidden {
  display: none;
}

/**
 *
 * JS styling
 *
 */
.js-home-anim {
  opacity: 0;
}

/* ==========================================================================
   #FORMS
   ========================================================================== */
/**
 * Form element used to collect user input:
 * Contains input elements, like text fields, checkboxes, radio buttons, submit buttons, and more.
 */
/* Form entities States
   ========================================================================== */
.c-form-entity.has-error {
  border: 1px solid #ff0000;
}

/* ==========================================================================
   #BUTTONS
   ========================================================================== */
/**
 * Buttons can be applied to any HTML element that is used to trigger a user
 * action (e.g. following a call to action link, submitting a form).
 *
 * 1. Line differently sized buttons up a little nicer.
 */
.c-button {
  background-color: #ffc600;
  color: #000;
  display: inline-block;
  padding: .7rem;
  text-decoration: none;
  font-size: 1rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media only screen and (min-width: 1100px) {
  .c-button {
    padding: .75vw;
  }
}

.c-button.c-button--inline-play .icon {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid #000;
  display: inline-block;
  margin: 0 20px 0 10px;
  z-index: 600;
}

.c-button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 101%;
  background-color: #fff;
  transform: translate(0, 100%);
  transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  will-change: transform;
}

.c-button .c-button__caption {
  display: inline-block;
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  position: relative;
}

.c-button:focus {
  outline: none;
}

.c-button--black {
  background-color: #000;
  color: #fff;
}

.c-button--black:before {
  background-color: #222;
}

.c-button-play-anim {
  width: 60px;
  height: 60px;
  opacity: 0;
}

@media only screen and (min-width: 1100px) {
  .c-button-play-anim {
    width: 4vw;
    height: 4vw;
  }
}

.c-button--play {
  width: 60px;
  height: 60px;
  background-color: #ffc600;
  position: relative;
  overflow: hidden;
  display: block;
  cursor: pointer;
}

.c-button--play:focus {
  outline: none;
}

.c-button--play:before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  background-color: #fff;
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  will-change: transform;
}

.c-button--play span {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid #000;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -4px;
  margin-top: -8px;
  z-index: 600;
}

@media only screen and (min-width: 700px) {
  .c-button--play {
    width: 6vw;
    height: 6vw;
  }
}

@media only screen and (min-width: 1400px) {
  .c-button--play {
    width: 4.5vw;
    height: 4.5vw;
  }
}

/* States
   ========================================================================== */
.c-button.is-loading .c-button__caption {
  padding-right: calc(.2rem + 30px);
}

.c-button.is-loading .c-button__caption:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top: 1px solid #000;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  -webkit-animation: preload .5s linear infinite;
  animation: preload .5s linear infinite;
}

.c-button.is-loading:before {
  transform: translateY(0);
}

/* Hover effects
   ========================================================================== */
.has-no-touch .c-button:hover:not(.background-is-white):before, .has-no-touch .c-button--play:hover:not(.background-is-white):before {
  transform: translate(0, 0);
}

/* Animations
   ========================================================================== */
@-webkit-keyframes preload {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes preload {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* ==========================================================================
   #PRIMARY WEBSITE NAVIGATION
   ========================================================================== */
/**
 *
 * BURGER ICON
 *
 */
.c-nav__icon {
  position: fixed;
  right: 15px;
  top: 5px;
  background-color: transparent;
  border: none;
  padding: 0;
  z-index: 800;
  cursor: pointer;
  width: 50px;
  height: 50px;
}

.c-nav__icon:focus {
  outline: none;
}

.c-nav__icon:active {
  transform: scale(0.8);
}

.c-nav__icon .icon {
  width: 40px;
  height: 30px;
  position: absolute;
  left: 5px;
  top: 10px;
}

.c-nav__icon .icon:focus {
  outline: none;
}

.c-nav__icon .icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 40px;
  background: #fff;
  opacity: 1;
  left: 0;
  transfrom: rotate(0deg);
  transition: 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.c-nav__icon .icon span:nth-child(1) {
  top: 0px;
}

.c-nav__icon .icon span:nth-child(2), .c-nav__icon .icon span:nth-child(3) {
  top: 13px;
}

.c-nav__icon .icon span:nth-child(4) {
  top: 26px;
}

@media only screen and (min-width: 700px) {
  .c-nav__icon {
    position: fixed;
    right: 30px;
    top: 20px;
  }
}

.c-nav-item {
  transform: translateY(0px);
  transition: transform .5s;
}

.c-nav-item-darken {
  opacity: 0.1;
  transition: opacity .5s;
}

.nav-is-hidden .c-nav-item {
  transform: translateY(-80px);
}

.nav-is-hidden .c-nav-item-darken {
  opacity: 0 !important;
}

/**
 *
 * NAVIGATION OVERLAY
 *
 */
.c-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 800;
}

.c-nav__items {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}

@media only screen and (min-width: 1100px) {
  .c-nav__items {
    flex-direction: row;
  }
}

.c-nav__item {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  background-color: #1a1a1a;
  margin: 1px 0;
}

@media only screen and (min-width: 1100px) {
  .c-nav__item {
    flex: 1 auto;
    width: 25%;
    background-color: transparent;
  }
}

.c-nav__link {
  text-decoration: none;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  flex: 1;
}

.c-nav__link:focus {
  outline: none;
}

@media only screen and (min-width: 1100px) {
  .c-nav__link {
    display: flex;
    padding: 0 0 20% 20%;
    justify-content: flex-start;
  }
}

.c-nav__cta {
  display: none;
}

@media only screen and (min-width: 1100px) {
  .c-nav__cta {
    background-color: #ffc600;
    width: 40px;
    height: 40px;
    display: block;
    margin-top: 1rem;
    opacity: 0;
    position: relative;
  }
  .c-nav__cta:after {
    position: absolute;
    display: block;
    content: "";
    background: url(/assets/build/misc/arrow-right-black.svg) no-repeat 55% center;
    background-size: 20%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: skewX(-20deg);
  }
}

.c-nav__title {
  font-family: "Averta Black";
  width: 100%;
  text-align: center;
  align-self: center;
  font-size: 5vh;
  line-height: 5vh;
}

@media only screen and (min-width: 1100px) {
  .c-nav__title {
    font-size: 2.5vw;
    line-height: 2.5vw;
    margin-bottom: 1vw;
    text-align: left;
  }
}

@media only screen and (min-width: 1400px) {
  .c-nav__title {
    font-size: 3vw;
    line-height: 3vw;
  }
}

.c-nav__slices {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.c-nav__slice {
  display: none;
}

@media only screen and (min-width: 1100px) {
  .c-nav__slice {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(25% - 2px);
    background-color: #1a1a1a;
    transform-origin: 0% 50%;
    transform: skewX(20deg);
    transition: background-color 500ms;
    width: calc(25% - 2px);
  }
  .c-nav__slice.is-active {
    background-color: #222;
  }
  .c-nav--4-items .c-nav__slice:first-child {
    left: -25%;
    background-color: #000;
  }
  .c-nav--4-items .c-nav__slice:nth-child(2) {
    left: 0%;
  }
  .c-nav--4-items .c-nav__slice:nth-child(3) {
    left: 25%;
  }
  .c-nav--4-items .c-nav__slice:nth-child(4) {
    left: 50%;
  }
  .c-nav--4-items .c-nav__slice:nth-child(5) {
    left: 75%;
  }
  .c-nav--4-items .c-nav__slice:nth-child(6) {
    left: 100%;
    background-color: #000;
  }

  .c-nav--5-items .c-nav__slice {
    width: calc(20% - 2px);
  }
  .c-nav--5-items .c-nav__slice:first-child {
    left: -20%;
    background-color: #000;
  }
  .c-nav--5-items .c-nav__slice:nth-child(2) {
    left: 0%;
  }
  .c-nav--5-items .c-nav__slice:nth-child(3) {
    left: 20%;
  }
  .c-nav--5-items .c-nav__slice:nth-child(4) {
    left: 40%;
  }
  .c-nav--5-items .c-nav__slice:nth-child(5) {
    left: 60%;
  }
  .c-nav--5-items .c-nav__slice:nth-child(6) {
    left: 80%;
  }
  .c-nav--5-items .c-nav__slice:nth-child(7) {
    left: 100%;
    background-color: #000;
  }
}

.c-nav--3-items .c-nav__slice {
  width: calc(33% - 2px);
}

.c-nav--3-items .c-nav__slice:first-child {
  left: -33%;
  background-color: #000;
}

.c-nav--3-items .c-nav__slice:nth-child(2) {
  left: 0%;
}

.c-nav--3-items .c-nav__slice:nth-child(3) {
  left: 33%;
}

.c-nav--3-items .c-nav__slice:nth-child(4) {
  left: 66%;
}

.c-nav--3-items .c-nav__slice:nth-child(5) {
  left: 100%;
  background-color: #000;
}

/* Visual states
   ========================================================================== */
.c-nav.is-hidden {
  display: none;
}

.nav-is-visible .c-nav__icon .icon span {
  background-color: #fff !important;
}

.nav-is-visible .c-nav__icon .icon span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.nav-is-visible .c-nav__icon .icon span:nth-child(2) {
  transform: rotate(45deg);
}

.nav-is-visible .c-nav__icon .icon span:nth-child(3) {
  transform: rotate(-45deg);
}

.nav-is-visible .c-nav__icon .icon span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

@media only screen and (min-width: 1100px) {
  .has-no-touch .c-nav.is-visible .c-nav__link:hover .c-nav__cta {
    opacity: 1;
    transform: translateX(0px);
  }
  .has-no-touch .c-nav.is-visible .c-nav__link:hover .c-nav__info {
    opacity: 1;
    transform: translateY(0px) skewX(-20deg);
  }
  .has-no-touch .c-nav.is-visible .c-nav__link:hover .c-nav__title {
    transform: translateY(0px) skewX(-20deg);
  }
  .has-no-touch .c-nav.is-visible .c-nav__link {
    transform: translateY(30px);
  }
  .has-no-touch .c-nav.is-visible .c-nav__info {
    opacity: 0;
    transform: translateX(-15px) skewX(-20deg);
    transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .has-no-touch .c-nav.is-visible .c-nav__info div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
  }
  .has-no-touch .c-nav.is-visible .c-nav__title {
    transform: translateY(10px) skewX(-20deg);
    transition: transform 0.35s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .has-no-touch .c-nav.is-visible .c-nav__cta {
    transform: translateX(-15px);
    transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  }
}

.has-no-touch:not(.nav-is-visible) .c-nav__icon:hover .icon span:nth-child(1), .has-no-touch:not(.nav-is-visible) .c-nav__icon:hover .icon span:nth-child(4) {
  transform: translateX(-10%);
}

.has-no-touch.nav-is-visible .c-nav__icon:hover {
  transform: scale(0.9);
}

/* Color states
   ========================================================================== */
@media only screen and (min-width: 1100px) {
  .case-detail-is-visible .c-nav__icon .icon span {
    background-color: #000;
  }
}

.c-footer {
  display: block;
  position: fixed;
  left: 15px;
  bottom: 15px;
  font-size: .6rem;
  transition: transform .5s;
  transform: translateY(0px);
}

.nav-is-hidden .c-footer {
  transform: translateY(80px);
}

@media only screen and (min-width: 1100px) {
  .c-footer {
    left: 30px;
    bottom: 20px;
    font-size: .7rem;
  }
}

/* ==========================================================================
   #TBWA LOGO on the top of the page
   ========================================================================== */
.c-tbwalogo {
  position: fixed;
  left: 15px;
  top: 15px;
  text-decoration: none;
  cursor: pointer;
  z-index: 600;
}

.c-tbwalogo img {
  height: 30px;
}

@media only screen and (min-width: 700px) {
  .c-tbwalogo {
    position: fixed;
    top: 30px;
    left: 30px;
  }
}

.c-tbwalogo .c-tbwalogo--dark {
  display: none;
}

/* Style variants
   ========================================================================== */
.c-tbwalogo.is-inversed .c-tbwalogo--white {
  display: none;
}

.c-tbwalogo.is-inversed .c-tbwalogo--dark {
  display: block;
}

/* ==========================================================================
   #SLASH
   ========================================================================== */
.c-slash {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 801;
}

/* ==========================================================================
   # ARROW component
   ========================================================================== */
.c-arrow {
  display: inline-block;
  align-self: center;
  display: flex;
}

.c-arrow svg {
  width: 50px;
}

.c-arrow--left svg {
  transform: scaleX(-1);
}

.c-arrow--down svg {
  transform: rotate(90deg);
}

.c-transition {
  position: fixed;
  top: 0;
  left: calc(-0.364 * 50vh);
  right: calc(-0.364 * 50vh);
  bottom: 0;
  z-index: 600;
  transform: translateX(-100%);
}

.c-transition:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #000;
  transform: skewX(20deg);
}

/* ==========================================================================
   #COOKIE MSG
   ========================================================================== */
.c-cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  padding: 15px;
  z-index: 599;
  font-size: .9rem;
}

.c-cookies .c-links {
  flex-shrink: 0;
}

.c-cookies .c-links .c-button {
  margin-right: 15px;
}

@media only screen and (min-width: 700px) {
  .c-cookies {
    padding: 30px;
    bottom: 30px;
    right: 30px;
    max-width: 500px;
    left: auto;
    font-size: 1rem;
  }
}

/* ==========================================================================
   #LINK COMPONENT
   ========================================================================== */
.c-links .c-button {
  margin: 0 1.5rem 1rem 0;
}

@media only screen and (min-width: 700px) {
  .c-links .c-button {
    margin: 0 2.5vw 1rem 0;
  }
}

.c-links.c-links--right .c-button {
  margin: 0 0 1rem 2.5vw;
}

.c-link {
  text-decoration: none;
  display: inline-block;
  margin: 0 1.5rem 1rem 0;
  position: relative;
  overflow: hidden;
}

.c-link:not(.c-link--button) {
  padding-bottom: 5px;
}

@media only screen and (min-width: 700px) {
  .c-link {
    margin: 0 2.5vw 1rem 0;
  }
}

.c-links--right .c-link {
  margin: 0 0 1rem 2.5vw;
}

/* Visual states
   ========================================================================== */
.has-no-touch .c-link:not(.c-link--button).c-link--yellow:before {
  background-color: #ffc600;
}

.has-no-touch .c-link:not(.c-link--button).c-link--white:before {
  background-color: #fff;
}

.has-no-touch .c-link:not(.c-link--button).c-link--black:before {
  background-color: #000;
}

.has-no-touch .c-link:not(.c-link--button):before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

@media only screen and (min-width: 1100px) {
  .has-no-touch .c-link:not(.c-link--button):before {
    transform: translate3d(calc(-100% - 1px), 0, 0);
  }
}

.has-no-touch .c-link:not(.c-link--button):hover:before {
  transform: translate3d(0%, 0, 0);
}

/* ==========================================================================
   #LIST COMPONENT 
   ========================================================================== */
.c-list {
  font-size: .9rem;
}

.c-list__item {
  padding: 2.5vh 0;
  text-decoration: none;
}

.c-list__label {
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

@media only screen and (min-width: 1100px) {
  .c-list__label {
    font-size: 1.3vw;
  }
}

.c-list__info {
  padding-left: 40px;
  opacity: .6;
  align-self: center;
}

/* Visual states
   ========================================================================== */
.c-list--white {
  color: #fff;
}

.c-list--white .c-list__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.c-list--black {
  color: #000;
}

.c-list--black .c-list__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

/* Hover states
   ========================================================================== */
.has-no-touch a.c-list__item:hover .c-list__label {
  transform: translateX(20px);
}

/* ==========================================================================
   #LOGO COMPONENT 
   ========================================================================== */
.c-logo {
  width: 29.33%;
  margin: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media only screen and (min-width: 700px) {
  .c-logo {
    width: 21%;
  }
}

@media only screen and (min-width: 1100px) {
  .c-logo {
    width: 11.66%;
  }
}

@media only screen and (min-width: 1400px) {
  .c-logo {
    width: 8.5%;
  }
}

.c-logo img {
  width: 100%;
  height: 60%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* ==========================================================================
   #APP COMPONENT
   ========================================================================== */
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body:not(.nav-is-visible) {
  min-height: 100vh;
}

/*
.o-scrollbar-wrapper{
    position: fixed;
    top:		0;
    left:  		0;
    bottom:  	0;
    width: 100vw;
}

.o-scrollbar{
    position:  	absolute !important;
    top:		0;
    left:  		0;
    bottom:  	0;
    right: 		0;
}


.o-scrollbar-inner{
    width:  100vw;
    overflow:  	hidden;
    position: 	relative;
}


.scrollbar-thumb {
    display: block;
    height: 70px;
    width: 100%;
    background: #ccc;
    position: relative;
    opacity: 0;
    -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0.8, 0.74, 1),opacity 1s cubic-bezier(0.26, 1.04, 0.54, 1);
    -o-transition: background-color 0.2s cubic-bezier(0.4, 0.8, 0.74, 1),opacity 1s cubic-bezier(0.26, 1.04, 0.54, 1);
    transition: background-color 0.2s cubic-bezier(0.4, 0.8, 0.74, 1),opacity 1s cubic-bezier(0.26, 1.04, 0.54, 1);
}

.scrollbar-track {
    position: fixed;
    right: 2px;
    top: 2px;
    bottom:	2px;
    width: 2px;


    &.show{


        .scrollbar-thumb{
            opacity: 1;
        }
    }
}
*/
/**
 *
 *  STATES
 *
 */
.detail-is-visible {
  background-color: #fff;
}

.nav-is-visible {
  overflow: hidden;
}

/**
 *
 * Animation optimal
 *
 */
.js-view {
  will-change: opacity;
  will-change: transfrom;
}

.js-view-content {
  will-change: opacity;
}

.js-draggable-parent {
  will-change: scroll-position;
}

.js-slash {
  will-change: path;
}

/**
 *
 * Loading states
 *
 */
.js-preload {
  opacity: 0;
  transition: opacity 1s;
}

.js-preload.is-loaded {
  opacity: 1;
}

.js-preload.is-loading {
  pointer-events: none;
  visibility: hidden;
  cursor: wait;
}

/* ==========================================================================
   #INTRO
   ========================================================================== */
.c-intro {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.c-intro h1 {
  letter-spacing: -3px;
}

@media only screen and (min-width: 1100px) {
  .c-intro h1 {
    font-size: 5vw;
    line-height: 5vw;
  }
}

/* ==========================================================================
   #WIZARD TOGGLE COMPONENT
   ========================================================================== */
.c-wizard-toggle {
  position: relative;
  display: block;
  background-color: transparent;
  border: none;
  color: #ffc600;
  font-family: 'Averta Semibold';
  font-size: 1.1rem;
  padding: 5px 2rem 5px 0;
  margin: 0 1rem 2rem 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  max-width: 80vw;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.c-wizard-toggle.c-wizzard-toggle--inline {
  display: inline-block;
  margin-left: .5rem;
}

.c-wizard-toggle:after, .c-wizard-toggle:before {
  content: "";
  position: absolute;
}

.c-wizard-toggle:after {
  right: 0;
  top: 0;
  bottom: 0;
  width: 2rem;
  background: url(/assets/build/misc/arrow-down-yellow.svg) no-repeat right 55%;
  background-size: 55%;
  transition: transform 100ms;
}

.c-wizard-toggle:before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #ffc600;
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

@media only screen and (min-width: 1100px) {
  .c-wizard-toggle:before {
    transform: translate3d(calc(-100% - 1px), 0, 0);
  }
}

@media only screen and (min-width: 700px) {
  .c-wizard-toggle {
    display: inline-block;
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 1100px) {
  .c-wizard-toggle {
    display: inline-block;
    padding: .5rem 2rem .5rem 0;
    margin: 1rem;
    max-width: 40vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

@media only screen and (min-width: 1400px) {
  .c-wizard-toggle {
    font-size: 1.4rem;
  }
}

.c-wizard-reset {
  display: inline-block;
  font-size: .7rem;
  margin-left: 1rem;
  text-decoration: none;
  font-style: italic;
  color: #ffc600;
  background-color: rgba(255, 255, 255, 0.15);
  padding: 3px 10px;
}

/* Custom states
   ========================================================================== */
.c-wizard-toggle:focus {
  outline: none;
}

.c-wizard-control {
  display: none;
  opacity: 0;
  transform: translateY(50%);
  transition: 0.7s transform cubic-bezier(0.75, -0.5, 0, 1.75), 0.7s opacity;
}

.c-wizard-control.is-active {
  opacity: 1;
  transform: translateY(0);
}

.c-wizard-control.is-visible {
  display: inline-block;
}

/* Hover states
   ========================================================================== */
.has-no-touch .c-wizard-toggle:hover:before {
  transform: translate3d(0%, 0, 0);
}

.has-no-touch .c-wizard-toggle:hover:after {
  transform: translateY(5%);
}

/* ==========================================================================
   #SELECTOR COMPONENT
   ========================================================================== */
/**
 *
 * SELECTOR OVERLAY
 *
 */
.c-selector {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 810;
  overflow: hidden;
}

.c-selector:before, .c-selector:after {
  position: absolute;
  left: 0;
  right: 2px;
  content: "";
  display: block;
  pointer-events: none;
  height: 12.5vh;
  z-index: 811;
  opacity: 0;
  transition: opacity 500ms;
}

.c-selector:before {
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, rgba(0, 0, 0, 0) 100%);
  top: 0;
}

.c-selector:after {
  bottom: 0;
  background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, rgba(0, 0, 0, 0) 100%);
}

@media only screen and (min-width: 1100px) {
  .c-selector {
    top: 0;
    bottom: 0;
  }
}

.js-draggable-parent {
  cursor: url(/assets/build/misc/mouse_drag.png), auto !important;
  min-height: 100vh;
  padding: 15px;
  padding: 3rem 15px;
}

/**
 *
 * SELECTOR ITEM
 *
 */
.c-selector__item {
  position: relative;
  height: calc(100vh / 8);
  line-height: calc(100vh / 8);
  text-align: center;
  overflow: hidden;
}

@media only screen and (min-width: 1100px) {
  .c-selector__item {
    height: calc(100vh / 8);
    line-height: calc(100vh / 8);
  }
}

.c-selector__item-label {
  color: #fff;
  text-decoration: none;
  display: block;
  cursor: pointer;
  opacity: .8;
  transition: all 200ms;
  height: calc(100vh / 8);
  line-height: calc(100vh / 8);
}

@media only screen and (min-width: 1400px) {
  .c-selector__item-label {
    display: inline-block;
    font-size: 1vw;
    line-height: 1vw;
    height: calc(100vh / 8);
    line-height: calc(100vh / 8);
  }
}

/* Hover states
   ========================================================================== */
.has-no-touch .is-ready .c-selector__item-label:hover {
  font-family: "Averta Black";
  font-weight: 400;
  transform: scale3d(2, 2, 2);
  opacity: 1;
}

/* Visual states
   ========================================================================== */
.c-selector.is-hidden {
  display: none;
}

.c-selector.is-visible {
  display: block;
}

/**
 *
 * BODY STATES
 *
 */
.selector-is-visible {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: z-background;
}

/* ==========================================================================
   #WIZARD
   ========================================================================== */
.c-wizard {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #000;
  height: 100vh;
}

/* States
   ========================================================================== */
.c-wizard.is-hidden {
  opacity: 0;
  pointer-events: none;
}

/**
 *
 * WIZARD CASE BACKGROUND VISUALS
 *
 */
.c-wizard__visuals {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

@media only screen and (max-width: 1100px) {
  .c-wizard__visuals {
    transform: translateX(0) !important;
  }
}

.c-wizard__visuals:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: rgba(0, 0, 0, 0.25);
  transition: background 600ms ease-out;
}

.c-wizard__visual, .c-wizard__visual-img, .c-wizard__visual-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
}

.c-wizard__visual {
  background-color: #000;
  opacity: 0;
}

.c-wizard__visual:first-child {
  opacity: 1;
}

.c-wizard__visual-img {
  background-size: cover;
  background-position: 50% 50%;
  transition: opacity 1s;
  opacity: 0;
}

.c-wizard__visual-img.is-loaded {
  opacity: 1;
}

/* Active state
   ========================================================================== */
.c-wizard__visual.is-active .c-wizard__visual-wrapper {
  transition: 11s transform linear;
  transform: scale(1.2);
}

/**
 *
 * WIZARD CASE TITLES
 *
 */
.c-wizard__titles {
  position: absolute;
  width: 100%;
  min-height: 85vh;
  z-index: 600;
}

@media only screen and (min-width: 1100px) {
  .c-wizard__titles {
    min-height: 100vh;
    width: 60vw;
  }
}

.c-wizard__title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10%;
  padding-top: 70px;
  opacity: 0;
  pointer-events: none;
}

.c-wizard__title .c-button {
  margin-left: 2%;
}

@media only screen and (min-width: 1100px) {
  .c-wizard__title {
    padding-left: 20%;
    padding-top: auto;
  }
}

.c-wizard__client {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-family: "Averta Semibold";
}

@media only screen and (min-width: 1100px) {
  .c-wizard__client {
    font-size: 1.6vw;
    line-height: 1.6vw;
  }
}

@media only screen and (max-height: 550px) {
  .c-wizard__summary {
    display: none;
  }
}

/* Active state
   ========================================================================== */
.c-wizard__title.is-active {
  opacity: 1;
  pointer-events: auto;
}

/**
 *
 * WIZARD RESULTS
 *
 */
.c-wizard__results {
  position: absolute;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  transform-origin: 50% 0;
  left: 0;
  right: -1px;
  height: 15vh;
  bottom: -1px;
  z-index: 600;
}

@media only screen and (min-width: 1100px) {
  .c-wizard__results {
    min-height: 101vh;
    left: 55vw;
    transform: skewX(20deg);
    bottom: -1px;
    top: -1px;
    right: calc(-0.364 * 50vh);
  }
}

.c-wizard__results-controls {
  position: absolute;
  z-index: 600;
  top: 10vh;
  left: 0;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 1100px) {
  .c-wizard__results-controls {
    display: flex;
  }
}

/**
 *
 * WIZARD TIMER
 *
 */
.c-wizard__timer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 2px;
  overflow: hidden;
}

@media only screen and (min-width: 1100px) {
  .c-wizard__timer {
    width: 2px;
    right: auto;
    height: auto;
    bottom: 0;
  }
}

.c-wizard__timer-track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.2);
  height: 2px;
  z-index: 600;
}

@media only screen and (min-width: 1100px) {
  .c-wizard__timer-track {
    width: 2px;
    right: auto;
    height: auto;
  }
}

.c-wizard__timer-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  z-index: 600;
  background-color: #fff;
}

@media only screen and (min-width: 1100px) {
  .c-wizard__timer-progress {
    width: 2px;
    right: auto;
    height: auto;
    height: 100%;
  }
}

/**
 *
 * WIZARD RESULTS THUMBS
 *
 */
.c-wizard__thumbs {
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
}

@media only screen and (min-width: 1100px) {
  .c-wizard__thumbs {
    flex-direction: column;
    width: 20vh;
  }
}

.c-wizard__thumb {
  width: 33.33%;
  height: 20vh;
  position: relative;
  overflow: hidden;
  background-color: #000;
  cursor: pointer;
}

@media only screen and (min-width: 1100px) {
  .c-wizard__thumb {
    width: 100%;
    height: 10vh;
  }
}

.c-wizard__thumb-image {
  position: absolute;
  width: 125%;
  height: 100%;
  left: 0;
  background-size: cover;
  transform-origin: 50% 0;
  background-position: 50% 50%;
  opacity: 0;
  transition: opacity 500ms;
}

.c-wizard__thumb-image.is-loaded {
  opacity: .3;
}

@media only screen and (min-width: 1100px) {
  .c-wizard__thumb-image {
    transform: skewX(-20deg);
  }
}

/* Thumb states
   ========================================================================== */
.c-wizard__thumb.is-active .c-wizard__thumb-image {
  opacity: 1;
}

.has-no-touch .c-wizard__thumb:not(.is-active):hover .c-wizard__thumb-image {
  opacity: .4;
}

/* ==========================================================================
   #CASE DETAIL COMPONENT
   ========================================================================== */
.c-detail {
  position: relative;
  min-height: 100vh;
  background-color: #fff;
}

.c-job-detail {
  z-index: 10;
}

.c-case-detail__visual {
  height: 50vh;
  position: relative;
}

.c-case-detail__visual:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1100px) {
  .c-case-detail__visual {
    height: auto;
    position: fixed;
    top: 0;
    min-height: 100vh;
    right: calc(40% - (0.364 * 50vh));
    left: calc( 0% - (0.364 * 50vh));
  }
}

.c-case-detail__visual__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: 50% 50%;
}

.c-case-detail__visual--mobile {
  height: 50vh;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
}

.c-case-detail__visual--mobile .c-button--play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) skewX(20deg);
}

.c-case-detail__video__darken {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
}

.c-case-detail__slash {
  position: fixed;
  right: calc(-0.364 * 100vh);
  top: 0;
  left: 50%;
  bottom: 0;
}

.c-case-detail__slash:after {
  content: "";
  display: block;
  transform: skewX(20deg);
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.c-case-detail__darken {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
}

@media only screen and (min-width: 1100px) {
  .c-insight-wrapper {
    max-width: 70vw;
  }
}

.c-case-detail__content {
  position: relative;
  min-height: 50vh;
  padding: 10vh 10vw;
}

@media only screen and (min-width: 1100px) {
  .c-case-detail__content {
    background-color: transparent;
    display: flex;
    align-items: center;
    min-height: 100vh;
    width: 50vw;
    padding: 7%;
    padding-right: calc(7% + 80px);
  }
  .c-case-detail__content h1 {
    font-size: 4.5vw;
    line-height: 4.5vw;
  }
}

@media only screen and (min-width: 1100px) {
  .c-case-detail__media-controls {
    background-color: transparent;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
    width: 50vw;
  }
}

.c-case-detail__back {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  margin-bottom: 4vh;
}

.c-case-detail__back .arrow {
  width: 35px;
}

.has-no-touch .c-case-detail__back:hover {
  transform: translateX(-10px);
}

@media only screen and (min-width: 1100px) {
  .c-case-detail__media-controls__item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.c-case-detail__media-controls__item .c-button-play-anim {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
}

@media only screen and (min-width: 1100px) {
  .c-case-detail__media-controls__item .c-button-play-anim {
    margin-left: -2vw;
    margin-top: -2vw;
  }
}

.c-case-detail__media-controls__item .c-button--play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
}

@media only screen and (min-width: 1100px) {
  .c-case-detail__media-controls__item .c-button--play {
    margin-left: -2vw;
    margin-top: -2vw;
  }
}

.c-case-detail__slash-insight {
  position: fixed;
  right: calc(-0.364 * 100vh);
  top: 0;
  left: calc(-0.364 * 100vh);
  bottom: 0;
  transform: translateX(-100%);
}

@media only screen and (min-width: 700px) {
  .c-case-detail__slash-insight {
    right: 20%;
  }
}

.c-case-detail__slash-insight:after {
  content: "";
  display: block;
  transform: skewX(20deg);
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media only screen and (min-width: 1100px) {
  .c-case-detail__controls {
    position: absolute;
    right: 30px;
    right: 50%;
    z-index: 800;
  }
}

/**
 *
 * States
 *
 */
.detail-is-animating {
  overflow: hidden;
}

/* ==========================================================================
   #Insignt COMPONENT
   ========================================================================== */
.c-insight {
  background-color: #222;
  position: relative;
  padding: 10vh 10vw;
  overflow: hidden;
  min-height: 100vh;
}

@media only screen and (min-width: 700px) {
  .c-insight {
    padding: 20vh 10vw;
  }
  .c-insight h2 {
    font-size: 3vw;
    line-height: 3vw;
    letter-spacing: -2px;
    margin-top: 4vh;
    margin-bottom: 4vh;
  }
}

@media only screen and (min-width: 1100px) {
  .c-insight__inner {
    width: 80%;
    max-width: 1000px;
  }
}

.c-insight__contact__card {
  margin-bottom: 2rem;
}

.c-insight__contact__card__item {
  align-items: center;
  margin-bottom: 0;
}

@media only screen and (min-width: 700px) {
  .c-insight__contact__card__item {
    margin-right: 4rem;
  }
}

.c-insight__contact__card__icon {
  width: 80px;
  text-align: center;
}

.c-insight__contact__card__icon .visual {
  width: 80%;
  margin-right: 20%;
  height: auto;
}

.c-insight__contact__card__icon .icon {
  width: 15px;
  height: auto;
  margin-right: 20%;
}

.c-insight__contact__card__text a {
  text-decoration: none;
  font-size: .9rem;
}

.icon--social {
  width: 25px;
  display: block;
}

.c-scroll-indication {
  display: none;
}

@media only screen and (min-width: 1100px) {
  .c-scroll-indication {
    transform-origin: center top;
    position: fixed;
    right: 30px;
    bottom: 0;
    transform: rotate(-90deg) translate3D(calc( 50% + 35px), 0, 0);
    cursor: pointer;
    display: block;
    opacity: 0;
    transition: opacity 500ms;
    z-index: 598;
  }
  .c-scroll-indication__text {
    color: #000;
    font-size: .9rem;
    -webkit-animation: bounce 2.5s infinite;
            animation: bounce 2.5s infinite;
  }
  .c-scroll-indication__line {
    position: absolute;
    left: -35px;
    top: 50%;
    width: 24px;
    height: 0;
    margin-top: -1px;
    -webkit-animation: scroll-down-line 2.5s infinite 851ms;
            animation: scroll-down-line 2.5s infinite 851ms;
  }
  .c-scroll-indication__line:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #000;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0s linear 0.5s;
    transform-origin: right center;
    transform: scaleX(0.001);
    opacity: 0;
    transform: none;
    opacity: 1;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s linear;
  }
  @-webkit-keyframes scroll-down-line {
    0% {
      transform-origin: 0% 50%;
      transform: scale(1, 1);
    }
    20% {
      transform-origin: 0% 50%;
      transform: scale(0.001, 1);
    }
    20.01% {
      transform-origin: 100% 50%;
    }
    38% {
      transform-origin: 100% 50%;
      transform: scale(1, 1);
    }
  }
  @keyframes scroll-down-line {
    0% {
      transform-origin: 0% 50%;
      transform: scale(1, 1);
    }
    20% {
      transform-origin: 0% 50%;
      transform: scale(0.001, 1);
    }
    20.01% {
      transform-origin: 100% 50%;
    }
    38% {
      transform-origin: 100% 50%;
      transform: scale(1, 1);
    }
  }
  @-webkit-keyframes bounce {
    0%, 15%, 38%, 60%, 75% {
      transform: translateX(0);
    }
    30% {
      transform: translateX(10px);
    }
    45% {
      transform: translateX(5px);
    }
  }
  @keyframes bounce {
    0%, 15%, 38%, 60%, 75% {
      transform: translateX(0);
    }
    30% {
      transform: translateX(10px);
    }
    45% {
      transform: translateX(5px);
    }
  }
}

/* States
   ========================================================================== */
@media only screen and (min-width: 1100px) {
  .c-scroll-indication.is-visible {
    opacity: 1;
  }
  .c-scroll-indication--white .c-scroll-indication__text {
    color: #fff;
  }
  .c-scroll-indication--white .c-scroll-indication__line:after {
    border-color: #fff;
  }
  .nav-is-hidden .c-scroll-indication.is-visible {
    opacity: 0;
    pointer-events: none;
  }
}

.c-video {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  opacity: 0;
  display: none;
}

.c-video .video-js {
  width: 100% !important;
  height: 100% !important;
  position: relative;
}

.c-video .video-js video {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

/* States
   ========================================================================== */
.c-video.is-visible {
  display: block;
}

/* ==========================================================================
   #Slider component (cases page,...)
   ========================================================================== */
.c-slider {
  display: flex;
  align-items: center;
  margin-top: 80px;
  max-width: 100vw;
  overflow: hidden;
}

@media only screen and (min-width: 700px) {
  .c-slider {
    margin-top: 0;
    min-height: 100vh;
  }
}

.c-slider__container {
  width: 100%;
}

.c-slider__items {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
}

.c-slider__item {
  list-style: none;
  display: block;
  flex-shrink: 0;
  width: 40vh;
  position: relative;
  cursor: pointer;
  transition: filter .5s;
}

@media only screen and (min-width: 700px) {
  .c-slider__item {
    width: 50vh;
  }
}

.c-slider__item:not(:last-child) {
  margin-right: 1rem;
}

.c-slider__link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}

.c-slider__visual {
  position: relative;
  width: 40vh;
  height: 30vh;
  background: #222;
  overflow: hidden;
}

@media only screen and (min-width: 700px) {
  .c-slider__visual {
    width: 50vh;
  }
}

.c-slider__visual__item {
  position: absolute;
  top: -17%;
  left: -17%;
  right: -17%;
  bottom: -17%;
  background-size: cover;
  transform: skewX(-20deg) scale(1.05);
  opacity: 0;
  transition: opacity 1s;
  transition-delay: .3s;
}

.c-slider__visual__item.is-loaded {
  opacity: 1;
}

.c-slider__subtitle {
  opacity: .5;
}

/**
 *
 * Slider scrollbar
 *
 */
.c-slider__scrollbar {
  position: relative;
  height: 30px;
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  margin-top: 10vh;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transform: scaleX(0.8);
}

.c-slider__scrollbar:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: rgba(255, 255, 255, 0.2);
}

.c-slider__scrollbar .c-slider__scrollbar__knob {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  transition: width 250ms ease-in-out;
}

.c-slider__scrollbar .c-slider__scrollbar__knob:after {
  content: "";
  position: absolute;
  top: calc(50%);
  left: 0;
  right: 0;
  height: 2px;
  background: #fff;
}

/* States
   ========================================================================== */
.has-no-touch .c-slider__item {
  filter: brightness(0.6);
}

.has-no-touch .c-slider__item:hover {
  filter: brightness(1);
}

.c-cases {
  background-color: #000;
}

.c-cases__bg, .c-cases__bg__visual {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

body.cases:not(.detail-is-visible):not(.nav-is-visible) {
  overflow: hidden !important;
  position: fixed;
}

/* ==========================================================================
   #VISUALS
   ========================================================================== */
.c-visuals {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.c-visuals:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: rgba(0, 0, 0, 0.15);
}

.c-visual {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: 50% 50%;
  transition: background 200ms;
  opacity: 0;
}

.c-visual:first-child {
  opacity: 1;
}

/* ==========================================================================
   #Quote
   ========================================================================== */
.c-quote {
  font-size: 12vw;
  line-height: 12vw;
  margin: 0;
}

@media only screen and (min-width: 700px) {
  .c-quote {
    font-size: 5.5vw;
    line-height: 5.5vw;
  }
}

/* ==========================================================================
   #SCROLL SCENE
   ========================================================================== *



/**
 *
 * Scene background elements
 *
 */
.c-scene-visual, .c-scene-video {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  display: none;
}

.c-scene-visual:not(:first-child), .c-scene-video:not(:first-child) {
  opacity: 0;
}

.c-scene-visual.is-active, .c-scene-video.is-active {
  display: block;
}

.c-scene-video {
  left: -50px;
  right: -50px;
}

.c-scene-visual__img {
  background-size: cover;
  background-position: 50% 50%;
  position: fixed;
  top: 0;
  left: -50px;
  right: -50px;
  bottom: 0;
}

.c-scene-visual__darken {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.1;
}

.c-scene-visual__darken.is-dark {
  opacity: 0.25;
}

.c-scene-slash {
  position: fixed;
  right: calc(-0.364 * 100vh);
  top: 0;
  left: calc(-0.364 * 100vh);
  bottom: 0;
  transform: translateX(-100%) skewX(20deg);
}

@media only screen and (min-width: 1100px) {
  .c-scene-slash {
    right: 40vw;
  }
  .c-scene-slash.c-scene-slash--full {
    right: calc(-0.364 * 100vh);
  }
}

.c-scene-slash--white {
  background-color: #f2f2f2;
}

.c-scene-slash--black {
  background-color: #000;
}

.c-inline-slash {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.js-scene-tbwa, .js-scene-job-detail {
  padding-bottom: 50vh !important;
}

/**
 *
 * Scene foreground elements
 *
 */
/* ==========================================================================
   #Map
   ========================================================================== */
.c-map {
  background-color: #ccc;
  height: 80vh;
  position: relative;
}

.c-contact__item {
  letter-spacing: -1px;
  text-decoration: none;
  font-family: 'Averta Semibold';
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  display: inline-block;
}

@media only screen and (min-width: 1100px) {
  .c-contact__item {
    font-size: 2vw;
    line-height: 3vw;
  }
}

/* Hover states
   ========================================================================== */
.has-no-touch .c-contact__item:hover {
  transform: translateX(10px);
}

/* ==========================================================================
   #SCENE INDICATOR
   ========================================================================== */
.c-reputation-offer {
  display: flex;
  flex-direction: row;
  line-height: 120%;
  font-size: .85rem;
  width: 100%;
}

.c-reputation-offer img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 3vh;
  max-width: 30px;
  margin-right: 20px;
}

.c-reputation-offer.c-reputation-offer--large {
  font-size: 1rem;
}

@media only screen and (min-width: 1100px) {
  .c-reputation-offer {
    align-items: center;
    flex-direction: column;
    width: 8vw;
    padding: 2vw;
  }
  .c-reputation-offer img {
    max-width: none;
    margin-right: 0;
  }
}

.c-reputation-offer---spacer {
  margin-bottom: 3vh !important;
}

/* ==========================================================================
   #HELPERS
   ========================================================================== */
.u-no-margin {
  margin: 0;
}

.u-no-padding {
  padding: 0;
}

.u-no-float {
  float: none;
}

.u-no-background {
  background: transparent;
}

.u-no-border {
  border: 0;
}

.u-no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.u-no-pointer-events {
  pointer-events: none;
}

.u-font-normal {
  font-style: normal;
}

.u-font-italic {
  font-style: italic;
}

.u-uppercase {
  text-transform: uppercase;
}

.u-lowercase {
  text-transform: lowercase;
}

.u-capitalize {
  text-transform: capitalize;
}

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

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

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

.u-relative {
  position: relative;
}

.u-absolute {
  position: absolute;
}

.u-static {
  position: static;
}

.u-fixed {
  position: fixed;
}

.u-none {
  display: none;
}

.u-block {
  display: block;
}

.u-inline-block {
  display: inline-block;
}

.u-inline {
  display: inline;
}

.u-flex {
  display: flex;
}

.u-flex-row {
  flex-direction: row;
}

.u-flex-column {
  flex-direction: column;
}

.u-flex-space-around {
  justify-content: space-around;
}

.u-flex-space-between {
  justify-content: space-between;
}

.u-flex-start {
  justify-content: flex-start;
}

.u-flex-center {
  justify-content: center;
}

.u-flex-end {
  justify-content: flex-end;
}

.u-flex-wrap {
  flex-wrap: wrap;
}

.u-flex-nowrap {
  flex-wrap: nowrap;
}

.u-flex-grow {
  flex-grow: 1;
}

.u-flex-shrink {
  flex-shrink: 1;
}

.u-flex-align-center {
  align-items: center;
}

.u-left {
  float: left;
}

.u-right {
  float: right;
}

.u-center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

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

.u-list-unstyled li {
  margin: 0;
  padding: 0;
}

.u-img-fluid {
  width: 100%;
}

.u-disabled, [disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: .5;
}

.u-animation, .u-animate {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.u-animation-infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.u-clear:before, .u-clear:after {
  content: " ";
  display: table;
}

.u-clear:after {
  clear: both;
}

.u-margin--s {
  margin: 0.6vh;
}

.u-margin--m {
  margin: 1.2vh;
}

.u-margin--l {
  margin: 2.4vh;
}

.u-margin--xl {
  margin: 4.8vh;
}

.u-margin-x--s {
  margin-left: 0.6vh;
  margin-right: 0.6vh;
}

.u-margin-x--m {
  margin-left: 1.2vh;
  margin-right: 1.2vh;
}

.u-margin-x--l {
  margin-left: 2.4vh;
  margin-right: 2.4vh;
}

.u-margin-x--xl {
  margin-left: 4.8vh;
  margin-right: 4.8vh;
}

.u-margin-y--s {
  margin-top: 0.6vh;
  margin-bottom: 0.6vh;
}

.u-margin-y--m {
  margin-top: 1.2vh;
  margin-bottom: 1.2vh;
}

.u-margin-y--l {
  margin-top: 2.4vh;
  margin-bottom: 2.4vh;
}

.u-margin-y--xl {
  margin-top: 4.8vh;
  margin-bottom: 4.8vh;
}

.u-margin-top--s {
  margin-top: 0.6vh;
}

.u-margin-top--m {
  margin-top: 1.2vh;
}

.u-margin-top--l {
  margin-top: 2.4vh;
}

.u-margin-top--xl {
  margin-top: 4.8vh;
}

.u-margin-right--s {
  margin-right: 0.6vh;
}

.u-margin-right--m {
  margin-right: 1.2vh;
}

.u-margin-right--l {
  margin-right: 2.4vh;
}

.u-margin-right--xl {
  margin-right: 4.8vh;
}

.u-margin-bottom--s {
  margin-bottom: 0.6vh;
}

.u-margin-bottom--m {
  margin-bottom: 1.2vh;
}

.u-margin-bottom--l {
  margin-bottom: 2.4vh;
}

.u-margin-bottom--xl {
  margin-bottom: 4.8vh;
}

.u-margin-left--s {
  margin-left: 0.6vh;
}

.u-margin-left--m {
  margin-left: 1.2vh;
}

.u-margin-left--l {
  margin-left: 2.4vh;
}

.u-margin-left--xl {
  margin-left: 4.8vh;
}

.u-padding--s {
  padding: 0.6vh;
}

.u-padding--m {
  padding: 1.2vh;
}

.u-padding--l {
  padding: 2.4vh;
}

.u-padding--xl {
  padding: 4.8vh;
}

.u-padding-x--s {
  padding-left: 0.6vh;
  padding-right: 0.6vh;
}

.u-padding-x--m {
  padding-left: 1.2vh;
  padding-right: 1.2vh;
}

.u-padding-x--l {
  padding-left: 2.4vh;
  padding-right: 2.4vh;
}

.u-padding-x--xl {
  padding-left: 4.8vh;
  padding-right: 4.8vh;
}

.u-padding-y--s {
  padding-top: 0.6vh;
  padding-bottom: 0.6vh;
}

.u-padding-y--m {
  padding-top: 1.2vh;
  padding-bottom: 1.2vh;
}

.u-padding-y--l {
  padding-top: 2.4vh;
  padding-bottom: 2.4vh;
}

.u-padding-y--xl {
  padding-top: 4.8vh;
  padding-bottom: 4.8vh;
}

.u-padding-top--s {
  padding-top: 0.6vh;
}

.u-padding-top--m {
  padding-top: 1.2vh;
}

.u-padding-top--l {
  padding-top: 2.4vh;
}

.u-padding-top--xl {
  padding-top: 4.8vh;
}

.u-padding-right--s {
  padding-right: 0.6vh;
}

.u-padding-right--m {
  padding-right: 1.2vh;
}

.u-padding-right--l {
  padding-right: 2.4vh;
}

.u-padding-right--xl {
  padding-right: 4.8vh;
}

.u-padding-bottom--s {
  padding-bottom: 0.6vh;
}

.u-padding-bottom--m {
  padding-bottom: 1.2vh;
}

.u-padding-bottom--l {
  padding-bottom: 2.4vh;
}

.u-padding-bottom--xl {
  padding-bottom: 4.8vh;
}

.u-padding-left--s {
  padding-left: 0.6vh;
}

.u-padding-left--m {
  padding-left: 1.2vh;
}

.u-padding-left--l {
  padding-left: 2.4vh;
}

.u-padding-left--xl {
  padding-left: 4.8vh;
}

/* Medium device size container
   ========================================================================== */
@media only screen and (min-width: 700px) {
  .u-no-margin\@m {
    margin: 0;
  }
  .u-no-padding\@m {
    padding: 0;
  }
  .u-text-left\@m {
    text-align: left;
  }
  .u-text-right\@m {
    text-align: right;
  }
  .u-text-center\@m {
    text-align: center;
  }
  .u-none\@m {
    display: none;
  }
  .u-block\@m {
    display: block;
  }
  .u-inline-block\@m {
    display: inline-block;
  }
  .u-inline\@m {
    display: inline;
  }
  .u-flex\@m {
    display: flex;
  }
  .u-flex-row\@m {
    flex-direction: row;
  }
  .u-flex-column\@m {
    flex-direction: column;
  }
  .u-flex-space-around\@m {
    justify-content: space-around;
  }
  .u-flex-space-between\@m {
    justify-content: space-between;
  }
  .u-flex-start\@m {
    justify-content: flex-start;
  }
  .u-flex-center\@m {
    justify-content: center;
  }
  .u-flex-end\@m {
    justify-content: flex-end;
  }
  .u-flex-wrap\@m {
    flex-wrap: wrap;
  }
  .u-flex-nowrap\@m {
    flex-wrap: nowrap;
  }
  .u-flex-grow\@m {
    flex-grow: 1;
  }
  .u-flex-shrink\@m {
    flex-shrink: 1;
  }
  .u-flex-align-center\@m {
    align-items: center;
  }
  .u-margin--s\@m {
    margin: 0.6vh;
  }
  .u-margin--m\@m {
    margin: 1.2vh;
  }
  .u-margin--l\@m {
    margin: 2.4vh;
  }
  .u-margin--xl\@m {
    margin: 4.8vh;
  }
  .u-margin-x--s\@m {
    margin-left: 0.6vh;
    margin-right: 0.6vh;
  }
  .u-margin-x--m\@m {
    margin-left: 1.2vh;
    margin-right: 1.2vh;
  }
  .u-margin-x--l\@m {
    margin-left: 2.4vh;
    margin-right: 2.4vh;
  }
  .u-margin-x--xl\@m {
    margin-left: 4.8vh;
    margin-right: 4.8vh;
  }
  .u-margin-y--s\@m {
    margin-top: 0.6vh;
    margin-bottom: 0.6vh;
  }
  .u-margin-y--m\@m {
    margin-top: 1.2vh;
    margin-bottom: 1.2vh;
  }
  .u-margin-y--l\@m {
    margin-top: 2.4vh;
    margin-bottom: 2.4vh;
  }
  .u-margin-y--xl\@m {
    margin-top: 4.8vh;
    margin-bottom: 4.8vh;
  }
  .u-margin-top--s\@m {
    margin-top: 0.6vh;
  }
  .u-margin-top--m\@m {
    margin-top: 1.2vh;
  }
  .u-margin-top--l\@m {
    margin-top: 2.4vh;
  }
  .u-margin-top--xl\@m {
    margin-top: 4.8vh;
  }
  .u-margin-right--s\@m {
    margin-right: 0.6vh;
  }
  .u-margin-right--m\@m {
    margin-right: 1.2vh;
  }
  .u-margin-right--l\@m {
    margin-right: 2.4vh;
  }
  .u-margin-right--xl\@m {
    margin-right: 4.8vh;
  }
  .u-margin-bottom--s\@m {
    margin-bottom: 0.6vh;
  }
  .u-margin-bottom--m\@m {
    margin-bottom: 1.2vh;
  }
  .u-margin-bottom--l\@m {
    margin-bottom: 2.4vh;
  }
  .u-margin-bottom--xl\@m {
    margin-bottom: 4.8vh;
  }
  .u-margin-left--s\@m {
    margin-left: 0.6vh;
  }
  .u-margin-left--m\@m {
    margin-left: 1.2vh;
  }
  .u-margin-left--l\@m {
    margin-left: 2.4vh;
  }
  .u-margin-left--xl\@m {
    margin-left: 4.8vh;
  }
  .u-padding--s\@m {
    padding: 0.6vh;
  }
  .u-padding--m\@m {
    padding: 1.2vh;
  }
  .u-padding--l\@m {
    padding: 2.4vh;
  }
  .u-padding--xl\@m {
    padding: 4.8vh;
  }
  .u-padding-x--s\@m {
    padding-left: 0.6vh;
    padding-right: 0.6vh;
  }
  .u-padding-x--m\@m {
    padding-left: 1.2vh;
    padding-right: 1.2vh;
  }
  .u-padding-x--l\@m {
    padding-left: 2.4vh;
    padding-right: 2.4vh;
  }
  .u-padding-x--xl\@m {
    padding-left: 4.8vh;
    padding-right: 4.8vh;
  }
  .u-padding-y--s\@m {
    padding-top: 0.6vh;
    padding-bottom: 0.6vh;
  }
  .u-padding-y--m\@m {
    padding-top: 1.2vh;
    padding-bottom: 1.2vh;
  }
  .u-padding-y--l\@m {
    padding-top: 2.4vh;
    padding-bottom: 2.4vh;
  }
  .u-padding-y--xl\@m {
    padding-top: 4.8vh;
    padding-bottom: 4.8vh;
  }
  .u-padding-top--s\@m {
    padding-top: 0.6vh;
  }
  .u-padding-top--m\@m {
    padding-top: 1.2vh;
  }
  .u-padding-top--l\@m {
    padding-top: 2.4vh;
  }
  .u-padding-top--xl\@m {
    padding-top: 4.8vh;
  }
  .u-padding-right--s\@m {
    padding-right: 0.6vh;
  }
  .u-padding-right--m\@m {
    padding-right: 1.2vh;
  }
  .u-padding-right--l\@m {
    padding-right: 2.4vh;
  }
  .u-padding-right--xl\@m {
    padding-right: 4.8vh;
  }
  .u-padding-bottom--s\@m {
    padding-bottom: 0.6vh;
  }
  .u-padding-bottom--m\@m {
    padding-bottom: 1.2vh;
  }
  .u-padding-bottom--l\@m {
    padding-bottom: 2.4vh;
  }
  .u-padding-bottom--xl\@m {
    padding-bottom: 4.8vh;
  }
  .u-padding-left--s\@m {
    padding-left: 0.6vh;
  }
  .u-padding-left--m\@m {
    padding-left: 1.2vh;
  }
  .u-padding-left--l\@m {
    padding-left: 2.4vh;
  }
  .u-padding-left--xl\@m {
    padding-left: 4.8vh;
  }
}

/* Large device size container
   ========================================================================== */
@media only screen and (min-width: 1100px) {
  .u-no-margin\@l {
    margin: 0;
  }
  .u-no-padding\@l {
    padding: 0;
  }
  .u-text-left\@l {
    text-align: left;
  }
  .u-text-right\@l {
    text-align: right;
  }
  .u-text-center\@l {
    text-align: center;
  }
  .u-none\@l {
    display: none;
  }
  .u-block\@l {
    display: block;
  }
  .u-inline-block\@l {
    display: inline-block;
  }
  .u-inline\@l {
    display: inline;
  }
  .u-flex\@l {
    display: flex;
  }
  .u-flex-row\@l {
    flex-direction: row;
  }
  .u-flex-column\@l {
    flex-direction: column;
  }
  .u-flex-space-around\@l {
    justify-content: space-around;
  }
  .u-flex-space-between\@l {
    justify-content: space-between;
  }
  .u-flex-start\@l {
    justify-content: flex-start;
  }
  .u-flex-center\@l {
    justify-content: center;
  }
  .u-flex-end\@l {
    justify-content: flex-end;
  }
  .u-flex-wrap\@l {
    flex-wrap: wrap;
  }
  .u-flex-nowrap\@l {
    flex-wrap: nowrap;
  }
  .u-flex-grow\@l {
    flex-grow: 1;
  }
  .u-flex-shrink\@l {
    flex-shrink: 1;
  }
  .u-flex-align-center\@l {
    align-items: center;
  }
  .u-margin--s\@l {
    margin: 0.6vh;
  }
  .u-margin--m\@l {
    margin: 1.2vh;
  }
  .u-margin--l\@l {
    margin: 2.4vh;
  }
  .u-margin--xl\@l {
    margin: 4.8vh;
  }
  .u-margin-x--s\@l {
    margin-left: 0.6vh;
    margin-right: 0.6vh;
  }
  .u-margin-x--m\@l {
    margin-left: 1.2vh;
    margin-right: 1.2vh;
  }
  .u-margin-x--l\@l {
    margin-left: 2.4vh;
    margin-right: 2.4vh;
  }
  .u-margin-x--xl\@l {
    margin-left: 4.8vh;
    margin-right: 4.8vh;
  }
  .u-margin-y--s\@l {
    margin-top: 0.6vh;
    margin-bottom: 0.6vh;
  }
  .u-margin-y--m\@l {
    margin-top: 1.2vh;
    margin-bottom: 1.2vh;
  }
  .u-margin-y--l\@l {
    margin-top: 2.4vh;
    margin-bottom: 2.4vh;
  }
  .u-margin-y--xl\@l {
    margin-top: 4.8vh;
    margin-bottom: 4.8vh;
  }
  .u-margin-top--s\@l {
    margin-top: 0.6vh;
  }
  .u-margin-top--m\@l {
    margin-top: 1.2vh;
  }
  .u-margin-top--l\@l {
    margin-top: 2.4vh;
  }
  .u-margin-top--xl\@l {
    margin-top: 4.8vh;
  }
  .u-margin-right--s\@l {
    margin-right: 0.6vh;
  }
  .u-margin-right--m\@l {
    margin-right: 1.2vh;
  }
  .u-margin-right--l\@l {
    margin-right: 2.4vh;
  }
  .u-margin-right--xl\@l {
    margin-right: 4.8vh;
  }
  .u-margin-bottom--s\@l {
    margin-bottom: 0.6vh;
  }
  .u-margin-bottom--m\@l {
    margin-bottom: 1.2vh;
  }
  .u-margin-bottom--l\@l {
    margin-bottom: 2.4vh;
  }
  .u-margin-bottom--xl\@l {
    margin-bottom: 4.8vh;
  }
  .u-margin-left--s\@l {
    margin-left: 0.6vh;
  }
  .u-margin-left--m\@l {
    margin-left: 1.2vh;
  }
  .u-margin-left--l\@l {
    margin-left: 2.4vh;
  }
  .u-margin-left--xl\@l {
    margin-left: 4.8vh;
  }
  .u-padding--s\@l {
    padding: 0.6vh;
  }
  .u-padding--m\@l {
    padding: 1.2vh;
  }
  .u-padding--l\@l {
    padding: 2.4vh;
  }
  .u-padding--xl\@l {
    padding: 4.8vh;
  }
  .u-padding-x--s\@l {
    padding-left: 0.6vh;
    padding-right: 0.6vh;
  }
  .u-padding-x--m\@l {
    padding-left: 1.2vh;
    padding-right: 1.2vh;
  }
  .u-padding-x--l\@l {
    padding-left: 2.4vh;
    padding-right: 2.4vh;
  }
  .u-padding-x--xl\@l {
    padding-left: 4.8vh;
    padding-right: 4.8vh;
  }
  .u-padding-y--s\@l {
    padding-top: 0.6vh;
    padding-bottom: 0.6vh;
  }
  .u-padding-y--m\@l {
    padding-top: 1.2vh;
    padding-bottom: 1.2vh;
  }
  .u-padding-y--l\@l {
    padding-top: 2.4vh;
    padding-bottom: 2.4vh;
  }
  .u-padding-y--xl\@l {
    padding-top: 4.8vh;
    padding-bottom: 4.8vh;
  }
  .u-padding-top--s\@l {
    padding-top: 0.6vh;
  }
  .u-padding-top--m\@l {
    padding-top: 1.2vh;
  }
  .u-padding-top--l\@l {
    padding-top: 2.4vh;
  }
  .u-padding-top--xl\@l {
    padding-top: 4.8vh;
  }
  .u-padding-right--s\@l {
    padding-right: 0.6vh;
  }
  .u-padding-right--m\@l {
    padding-right: 1.2vh;
  }
  .u-padding-right--l\@l {
    padding-right: 2.4vh;
  }
  .u-padding-right--xl\@l {
    padding-right: 4.8vh;
  }
  .u-padding-bottom--s\@l {
    padding-bottom: 0.6vh;
  }
  .u-padding-bottom--m\@l {
    padding-bottom: 1.2vh;
  }
  .u-padding-bottom--l\@l {
    padding-bottom: 2.4vh;
  }
  .u-padding-bottom--xl\@l {
    padding-bottom: 4.8vh;
  }
  .u-padding-left--s\@l {
    padding-left: 0.6vh;
  }
  .u-padding-left--m\@l {
    padding-left: 1.2vh;
  }
  .u-padding-left--l\@l {
    padding-left: 2.4vh;
  }
  .u-padding-left--xl\@l {
    padding-left: 4.8vh;
  }
}

/* Extra large device size container
   ========================================================================== */
@media only screen and (min-width: 1400px) {
  .u-text-left\@xl {
    text-align: left;
  }
  .u-text-right\@xl {
    text-align: right;
  }
  .u-text-center\@xl {
    text-align: center;
  }
  .u-none\@xl {
    display: none;
  }
  .u-block\@xl {
    display: block;
  }
  .u-inline-block\@xl {
    display: inline-block;
  }
  .u-inline\@xl {
    display: inline;
  }
  .u-flex\@xl {
    display: flex;
  }
  .u-flex-row\@xl {
    flex-direction: row;
  }
  .u-flex-column\@xl {
    flex-direction: column;
  }
  .u-flex-space-around\@xl {
    justify-content: space-around;
  }
  .u-flex-space-between\@xl {
    justify-content: space-between;
  }
  .u-flex-start\@xl {
    justify-content: flex-start;
  }
  .u-flex-center\@xl {
    justify-content: center;
  }
  .u-flex-end\@xl {
    justify-content: flex-end;
  }
  .u-flex-wrap\@xl {
    flex-wrap: wrap;
  }
  .u-flex-nowrap\@xl {
    flex-wrap: nowrap;
  }
  .u-flex-grow\@xl {
    flex-grow: 1;
  }
  .u-flex-shrink\@xl {
    flex-shrink: 1;
  }
  .u-flex-align-center\@xl {
    align-items: center;
  }
  .u-margin--s\@xl {
    margin: 0.6vh;
  }
  .u-margin--m\@xl {
    margin: 1.2vh;
  }
  .u-margin--l\@xl {
    margin: 2.4vh;
  }
  .u-margin--xl\@xl {
    margin: 4.8vh;
  }
  .u-margin-x--s\@xl {
    margin-left: 0.6vh;
    margin-right: 0.6vh;
  }
  .u-margin-x--m\@xl {
    margin-left: 1.2vh;
    margin-right: 1.2vh;
  }
  .u-margin-x--l\@xl {
    margin-left: 2.4vh;
    margin-right: 2.4vh;
  }
  .u-margin-x--xl\@xl {
    margin-left: 4.8vh;
    margin-right: 4.8vh;
  }
  .u-margin-y--s\@xl {
    margin-top: 0.6vh;
    margin-bottom: 0.6vh;
  }
  .u-margin-y--m\@xl {
    margin-top: 1.2vh;
    margin-bottom: 1.2vh;
  }
  .u-margin-y--l\@xl {
    margin-top: 2.4vh;
    margin-bottom: 2.4vh;
  }
  .u-margin-y--xl\@xl {
    margin-top: 4.8vh;
    margin-bottom: 4.8vh;
  }
  .u-margin-top--s\@xl {
    margin-top: 0.6vh;
  }
  .u-margin-top--m\@xl {
    margin-top: 1.2vh;
  }
  .u-margin-top--l\@xl {
    margin-top: 2.4vh;
  }
  .u-margin-top--xl\@xl {
    margin-top: 4.8vh;
  }
  .u-margin-right--s\@xl {
    margin-right: 0.6vh;
  }
  .u-margin-right--m\@xl {
    margin-right: 1.2vh;
  }
  .u-margin-right--l\@xl {
    margin-right: 2.4vh;
  }
  .u-margin-right--xl\@xl {
    margin-right: 4.8vh;
  }
  .u-margin-bottom--s\@xl {
    margin-bottom: 0.6vh;
  }
  .u-margin-bottom--m\@xl {
    margin-bottom: 1.2vh;
  }
  .u-margin-bottom--l\@xl {
    margin-bottom: 2.4vh;
  }
  .u-margin-bottom--xl\@xl {
    margin-bottom: 4.8vh;
  }
  .u-margin-left--s\@xl {
    margin-left: 0.6vh;
  }
  .u-margin-left--m\@xl {
    margin-left: 1.2vh;
  }
  .u-margin-left--l\@xl {
    margin-left: 2.4vh;
  }
  .u-margin-left--xl\@xl {
    margin-left: 4.8vh;
  }
  .u-padding--s\@xl {
    padding: 0.6vh;
  }
  .u-padding--m\@xl {
    padding: 1.2vh;
  }
  .u-padding--l\@xl {
    padding: 2.4vh;
  }
  .u-padding--xl\@xl {
    padding: 4.8vh;
  }
  .u-padding-x--s\@xl {
    padding-left: 0.6vh;
    padding-right: 0.6vh;
  }
  .u-padding-x--m\@xl {
    padding-left: 1.2vh;
    padding-right: 1.2vh;
  }
  .u-padding-x--l\@xl {
    padding-left: 2.4vh;
    padding-right: 2.4vh;
  }
  .u-padding-x--xl\@xl {
    padding-left: 4.8vh;
    padding-right: 4.8vh;
  }
  .u-padding-y--s\@xl {
    padding-top: 0.6vh;
    padding-bottom: 0.6vh;
  }
  .u-padding-y--m\@xl {
    padding-top: 1.2vh;
    padding-bottom: 1.2vh;
  }
  .u-padding-y--l\@xl {
    padding-top: 2.4vh;
    padding-bottom: 2.4vh;
  }
  .u-padding-y--xl\@xl {
    padding-top: 4.8vh;
    padding-bottom: 4.8vh;
  }
  .u-padding-top--s\@xl {
    padding-top: 0.6vh;
  }
  .u-padding-top--m\@xl {
    padding-top: 1.2vh;
  }
  .u-padding-top--l\@xl {
    padding-top: 2.4vh;
  }
  .u-padding-top--xl\@xl {
    padding-top: 4.8vh;
  }
  .u-padding-right--s\@xl {
    padding-right: 0.6vh;
  }
  .u-padding-right--m\@xl {
    padding-right: 1.2vh;
  }
  .u-padding-right--l\@xl {
    padding-right: 2.4vh;
  }
  .u-padding-right--xl\@xl {
    padding-right: 4.8vh;
  }
  .u-padding-bottom--s\@xl {
    padding-bottom: 0.6vh;
  }
  .u-padding-bottom--m\@xl {
    padding-bottom: 1.2vh;
  }
  .u-padding-bottom--l\@xl {
    padding-bottom: 2.4vh;
  }
  .u-padding-bottom--xl\@xl {
    padding-bottom: 4.8vh;
  }
  .u-padding-left--s\@xl {
    padding-left: 0.6vh;
  }
  .u-padding-left--m\@xl {
    padding-left: 1.2vh;
  }
  .u-padding-left--l\@xl {
    padding-left: 2.4vh;
  }
  .u-padding-left--xl\@xl {
    padding-left: 4.8vh;
  }
}

/* ==========================================================================
   #CUSTOM UTIL CLASSES
   ========================================================================== */
/**
 *
 * TRANSFORM UTILS
 *
 */
.u-skew {
  transform: skewX(20deg);
}

.u-skew-back {
  transform: skewX(-20deg);
}

.u-no-skew {
  transform: skewX(0deg);
}

/**
 *
 * TEXT UTILS
 *
 */
.u-text-white {
  color: #fff;
}

.u-text-black {
  color: #000;
}

.u-text-yellow {
  color: #ffc600;
}

.u-sup {
  font-size: 35%;
  vertical-align: super;
  top: 0;
  text-decoration: none;
}

.u-block-text {
  max-width: 800px;
}

.u-block-text .u-block\@l {
  transform: skewX(-20deg);
}

.u-block-text--xl {
  max-width: 1024px;
}

.u-icon {
  width: 40%;
  max-width: 220px;
  height: auto;
  display: block;
}

@media only screen and (min-width: 1100px) {
  .u-icon {
    width: 25%;
  }
}

.u-social {
  width: 40px;
  display: inline-block;
  margin-right: 10px;
}

@media only screen and (min-width: 1400px) {
  .u-social {
    width: 2.5vw;
  }
}

.u-font-black {
  font-family: "Averta Black";
  font-weight: 400;
}

.u-font-bold {
  font-family: "Averta Bold";
  font-weight: 400;
}

.u-font-semibold {
  font-family: "Averta Semibold";
  font-weight: 400;
}

.u-font-regular {
  font-family: "Averta Regular";
  font-weight: 400;
}

.u-font-light {
  font-family: "Averta Light";
  font-weight: 400;
}

/**
 *
 * BGCOLOR UTILS
 *
 */
.u-background-white {
  background-color: #fff;
}

.u-background-black {
  background-color: #000;
}

.u-background-yellow {
  background-color: #ffc600;
}

.is-hidden {
  display: none;
}

/**
 *
 * Other utils
 *
 */
.u-rounded {
  border-radius: 100%;
}

/**
 *
 * RESPONSIVE BREAKPOINTS
 *
 */
@media only screen and (min-width: 700px) {
  /**
     *
     * TRANSFORM UTILS
     *
     */
  .u-skew\@m {
    transform: skewX(20deg);
  }
  .u-skew-back\@m {
    transform: skewX(-20deg);
  }
  .u-no-skew\@m {
    transform: skewX(0deg);
  }
}

@media only screen and (min-width: 1100px) {
  /**
     *
     * TRANSFORM UTILS
     *
     */
  .u-skew\@l {
    transform: skewX(20deg);
  }
  .u-skew-back\@l {
    transform: skewX(-20deg);
  }
  .u-no-skew\@l {
    transform: skewX(0deg);
  }
}

/* 00_FUNDAMENTS */
/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
@font-face {
  font-family: "Averta Black";
  src: url(/assets/build/fonts/fb053a57-e3ba-4279-92f7-890ba31f5af5.eot);
  src: url(/assets/build/fonts/fb053a57-e3ba-4279-92f7-890ba31f5af5.eot) format("eot"), url(/assets/build/fonts/8459b584-29f5-454c-977f-c8ff7111d63a.woff2) format("woff2"), url(/assets/build/fonts/6c21408f-7e66-4976-9069-5a55e61a2a25.woff) format("woff"), url(/assets/build/fonts/1a33d36a-a8f5-4421-b4b2-7439543df473.ttf) format("truetype");
}

@font-face {
  font-family: "Averta Bold";
  src: url(/assets/build/fonts/336bb834-89ca-421c-9757-5246d4ff0c46.eot);
  src: url(/assets/build/fonts/336bb834-89ca-421c-9757-5246d4ff0c46.eot) format("eot"), url(/assets/build/fonts/b16f96a2-713b-443b-9f67-0d7296ec0bc8.woff2) format("woff2"), url(/assets/build/fonts/4b1f2217-7678-465c-951a-3f34132f0527.woff) format("woff"), url(/assets/build/fonts/400d46a5-6944-4b8d-8f2a-3cb9f2436f70.ttf) format("truetype");
}

@font-face {
  font-family: "Averta Semibold";
  src: url(/assets/build/fonts/be3d3544-c037-41c0-853a-5ec61084cb09.eot);
  src: url(/assets/build/fonts/be3d3544-c037-41c0-853a-5ec61084cb09.eot) format("eot"), url(/assets/build/fonts/59bd606f-f42a-4e4c-b2bf-2f26e11a847d.woff2) format("woff2"), url(/assets/build/fonts/d21a2ace-0bd2-44d6-b32b-4bfee0fd8da2.woff) format("woff"), url(/assets/build/fonts/179a05ec-4a8b-4ba1-b1dd-a528ca16d08e.ttf) format("truetype");
}

@font-face {
  font-family: "Averta Regular";
  src: url(/assets/build/fonts/6ea28bd6-1afd-451b-82ce-26625bbab6f7.eot);
  src: url(/assets/build/fonts/6ea28bd6-1afd-451b-82ce-26625bbab6f7.eot) format("eot"), url(/assets/build/fonts/1f20581f-0128-4e05-8f11-0c6eb7228596.woff2) format("woff2"), url(/assets/build/fonts/136f11d9-c2ac-4bb4-ac52-c191f4eaf715.woff) format("woff"), url(/assets/build/fonts/8a39b9b4-03a8-4845-9fd3-6cf80bf0aa59.ttf) format("truetype");
}

@font-face {
  font-family: "Averta Light";
  src: url(/assets/build/fonts/576870bd-6a85-4645-a139-d667ccccb5d8.eot);
  src: url(/assets/build/fonts/576870bd-6a85-4645-a139-d667ccccb5d8.eot) format("eot"), url(/assets/build/fonts/f61c8ec8-b46b-4c06-9697-eb0955bca158.woff2) format("woff2"), url(/assets/build/fonts/504270c9-3dfe-4836-9db4-90141ee23c75.woff) format("woff"), url(/assets/build/fonts/5157e8cc-f586-4297-b2c0-107f909dc89c.ttf) format("truetype");
}

/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
/*
 *
 *
 *
 * BOXING */
html, body {
  width: 100%;
  height: 100%;
}

html {
  box-sizing: border-box;
}

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

/*
 *
 *
 *
 * GENERAL */
body {
  background-color: #000000;
  font-family: "Averta Regular";
  font-size: 16px;
  line-height: 1.8;
  color: #ffffff;
}

@media screen and (min-width: 767px) {
  font-size: 18px;
  line-height: 32px;
}

/*
 *
 *
 *
 * TYPOGRAPHY */
html, body {
  padding: 0;
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

p {
  margin: 0 0 15px 0;
}

p:last-child {
  margin-bottom: 0;
}

::-moz-selection {
  background: #ffc600;
  color: #ffffff;
}

::selection {
  background: #ffc600;
  color: #ffffff;
}

/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
/* 00_PLUGINS */
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f120";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

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

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

.video-js[tabindex="-1"] {
  outline: none;
}

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

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

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

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

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

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

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

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

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

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

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

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-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;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

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

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

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

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

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

.vjs-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;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

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

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

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

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

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

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

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

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

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

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

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

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

.video-js .vjs-control-bar {
  background-color: rgba(0, 0, 0, 0.2);
  height: 4.0em;
  display: flex;
  position: absolute;
  left: 2em;
  right: 2em;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

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

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

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

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

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 3em;
  line-height: 1.35;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

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

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

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

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

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

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

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.333333333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(255, 255, 255, 0.15);
}

.video-js .vjs-load-progress div {
  background: rgba(255, 255, 255, 0.2);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: relative;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

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

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

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

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

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

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

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 4em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.8em .45em;
}

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

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

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

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

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

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

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

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

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

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

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

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

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

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 4em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

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

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-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;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
          animation: 0s linear 0.3s forwards vjs-spinner-show;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  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: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #fff;
  }
  20% {
    border-top-color: #fff;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #fff;
  }
  100% {
    border-top-color: #fff;
  }
}

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #fff;
  }
  20% {
    border-top-color: #fff;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #fff;
  }
  100% {
    border-top-color: #fff;
  }
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  position: absolute;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  flex: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
  }
  .vjs-text-track-settings .vjs-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }
  .vjs-text-track-settings .vjs-track-settings-font {
    grid-column: 2;
    grid-row: 1;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 2;
    grid-row: 2;
  }
}

.vjs-track-setting > select {
  margin-right: 5px;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden;
}

/* 01_ATOMS */
/* ==========================================================================
   # ARROW component
   ========================================================================== */
.c-arrow {
  display: inline-block;
  align-self: center;
  display: flex;
}

.c-arrow svg {
  width: 50px;
}

.c-arrow--left svg {
  transform: scaleX(-1);
}

.c-arrow--down svg {
  transform: rotate(90deg);
}

/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  font-family: "Averta Bold";
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  background: #ffc600;
  color: #000000;
  border: 1px solid #ffc600;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  overflow: hidden;
  /*
     *
     * Define sizes */
  /*
     *
     * Define color variations */
  /*
     *
     * Define style variations */
  /*
     *
     * Fullwidth button */
  /*
     *
     * Transparent button */
  /*
      *
      * Define spacings */
  /*
      *
      * Loading state */
}

.button:active, .button:focus {
  outline: none;
}

.button:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  transform: translateY(calc(100% + 1px));
  transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  will-change: transform;
}

.button:hover:not(.background-is-white):before {
  transform: translateY(0);
}

.button.size-s {
  font-size: 14px;
  padding: 8px 16px;
}

.button.size-l {
  font-size: 16px;
  padding: 16px 32px;
}

.button.color-black {
  background: #000000;
  border-color: #000000;
}

.button.color-black:before {
  background-color: #191919;
}

.button.slanted {
  transform: skewX(20deg);
}

.button.slanted span {
  transform: skewX(-20deg);
}

.button.fullwidth {
  width: 100%;
}

.button.transparent {
  background-color: transparent;
  color: #ffc600;
  border: 1px transparent;
}

.button.spacing-0 {
  margin-bottom: 0;
}

.button.spacing-s {
  margin-bottom: 8px;
}

.button.spacing-m {
  margin-bottom: 16px;
}

.button.spacing-l {
  margin-bottom: 32px;
}

.button.spacing-xl {
  margin-bottom: 64px;
}

.button.spacing-xxl {
  margin-bottom: 128px;
}

.button.spacing-xxxl {
  margin-bottom: 256px;
}

.button.is-loading .caption:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top: 1px solid #000000;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  -webkit-animation: loading .5s linear infinite;
  animation: loading .5s linear infinite;
}

/*
 *
 * Media Queries */
@media screen and (min-width: 1023px) {
  .button {
    padding: .75vw;
  }
}

/*
 *
 * Animations */
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
.heading {
  margin: 0;
  padding: 0;
  font-weight: 400;
  /*
     *
     * Define Family */
  /*
     *
     * Define sizes */
  /*
     *
     * Define alignment */
  /*
     *
     * Define spacings */
  /*
     *
     * Define weights */
  /*
     *
     * Define color */
}

.heading.font-light {
  font-family: "Averta Light";
}

.heading.font-regular {
  font-family: "Averta Regular";
}

.heading.font-bold {
  font-family: "Averta Bold";
}

.heading.font-semibold {
  font-family: "Averta Semibold";
}

.heading.font-black {
  font-family: "Averta Black";
}

.heading.size-xs {
  font-size: 12px;
  line-height: 1.2;
}

.heading.size-s {
  font-size: 14px;
  line-height: 1.2;
}

.heading.size-m {
  font-size: 16px;
  line-height: 1.2;
}

.heading.size-l {
  font-size: 20px;
  line-height: 1.2;
}

.heading.size-xl {
  font-size: 25px;
  line-height: 1.2;
}

.heading.size-xxl {
  font-size: 30px;
  line-height: 1.2;
}

.heading.size-xxxl {
  font-size: 38px;
  line-height: 1.2;
}

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

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

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

.heading.spacing-0 {
  margin-bottom: 0;
}

.heading.spacing-s {
  margin-bottom: 8px;
}

.heading.spacing-m {
  margin-bottom: 16px;
}

.heading.spacing-l {
  margin-bottom: 32px;
}

.heading.spacing-xl {
  margin-bottom: 64px;
}

.heading.spacing-xxl {
  margin-bottom: 128px;
}

.heading.spacing-xxxl {
  margin-bottom: 256px;
}

.heading.weight-400 {
  font-weight: 400;
}

.heading.weight-700 {
  font-weight: 700;
}

.heading.weight-900 {
  font-weight: 900;
}

.heading.color-white {
  color: #ffffff;
}

.heading.color-white {
  color: #ffffff;
}

.heading.color-primary {
  color: #ffc600;
}

/*
 *
 *
 *
 * Mediaqueries */
svg {
  display: block;
}

/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
.input input[type=text], .input input[type=email], .input input[type=password], .input textarea {
  width: 100%;
  height: 52px;
  padding: 5px 10px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  line-height: 1.2;
}

.input input[type=text]:focus, .input input[type=email]:focus, .input input[type=password]:focus, .input textarea:focus {
  outline: none;
  border-color: #999999;
}

.input textarea {
  min-height: 110px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.input ::-moz-placeholder {
  color: #b2b2b2;
}

.input :-ms-input-placeholder {
  color: #b2b2b2;
}

.input ::placeholder {
  color: #b2b2b2;
}

/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
.offcanvas {
  position: fixed;
  right: 15px;
  top: 5px;
  background-color: transparent;
  border: none;
  padding: 0;
  z-index: 900;
  cursor: pointer;
  width: 50px;
  height: 50px;
  /*
     *
     * Define variations */
}

.offcanvas:focus {
  outline: none;
}

.offcanvas:active {
  transform: scale(0.8);
}

.offcanvas .icon {
  width: 40px;
  height: 30px;
  position: absolute;
  left: 5px;
  top: 10px;
}

.offcanvas .icon:focus {
  outline: none;
}

.offcanvas .icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 40px;
  background: #ffffff;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.offcanvas .icon span:nth-child(1) {
  top: 0px;
}

.offcanvas .icon span:nth-child(2), .offcanvas .icon span:nth-child(3) {
  top: 13px;
}

.offcanvas .icon span:nth-child(4) {
  top: 26px;
}

@media screen and (min-width: 767px) {
  .offcanvas .icon {
    position: fixed;
    right: 30px;
    top: 20px;
  }
}

.offcanvas--is-open .offcanvas span {
  background: transparent;
}

.offcanvas--is-open .offcanvas span:before {
  transform: rotate(45deg);
}

.offcanvas--is-open .offcanvas span:after {
  transform: rotate(-45deg);
}

/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
.paragraph {
  margin: 0 0 15px 0;
  padding: 0;
  /*
     *
     * Define Family */
  /*
      *
      * Define sizes */
  /*
      *
      * Define alignment */
  /*
      *
      * Define spacings */
  /*
      *
      * Define weights */
  /*
     *
     * Define color */
  /*
    *
    * Define variations */
}

.paragraph.font-light {
  font-family: "Averta Light";
}

.paragraph.font-regular {
  font-family: "Averta Regular";
}

.paragraph.font-bold {
  font-family: "Averta Bold";
}

.paragraph.font-semibold {
  font-family: "Averta Semibold";
}

.paragraph.font-black {
  font-family: "Averta Black";
}

.paragraph.size-xs {
  font-size: 12px;
  line-height: 1.2;
}

.paragraph.size-s {
  font-size: 14px;
  line-height: 1.2;
}

.paragraph.size-m {
  font-size: 16px;
  line-height: 1.2;
}

.paragraph.size-l {
  font-size: 20px;
  line-height: 1.2;
}

.paragraph.size-xl {
  font-size: 25px;
  line-height: 1.2;
}

.paragraph.size-xxl {
  font-size: 30px;
  line-height: 1.2;
}

.paragraph.size-xxxl {
  font-size: 38px;
  line-height: 1.2;
}

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

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

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

.paragraph.spacing-0 {
  margin-bottom: 0;
}

.paragraph.spacing-s {
  margin-bottom: 8px;
}

.paragraph.spacing-m {
  margin-bottom: 16px;
}

.paragraph.spacing-l {
  margin-bottom: 32px;
}

.paragraph.spacing-xl {
  margin-bottom: 64px;
}

.paragraph.spacing-xxl {
  margin-bottom: 128px;
}

.paragraph.spacing-xxxl {
  margin-bottom: 256px;
}

.paragraph.weight-400 {
  font-weight: 400;
}

.paragraph.weight-700 {
  font-weight: 700;
}

.paragraph.weight-900 {
  font-weight: 900;
}

.paragraph.color-white {
  color: #ffffff;
}

.paragraph.color-white {
  color: #ffffff;
}

.paragraph.color-primary {
  color: #ffc600;
}

.paragraph:last-child {
  margin-bottom: 0;
}

.switch label {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

.switch label.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch input:checked + .switch__slider {
  background-color: #ffc600;
}

.switch input:checked + .switch__slider:before {
  transform: translateX(26px);
}

.switch .switch__slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cccccc;
  border-radius: 34px;
  transition: all 400ms;
  cursor: pointer;
}

.switch .switch__slider:before {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  position: absolute;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  transition: .4s;
}

/* ==========================================================================
   #TBWA LOGO on the top of the page
   ========================================================================== */
.c-tbwalogo {
  position: fixed;
  left: 15px;
  top: 15px;
  text-decoration: none;
  cursor: pointer;
  z-index: 600;
}

.c-tbwalogo img {
  height: 30px;
}

@media screen and (min-width: 767px) {
  .c-tbwalogo {
    position: fixed;
    top: 30px;
    left: 30px;
  }
}

.c-tbwalogo .c-tbwalogo--dark {
  display: none;
}

/* Style variants
   ========================================================================== */
.c-tbwalogo.is-inversed .c-tbwalogo--white {
  display: none;
}

.c-tbwalogo.is-inversed .c-tbwalogo--dark {
  display: block;
}

/* 02_MOLECULES */
.cookieMessage {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.5);
  color: #333333;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.cookieMessage.is-visible {
  display: flex;
}

.cookieMessage .cookieMessage__inner {
  max-height: 100vh;
  padding: 5px;
}

.cookieMessage .cookieMessage__box {
  display: block;
  width: 100%;
  max-width: 410px;
  background: #ffffff;
  border: 1px solid #eee;
  padding: 35px 30px;
  margin: 50px 0;
  border-radius: 15px;
  box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

.cookieMessage .cookieMessage__content {
  width: 100%;
  font-size: 14px;
  line-height: 1.8;
}

.cookieMessage .cookieMessage__actions {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 25px 0 0 0;
}

.cookieMessage .cookieMessage__action {
  width: 100%;
  margin: 10px 0 0 0;
}

.cookieMessage .cookieMessage__action:first-child {
  margin-top: 0;
}

.cookieSettings {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.5);
  color: #333333;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.cookieSettings.is-visible {
  display: flex;
}

.cookieSettings .cookieSettings__inner {
  max-height: 100vh;
  padding: 5px;
}

.cookieSettings .cookieSettings__box {
  display: block;
  width: 100%;
  max-width: 650px;
  background: #ffffff;
  border: 1px solid #eee;
  padding: 35px 30px;
  margin: 50px 0;
  border-radius: 15px;
  box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

.cookieSettings .cookieSettings__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
}

.cookieSettings .cookieSettings__action {
  width: 100%;
  margin: 0 0 0 20px;
}

.cookieSettings .cookieSettings__action:first-child {
  margin-left: 0;
}

.cookieSettings .cookieSettings__options {
  background: #f0f0f0;
  margin: 25px -30px;
}

.cookieSettings .cookieSettings__option {
  display: flex;
  font-size: 14px;
  padding: 20px 30px;
}

.cookieSettings .cookieSettings__option:nth-child(even) {
  background: #e8e8e8;
}

.cookieSettings .cookieSettings__optionContent {
  width: 100%;
  padding: 0 20px 0 0;
}

.cookieSettings .cookieSettings__toggle {
  flex-shrink: 0;
  flex-grow: 0;
}

.cookieSettings .cookieSettings__save {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cookieSettings .cookieSettings__links {
  font-size: 12px;
  line-height: 1.2;
  color: #7f7f7f;
  text-align: left;
}

.cookieSettings .cookieSettings__links a {
  margin: 0 0 0 8px;
  color: #7f7f7f;
}

.cookieSettings .cookieSettings__links a:first-child {
  margin-left: 0;
}

/*
 *
 *
 *
 * Mediaqueries */
/* Layout 01 & Layout 02: 0 - 767px */
@media all and (max-width: 1023px) {
  .cookieSettings .cookieSettings__actions {
    flex-wrap: wrap;
  }
  .cookieSettings .cookieSettings__action {
    width: 100%;
    margin: 5px 0 0 0;
  }
  .cookieSettings .cookieSettings__action:first-child {
    margin: 0;
  }
  .cookieSettings .cookieSettings__save {
    flex-wrap: wrap;
  }
  .cookieSettings .cookieSettings__save .button {
    display: flex;
    width: 100%;
  }
  .cookieSettings .cookieSettings__links {
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
  }
}

/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
.language ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.language li {
  margin: 0;
  line-height: 1;
}

.language li:first-child {
  margin: 0;
}

.language a {
  display: block;
  padding: 15px;
  background: #f0f0f0;
  color: #333333;
  text-decoration: none;
}

.language a.is-active {
  background: #ffc600;
  color: #ffffff;
  pointer-events: none;
}

.o-media {
  display: flex;
  align-items: flex-start;
}

.o-media__img {
  margin-right: 1rem;
}

.o-media__body {
  flex: 1;
  align-self: center;
}

@media screen and (min-width: 767px) {
  .o-media\@m {
    display: flex;
    align-items: flex-start;
  }
  .o-media__img\@m {
    margin-right: 1rem;
  }
  .o-media__body\@m {
    flex: 1;
    align-self: center;
  }
}

/* 03_ORGANISMS */
/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
.o-section {
  min-height: 100vh;
  padding: 70px 30px;
  position: relative;
  display: flex;
  width: 100%;
}

.o-section:not(:first-child), .o-section:not(nth-child(2)) {
  min-height: 120vh;
}

.o-section.o-section--last {
  min-height: 100vh;
}

.o-section.o-section--small {
  min-height: auto;
}

@media screen and (min-width: 767px) {
  .o-section {
    padding: 10%;
  }
}

@media screen and (min-width: 1023px) {
  .o-section {
    padding: 15vh 8vw;
  }
  .o-section .o-section--half {
    width: 50%;
  }
  .o-section .o-section--semi {
    width: 65%;
  }
  .o-section .o-section--right {
    margin-left: 60%;
  }
}

@media screen and (min-width: 1279px) {
  .o-section {
    padding: 15vh 8vw;
  }
  .o-section .o-section--half {
    width: 50%;
  }
  .o-section .o-section--semi {
    width: 70%;
  }
}

.o-section--full {
  width: 100%;
}

.o-section--darken {
  background-color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
}

.o-section--cms h1, .o-section--cms h2, .o-section--cms h3 {
  margin-bottom: 128px;
}

/*
 *
 *
 *
 * Colors */
/*
 *
 *
 *
 * Layouts */
/*
 *
 *
 *
 * Spacing */
/*
 *
 *
 *
 * Fonts */
.wrapper {
  width: 100%;
}

.wrapper .wrapper__inner {
  width: 100%;
}

/* 05_SHAME */


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

.pagination {
  text-align: center;
  margin: 40px;
}

.pagination .c-link {
  margin: 0 0.1vw 1rem 0 !important;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
  background: linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.001));
}

.card-img,
.card-img-top,
.card-img-bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}


.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

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

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

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

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

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

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

.search-form div {
  width: 100%;
}

.search-form input[name="search"] {
  font-size: 18px;
  padding: 10px;
  border: none;
  background-color: transparent;
  padding: 0 20px;
  color: black;
  width: 100%;
}

.search-form input[name="search"]:focus {
  outline: none;
  border-bottom: 5px solid transparent;
  font-size: 20px;
}

.search-form input[name="search"]::placeholder {
  color: white;
}