@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "Brandon-Text";
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Light/2BA300_5_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Light/2BA300_5_0.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/BrandonText-Light/2BA300_5_0.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/BrandonText-Light/2BA300_5_0.ttf") format("truetype");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "Brandon-Text";
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Light-Italic/2BA300_4_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Light-Italic/2BA300_4_0.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/BrandonText-Light-Italic/2BA300_4_0.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/BrandonText-Light-Italic/2BA300_4_0.ttf") format("truetype");
  font-style: italic;
  font-weight: 300; }
@font-face {
  font-family: "Brandon-Text";
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Regular/2BA300_7_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Regular/2BA300_7_0.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/BrandonText-Regular/2BA300_7_0.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/BrandonText-Regular/2BA300_7_0.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "Brandon-Text";
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Regular-Italic/2BA300_6_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Regular-Italic/2BA300_6_0.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/BrandonText-Regular-Italic/2BA300_6_0.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/BrandonText-Regular-Italic/2BA300_6_0.ttf") format("truetype");
  font-style: italic;
  font-weight: 400; }
@font-face {
  font-family: "Brandon-Text";
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Medium/2BA300_8_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Medium/2BA300_8_0.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/BrandonText-Medium/2BA300_8_0.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/BrandonText-Medium/2BA300_8_0.ttf") format("truetype");
  font-style: normal;
  font-weight: 500; }
@font-face {
  font-family: "Brandon-Text";
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Medium-Italic/2BA300_B_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Medium-Italic/2BA300_B_0.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/BrandonText-Medium-Italic/2BA300_B_0.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/BrandonText-Medium-Italic/2BA300_B_0.ttf") format("truetype");
  font-style: italic;
  font-weight: 500; }
@font-face {
  font-family: "Brandon-Text";
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Bold/2BA300_1_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Bold/2BA300_1_0.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/BrandonText-Bold/2BA300_1_0.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/BrandonText-Bold/2BA300_1_0.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: "Brandon-Text";
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Bold-Italic/2BA300_0_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Bold-Italic/2BA300_0_0.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/BrandonText-Bold-Italic/2BA300_0_0.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/BrandonText-Bold-Italic/2BA300_0_0.ttf") format("truetype");
  font-style: italic;
  font-weight: 700; }
@font-face {
  font-family: "Brandon-Text";
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Black/2BA300_3_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Black/2BA300_3_0.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/BrandonText-Black/2BA300_3_0.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/BrandonText-Black/2BA300_3_0.ttf") format("truetype");
  font-style: normal;
  font-weight: 900; }
@font-face {
  font-family: "Brandon-Text";
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Black-Italic/2BA300_2_0.eot");
  src: url("https://www.bu.edu/cdn/fonts/BrandonText-Black-Italic/2BA300_2_0.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/BrandonText-Black-Italic/2BA300_2_0.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/BrandonText-Black-Italic/2BA300_2_0.ttf") format("truetype");
  font-style: italic;
  font-weight: 900; }
@font-face {
  font-family: "Tiempos-Text";
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Regular.eot");
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Regular.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "Tiempos-Text";
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Regular-Italic.eot");
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Regular-Italic.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Regular-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400; }
@font-face {
  font-family: "Tiempos-Text";
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Semibold.eot");
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Semibold.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Semibold.woff") format("woff");
  font-style: normal;
  font-weight: 600; }
