/* line 5, ../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.1/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, ../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@keyframes "dotloader" {
  0%,20% {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    left: 0%;
    opacity: 0;
  }
  30%,70% {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    left: 50%;
    opacity: 0.65;
  }
  80%,100% {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    left: 100%;
    opacity: 0;
  }
}
@-moz-keyframes dotloader {
  0%,20% {
    width: 15px;
    height: 15px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    left: 0%;
    opacity: 0;
  }
  30%,70% {
    width: 15px;
    height: 15px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    left: 50%;
    opacity: 0.65;
  }
  80%,100% {
    width: 15px;
    height: 15px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    left: 100%;
    opacity: 0;
  }
}
@-webkit-keyframes "dotloader" {
  0%,20% {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    left: 0%;
    opacity: 0;
  }
  30%,70% {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    left: 50%;
    opacity: 0.65;
  }
  80%,100% {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    left: 100%;
    opacity: 0;
  }
}
@-ms-keyframes "dotloader" {
  0%,20% {
    width: 15px;
    height: 15px;
    border-radius: 7px;
    left: 0%;
    opacity: 0;
  }
  30%,70% {
    width: 15px;
    height: 15px;
    border-radius: 7px;
    left: 50%;
    opacity: 0.65;
  }
  80%,100% {
    width: 15px;
    height: 15px;
    border-radius: 7px;
    left: 100%;
    opacity: 0;
  }
}
@-o-keyframes "dotloader" {
  0%,20% {
    width: 15px;
    height: 15px;
    border-radius: 7px;
    left: 0%;
    opacity: 0;
  }
  30%,70% {
    width: 15px;
    height: 15px;
    border-radius: 7px;
    left: 50%;
    opacity: 0.65;
  }
  80%,100% {
    width: 15px;
    height: 15px;
    border-radius: 7px;
    left: 100%;
    opacity: 0;
  }
}
@keyframes "small_dotloader" {
  0%,20% {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    left: 0%;
    opacity: 0;
  }
  30%,70% {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    left: 50%;
    opacity: 1;
  }
  80%,100% {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    left: 100%;
    opacity: 0;
  }
}
@-moz-keyframes small_dotloader {
  0%,20% {
    width: 8px;
    height: 8px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    left: 0%;
    opacity: 0;
  }
  30%,70% {
    width: 8px;
    height: 8px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    left: 50%;
    opacity: 1;
  }
  80%,100% {
    width: 8px;
    height: 8px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    left: 100%;
    opacity: 0;
  }
}
@-webkit-keyframes "small_dotloader" {
  0%,20% {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    left: 0%;
    opacity: 0;
  }
  30%,70% {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    left: 50%;
    opacity: 1;
  }
  80%,100% {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    left: 100%;
    opacity: 0;
  }
}
@-ms-keyframes "small_dotloader" {
  0%,20% {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    left: 0%;
    opacity: 0;
  }
  30%,70% {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    left: 50%;
    opacity: 1;
  }
  80%,100% {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    left: 100%;
    opacity: 0;
  }
}
@-o-keyframes "small_dotloader" {
  0%,20% {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    left: 0%;
    opacity: 0;
  }
  30%,70% {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    left: 50%;
    opacity: 1;
  }
  80%,100% {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    left: 100%;
    opacity: 0;
  }
}
@keyframes appear1 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes appear1 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes appear2 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes appear2 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes appear3 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes appear3 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 4, ../sass/screen.scss */
*,
*:after,
*:before {
  box-sizing: border-box;
}

