/* line 1, ../source/structure/_structure-main.scss */
html, body {
  height: 100%;
}

/* line 9, ../source/structure/_structure-main.scss */
#rs-i-demo {
  width: 100%;
  height: 100%;
  min-width: 920px;
  min-height: 620px;
  height: 100% !important;
  width: 100% !important;
  overflow: hidden;
}

/* line 19, ../source/structure/_structure-main.scss */
#rs-i-demo #rs-i-demo-v {
  height: 100% !important;
  width: 100% !important;
}

/* line 24, ../source/structure/_structure-main.scss */
#rs-i-demo #rs-i-demo-v {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  min-width: 920px;
  min-height: 580px;
}

/* line 33, ../source/structure/_structure-main.scss */
#rs-i-demo #rs-i-demo-v video {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  min-width: 920px;
  min-height: 580px;
  /*
  min-width: 100%;
  min-height: 100%;*/
}

/* line 46, ../source/structure/_structure-main.scss */
.box, #rs-i-demo div, #rs-i-demo a, #rs-i-demo p, #rs-i-demo-touch h1 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 54, ../source/structure/_structure-main.scss */
.rs-i-stretch-bg-image {
  background-size: cover !important;
}

/* line 58, ../source/structure/_structure-main.scss */
#rs-i-demo a {
  text-decoration: none;
}

/* line 62, ../source/structure/_structure-main.scss */
#rs-i-demo-timeline {
  width: 900px;
  height: 70px;
  position: fixed;
  bottom: 20px;
  z-index: 20;
  left: 50%;
  margin-left: -450px;
  padding-left: 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* line 75, ../source/structure/_structure-main.scss */
#rs-i-demo-iframe {
  display: none;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 10px;
  bottom: 100px;
  /* timeline height */
  z-index: 2;
  overflow: hidden;
}

/* line 86, ../source/structure/_structure-main.scss */
#rs-i-demo-iframe iframe {
  overflow: hidden;
}

/* line 90, ../source/structure/_structure-main.scss */
#rs-i-demo-iframe .rs-i-demo-iframe-interactive {
  width: 880px;
  height: 580px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -440px;
  margin-top: -290px;
  /*
  	min-width: 700px;
  	min-height: 600px;
  	*/
}

/* line 105, ../source/structure/_structure-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-playpause {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  left: 20px;
  top: 19px;
}

/* line 114, ../source/structure/_structure-main.scss */
#rs-i-demo-timeline.rs-i-demo-timeline-playing .rs-i-d-timeline-playpause {
  background-position: 0px 0px;
}

/* line 118, ../source/structure/_structure-main.scss */
#rs-i-demo-timeline.rs-i-demo-timeline-playing .rs-i-d-timeline-playpause:hover {
  background-position: 0px -30px;
}

/* line 122, ../source/structure/_structure-main.scss */
#rs-i-demo-timeline.rs-i-demo-timeline-playing .rs-i-d-timeline-playpause:active {
  background-position: 0px -60px;
}

/* line 126, ../source/structure/_structure-main.scss */
#rs-i-demo-timeline.rs-i-demo-timeline-paused .rs-i-d-timeline-playpause {
  background-position: 30px 0px;
}

/* line 130, ../source/structure/_structure-main.scss */
#rs-i-demo-timeline.rs-i-demo-timeline-paused .rs-i-d-timeline-playpause:hover {
  background-position: 30px -30px;
}

/* line 134, ../source/structure/_structure-main.scss */
#rs-i-demo-timeline.rs-i-demo-timeline-paused .rs-i-d-timeline-playpause:active {
  background-position: 30px -60px;
}

/* line 138, ../source/structure/_structure-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-timeline {
  width: 727px;
  height: 58px;
  position: relative;
  left: 47px;
  top: 6px;
}

/* line 148, ../source/structure/_structure-main.scss */
#rs-i-demo-bg, #rs-i-demo-bg .dark, #rs-i-demo-bg .loop {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