@font-face {
  font-family: "Tiempos-Text";
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Semibold-Italic.eot");
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Semibold-Italic.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Semibold-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 600; }
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes opacityPulse {
  0% {
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
  10% {
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
  100% {
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0; } }
@-moz-keyframes opacityPulse {
  0% {
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
  10% {
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
  100% {
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0; } }
@-o-keyframes opacityPulse {
  0% {
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
  10% {
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
  100% {
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0; } }
@keyframes opacityPulse {
  0% {
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
  10% {
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
  100% {
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0; } }
@-webkit-keyframes pulseA {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 3em rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@-moz-keyframes pulseA {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 3em rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@-o-keyframes pulseA {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 3em rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@keyframes pulseA {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 3em rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@-webkit-keyframes pulseB {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 1em rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@-moz-keyframes pulseB {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 1em rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@-o-keyframes pulseB {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 1em rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@keyframes pulseB {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 1em rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
/* mixins
----------------------------------------------------------------- */
.container:after, .container:after,
.containerMarginless:after,
.containerMarginless:after,
.row:after,
.row:after {
  /* These classes are using %clearfix. */
  display: table;
  clear: both;
  content: ""; }

/* placeholders for theme use
----------------------------------------------------------------- */
.wrapper {
  /* These classes are using %wrapper-styles. */
  overflow: hidden; }

.container,
.containerMarginless {
  /* These classes are using %container-styles. */
  width: 100%;
  margin: 0 auto; }

.container {
  padding: 0 20px; }

@media screen and (min-width: 768px) {
  .container,
  .containerMarginless {
    max-width: 750px; }

  .container {
    padding: 0 20px; } }
@media screen and (min-width: 992px) {
  .container,
  .containerMarginless {
    max-width: 970px; } }
@media screen and (min-width: 1200px) {
  .container,
  .containerMarginless {
    max-width: 1170px; } }
.row {
  /* These classes are using %row-styles. */
  margin: 0 -20px; }

@media screen and (min-width: 768px) {
  .row {
    margin-right: 0; } }
.row [class*="col-"] {
  /* These classes are using %row-child-styles. */
  padding: 0 20px; }

/* grid
----------------------------------------------------------------- */
.content {
  position: relative; }

.row .row:nth-last-of-type(1) {
  margin-bottom: 0; }

.col-1, .col-2, .col-quarter, .col-3, .col-third, .col-4, .col-5, .col-half, .col-6, .col-7, .col-two-third, .col-8, .col-three-quarter, .col-9, .col-10, .col-11, .col-full, .col-12 {
  /* These classes are using %col-float. */
  float: left; }

.col-1, .col-2, .col-quarter, .col-3, .col-third, .col-4, .col-5, .col-half, .col-6, .col-7, .col-two-third, .col-8, .col-three-quarter, .col-9, .col-10, .col-11, .col-full, .col-12, .col-xs-1, .col-xs-2, .col-xs-quarter, .col-xs-3, .col-xs-third, .col-xs-4, .col-xs-5, .col-xs-half, .col-xs-6, .col-xs-7, .col-xs-two-third, .col-xs-8, .col-xs-three-quarter, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-full, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-quarter, .col-sm-3, .col-sm-third, .col-sm-4, .col-sm-5, .col-sm-half, .col-sm-6, .col-sm-7, .col-sm-two-third, .col-sm-8, .col-sm-three-quarter, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-full, .col-sm-12, .col-md-1, .col-md-2, .col-md-quarter, .col-md-3, .col-md-third, .col-md-4, .col-md-5, .col-md-half, .col-md-6, .col-md-7, .col-md-two-third, .col-md-8, .col-md-three-quarter, .col-md-9, .col-md-10, .col-md-11, .col-md-full, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-quarter, .col-lg-3, .col-lg-third, .col-lg-4, .col-lg-5, .col-lg-half, .col-lg-6, .col-lg-7, .col-lg-two-third, .col-lg-8, .col-lg-three-quarter, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-full, .col-lg-12 {
  /* These classes are using %col-base. */
  position: relative;
  min-height: 1px; }

.col-xs-margin-1, .col-xs-margin-2, .col-xs-margin-quarter, .col-xs-margin-3, .col-xs-margin-third, .col-xs-margin-4, .col-xs-margin-5, .col-xs-margin-half, .col-xs-margin-6, .col-xs-margin-7, .col-xs-margin-two-third, .col-xs-margin-8, .col-xs-margin-three-quarter, .col-xs-margin-9, .col-xs-margin-10, .col-xs-margin-11, .col-xs-margin-full, .col-xs-margin-12, .col-sm-margin-1, .col-sm-margin-2, .col-sm-margin-quarter, .col-sm-margin-3, .col-sm-margin-third, .col-sm-margin-4, .col-sm-margin-5, .col-sm-margin-half, .col-sm-margin-6, .col-sm-margin-7, .col-sm-margin-two-third, .col-sm-margin-8, .col-sm-margin-three-quarter, .col-sm-margin-9, .col-sm-margin-10, .col-sm-margin-11, .col-sm-margin-full, .col-sm-margin-12, .col-md-margin-1, .col-md-margin-2, .col-md-margin-quarter, .col-md-margin-3, .col-md-margin-third, .col-md-margin-4, .col-md-margin-5, .col-md-margin-half, .col-md-margin-6, .col-md-margin-7, .col-md-margin-two-third, .col-md-margin-8, .col-md-margin-three-quarter, .col-md-margin-9, .col-md-margin-10, .col-md-margin-11, .col-md-margin-full, .col-md-margin-12, .col-lg-margin-1, .col-lg-margin-2, .col-lg-margin-quarter, .col-lg-margin-3, .col-lg-margin-third, .col-lg-margin-4, .col-lg-margin-5, .col-lg-margin-half, .col-lg-margin-6, .col-lg-margin-7, .col-lg-margin-two-third, .col-lg-margin-8, .col-lg-margin-three-quarter, .col-lg-margin-9, .col-lg-margin-10, .col-lg-margin-11, .col-lg-margin-full, .col-lg-margin-12 {
  /* These classes are using %col-margin-base. */
  margin-bottom: 2.6%;
  margin-top: 0;
  padding: 20px; }

.col-margin-parent {
  margin-left: -2.6%; }

.col-1 {
  /* These classes are using %col-1. */
  width: 8.33333%;
  float: left; }

.col-push-1 {
  /* These classes are using %col-push-1. */
  left: 8.33333%; }

.col-pull-1 {
  /* These classes are using %col-pull-1. */
  right: 8.33333%; }

.col-offset-0 {
  margin-left: 0%; }

.col-offset-1 {
  /* These classes are using %col-offset-1. */
  margin-left: 8.33333%; }

.col-margin-1 {
  /* These classes are using %col-margin-1. */
  width: 5.73333%;
  float: left; }

.col-2 {
  /* These classes are using %col-2. */
  width: 16.66667%;
  float: left; }

.col-push-2 {
  /* These classes are using %col-push-2. */
  left: 16.66667%; }

.col-pull-2 {
  /* These classes are using %col-pull-2. */
  right: 16.66667%; }

.col-offset-2 {
  /* These classes are using %col-offset-2. */
  margin-left: 16.66667%; }

.col-margin-2 {
  /* These classes are using %col-margin-2. */
  width: 14.06667%;
  float: left; }

.col-quarter, .col-3 {
  /* These classes are using %col-3. */
  width: 25%;
  float: left; }

.col-push-quarter, .col-push-3 {
  /* These classes are using %col-push-3. */
  left: 25%; }

.col-pull-quarter, .col-pull-3 {
  /* These classes are using %col-pull-3. */
  right: 25%; }

.col-offset-quarter, .col-offset-3 {
  /* These classes are using %col-offset-3. */
  margin-left: 25%; }

.col-margin-quarter, .col-margin-3 {
  /* These classes are using %col-margin-3. */
  width: 22.4%;
  float: left; }

.col-third, .col-4 {
  /* These classes are using %col-4. */
  width: 33.33333%;
  float: left; }

.col-push-third, .col-push-4 {
  /* These classes are using %col-push-4. */
  left: 33.33333%; }

.col-pull-third, .col-pull-4 {
  /* These classes are using %col-pull-4. */
  right: 33.33333%; }

.col-offset-third, .col-offset-4 {
  /* These classes are using %col-offset-4. */
  margin-left: 33.33333%; }

.col-margin-third, .col-margin-4 {
  /* These classes are using %col-margin-4. */
  width: 30.73333%;
  float: left; }

.col-5 {
  /* These classes are using %col-5. */
  width: 41.66667%;
  float: left; }

.col-push-5 {
  /* These classes are using %col-push-5. */
  left: 41.66667%; }

.col-pull-5 {
  /* These classes are using %col-pull-5. */
  right: 41.66667%; }

.col-offset-5 {
  /* These classes are using %col-offset-5. */
  margin-left: 41.66667%; }

.col-margin-5 {
  /* These classes are using %col-margin-5. */
  width: 39.06667%;
  float: left; }

.col-half, .col-6 {
  /* These classes are using %col-6. */
  width: 50%;
  float: left; }

.col-push-half, .col-push-6 {
  /* These classes are using %col-push-6. */
  left: 50%; }

.col-pull-half, .col-pull-6 {
  /* These classes are using %col-pull-6. */
  right: 50%; }

.col-offset-half, .col-offset-6 {
  /* These classes are using %col-offset-6. */
  margin-left: 50%; }

.col-margin-half, .col-margin-6 {
  /* These classes are using %col-margin-6. */
  width: 47.4%;
  float: left; }

.col-7 {
  /* These classes are using %col-7. */
  width: 58.33333%;
  float: left; }

.col-push-7 {
  /* These classes are using %col-push-7. */
  left: 58.33333%; }

.col-pull-7 {
  /* These classes are using %col-pull-7. */
  right: 58.33333%; }

.col-offset-7 {
  /* These classes are using %col-offset-7. */
  margin-left: 58.33333%; }

.col-margin-7 {
  /* These classes are using %col-margin-7. */
  width: 55.73333%;
  float: left; }

.col-two-third, .col-8 {
  /* These classes are using %col-8. */
  width: 66.66667%;
  float: left; }

.col-push-two-third, .col-push-8 {
  /* These classes are using %col-push-8. */
  left: 66.66667%; }

.col-pull-two-third, .col-pull-8 {
  /* These classes are using %col-pull-8. */
  right: 66.66667%; }

.col-offset-two-third, .col-offset-8 {
  /* These classes are using %col-offset-8. */
  margin-left: 66.66667%; }

.col-margin-two-third, .col-margin-8 {
  /* These classes are using %col-margin-8. */
  width: 64.06667%;
  float: left; }

.col-three-quarter, .col-9 {
  /* These classes are using %col-9. */
  width: 75%;
  float: left; }

.col-push-three-quarter, .col-push-9 {
  /* These classes are using %col-push-9. */
  left: 75%; }

.col-pull-three-quarter, .col-pull-9 {
  /* These classes are using %col-pull-9. */
  right: 75%; }

.col-offset-three-quarter, .col-offset-9 {
  /* These classes are using %col-offset-9. */
  margin-left: 75%; }

.col-margin-three-quarter, .col-margin-9 {
  /* These classes are using %col-margin-9. */
  width: 72.4%;
  float: left; }

.col-10 {
  /* These classes are using %col-10. */
  width: 83.33333%;
  float: left; }

.col-push-10 {
  /* These classes are using %col-push-10. */
  left: 83.33333%; }

.col-pull-10 {
  /* These classes are using %col-pull-10. */
  right: 83.33333%; }

.col-offset-10 {
  /* These classes are using %col-offset-10. */
  margin-left: 83.33333%; }

.col-margin-10 {
  /* These classes are using %col-margin-10. */
  width: 80.73333%;
  float: left; }

.col-11 {
  /* These classes are using %col-11. */
  width: 91.66667%;
  float: left; }

.col-push-11 {
  /* These classes are using %col-push-11. */
  left: 91.66667%; }

.col-pull-11 {
  /* These classes are using %col-pull-11. */
  right: 91.66667%; }

.col-offset-11 {
  /* These classes are using %col-offset-11. */
  margin-left: 91.66667%; }

.col-margin-11 {
  /* These classes are using %col-margin-11. */
  width: 89.06667%;
  float: left; }

.col-full, .col-12 {
  /* These classes are using %col-12. */
  width: 100%;
  float: left; }

.col-push-full, .col-push-12 {
  /* These classes are using %col-push-12. */
  left: 100%; }

.col-pull-full, .col-pull-12 {
  /* These classes are using %col-pull-12. */
  right: 100%; }

.col-offset-full, .col-offset-12 {
  /* These classes are using %col-offset-12. */
  margin-left: 100%; }

.col-margin-full, .col-margin-12 {
  /* These classes are using %col-margin-12. */
  width: 97.4%;
  float: left; }

@media screen and (min-width: 500px) {
  .col-xs-margin-1, .col-xs-margin-2, .col-xs-margin-quarter, .col-xs-margin-3, .col-xs-margin-third, .col-xs-margin-4, .col-xs-margin-5, .col-xs-margin-half, .col-xs-margin-6, .col-xs-margin-7, .col-xs-margin-two-third, .col-xs-margin-8, .col-xs-margin-three-quarter, .col-xs-margin-9, .col-xs-margin-10, .col-xs-margin-11, .col-xs-margin-full, .col-xs-margin-12 {
    margin-left: 2.6%; } }
@media screen and (min-width: 500px) {
  .col-xs-margin-parent {
    margin-left: -2.6%; } }
@media screen and (min-width: 500px) {
  .col-xs-1 {
    /* These classes are using %col-xs-1. */
    width: 8.33333%;
    float: left; }

  .col-xs-push-1 {
    /* These classes are using %col-xs-push-1. */
    left: 8.33333%; }

  .col-xs-pull-1 {
    /* These classes are using %col-xs-pull-1. */
    right: 8.33333%; }

  .col-xs-offset-0 {
    margin-left: 0%; }

  .col-xs-offset-1 {
    /* These classes are using %col-xs-offset-1. */
    margin-left: 8.33333%; }

  .col-xs-margin-1 {
    /* These classes are using %col-xs-margin-1. */
    width: 5.73333%;
    float: left; }

  .col-xs-2 {
    /* These classes are using %col-xs-2. */
    width: 16.66667%;
    float: left; }

  .col-xs-push-2 {
    /* These classes are using %col-xs-push-2. */
    left: 16.66667%; }

  .col-xs-pull-2 {
    /* These classes are using %col-xs-pull-2. */
    right: 16.66667%; }

  .col-xs-offset-2 {
    /* These classes are using %col-xs-offset-2. */
    margin-left: 16.66667%; }

  .col-xs-margin-2 {
    /* These classes are using %col-xs-margin-2. */
    width: 14.06667%;
    float: left; }

  .col-xs-quarter, .col-xs-3 {
    /* These classes are using %col-xs-3. */
    width: 25%;
    float: left; }

  .col-xs-push-quarter, .col-xs-push-3 {
    /* These classes are using %col-xs-push-3. */
    left: 25%; }

  .col-xs-pull-quarter, .col-xs-pull-3 {
    /* These classes are using %col-xs-pull-3. */
    right: 25%; }

  .col-xs-offset-quarter, .col-xs-offset-3 {
    /* These classes are using %col-xs-offset-3. */
    margin-left: 25%; }

  .col-xs-margin-quarter, .col-xs-margin-3 {
    /* These classes are using %col-xs-margin-3. */
    width: 22.4%;
    float: left; }

  .col-xs-third, .col-xs-4 {
    /* These classes are using %col-xs-4. */
    width: 33.33333%;
    float: left; }

  .col-xs-push-third, .col-xs-push-4 {
    /* These classes are using %col-xs-push-4. */
    left: 33.33333%; }

  .col-xs-pull-third, .col-xs-pull-4 {
    /* These classes are using %col-xs-pull-4. */
    right: 33.33333%; }

  .col-xs-offset-third, .col-xs-offset-4 {
    /* These classes are using %col-xs-offset-4. */
    margin-left: 33.33333%; }

  .col-xs-margin-third, .col-xs-margin-4 {
    /* These classes are using %col-xs-margin-4. */
    width: 30.73333%;
    float: left; }

  .col-xs-5 {
    /* These classes are using %col-xs-5. */
    width: 41.66667%;
    float: left; }

  .col-xs-push-5 {
    /* These classes are using %col-xs-push-5. */
    left: 41.66667%; }

  .col-xs-pull-5 {
    /* These classes are using %col-xs-pull-5. */
    right: 41.66667%; }

  .col-xs-offset-5 {
    /* These classes are using %col-xs-offset-5. */
    margin-left: 41.66667%; }

  .col-xs-margin-5 {
    /* These classes are using %col-xs-margin-5. */
    width: 39.06667%;
    float: left; }

  .col-xs-half, .col-xs-6 {
    /* These classes are using %col-xs-6. */
    width: 50%;
    float: left; }

  .col-xs-push-half, .col-xs-push-6 {
    /* These classes are using %col-xs-push-6. */
    left: 50%; }

  .col-xs-pull-half, .col-xs-pull-6 {
    /* These classes are using %col-xs-pull-6. */
    right: 50%; }

  .col-xs-offset-half, .col-xs-offset-6 {
    /* These classes are using %col-xs-offset-6. */
    margin-left: 50%; }

  .col-xs-margin-half, .col-xs-margin-6 {
    /* These classes are using %col-xs-margin-6. */
    width: 47.4%;
    float: left; }

  .col-xs-7 {
    /* These classes are using %col-xs-7. */
    width: 58.33333%;
    float: left; }

  .col-xs-push-7 {
    /* These classes are using %col-xs-push-7. */
    left: 58.33333%; }

  .col-xs-pull-7 {
    /* These classes are using %col-xs-pull-7. */
    right: 58.33333%; }

  .col-xs-offset-7 {
    /* These classes are using %col-xs-offset-7. */
    margin-left: 58.33333%; }

  .col-xs-margin-7 {
    /* These classes are using %col-xs-margin-7. */
    width: 55.73333%;
    float: left; }

  .col-xs-two-third, .col-xs-8 {
    /* These classes are using %col-xs-8. */
    width: 66.66667%;
    float: left; }

  .col-xs-push-two-third, .col-xs-push-8 {
    /* These classes are using %col-xs-push-8. */
    left: 66.66667%; }

  .col-xs-pull-two-third, .col-xs-pull-8 {
    /* These classes are using %col-xs-pull-8. */
    right: 66.66667%; }

  .col-xs-offset-two-third, .col-xs-offset-8 {
    /* These classes are using %col-xs-offset-8. */
    margin-left: 66.66667%; }

  .col-xs-margin-two-third, .col-xs-margin-8 {
    /* These classes are using %col-xs-margin-8. */
    width: 64.06667%;
    float: left; }

  .col-xs-three-quarter, .col-xs-9 {
    /* These classes are using %col-xs-9. */
    width: 75%;
    float: left; }

  .col-xs-push-three-quarter, .col-xs-push-9 {
    /* These classes are using %col-xs-push-9. */
    left: 75%; }

  .col-xs-pull-three-quarter, .col-xs-pull-9 {
    /* These classes are using %col-xs-pull-9. */
    right: 75%; }

  .col-xs-offset-three-quarter, .col-xs-offset-9 {
    /* These classes are using %col-xs-offset-9. */
    margin-left: 75%; }

  .col-xs-margin-three-quarter, .col-xs-margin-9 {
    /* These classes are using %col-xs-margin-9. */
    width: 72.4%;
    float: left; }

  .col-xs-10 {
    /* These classes are using %col-xs-10. */
    width: 83.33333%;
    float: left; }

  .col-xs-push-10 {
    /* These classes are using %col-xs-push-10. */
    left: 83.33333%; }

  .col-xs-pull-10 {
    /* These classes are using %col-xs-pull-10. */
    right: 83.33333%; }

  .col-xs-offset-10 {
    /* These classes are using %col-xs-offset-10. */
    margin-left: 83.33333%; }

  .col-xs-margin-10 {
    /* These classes are using %col-xs-margin-10. */
    width: 80.73333%;
    float: left; }

  .col-xs-11 {
    /* These classes are using %col-xs-11. */
    width: 91.66667%;
    float: left; }

  .col-xs-push-11 {
    /* These classes are using %col-xs-push-11. */
    left: 91.66667%; }

  .col-xs-pull-11 {
    /* These classes are using %col-xs-pull-11. */
    right: 91.66667%; }

  .col-xs-offset-11 {
    /* These classes are using %col-xs-offset-11. */
    margin-left: 91.66667%; }

  .col-xs-margin-11 {
    /* These classes are using %col-xs-margin-11. */
    width: 89.06667%;
    float: left; }

  .col-xs-full, .col-xs-12 {
    /* These classes are using %col-xs-12. */
    width: 100%;
    float: left; }

  .col-xs-push-full, .col-xs-push-12 {
    /* These classes are using %col-xs-push-12. */
    left: 100%; }

  .col-xs-pull-full, .col-xs-pull-12 {
    /* These classes are using %col-xs-pull-12. */
    right: 100%; }

  .col-xs-offset-full, .col-xs-offset-12 {
    /* These classes are using %col-xs-offset-12. */
    margin-left: 100%; }

  .col-xs-margin-full, .col-xs-margin-12 {
    /* These classes are using %col-xs-margin-12. */
    width: 97.4%;
    float: left; } }
@media screen and (min-width: 768px) {
  .col-sm-margin-1, .col-sm-margin-2, .col-sm-margin-quarter, .col-sm-margin-3, .col-sm-margin-third, .col-sm-margin-4, .col-sm-margin-5, .col-sm-margin-half, .col-sm-margin-6, .col-sm-margin-7, .col-sm-margin-two-third, .col-sm-margin-8, .col-sm-margin-three-quarter, .col-sm-margin-9, .col-sm-margin-10, .col-sm-margin-11, .col-sm-margin-full, .col-sm-margin-12 {
    margin-left: 2.6%; } }
@media screen and (min-width: 768px) {
  .col-sm-margin-parent {
    margin-left: -2.6%; } }
@media screen and (min-width: 768px) {
  .col-sm-1 {
    /* These classes are using %col-sm-1. */
    width: 8.33333%;
    float: left; }

  .col-sm-push-1 {
    /* These classes are using %col-sm-push-1. */
    left: 8.33333%; }

  .col-sm-pull-1 {
    /* These classes are using %col-sm-pull-1. */
    right: 8.33333%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    /* These classes are using %col-sm-offset-1. */
    margin-left: 8.33333%; }

  .col-sm-margin-1 {
    /* These classes are using %col-sm-margin-1. */
    width: 5.73333%;
    float: left; }

  .col-sm-2 {
    /* These classes are using %col-sm-2. */
    width: 16.66667%;
    float: left; }

  .col-sm-push-2 {
    /* These classes are using %col-sm-push-2. */
    left: 16.66667%; }

  .col-sm-pull-2 {
    /* These classes are using %col-sm-pull-2. */
    right: 16.66667%; }

  .col-sm-offset-2 {
    /* These classes are using %col-sm-offset-2. */
    margin-left: 16.66667%; }

  .col-sm-margin-2 {
    /* These classes are using %col-sm-margin-2. */
    width: 14.06667%;
    float: left; }

  .col-sm-quarter, .col-sm-3 {
    /* These classes are using %col-sm-3. */
    width: 25%;
    float: left; }

  .col-sm-push-quarter, .col-sm-push-3 {
    /* These classes are using %col-sm-push-3. */
    left: 25%; }

  .col-sm-pull-quarter, .col-sm-pull-3 {
    /* These classes are using %col-sm-pull-3. */
    right: 25%; }

  .col-sm-offset-quarter, .col-sm-offset-3 {
    /* These classes are using %col-sm-offset-3. */
    margin-left: 25%; }

  .col-sm-margin-quarter, .col-sm-margin-3 {
    /* These classes are using %col-sm-margin-3. */
    width: 22.4%;
    float: left; }

  .col-sm-third, .col-sm-4 {
    /* These classes are using %col-sm-4. */
    width: 33.33333%;
    float: left; }

  .col-sm-push-third, .col-sm-push-4 {
    /* These classes are using %col-sm-push-4. */
    left: 33.33333%; }

  .col-sm-pull-third, .col-sm-pull-4 {
    /* These classes are using %col-sm-pull-4. */
    right: 33.33333%; }

  .col-sm-offset-third, .col-sm-offset-4 {
    /* These classes are using %col-sm-offset-4. */
    margin-left: 33.33333%; }

  .col-sm-margin-third, .col-sm-margin-4 {
    /* These classes are using %col-sm-margin-4. */
    width: 30.73333%;
    float: left; }

  .col-sm-5 {
    /* These classes are using %col-sm-5. */
    width: 41.66667%;
    float: left; }

  .col-sm-push-5 {
    /* These classes are using %col-sm-push-5. */
    left: 41.66667%; }

  .col-sm-pull-5 {
    /* These classes are using %col-sm-pull-5. */
    right: 41.66667%; }

  .col-sm-offset-5 {
    /* These classes are using %col-sm-offset-5. */
    margin-left: 41.66667%; }

  .col-sm-margin-5 {
    /* These classes are using %col-sm-margin-5. */
    width: 39.06667%;
    float: left; }

  .col-sm-half, .col-sm-6 {
    /* These classes are using %col-sm-6. */
    width: 50%;
    float: left; }

  .col-sm-push-half, .col-sm-push-6 {
    /* These classes are using %col-sm-push-6. */
    left: 50%; }

  .col-sm-pull-half, .col-sm-pull-6 {
    /* These classes are using %col-sm-pull-6. */
    right: 50%; }

  .col-sm-offset-half, .col-sm-offset-6 {
    /* These classes are using %col-sm-offset-6. */
    margin-left: 50%; }

  .col-sm-margin-half, .col-sm-margin-6 {
    /* These classes are using %col-sm-margin-6. */
    width: 47.4%;
    float: left; }

  .col-sm-7 {
    /* These classes are using %col-sm-7. */
    width: 58.33333%;
    float: left; }

  .col-sm-push-7 {
    /* These classes are using %col-sm-push-7. */
    left: 58.33333%; }

  .col-sm-pull-7 {
    /* These classes are using %col-sm-pull-7. */
    right: 58.33333%; }

  .col-sm-offset-7 {
    /* These classes are using %col-sm-offset-7. */
    margin-left: 58.33333%; }

  .col-sm-margin-7 {
    /* These classes are using %col-sm-margin-7. */
    width: 55.73333%;
    float: left; }

  .col-sm-two-third, .col-sm-8 {
    /* These classes are using %col-sm-8. */
    width: 66.66667%;
    float: left; }

  .col-sm-push-two-third, .col-sm-push-8 {
    /* These classes are using %col-sm-push-8. */
    left: 66.66667%; }

  .col-sm-pull-two-third, .col-sm-pull-8 {
    /* These classes are using %col-sm-pull-8. */
    right: 66.66667%; }

  .col-sm-offset-two-third, .col-sm-offset-8 {
    /* These classes are using %col-sm-offset-8. */
    margin-left: 66.66667%; }

  .col-sm-margin-two-third, .col-sm-margin-8 {
    /* These classes are using %col-sm-margin-8. */
    width: 64.06667%;
    float: left; }

  .col-sm-three-quarter, .col-sm-9 {
    /* These classes are using %col-sm-9. */
    width: 75%;
    float: left; }

  .col-sm-push-three-quarter, .col-sm-push-9 {
    /* These classes are using %col-sm-push-9. */
    left: 75%; }

  .col-sm-pull-three-quarter, .col-sm-pull-9 {
    /* These classes are using %col-sm-pull-9. */
    right: 75%; }

  .col-sm-offset-three-quarter, .col-sm-offset-9 {
    /* These classes are using %col-sm-offset-9. */
    margin-left: 75%; }

  .col-sm-margin-three-quarter, .col-sm-margin-9 {
    /* These classes are using %col-sm-margin-9. */
    width: 72.4%;
    float: left; }

  .col-sm-10 {
    /* These classes are using %col-sm-10. */
    width: 83.33333%;
    float: left; }

  .col-sm-push-10 {
    /* These classes are using %col-sm-push-10. */
    left: 83.33333%; }

  .col-sm-pull-10 {
    /* These classes are using %col-sm-pull-10. */
    right: 83.33333%; }

  .col-sm-offset-10 {
    /* These classes are using %col-sm-offset-10. */
    margin-left: 83.33333%; }

  .col-sm-margin-10 {
    /* These classes are using %col-sm-margin-10. */
    width: 80.73333%;
    float: left; }

  .col-sm-11 {
    /* These classes are using %col-sm-11. */
    width: 91.66667%;
    float: left; }

  .col-sm-push-11 {
    /* These classes are using %col-sm-push-11. */
    left: 91.66667%; }

  .col-sm-pull-11 {
    /* These classes are using %col-sm-pull-11. */
    right: 91.66667%; }

  .col-sm-offset-11 {
    /* These classes are using %col-sm-offset-11. */
    margin-left: 91.66667%; }

  .col-sm-margin-11 {
    /* These classes are using %col-sm-margin-11. */
    width: 89.06667%;
    float: left; }

  .col-sm-full, .col-sm-12 {
    /* These classes are using %col-sm-12. */
    width: 100%;
    float: left; }

  .col-sm-push-full, .col-sm-push-12 {
    /* These classes are using %col-sm-push-12. */
    left: 100%; }

  .col-sm-pull-full, .col-sm-pull-12 {
    /* These classes are using %col-sm-pull-12. */
    right: 100%; }

  .col-sm-offset-full, .col-sm-offset-12 {
    /* These classes are using %col-sm-offset-12. */
    margin-left: 100%; }

  .col-sm-margin-full, .col-sm-margin-12 {
    /* These classes are using %col-sm-margin-12. */
    width: 97.4%;
    float: left; } }
@media screen and (min-width: 992px) {
  .col-md-margin-1, .col-md-margin-2, .col-md-margin-quarter, .col-md-margin-3, .col-md-margin-third, .col-md-margin-4, .col-md-margin-5, .col-md-margin-half, .col-md-margin-6, .col-md-margin-7, .col-md-margin-two-third, .col-md-margin-8, .col-md-margin-three-quarter, .col-md-margin-9, .col-md-margin-10, .col-md-margin-11, .col-md-margin-full, .col-md-margin-12 {
    margin-left: 2.6%; } }
@media screen and (min-width: 992px) {
  .col-md-margin-parent {
    margin-left: -2.6%; } }
@media screen and (min-width: 992px) {
  .col-md-1 {
    /* These classes are using %col-md-1. */
    width: 8.33333%;
    float: left; }

  .col-md-push-1 {
    /* These classes are using %col-md-push-1. */
    left: 8.33333%; }

  .col-md-pull-1 {
    /* These classes are using %col-md-pull-1. */
    right: 8.33333%; }

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

  .col-md-offset-1 {
    /* These classes are using %col-md-offset-1. */
    margin-left: 8.33333%; }

  .col-md-margin-1 {
    /* These classes are using %col-md-margin-1. */
    width: 5.73333%;
    float: left; }

  .col-md-2 {
    /* These classes are using %col-md-2. */
    width: 16.66667%;
    float: left; }

  .col-md-push-2 {
    /* These classes are using %col-md-push-2. */
    left: 16.66667%; }

  .col-md-pull-2 {
    /* These classes are using %col-md-pull-2. */
    right: 16.66667%; }

  .col-md-offset-2 {
    /* These classes are using %col-md-offset-2. */
    margin-left: 16.66667%; }

  .col-md-margin-2 {
    /* These classes are using %col-md-margin-2. */
    width: 14.06667%;
    float: left; }

  .col-md-quarter, .col-md-3 {
    /* These classes are using %col-md-3. */
    width: 25%;
    float: left; }

  .col-md-push-quarter, .col-md-push-3 {
    /* These classes are using %col-md-push-3. */
    left: 25%; }

  .col-md-pull-quarter, .col-md-pull-3 {
    /* These classes are using %col-md-pull-3. */
    right: 25%; }

  .col-md-offset-quarter, .col-md-offset-3 {
    /* These classes are using %col-md-offset-3. */
    margin-left: 25%; }

  .col-md-margin-quarter, .col-md-margin-3 {
    /* These classes are using %col-md-margin-3. */
    width: 22.4%;
    float: left; }

  .col-md-third, .col-md-4 {
    /* These classes are using %col-md-4. */
    width: 33.33333%;
    float: left; }

  .col-md-push-third, .col-md-push-4 {
    /* These classes are using %col-md-push-4. */
    left: 33.33333%; }

  .col-md-pull-third, .col-md-pull-4 {
    /* These classes are using %col-md-pull-4. */
    right: 33.33333%; }

  .col-md-offset-third, .col-md-offset-4 {
    /* These classes are using %col-md-offset-4. */
    margin-left: 33.33333%; }

  .col-md-margin-third, .col-md-margin-4 {
    /* These classes are using %col-md-margin-4. */
    width: 30.73333%;
    float: left; }

  .col-md-5 {
    /* These classes are using %col-md-5. */
    width: 41.66667%;
    float: left; }

  .col-md-push-5 {
    /* These classes are using %col-md-push-5. */
    left: 41.66667%; }

  .col-md-pull-5 {
    /* These classes are using %col-md-pull-5. */
    right: 41.66667%; }

  .col-md-offset-5 {
    /* These classes are using %col-md-offset-5. */
    margin-left: 41.66667%; }

  .col-md-margin-5 {
    /* These classes are using %col-md-margin-5. */
    width: 39.06667%;
    float: left; }

  .col-md-half, .col-md-6 {
    /* These classes are using %col-md-6. */
    width: 50%;
    float: left; }

  .col-md-push-half, .col-md-push-6 {
    /* These classes are using %col-md-push-6. */
    left: 50%; }

  .col-md-pull-half, .col-md-pull-6 {
    /* These classes are using %col-md-pull-6. */
    right: 50%; }

  .col-md-offset-half, .col-md-offset-6 {
    /* These classes are using %col-md-offset-6. */
    margin-left: 50%; }

  .col-md-margin-half, .col-md-margin-6 {
    /* These classes are using %col-md-margin-6. */
    width: 47.4%;
    float: left; }

  .col-md-7 {
    /* These classes are using %col-md-7. */
    width: 58.33333%;
    float: left; }

  .col-md-push-7 {
    /* These classes are using %col-md-push-7. */
    left: 58.33333%; }

  .col-md-pull-7 {
    /* These classes are using %col-md-pull-7. */
    right: 58.33333%; }

  .col-md-offset-7 {
    /* These classes are using %col-md-offset-7. */
    margin-left: 58.33333%; }

  .col-md-margin-7 {
    /* These classes are using %col-md-margin-7. */
    width: 55.73333%;
    float: left; }

  .col-md-two-third, .col-md-8 {
    /* These classes are using %col-md-8. */
    width: 66.66667%;
    float: left; }

  .col-md-push-two-third, .col-md-push-8 {
    /* These classes are using %col-md-push-8. */
    left: 66.66667%; }

  .col-md-pull-two-third, .col-md-pull-8 {
    /* These classes are using %col-md-pull-8. */
    right: 66.66667%; }

  .col-md-offset-two-third, .col-md-offset-8 {
    /* These classes are using %col-md-offset-8. */
    margin-left: 66.66667%; }

  .col-md-margin-two-third, .col-md-margin-8 {
    /* These classes are using %col-md-margin-8. */
    width: 64.06667%;
    float: left; }

  .col-md-three-quarter, .col-md-9 {
    /* These classes are using %col-md-9. */
    width: 75%;
    float: left; }

  .col-md-push-three-quarter, .col-md-push-9 {
    /* These classes are using %col-md-push-9. */
    left: 75%; }

  .col-md-pull-three-quarter, .col-md-pull-9 {
    /* These classes are using %col-md-pull-9. */
    right: 75%; }

  .col-md-offset-three-quarter, .col-md-offset-9 {
    /* These classes are using %col-md-offset-9. */
    margin-left: 75%; }

  .col-md-margin-three-quarter, .col-md-margin-9 {
    /* These classes are using %col-md-margin-9. */
    width: 72.4%;
    float: left; }

  .col-md-10 {
    /* These classes are using %col-md-10. */
    width: 83.33333%;
    float: left; }

  .col-md-push-10 {
    /* These classes are using %col-md-push-10. */
    left: 83.33333%; }

  .col-md-pull-10 {
    /* These classes are using %col-md-pull-10. */
    right: 83.33333%; }

  .col-md-offset-10 {
    /* These classes are using %col-md-offset-10. */
    margin-left: 83.33333%; }

  .col-md-margin-10 {
    /* These classes are using %col-md-margin-10. */
    width: 80.73333%;
    float: left; }

  .col-md-11 {
    /* These classes are using %col-md-11. */
    width: 91.66667%;
    float: left; }

  .col-md-push-11 {
    /* These classes are using %col-md-push-11. */
    left: 91.66667%; }

  .col-md-pull-11 {
    /* These classes are using %col-md-pull-11. */
    right: 91.66667%; }

  .col-md-offset-11 {
    /* These classes are using %col-md-offset-11. */
    margin-left: 91.66667%; }

  .col-md-margin-11 {
    /* These classes are using %col-md-margin-11. */
    width: 89.06667%;
    float: left; }

  .col-md-full, .col-md-12 {
    /* These classes are using %col-md-12. */
    width: 100%;
    float: left; }

  .col-md-push-full, .col-md-push-12 {
    /* These classes are using %col-md-push-12. */
    left: 100%; }

  .col-md-pull-full, .col-md-pull-12 {
    /* These classes are using %col-md-pull-12. */
    right: 100%; }

  .col-md-offset-full, .col-md-offset-12 {
    /* These classes are using %col-md-offset-12. */
    margin-left: 100%; }

  .col-md-margin-full, .col-md-margin-12 {
    /* These classes are using %col-md-margin-12. */
    width: 97.4%;
    float: left; } }
@media screen and (min-width: 1200px) {
  .col-lg-margin-1, .col-lg-margin-2, .col-lg-margin-quarter, .col-lg-margin-3, .col-lg-margin-third, .col-lg-margin-4, .col-lg-margin-5, .col-lg-margin-half, .col-lg-margin-6, .col-lg-margin-7, .col-lg-margin-two-third, .col-lg-margin-8, .col-lg-margin-three-quarter, .col-lg-margin-9, .col-lg-margin-10, .col-lg-margin-11, .col-lg-margin-full, .col-lg-margin-12 {
    margin-left: 2.6%; } }
@media screen and (min-width: 1200px) {
  .col-lg-margin-parent {
    margin-left: -2.6%; } }
@media screen and (min-width: 1200px) {
  .col-lg-1 {
    /* These classes are using %col-lg-1. */
    width: 8.33333%;
    float: left; }

  .col-lg-push-1 {
    /* These classes are using %col-lg-push-1. */
    left: 8.33333%; }

  .col-lg-pull-1 {
    /* These classes are using %col-lg-pull-1. */
    right: 8.33333%; }

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

  .col-lg-offset-1 {
    /* These classes are using %col-lg-offset-1. */
    margin-left: 8.33333%; }

  .col-lg-margin-1 {
    /* These classes are using %col-lg-margin-1. */
    width: 5.73333%;
    float: left; }

  .col-lg-2 {
    /* These classes are using %col-lg-2. */
    width: 16.66667%;
    float: left; }

  .col-lg-push-2 {
    /* These classes are using %col-lg-push-2. */
    left: 16.66667%; }

  .col-lg-pull-2 {
    /* These classes are using %col-lg-pull-2. */
    right: 16.66667%; }

  .col-lg-offset-2 {
    /* These classes are using %col-lg-offset-2. */
    margin-left: 16.66667%; }

  .col-lg-margin-2 {
    /* These classes are using %col-lg-margin-2. */
    width: 14.06667%;
    float: left; }

  .col-lg-quarter, .col-lg-3 {
    /* These classes are using %col-lg-3. */
    width: 25%;
    float: left; }

  .col-lg-push-quarter, .col-lg-push-3 {
    /* These classes are using %col-lg-push-3. */
    left: 25%; }

  .col-lg-pull-quarter, .col-lg-pull-3 {
    /* These classes are using %col-lg-pull-3. */
    right: 25%; }

  .col-lg-offset-quarter, .col-lg-offset-3 {
    /* These classes are using %col-lg-offset-3. */
    margin-left: 25%; }

  .col-lg-margin-quarter, .col-lg-margin-3 {
    /* These classes are using %col-lg-margin-3. */
    width: 22.4%;
    float: left; }

  .col-lg-third, .col-lg-4 {
    /* These classes are using %col-lg-4. */
    width: 33.33333%;
    float: left; }

  .col-lg-push-third, .col-lg-push-4 {
    /* These classes are using %col-lg-push-4. */
    left: 33.33333%; }

  .col-lg-pull-third, .col-lg-pull-4 {
    /* These classes are using %col-lg-pull-4. */
    right: 33.33333%; }

  .col-lg-offset-third, .col-lg-offset-4 {
    /* These classes are using %col-lg-offset-4. */
    margin-left: 33.33333%; }

  .col-lg-margin-third, .col-lg-margin-4 {
    /* These classes are using %col-lg-margin-4. */
    width: 30.73333%;
    float: left; }

  .col-lg-5 {
    /* These classes are using %col-lg-5. */
    width: 41.66667%;
    float: left; }

  .col-lg-push-5 {
    /* These classes are using %col-lg-push-5. */
    left: 41.66667%; }

  .col-lg-pull-5 {
    /* These classes are using %col-lg-pull-5. */
    right: 41.66667%; }

  .col-lg-offset-5 {
    /* These classes are using %col-lg-offset-5. */
    margin-left: 41.66667%; }

  .col-lg-margin-5 {
    /* These classes are using %col-lg-margin-5. */
    width: 39.06667%;
    float: left; }

  .col-lg-half, .col-lg-6 {
    /* These classes are using %col-lg-6. */
    width: 50%;
    float: left; }

  .col-lg-push-half, .col-lg-push-6 {
    /* These classes are using %col-lg-push-6. */
    left: 50%; }

  .col-lg-pull-half, .col-lg-pull-6 {
    /* These classes are using %col-lg-pull-6. */
    right: 50%; }

  .col-lg-offset-half, .col-lg-offset-6 {
    /* These classes are using %col-lg-offset-6. */
    margin-left: 50%; }

  .col-lg-margin-half, .col-lg-margin-6 {
    /* These classes are using %col-lg-margin-6. */
    width: 47.4%;
    float: left; }

  .col-lg-7 {
    /* These classes are using %col-lg-7. */
    width: 58.33333%;
    float: left; }

  .col-lg-push-7 {
    /* These classes are using %col-lg-push-7. */
    left: 58.33333%; }

  .col-lg-pull-7 {
    /* These classes are using %col-lg-pull-7. */
    right: 58.33333%; }

  .col-lg-offset-7 {
    /* These classes are using %col-lg-offset-7. */
    margin-left: 58.33333%; }

  .col-lg-margin-7 {
    /* These classes are using %col-lg-margin-7. */
    width: 55.73333%;
    float: left; }

  .col-lg-two-third, .col-lg-8 {
    /* These classes are using %col-lg-8. */
    width: 66.66667%;
    float: left; }

  .col-lg-push-two-third, .col-lg-push-8 {
    /* These classes are using %col-lg-push-8. */
    left: 66.66667%; }

  .col-lg-pull-two-third, .col-lg-pull-8 {
    /* These classes are using %col-lg-pull-8. */
    right: 66.66667%; }

  .col-lg-offset-two-third, .col-lg-offset-8 {
    /* These classes are using %col-lg-offset-8. */
    margin-left: 66.66667%; }

  .col-lg-margin-two-third, .col-lg-margin-8 {
    /* These classes are using %col-lg-margin-8. */
    width: 64.06667%;
    float: left; }

  .col-lg-three-quarter, .col-lg-9 {
    /* These classes are using %col-lg-9. */
    width: 75%;
    float: left; }

  .col-lg-push-three-quarter, .col-lg-push-9 {
    /* These classes are using %col-lg-push-9. */
    left: 75%; }

  .col-lg-pull-three-quarter, .col-lg-pull-9 {
    /* These classes are using %col-lg-pull-9. */
    right: 75%; }

  .col-lg-offset-three-quarter, .col-lg-offset-9 {
    /* These classes are using %col-lg-offset-9. */
    margin-left: 75%; }

  .col-lg-margin-three-quarter, .col-lg-margin-9 {
    /* These classes are using %col-lg-margin-9. */
    width: 72.4%;
    float: left; }

  .col-lg-10 {
    /* These classes are using %col-lg-10. */
    width: 83.33333%;
    float: left; }

  .col-lg-push-10 {
    /* These classes are using %col-lg-push-10. */
    left: 83.33333%; }

  .col-lg-pull-10 {
    /* These classes are using %col-lg-pull-10. */
    right: 83.33333%; }

  .col-lg-offset-10 {
    /* These classes are using %col-lg-offset-10. */
    margin-left: 83.33333%; }

  .col-lg-margin-10 {
    /* These classes are using %col-lg-margin-10. */
    width: 80.73333%;
    float: left; }

  .col-lg-11 {
    /* These classes are using %col-lg-11. */
    width: 91.66667%;
    float: left; }

  .col-lg-push-11 {
    /* These classes are using %col-lg-push-11. */
    left: 91.66667%; }

  .col-lg-pull-11 {
    /* These classes are using %col-lg-pull-11. */
    right: 91.66667%; }

  .col-lg-offset-11 {
    /* These classes are using %col-lg-offset-11. */
    margin-left: 91.66667%; }

  .col-lg-margin-11 {
    /* These classes are using %col-lg-margin-11. */
    width: 89.06667%;
    float: left; }

  .col-lg-full, .col-lg-12 {
    /* These classes are using %col-lg-12. */
    width: 100%;
    float: left; }

  .col-lg-push-full, .col-lg-push-12 {
    /* These classes are using %col-lg-push-12. */
    left: 100%; }

  .col-lg-pull-full, .col-lg-pull-12 {
    /* These classes are using %col-lg-pull-12. */
    right: 100%; }

  .col-lg-offset-full, .col-lg-offset-12 {
    /* These classes are using %col-lg-offset-12. */
    margin-left: 100%; }

  .col-lg-margin-full, .col-lg-margin-12 {
    /* These classes are using %col-lg-margin-12. */
    width: 97.4%;
    float: left; } }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

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

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

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

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-in-out;
  -ms-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
  -webkit-transition-delay: 250ms;
  -ms-transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  transition-delay: 250ms;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide:focus {
    outline: none; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-current {
    opacity: 1; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

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

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  width: 5vmin;
  height: 5vmin;
  max-width: 5em;
  max-height: 5em;
  min-width: 2em;
  min-height: 2em;
  cursor: pointer;
  background: rgba(255, 255, 255, 0);
  top: 30vh;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border-radius: 1000px;
  outline: none;
  border: 2px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out; }
  @media screen and (min-width: 500px) {
    .slick-prev,
    .slick-next {
      border: 2px solid rgba(255, 255, 255, 0); } }
  .slick-prev path,
  .slick-next path {
    fill: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
  .slick-prev:hover path, .slick-prev:focus path,
  .slick-next:hover path,
  .slick-next:focus path {
    fill: white; }

.slick-prev {
  left: 2vw;
  z-index: 99; }
  @media screen and (min-width: 768px) {
    .slick-prev {
      left: 5vw; } }
  @media screen and (min-width: 992px) {
    .slick-prev {
      left: 10vw; } }
  @media screen and (min-width: 1200px) {
    .slick-prev {
      left: 15vw; } }

.slick-next {
  right: 2vw; }
  @media screen and (min-width: 768px) {
    .slick-next {
      right: 5vw; } }
  @media screen and (min-width: 992px) {
    .slick-next {
      right: 10vw; } }
  @media screen and (min-width: 1200px) {
    .slick-next {
      right: 15vw; } }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.progressBar {
  overflow: visible; }
  .progressBar .track,
  .progressBar .progress,
  .progressBar .dot {
    fill: transparent;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    stroke-linecap: round; }
  .progressBar .st0 {
    fill: transparent;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -moz-transform-origin: center; }
  .progressBar .st0:nth-child(1) {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .progressBar .st0:nth-child(2) {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg); }
  .progressBar .st0:nth-child(3) {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg); }
  .progressBar .st0:nth-child(4) {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg); }
  .progressBar .st0:nth-child(5) {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg); }
  .progressBar .st0:nth-child(6) {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg); }
  .progressBar .st0:nth-child(7) {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg); }
  .progressBar .st0:nth-child(8) {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg); }
  .progressBar .st0:nth-child(9) {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg); }
  .progressBar .st0:nth-child(10) {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg); }
  .progressBar .st0:nth-child(11) {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg); }
  .progressBar .st0:nth-child(12) {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg); }
  .progressBar .st0:nth-child(13) {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg); }
  .progressBar .st0:nth-child(14) {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg); }
  .progressBar .st0:nth-child(15) {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg); }
  .progressBar .st0:nth-child(16) {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg); }
  .progressBar .st0:nth-child(17) {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg); }
  .progressBar .st0:nth-child(18) {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg); }
  .progressBar .st0:nth-child(19) {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg); }
  .progressBar .st0:nth-child(20) {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg); }
  .progressBar .st0:nth-child(21) {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg); }
  .progressBar .st0:nth-child(22) {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg); }
  .progressBar .st0:nth-child(23) {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg); }
  .progressBar .st0:nth-child(24) {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg); }
  .progressBar .st0:nth-child(25) {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg); }
  .progressBar .st0:nth-child(26) {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  .progressBar .st0:nth-child(27) {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg); }
  .progressBar .st0:nth-child(28) {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg); }
  .progressBar .st0:nth-child(29) {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg); }
  .progressBar .st0:nth-child(30) {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg); }
  .progressBar .st0:nth-child(31) {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg); }
  .progressBar .st0:nth-child(32) {
    -webkit-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg); }
  .progressBar .st0:nth-child(33) {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg); }
  .progressBar .st0:nth-child(34) {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg); }
  .progressBar .st0:nth-child(35) {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg); }
  .progressBar .st0:nth-child(36) {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg); }
  .progressBar .st0:nth-child(37) {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg); }
  .progressBar .st0:nth-child(38) {
    -webkit-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg); }
  .progressBar .st0:nth-child(39) {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg); }
  .progressBar .st0:nth-child(40) {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg); }
  .progressBar .st0:nth-child(41) {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg); }
  .progressBar .st0:nth-child(42) {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg); }
  .progressBar .st0:nth-child(43) {
    -webkit-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg); }
  .progressBar .st0:nth-child(44) {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg); }
  .progressBar .st0:nth-child(45) {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg); }
  .progressBar .st0:nth-child(46) {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg); }
  .progressBar .st0:nth-child(47) {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg); }
  .progressBar .st0:nth-child(48) {
    -webkit-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg); }
  .progressBar .st0:nth-child(49) {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg); }
  .progressBar .st0:nth-child(50) {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg); }
  .progressBar .st0:nth-child(51) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .progressBar .st0:nth-child(52) {
    -webkit-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg); }
  .progressBar .st0:nth-child(53) {
    -webkit-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg); }
  .progressBar .st0:nth-child(54) {
    -webkit-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg); }
  .progressBar .st0:nth-child(55) {
    -webkit-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg); }
  .progressBar .st0:nth-child(56) {
    -webkit-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg); }
  .progressBar .st0:nth-child(57) {
    -webkit-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg); }
  .progressBar .st0:nth-child(58) {
    -webkit-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg); }
  .progressBar .st0:nth-child(59) {
    -webkit-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg); }
  .progressBar .st0:nth-child(60) {
    -webkit-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg); }
  .progressBar .st0:nth-child(61) {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); }
  .progressBar .st0:nth-child(62) {
    -webkit-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg); }
  .progressBar .st0:nth-child(63) {
    -webkit-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg); }
  .progressBar .st0:nth-child(64) {
    -webkit-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg); }
  .progressBar .st0:nth-child(65) {
    -webkit-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg); }
  .progressBar .st0:nth-child(66) {
    -webkit-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg); }
  .progressBar .st0:nth-child(67) {
    -webkit-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg); }
  .progressBar .st0:nth-child(68) {
    -webkit-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg); }
  .progressBar .st0:nth-child(69) {
    -webkit-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg); }
  .progressBar .st0:nth-child(70) {
    -webkit-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg); }
  .progressBar .st0:nth-child(71) {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg); }
  .progressBar .st0:nth-child(72) {
    -webkit-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg); }
  .progressBar .st0:nth-child(73) {
    -webkit-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg); }
  .progressBar .st0:nth-child(74) {
    -webkit-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg); }
  .progressBar .st0:nth-child(75) {
    -webkit-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg); }
  .progressBar .st0:nth-child(76) {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  .progressBar .st0:nth-child(77) {
    -webkit-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg); }
  .progressBar .st0:nth-child(78) {
    -webkit-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg); }
  .progressBar .st0:nth-child(79) {
    -webkit-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg); }
  .progressBar .st0:nth-child(80) {
    -webkit-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg); }
  .progressBar .st0:nth-child(81) {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg); }
  .progressBar .st0:nth-child(82) {
    -webkit-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg); }
  .progressBar .st0:nth-child(83) {
    -webkit-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg); }
  .progressBar .st0:nth-child(84) {
    -webkit-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg); }
  .progressBar .st0:nth-child(85) {
    -webkit-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg); }
  .progressBar .st0:nth-child(86) {
    -webkit-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg); }
  .progressBar .st0:nth-child(87) {
    -webkit-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg); }
  .progressBar .st0:nth-child(88) {
    -webkit-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg); }
  .progressBar .st0:nth-child(89) {
    -webkit-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg); }
  .progressBar .st0:nth-child(90) {
    -webkit-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg); }
  .progressBar .st0:nth-child(91) {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg); }
  .progressBar .st0:nth-child(92) {
    -webkit-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg); }
  .progressBar .st0:nth-child(93) {
    -webkit-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg); }
  .progressBar .st0:nth-child(94) {
    -webkit-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg); }
  .progressBar .st0:nth-child(95) {
    -webkit-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg); }
  .progressBar .st0:nth-child(96) {
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg); }
  .progressBar .st0:nth-child(97) {
    -webkit-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg); }
  .progressBar .st0:nth-child(98) {
    -webkit-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg); }
  .progressBar .st0:nth-child(99) {
    -webkit-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg); }
  .progressBar .st0:nth-child(100) {
    -webkit-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg); }

