/* ********** reset css ********** */
/* line 9, sass/sheets.scss */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td, img {
  margin: 0;
  padding: 0;
}

/* line 14, sass/sheets.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 19, sass/sheets.scss */
fieldset, img {
  border: 0;
}

/* line 23, sass/sheets.scss */
address, caption, cite, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

/* line 28, sass/sheets.scss */
caption, th {
  text-align: left;
}

/* line 32, sass/sheets.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

/* line 37, sass/sheets.scss */
q:before, q:after {
  content: '';
}

/* line 41, sass/sheets.scss */
abbr, acronym {
  border: 0;
}

/* ********** font downloads ********** */
@font-face {
  font-family: 'robotoregular';
  src: url("../font/Roboto-Regular-webfont.eot");
  src: url("../font/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Regular-webfont.woff") format("woff"), url("../font/Roboto-Regular-webfont.ttf") format("truetype"), url("../font/Roboto-Regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* ********** tests ********** */
/*
DIV, SPAN							{ border:1px red solid; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
H1, H2, H3, H4, H5, H6, P, UL, OL	{ border:1px blue solid; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
IMG									{ border:1px green solid; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#page:hover				{ background:url(../img/16_col.png); }
#header:hover			{ background:url(../img/16_col.png); }
#footer:hover			{ background:url(../img/16_col.png); }
#content:hover			{ background:url(../img/16_col.png); }
*/
/* ********** sass ********** */
/* ********** style definitions ********** */
/* line 121, sass/sheets.scss */
HTML, BODY {
  height: 100%;
}

/* line 122, sass/sheets.scss */
HTML {
  overflow-x: hidden;
  overflow-y: scroll;
}

/* line 123, sass/sheets.scss */
BODY {
  font-family: "robotoregular", Tahoma, sans-serif;
  color: #f5fde3;
  font-size: 100%;
  line-height: 1.5em;
  text-align: left;
  background: #b6f33d url(../img/bg_content.jpg) fixed no-repeat;
  background-size: 100% 100%;
}

/* line 125, sass/sheets.scss */
OL {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 1.5em;
}

/* line 126, sass/sheets.scss */
UL {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 1.5em;
  margin-left: 1.5em;
  list-style: disc;
}

/* line 127, sass/sheets.scss */
TABLE {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 1.5em;
}

/* line 128, sass/sheets.scss */
P {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 1.5em;
}

/* line 129, sass/sheets.scss */
P + P {
  text-indent: 1.5em;
  margin-top: -1.5em;
}

/* line 130, sass/sheets.scss */
P + P.newblock {
  text-indent: 0;
  margin-top: 0;
}

/* line 131, sass/sheets.scss */
P + P.newsection {
  text-indent: 0;
  margin-top: 3em;
}

/* line 132, sass/sheets.scss */
P.highlight {
  position: relative;
  min-height: 4.5em;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 0.75em;
}

/* line 133, sass/sheets.scss */
P.highlight SPAN {
  padding: 0 6em;
  display: block;
}

/* line 135, sass/sheets.scss */
SMALL {
  font-size: 0.75em;
  line-height: 2em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
}

/* line 136, sass/sheets.scss */
BIG {
  font-size: 1.5em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
}

/* line 137, sass/sheets.scss */
EM {
  color: #3db6f3;
  font-style: normal;
}

/* line 138, sass/sheets.scss */
STRONG {
  font-weight: bold;
}

/* line 140, sass/sheets.scss */
IMG {
  max-width: 100%;
  height: auto;
  display: block;
}

/* line 142, sass/sheets.scss */
IMG.icon, IMG.icon-link {
  position: relative;
  height: 6em;
  width: 6em;
  z-index: 4;
  float: left;
}

/* line 143, sass/sheets.scss */
IMG.icon-link {
  background: #7a3df3;
}

/* line 144, sass/sheets.scss */
.block IMG.icon, .block IMG.icon-link {
  margin: -0.75em 0.75em 0.75em -0.75em;
}

/* line 146, sass/sheets.scss */
P.highlight IMG.icon-link {
  margin: -0.75em 0.75em 0.75em -0.75em;
}

/* line 149, sass/sheets.scss */
IMG.screenshot {
  margin: 0 auto;
  border: 0.0625em #f5fde3 solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 150, sass/sheets.scss */
IMG.screenshot + P {
  text-align: center;
}

/* line 152, sass/sheets.scss */
.lowercase {
  text-transform: none;
  letter-spacing: 0;
}

/* ********** anchors ********** */
/* line 165, sass/sheets.scss */
A:link, A:visited {
  color: #f37a3d;
  font-weight: normal;
  text-decoration: none;
}

/* line 166, sass/sheets.scss */
A:focus, A:hover, A:active {
  color: #f5fde3;
  font-weight: normal;
  text-decoration: underline;
}

/* line 168, sass/sheets.scss */
#heading A:link, #footing A:link, #heading A:visited, #footing A:visited {
  color: #a63f0a;
  font-weight: normal;
  text-decoration: none;
}

/* line 169, sass/sheets.scss */
#heading A:focus, #footing A:focus, #heading A:hover, #footing A:hover, #heading A:active, #footing A:active {
  color: #131c02;
  font-weight: normal;
  text-decoration: underline;
}

/* line 171, sass/sheets.scss */
NAV A:link, NAV A:visited {
  color: #f5fde3;
  font-weight: normal;
  text-decoration: none;
}

/* line 172, sass/sheets.scss */
NAV A:focus, NAV A:hover, NAV A:active {
  color: white;
  font-weight: normal;
  text-decoration: underline;
}

/* line 174, sass/sheets.scss */
FORM A:link, FORM A:visited {
  color: #a63f0a;
  font-weight: normal;
  text-decoration: none;
}

/* line 175, sass/sheets.scss */
FORM A:focus, FORM A:hover, FORM A:active {
  color: #a63f0a;
  font-weight: normal;
  text-decoration: none;
}

/* line 178, sass/sheets.scss */
A.before:before {
  content: '>>';
}

/* line 179, sass/sheets.scss */
A.facebook:before {
  content: url("../img/ic-facebook-small.png");
  margin-right: 0.25em;
  vertical-align: middle;
  line-height: 0;
}

/* line 180, sass/sheets.scss */
A.twitter:before {
  content: url("../img/ic-twitter-small.png");
  margin-right: 0.25em;
  vertical-align: middle;
  line-height: 0;
}

/* line 181, sass/sheets.scss */
A.rss:before {
  content: url("../img/ic-rss-small.png");
  margin-right: 0.25em;
  vertical-align: middle;
  line-height: 0;
}

/* line 182, sass/sheets.scss */
A.playstore:before {
  content: url("../img/ic-playstore-small.png");
  margin-right: 0.25em;
  vertical-align: middle;
  line-height: 0;
}

/* line 183, sass/sheets.scss */
A.appstore:before {
  content: url("../img/ic-appstore-small.png");
  margin-right: 0.25em;
  vertical-align: middle;
  line-height: 0;
}

/* line 184, sass/sheets.scss */
A.download:before {
  content: url("../img/ic-download-small.png");
  margin-right: 0.25em;
  vertical-align: middle;
  line-height: 0;
}

/* ********** page ********** */
/* line 190, sass/sheets.scss */
#page {
  max-width: 960px;
  min-height: 100%;
  margin: -6em auto;
}