/* line 156, ../source/structure/_structure-main.scss */
#rs-i-demo-bg {
  z-index: 1;
  top: 0px;
  left: 0px;
  position: absolute;
  display: none;
}

/* line 164, ../source/structure/_structure-main.scss */
#rs-i-demo-bg .dark {
  display: none;
  z-index: 2;
  background: url(../images/dark-bg.png);
}

/*
	<div id="rs-i-demo-touch">
		<div id="rs-i-demo-touch-play"><h1>{{touch-press-to-play}}</h1><div class="rs-i-demo-touch-playbutton"><!-- button --></div></div>
		<div id="rs-i-demo-touch-startinteractive"><h1>{{touch-try-the-interactive}}</h1><div class="rs-i-demo-touch-gobutton">{{touch-go}}</div></div>
		<div id="rs-i-demo-touch-continue"><h1>{{touch-continue-playing}}</h1><div class="rs-i-demo-touch-playbutton"><!-- button --></div></div>
	</div>
*/
/* line 180, ../source/structure/_structure-main.scss */
#rs-i-demo-bg .loop {
  z-index: 1;
}

/* line 184, ../source/structure/_structure-main.scss */
#rs-i-demo-touch-startinteractive, #rs-i-demo-touch-continue {
  display: none;
}

/* line 188, ../source/structure/_structure-main.scss */
#rs-i-demo-touch {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
}

@media all and (max-width: 960px) {
  /* line 208, ../source/structure/_structure-main.scss */
  #rs-i-demo-timeline {
    left: 10px;
    margin-left: 0px;
  }
}
@media all and (max-height: 620px) {
  /* line 217, ../source/structure/_structure-main.scss */
  #rs-i-demo-timeline {
    position: relative;
    top: -80px;
  }

  /* line 222, ../source/structure/_structure-main.scss */
  #rs-i-demo-iframe {
    position: absolute;
    left: 0px;
    top: 10px;
    bottom: inherit;
    right: auto;
    width: 100%;
    height: auto;
    margin-bottom: 80px;
    min-height: 505px;
  }
}
@media all and (max-device-width: 685px) {
  /* line 236, ../source/structure/_structure-main.scss */
  #rs-i-demo #rs-i-demo-v, #rs-i-demo #rs-i-demo-v video, #rs-i-demo {
    min-width: 100%;
    min-height: 100%;
  }
}
/* line 1, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie {
  float: left;
  /*	margin-right: 1px; */
  height: 58px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* line 15, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-line,
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-done,
#rs-i-demo-timeline .rs-i-d-timeline-part .rs-i-d-timeline-part-line-hover {
  background-repeat: repeat-x;
  width: auto;
  position: absolute;
  display: block;
  height: 8px;
  top: 25px;
  left: 0px;
  right: 1px;
}

/* line 27, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-done-container {
  width: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 1px;
  overflow: hidden;
  height: 100%;
}

/* line 37, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-line-hover {
  width: auto;
  left: 1px;
  right: 1px;
  z-index: 1;
  display: none;
}

/* line 47, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie:first-child .rs-i-d-timeline-part-line,
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie:first-child .rs-i-d-timeline-part-done {
  left: 3px;
}

/* line 51, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie.rs-i-d-timeline-part-is-last-part .rs-i-d-timeline-part-line {
  right: 3px;
}

/* line 55, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-name {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0px;
  opacity: 0;
}

/* line 64, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie.rs-i-d-timeline-part-odd .rs-i-d-timeline-part-name {
  /* top: 5px; */
  top: 42px;
}