::-webkit-scrollbar {
  display: none; }

#eastereggMusic {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -1; }

body {
  background: black; }

.cursorPointer, .hotspot, .keyItem, .card.opening .unmuted,
.card.opening .muted, .card .close,
#sceneTranscripts .transcript .close, .type-photo .expand,
.type-gallery .expand,
.type-video .expand, .hasgallery .contained .innerwrapper .expand,
.hasphoto .contained .innerwrapper .expand,
.hasvideo .contained .innerwrapper .expand, .audioPlayerTranscript .close, .audioPlayer .play,
.audioPlayer .prev,
.audioPlayer .next,
.audioPlayer .cc, #sceneList .scene, #sceneList .prev,
#sceneList .next, .menu > div, .share > a {
  cursor: pointer; }

.panoWrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: black;
  color: #fff;
  font-family: "Brandon-Text";
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1em; }
  .panoWrapper h1 {
    margin-bottom: 0.4em; }
  .panoWrapper h3,
  .panoWrapper p {
    margin-bottom: 1.3em; }
  .panoWrapper p {
    font-family: "Tiempos-Text";
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.6em;
    font-size: 1em; }
    @media screen and (min-width: 500px) {
      .panoWrapper p {
        line-height: 1.8em;
        font-size: 1.2em; } }
  .panoWrapper h1 {
    font-size: 2em;
    font-weight: 500; }
    .panoWrapper h1 strong,
    .panoWrapper h1 b {
      font-weight: 800; }
    @media screen and (min-width: 500px) {
      .panoWrapper h1 {
        font-size: 2.5em; } }
    @media screen and (min-width: 768px) {
      .panoWrapper h1 {
        font-size: 3.0em; } }
    @media screen and (min-width: 992px) {
      .panoWrapper h1 {
        font-size: 3.5em; } }
  .panoWrapper a {
    text-decoration: none;
    color: #ffaa44; }
    .panoWrapper a:hover, .panoWrapper a:focus, .panoWrapper a:visited {
      color: #ffaa44; }
    .panoWrapper a:hover, .panoWrapper a:focus {
      text-decoration: underline; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  -ms-content-zooming: none;
  -webkit-tap-highlight-color: transparent; }

svg path,
svg rect,
svg circle,
svg polygon {
  fill: white; }

#pano {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  #pano > div:nth-child(2) {
    background: url("assets/_ui/vignette.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat; }

.hotspot {
  width: 1px;
  height: 1px; }
  .hotspot .icon {
    width: 70px;
    height: 70px;
    -webkit-transform: translate(-35px, -35px) scale(0.25, 0.25);
    -ms-transform: translate(-35px, -35px) scale(0.25, 0.25);
    -moz-transform: translate(-35px, -35px) scale(0.25, 0.25);
    -o-transform: translate(-35px, -35px) scale(0.25, 0.25);
    transform: translate(-35px, -35px) scale(0.25, 0.25);
    background: #fa4;
    border-radius: 1000px;
    border: 10px solid white;
    -webkit-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-animation: pulseA 2s infinite;
    -moz-animation: pulseA 2s infinite;
    -o-animation: pulseA 2s infinite;
    animation: pulseA 2s infinite; }
    .hotspot .icon:before {
      content: "";
      position: absolute;
      left: 0%;
      top: 0%;
      width: 100%;
      height: 100%;
      -webkit-transform: scale(1.8);
      -ms-transform: scale(1.8);
      -moz-transform: scale(1.8);
      -o-transform: scale(1.8);
      transform: scale(1.8); }
    .hotspot .icon svg {
      opacity: 0;
      -webkit-transition: all 500ms ease-in-out;
      -ms-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out; }
  .hotspot.prominance-2 .icon {
    border: 8px solid white;
    -webkit-transform: translate(-35px, -35px) scale(0.4, 0.4);
    -ms-transform: translate(-35px, -35px) scale(0.4, 0.4);
    -moz-transform: translate(-35px, -35px) scale(0.4, 0.4);
    -o-transform: translate(-35px, -35px) scale(0.4, 0.4);
    transform: translate(-35px, -35px) scale(0.4, 0.4);
    -webkit-animation: pulseA 1s infinite;
    -moz-animation: pulseA 1s infinite;
    -o-animation: pulseA 1s infinite;
    animation: pulseA 1s infinite; }
  .hotspot.prominance-3 .icon {
    border: 6px solid white;
    -webkit-transform: translate(-35px, -35px) scale(0.5, 0.5);
    -ms-transform: translate(-35px, -35px) scale(0.5, 0.5);
    -moz-transform: translate(-35px, -35px) scale(0.5, 0.5);
    -o-transform: translate(-35px, -35px) scale(0.5, 0.5);
    transform: translate(-35px, -35px) scale(0.5, 0.5);
    -webkit-animation: pulseA 1s infinite;
    -moz-animation: pulseA 1s infinite;
    -o-animation: pulseA 1s infinite;
    animation: pulseA 1s infinite; }
  .hotspot.type-link .icon {
    -webkit-transform: translate(-70px, -70px) scale(0.25, 0.25);
    -ms-transform: translate(-70px, -70px) scale(0.25, 0.25);
    -moz-transform: translate(-70px, -70px) scale(0.25, 0.25);
    -o-transform: translate(-70px, -70px) scale(0.25, 0.25);
    transform: translate(-70px, -70px) scale(0.25, 0.25);
    background: rgba(0, 0, 0, 0.125);
    border: 10px solid #ffaa44;
    width: 140px;
    height: 140px; }
    .hotspot.type-link .icon svg {
      opacity: 1; }
  .hotspot.visited .icon {
    background: rgba(255, 170, 68, 0);
    animation: none; }
  .hotspot.active {
    z-index: 99999; }
    .hotspot.active .icon {
      background: rgba(0, 0, 0, 0.66);
      border: 10px solid rgba(255, 255, 255, 0);
      -webkit-transform: translate(-35px, -35px) scale(1);
      -ms-transform: translate(-35px, -35px) scale(1);
      -moz-transform: translate(-35px, -35px) scale(1);
      -o-transform: translate(-35px, -35px) scale(1);
      transform: translate(-35px, -35px) scale(1);
      -webkit-animation: pulseB 2s infinite;
      -moz-animation: pulseB 2s infinite;
      -o-animation: pulseB 2s infinite;
      animation: pulseB 2s infinite; }
      .hotspot.active .icon:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
      .hotspot.active .icon svg {
        opacity: 1; }
    .hotspot.active.type-link .icon {
      -webkit-transform: translate(-70px, -70px) scale(0.5);
      -ms-transform: translate(-70px, -70px) scale(0.5);
      -moz-transform: translate(-70px, -70px) scale(0.5);
      -o-transform: translate(-70px, -70px) scale(0.5);
      transform: translate(-70px, -70px) scale(0.5);
      background: rgba(0, 0, 0, 0.125); }
  .hotspot.isEasterEgg {
    opacity: 0;
    -webkit-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out; }
    .hotspot.isEasterEgg .icon {
      background-image: url("assets/_ui/_easteregg/ee0.gif");
      background-size: 200% 200%;
      background-position: center; }
    .hotspot.isEasterEgg.active, .hotspot.isEasterEgg.visited {
      opacity: 1; }

.canvid {
  position: absolute; }

#videoContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
  -webkit-transition: opacity 1500ms linear;
  -ms-transition: opacity 1500ms linear;
  -moz-transition: opacity 1500ms linear;
  -o-transition: opacity 1500ms linear;
  transition: opacity 1500ms linear; }
  #videoContainer.display {
    display: block; }
  #videoContainer.opacity {
    opacity: 1; }