/* line 9, ../sass/screen.scss */
body {
  margin: 0;
  background-color: #4b5451;
  font-size: 16px;
  font-family: "soleil",Helvetica Neue,Helvetica,Arial,Liberation Sans,Sans-Serif;
  line-height: 160%;
  font-weight: 300;
  padding-left: 0em;
  padding-right: 0em;
  overflow-y: scroll;
}
/* line 20, ../sass/screen.scss */
body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 25, ../sass/screen.scss */
body a {
  color: #00833F;
  text-decoration: none;
  font-weight: 500;
}
/* line 29, ../sass/screen.scss */
body a:hover {
  text-decoration: underline;
}
/* line 33, ../sass/screen.scss */
body .bar {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  height: 4px;
  background-color: #00833F;
}
/* line 43, ../sass/screen.scss */
body .background,
body .filter {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 52, ../sass/screen.scss */
body .background {
  z-index: -1;
  position: fixed;
  background-image: url("../img/bg.jpg");
}
/* line 57, ../sass/screen.scss */
body .filter {
  content: '';
  display: block;
  z-index: 1;
  position: absolute;
  background-image: -webkit-linear-gradient(top, rgba(40, 49, 45, 0.75) 0%, #28312d 100%);
  background-image: linear-gradient(to bottom, rgba(40, 49, 45, 0.75) 0%, #28312d 100%);
}
/* line 65, ../sass/screen.scss */
body .overlay {
  display: none;
  position: fixed;
  z-index: 200;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(40, 49, 45, 0.9);
}
/* line 74, ../sass/screen.scss */
body .overlay .close {
  position: fixed;
  display: block;
  width: 50px;
  height: 50px;
  right: 2em;
  top: 2em;
  background: url("../img/cross.png") no-repeat left top;
  background-size: 50px 50px;
}
/* line 83, ../sass/screen.scss */
body .overlay .close:hover {
  cursor: pointer;
}
/* line 88, ../sass/screen.scss */
body .loader {
  display: block;
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100px;
  left: 0;
  top: 50%;
  margin-top: -50px;
}
/* line 97, ../sass/screen.scss */
body .loader .circle {
  display: inline-block;
  position: relative;
  background-color: #ffffff;
  opacity: 0;
  /* key up the animations! */
  -webkit-animation: dotloader 2.5s infinite;
  -moz-animation: dotloader 2.5s infinite;
  -ms-animation: dotloader 2.5s infinite;
  -o-animation: dotloader 2.5s infinite;
  animation: dotloader 2.5s infinite;
}
/* line 110, ../sass/screen.scss */
body .loader .circle + .circle {
  margin-left: -45px;
  /* staggered effect cause by delay property */
  -webkit-animation: dotloader 2.5s 0.2s infinite;
  -moz-animation: dotloader 2.5s 0.2s infinite;
  -ms-animation: dotloader 2.5s 0.2s infinite;
  -o-animation: dotloader 2.5s 0.2s infinite;
  animation: dotloader 2.5s 0.2s infinite;
}
/* line 120, ../sass/screen.scss */
body .loader .circle + .circle + .circle {
  margin-left: -45px;
  -webkit-animation: dotloader 2.5s 0.4s infinite;
  -moz-animation: dotloader 2.5s 0.4s infinite;
  -ms-animation: dotloader 2.5s 0.4s infinite;
  -o-animation: dotloader 2.5s 0.4s infinite;
  animation: dotloader 2.5s 0.4s infinite;
}
/* line 129, ../sass/screen.scss */
body .loader .circle + .circle + .circle + .circle {
  margin-left: -45px;
  -webkit-animation: dotloader 2.5s 0.6s infinite;
  -moz-animation: dotloader 2.5s 0.6s infinite;
  -ms-animation: dotloader 2.5s 0.6s infinite;
  -o-animation: dotloader 2.5s 0.6s infinite;
  animation: dotloader 2.5s 0.6s infinite;
}

/* line 139, ../sass/screen.scss */
.wrapper {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1em 0 1em;
}
@media (min-width: 77em) {
  /* line 139, ../sass/screen.scss */
  .wrapper {
    width: 75em;
  }
}
@media (min-width: 65em) and (max-width: 77em) {
  /* line 139, ../sass/screen.scss */
  .wrapper {
    width: calc(100%-2em);
  }
}
@media (max-width: 65em) {
  /* line 139, ../sass/screen.scss */
  .wrapper {
    width: 63em;
  }
}

/*
HEADER
*/
/* line 159, ../sass/screen.scss */
#header {
  display: block;
  padding: 2em 0 2em 0;
  text-align: center;
}
/* line 163, ../sass/screen.scss */
#header .logo {
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  opacity: 1;
}
/* line 169, ../sass/screen.scss */
#header .title {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em;
  color: white;
  font-size: 2.5em;
  opacity: 1;
}
/* line 177, ../sass/screen.scss */
#header.loading {
  opacity: 0;
}

/* line 181, ../sass/screen.scss */
#pop {
  position: absolute;
  left: 50%;
  z-index: 3000;
  padding-top: 1em;
}
/* line 186, ../sass/screen.scss */
#pop span {
  position: relative;
  display: block;
  left: -50%;
  margin-top: 0.5em;
  padding: 0.5em 1em;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