/* line 69, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie.rs-i-d-timeline-part-even .rs-i-d-timeline-part-name {
  top: 42px;
}

/* line 76, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-first-round {
  width: 3px;
  height: 8px;
  position: absolute;
  top: 25px;
}

/* line 83, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-last-round {
  width: 3px;
  height: 8px;
  position: absolute;
  top: 25px;
  right: 0px;
}

/* line 91, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-learnmore {
  width: 68px;
  height: 34px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  right: 20px;
  top: 17px;
  font-family: 'effraregular';
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  line-height: 12px;
  padding-top: 5px;
  display: block;
}

/* line 109, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-currentmarker {
  position: absolute;
  width: 17px;
  height: 17px;
  z-index: 3;
  margin-left: -8px;
  top: 21px;
  cursor: pointer;
}

/* line 119, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-currentmarker:hover {
  background-position: 0px -17px;
}

/* line 123, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-timehover {
  position: absolute;
  width: 41px;
  height: 27px;
  z-index: 3;
  margin-left: -20px;
  top: -3px;
  cursor: pointer;
  display: none;
  padding-top: 3px;
  text-align: center;
}

/* line 140, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-learnmore:hover {
  background-position: 0px -34px;
}

/* line 144, ../source/structure/_structure-elements.scss */
#rs-i-demo-timeline .rs-i-d-timeline-learnmore:active {
  background-position: 0px -68px;
}

/*
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive {
	width: 25px;
	height: 25px;
	position: relative;
	float: left;
	margin-left: -13px;
	margin-right: -12px;
	top: 17px;
	cursor: pointer;
	z-index: 2;
}
*/
/* line 166, ../source/structure/_structure-elements.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 17px;
  cursor: pointer;
  z-index: 2;
  margin-left: -14px;
}

/* line 178, ../source/structure/_structure-elements.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive:hover {
  background-position: 0px -25px;
}

/* line 182, ../source/structure/_structure-elements.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive:active {
  background-position: 0px -50px;
}

/* line 186, ../source/structure/_structure-elements.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive.rs-i-d-timeline-is-active {
  background-position: -25px -0px;
}

/* line 190, ../source/structure/_structure-elements.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive.rs-i-d-timeline-is-active:hover {
  background-position: -25px -25px;
}

/* line 194, ../source/structure/_structure-elements.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive.rs-i-d-timeline-is-active:active {
  background-position: -25px -50px;
}

/* line 198, ../source/structure/_structure-elements.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive.rs-i-d-timeline-is-finished {
  background-position: -50px -0px;
}

/* line 202, ../source/structure/_structure-elements.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive.rs-i-d-timeline-is-finished:hover {
  background-position: -50px -25px;
}

/* line 206, ../source/structure/_structure-elements.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive.rs-i-d-timeline-is-finished:active {
  background-position: -50px -50px;
}

/* line 211, ../source/structure/_structure-elements.scss */
#rs-i-demo div.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive div.rs-i-d-timeline-part-interactive-hover {
  position: absolute;
  top: -130px;
  left: -60px;
  width: 141px;
  height: 121px;
  display: none;
  opacity: 0;
}

/* line 221, ../source/structure/_structure-elements.scss */
#rs-i-demo div.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive div.rs-i-d-timeline-part-interactive-hover > img {
  position: relative;
  top: 6px;
  left: 7px;
}

/* line 227, ../source/structure/_structure-elements.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive .rs-i-d-timeline-part-interactive-hover .rs-i-d-timeline-part-interactive-hover-name {
  width: 100%;
  height: 15px;
  text-transform: uppercase;
  position: absolute;
  overflow: hidden;
  bottom: 15px;
  left: 0px;
}

/* line 238, ../source/structure/_structure-elements.scss */
#rs-i-demo-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
  height: 23px;
  width: 23px;
  background-position: 0 0;
  cursor: pointer;
}

/* line 249, ../source/structure/_structure-elements.scss */
#rs-i-demo-close:hover {
  background-position: 0 -23px;
}

/* line 253, ../source/structure/_structure-elements.scss */
#rs-i-demo-close:active {
  background-position: 0 -46px;
}

/* line 258, ../source/structure/_structure-elements.scss */
#rs-i-demo-complete {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 575px;
  margin-top: -87px;
  margin-left: -287px;
  text-align: center;
  height: 175px;
  display: none;
}

/* line 270, ../source/structure/_structure-elements.scss */
#rs-i-demo-complete .inner {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  position: absolute;
  height: 100%;
  top: 2px;
  width: 100%;
}