#videoPlayer,
canvas {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden; }

.hotspotContainer {
  -webkit-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out; }
  .hotspotContainer.off {
    opacity: 0; }

#legends {
  margin: 3vm 5vm;
  margin: 3vmin 5vmin;
  position: relative;
  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

.legend {
  display: inline-block;
  position: absolute;
  left: -100%;
  opacity: 0;
  max-width: 550px;
  -webkit-transition: all 1000ms ease-in-out;
  -ms-transition: all 1000ms ease-in-out;
  -moz-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out; }
  .legend.current {
    left: 0%;
    opacity: 1;
    z-index: 9999; }
  .legend.off {
    left: -100%;
    opacity: 0; }

.label {
  position: relative;
  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
  line-height: 2em;
  border-bottom: 2px solid #fff; }

.keyItem {
  display: inline-block;
  position: relative;
  width: 29px;
  height: 29px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1000px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 2px solid rgba(255, 170, 68, 0);
  -webkit-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out; }
  .keyItem.visited {
    background: rgba(255, 255, 255, 0);
    border: 2px solid rgba(255, 255, 255, 0.5); }
  .keyItem:hover, .keyItem:focus {
    border: 2px solid #fa4; }
  .keyItem.active {
    background: #ffaa44; }
    .keyItem.active:hover, .keyItem.active:focus {
      border: 2px solid #fff; }

.loaded .card.opening .openingVeil {
  opacity: 0;
  display: none; }
  .loaded .card.opening .openingVeil svg,
  .loaded .card.opening .openingVeil div {
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out;
    -ms-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    -o-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none; }
.loaded .card.opening .galleryOpening,
.loaded .card.opening .unmuted,
.loaded .card.opening .muted,
.loaded .card.opening .content {
  opacity: 1; }
.loaded .card.current.opening .openingVeil {
  display: block; }

.card.opening .openingVeil {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: black;
  -webkit-transition: opacity 3000ms ease-in-out;
  -ms-transition: opacity 3000ms ease-in-out;
  -moz-transition: opacity 3000ms ease-in-out;
  -o-transition: opacity 3000ms ease-in-out;
  transition: opacity 3000ms ease-in-out; }
  .card.opening .openingVeil:before {
    content: "";
    vertical-align: middle;
    height: 100%;
    display: inline-block; }
  .card.opening .openingVeil svg {
    vertical-align: middle;
    display: inline-block;
    width: 3em;
    -webkit-animation: rotate 2s infinite;
    -moz-animation: rotate 2s infinite;
    -o-animation: rotate 2s infinite;
    animation: rotate 2s infinite; }
  .card.opening .openingVeil div {
    position: absolute;
    top: 50vh;
    width: 100%;
    margin-top: 3em;
    -webkit-animation: opacityPulse 4s infinite;
    -moz-animation: opacityPulse 4s infinite;
    -o-animation: opacityPulse 4s infinite;
    animation: opacityPulse 4s infinite; }
.card.opening .content {
  text-align: center;
  max-width: 720px;
  padding: 0 10px;
  margin: 0 auto;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 2000ms ease-in-out;
  -ms-transition: opacity 2000ms ease-in-out;
  -moz-transition: opacity 2000ms ease-in-out;
  -o-transition: opacity 2000ms ease-in-out;
  transition: opacity 2000ms ease-in-out; }
  .card.opening .content:before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    height: 100%; }
.card.opening .contentWrapper {
  vertical-align: middle;
  display: inline-block;
  width: 100%; }
.card.opening .title,
.card.opening .byLine {
  margin: 5vh 0em; }
.card.opening .title svg {
  max-width: 700px; }
.card.opening .galleryOpening,
.card.opening .unmuted,
.card.opening .muted {
  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
  opacity: 0; }
.card.opening .galleryOpening svg {
  max-height: 10vm;
  max-height: 10vmin; }
  .card.opening .galleryOpening svg path {
    fill: rgba(255, 255, 255, 0.5); }
  .card.opening .galleryOpening svg .primary path {
    fill: white; }
.card.opening .galleryOpening p {
  margin-bottom: 5vh;
  padding: 0 2em;
  line-height: 1.3em; }
.card.opening .galleryOpening .slick-prev,
.card.opening .galleryOpening .slick-next {
  top: 5vm;
  top: 5vmin; }
  .card.opening .galleryOpening .slick-prev path,
  .card.opening .galleryOpening .slick-next path {
    fill: rgba(255, 255, 255, 0.25); }
.card.opening .galleryOpening .slick-prev {
  left: 10%; }
.card.opening .galleryOpening .slick-next {
  right: 10%; }
.card.opening .unmuted,
.card.opening .muted {
  display: inline-block;
  padding: 0 2em 0 1.2em;
  margin-bottom: 1em; }
  .card.opening .unmuted div,
  .card.opening .muted div {
    display: inline-block;
    vertical-align: middle; }
  .card.opening .unmuted .svg,
  .card.opening .muted .svg {
    width: 3em; }
  .card.opening .unmuted .txt,
  .card.opening .muted .txt {
    font-size: 0.8em;
    line-height: 3em; }
    @media screen and (min-width: 500px) {
      .card.opening .unmuted .txt,
      .card.opening .muted .txt {
        font-size: 1em; } }
.card.opening .unmuted {
  border: 2px solid rgba(255, 255, 255, 0);
  background: #ffaa44;
  border-radius: 1000px;
  -webkit-transition: border 250ms ease-in-out;
  -ms-transition: border 250ms ease-in-out;
  -moz-transition: border 250ms ease-in-out;
  -o-transition: border 250ms ease-in-out;
  transition: border 250ms ease-in-out; }
  .card.opening .unmuted:hover, .card.opening .unmuted:focus {
    border: 2px solid white; }
.card.opening .muted {
  color: rgba(255, 255, 255, 0.33);
  font-size: 0.8em;
  -webkit-transition: color 250ms ease-in-out;
  -ms-transition: color 250ms ease-in-out;
  -moz-transition: color 250ms ease-in-out;
  -o-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out; }
  .card.opening .muted path {
    fill: rgba(255, 255, 255, 0.33);
    -webkit-transition: fill 250ms ease-in-out;
    -ms-transition: fill 250ms ease-in-out;
    -moz-transition: fill 250ms ease-in-out;
    -o-transition: fill 250ms ease-in-out;
    transition: fill 250ms ease-in-out; }
  .card.opening .muted:hover, .card.opening .muted:focus {
    color: #ffaa44; }
    .card.opening .muted:hover path, .card.opening .muted:focus path {
      fill: #ffaa44; }
  .card.opening .muted:active {
    color: white; }
    .card.opening .muted:active path {
      fill: white; }

.card,
#sceneTranscripts .transcript {
  display: none;
  overflow: visible;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1000ms ease-in-out;
  -ms-transition: all 1000ms ease-in-out;
  -moz-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out; }
  .card.displayed,
  #sceneTranscripts .transcript.displayed {
    display: block; }
  .card .easterEggBG,
  #sceneTranscripts .transcript .easterEggBG {
    background-image: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: -100%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-transition: top 1000ms ease-in-out;
    -ms-transition: top 1000ms ease-in-out;
    -moz-transition: top 1000ms ease-in-out;
    -o-transition: top 1000ms ease-in-out;
    transition: top 1000ms ease-in-out; }
  .card .easterEggCredit,
  #sceneTranscripts .transcript .easterEggCredit {
    position: absolute;
    top: 5px;
    right: 5px;
    text-transform: none;
    font-size: 11px;
    text-align: right; }
  .card .extraBG,
  #sceneTranscripts .transcript .extraBG {
    background-image: url("assets/_ui/card_bg_6.png"), url("assets/_ui/card_bg_5.png"), url("assets/_ui/card_bg_4.png"), url("assets/_ui/card_bg_3.png"), url("assets/_ui/card_bg_2.png"), url("assets/_ui/card_bg_1.png");
    background-size: contain, contain, 100% 100%, auto, auto, cover;
    background-position: right bottom, left top, center, left top, left top, center;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat, no-repeat;
    top: -100%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-transition: top 1000ms ease-in-out;
    -ms-transition: top 1000ms ease-in-out;
    -moz-transition: top 1000ms ease-in-out;
    -o-transition: top 1000ms ease-in-out;
    transition: top 1000ms ease-in-out; }
  .card .extra,
  #sceneTranscripts .transcript .extra {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: black;
    height: 100%; }
  .card.current,
  #sceneTranscripts .transcript.current {
    top: 0;
    opacity: 1; }
    .card.current .extraBG,
    .card.current .easterEggBG,
    #sceneTranscripts .transcript.current .extraBG,
    #sceneTranscripts .transcript.current .easterEggBG {
      top: 0; }
    .card.current .content,
    #sceneTranscripts .transcript.current .content {
      height: 100%;
      overflow-y: auto; }
    .card.current .easterEggBG,
    #sceneTranscripts .transcript.current .easterEggBG {
      background-image: url("assets/_ui/_easteregg/ee0.gif");
      mix-blend-mode: exclusion; }
  .card .close,
  #sceneTranscripts .transcript .close {
    position: absolute;
    width: 5vm;
    height: 5vm;
    width: 5vmin;
    height: 5vmin;
    max-width: 5em;
    max-height: 5em;
    min-width: 2em;
    min-height: 2em;
    top: 2vm;
    top: 2vmin;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 1000px;
    z-index: 999;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: border-color 250ms ease-in-out;
    -ms-transition: border-color 250ms ease-in-out;
    -moz-transition: border-color 250ms ease-in-out;
    -o-transition: border-color 250ms ease-in-out;
    transition: border-color 250ms ease-in-out; }
    .card .close:hover, .card .close:focus,
    #sceneTranscripts .transcript .close:hover,
    #sceneTranscripts .transcript .close:focus {
      border-color: #ffaa44; }
    .card .close:active,
    #sceneTranscripts .transcript .close:active {
      border-color: white; }
  .card .content,
  #sceneTranscripts .transcript .content {
    z-index: 100; }
  .card .headingContainer,
  #sceneTranscripts .transcript .headingContainer {
    text-align: center; }

