/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../Users/lukekazanis/.rbenv/versions/2.4.1/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Users/lukekazanis/.rbenv/versions/2.4.1/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Users/lukekazanis/.rbenv/versions/2.4.1/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Users/lukekazanis/.rbenv/versions/2.4.1/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Users/lukekazanis/.rbenv/versions/2.4.1/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Users/lukekazanis/.rbenv/versions/2.4.1/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Users/lukekazanis/.rbenv/versions/2.4.1/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Users/lukekazanis/.rbenv/versions/2.4.1/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Users/lukekazanis/.rbenv/versions/2.4.1/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'Porter';
  src: url("../fonts/PorterMedium.eot");
  src: url("../fonts/PorterMedium.eot") format("embedded-opentype"), url("../fonts/PorterMedium.woff2") format("woff2"), url("../fonts/PorterMedium.woff") format("woff"), url("../fonts/PorterMedium.ttf") format("truetype"), url("../fonts/PorterMedium.svg#PorterMedium") format("svg");
  font-weight: normal;
}
@font-face {
  font-family: 'Porter';
  src: url("../fonts/PorterLight.eot");
  src: url("../fonts/PorterLight.eot") format("embedded-opentype"), url("../fonts/PorterLight.woff2") format("woff2"), url("../fonts/PorterLight.woff") format("woff"), url("../fonts/PorterLight.ttf") format("truetype"), url("../fonts/PorterLight.svg#PorterLight") format("svg");
  font-weight: 100;
}
@font-face {
  font-family: 'Porter';
  src: url("../fonts/PorterBold.eot");
  src: url("../fonts/PorterBold.eot") format("embedded-opentype"), url("../fonts/PorterBold.woff2") format("woff2"), url("../fonts/PorterBold.woff") format("woff"), url("../fonts/PorterBold.ttf") format("truetype"), url("../fonts/PorterBold.svg#PorterBold") format("svg");
  font-weight: bold;
}
/* line 1, ../sass/_page.scss */
* {
  margin: 0;
  padding: 0;
}

/* to remove the top and left whitespace */
/* line 8, ../sass/_page.scss */
#rotationoverlay {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.8);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/please_rotate.png");
  position: relative;
  z-index: 1000;
}

/* line 22, ../sass/_page.scss */
.hidden {
  display: none !important;
}

/* line 10, ../sass/_player.scss */
#mtplayer {
  width: 100%;
  height: 100%;
  background-color: black;
  overflow: hidden;
  font-family: "Porter", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
@media (min-width: 960px) {
  /* line 10, ../sass/_player.scss */
  #mtplayer {
    min-height: 0px;
  }
}
/* line 26, ../sass/_player.scss */
#mtplayer #mtqualities {
  display: none;
}
/* line 30, ../sass/_player.scss */
#mtplayer #mtwebgl {
  clear: both;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
/* line 40, ../sass/_player.scss */
#mtplayer #video_js {
  display: none;
}
/* line 44, ../sass/_player.scss */
#mtplayer #qualities {
  color: white;
  height: 100%;
  float: right;
  padding: 8px 0;
  margin-right: 10px;
  cursor: pointer;
}
@media (max-width: 440px) {
  /* line 44, ../sass/_player.scss */
  #mtplayer #qualities {
    padding: 12px 0;
    clear: right;
  }
}
/* line 57, ../sass/_player.scss */
#mtplayer #qualities .progressivelabel {
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 0.8em;
}
/* line 65, ../sass/_player.scss */
#mtplayer #qualities ul {
  position: absolute;
  bottom: 50px;
  display: none;
}
@media (max-width: 440px) {
  /* line 65, ../sass/_player.scss */
  #mtplayer #qualities ul {
    bottom: 40px;
  }
}
/* line 73, ../sass/_player.scss */
#mtplayer #qualities ul li {
  padding: 15px;
  margin-left: -15px;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
/* line 83, ../sass/_player.scss */
#mtplayer #fullscreenplayvr,
#mtplayer #fullscreenplay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  position: relative;
}
@media (min-width: 960px) {
  /* line 83, ../sass/_player.scss */
  #mtplayer #fullscreenplayvr,
  #mtplayer #fullscreenplay {
    min-height: 0px;
  }
}
/* line 95, ../sass/_player.scss */
#mtplayer #fullscreenplayvr .play,
#mtplayer #fullscreenplay .play {
  height: 100%;
  background-image: url("../images/play_larg.png");
  background-size: 230px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