/* line 283, ../source/structure/_structure-elements.scss */
#rs-i-demo-complete h1 {
  font-family: 'effralight';
  font-size: 36px;
  margin-bottom: 0px;
  text-rendering: geometricPrecision;
  line-height: 28px;
  margin-top: 40px;
  text-align: left;
  left: 35px;
  position: relative;
}

/* line 295, ../source/structure/_structure-elements.scss */
#rs-i-demo-complete p {
  font-family: 'effraregular';
  font-size: 18px;
  margin-bottom: 5px;
  text-rendering: geometricPrecision;
  line-height: 22px;
  position: relative;
  text-align: left;
  top: 40px;
  left: 35px;
}

/* line 307, ../source/structure/_structure-elements.scss */
#rs-i-demo-complete .rs-i-demo-button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 130px;
  height: 40px;
  display: block;
  cursor: pointer;
  font-family: 'efframedium';
  text-rendering: geometricPrecision;
  font-size: 17px;
  padding-top: 12px;
}

#rs-i-demo-complete.large-button .rs-i-demo-button {
	padding-left: 10px;
	padding-right: 10px;
	width: 150px;
	height: 55px;
	line-height: 19px;
	padding-top: 9px;
}

#rs-i-demo-complete.large-button #rs-i-demo-complete-getstarted {
	left: 380px;
	bottom: 40px;
}

#rs-i-demo-complete.long-text, #rs-i-demo-complete.vlong-text {
	height: 190px;
}

#rs-i-demo-complete.long-text .inner p, #rs-i-demo-complete.vlong-text .inner p {
	width: 330px;
	top: 15px;
}

#rs-i-demo-complete.vlong-text .inner p {
	font-size: 17px;
}


#rs-i-demo-complete.medium-text {
	height: 180px;
}

#rs-i-demo-complete.medium-text .inner p {
	width: 330px;
	top: 15px;
}


#rs-i-demo-complete.long-text #rs-i-demo-complete-tryagain, #rs-i-demo-complete.vlong-text #rs-i-demo-complete-tryagain {
	bottom: 10px;
}

/* line 323, ../source/structure/_structure-elements.scss */
#rs-i-demo-complete-tryagain {
  font-size: 12px;
  font-family: 'effraregular';
  text-rendering: geometricPrecision;
  text-align: left;
  width: 100px;
  position: absolute;
  left: 35px;
  bottom: 20px;
  cursor: pointer;
}

/* line 337, ../source/structure/_structure-elements.scss */
#rs-i-demo-complete-getstarted {
  position: absolute;
  left: 410px;
  bottom: 33px;
}

/* line 343, ../source/structure/_structure-elements.scss */
#rs-i-demo-touch-play h1, #rs-i-demo-touch-startinteractive h1, #rs-i-demo-touch-continue h1 {
  font-family: 'effralight';
  font-size: 32px;
  line-height: 36px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 356, ../source/structure/_structure-elements.scss */
#rs-i-demo a, #rs-i-demo img {
  -ms-touch-action: none !important;
}

/* line 360, ../source/structure/_structure-elements.scss */
#rs-i-demo-touch-play .rs-i-demo-touch-playbutton {
  width: 95px;
  height: 95px;
  background-size: 95px 190px;
  display: block;
  margin: 0 auto;
}

/* line 368, ../source/structure/_structure-elements.scss */
#rs-i-demo-touch-startinteractive .rs-i-demo-touch-gobutton {
  width: 103px;
  height: 69px;
  display: none;
  margin: 0 auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'efframedium';
  font-size: 40px;
  line-height: 69px;
  text-align: center;
}