.no-mixblendmode .card.current .easterEggBG,
.no-mixblendmode #sceneTranscripts .transcript.current .easterEggBG {
  mix-blend-mode: normal;
  opacity: 0.75; }

#sceneTranscripts .transcript .content {
  height: 85vh;
  top: 15vh;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 700px; }
  #sceneTranscripts .transcript .content:before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    height: 100%; }
  #sceneTranscripts .transcript .content p {
    vertical-align: middle;
    display: inline-block; }
#sceneTranscripts .transcript.current .content {
  height: 85vh; }

.gallery.slick-slider {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out; }
  .gallery.slick-slider.visible {
    opacity: 1; }

.type-audio.hasgallery .contained, .type-audio.hasphoto .contained, .type-audio.hasvideo .contained {
  height: 50vh;
  padding-top: 10vh; }
  .type-audio.hasgallery .contained .outerwrapper .caption, .type-audio.hasphoto .contained .outerwrapper .caption, .type-audio.hasvideo .contained .outerwrapper .caption {
    display: none; }

.type-photo .headingContainer,
.type-gallery .headingContainer,
.type-video .headingContainer {
  margin-top: 20vh; }
.type-photo.hasphoto .contained .image, .type-photo.hasgallery .contained .image, .type-photo.hasvideo .contained .image,
.type-gallery.hasphoto .contained .image,
.type-gallery.hasgallery .contained .image,
.type-gallery.hasvideo .contained .image,
.type-video.hasphoto .contained .image,
.type-video.hasgallery .contained .image,
.type-video.hasvideo .contained .image {
  margin-top: 3vh;
  max-height: 40vh; }
