/* line 1, ../../app/assets/stylesheets/default.css.scss */
a {
  text-decoration: none;
  color: #626262;
}

/*buttons for grids*/
/* line 7, ../../app/assets/stylesheets/default.css.scss */
.grid-button-left {
  background: url(../assets/leftbutton.png);
  width: 71px;
  height: 71px;
  position: absolute;
  z-index: 999;
  opacity: 0.75;
  left: 15px;
  top: 50%;
  margin-top: -35.1px;
  cursor: pointer;
}
/* line 18, ../../app/assets/stylesheets/default.css.scss */
.grid-button-left:hover {
  opacity: 1.0;
}

/* line 23, ../../app/assets/stylesheets/default.css.scss */
.grid-button-right {
  background: url(../assets/rightbutton.png);
  width: 71px;
  height: 71px;
  position: absolute;
  z-index: 999;
  opacity: 0.75;
  right: 15px;
  top: 50%;
  margin-top: -35.1px;
  cursor: pointer;
}
/* line 34, ../../app/assets/stylesheets/default.css.scss */
.grid-button-right:hover {
  opacity: 1.0;
}

/* line 39, ../../app/assets/stylesheets/default.css.scss */
.grid-button-left, .grid-button-right {
  display: none;
}

@media screen and (max-width: 1280px) {
  /* line 47, ../../app/assets/stylesheets/default.css.scss */
  .grid-button-left {
    display: block;
  }

  /* line 52, ../../app/assets/stylesheets/default.css.scss */
  .grid-button-right {
    display: block;
  }
}
/*loading sprite*/
/* line 61, ../../app/assets/stylesheets/default.css.scss */
.rabbit {
  top: 50%;
  left: 50%;
  margin-top: -112.5px;
  margin-left: -120.5px;
  z-index: 999999;
  position: absolute;
}

/* line 69, ../../app/assets/stylesheets/default.css.scss */
.hide {
  display: none !important;
}

/* line 70, ../../app/assets/stylesheets/default.css.scss */
.is-run {
  background: url(../assets/rabbitspritewhite.png) black no-repeat;
  width: 225.07px;
  height: 141px;
  z-index: 99999998;
}
/* line 75, ../../app/assets/stylesheets/default.css.scss */
.is-run.is-animated {
  -webkit-animation: loading 0.5s steps(14) infinite;
  -moz-animation: loading 0.5s steps(14) infinite;
  -ms-animation: loading 0.5s steps(14) infinite;
  -o-animation: loading 0.5s steps(14) infinite;
  animation: loading 0.5s steps(14) infinite;
}

@-webkit-keyframes loading {
  /* line 85, ../../app/assets/stylesheets/default.css.scss */
  from {
    background-position: 0px;
  }

  /* line 86, ../../app/assets/stylesheets/default.css.scss */
  to {
    background-position: -3151px;
  }
}

@-moz-keyframes loading {
  /* line 90, ../../app/assets/stylesheets/default.css.scss */
  from {
    background-position: 0px;
  }

  /* line 91, ../../app/assets/stylesheets/default.css.scss */
  to {
    background-position: -3151px;
  }
}

@-ms-keyframes loading {
  /* line 95, ../../app/assets/stylesheets/default.css.scss */
  from {
    background-position: 0px;
  }

  /* line 96, ../../app/assets/stylesheets/default.css.scss */
  to {
    background-position: -3151px;
  }
}

@-o-keyframes loading {
  /* line 100, ../../app/assets/stylesheets/default.css.scss */
  from {
    background-position: 0px;
  }

  /* line 101, ../../app/assets/stylesheets/default.css.scss */
  to {
    background-position: -3151px;
  }
}

@keyframes loading {
  /* line 105, ../../app/assets/stylesheets/default.css.scss */
  from {
    background-position: 0px;
  }

  /* line 106, ../../app/assets/stylesheets/default.css.scss */
  to {
    background-position: -3151px;
  }
}

/* line 110, ../../app/assets/stylesheets/default.css.scss */
.loadinglogo {
  font-family: 'wondrosfont2regular';
  font-size: 40px;
  color: #fff;
  text-align: center;
  position: absolute;
  height: 40px;
  width: 200px;
  top: 50%;
  margin-top: 30px;
  left: 50%;
  margin-left: -100px;
  z-index: 99999998;
}

/* line 125, ../../app/assets/stylesheets/default.css.scss */
.curtains {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  top: 0px;
  left: 0px;
}

/* theme */
/* line 137, ../../app/assets/stylesheets/default.css.scss */
html {
  height: 100%;
  min-height: 568px;
  font-size: 100%;
  line-height: 1.5rem;
  background-color: #333;
  color: #000;
}

/* line 146, ../../app/assets/stylesheets/default.css.scss */
.navigation, .credits, .switches {
  display: none;
}

/* line 150, ../../app/assets/stylesheets/default.css.scss */
.ft-page {
  padding: 1.5rem;
  background-color: #333;
  height: 100%;
}

/* stackable content */
/* line 158, ../../app/assets/stylesheets/default.css.scss */
.flowtime .stack {
  width: 100%;
  height: 100%;
  margin: 1rem 0;
  position: relative;
}