/* line 191, sass/sheets.scss */
#page:before, #page:after {
  content: "";
  display: block;
  height: 6em;
}

/* ********** header, footer ********** */
/* line 197, sass/sheets.scss */
#header, #footer {
  position: relative;
  min-height: 6em;
  z-index: 5;
  background: rgba(255, 255, 255, 0.5);
}

/* line 198, sass/sheets.scss */
#heading, #footing {
  height: 6em;
  font-size: 1em;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: #131c02;
  text-align: center;
}

/* line 200, sass/sheets.scss */
#heading H1, #heading H2, #footing P {
  margin: 0;
}

/* line 201, sass/sheets.scss */
#heading H1 {
  color: #f37a3d;
  font-size: 1.5em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
}

/* line 202, sass/sheets.scss */
#heading H1, #heading H2 {
  position: relative;
  top: 33%;
  transform: translateY(-33%);
}

/* line 203, sass/sheets.scss */
#footing P {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* line 205, sass/sheets.scss */
#header:after, #content:after, #footer:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 206, sass/sheets.scss */
#contentRight:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 208, sass/sheets.scss */
.iconbar {
  position: relative;
  margin: 0;
  z-index: 6;
}

/* line 209, sass/sheets.scss */
.iconbar > LI {
  max-width: 16.66667%;
  display: inline;
  list-style: none;
}

/* line 210, sass/sheets.scss */
.iconbar.left > LI {
  float: left;
}

/* line 211, sass/sheets.scss */
.iconbar.right > LI {
  float: right;
}

/* line 212, sass/sheets.scss */
.iconbar IMG {
  position: relative;
  display: block;
  height: auto;
  width: 6em;
}

/* ********** navigation ********** */
/* line 218, sass/sheets.scss */
NAV > UL {
  position: relative;
  height: 0;
  margin: 0;
  font-size: 1em;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  text-align: right;
  background: #7a3df3;
  z-index: 7;
  overflow: hidden;
}