.type-photo.hasphoto .slick-prev,
.type-photo.hasphoto .slick-next, .type-photo.hasgallery .slick-prev,
.type-photo.hasgallery .slick-next, .type-photo.hasvideo .slick-prev,
.type-photo.hasvideo .slick-next,
.type-gallery.hasphoto .slick-prev,
.type-gallery.hasphoto .slick-next,
.type-gallery.hasgallery .slick-prev,
.type-gallery.hasgallery .slick-next,
.type-gallery.hasvideo .slick-prev,
.type-gallery.hasvideo .slick-next,
.type-video.hasphoto .slick-prev,
.type-video.hasphoto .slick-next,
.type-video.hasgallery .slick-prev,
.type-video.hasgallery .slick-next,
.type-video.hasvideo .slick-prev,
.type-video.hasvideo .slick-next {
  top: 20vh; }
@media screen and (min-width: 992px) {
  .type-photo.hasphoto .slick-prev, .type-photo.hasgallery .slick-prev, .type-photo.hasvideo .slick-prev,
  .type-gallery.hasphoto .slick-prev,
  .type-gallery.hasgallery .slick-prev,
  .type-gallery.hasvideo .slick-prev,
  .type-video.hasphoto .slick-prev,
  .type-video.hasgallery .slick-prev,
  .type-video.hasvideo .slick-prev {
    left: 5vw; } }
