/*************************  NEW BOX MODEL  *************************/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }


/*************************  CLEARFIX  *************************/
.clearfix:after      { content: "."; clear: both; display: block; height: 0; visibility: hidden }
.clearfix            { display: inline-block }
* html .clearfix     { height: 1% }
.clearfix            { display: block }

/*************************  GLOBAL  *************************/
body { font-family: arial, verdana; font-size: 1em; line-height: 1.4; margin: 0; background: #000 }
@media all and (min-width: 500px) {
  body { padding: 12px }
}


/*************************  VIDEOJS  *************************/
.video-js { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer }
.video-js .vjs-control-bar { z-index: 10000000 }
.video-js .vjs-big-play-button { z-index: 10000000}
.vjs-ended .vjs-poster { display: block }
/*.vjs-has-started .vjs-big-play-button { display: block }
.vjs-playing .vjs-big-play-button { display: none }
.vjs-ended .vjs-control-bar { display: none }*/
/*.vjs-ended .vjs-poster { opacity: .2 }*/
.vjs-remaining-time { display: none }
.hide-controls::-webkit-media-controls { display: none }


/*************************  MODULES  *************************/
.player-and-know-god-wrapper { max-width: 800px; margin: 0 auto }
.player-and-know-god { width: 100%; height: auto; padding-top: 56.25%; position: relative }
.know-god-layer { position: absolute; z-index: 10; left: 0px; top: 0px; width: 100%; text-align: center; right: 0px; bottom: 0px }
.know-god-inner { display: table; width: 100%; height: 100% }
.know-god-buttons { display: table-cell; vertical-align: middle }
.know-god-buttons-title { color: #fff; margin-bottom: .5em; font-size: 1.5rem; font-weight: bold }
.know-god-buttons-text { color: #fff; font-size: 1.1rem }
.know-god-button { background: #fff; padding: .5em 1em; line-height: 1; display: inline-block;
  text-decoration: none; font-size: 1.6rem; color: #222; border-radius: .05em }


/*************************  MISC  *************************/
.block { display: block }
.hidden { display: none }


/*************************  STATES  *************************/
.is-hidden { display: none !important }