/* line 219, sass/sheets.scss */
NAV LI {
  display: block;
  list-style: none;
  padding: 0.75em 1.5em;
}

/* line 220, sass/sheets.scss */
NAV LI:hover {
  background: #3db6f3;
}

/* line 221, sass/sheets.scss */
NAV LI.active {
  color: #3db6f3;
}

/* line 222, sass/sheets.scss */
NAV LI.active:hover {
  background: transparent;
}

/* ********** content ********** */
/* line 228, sass/sheets.scss */
#eyecatcher {
  position: relative;
  margin: 4.5em auto;
  z-index: 1;
}

/* line 229, sass/sheets.scss */
#eyecatcher IMG {
  width: 37em;
  height: 27.75em;
  width: 61.6667%;
  margin: 0 2.5%;
}

/* 592/960 (2/3) 24/960 */
/* line 231, sass/sheets.scss */
#content {
  position: relative;
  padding: 1.5em;
  margin: 3em auto;
  background: rgba(0, 0, 0, 0.5);
  font-size: 1em;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  z-index: 2;
}

/* line 232, sass/sheets.scss */
#eyecatcher + #content {
  margin-top: -33.75em;
  padding-top: 29.25em;
}

/* 27.75+6 27.75+1.5*/
/* line 234, sass/sheets.scss */
#contentLeft {
  float: left;
  width: 64.9123%;
  margin-top: 1.5em;
}

/* 592/912 (2/3) */
/* line 235, sass/sheets.scss */
#contentRight {
  position: relative;
  float: right;
  width: 32.4561%;
  margin-top: -27.75em;
}

/* 296/912 (1/3) */
/* line 237, sass/sheets.scss */
#contentRight .block {
  min-height: 9em;
  padding: 0.75em;
  margin-bottom: 1.5em;
  background: rgba(0, 0, 0, 0.5);
}

/* line 238, sass/sheets.scss */
#contentRight .block:last-child {
  margin-bottom: 0;
}

/* line 240, sass/sheets.scss */
#content .h3 {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  height: 6em;
  margin: -1.5em -1.5em 1.5em -1.5em;
  padding-right: 6em;
  z-index: 3;
}

/* line 241, sass/sheets.scss */
#content H3 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #3db6f3;
  font-size: 1.5em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  text-align: center;
}

/* line 242, sass/sheets.scss */
#content H4 {
  margin-bottom: 1.00005em;
  color: #3db6f3;
  font-size: 1.5em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  text-align: center;
}

/* line 243, sass/sheets.scss */
#content P:last-child, #content TABLE:last-child {
  margin-bottom: 0;
}

/* line 244, sass/sheets.scss */
P + H4, OL + H4, UL + H4, IMG + H4 {
  margin-top: 2em;
}

/* ********** messages ********** */
/* line 250, sass/sheets.scss */
.msg-error, .msg-allright {
  c1olor: #131c02;
  background: rgba(0, 0, 0, 0.5) url("../img/devil.png") 0.75em center no-repeat;
  min-height: 4.5em;
  margin: 1.5em auto;
  padding: 0.75em 0.75em 0.75em 6em;
}

/* line 251, sass/sheets.scss */
.msg-error {
  border: 0.375em red solid;
}

/* line 252, sass/sheets.scss */
.msg-allright {
  border: 0.375em green solid;
}

/* line 253, sass/sheets.scss */
.msg-error UL, .msg-allright UL {
  margin-bottom: 0;
  font-size: 0.75em;
  line-height: 2em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  text-transform: none;
}

/* ********** tables ********** */
/* line 259, sass/sheets.scss */
TABLE {
  width: 100%;
  table-layout: fixed;
}

/* line 260, sass/sheets.scss */
TR.empty TD {
  background: transparent;
  height: 0.375em;
  border: 0;
}

/* line 261, sass/sheets.scss */
TH {
  padding: 0.375em;
  color: #131c02;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  font-size: 0.75em;
  line-height: 2em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  text-transform: none;
  letter-spacing: 0;
  border: 0.125em #f5fde3 solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

/* line 262, sass/sheets.scss */
TABLE TBODY.lg {
  display: none;
}

/* line 264, sass/sheets.scss */
#table-scrollable {
  max-height: 480px;
  overflow-y: scroll;
}

/* line 265, sass/sheets.scss */
#table-fixed {
  position: fixed;
  top: 0;
  display: none;
  background: #131c02;
  z-index: 99;
}

/* line 266, sass/sheets.scss */
.jquery-color-link {
  background: #f37a3d;
}

/* ********** forms**********  */
/* line 272, sass/sheets.scss */
.form {
  width: 50%;
  margin: 0 auto 1.5em auto;
  text-align: center;
}