@media screen and (min-width: 1200px) {
  .type-photo.hasphoto .slick-prev, .type-photo.hasgallery .slick-prev, .type-photo.hasvideo .slick-prev,
  .type-gallery.hasphoto .slick-prev,
  .type-gallery.hasgallery .slick-prev,
  .type-gallery.hasvideo .slick-prev,
  .type-video.hasphoto .slick-prev,
  .type-video.hasgallery .slick-prev,
  .type-video.hasvideo .slick-prev {
    left: 10vw; } }
@media screen and (min-width: 992px) {
  .type-photo.hasphoto .slick-next, .type-photo.hasgallery .slick-next, .type-photo.hasvideo .slick-next,
  .type-gallery.hasphoto .slick-next,
  .type-gallery.hasgallery .slick-next,
  .type-gallery.hasvideo .slick-next,
  .type-video.hasphoto .slick-next,
  .type-video.hasgallery .slick-next,
  .type-video.hasvideo .slick-next {
    right: 5vw; } }
@media screen and (min-width: 1200px) {
  .type-photo.hasphoto .slick-next, .type-photo.hasgallery .slick-next, .type-photo.hasvideo .slick-next,
  .type-gallery.hasphoto .slick-next,
  .type-gallery.hasgallery .slick-next,
  .type-gallery.hasvideo .slick-next,
  .type-video.hasphoto .slick-next,
  .type-video.hasgallery .slick-next,
  .type-video.hasvideo .slick-next {
    right: 10vw; } }
.type-photo .expand,
.type-gallery .expand,
.type-video .expand {
  margin-top: 3vh; }

.hasgallery iframe,
.hasphoto iframe,
.hasvideo iframe {
  width: 80vm;
  height: 45vm;
  width: 80vmin;
  height: 45vmin; }
.hasgallery .contained,
.hasphoto .contained,
.hasvideo .contained {
  text-align: center; }
  .hasgallery .contained:before,
  .hasphoto .contained:before,
  .hasvideo .contained:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .hasgallery .contained .caption,
  .hasphoto .contained .caption,
  .hasvideo .contained .caption {
    font-size: 0.9em; }
  .hasgallery .contained .outerwrapper,
  .hasphoto .contained .outerwrapper,
  .hasvideo .contained .outerwrapper {
    display: inline-block;
    vertical-align: middle; }
  .hasgallery .contained .innerwrapper,
  .hasphoto .contained .innerwrapper,
  .hasvideo .contained .innerwrapper {
    position: relative; }
    .hasgallery .contained .innerwrapper .expand,
    .hasphoto .contained .innerwrapper .expand,
    .hasvideo .contained .innerwrapper .expand {
      position: absolute;
      right: 0;
      top: 0;
      width: 2.5em;
      height: 2.5em;
      background: rgba(0, 0, 0, 0.5); }
  .hasgallery .contained .image,
  .hasphoto .contained .image,
  .hasvideo .contained .image {
    max-width: 80vw;
    max-height: 30vh; }
.hasgallery .slick-current,
.hasphoto .slick-current,
.hasvideo .slick-current {
  overflow-y: scroll; }
.hasgallery .full,
.hasphoto .full,
.hasvideo .full {
  background: #222222;
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 0;
  opacity: 0;
  text-align: center;
  overflow: hidden;
  -webkit-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out; }
  .hasgallery .full.displayed,
  .hasphoto .full.displayed,
  .hasvideo .full.displayed {
    display: block; }
  .hasgallery .full.visible,
  .hasphoto .full.visible,
  .hasvideo .full.visible {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    .hasgallery .full.visible .outerwrapper,
    .hasphoto .full.visible .outerwrapper,
    .hasvideo .full.visible .outerwrapper {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .hasgallery .full .outerwrapper,
  .hasphoto .full .outerwrapper,
  .hasvideo .full .outerwrapper {
    display: inline-block;
    vertical-align: middle;
    overflow: visible;
    -webkit-transform: translateY(100vm);
    -ms-transform: translateY(100vm);
    -moz-transform: translateY(100vm);
    -o-transform: translateY(100vm);
    transform: translateY(100vm);
    -webkit-transform: translateY(100vmin);
    -ms-transform: translateY(100vmin);
    -moz-transform: translateY(100vmin);
    -o-transform: translateY(100vmin);
    transform: translateY(100vmin);
    -webkit-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out; }
  .hasgallery .full .image,
  .hasphoto .full .image,
  .hasvideo .full .image {
    max-height: 70vh;
    max-width: 95vw;
    box-shadow: 0px 0px 10vm #000;
    box-shadow: 0px 0px 10vmin #000; }
  .hasgallery .full .caption,
  .hasphoto .full .caption,
  .hasvideo .full .caption {
    margin-top: 1em; }
  .hasgallery .full .slick-next,
  .hasgallery .full .slick-prev,
  .hasphoto .full .slick-next,
  .hasphoto .full .slick-prev,
  .hasvideo .full .slick-next,
  .hasvideo .full .slick-prev {
    transform: none;
    top: 2.25vm;
    top: 2.25vmin; }
  .hasgallery .full .slick-prev,
  .hasphoto .full .slick-prev,
  .hasvideo .full .slick-prev {
    left: 35vw; }
  .hasgallery .full .slick-next,
  .hasphoto .full .slick-next,
  .hasvideo .full .slick-next {
    right: 35vw; }
.hasgallery .outerwrapper .innerwrapper,
.hasphoto .outerwrapper .innerwrapper,
.hasvideo .outerwrapper .innerwrapper {
  margin: 0 auto;
  display: table; }
.hasgallery .outerwrapper .image,
.hasphoto .outerwrapper .image,
.hasvideo .outerwrapper .image {
  margin: 0 auto;
  display: table-cell;
  min-width: 10vm;
  min-height: 10vm;
  min-width: 10vmin;
  min-height: 10vmin;
  background-color: black;
  background-image: url("assets/_ui/loading_dots.gif");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-box-shadow: 0 0 2vm black;
  -ms-box-shadow: 0 0 2vm black;
  -moz-box-shadow: 0 0 2vm black;
  -o-box-shadow: 0 0 2vm black;
  box-shadow: 0 0 2vm black;
  -webkit-box-shadow: 0 0 2vmin black;
  -ms-box-shadow: 0 0 2vmin black;
  -moz-box-shadow: 0 0 2vmin black;
  -o-box-shadow: 0 0 2vmin black;
  box-shadow: 0 0 2vmin black; }
.hasgallery .outerwrapper .caption,
.hasphoto .outerwrapper .caption,
.hasvideo .outerwrapper .caption {
  margin: 1vh auto;
  padding: 1vh 0;
  display: table-caption;
  caption-side: bottom;
  max-width: 700px; }

.hasphoto .full:before,
.hasvideo .full:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.hasgallery .full .fullwrapper:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }
.hasgallery .full .slick-slider,
.hasgallery .full .slick-list,
.hasgallery .full .slick-track,
.hasgallery .full .slick-slide {
  height: 100vh; }
.hasgallery .full .outerwrapper .image {
  margin-top: 10vh; }

.audioPlayerWrapper {
  position: relative;
  margin-top: 2vh; }

.audioPlayer,
.audioPlayerTranscript {
  width: 30vh;
  max-width: 90vm;
  max-width: 90vmin;
  margin: 0 auto;
  -webkit-transition: all 1500ms ease-in-out;
  -ms-transition: all 1500ms ease-in-out;
  -moz-transition: all 1500ms ease-in-out;
  -o-transition: all 1500ms ease-in-out;
  transition: all 1500ms ease-in-out; }

.audioPlayerTranscript {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  padding: 2em;
  opacity: 0;
  z-index: 10;
  min-height: 100%;
  max-height: 100%;
  top: 0;
  background: url("assets/_ui/vignette.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
  left: 50%;
  width: 100vw;
  max-width: 600px;
  overflow: hidden;
  -webkit-transform: translateX(-50%) rotateY(-180deg);
  -ms-transform: translateX(-50%) rotateY(-180deg);
  -moz-transform: translateX(-50%) rotateY(-180deg);
  -o-transform: translateX(-50%) rotateY(-180deg);
  transform: translateX(-50%) rotateY(-180deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media screen and (min-width: 500px) {
    .audioPlayerTranscript {
      border-radius: 10px; } }
  .audioPlayerTranscript.flipped {
    opacity: 1;
    z-index: 100;
    max-height: 1000%;
    margin-bottom: 3em;
    -webkit-transform: translateX(-50%) rotateY(0deg);
    -ms-transform: translateX(-50%) rotateY(0deg);
    -moz-transform: translateX(-50%) rotateY(0deg);
    -o-transform: translateX(-50%) rotateY(0deg);
    transform: translateX(-50%) rotateY(0deg); }
  .audioPlayerTranscript .close {
    position: relative;
    top: 0;
    left: auto;
    margin: 1em auto 1.5em;
    transform: translate(0);
    max-width: 3em;
    max-height: 3em; }

.credit {
  font-family: "Brandon-Text";
  font-size: 0.8em;
  display: block;
  line-height: 1.3em;
  margin-top: 0.33em;
  opacity: 0.75; }

.audioPlayer {
  position: relative;
  opacity: 1;
  z-index: 100;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }
  .audioPlayer.flipped {
    opacity: 0;
    z-index: 10;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .audioPlayer .play,
  .audioPlayer .prev,
  .audioPlayer .next,
  .audioPlayer .cc {
    position: absolute;
    border: 4px solid rgba(255, 255, 255, 0);
    border-radius: 10000px;
    -webkit-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
    .audioPlayer .play:hover, .audioPlayer .play:focus,
    .audioPlayer .prev:hover,
    .audioPlayer .prev:focus,
    .audioPlayer .next:hover,
    .audioPlayer .next:focus,
    .audioPlayer .cc:hover,
    .audioPlayer .cc:focus {
      border-color: #ffaa44; }
      .audioPlayer .play:hover path, .audioPlayer .play:focus path,
      .audioPlayer .prev:hover path,
      .audioPlayer .prev:focus path,
      .audioPlayer .next:hover path,
      .audioPlayer .next:focus path,
      .audioPlayer .cc:hover path,
      .audioPlayer .cc:focus path {
        fill: white; }
    .audioPlayer .play:active,
    .audioPlayer .prev:active,
    .audioPlayer .next:active,
    .audioPlayer .cc:active {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9); }
    .audioPlayer .play path,
    .audioPlayer .prev path,
    .audioPlayer .next path,
    .audioPlayer .cc path {
      fill: white;
      -webkit-transition: all 250ms ease-in-out;
      -ms-transition: all 250ms ease-in-out;
      -moz-transition: all 250ms ease-in-out;
      -o-transition: all 250ms ease-in-out;
      transition: all 250ms ease-in-out; }
  .audioPlayer .play {
    width: 33.333333333%;
    height: 33.075%;
    top: 33.333333333%;
    left: 33.333333333%;
    background: rgba(255, 255, 255, 0.66); }
    .audioPlayer .play.playing {
      background: #ffaa44; }
      .audioPlayer .play.playing:hover, .audioPlayer .play.playing:focus {
        border-color: white; }
  .audioPlayer .prev,
  .audioPlayer .next,
  .audioPlayer .cc {
    width: 16%;
    height: 15.75%; }
  .audioPlayer .prev,
  .audioPlayer .next {
    background: rgba(255, 255, 255, 0.33); }
  .audioPlayer .prev {
    top: 42%;
    left: 11%; }
    .audioPlayer .prev:hover, .audioPlayer .prev:focus {
      -webkit-transform: rotate(-90deg) scale(1);
      -ms-transform: rotate(-90deg) scale(1);
      -moz-transform: rotate(-90deg) scale(1);
      -o-transform: rotate(-90deg) scale(1);
      transform: rotate(-90deg) scale(1); }
    .audioPlayer .prev:active {
      -webkit-transform: rotate(-180deg) scale(0.9);
      -ms-transform: rotate(-180deg) scale(0.9);
      -moz-transform: rotate(-180deg) scale(0.9);
      -o-transform: rotate(-180deg) scale(0.9);
      transform: rotate(-180deg) scale(0.9); }
  .audioPlayer .next {
    top: 42%;
    left: 73%; }
    .audioPlayer .next:hover, .audioPlayer .next:focus {
      -webkit-transform: rotate(90deg) scale(1);
      -ms-transform: rotate(90deg) scale(1);
      -moz-transform: rotate(90deg) scale(1);
      -o-transform: rotate(90deg) scale(1);
      transform: rotate(90deg) scale(1); }
    .audioPlayer .next:active {
      -webkit-transform: rotate(180deg) scale(0.9);
      -ms-transform: rotate(180deg) scale(0.9);
      -moz-transform: rotate(180deg) scale(0.9);
      -o-transform: rotate(180deg) scale(0.9);
      transform: rotate(180deg) scale(0.9); }
  .audioPlayer .cc {
    top: 72%;
    left: 42%; }

.progressBar .track,
.progressBar .progress {
  stroke-width: 2%; }
.progressBar .track {
  stroke: rgba(255, 255, 255, 0.1); }
.progressBar .progress {
  stroke: #ffaa44; }
.progressBar .dot {
  stroke: white;
  stroke-width: 4%; }

.uiBar {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 3vm 5vm 2vm;
  padding: 3vmin 5vmin 2vmin;
  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }
  .uiBar.off {
    bottom: -100%; }
  .uiBar #sceneList,
  .uiBar .menu {
    z-index: 10;
    position: relative; }
  .uiBar:before, .uiBar:after {
    pointer-events: none;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30vh;
    background: url("assets/_ui/uibar.png");
    background-size: 100% 100%; }
  .uiBar:after {
    height: 10vh;
    opacity: 0.5; }

#sceneList {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 1vm;
  margin-bottom: 1vmin;
  width: 100%; }
  @media screen and (min-width: 768px) {
    #sceneList {
      width: auto; } }
  #sceneList li {
    display: inline-block;
    margin: 0;
    position: relative;
    padding: 1em 1em; }
    @media screen and (min-width: 500px) {
      #sceneList li {
        margin: 0 0.4em; } }
  #sceneList .scene {
    border-top: 2px solid #fff;
    width: 0em;
    white-space: nowrap;
    opacity: 0.25;
    padding: 1em 0em;
    vertical-align: top;
    color: rgba(255, 255, 255, 0);
    -webkit-transform: translate(0, 45%);
    -ms-transform: translate(0, 45%);
    -moz-transform: translate(0, 45%);
    -o-transform: translate(0, 45%);
    transform: translate(0, 45%);
    -webkit-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background-image: url("assets/_ui/timeline_transparent.png");
    background-size: 100% 104%;
    background-repeat: repeat;
    background-position: left top; }
    #sceneList .scene:before {
      position: absolute;
      content: "";
      width: 10px;
      height: 10px;
      margin-left: -5px;
      left: 50%;
      top: -6px;
      border: 2px solid #fff;
      border-radius: 10px;
      background: #000;
      opacity: 0;
      -webkit-transition: background 500ms ease-in-out;
      -ms-transition: background 500ms ease-in-out;
      -moz-transition: background 500ms ease-in-out;
      -o-transition: background 500ms ease-in-out;
      transition: background 500ms ease-in-out; }
    #sceneList .scene:after {
      content: "";
      position: absolute;
      content: "";
      width: 100%;
      height: 1.6em;
      left: 0;
      bottom: 100%; }
    #sceneList .scene:hover, #sceneList .scene:focus {
      opacity: 1; }
      #sceneList .scene:hover:before, #sceneList .scene:focus:before {
        background: #fa4; }
    #sceneList .scene .play,
    #sceneList .scene .transcript {
      display: none;
      background: rgba(255, 255, 255, 0);
      position: absolute;
      right: 50%;
      bottom: 130%;
      width: 2em;
      height: 2em;
      margin-right: -1em;
      border-radius: 1000px;
      z-index: 1; }
      @media screen and (min-width: 500px) {
        #sceneList .scene .play,
        #sceneList .scene .transcript {
          width: 1.5em;
          height: 1.5em;
          right: 0.35em;
          bottom: auto;
          top: 0.65em;
          margin-right: 0;
          background: rgba(255, 255, 255, 0); } }
    #sceneList .scene .clickbox {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100; }
    #sceneList .scene path {
      fill: rgba(255, 255, 255, 0);
      -webkit-transition: fill 500ms ease-in-out;
      -ms-transition: fill 500ms ease-in-out;
      -moz-transition: fill 500ms ease-in-out;
      -o-transition: fill 500ms ease-in-out;
      transition: fill 500ms ease-in-out; }
    @media screen and (min-width: 500px) {
      #sceneList .scene {
        width: auto;
        max-width: 0;
        padding: 1em 1.2em; }
        #sceneList .scene:before {
          opacity: 1; } }
    @media screen and (min-width: 768px) {
      #sceneList .scene {
        padding: 1em 1.5em; } }
    @media screen and (min-width: 992px) {
      #sceneList .scene {
        padding: 1em 2em; } }
    @media screen and (min-width: 1200px) {
      #sceneList .scene {
        max-width: 11em; }
        #sceneList .scene:hover, #sceneList .scene:focus {
          -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -moz-transform: translate(0, 0);
          -o-transform: translate(0, 0);
          transform: translate(0, 0);
          color: white; } }
    #sceneList .scene.hasIntro .play {
      display: block; }
    #sceneList .scene.hasIntro .transcript {
      display: none; }
    #sceneList .scene.current {
      color: white;
      width: 70%;
      max-width: none;
      padding: 1em 2em;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
      background-image: url("assets/_ui/timeline_gradient.png"); }
      #sceneList .scene.current:before {
        background: #fa4; }
      #sceneList .scene.current .play,
      #sceneList .scene.current .transcript {
        background: rgba(255, 255, 255, 0.25);
        z-index: 100; }
      #sceneList .scene.current .clickbox {
        z-index: 1; }
      #sceneList .scene.current path {
        fill: white; }
      @media screen and (min-width: 500px) {
        #sceneList .scene.current {
          width: auto;
          max-width: 12em; }
          #sceneList .scene.current .play,
          #sceneList .scene.current .transcript {
            background: rgba(255, 255, 255, 0); } }
      @media screen and (min-width: 768px) {
        #sceneList .scene.current {
          padding: 1em 2em; } }
    #sceneList .scene.visited {
      opacity: 1; }
  #sceneList .prev,
  #sceneList .next {
    height: 3em;
    padding: 0;
    -webkit-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out; }
    #sceneList .prev:hover path, #sceneList .prev:focus path,
    #sceneList .next:hover path,
    #sceneList .next:focus path {
      fill: #ffaa44; }
    #sceneList .prev:active path,
    #sceneList .next:active path {
      fill: white; }
    @media screen and (min-width: 500px) {
      #sceneList .prev,
      #sceneList .next {
        width: auto; } }
    #sceneList .prev svg,
    #sceneList .next svg {
      height: 100%;
      display: block; }
    #sceneList .prev path,
    #sceneList .next path {
      -webkit-transition: fill 250ms ease-in-out;
      -ms-transition: fill 250ms ease-in-out;
      -moz-transition: fill 250ms ease-in-out;
      -o-transition: fill 250ms ease-in-out;
      transition: fill 250ms ease-in-out; }
    #sceneList .prev.disabled,
    #sceneList .next.disabled {
      opacity: 0.25; }
  #sceneList .prev {
    margin-left: 0; }
  #sceneList .next {
    margin-right: 0; }

