/* http://www.responsivegridsystem.com/ */
/*--------------------------------------------------------------------*/
html,
body {
  height: 100%;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
html,
body {
  font-size: 16px;
}
body {
  background-color: #FFFFFF;
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}
img {
  max-width: 100% !important;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}
.section {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1050px;
  *zoom: 1;
}
.section .section {
  width: auto;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1;
}
.section .section:before,
.section .section:after {
  content: " ";
  display: table;
}
.section .section:after {
  clear: both;
}
.col {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left;
}
/*
.col:first-child {
	margin-left: 0;
}*/
.col .collapse-right {
  padding-right: 1px;
  margin-top: 2px;
}
.col .collapse-left {
  padding-left: 1px;
  margin-top: 2px;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */

}
.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.inline-list > li {
  list-style: none;
  float: left;
  margin-left: 1.375rem;
  display: block;
}
.inline-list > li > * {
  display: block;
}
@media only screen and (max-width: 640px) {
  /* mobil */
  .mobil_1of3 {
    width: 33.333333333333336%;
  }
  .mobil_2of3 {
    width: 66.66666666666667%;
  }
  .mobil_3of3 {
    width: 100%;
  }
  .mobil_half {
    width: 50%;
  }
  .mobil_pushhalf {
    margin-left: 50%;
  }
  .mobil_push1 {
    margin-left: 33.333333333333336%;
  }
  .mobil_push2 {
    margin-left: 66.66666666666667%;
  }
  .mobil_push3 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  /* tablet */
  .tablet_1of3 {
    width: 33.333333333333336%;
  }
  .tablet_2of3 {
    width: 66.66666666666667%;
  }
  .tablet_3of3 {
    width: 100%;
  }
  .tablet_half {
    width: 50%;
  }
  .tablet_pushhalf {
    margin-left: 50%;
  }
  .tablet_push1 {
    margin-left: 33.333333333333336%;
  }
  .tablet_push2 {
    margin-left: 66.66666666666667%;
  }
  .tablet_push3 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /* netbook */
  .netbook_1of3 {
    width: 33.333333333333336%;
  }
  .netbook_2of3 {
    width: 66.66666666666667%;
  }
  .netbook_3of3 {
    width: 100%;
  }
  .netbook_half {
    width: 50%;
  }
  .netbook_pushhalf {
    margin-left: 50%;
  }
  .netbook_push1 {
    margin-left: 33.333333333333336%;
  }
  .netbook_push2 {
    margin-left: 66.66666666666667%;
  }
  .netbook_push3 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  /* desktop */
  .desktop_1of3 {
    width: 33.333333333333336%;
  }
  .desktop_2of3 {
    width: 66.66666666666667%;
  }
  .desktop_3of3 {
    width: 100%;
  }
  .desktop_half {
    width: 50%;
  }
  .desktop_pushhalf {
    margin-left: 50%;
  }
  .desktop_push1 {
    margin-left: 33.333333333333336%;
  }
  .desktop_push2 {
    margin-left: 66.66666666666667%;
  }
  .desktop_push3 {
    margin-left: 100%;
  }
}
/* ---------- Retina Device Only and also for Android XHDPI ---------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .non-retina-only {
    display: none;
  }
  .retina-only {
    display: block;
  }
}
/* ---------- Non Retina Device Only ---------- */
@media only screen and (-webkit-max-device-pixel-ratio: 1) {
  .non-retina-only {
    display: block;
  }
  .retina-only {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  /* mobil */
  .hide4mobil {
    display: none !important;
  }
  .hide4tablet {
    display: inherit !important;
  }
  .hide4netbook {
    display: inherit !important;
  }
  .hide4desktop {
    display: inherit !important;
  }
  .show4mobil {
    display: inherit !important;
  }
  .show4tablet {
    display: none !important;
  }
  .show4netbook {
    display: none !important;
  }
  .show4desktop {
    display: none !important;
  }
  .show4mobil-up {
    display: inherit !important;
  }
  .show4tablet-up {
    display: none !important;
  }
  .show4netbook-up {
    display: none !important;
  }
  .show4tablet-down {
    display: inherit !important;
  }
  .show4netbook-down {
    display: inherit !important;
  }
  .show4desktop-down {
    display: inherit !important;
  }
  .col .collapse-right {
    padding-right: 0.625rem;
    margin-top: 0.625rem;
  }
  .col .collapse-left {
    padding-left: 0.625rem;
    margin-top: 0.625rem;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  /* tablet */
  .hide4mobil {
    display: inherit !important;
  }
  .hide4tablet {
    display: none !important;
  }
  .hide4netbook {
    display: inherit !important;
  }
  .hide4desktop {
    display: inherit !important;
  }
  .show4mobil {
    display: none !important;
  }
  .show4tablet {
    display: inherit !important;
  }
  .show4netbook {
    display: none !important;
  }
  .show4desktop {
    display: none !important;
  }
  .show4mobil-up {
    display: inherit !important;
  }
  .show4tablet-up {
    display: inherit !important;
  }
  .show4netbook-up {
    display: none !important;
  }
  .show4tablet-down {
    display: inherit !important;
  }
  .show4netbook-down {
    display: inherit !important;
  }
  .show4desktop-down {
    display: inherit !important;
  }
  .col .collapse-right {
    padding-right: 1px;
    margin-top: 2px;
  }
  .col .collapse-left {
    padding-left: 1px;
    margin-top: 2px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /* netbook */
  .hide4mobil {
    display: inherit !important;
  }
  .hide4tablet {
    display: inherit !important;
  }
  .hide4netbook {
    display: none !important;
  }
  .hide4desktop {
    display: inherit !important;
  }
  .show4mobil {
    display: none !important;
  }
  .show4tablet {
    display: none !important;
  }
  .show4netbook {
    display: inherit !important;
  }
  .show4desktop {
    display: none !important;
  }
  .show4mobil-up {
    display: inherit !important;
  }
  .show4tablet-up {
    display: inherit !important;
  }
  .show4netbook-up {
    display: inherit !important;
  }
  .show4tablet-down {
    display: none !important;
  }
  .show4netbook-down {
    display: inherit !important;
  }
  .show4desktop-down {
    display: inherit !important;
  }
  .col .collapse-right {
    padding-right: 1px;
    margin-top: 2px;
  }
  .col .collapse-left {
    padding-left: 1px;
    margin-top: 2px;
  }
}
@media only screen and (min-width: 1025px) {
  /* desktop */
  .hide4mobil {
    display: inherit !important;
  }
  .hide4tablet {
    display: inherit !important;
  }
  .hide4netbook {
    display: inherit !important;
  }
  .hide4desktop {
    display: none !important;
  }
  .show4mobil {
    display: none !important;
  }
  .show4tablet {
    display: none !important;
  }
  .show4netbook {
    display: none !important;
  }
  .show4desktop {
    display: inherit !important;
  }
  .show4mobil-up {
    display: inherit !important;
  }
  .show4tablet-up {
    display: inherit !important;
  }
  .show4netbook-up {
    display: inherit !important;
  }
  .show4tablet-down {
    display: none !important;
  }
  .show4netbook-down {
    display: none !important;
  }
  .show4desktop-down {
    display: inherit !important;
  }
  .col .collapse-right {
    padding-right: 1px;
    margin-top: 2px;
  }
  .col .collapse-left {
    padding-left: 1px;
    margin-top: 2px;
  }
}