/* APP-WIDE STYLES -------------------------------------------------------------  */
/* line 4, ../scss/preloader.scss */
#main {
  position: relative;
  width: 810px;
  height: 830px;
  margin: auto;
  overflow: hidden; }

/* line 12, ../scss/preloader.scss */
#footer-container {
  position: absolute;
  top: 0px;
  left: 0px; }

/* line 20, ../scss/preloader.scss */
.touch #main {
  height: 980px; }
/* line 24, ../scss/preloader.scss */
.touch #content-container {
  top: 50px; }
  /* line 27, ../scss/preloader.scss */
  .touch #content-container #help-flap {
    margin-top: -50px; }
  /* line 31, ../scss/preloader.scss */
  .touch #content-container #skip-button {
    margin-top: 155px; }
  /* line 35, ../scss/preloader.scss */
  .touch #content-container #progress-controls {
    top: 60px; }
/* line 40, ../scss/preloader.scss */
.touch #footer-container {
  top: 140px; }

/* 

.no-touch {

	#main {
		//height: 830px;
	}	

	#footer-container {
		top: 0px;
	}
}

*/
/* PRELOADER ONLY STYLES -------------------------------------------------------  */
/* line 66, ../scss/preloader.scss */
#site-preloader {
  position: absolute;
  width: 810px;
  height: 1080px;
  z-index: 9999;
  background: url("../images/preloader/bg.jpg") no-repeat; }
  /* line 75, ../scss/preloader.scss */
  #site-preloader #load-progress-indicator {
    position: absolute;
    left: 252px;
    top: 328px; }
    /* line 80, ../scss/preloader.scss */
    #site-preloader #load-progress-indicator img {
      position: absolute;
      top: 0px;
      left: 0px; }
    /* line 86, ../scss/preloader.scss */
    #site-preloader #load-progress-indicator .load-progress {
      opacity: 0;
      margin-left: -1px; }
  /* line 92, ../scss/preloader.scss */
  #site-preloader #load-ribbon {
    position: absolute;
    left: 268px;
    top: 463px; }

/* OVELAY ------------------------------------------------------------------  */
/* line 102, ../scss/preloader.scss */
#enforce-portrait {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
  overflow: hidden;
  display: none; }
  /* line 115, ../scss/preloader.scss */
  #enforce-portrait #horizon {
    display: block;
    overflow: visible;
    position: absolute;
    text-align: center;
    top: 50%;
    visibility: visible;
    width: 100%; }
    /* line 124, ../scss/preloader.scss */
    #enforce-portrait #horizon #warning {
      left: 50%;
      margin-left: -125px;
      position: absolute;
      visibility: visible;
      width: 250px; }