.muted #sceneList .scene.hasIntro .play {
  display: none; }
.muted #sceneList .scene.hasIntro .transcript {
  display: block; }

.menu,
.share {
  float: right;
  width: 100%;
  text-align: left;
  z-index: 10;
  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }
  @media screen and (min-width: 768px) {
    .menu,
    .share {
      width: auto;
      text-align: center;
      border: none;
      padding-top: 0; } }
  .menu > div, .menu > a,
  .share > div,
  .share > a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    border-radius: 1000px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
    .menu > div:first-child, .menu > a:first-child,
    .share > div:first-child,
    .share > a:first-child {
      margin-left: 0; }
    @media screen and (min-width: 500px) {
      .menu > div, .menu > a,
      .share > div,
      .share > a {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 30px;
        height: 30px; } }
    @media screen and (min-width: 992px) {
      .menu > div, .menu > a,
      .share > div,
      .share > a {
        margin-top: 0;
        margin-bottom: 0;
        width: 40px;
        height: 40px; } }
  .menu svg,
  .share svg {
    display: block; }

.menu {
  float: right;
  margin-bottom: 1vm;
  margin-bottom: 1vmin;
  width: 100%;
  text-align: left;
  z-index: 10;
  border-top: 2px solid rgba(255, 255, 255, 0.125);
  padding-top: 1vh; }
  @media screen and (min-width: 768px) {
    .menu {
      width: auto;
      text-align: center;
      border: none;
      padding-top: 0; } }
  .menu > div:hover, .menu > div:focus {
    border: 2px solid #ffaa44; }
  .menu svg:first-child {
    display: block; }
  .menu svg:last-child {
    display: none; }
  .menu .enabled svg:first-child {
    display: none; }
  .menu .enabled svg:last-child {
    display: block; }

.share {
  position: relative;
  width: 100%;
  max-height: 0;
  opacity: 0; }
  .share > a {
    border: 2px solid rgba(255, 255, 255, 0); }
    .share > a:hover, .share > a:focus {
      border: 2px solid white; }
  @media screen and (min-width: 768px) {
    .share {
      position: absolute;
      right: -100%;
      width: auto;
      padding: 3vm 5vm 2vm;
      padding: 3vmin 5vmin 2vmin;
      top: -50px; } }
  @media screen and (min-width: 992px) {
    .share {
      top: -70px; } }
  .share.current {
    max-height: 100px;
    opacity: 1; }
    @media screen and (min-width: 768px) {
      .share.current {
        right: 0; } }
  .share .twitter {
    background: #1da1f2; }
  .share .facebook {
    background: #4267b2; }
  .share .reddit {
    background: orangered; }
  .share .email {
    background: #666; }

#shareToggle.current, #shareToggle.enabled,
#muteToggle.current,
#muteToggle.enabled,
#fullscreenToggle.current,
#fullscreenToggle.enabled {
  background: #ffaa44;
  border-color: #ffaa44; }
  #shareToggle.current:hover, #shareToggle.current:focus, #shareToggle.enabled:hover, #shareToggle.enabled:focus,
  #muteToggle.current:hover,
  #muteToggle.current:focus,
  #muteToggle.enabled:hover,
  #muteToggle.enabled:focus,
  #fullscreenToggle.current:hover,
  #fullscreenToggle.current:focus,
  #fullscreenToggle.enabled:hover,
  #fullscreenToggle.enabled:focus {
    border-color: white; }

.videoplaying .scenes li,
.videoplaying .menu > div {
  pointer-events: none; }

#legends .brand {
  display: none;
  float: right;
  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }
  @media screen and (min-width: 768px) {
    #legends .brand {
      display: block; } }
  #legends .brand.off {
    opacity: 0; }
  #legends .brand svg {
    height: 2.5em; }
    @media screen and (min-width: 992px) {
      #legends .brand svg {
        height: 3em; } }

.uiBar .brand {
  width: auto;
  border: none;
  float: right; }
  @media screen and (min-width: 768px) {
    .uiBar .brand {
      display: none; } }
  .uiBar .brand svg {
    display: block;
    height: 1.8em;
    margin: 0.2em 0 0 1em; }

.brand svg path,
.brand svg polygon {
  -webkit-transition: fill 250ms ease-in-out;
  -ms-transition: fill 250ms ease-in-out;
  -moz-transition: fill 250ms ease-in-out;
  -o-transition: fill 250ms ease-in-out;
  transition: fill 250ms ease-in-out; }
.brand:hover svg g path,
.brand:hover svg g polygon, .brand:focus svg g path,
.brand:focus svg g polygon {
  -webkit-filter: drop-shadow(12px 12px 7px black);
  -ms-filter: drop-shadow(12px 12px 7px black);
  -moz-filter: drop-shadow(12px 12px 7px black);
  -o-filter: drop-shadow(12px 12px 7px black);
  filter: drop-shadow(12px 12px 7px black); }
.brand:hover svg g:last-child path,
.brand:hover svg g:last-child polygon, .brand:focus svg g:last-child path,
.brand:focus svg g:last-child polygon {
  fill: #c00; }
.brand:hover svg g:first-child path,
.brand:hover svg g:first-child polygon, .brand:focus svg g:first-child path,
.brand:focus svg g:first-child polygon {
  fill: #5790be; }

.no-csspointerevents .progressBar .dot {
  stroke: transparent; }

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