/* line 165, ../../app/assets/stylesheets/default.css.scss */
.flowtime .stacked {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 172, ../../app/assets/stylesheets/default.css.scss */
.flowtime img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

/* horizontally and vertically centered stackable content */
/* line 180, ../../app/assets/stylesheets/default.css.scss */
.flowtime .stack-center {
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  background: #fff;
  -moz-box-shadow: 0px 0px 10px 4px #191919;
  -webkit-box-shadow: 0px 0px 10px 4px #191919;
  box-shadow: 0px 0px 10px 4px #191919;
  padding-top: 100px;
  padding-bottom: 40px;
  overflow: hidden;
  margin-bottom: 0% !important;
}

/* line 199, ../../app/assets/stylesheets/default.css.scss */
.flowtime .stack-center-home {
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  background: none;
  -moz-box-shadow: 0px 0px 10px 4px #191919;
  -webkit-box-shadow: 0px 0px 10px 4px #191919;
  box-shadow: 0px 0px 10px 4px #191919;
  overflow: hidden;
  margin-bottom: 0% !important;
}

/* line 216, ../../app/assets/stylesheets/default.css.scss */
.flowtime .stack-center-contact {
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  background: #fff;
  -moz-box-shadow: 0px 0px 10px 4px #191919;
  -webkit-box-shadow: 0px 0px 10px 4px #191919;
  box-shadow: 0px 0px 10px 4px #191919;
  padding-top: 100px;
  padding-bottom: 40px;
  overflow: hidden;
  border: 14px solid #fff;
  margin-bottom: 0% !important;
}

/* line 236, ../../app/assets/stylesheets/default.css.scss */
.flowtime .stack-center-clients {
  text-align: center;
  white-space: normal;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  background: transparent;
  -moz-box-shadow: 0px 0px 10px 4px #191919;
  -webkit-box-shadow: 0px 0px 10px 4px #191919;
  box-shadow: 0px 0px 10px 4px #191919;
  padding-top: 70px;
  padding-bottom: 0px;
  overflow: hidden;
  margin-bottom: 0% !important;
  z-index: -1;
}

/* line 256, ../../app/assets/stylesheets/default.css.scss */
.flowtime .stack-center-projects {
  text-align: center;
  white-space: normal;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  background: transparent;
  -moz-box-shadow: 0px 0px 10px 4px #191919;
  -webkit-box-shadow: 0px 0px 10px 4px #191919;
  box-shadow: 0px 0px 10px 4px #191919;
  padding-top: 70px;
  padding-bottom: 0px;
  overflow: hidden;
  margin-bottom: 0% !important;
  z-index: -1;
}

/* line 277, ../../app/assets/stylesheets/default.css.scss */
.js-sub-page-content {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 283, ../../app/assets/stylesheets/default.css.scss */
.flowtime .stack-center:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

/* line 290, ../../app/assets/stylesheets/default.css.scss */
.flowtime .stack-center .stacked-center {
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

/*CANVAS*/
/* line 301, ../../app/assets/stylesheets/default.css.scss */
#theapt {
  top: 70px;
  width: 100%;
  height: 100%;
  background: none;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 0;
}

/* line 312, ../../app/assets/stylesheets/default.css.scss */
#canvas-container {
  height: 100%;
}

/* line 316, ../../app/assets/stylesheets/default.css.scss */
#is-fallback-home {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: 100% !important;
  background-position: center !important;
  background: url(../assets/fallbackhome.png) no-repeat white;
  top: 0px;
  left: 0px;
}
/* line 325, ../../app/assets/stylesheets/default.css.scss */
#is-fallback-home .hide {
  display: none;
}

@media screen and (max-width: 920px) {
  /*Individual Pages*/
  /* line 334, ../../app/assets/stylesheets/default.css.scss */
  .flowtime .stack-center {
    top: 1.5rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    margin-bottom: 66.4%;
    padding-top: 70px;
  }

  /* line 343, ../../app/assets/stylesheets/default.css.scss */
  .flowtime .stack-center-home {
    top: 1.5rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    margin-bottom: 66.4%;
  }

  /* line 351, ../../app/assets/stylesheets/default.css.scss */
  .flowtime .stack-center-contact {
    top: 1.5rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    margin-bottom: 66.4%;
  }

  /* line 359, ../../app/assets/stylesheets/default.css.scss */
  .flowtime .stack-center-projects {
    top: 0px;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    margin-bottom: 66.4%;
  }

  /* line 368, ../../app/assets/stylesheets/default.css.scss */
  .flowtime .stack-center-clients {
    top: 0px;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    margin-bottom: 66.4%;
  }

  /* line 376, ../../app/assets/stylesheets/default.css.scss */
  #theapt {
    top: 46px;
  }

  /* line 380, ../../app/assets/stylesheets/default.css.scss */
  .js-sub-page-content {
    top: 0px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  /* line 393, ../../app/assets/stylesheets/default.css.scss */
  .ft-page {
    padding: 1.5rem;
    background-color: #333;
    height: 416px;
  }

  /* line 399, ../../app/assets/stylesheets/default.css.scss */
  .curtains {
    height: 416px;
  }
}