@media (min-width: 960px) {
  /* line 95, ../sass/_player.scss */
  #mtplayer #fullscreenplayvr .play,
  #mtplayer #fullscreenplay .play {
    min-height: 0px;
  }
}
/* line 109, ../sass/_player.scss */
#mtplayer #fullscreenplay {
  display: block;
}
/* line 111, ../sass/_player.scss */
#mtplayer #fullscreenplay .play {
  width: 100%;
}
/* line 116, ../sass/_player.scss */
#mtplayer #fullscreenplayvr {
  display: none;
}
/* line 118, ../sass/_player.scss */
#mtplayer #fullscreenplayvr .play {
  width: 50%;
  float: left;
}
/* line 124, ../sass/_player.scss */
#mtplayer .controls {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 30px;
  padding: 10px 2%;
  margin: 0 -2%;
  background-color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 440px) {
  /* line 133, ../sass/_player.scss */
  #mtplayer .controls.transport {
    height: 60px;
  }
}
/* line 139, ../sass/_player.scss */
#mtplayer .controls.transparent {
  background-color: transparent;
}
/* line 145, ../sass/_player.scss */
#mtplayer .controls.top {
  top: 0;
}
/* line 148, ../sass/_player.scss */
#mtplayer .controls.bottom {
  bottom: 0;
}
/* line 152, ../sass/_player.scss */
#mtplayer .controls#controlsvr {
  padding: 10px 0;
  width: 100%;
}
/* line 157, ../sass/_player.scss */
#mtplayer .controls #camerabuttons {
  height: 100%;
  float: left;
}
@media (max-width: 440px) {
  /* line 157, ../sass/_player.scss */
  #mtplayer .controls #camerabuttons {
    height: 45%;
    padding-top: 5px;
    clear: both;
    float: left;
    margin: 0 auto;
  }
}
/* line 169, ../sass/_player.scss */
#mtplayer .controls #camerabuttons .cambutton {
  color: white;
  height: 100%;
  border: 1px solid white;
  border-right: none;
  text-decoration: none;
  float: left;
  line-height: 35px;
  font-size: 24px;
  padding: 0 15px;
}
@media (max-width: 440px) {
  /* line 169, ../sass/_player.scss */
  #mtplayer .controls #camerabuttons .cambutton {
    line-height: 33px;
    font-size: 23px;
  }
}
/* line 185, ../sass/_player.scss */
#mtplayer .controls #camerabuttons .cambutton.last {
  border-right: 1px solid white;
}
/* line 189, ../sass/_player.scss */
#mtplayer .controls #camerabuttons .cambutton.active {
  background-color: white;
  color: black;
}
/* line 196, ../sass/_player.scss */
#mtplayer .controls #seekbar {
  height: 5px;
  width: 96%;
  margin: 13px 2% 0 2%;
  position: relative;
  display: block;
}
/* line 204, ../sass/_player.scss */
#mtplayer .controls #seekbar #seekbackground, #mtplayer .controls #seekbar #buffered, #mtplayer .controls #seekbar #played, #mtplayer .controls #seekbar #seekthumb {
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 211, ../sass/_player.scss */
#mtplayer .controls #seekbar #seekbackground {
  height: 100%;
  width: 100%;
  background-color: #5c5d64;
}
/* line 216, ../sass/_player.scss */
#mtplayer .controls #seekbar #buffered {
  height: 100%;
  width: 0;
  background-color: #acacac;
}
/* line 221, ../sass/_player.scss */
#mtplayer .controls #seekbar #played {
  height: 100%;
  width: 0;
  background-color: #fff;
}
/* line 226, ../sass/_player.scss */
#mtplayer .controls #seekbar #seekthumb {
  height: 22px;
  width: 22px;
  background-color: #fff;
  box-shadow: 1px 1px 2px #000;
  border-radius: 20px;
  margin-top: -8px;
  margin-left: -8px;
}
/* line 237, ../sass/_player.scss */
#mtplayer .controls .mtbutton {
  text-indent: -9999px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 50px;
}
@media (max-width: 440px) {
  /* line 237, ../sass/_player.scss */
  #mtplayer .controls .mtbutton {
    height: 45%;
  }
}
/* line 249, ../sass/_player.scss */
#mtplayer .controls .mtbutton.left {
  float: left;
  margin-right: 10px;
}
/* line 254, ../sass/_player.scss */
#mtplayer .controls .mtbutton.right {
  float: right;
  margin-left: 10px;
}
/* line 260, ../sass/_player.scss */
#mtplayer .controls .mtbutton#fullscreen {
  background-image: url("../images/fullscreen.png");
}
/* line 264, ../sass/_player.scss */
#mtplayer .controls .mtbutton#play.playing {
  background-image: url("../images/pause.png");
}
/* line 267, ../sass/_player.scss */
#mtplayer .controls .mtbutton#play.paused {
  background-image: url("../images/play.png");
}
/* line 270, ../sass/_player.scss */
#mtplayer .controls .mtbutton#play.buffering {
  background-image: url("../images/buffering.gif");
}
/* line 274, ../sass/_player.scss */
#mtplayer .controls .mtbutton#vr, #mtplayer .controls .mtbutton#vrdisable-l, #mtplayer .controls .mtbutton#vrdisable-r {
  background-image: url("../images/vr.png");
}
/* line 276, ../sass/_player.scss */
#mtplayer .controls .mtbutton#vr.disable, #mtplayer .controls .mtbutton#vrdisable-l.disable, #mtplayer .controls .mtbutton#vrdisable-r.disable {
  background-image: url("../images/vr_active.png");
}
/* line 280, ../sass/_player.scss */
#mtplayer .controls .mtbutton#vrdisable-l, #mtplayer .controls .mtbutton#vrdisable-r {
  width: 48%;
  margin: 0 0 0 2%;
  background-position: left;
}
/* line 286, ../sass/_player.scss */
#mtplayer .controls .mtbutton#gyro.enabled {
  background-image: url("../images/gyro_on.png");
}
/* line 289, ../sass/_player.scss */
#mtplayer .controls .mtbutton#gyro.disabled {
  background-image: url("../images/gyro_off.png");
}
/* line 294, ../sass/_player.scss */
#mtplayer .controls .mtbutton#mute.enabled {
  background-image: url("../images/speaker_mute.png");
}
/* line 297, ../sass/_player.scss */
#mtplayer .controls .mtbutton#mute.disabled {
  background-image: url("../images/speaker.png");
}