/* Base smartphone CSS is made for portrait mode, with landscape complementing later */
@media all and (max-device-width: 685px) {
  /* line 386, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete h1 {
    font-family: 'effralight';
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    left: 0px;
    margin-top: 40px;
  }

  /* line 399, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete p {
    font-family: 'efframedium';
    left: 0px;
    top: 0px;
    font-size: 15px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    margin: 10px 0px 10px 0px;
  }

  /* line 411, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete-tryagain {
    display: none;
  }

  /* line 415, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete .rs-i-demo-button {
    margin-top: 20px;
    margin: 0 auto;
    position: relative;
    bottom: 0px;
    left: 0px;
    height: 50px;
    width: 190px;
    padding-top: 0px;
    line-height: 50px;
    font-size: 22px;
    margin-top: 20px;
  }

  /* line 429, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete {
    left: 0px;
    right: 0px;
    border: 0 !important;
    margin-left: 0px;
  }

  /* line 436, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete .inner {
    top: 0px;
    border: 0;
    background-size: 100% 100%;
  }

  /* line 442, ../source/structure/_structure-elements.scss */
  #rs-i-demo-touch-play, #rs-i-demo-touch-startinteractive, #rs-i-demo-touch-continue, #rs-i-demo-complete {
    width: 100%;
    position: absolute;
    top: 50%;
    height: 275px;
    margin-top: -137px;
    background-size: cover;
  }

  /* line 451, ../source/structure/_structure-elements.scss */
  #rs-i-demo-touch-play h1 {
    margin-top: 45px;
    margin-bottom: 15px;
  }

  /* line 456, ../source/structure/_structure-elements.scss */
  #rs-i-demo-touch-startinteractive h1 {
    margin-top: 80px;
    margin-bottom: 25px;
  }

  /* line 461, ../source/structure/_structure-elements.scss */
  .rs-i-demo-iframe-interactive {
    height: 100% !important;
    min-height: inherit !important;
  }

  /* line 466, ../source/structure/_structure-elements.scss */
  #rs-i-demo-iframe {
    top: 0px;
    min-height: inherit !important;
    height: 100%;
  }
}
/* Landscape inherits portrait (the "general" layout) but changes some sizes and positions */
@media all and (orientation: landscape) and (max-device-width: 685px) {
  /* line 476, ../source/structure/_structure-elements.scss */
  #rs-i-demo-touch-play, #rs-i-demo-touch-startinteractive, #rs-i-demo-touch-continue, #rs-i-demo-complete {
    top: 0px;
    margin-top: 0px;
    height: 100%;
    bottom: 0px;
  }

  /* line 483, ../source/structure/_structure-elements.scss */
  #rs-i-demo-touch-play h1 {
    font-size: 43px;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    line-height: 45px;
    margin-top: 0px;
    margin-bottom: 15px;
    padding-top: 0px;
  }

  /* line 494, ../source/structure/_structure-elements.scss */
  #rs-i-demo-touch-play .rs-i-demo-touch-playbutton {
    width: 95px;
    height: 95px;
    background-size: 95px 190px;
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (min-device-width: 686px) and (max-device-width: 1024px) {
  /* line 506, ../source/structure/_structure-elements.scss */
  #rs-i-demo-touch-play, #rs-i-demo-touch-startinteractive, #rs-i-demo-touch-continue, #rs-i-demo-complete {
    width: 100%;
    position: absolute;
    top: 0px;
    height: 100%;
    background-size: cover;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
  }

  /* line 518, ../source/structure/_structure-elements.scss */
  #rs-i-demo-touch-play h1, #rs-i-demo-touch-startinteractive h1, #rs-i-demo-touch-continue h1 {
    top: 20%;
    position: absolute;
    font-size: 70px;
    width: 700px;
    line-height: 70px;
    left: 50%;
    margin-left: -350px;
  }

  /* line 528, ../source/structure/_structure-elements.scss */
  #rs-i-demo-touch-startinteractive h1 {
    top: 30%;
  }

  /* line 532, ../source/structure/_structure-elements.scss */
  #rs-i-demo-touch-play .rs-i-demo-touch-playbutton {
    top: 30%;
    margin-top: 110px;
    left: 50%;
    width: 165px;
    height: 165px;
    background-size: 165px 330px;
    margin-left: -82px;
    position: absolute;
  }

  /* line 544, ../source/structure/_structure-elements.scss */
  #rs-i-demo-touch-startinteractive .rs-i-demo-touch-gobutton {
    top: 30%;
    position: absolute;
    margin-top: 100px;
    width: 171px;
    height: 115px;
    font-size: 80px;
    line-height: 115px;
    left: 50%;
    margin-left: -85px;
  }

  /* line 556, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete {
    left: 0px;
    right: 0px;
    border: 0 !important;
    margin-left: 0px;
    width: 100%;
    height: 100%;
  }

  /* line 565, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete .inner {
    top: 0px;
    border: 0;
    background-size: 100% 100%;
    width: 100%;
    left: 0px;
    right: 0px;
  }

  /* line 574, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete h1 {
    font-family: 'effralight';
    font-size: 70px;
    line-height: 70px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    left: 0px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -30%;
    width: 60%;
    top: 25%;
  }

  /* line 592, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete p {
    font-family: 'efframedium';
    position: absolute;
    left: 50%;
    margin-left: -30%;
    width: 60%;
    top: 25%;
    font-size: 24px;
    text-align: center;
    margin-top: 180px;
  }

  /* touch devices shouldnt have the try again button */
  /* line 610, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete-tryagain {
    display: none;
  }

  /* line 614, ../source/structure/_structure-elements.scss */
  #rs-i-demo-complete .rs-i-demo-button {
    margin-top: 250px;
    position: absolute;
    height: 76px;
    width: 295px;
    line-height: 76px;
    font-size: 32px;
    top: 25%;
    margin-left: -147px;
    left: 50%;
    padding: 0;
  }

  /* iPad renders percentage of pixels oddly, thus some minor (1px) fixes are needed*/
  /* line 628, ../source/structure/_structure-elements.scss */
  #rs-i-demo-timeline .rs-i-d-timeline-currentmarker {
    /* margin-left: -8px; */
    margin-left: -9px;
  }

  /* line 633, ../source/structure/_structure-elements.scss */
  #rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-last-round {
    /*right: 0px; */
    right: 1px;
  }

  /* For ipad, timeline shouldnt fade in/out */
  /* line 639, ../source/structure/_structure-elements.scss */
  #rs-i-demo-timeline {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }

  /* line 643, ../source/structure/_structure-elements.scss */
  #rs-i-demo-timeline .rs-i-d-timeline-part-name {
    opacity: 1 !important;
  }
}
@media only screen and (orientation: portrait) and (min-device-width: 686px) and (max-device-width: 1024px) {
  /* line 650, ../source/structure/_structure-elements.scss */
  #rs-i-demo-timeline .rs-i-d-timeline-playpause {
    display: none;
  }

  /* line 655, ../source/structure/_structure-elements.scss */
  #rs-i-demo-timeline .rs-i-d-timeline-timeline {
    left: 0;
  }

  /* line 659, ../source/structure/_structure-elements.scss */
  #rs-i-demo-timeline .rs-i-d-timeline-learnmore {
    right: 160px;
  }
}
@font-face {
  font-family: 'effraregular';
  src: url("fonts/Effra_Std_Rg/effra_std_rg-webfont.eot");
  src: url("fonts/Effra_Std_Rg/effra_std_rg-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Effra_Std_Rg/effra_std_rg-webfont.woff") format("woff"), url("fonts/Effra_Std_Rg/effra_std_rg-webfont.ttf") format("truetype"), url("fonts/Effra_Std_Rg/effra_std_rg-webfont.svg#effraregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'effralight';
  src: url("fonts/Effra_Std_Lt/effra_std_lt-webfont.eot");
  src: url("fonts/Effra_Std_Lt/effra_std_lt-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Effra_Std_Lt/effra_std_lt-webfont.woff") format("woff"), url("fonts/Effra_Std_Lt/effra_std_lt-webfont.ttf") format("truetype"), url("fonts/Effra_Std_Lt/effra_std_lt-webfont.svg#effraregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'efframedium';
  src: url("fonts/Effra_Std_Md/effra_std_md-webfont.eot");
  src: url("fonts/Effra_Std_Md/effra_std_md-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Effra_Std_Md/effra_std_md-webfont.woff") format("woff"), url("fonts/Effra_Std_Md/effra_std_md-webfont.ttf") format("truetype"), url("fonts/Effra_Std_Md/effra_std_md-webfont.svg#effraregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 2, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo, .rs-i-default-bg-pattern {
  background: url(../images/bg_tile_arch_texture.jpg);
}

/* line 6, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline {
  background: rgba(0, 0, 0, 0.1);
}

/* line 10, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-playpause {
  background: url(../images/metabuttons/playpause.svg);
}

/* line 14, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-first-round {
  background: url(../images/timeline/left-round.svg);
}

/* line 18, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-last-round {
  background: url(../images/timeline/right-round.svg);
}

/* line 22, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-name {
  text-transform: uppercase;
  font-family: 'effraregular';
  color: #cccccc;
}

/* line 28, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie.rs-i-d-timeline-part-hovered .rs-i-d-timeline-part-name {
  color: white;
}

/* line 35, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-line {
  background-image: url(../images/timeline/bg-white.svg);
}

/* line 39, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-done {
  background-image: url(../images/timeline/bg-orange.svg);
}

/* line 43, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-learnmore {
  background-image: url(../images/metabuttons/learnmore.svg);
  color: white;
}

/* line 49, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-currentmarker {
  background-image: url(../images/timeline/marker.svg);
}

/* line 54, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-part.rs-i-d-timeline-part-type-movie .rs-i-d-timeline-part-line-hover {
  background-image: url(../images/timeline/bg-hover.svg);
}

/* line 58, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-timeline .rs-i-d-timeline-timehover {
  background-image: url(../images/timeline/time.svg);
  color: black;
  font-family: 'effraregular';
  font-size: 11px;
}

/* line 66, ../source/skins/normal/_skins-normal-main.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive {
  background-image: url(../images/timeline/interactive.svg);
}

/* line 71, ../source/skins/normal/_skins-normal-main.scss */
.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive .rs-i-d-timeline-part-interactive-hover .rs-i-d-timeline-part-interactive-hover-name {
  color: white;
  font-family: 'effraregular';
  text-align: center;
  font-size: 12px;
}

/* line 78, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo div.rs-i-d-timeline-part.rs-i-d-timeline-part-type-interactive div.rs-i-d-timeline-part-interactive-hover {
  background: url(../images/timeline/interactive-hover.svg);
}

/* line 84, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-close {
  background: url(../images/metabuttons/close.svg);
}

/* line 88, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-complete {
  border-top: 4px solid rgba(250, 205, 0, 0.7);
}

/* line 92, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-complete .inner {
  background: rgba(0, 0, 0, 0.7);
}

/* line 96, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-complete h1 {
  color: white;
}

/* line 100, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-complete p {
  color: white;
}

/* line 104, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-complete-tryagain {
  color: #0096dd;
}

/* line 108, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-complete-tryagain:hover {
  color: #0289C5;
}

/* line 112, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-complete-tryagain:active {
  color: #007FB8;
}

/* line 116, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-complete .rs-i-demo-button {
  background-color: #0098DB;
  color: white;
}

/* line 121, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-complete .rs-i-demo-button:hover {
  background-color: #0289C5;
}

/* line 125, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-complete .rs-i-demo-button:active {
  background-color: #007FB8;
}

/* line 129, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-touch-play h1, #rs-i-demo-touch-startinteractive h1, #rs-i-demo-touch-continue h1 {
  color: white;
}

/* line 133, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-touch-startinteractive .rs-i-demo-touch-gobutton {
  color: white;
  background: #0098db;
}

/* line 138, ../source/skins/normal/_skins-normal-main.scss */
#rs-i-demo-touch-play .rs-i-demo-touch-playbutton {
  background-image: url(../images/metabuttons/touch-play.svg);
}