/* line 194, ../sass/screen.scss */
#pop span:hover {
  cursor: pointer;
}

/* line 199, ../sass/screen.scss */
#form {
  width: 100%;
  text-align: center;
  opacity: 1;
}
/* line 203, ../sass/screen.scss */
#form #nameContainer {
  display: inline-block;
  width: 300px;
  height: 2.5em;
  overflow: visible;
}
/* line 209, ../sass/screen.scss */
#form.loading {
  opacity: 0;
}
/* line 212, ../sass/screen.scss */
#form #eventContainer {
  display: inline-block;
  width: 435px;
}
/* line 215, ../sass/screen.scss */
#form #eventContainer .ui-selectmenu-button,
#form #eventContainer #eventSelector {
  display: block;
  width: 435px;
  height: 2.6em;
  padding-right: 1.5em;
  overflow: ellipsis;
  text-align: left;
}
/* line 223, ../sass/screen.scss */
#form #eventContainer .ui-selectmenu-button li,
#form #eventContainer #eventSelector li {
  text-align: left;
}
/* line 226, ../sass/screen.scss */
#form #eventContainer .ui-selectmenu-button:after,
#form #eventContainer #eventSelector:after {
  width: 0px;
  height: 0px;
  background-color: transparent;
  display: block;
  border: 6px solid transparent;
  content: ' ';
  border-top: 6px solid black;
  margin-left: 100%;
  margin-top: -13px;
}
/* line 238, ../sass/screen.scss */
#form #eventContainer #eventSelector {
  padding-left: 0.7em;
}

/*
ACTIVITIES
*/
/* line 250, ../sass/screen.scss */
.content {
  margin-top: 1em;
  vertical-align: top;
}

/* line 254, ../sass/screen.scss */
.activitywrapper {
  position: relative;
  display: inline-block;
  width: 33.33%;
  vertical-align: top;
  z-index: 100;
  margin-top: 1em;
  margin-bottom: 1em;
  max-height: 37em;
}
/* line 263, ../sass/screen.scss */
.activitywrapper.front {
  z-index: 300;
}