/* line 273, sass/sheets.scss */
.form LI {
  margin: 0.375em auto;
  list-style: none;
}

/* line 275, sass/sheets.scss */
.input, .textarea, .select {
  background: white;
  border: 0.125em #f5fde3 solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

/* line 276, sass/sheets.scss */
.input:hover, .textarea:hover, .select:hover {
  background: #f5fde3;
  border: 0.125em #f37a3d solid;
}

/* line 277, sass/sheets.scss */
.select:hover {
  background: url(../img/ic-select.png) no-repeat center right #f5fde3;
}

/* line 279, sass/sheets.scss */
TABLE .input, TABLE .textarea, TABLE .select {
  border: 0.0625em #f5fde3 solid;
}

/* line 280, sass/sheets.scss */
TABLE .highlight {
  background: #cbf56c;
}

/* line 281, sass/sheets.scss */
TABLE .highlight .input, TABLE .highlight .textarea, TABLE .highlight .select {
  background: #cbf56c;
}

/* line 282, sass/sheets.scss */
TABLE .input.disabled {
  background: rgba(255, 255, 255, 0.5);
}

/* line 285, sass/sheets.scss */
.input INPUT, .textarea TEXTAREA, .select SELECT {
  padding: 0.375em;
  border: 0;
  color: #131c02;
  background: transparent;
  overflow: hidden;
}

/* line 286, sass/sheets.scss */
.input INPUT, .textarea TEXTAREA {
  width: 100%;
}

/* line 287, sass/sheets.scss */
.select SELECT {
  width: 200%;
}

/* line 288, sass/sheets.scss */
.input.disabled INPUT {
  text-align: center;
}

/* line 290, sass/sheets.scss */
INPUT.error, TEXTAREA.error, SELECT.error {
  color: #f5fde3;
  background: red;
}

/* line 292, sass/sheets.scss */
.button {
  background: #f37a3d;
  cursor: pointer;
  border: 0.125em #f37a3d solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 293, sass/sheets.scss */
.button.large {
  padding: 0.75em;
  font-size: 1.5em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.25em;
}

/* line 294, sass/sheets.scss */
.button:hover {
  border: 0.125em #f5fde3 solid;
}

@media only screen and (min-width: 0px) and (max-width: 979px) {
  /* line 300, sass/sheets.scss */
  #header {
    background: transparent;
  }

  /* line 301, sass/sheets.scss */
  #heading, #footing {
    height: auto;
    clear: both;
    width: 100%;
  }

  /* line 302, sass/sheets.scss */
  #heading {
    background: transparent;
    height: 0;
    overflow: hidden;
  }

  /* line 303, sass/sheets.scss */
  #footing P {
    position: relative;
    top: 0;
    transform: translateY(0);
  }

  /* line 304, sass/sheets.scss */
  .iconbar > LI {
    width: 16.66667%;
  }

  /* line 305, sass/sheets.scss */
  .iconbar IMG {
    position: relative;
    display: block;
    height: auto;
    width: 100%;
  }

  /* line 307, sass/sheets.scss */
  #content {
    padding: 0 0.75em 1.5em 0.75em;
  }

  /* line 308, sass/sheets.scss */
  #eyecatcher + #content {
    margin: 0;
    padding-top: 1.5em;
  }

  /* line 309, sass/sheets.scss */
  #contentLeft, #contentRight {
    float: none;
    width: 100%;
  }

  /* line 310, sass/sheets.scss */
  #contentRight {
    margin-top: 0;
  }

  /* line 311, sass/sheets.scss */
  #eyecatcher {
    margin: 0;
  }

  /* line 312, sass/sheets.scss */
  #eyecatcher IMG {
    width: 100%;
    height: auto;
    margin: 0;
  }

  /* line 314, sass/sheets.scss */
  #content .h3 {
    padding-right: 0;
    height: auto;
    margin: 0 -0.75em 1.5em -0.75em;
  }

  /* line 315, sass/sheets.scss */
  #content H3 {
    top: 0;
    transform: translateY(0);
    padding: 1.5em 0;
  }

  /* line 317, sass/sheets.scss */
  .block IMG.icon, .block IMG.icon-link {
    float: none;
    margin: 0 auto 1.5em auto;
  }

  /* line 318, sass/sheets.scss */
  P.highlight IMG.icon-link {
    float: none;
    margin: 0 auto 1.5em auto;
  }

  /* line 319, sass/sheets.scss */
  P.highlight {
    min-height: auto;
  }

  /* line 320, sass/sheets.scss */
  P.highlight SPAN {
    padding: 0 1.5em;
  }
}
/* eof */