/* line 267, ../sass/screen.scss */
.activity {
  position: relative;
}
/* line 269, ../sass/screen.scss */
.activity .title {
  height: 1.2em;
  width: 100%;
  white-space: nowrap;
  padding-left: 0.333em;
  padding-right: 0.333em;
  margin-bottom: 0.5em;
  font-size: 1.5em;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 280, ../sass/screen.scss */
.activity .title a {
  color: white;
  font-weight: 300;
}
/* line 285, ../sass/screen.scss */
.activity .more {
  -webkit-transition: all 0.66s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.66s;
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-delay: initial;
  -moz-transition: all 0.66s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-property: all;
  -moz-transition-duration: 0.66s;
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-delay: initial;
  transition: all 0.66s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: all;
  transition-duration: 0.66s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-delay: initial;
  position: relative;
  overflow: hidden;
  display: block;
  left: 100%;
  margin-left: -2em;
  white-space: nowrap;
  font-size: 0.75em !important;
  font-weight: 700 !important;
  width: 0px;
  padding-left: 2em;
  background: transparent;
  background-position: left bottom;
  background-repeat: no-repeat;
  text-transform: uppercase;
  color: #1f2a24;
  text-align: left;
  opacity: 0.5;
  cursor: auto;
  background-image: url("../img/icon_viewall.png");
}
/* line 306, ../sass/screen.scss */
.activity .more:hover {
  width: 8em;
  margin-left: -8em;
  opacity: 1;
  text-decoration: none;
}
/* line 313, ../sass/screen.scss */
.activity .close {
  -webkit-transition: all 0.66s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.66s;
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-delay: initial;
  -moz-transition: all 0.66s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-property: all;
  -moz-transition-duration: 0.66s;
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-delay: initial;
  transition: all 0.66s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: all;
  transition-duration: 0.66s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-delay: initial;
  overflow: hidden;
  display: none;
  white-space: nowrap;
  top: 4.5em;
  right: 2em;
  font-size: 0.75em !important;
  font-weight: 700 !important;
  width: 0px;
  padding-left: 2em;
  background: transparent;
  background-position: left bottom;
  background-repeat: no-repeat;
  text-transform: uppercase;
  color: #1f2a24;
  text-align: left;
  opacity: 0.5;
  cursor: auto;
  z-index: 200;
  margin-left: -1.5em;
  margin-top: 1em;
  background-image: url("../img/icon_close.png");
}
/* line 336, ../sass/screen.scss */
.activity .close:hover {
  width: 6em;
  opacity: 1;
  text-decoration: none;
}
/* line 342, ../sass/screen.scss */
.activity .list {
  margin-left: 0.5em;
  margin-right: 0.5em;
  width: auto;
  overflow: hidden;
  padding: 1em;
  background-color: white;
}
/* line 349, ../sass/screen.scss */
.activity .list a {
  font-weight: 300;
  z-index: 100;
}
/* line 357, ../sass/screen.scss */
.activity .list .activitydata, .activity .list .organizer, .activity .list .location, .activity .list .date, .activity .list .price, .activity .list .type {
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: -0.2em 0.1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 365, ../sass/screen.scss */
.activity .list .organizer {
  background-image: url("../img/icon_author.png");
}
/* line 369, ../sass/screen.scss */
.activity .list .location {
  background-image: url("../img/icon_location.png");
}
/* line 373, ../sass/screen.scss */
.activity .list .date {
  background-image: url("../img/icon_date.png");
}
/* line 377, ../sass/screen.scss */
.activity .list .price {
  background-image: url("../img/icon_price.png");
}
/* line 381, ../sass/screen.scss */
.activity .list .type {
  background-image: url("../img/icon_type.png");
}
/* line 385, ../sass/screen.scss */
.activity .list .subscribe {
  position: relative;
  display: none;
  width: 100%;
  height: 2.6em;
  margin-top: -2.6em;
  text-align: right;
}
/* line 392, ../sass/screen.scss */
.activity .list .subscribe input[type="text"] {
  border: 1px solid #E0E2E0;
  width: 16em;
}
/* line 395, ../sass/screen.scss */
.activity .list .subscribe input[type="text"]:hover {
  border: 1px solid #00833F;
}
/* line 400, ../sass/screen.scss */
.activity .list .info {
  height: 0;
  width: 200%;
  margin-top: 0em;
  overflow: hidden;
  opacity: 0;
}
/* line 407, ../sass/screen.scss */
.activity .list .participants {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 1.2em;
  font-weight: 500;
  padding-top: 1em;
  border-top: 1px solid #D8DAD7;
}
/* line 415, ../sass/screen.scss */
.activity .list .showall {
  margin-top: -2.1em;
  width: 100%;
  text-align: right;
}
/* line 421, ../sass/screen.scss */
.activity .list .p_list {
  width: 100%;
  overflow: hidden;
}
/* line 424, ../sass/screen.scss */
.activity .list .p_list ul {
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
  width: 300%;
}
/* line 432, ../sass/screen.scss */
.activity .list .p_list ul li {
  height: 1.6em;
  white-space: nowrap;
  overflow: visible;
}
/* line 438, ../sass/screen.scss */
.activity .list .p_list .small_loader {
  display: none;
  width: 100%;
  position: relative;
  top: 50%;
}
/* line 443, ../sass/screen.scss */
.activity .list .p_list .small_loader .circle {
  display: inline-block;
  background-color: rgba(40, 49, 45, 0.75);
  opacity: 0;
  position: relative;
  /* key up the animations! */
  -webkit-animation: small_dotloader 2.5s infinite;
  -moz-animation: small_dotloader 2.5s infinite;
  -ms-animation: small_dotloader 2.5s infinite;
  -o-animation: small_dotloader 2.5s infinite;
  animation: small_dotloader 2.5s infinite;
}
/* line 456, ../sass/screen.scss */
.activity .list .p_list .small_loader .circle + .circle {
  margin-left: -24px;
  /* staggered effect cause by delay property */
  -webkit-animation: small_dotloader 2.5s 0.2s infinite;
  -moz-animation: small_dotloader 2.5s 0.2s infinite;
  -ms-animation: small_dotloader 2.5s 0.2s infinite;
  -o-animation: small_dotloader 2.5s 0.2s infinite;
  animation: small_dotloader 2.5s 0.2s infinite;
}
/* line 466, ../sass/screen.scss */
.activity .list .p_list .small_loader .circle + .circle + .circle {
  margin-left: -24px;
  -webkit-animation: small_dotloader 2.5s 0.4s infinite;
  -moz-animation: small_dotloader 2.5s 0.4s infinite;
  -ms-animation: small_dotloader 2.5s 0.4s infinite;
  -o-animation: small_dotloader 2.5s 0.4s infinite;
  animation: small_dotloader 2.5s 0.4s infinite;
}
/* line 475, ../sass/screen.scss */
.activity .list .p_list .small_loader .circle + .circle + .circle + .circle {
  margin-left: -24px;
  -webkit-animation: small_dotloader 2.5s 0.6s infinite;
  -moz-animation: small_dotloader 2.5s 0.6s infinite;
  -ms-animation: small_dotloader 2.5s 0.6s infinite;
  -o-animation: small_dotloader 2.5s 0.6s infinite;
  animation: small_dotloader 2.5s 0.6s infinite;
}
/* line 485, ../sass/screen.scss */
.activity .list .full {
  color: red;
  text-style: italic;
}
/* line 489, ../sass/screen.scss */
.activity .list .reserveinfo {
  display: none;
  margin-top: 0.5em;
  font-style: italic;
  font-size: 0.8em;
}
/* line 495, ../sass/screen.scss */
.activity .list .reserveinfo.expanded {
  display: block;
}
/* line 500, ../sass/screen.scss */
.activity .footer {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
/* line 503, ../sass/screen.scss */
.activity .footer .text {
  margin-right: 7em;
}
/* line 506, ../sass/screen.scss */
.activity .footer .button {
  width: 7em;
  float: right;
  margin: 0;
  margin-top: -2.5em;
}
/* line 512, ../sass/screen.scss */
.activity .footer input[type="text"],
.activity .footer input[type="submit"],
.activity .footer input[type="button"] {
  width: 100%;
  height: 2.5em;
}
/* line 518, ../sass/screen.scss */
.activity .footer input[type="text"] {
  background-color: #E0E2E0;
}
/* line 520, ../sass/screen.scss */
.activity .footer input[type="text"]:hover {
  background-color: #c8c8c8;
}
/* line 526, ../sass/screen.scss */
.activity .footer.reserve .text {
  margin-right: 10em;
}
/* line 529, ../sass/screen.scss */
.activity .footer.reserve .button {
  width: 10em;
}

/*
EXPANDED VERSION
*/
/* line 537, ../sass/screen.scss */
.activity.expanded {
  width: 200%;
}

/* line 540, ../sass/screen.scss */
.activitywrapper:nth-child(3n+1) .activity.expanded {
  margin-left: 50%;
}

/* line 543, ../sass/screen.scss */
.activitywrapper:nth-child(3n+2) .activity.expanded {
  margin-left: -50%;
}

/* line 546, ../sass/screen.scss */
.activitywrapper:nth-child(3n+3) .activity.expanded {
  margin-left: -150%;
}

/* line 549, ../sass/screen.scss */
.activity .title.expanded {
  font-size: 2em;
  height: 1em;
}

/* line 553, ../sass/screen.scss */
.activity .info.expanded {
  height: auto;
  margin-top: 1em;
  opacity: 1;
}

/* line 558, ../sass/screen.scss */
.activity .p_list .overflow {
  opacity: 0;
}

/* line 561, ../sass/screen.scss */
.activity .p_list .overflow.expanded {
  opacity: 1;
}

/*
FORM ELEMENTS
*/
/* line 568, ../sass/screen.scss */
input, select {
  transition: background-color 0.33s,color 0.33s, border 0.33s;
  transition-property: background-color, color, border;
  transition-duration: 0.33s, 0.33s, 0.33s;
  transition-timing-function: initial, initial, initial;
  transition-delay: initial, initial, initial;
  -webkit-transition: background-color 0.33s,color 0.33s, border 0.33s;
  -webkit-transition-property: background-color, color, border;
  -webkit-transition-duration: 0.33s, 0.33s 0.33s;
  -webkit-transition-timing-function: initial, initial, initial;
  -webkit-transition-delay: initial, initial, initial;
  -moz-transition: background-color 0.33s,color 0.33s, border 0.33s;
  font-family: "soleil",Helvetica Neue,Helvetica,Arial,Liberation Sans,Sans-Serif;
  font-size: 1em;
  font-weight: 300;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* line 577, ../sass/screen.scss */
input:focus, select:focus {
  outline: none;
}

/* line 580, ../sass/screen.scss */
option {
  font-weight: 300;
}

/* line 583, ../sass/screen.scss */
.ui-selectmenu-button,
.select,
select,
input[type="text"] {
  height: 2.6em;
  margin-top: 0;
  background-color: rgba(255, 255, 255, 0.65);
  border: 0px;
  padding: 0.5em 1em;
  color: black;
}
/* line 593, ../sass/screen.scss */
.ui-selectmenu-button:hover,
.select:hover,
select:hover,
input[type="text"]:hover {
  background-color: white;
}
/* line 596, ../sass/screen.scss */
.ui-selectmenu-button:focus,
.select:focus,
select:focus,
input[type="text"]:focus {
  background-color: white;
}
/* line 599, ../sass/screen.scss */
.ui-selectmenu-button .grey,
.select .grey,
select .grey,
input[type="text"] .grey {
  background-color: #E0E2E0;
}
/* line 601, ../sass/screen.scss */
.ui-selectmenu-button .grey:hover,
.select .grey:hover,
select .grey:hover,
input[type="text"] .grey:hover {
  background-color: #c8c8c8;
}
/* line 606, ../sass/screen.scss */
.ui-selectmenu-button:disabled:hover,
.select:disabled:hover,
select:disabled:hover,
input[type="text"]:disabled:hover {
  background-color: rgba(255, 255, 255, 0.65);
}

/* line 611, ../sass/screen.scss */
.select {
  padding: 0;
}
/* line 613, ../sass/screen.scss */
.select:hover {
  cursor: pointer;
}
/* line 616, ../sass/screen.scss */
.select li {
  padding: 0.5em 1em;
  display: none;
}

/* line 622, ../sass/screen.scss */
input[type="submit"],
input[type="button"] {
  height: 2.6em;
  border: 0px;
  background-color: #00833F;
  padding: 0.5em 1em;
  margin-left: 0em;
  color: white;
}
/* line 630, ../sass/screen.scss */
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #006832;
  cursor: pointer;
}
/* line 635, ../sass/screen.scss */
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover {
  background-color: #00833F;
}

/* line 641, ../sass/screen.scss */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: black;
}

/* line 644, ../sass/screen.scss */
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: black;
  opacity: 1;
}

/* line 648, ../sass/screen.scss */
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: black;
  opacity: 1;
}

/* line 652, ../sass/screen.scss */
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: black;
}

/* line 655, ../sass/screen.scss */
.ui-menu {
  position: absolute;
  z-index: 2000;
  background-color: white;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
/* line 660, ../sass/screen.scss */
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0.5em 1em;
  zoom: 1;
  text-align: left;
}
/* line 665, ../sass/screen.scss */
.ui-menu .ui-menu-item:hover {
  background-color: #00833F;
  color: #ffffff;
  cursor: pointer;
}
/* line 670, ../sass/screen.scss */
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  font-weight: normal;
}
/* line 681, ../sass/screen.scss */
.ui-menu .ui-menu-disabled:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

/* line 687, ../sass/screen.scss */
.ui-selectmenu-button {
  outline: 0;
}

/* line 690, ../sass/screen.scss */
.ui-selectmenu-button:hover {
  cursor: pointer;
}

/* line 693, ../sass/screen.scss */
.ui-selectmenu-menu {
  outline: 0;
  width: 410px;
}
/* line 696, ../sass/screen.scss */
.ui-selectmenu-menu .ui-menu {
  display: none;
  width: 410px;
  outline: 0;
}
/* line 700, ../sass/screen.scss */
.ui-selectmenu-menu .ui-menu .ui-menu-item {
  outline: 0;
}
/* line 702, ../sass/screen.scss */
.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled {
  color: #4b5451;
}
/* line 704, ../sass/screen.scss */
.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled:hover {
  color: #4b5451;
  background-color: white;
}

/* line 713, ../sass/screen.scss */
.ui-selectmenu-open .ui-menu {
  display: block;
}

/* line 717, ../sass/screen.scss */
.ui-selectmenu-text {
  overflow: ellipsis;
  white-space: nowrap;
  height: 2.6em;
  width: 410px;
}

/* line 724, ../sass/screen.scss */
.ui-helper-hidden-accessible div {
  display: none;
}