@charset "UTF-8";

/*  Font: FontAwesome: normal | normal */
.clear:after{content: ".";display: block;height:0;clear: both;visibility: hidden;overflow: hidden;}
@font-face {
  font-family: "FontAwesome";
  src: "font/icon/fontawesome-webfont.eot";
  src: url("font/icon/fontawesome-webfont.eot") format("embedded-opentype"), url("font/icon/fontawesome-webfont.woff") format("woff"), url("font/icon/fontawesome-webfont.ttf") format("truetype"), url("font/icon/fontawesome-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "FontAwesome";
  font-size: 120%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: inherit;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* Weird fix for vertical icon alignment. */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

/*  Font: Open Sans Regular: 400 | normal */
@font-face {
  font-family: "Open Sans Regular";
  src: "font/text/opensans-regular.eot";
  src: url("font/text/opensans-regular.eot") format("embedded-opentype"), url("font/text/opensans-regular.woff") format("woff"), url("font/text/opensans-regular.ttf") format("truetype"), url("font/text/OpenSans-Regular.svg#Open Sans Regular") format("svg");
  font-weight: 400;
  font-style: normal; }
/*  Font: Open Sans Italic: 400 | normal */
@font-face {
  font-family: "Open Sans Italic";
  src: "font/opensans-italic.eot";
  src: url("font/text/opensans-italic.eot") format("embedded-opentype"), url("font/text/opensans-italic.woff") format("woff"), url("font/text/opensans-italic.ttf") format("truetype"), url("font/text/OpenSans-Italic.svg#Open Sans Italic") format("svg");
  font-weight: 400;
  font-style: normal; }
/*  Font: Open Sans Bold: 700 | normal */
@font-face {
  font-family: "Open Sans Bold";
  src: "font/opensans-bold.eot";
  src: url("font/text/opensans-bold.eot") format("embedded-opentype"), url("font/text/opensans-bold.woff") format("woff"), url("font/text/opensans-bold.ttf") format("truetype"), url("font/text/OpenSans-Bold.svg#Open Sans Bold") format("svg");
  font-weight: 700;
  font-style: normal; }
/*  Font: Hind: 600 | normal */
@font-face {
  font-family: "Hind";
  src: "font/hind-semibold.eot";
  src: url("font/text/hind-semibold.eot") format("embedded-opentype"), url("font/text/hind-semibold.woff") format("woff"), url("font/text/hind-semibold.ttf") format("truetype"), url("font/text/Hind-Semibold.svg#Hind") format("svg");
  font-weight: 600;
  font-style: normal; }


h1,
.alpha {
  color: #fff;
  font-weight: 600;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 1.5; }
  @media only screen and (max-width: 40.062em) {
    h1,
    .alpha {
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 1.5; } }

h2,
.beta,
.o-form__legend,
.o-listing__header .o-listing__title {
  color: #000;
  font-weight: 600;
  font-size: 36px;
  font-size: 1.5rem;
  line-height: 1.5; }
  @media only screen and (max-width: 40.062em) {
    h2,
    .beta,
    .o-form__legend,
    .o-listing__header .o-listing__title {
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 1.5; } 
      
    }

h3,
.gamma,
table caption,
.o-tiblock .o-tiblock__wrap-text .o-tiblock__title {
  color: #000;
  font-weight: 600;
  font-size: 26px;
  font-size: 1.2rem;
  line-height: 1.5; }
  @media only screen and (max-width: 40.062em) {
    h3,
    .gamma,
    table caption,
    .o-tiblock .o-tiblock__wrap-text .o-tiblock__title {
      font-size: 19px;
      font-size: 1.1875rem;
      line-height: 1.5; } }

h4,
.delta,
.o-tiblock .o-tiblock__wrap-text .o-tiblock__second-title {
  color: #000;
  font-weight: 600;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.5; }
  @media only screen and (max-width: 40.062em) {
    h4,
    .delta,
    .o-tiblock .o-tiblock__wrap-text .o-tiblock__second-title {
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.5; } }

h5,
.epsilon {
  color: #000;
  font-weight: 600;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.5; }
  @media only screen and (max-width: 40.062em) {
    h5,
    .epsilon {
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.5; } }

h6,
.zeta {
  color: #000;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5; }
  @media only screen and (max-width: 40.062em) {
    h6,
    .zeta {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.5; } }


html {
  min-height: 100%;
  overflow-y: scroll;
  font-family: "Open Sans Regular", Arial, sans-serif;
  font-weight: 400;
  color: #555555;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 40.062em) {
    html {
      font-size: 0.875em;
      line-height: 1.42857; } }
  @media only screen and (min-width: 40.063em) {
    html {
      font-size: 1em;
      line-height: 1.5; } }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/* Bitte nicht l?schen! Ist f��r Mobile sehr wichtig! */
@media only screen and (max-width: 48.0625em) {
  body {
    overflow-x: hidden !important; } }


* {
  padding: 0;
  border: 0;
  margin: 0; }

/* Global reset of outline on focused elements */
*,
*:focus {
  outline: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, main, nav, section {
  display: block; }

a {
  color: #41b7d8;
  text-decoration: underline; }
  a:hover, a:focus, a:active {
    text-decoration: underline; }
  a:hover, a:focus {
    color: #96d7e9; }
  a:active {
    color: #1e7b95; }

strong {
  font-weight: bold; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

  .c-textblock {margin-bottom:25px;}


img {
  max-width: 100%;
  /* [1] */
  height: auto;
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

/* Form element resets */
input[type="submit"] {
  width: auto;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"] {
  width: auto; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none; }

/* CSS reset & fix for iOS-Devices */
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  input,
  textarea,
  select {
    -webkit-border-radius: 0;
    border-radius: 0; }

  input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    appearance: checkbox !important; }

  input[type="radio"] {
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    -ms-appearance: radio !important;
    -o-appearance: radio !important;
    appearance: radio !important; } }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.clearfix-before:before {
  content: "";
  display: table;
  clear: both; }

  #pages a{display: block;}


@media only screen and (max-width: 30em) {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="smartphone-only-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="smartphone-only-1/2"],
  [class~="smartphone-only-2/4"],
  [class~="smartphone-only-3/6"],
  [class~="smartphone-only-4/8"],
  [class~="smartphone-only-5/10"],
  [class~="smartphone-only-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="smartphone-only-1/3"],
  [class~="smartphone-only-2/6"],
  [class~="smartphone-only-3/9"],
  [class~="smartphone-only-4/12"] {
    width: 33.3333333% !important; }

  [class~="smartphone-only-2/3"],
  [class~="smartphone-only-4/6"],
  [class~="smartphone-only-6/9"],
  [class~="smartphone-only-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="smartphone-only-1/4"],
  [class~="smartphone-only-2/8"],
  [class~="smartphone-only-3/12"] {
    width: 25% !important; }

  [class~="smartphone-only-3/4"],
  [class~="smartphone-only-6/8"],
  [class~="smartphone-only-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="smartphone-only-1/5"],
  [class~="smartphone-only-2/10"] {
    width: 20% !important; }

  [class~="smartphone-only-2/5"],
  [class~="smartphone-only-4/10"] {
    width: 40% !important; }

  [class~="smartphone-only-3/5"],
  [class~="smartphone-only-6/10"] {
    width: 60% !important; }

  [class~="smartphone-only-4/5"],
  [class~="smartphone-only-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="smartphone-only-1/6"],
  [class~="smartphone-only-2/12"] {
    width: 16.6666666% !important; }

  [class~="smartphone-only-5/6"],
  [class~="smartphone-only-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="smartphone-only-1/8"] {
    width: 12.5% !important; }

  [class~="smartphone-only-3/8"] {
    width: 37.5% !important; }

  [class~="smartphone-only-5/8"] {
    width: 62.5% !important; }

  [class~="smartphone-only-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="smartphone-only-1/9"] {
    width: 11.1111111% !important; }

  [class~="smartphone-only-2/9"] {
    width: 22.2222222% !important; }

  [class~="smartphone-only-4/9"] {
    width: 44.4444444% !important; }

  [class~="smartphone-only-5/9"] {
    width: 55.5555555% !important; }

  [class~="smartphone-only-7/9"] {
    width: 77.7777777% !important; }

  [class~="smartphone-only-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="smartphone-only-1/10"] {
    width: 10% !important; }

  [class~="smartphone-only-3/10"] {
    width: 30% !important; }

  [class~="smartphone-only-7/10"] {
    width: 70% !important; }

  [class~="smartphone-only-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="smartphone-only-1/12"] {
    width: 8.3333333% !important; }

  [class~="smartphone-only-5/12"] {
    width: 41.6666666% !important; }

  [class~="smartphone-only-7/12"] {
    width: 58.3333333% !important; }

  [class~="smartphone-only-11/12"] {
    width: 91.6666666% !important; } }
@media only screen and (max-width: 40.062em) {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="smartphone-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="smartphone-1/2"],
  [class~="smartphone-2/4"],
  [class~="smartphone-3/6"],
  [class~="smartphone-4/8"],
  [class~="smartphone-5/10"],
  [class~="smartphone-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="smartphone-1/3"],
  [class~="smartphone-2/6"],
  [class~="smartphone-3/9"],
  [class~="smartphone-4/12"] {
    width: 33.3333333% !important; }

  [class~="smartphone-2/3"],
  [class~="smartphone-4/6"],
  [class~="smartphone-6/9"],
  [class~="smartphone-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="smartphone-1/4"],
  [class~="smartphone-2/8"],
  [class~="smartphone-3/12"] {
    width: 25% !important; }

  [class~="smartphone-3/4"],
  [class~="smartphone-6/8"],
  [class~="smartphone-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="smartphone-1/5"],
  [class~="smartphone-2/10"] {
    width: 20% !important; }

  [class~="smartphone-2/5"],
  [class~="smartphone-4/10"] {
    width: 40% !important; }

  [class~="smartphone-3/5"],
  [class~="smartphone-6/10"] {
    width: 60% !important; }

  [class~="smartphone-4/5"],
  [class~="smartphone-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="smartphone-1/6"],
  [class~="smartphone-2/12"] {
    width: 16.6666666% !important; }

  [class~="smartphone-5/6"],
  [class~="smartphone-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="smartphone-1/8"] {
    width: 12.5% !important; }

  [class~="smartphone-3/8"] {
    width: 37.5% !important; }

  [class~="smartphone-5/8"] {
    width: 62.5% !important; }

  [class~="smartphone-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="smartphone-1/9"] {
    width: 11.1111111% !important; }

  [class~="smartphone-2/9"] {
    width: 22.2222222% !important; }

  [class~="smartphone-4/9"] {
    width: 44.4444444% !important; }

  [class~="smartphone-5/9"] {
    width: 55.5555555% !important; }

  [class~="smartphone-7/9"] {
    width: 77.7777777% !important; }

  [class~="smartphone-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="smartphone-1/10"] {
    width: 10% !important; }

  [class~="smartphone-3/10"] {
    width: 30% !important; }

  [class~="smartphone-7/10"] {
    width: 70% !important; }

  [class~="smartphone-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="smartphone-1/12"] {
    width: 8.3333333% !important; }

  [class~="smartphone-5/12"] {
    width: 41.6666666% !important; }

  [class~="smartphone-7/12"] {
    width: 58.3333333% !important; }

  [class~="smartphone-11/12"] {
    width: 91.6666666% !important; } }
@media only screen and (min-width: 30.001em) and (max-width: 40.062em) {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="phablet-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="phablet-1/2"],
  [class~="phablet-2/4"],
  [class~="phablet-3/6"],
  [class~="phablet-4/8"],
  [class~="phablet-5/10"],
  [class~="phablet-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="phablet-1/3"],
  [class~="phablet-2/6"],
  [class~="phablet-3/9"],
  [class~="phablet-4/12"] {
    width: 33.3333333% !important; }

  [class~="phablet-2/3"],
  [class~="phablet-4/6"],
  [class~="phablet-6/9"],
  [class~="phablet-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="phablet-1/4"],
  [class~="phablet-2/8"],
  [class~="phablet-3/12"] {
    width: 25% !important; }

  [class~="phablet-3/4"],
  [class~="phablet-6/8"],
  [class~="phablet-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="phablet-1/5"],
  [class~="phablet-2/10"] {
    width: 20% !important; }

  [class~="phablet-2/5"],
  [class~="phablet-4/10"] {
    width: 40% !important; }

  [class~="phablet-3/5"],
  [class~="phablet-6/10"] {
    width: 60% !important; }

  [class~="phablet-4/5"],
  [class~="phablet-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="phablet-1/6"],
  [class~="phablet-2/12"] {
    width: 16.6666666% !important; }

  [class~="phablet-5/6"],
  [class~="phablet-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="phablet-1/8"] {
    width: 12.5% !important; }

  [class~="phablet-3/8"] {
    width: 37.5% !important; }

  [class~="phablet-5/8"] {
    width: 62.5% !important; }

  [class~="phablet-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="phablet-1/9"] {
    width: 11.1111111% !important; }

  [class~="phablet-2/9"] {
    width: 22.2222222% !important; }

  [class~="phablet-4/9"] {
    width: 44.4444444% !important; }

  [class~="phablet-5/9"] {
    width: 55.5555555% !important; }

  [class~="phablet-7/9"] {
    width: 77.7777777% !important; }

  [class~="phablet-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="phablet-1/10"] {
    width: 10% !important; }

  [class~="phablet-3/10"] {
    width: 30% !important; }

  [class~="phablet-7/10"] {
    width: 70% !important; }

  [class~="phablet-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="phablet-1/12"] {
    width: 8.3333333% !important; }

  [class~="phablet-5/12"] {
    width: 41.6666666% !important; }

  [class~="phablet-7/12"] {
    width: 58.3333333% !important; }

  [class~="phablet-11/12"] {
    width: 91.6666666% !important; } }
@media only screen and (min-width: 30.001em) {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="phablet-and-up-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="phablet-and-up-1/2"],
  [class~="phablet-and-up-2/4"],
  [class~="phablet-and-up-3/6"],
  [class~="phablet-and-up-4/8"],
  [class~="phablet-and-up-5/10"],
  [class~="phablet-and-up-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="phablet-and-up-1/3"],
  [class~="phablet-and-up-2/6"],
  [class~="phablet-and-up-3/9"],
  [class~="phablet-and-up-4/12"] {
    width: 33.3333333% !important; }

  [class~="phablet-and-up-2/3"],
  [class~="phablet-and-up-4/6"],
  [class~="phablet-and-up-6/9"],
  [class~="phablet-and-up-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="phablet-and-up-1/4"],
  [class~="phablet-and-up-2/8"],
  [class~="phablet-and-up-3/12"] {
    width: 25% !important; }

  [class~="phablet-and-up-3/4"],
  [class~="phablet-and-up-6/8"],
  [class~="phablet-and-up-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="phablet-and-up-1/5"],
  [class~="phablet-and-up-2/10"] {
    width: 20% !important; }

  [class~="phablet-and-up-2/5"],
  [class~="phablet-and-up-4/10"] {
    width: 40% !important; }

  [class~="phablet-and-up-3/5"],
  [class~="phablet-and-up-6/10"] {
    width: 60% !important; }

  [class~="phablet-and-up-4/5"],
  [class~="phablet-and-up-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="phablet-and-up-1/6"],
  [class~="phablet-and-up-2/12"] {
    width: 16.6666666% !important; }

  [class~="phablet-and-up-5/6"],
  [class~="phablet-and-up-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="phablet-and-up-1/8"] {
    width: 12.5% !important; }

  [class~="phablet-and-up-3/8"] {
    width: 37.5% !important; }

  [class~="phablet-and-up-5/8"] {
    width: 62.5% !important; }

  [class~="phablet-and-up-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="phablet-and-up-1/9"] {
    width: 11.1111111% !important; }

  [class~="phablet-and-up-2/9"] {
    width: 22.2222222% !important; }

  [class~="phablet-and-up-4/9"] {
    width: 44.4444444% !important; }

  [class~="phablet-and-up-5/9"] {
    width: 55.5555555% !important; }

  [class~="phablet-and-up-7/9"] {
    width: 77.7777777% !important; }

  [class~="phablet-and-up-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="phablet-and-up-1/10"] {
    width: 10% !important; }

  [class~="phablet-and-up-3/10"] {
    width: 30% !important; }

  [class~="phablet-and-up-7/10"] {
    width: 70% !important; }

  [class~="phablet-and-up-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="phablet-and-up-1/12"] {
    width: 8.3333333% !important; }

  [class~="phablet-and-up-5/12"] {
    width: 41.6666666% !important; }

  [class~="phablet-and-up-7/12"] {
    width: 58.3333333% !important; }

  [class~="phablet-and-up-11/12"] {
    width: 91.6666666% !important; } }
@media only screen and (max-width: 48.0625em) {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="mobile-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="mobile-1/2"],
  [class~="mobile-2/4"],
  [class~="mobile-3/6"],
  [class~="mobile-4/8"],
  [class~="mobile-5/10"],
  [class~="mobile-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="mobile-1/3"],
  [class~="mobile-2/6"],
  [class~="mobile-3/9"],
  [class~="mobile-4/12"] {
    width: 33.3333333% !important; }

  [class~="mobile-2/3"],
  [class~="mobile-4/6"],
  [class~="mobile-6/9"],
  [class~="mobile-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="mobile-1/4"],
  [class~="mobile-2/8"],
  [class~="mobile-3/12"] {
    width: 25% !important; }

  [class~="mobile-3/4"],
  [class~="mobile-6/8"],
  [class~="mobile-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="mobile-1/5"],
  [class~="mobile-2/10"] {
    width: 20% !important; }

  [class~="mobile-2/5"],
  [class~="mobile-4/10"] {
    width: 40% !important; }

  [class~="mobile-3/5"],
  [class~="mobile-6/10"] {
    width: 60% !important; }

  [class~="mobile-4/5"],
  [class~="mobile-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="mobile-1/6"],
  [class~="mobile-2/12"] {
    width: 16.6666666% !important; }

  [class~="mobile-5/6"],
  [class~="mobile-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="mobile-1/8"] {
    width: 12.5% !important; }

  [class~="mobile-3/8"] {
    width: 37.5% !important; }

  [class~="mobile-5/8"] {
    width: 62.5% !important; }

  [class~="mobile-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="mobile-1/9"] {
    width: 11.1111111% !important; }

  [class~="mobile-2/9"] {
    width: 22.2222222% !important; }

  [class~="mobile-4/9"] {
    width: 44.4444444% !important; }

  [class~="mobile-5/9"] {
    width: 55.5555555% !important; }

  [class~="mobile-7/9"] {
    width: 77.7777777% !important; }

  [class~="mobile-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="mobile-1/10"] {
    width: 10% !important; }

  [class~="mobile-3/10"] {
    width: 30% !important; }

  [class~="mobile-7/10"] {
    width: 70% !important; }

  [class~="mobile-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="mobile-1/12"] {
    width: 8.3333333% !important; }

  [class~="mobile-5/12"] {
    width: 41.6666666% !important; }

  [class~="mobile-7/12"] {
    width: 58.3333333% !important; }

  [class~="mobile-11/12"] {
    width: 91.6666666% !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="portrait-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="portrait-1/2"],
  [class~="portrait-2/4"],
  [class~="portrait-3/6"],
  [class~="portrait-4/8"],
  [class~="portrait-5/10"],
  [class~="portrait-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="portrait-1/3"],
  [class~="portrait-2/6"],
  [class~="portrait-3/9"],
  [class~="portrait-4/12"] {
    width: 33.3333333% !important; }

  [class~="portrait-2/3"],
  [class~="portrait-4/6"],
  [class~="portrait-6/9"],
  [class~="portrait-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="portrait-1/4"],
  [class~="portrait-2/8"],
  [class~="portrait-3/12"] {
    width: 25% !important; }

  [class~="portrait-3/4"],
  [class~="portrait-6/8"],
  [class~="portrait-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="portrait-1/5"],
  [class~="portrait-2/10"] {
    width: 20% !important; }

  [class~="portrait-2/5"],
  [class~="portrait-4/10"] {
    width: 40% !important; }

  [class~="portrait-3/5"],
  [class~="portrait-6/10"] {
    width: 60% !important; }

  [class~="portrait-4/5"],
  [class~="portrait-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="portrait-1/6"],
  [class~="portrait-2/12"] {
    width: 16.6666666% !important; }

  [class~="portrait-5/6"],
  [class~="portrait-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="portrait-1/8"] {
    width: 12.5% !important; }

  [class~="portrait-3/8"] {
    width: 37.5% !important; }

  [class~="portrait-5/8"] {
    width: 62.5% !important; }

  [class~="portrait-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="portrait-1/9"] {
    width: 11.1111111% !important; }

  [class~="portrait-2/9"] {
    width: 22.2222222% !important; }

  [class~="portrait-4/9"] {
    width: 44.4444444% !important; }

  [class~="portrait-5/9"] {
    width: 55.5555555% !important; }

  [class~="portrait-7/9"] {
    width: 77.7777777% !important; }

  [class~="portrait-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="portrait-1/10"] {
    width: 10% !important; }

  [class~="portrait-3/10"] {
    width: 30% !important; }

  [class~="portrait-7/10"] {
    width: 70% !important; }

  [class~="portrait-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="portrait-1/12"] {
    width: 8.3333333% !important; }

  [class~="portrait-5/12"] {
    width: 41.6666666% !important; }

  [class~="portrait-7/12"] {
    width: 58.3333333% !important; }

  [class~="portrait-11/12"] {
    width: 91.6666666% !important; } }
@media only screen and (min-width: 40.063em) {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="portrait-and-up-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="portrait-and-up-1/2"],
  [class~="portrait-and-up-2/4"],
  [class~="portrait-and-up-3/6"],
  [class~="portrait-and-up-4/8"],
  [class~="portrait-and-up-5/10"],
  [class~="portrait-and-up-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="portrait-and-up-1/3"],
  [class~="portrait-and-up-2/6"],
  [class~="portrait-and-up-3/9"],
  [class~="portrait-and-up-4/12"] {
    width: 33.3333333% !important; }

  [class~="portrait-and-up-2/3"],
  [class~="portrait-and-up-4/6"],
  [class~="portrait-and-up-6/9"],
  [class~="portrait-and-up-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="portrait-and-up-1/4"],
  [class~="portrait-and-up-2/8"],
  [class~="portrait-and-up-3/12"] {
    width: 25% !important; }

  [class~="portrait-and-up-3/4"],
  [class~="portrait-and-up-6/8"],
  [class~="portrait-and-up-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="portrait-and-up-1/5"],
  [class~="portrait-and-up-2/10"] {
    width: 20% !important; }

  [class~="portrait-and-up-2/5"],
  [class~="portrait-and-up-4/10"] {
    width: 40% !important; }

  [class~="portrait-and-up-3/5"],
  [class~="portrait-and-up-6/10"] {
    width: 60% !important; }

  [class~="portrait-and-up-4/5"],
  [class~="portrait-and-up-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="portrait-and-up-1/6"],
  [class~="portrait-and-up-2/12"] {
    width: 16.6666666% !important; }

  [class~="portrait-and-up-5/6"],
  [class~="portrait-and-up-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="portrait-and-up-1/8"] {
    width: 12.5% !important; }

  [class~="portrait-and-up-3/8"] {
    width: 37.5% !important; }

  [class~="portrait-and-up-5/8"] {
    width: 62.5% !important; }

  [class~="portrait-and-up-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="portrait-and-up-1/9"] {
    width: 11.1111111% !important; }

  [class~="portrait-and-up-2/9"] {
    width: 22.2222222% !important; }

  [class~="portrait-and-up-4/9"] {
    width: 44.4444444% !important; }

  [class~="portrait-and-up-5/9"] {
    width: 55.5555555% !important; }

  [class~="portrait-and-up-7/9"] {
    width: 77.7777777% !important; }

  [class~="portrait-and-up-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="portrait-and-up-1/10"] {
    width: 10% !important; }

  [class~="portrait-and-up-3/10"] {
    width: 30% !important; }

  [class~="portrait-and-up-7/10"] {
    width: 70% !important; }

  [class~="portrait-and-up-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="portrait-and-up-1/12"] {
    width: 8.3333333% !important; }

  [class~="portrait-and-up-5/12"] {
    width: 41.6666666% !important; }

  [class~="portrait-and-up-7/12"] {
    width: 58.3333333% !important; }

  [class~="portrait-and-up-11/12"] {
    width: 91.6666666% !important; } }
@media only screen and (min-width: 48.0626em) and (max-width: 64.75em) {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="landscape-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="landscape-1/2"],
  [class~="landscape-2/4"],
  [class~="landscape-3/6"],
  [class~="landscape-4/8"],
  [class~="landscape-5/10"],
  [class~="landscape-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="landscape-1/3"],
  [class~="landscape-2/6"],
  [class~="landscape-3/9"],
  [class~="landscape-4/12"] {
    width: 33.3333333% !important; }

  [class~="landscape-2/3"],
  [class~="landscape-4/6"],
  [class~="landscape-6/9"],
  [class~="landscape-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="landscape-1/4"],
  [class~="landscape-2/8"],
  [class~="landscape-3/12"] {
    width: 25% !important; }

  [class~="landscape-3/4"],
  [class~="landscape-6/8"],
  [class~="landscape-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="landscape-1/5"],
  [class~="landscape-2/10"] {
    width: 20% !important; }

  [class~="landscape-2/5"],
  [class~="landscape-4/10"] {
    width: 40% !important; }

  [class~="landscape-3/5"],
  [class~="landscape-6/10"] {
    width: 60% !important; }

  [class~="landscape-4/5"],
  [class~="landscape-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="landscape-1/6"],
  [class~="landscape-2/12"] {
    width: 16.6666666% !important; }

  [class~="landscape-5/6"],
  [class~="landscape-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="landscape-1/8"] {
    width: 12.5% !important; }

  [class~="landscape-3/8"] {
    width: 37.5% !important; }

  [class~="landscape-5/8"] {
    width: 62.5% !important; }

  [class~="landscape-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="landscape-1/9"] {
    width: 11.1111111% !important; }

  [class~="landscape-2/9"] {
    width: 22.2222222% !important; }

  [class~="landscape-4/9"] {
    width: 44.4444444% !important; }

  [class~="landscape-5/9"] {
    width: 55.5555555% !important; }

  [class~="landscape-7/9"] {
    width: 77.7777777% !important; }

  [class~="landscape-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="landscape-1/10"] {
    width: 10% !important; }

  [class~="landscape-3/10"] {
    width: 30% !important; }

  [class~="landscape-7/10"] {
    width: 70% !important; }

  [class~="landscape-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="landscape-1/12"] {
    width: 8.3333333% !important; }

  [class~="landscape-5/12"] {
    width: 41.6666666% !important; }

  [class~="landscape-7/12"] {
    width: 58.3333333% !important; }

  [class~="landscape-11/12"] {
    width: 91.6666666% !important; } }
@media only screen and (min-width: 48.0626em) {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="landscape-and-desktop-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="landscape-and-desktop-1/2"],
  [class~="landscape-and-desktop-2/4"],
  [class~="landscape-and-desktop-3/6"],
  [class~="landscape-and-desktop-4/8"],
  [class~="landscape-and-desktop-5/10"],
  [class~="landscape-and-desktop-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="landscape-and-desktop-1/3"],
  [class~="landscape-and-desktop-2/6"],
  [class~="landscape-and-desktop-3/9"],
  [class~="landscape-and-desktop-4/12"] {
    width: 33.3333333% !important; }

  [class~="landscape-and-desktop-2/3"],
  [class~="landscape-and-desktop-4/6"],
  [class~="landscape-and-desktop-6/9"],
  [class~="landscape-and-desktop-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="landscape-and-desktop-1/4"],
  [class~="landscape-and-desktop-2/8"],
  [class~="landscape-and-desktop-3/12"] {
    width: 25% !important; }

  [class~="landscape-and-desktop-3/4"],
  [class~="landscape-and-desktop-6/8"],
  [class~="landscape-and-desktop-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="landscape-and-desktop-1/5"],
  [class~="landscape-and-desktop-2/10"] {
    width: 20% !important; }

  [class~="landscape-and-desktop-2/5"],
  [class~="landscape-and-desktop-4/10"] {
    width: 40% !important; }

  [class~="landscape-and-desktop-3/5"],
  [class~="landscape-and-desktop-6/10"] {
    width: 60% !important; }

  [class~="landscape-and-desktop-4/5"],
  [class~="landscape-and-desktop-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="landscape-and-desktop-1/6"],
  [class~="landscape-and-desktop-2/12"] {
    width: 16.6666666% !important; }

  [class~="landscape-and-desktop-5/6"],
  [class~="landscape-and-desktop-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="landscape-and-desktop-1/8"] {
    width: 12.5% !important; }

  [class~="landscape-and-desktop-3/8"] {
    width: 37.5% !important; }

  [class~="landscape-and-desktop-5/8"] {
    width: 62.5% !important; }

  [class~="landscape-and-desktop-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="landscape-and-desktop-1/9"] {
    width: 11.1111111% !important; }

  [class~="landscape-and-desktop-2/9"] {
    width: 22.2222222% !important; }

  [class~="landscape-and-desktop-4/9"] {
    width: 44.4444444% !important; }

  [class~="landscape-and-desktop-5/9"] {
    width: 55.5555555% !important; }

  [class~="landscape-and-desktop-7/9"] {
    width: 77.7777777% !important; }

  [class~="landscape-and-desktop-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="landscape-and-desktop-1/10"] {
    width: 10% !important; }

  [class~="landscape-and-desktop-3/10"] {
    width: 30% !important; }

  [class~="landscape-and-desktop-7/10"] {
    width: 70% !important; }

  [class~="landscape-and-desktop-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="landscape-and-desktop-1/12"] {
    width: 8.3333333% !important; }

  [class~="landscape-and-desktop-5/12"] {
    width: 41.6666666% !important; }

  [class~="landscape-and-desktop-7/12"] {
    width: 58.3333333% !important; }

  [class~="landscape-and-desktop-11/12"] {
    width: 91.6666666% !important; } }
@media only screen and (max-width: 64.75em) {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="landscape-and-down-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="landscape-and-down-1/2"],
  [class~="landscape-and-down-2/4"],
  [class~="landscape-and-down-3/6"],
  [class~="landscape-and-down-4/8"],
  [class~="landscape-and-down-5/10"],
  [class~="landscape-and-down-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="landscape-and-down-1/3"],
  [class~="landscape-and-down-2/6"],
  [class~="landscape-and-down-3/9"],
  [class~="landscape-and-down-4/12"] {
    width: 33.3333333% !important; }

  [class~="landscape-and-down-2/3"],
  [class~="landscape-and-down-4/6"],
  [class~="landscape-and-down-6/9"],
  [class~="landscape-and-down-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="landscape-and-down-1/4"],
  [class~="landscape-and-down-2/8"],
  [class~="landscape-and-down-3/12"] {
    width: 25% !important; }

  [class~="landscape-and-down-3/4"],
  [class~="landscape-and-down-6/8"],
  [class~="landscape-and-down-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="landscape-and-down-1/5"],
  [class~="landscape-and-down-2/10"] {
    width: 20% !important; }

  [class~="landscape-and-down-2/5"],
  [class~="landscape-and-down-4/10"] {
    width: 40% !important; }

  [class~="landscape-and-down-3/5"],
  [class~="landscape-and-down-6/10"] {
    width: 60% !important; }

  [class~="landscape-and-down-4/5"],
  [class~="landscape-and-down-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="landscape-and-down-1/6"],
  [class~="landscape-and-down-2/12"] {
    width: 16.6666666% !important; }

  [class~="landscape-and-down-5/6"],
  [class~="landscape-and-down-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="landscape-and-down-1/8"] {
    width: 12.5% !important; }

  [class~="landscape-and-down-3/8"] {
    width: 37.5% !important; }

  [class~="landscape-and-down-5/8"] {
    width: 62.5% !important; }

  [class~="landscape-and-down-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="landscape-and-down-1/9"] {
    width: 11.1111111% !important; }

  [class~="landscape-and-down-2/9"] {
    width: 22.2222222% !important; }

  [class~="landscape-and-down-4/9"] {
    width: 44.4444444% !important; }

  [class~="landscape-and-down-5/9"] {
    width: 55.5555555% !important; }

  [class~="landscape-and-down-7/9"] {
    width: 77.7777777% !important; }

  [class~="landscape-and-down-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="landscape-and-down-1/10"] {
    width: 10% !important; }

  [class~="landscape-and-down-3/10"] {
    width: 30% !important; }

  [class~="landscape-and-down-7/10"] {
    width: 70% !important; }

  [class~="landscape-and-down-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="landscape-and-down-1/12"] {
    width: 8.3333333% !important; }

  [class~="landscape-and-down-5/12"] {
    width: 41.6666666% !important; }

  [class~="landscape-and-down-7/12"] {
    width: 58.3333333% !important; }

  [class~="landscape-and-down-11/12"] {
    width: 91.6666666% !important; } }
@media only screen and (min-width: 64.751em) {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="desktop-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="desktop-1/2"],
  [class~="desktop-2/4"],
  [class~="desktop-3/6"],
  [class~="desktop-4/8"],
  [class~="desktop-5/10"],
  [class~="desktop-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="desktop-1/3"],
  [class~="desktop-2/6"],
  [class~="desktop-3/9"],
  [class~="desktop-4/12"] {
    width: 33.3333333% !important; }

  [class~="desktop-2/3"],
  [class~="desktop-4/6"],
  [class~="desktop-6/9"],
  [class~="desktop-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="desktop-1/4"],
  [class~="desktop-2/8"],
  [class~="desktop-3/12"] {
    width: 25% !important; }

  [class~="desktop-3/4"],
  [class~="desktop-6/8"],
  [class~="desktop-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="desktop-1/5"],
  [class~="desktop-2/10"] {
    width: 20% !important; }

  [class~="desktop-2/5"],
  [class~="desktop-4/10"] {
    width: 40% !important; }

  [class~="desktop-3/5"],
  [class~="desktop-6/10"] {
    width: 60% !important; }

  [class~="desktop-4/5"],
  [class~="desktop-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="desktop-1/6"],
  [class~="desktop-2/12"] {
    width: 16.6666666% !important; }

  [class~="desktop-5/6"],
  [class~="desktop-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="desktop-1/8"] {
    width: 12.5% !important; }

  [class~="desktop-3/8"] {
    width: 37.5% !important; }

  [class~="desktop-5/8"] {
    width: 62.5% !important; }

  [class~="desktop-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="desktop-1/9"] {
    width: 11.1111111% !important; }

  [class~="desktop-2/9"] {
    width: 22.2222222% !important; }

  [class~="desktop-4/9"] {
    width: 44.4444444% !important; }

  [class~="desktop-5/9"] {
    width: 55.5555555% !important; }

  [class~="desktop-7/9"] {
    width: 77.7777777% !important; }

  [class~="desktop-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="desktop-1/10"] {
    width: 10% !important; }

  [class~="desktop-3/10"] {
    width: 30% !important; }

  [class~="desktop-7/10"] {
    width: 70% !important; }

  [class~="desktop-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="desktop-1/12"] {
    width: 8.3333333% !important; }

  [class~="desktop-5/12"] {
    width: 41.6666666% !important; }

  [class~="desktop-7/12"] {
    width: 58.3333333% !important; }

  [class~="desktop-11/12"] {
    width: 91.6666666% !important; } }
@media screen {
  				/******************************************************************************
  
  					Whole.
  
  				******************************************************************************/
  [class~="all-1/1"] {
    width: 100% !important; }

  				/******************************************************************************
  
  					Halves.
  					
  				******************************************************************************/
  [class~="all-1/2"],
  [class~="all-2/4"],
  [class~="all-3/6"],
  [class~="all-4/8"],
  [class~="all-5/10"],
  [class~="all-6/12"] {
    width: 50% !important; }

  				/******************************************************************************
  
  					Thirds.
  					
  				******************************************************************************/
  [class~="all-1/3"],
  [class~="all-2/6"],
  [class~="all-3/9"],
  [class~="all-4/12"] {
    width: 33.3333333% !important; }

  [class~="all-2/3"],
  [class~="all-4/6"],
  [class~="all-6/9"],
  [class~="all-8/12"] {
    width: 66.6666666% !important; }

  				/******************************************************************************
  
  					Quarters.
  					
  				******************************************************************************/
  [class~="all-1/4"],
  [class~="all-2/8"],
  [class~="all-3/12"] {
    width: 25% !important; }

  [class~="all-3/4"],
  [class~="all-6/8"],
  [class~="all-9/12"] {
    width: 75% !important; }

  				/******************************************************************************
  
  					Fifths.
  					
  				******************************************************************************/
  [class~="all-1/5"],
  [class~="all-2/10"] {
    width: 20% !important; }

  [class~="all-2/5"],
  [class~="all-4/10"] {
    width: 40% !important; }

  [class~="all-3/5"],
  [class~="all-6/10"] {
    width: 60% !important; }

  [class~="all-4/5"],
  [class~="all-8/10"] {
    width: 80% !important; }

  				/******************************************************************************
  
  					Sixths.
  					
  				******************************************************************************/
  [class~="all-1/6"],
  [class~="all-2/12"] {
    width: 16.6666666% !important; }

  [class~="all-5/6"],
  [class~="all-10/12"] {
    width: 83.3333333% !important; }

  				/******************************************************************************
  
  					Eights.
  					
  				******************************************************************************/
  [class~="all-1/8"] {
    width: 12.5% !important; }

  [class~="all-3/8"] {
    width: 37.5% !important; }

  [class~="all-5/8"] {
    width: 62.5% !important; }

  [class~="all-7/8"] {
    width: 87.5% !important; }

  				/******************************************************************************
  
  					Ninths.
  					
  				******************************************************************************/
  [class~="all-1/9"] {
    width: 11.1111111% !important; }

  [class~="all-2/9"] {
    width: 22.2222222% !important; }

  [class~="all-4/9"] {
    width: 44.4444444% !important; }

  [class~="all-5/9"] {
    width: 55.5555555% !important; }

  [class~="all-7/9"] {
    width: 77.7777777% !important; }

  [class~="all-8/9"] {
    width: 88.8888888% !important; }

  				/******************************************************************************
  
  					Tenths.
  					
  				******************************************************************************/
  [class~="all-1/10"] {
    width: 10% !important; }

  [class~="all-3/10"] {
    width: 30% !important; }

  [class~="all-7/10"] {
    width: 70% !important; }

  [class~="all-9/10"] {
    width: 90% !important; }

  				/******************************************************************************
  
  					Twelfths.
  					
  				******************************************************************************/
  [class~="all-1/12"] {
    width: 8.3333333% !important; }

  [class~="all-5/12"] {
    width: 41.6666666% !important; }

  [class~="all-7/12"] {
    width: 58.3333333% !important; }

  [class~="all-11/12"] {
    width: 91.6666666% !important; } }

.u-relative {
  position: relative; }

.u-absolute {
  position: absolute; }

.u-fixed {
  position: fixed;
  width: 100%; }

/******************************************************************************

    1.3 BLOCK BEHAVIOUR - Floating

******************************************************************************/
.u-float-right {
  float: right; }

.u-float-left {
  float: left; }

@media only screen and (min-width: 30.001em) and (max-width: 40.062em) {
  .u-float-right-on-phablet {
    float: right; }

  .u-float-left-on-phablet {
    float: left; } }
@media only screen and (min-width: 40.063em) {
  .u-float-right-on-portrait-and-up {
    float: right; }

  .u-float-left-on-portrait-and-up {
    float: left; } }
@media only screen and (min-width: 48.0626em) {
  .u-float-right-on-landscape-and-desktop {
    float: right; }

  .u-float-left-on-landscape-and-desktop {
    float: left; } }
/******************************************************************************

    1.4 BLOCK BEHAVIOUR - Inline Block

******************************************************************************/
.u-iblock-ini,
.o-layout,
.o-listing__content,
.o-list-inline,
#wrapBreadcrumb ul {
  letter-spacing: -0.32em; }

.u-iblock,
.o-layout__item,
.o-listing__item,
.o-list-inline > li,
#wrapBreadcrumb ul > li,
.o-form__label,
.o-form__select--styled {
  display: inline-block !important;
  letter-spacing: normal;
  vertical-align: top;
  /* Please IE < 8 */
  *display: inline;
  *zoom: 1; }

/******************************************************************************

    1.5 BLOCK BEHAVIOUR - Visibility

******************************************************************************/
.u-wrap-page .u-invisible {
  display: none !important; }

.u-display-table {
  display: table-cell !important; }

.u-show-on-smartphone {
  display: none !important; }

@media only screen and (max-width: 40.062em) {
  .u-show-on-smartphone {
    display: block !important; }

  .u-hide-on-smartphone {
    display: none !important; } }
.u-show-on-mobile {
  display: inline-block !important; }

.u-hide-on-mobile {
  display: none !important; }

@media only screen and (min-width: 48.0626em) {
  .u-show-on-mobile {
    display: none !important; }

  .u-hide-on-mobile {
    display: inline-block !important; }

  .u-hide-on-desktop {
    display: none !important; } }
.u-accessibility,
.u-visuallyhidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  font-size: 0;
  line-height: 0;
  clip: rect(0 0 0 0) !important; }

/******************************************************************************

    1.6 BLOCK BEHAVIOUR - Alignment

******************************************************************************/
.u-vertical-align,
.o-btn-icon .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.u-center-align {
  max-width: 688px;
  margin-right: auto;
  margin-left: auto; }

/******************************************************************************

    1.7 BLOCK BEHAVIOUR - Flex

******************************************************************************/
.u-flex {
  display: flex;
  flex-wrap: wrap; }

.u-flex-center-align {
  align-items: center; }

.u-flex-top-align {
  align-items: flex-start; }

.u-flex-bottom-align {
  align-items: flex-end; }

/******************************************************************************

    2. TEXT BEHAVIOUR

******************************************************************************/
.u-bold {
  font-weight: 700; }

/******************************************************************************

    2.1 TEXT BEHAVIOUR - Text Alignment

******************************************************************************/
.u-text--center {
  text-align: center !important; }

.u-text--left {
  text-align: left !important; }

.u-text--right {
  text-align: right !important; }

.u-valign--middle {
  vertical-align: middle !important; }

.u-valign--bottom {
  vertical-align: bottom !important; }

/* Text Behaviour Media Queries */
.u-mq-text--right {
  text-align: left; }
  @media only screen and (min-width: 64.751em) {
    .u-mq-text--right {
      text-align: right; } }

/******************************************************************************

    2.2 TEXT BEHAVIOUR - Hyphen and Word break

******************************************************************************/
.u-hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

/******************************************************************************

    3. GUTTER MANIPULATION

******************************************************************************/
.u-no-margin {
  margin: 0 !important; }

.u-margin-top {
  margin-top: 20px; }

.u-margin-top--double {
  margin-top: 40px; }

.u-margin-bottom {
  margin-bottom: 20px; }

.u-margin-bottom--double {
  margin-bottom: 40px; }

/******************************************************************************

    4. BORDER

******************************************************************************/
.u-border-top {
  border-top: 1px solid #005b8c; }

.u-border-bottom {
  border-bottom: 1px solid #005b8c !important; }

.u-border-radius50 {
  border-radius: 50%; }

/******************************************************************************

    5. GRADIENTS + COLORS

******************************************************************************/
/******************************************************************************

    6. WRAP CONTENT

******************************************************************************/
.u-wrap-page {
  max-width: 2600px;
  margin-left: auto;
  margin-right: auto; }

.u-wrap-content {
  min-width: 300px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 40.062em) {
    .u-wrap-content {
      padding-left: 10px;
      padding-right: 10px; } }
  @media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
    .u-wrap-content {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 48.0626em) {
    .u-wrap-content {
      padding-left: 20px;
      padding-right: 20px; } }


.o-btn,
.o-btn-icon {
  display: inline-block;
  /* [1] */
  margin: 0;
  /* [4] */
  border: none;
  /* [4] */
  overflow: visible;
  /* [6] */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* [3] */
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
  /* [4] */
  vertical-align: middle;
  /* [2] */
  text-decoration: none;
  /* [4] */
  cursor: pointer;
  /* [5] */ }
  .o-btn:hover, .o-btn:active, .o-btn:focus,
  .o-btn-icon:hover,
  .o-btn-icon:active,
  .o-btn-icon:focus {
    text-decoration: none; }

.js_hover:hover .js_box-drop{display: block;visibility: visible;}
/******************************************************************************

	Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.

******************************************************************************/
.o-btn::-moz-focus-inner,
.o-btn-icon::-moz-focus-inner {
  padding: 0;
  border: 0; }

/******************************************************************************

	SASS List for creating o-btn(-type)(--size)

	Usage Example:

	$btnSizes: (
		('', '--tiny', 2px),
		('--pill', '--small', 4px),
		('--icon', '--huge', 10px),
		('--icon', '', 10px),
	);

******************************************************************************/
.o-btn,
.o-btn-icon {
  padding: 9px 18px;
  /* [7] */     position: relative;
    top: -3px;}

.o-btn-icon--slider {
  padding: 0;
  width: 44px;
  height: 44px; }
  .o-btn-icon--slider .icon {
    left: 0;
    right: 0; }

.o-btn-icon--square {
  padding: 0;
  width: 34px;
  height: 34px; }
  .o-btn-icon--square .icon {
    left: 0;
    right: 0; }

#indexedsearch{margin-top:20px;}
/******************************************************************************

	SASS List for creating o-btn(--name)

	Usage Example:

	$btnColors: (
		(false, white, black, black, lighten(black, 20%)),
		('--submit', white, white, white, lighten(orange, 20%)),
		('--cta', #ffffff, #ffffff, #ff0000, #ff00ff),
	);

******************************************************************************/
.o-btn--cta {
  border: 1px solid #fff;
  background-color: #fff;
  color: #000; }
  .o-btn--cta:hover, .o-btn--cta:active, .o-btn--cta:focus {
    border: 1px solid #fff;
    background-color: #fff;
    color: #005b8c; }

/******************************************************************************
*
*   _button-icon.scss: Buttons with icons inside.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ? 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************
*
*	1. BUTTON ICON - Basic settings
*
******************************************************************************/
.o-btn-icon {
  position: relative; }

/******************************************************************************
*
*	2. BUTTON ICON - SASS List
*
*	Usage Example:
*
*	$btnIconSettings: (
*		('left', 50px, 20px),
*		('right', 50px, 20px),
*	);
*
******************************************************************************/
.o-btn-icon--left {
  padding-left: 50px; }
  .o-btn-icon--left .icon {
    left: 15px; }

.o-btn-icon--right {
  padding-right: 60px; }
  .o-btn-icon--right .icon {
    right: 30px; }


.o-layout,
.o-listing__content {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -20px;position: relative;}

.o-layout__item,
.o-listing__item {
  display: inline-block;
  /* [1] */
  padding-left: 20px;
  /* [2] */
  vertical-align: top;
  /* [3] */ }


.o-list-bare,
#wrapBreadcrumb ul {
  list-style: none !important;
  padding: 0;
  margin: 0; }

/******************************************************************************

  2. O-LIST-INLINE - Object

******************************************************************************/
.o-list-inline,
#wrapBreadcrumb ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .o-list-inline > li:not(:last-child),
  #wrapBreadcrumb ul > li:not(:last-child) {
    margin-right: 20px; }
  @media only screen and (min-width: 48.0626em) {
    .o-list-inline > li.u-show-on-mobile,
    #wrapBreadcrumb ul > li.u-show-on-mobile {
      display: none !important; } }

      .filterR{float: right;}


.o-listing__item {
  /* Please IE < 8 */
  *display: inline;
  *zoom: 1; }


.o-tiblock {
  position: relative; }
  .o-tiblock .o-tiblock__wrap-img .o-tiblock__img {
    width: 100%;height: 230px;
	object-fit: cover;
}

	/******************************************************************************

		2. TEXT-IMAGE-BLOCK - "Polaroid"-Look

	******************************************************************************/
.o-tiblock--polaroid .o-tiblock__wrap-text {
  padding: 20px; }


img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

a {
  color: #005b8c;
  letter-spacing: 0.05em;
  text-decoration: none; }
  a:hover, a:focus, a:active {
    text-decoration: underline; }
  a:hover, a:focus {
    color: #9a9f9d; }
  a:active {
    color: #676c6a; }

strong, b {
  font-family: "Open Sans Bold", "Arial Bold", sans-serif;
  font-weight: 700;
  /*color: #000; */
    
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

button {
  cursor: pointer; }

/********************************************************************
*
*	2. ATOMS: Block elements
*
*********************************************************************/
h1, h2, h3, h4, h5, h6 {
  max-width: 100%;
  margin-top: 20px;
  margin-top: 1.25rem;
  font-family: "Open Sans Regular", Arial, sans-serif;
  word-wrap: break-word; }

.c-textblock h3 + .o-figure--right, .c-textblock h4 + .o-figure--right {
  margin-top: 20px;
  margin-top: 1.25rem; }
.c-textblock h3 + .o-figure--left, .c-textblock h4 + .o-figure--left {
  margin-top: 20px;
  margin-top: 1.25rem; }

.c-textblock--within-container {
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 60px;
  padding-bottom: 3.75rem; }
  .c-textblock--within-container h2:after {
    display: block;
    content: " ";
    margin-top: 10px;
    margin-top: 0.625rem;
    border-bottom: 6px solid #005b8c;
    border-color: #005b8c;
    width: 150px; }

p {
  max-width: 100%;
  margin-top: 20px;
  margin-top: 1.25rem;
  word-wrap: break-word;
  /*& + h2 { margin-top: $baseSpacingUnit--triple; }
  & + h3{ margin-top: $baseSpacingUnit--double; }
  & + .o-gallery  { margin-top: $baseSpacingUnit--double; }*/ }

/* Listen im Contentbereich */
.list--editorial {
  max-width: 688px;
  margin-top: 20px;
  margin-top: 1.25rem; }
  .list--editorial > li {
    margin-top: 10px;
    margin-top: 0.625rem; }
  .list--editorial + h2 {
    margin-top: 60px;
    margin-top: 3.75rem; }
  .list--editorial + h3 {
    margin-top: 40px;
    margin-top: 2.5rem; }

.list--editorial {
  margin-left: 20px; }

address {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  font-style: normal; }
  address p {
    line-height: 1.8; }


table {
  position: relative;
  width: 100%;
  padding: 0;
  border-spacing: 0;
  margin-top: 20px;
  margin-top: 1.25rem; }
  table caption {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    text-align: left;
    /*h1, h2, h3, h4, h5, h6, p {
        margin: 0;
        //color: $fontColorTableCaption;
    }*/ }
  table thead th {
    font-weight: 400;
    text-align: left; }
  table tbody {
    background: #fff; }
  table tr:not(:last-child) td:after {
    content: '';
    display: block;
    padding-top: 10px;
    padding-top: 0.625rem;
    border-bottom: 1px solid #555555; }
  table tr:last-child td {
    padding-bottom: 10px;
    padding-bottom: 0.625rem; }
  table td {
    padding: 10px 5px 0;
    text-align: left;
    vertical-align: top; }
  table th {
    padding: 10px 15px 5px 15px;
    background-color: #005b8c;
    color: #fff;
    font-family: "Open Sans Italic", Arial, sans-serif;
    font-weight: 400;
    text-align: left;
    vertical-align: top; }


html {
  width: 100%;
  height: 100%;
  /* Site is as tall as device. */
  overflow-x: hidden;
  /* Stops horizontal scrolling. */ }
  html .sb-scroll-lock.sb-active:not(.sb-static) {
    overflow: hidden;
    /* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */ }

body {
  position: relative;
  /* Required for static Slidebars to function properly. */
  width: 100%;
  min-height: 100%;
  height: auto;
  overflow-x: hidden; }


#wrapHeaderLanguages {
  position: relative;
  /*padding: 10px 0;*/
  background-color: #d6d8d7; }

#china{    position: absolute;
    right: 21px;
    z-index: 100000000;
    top: 22px;}

/*************************************************************

*	1.2 Header - Header Action Tray

**************************************************************/
#wrapHeaderActionTray {
  position: relative;
  background-color: #fff; }
  @media only screen and (max-width: 40.062em) {
    #wrapHeaderActionTray {
      border-bottom: 1px solid #c9c4bc; } }

/*************************************************************
*   1.2.1 Header - Logos
***************************************************************/
#wrapHeaderLogo {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }
  @media only screen and (min-width: 40.063em) {
    #wrapHeaderLogo img {
      padding-left: 20px; } }

.pro_h3{margin-bottom:10px;}

/*************************************************************
*   1.2.2 Header - Contact
***************************************************************/
#wrapHeaderContact {
  /*margin-bottom: 20px;*/
 /*margin-top: 20px;*/
 position: absolute;
    top: 50%;
    margin-top: -24px;
    right: 0px;
 }
  #wrapHeaderContact li {
    width: 100%;
    position: relative;
    padding-left: 40px; }
    @media only screen and (min-width: 40.063em) {
      #wrapHeaderContact li {
        width: auto; } }
    #wrapHeaderContact li:nth-child(1) p:before {
      font-family: "FontAwesome";
      content: '\f095';
      position: absolute;
      top: 0px;
      left: 0;
      }
    #wrapHeaderContact li:nth-child(2) p:before {
      font-family: "FontAwesome";
      content: '\f003';
      position: absolute;
      top:0px;
      left: 0; 
        
    }
    #wrapHeaderContact li p {
      font-family: "Open Sans Bold", "Arial Bold", sans-serif;
      color: #000;font-weight: bold;}
    #wrapHeaderContact li a {
      color: #555555;
      text-decoration: underline; }
      #wrapHeaderContact li a:hover, #wrapHeaderContact li a:focus, #wrapHeaderContact li a:active {
        text-decoration: none; }

/*************************************************************

*	1.3 Header - Header Main Navigation

**************************************************************/
@media only screen and (min-width: 40.063em) {
  #wrapMainNav {
    display: block;
    z-index: 1000;
    width: 100%;
    /*height: 65px;*/
    background-color: #363f40;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; } }

@media only screen and (max-width: 40.062em) {
  #mainNavigation {
    display: none; } }

/*************************************************************
*
*	2. Breadcrumb
*
**************************************************************/
#wrapBreadcrumb ul > li {
  margin-right: 20px; }
  #wrapBreadcrumb ul > li:not(:last-child).active {
    position: relative;
    padding-right: 5px; }
    #wrapBreadcrumb ul > li:not(:last-child).active:after {
      position: absolute;
      top: 1px;
      right: -10px;
      font-family: "FontAwesome";
      content: '\f105'; }
  #wrapBreadcrumb ul > li a {
    font-family: "Open Sans Bold", "Arial Bold", sans-serif;
    color: #005b8c;
    text-decoration: none; }
    #wrapBreadcrumb ul > li a:hover, #wrapBreadcrumb ul > li a:focus, #wrapBreadcrumb ul > li a:active {
      text-decoration: underline; }
@media only screen and (max-width: 40.062em) {
  #wrapBreadcrumb {
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    background-color: #fff; } }
@media only screen and (min-width: 40.063em) {
  #wrapBreadcrumb {
    padding-top: 40px;
    padding-top: 2.5rem;
    padding-bottom: 40px;
    padding-bottom: 2.5rem; } }

/*************************************************************
*
*	3. Content
*
**************************************************************/
#wrapContent {
  position: relative; }

/*************************************************************

*	3.1 Content - Main

**************************************************************/
.c-maintype--standard > #wrapMain {
  background-color: #fff; }
@media only screen and (max-width: 40.062em) {
  #wrapMain {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; }
    .c-maintype--home > #wrapMain {
      margin-top: 20px;
      margin-top: 1.25rem; } }
@media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
  #wrapMain {
    margin-bottom: 40px;
    margin-bottom: 2.5rem; }
    .c-maintype--home > #wrapMain {
      margin-top: 40px;
      margin-top: 2.5rem; } }
@media only screen and (min-width: 48.0626em) {
  #wrapMain {
    margin-bottom: 80px;
    margin-bottom: 5rem; }
    .c-maintype--home > #wrapMain {
      margin-top: 80px;
      margin-top: 5rem;background: #d9d6d2; } }

/********************************************************************
*
*	3.2 Content - Aside
*
*********************************************************************/
@media only screen and (max-width: 40.062em) {
  .c-maintype #wrapAsidePage, .c-maintype #wrapAsidePageNews {
    margin-bottom: 20px;
    margin-bottom: 1.25rem; } }
@media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
  .c-maintype #wrapAsidePage, .c-maintype #wrapAsidePageNews {
    margin-bottom: 40px;
    margin-bottom: 2.5rem; } }
@media only screen and (min-width: 48.0626em) {
  .c-maintype #wrapAsidePage, .c-maintype #wrapAsidePageNews {
    margin-bottom: 80px;
    margin-bottom: 5rem; } }
.c-maintype #wrapAsidePage:last-of-type, .c-maintype #wrapAsidePageNews:last-of-type {
  margin-bottom: 0; }
.c-maintype #wrapAsidePage .u-wrap-content .u-relative:before, .c-maintype #wrapAsidePageNews .u-wrap-content .u-relative:before  {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  z-index: -2;
  height: 1000%;
  background: #005b8c; }
.c-maintype.c-maintype--home #wrapAsidePage .u-wrap-content .u-relative:before, .c-maintype.c-maintype--home #wrapAsidePageNews .u-wrap-content .u-relative:before {
  right: 0;
  width: 66.66667%; }
.c-maintype.c-maintype--standard #wrapAsidePage .u-wrap-content .u-relative:before, .c-maintype.c-maintype--standard #wrapAsidePageNews .u-wrap-content .u-relative:before {
  left: 0;
  width: 33.3333333%; }
.c-maintype.c-maintype--listing #wrapAsidePage .u-wrap-content .u-relative:before, .c-maintype.c-maintype--listing #wrapAsidePageNews .u-wrap-content .u-relative:before, .c-maintype.c-maintype--detail #wrapAsidePage .u-wrap-content .u-relative:before, .c-maintype.c-maintype--detail #wrapAsidePageNews .u-wrap-content .u-relative:before {
  right: 0;
  width: 50%; }
.c-maintype.c-maintype--product #wrapAsidePage .u-wrap-content .u-relative:before, .c-maintype.c-maintype--product #wrapAsidePageNews .u-wrap-content .u-relative:before {
  right: 0;
  width: 33.3333333%; }

/*************************************************************
*
*	4. Page aside
*
**************************************************************/
#productListListing {
  margin-top: 20px;
  margin-top: 1.25rem; }

/*************************************************************
*
*	5. Footer
*
**************************************************************/
@media only screen and (min-width: 40.063em) {
  #wrapFooter {
    background-image: -ms-linear-gradient(left, #005b8c 50%, #9a9f9d 50%);
    background-image: -moz-linear-gradient(left, #005b8c 50%, #9a9f9d 50%);
    background-image: -o-linear-gradient(left, #005b8c 50%, #9a9f9d 50%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50, #005b8c), color-stop(50, #9a9f9d));
    background-image: -webkit-linear-gradient(left, #005b8c 50%, #9a9f9d 50%);
    background-image: linear-gradient(to right, #005b8c 50%, #9a9f9d 50%); } }
@media only screen and (max-width: 40.062em) {
  #wrapFooter {
    background-image: -ms-linear-gradient(top, #005b8c 52%, #9a9f9d 48%);
    background-image: -moz-linear-gradient(top, #005b8c 52%, #9a9f9d 48%);
    background-image: -o-linear-gradient(top, #005b8c 52%, #9a9f9d 48%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(52, #005b8c), color-stop(48, #9a9f9d));
    background-image: -webkit-linear-gradient(top, #005b8c 52%, #9a9f9d 48%);
    background-image: linear-gradient(to bottom, #005b8c 52%, #9a9f9d 48%); } }

/*
 * Utility class to please the layout,
 * applied to layout grid items. It colors the
 * layout grid items.
 */
@media only screen and (min-width: 40.063em) {
  .u-footer-first-col {
    background-color: #005b8c; } }

@media only screen and (min-width: 40.063em) {
  .u-footer-second-col {
    background-color: #9a9f9d; } }

/*************************************************************

*	5.1 Footer - Navigation Main

**************************************************************/
@media only screen and (max-width: 40.062em) {
  #wrapFooterContact {
    padding-bottom: 20px;
    padding-bottom: 1.25rem; } }
@media only screen and (min-width: 40.063em) {
  #wrapFooterContact {
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 80px;
    padding-bottom: 3rem; } }

/*************************************************************

*	5.2 Footer - Menu

**************************************************************/
#mainNavFooter {
  background-color: #9a9f9d; }
  @media only screen and (max-width: 40.062em) {
    #mainNavFooter {
      padding-bottom: 20px;
      padding-bottom: 1.25rem; } }
  @media only screen and (min-width: 40.063em) {
    #mainNavFooter {
      padding-top: 20px;
      padding-top: 1.25rem;
      padding-bottom: 20px;
      padding-bottom: 1.25rem; } }

/*************************************************************

*	5.3 Footer - Copyright

**************************************************************/
#wrapCopyright {
  padding: 20px 0;
  background-color: #363f40;
  color: #9a9f9d; }

.search_li .listview__title{
    font-size:1.5rem;
}

/********************************************************************
Product (_c-misc.scss)

@copyright	? 2015, Viktoria Seel (grintsch communication)
@date		2017-02-28

@package	project/screen/
@version	1.0
********************************************************************/
/********************************************************************
*
*	1. Utilities
*
*	@note: If possible, use with @extend
*
*********************************************************************/
/*************************************************************
*	1.1 Utilities - SHADER
***************************************************************/
.u-shader:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #transparent;
  /*background:#d7d9d8;*/
  /* Old browsers */
  background: -moz-linear-gradient(top left, #c9c4bc 0%, #f1f1f1 100%);
  /* Mozilla Firefox */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #c9c4bc), color-stop(100, #f1f1f1));
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-linear-gradient(top left, #c9c4bc 0%, #f1f1f1 100%);
  /* Webkit (Chrome 11+) */
  background: -ms-linear-gradient(top left, #c9c4bc 0%, #f1f1f1 100%);
  /* IE10+ */
  background: -o-linear-gradient(top left, #c9c4bc 0%, #f1f1f1 100%);
  /* Opera */
  background: linear-gradient(to bottom right, #c9c4bc 0%, #f1f1f1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.u-shader-icon:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #transparent;
  background:url(../images/indexbg1.png) center center no-repeat;background-size:cover;
  /* Old browsers */
  background: -moz-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
  /* Mozilla Firefox */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fff), color-stop(100, #d7d9d8));
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
  /* Webkit (Chrome 11+) */
  background: -ms-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
  /* IE10+ */
  background: -o-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
  /* Opera */
  background: linear-gradient(to bottom right, #fff 0%, #d7d9d8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.u-shader-bg-teaser:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #transparent;
  
  /* Old browsers */
  background: -moz-linear-gradient(top left, #d7d9d8 0%, #fff 100%);
  /* Mozilla Firefox */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #d7d9d8), color-stop(100, #fff));
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-linear-gradient(top left, #d7d9d8 0%, #fff 100%);
  /* Webkit (Chrome 11+) */
  background: -ms-linear-gradient(top left, #d7d9d8 0%, #fff 100%);
  /* IE10+ */
  background: -o-linear-gradient(top left, #d7d9d8 0%, #fff 100%);
  /* Opera */
  background: linear-gradient(to bottom right, #d7d9d8 0%, #fff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background:url(../images/indexbg2.png) center center no-repeat;background-size:cover;}

.u-shader-table,
.ce-table tbody {
  background: #transparent;
  /* Old browsers */
  background: -moz-linear-gradient(top left, #f1f1f1 0%, #c9c4bc 100%);
  /* Mozilla Firefox */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #f1f1f1), color-stop(100, #c9c4bc));
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-linear-gradient(top left, #f1f1f1 0%, #c9c4bc 100%);
  /* Webkit (Chrome 11+) */
  background: -ms-linear-gradient(top left, #f1f1f1 0%, #c9c4bc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top left, #f1f1f1 0%, #c9c4bc 100%);
  /* Opera */
  background: linear-gradient(to bottom right, #f1f1f1 0%, #c9c4bc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

/*************************************************************
*
*	2. Slider button
*
**************************************************************/
.c-slider--prev {
  position: absolute;
  bottom: 0;
  right: 40px;
  z-index: 100; }

.c-slider--next {
  position: absolute;
  bottom: 0;
  right: 0px;
  z-index: 100; }

/********************************************************************
*
*	3. Pageheadline
*
*********************************************************************/
.c-pageheadline .c-pageheadline__title:after {
  display: block;
  content: " ";
  margin-top: 10px;
  margin-top: 0.625rem;
  border-bottom: 6px solid #005b8c;
  width: 150px; }
@media only screen and (max-width: 40.062em) {
  .c-pageheadline .c-pageheadline__title:after {
    margin-top: 5px;
    margin-top: 0.3125rem;
    border-bottom-width: 4px;
    width: 100px; } }
.c-maintype--detail .c-pageheadline {
  background-color: #fff; }

/********************************************************************
*
*	4. Hero image
*
*********************************************************************/
.c-hero-wrapper {
  position: relative; }

.c-hero-img {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.c-hero-img__content {
position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 20px;
    background-color: #363f40;
    opacity: 0.9;    
	z-index: 1000000000000000000000000;
    padding: 20px;
	width: 1920px;
	}
  .c-hero-img__content h1, .c-hero-img__content h2 {
    max-width: none;
    margin-top: 0px;
    margin-top: 0rem;
    color: #fff; }
  @media only screen and (max-width: 40.062em) {
    .c-hero-img__content {
      margin: 0 10px; } }

/**************************************

    5. Contact

***************************************/
.c-contact .c-contact__title {
  color: #fff;margin: 25px 0px 30px 0px;font-weight: bold;}
.c-contact .c-contact__section-title {
  color: #fff;margin-top:15px;}

.c-contact .c-contact__section-copy {
  color: #fff;
  margin-top: 5px;
  margin-top: 0.3125rem; }
.c-contact .c-contact__copy {
  color: #fff;line-height: 26px;margin-top: 15px;}
.c-contact .c-contact__href {
  color: #fff;
  text-decoration: none; }
  .c-contact .c-contact__href:hover, .c-contact .c-contact__href:active, .c-contact .c-contact__href:focus {
    text-decoration: underline; }
/*.c-contact .c-contact__section-title:nth-child(2){margin-top:20px;}*/

/********************************************************************
*
*	6. Download
*
*********************************************************************/
.c-download .c-download__href {
  text-decoration: none; }
  .c-download .c-download__href:hover, .c-download .c-download__href:active, .c-download .c-download__href:focus {
    color: #555555; }
  .c-download .c-download__href .c-download__href-text {
    font-family: "Open Sans Bold", "Arial Bold", sans-serif;
    color: #005b8c; }
    .c-download .c-download__href .c-download__href-text:hover, .c-download .c-download__href .c-download__href-text:focus, .c-download .c-download__href .c-download__href-text:active {
      text-decoration: underline; }
    .c-download .c-download__href .c-download__href-text .icon-download {
      padding-right: 10px;
      color: #000; }

.o-listing__item:not(:first-child) .c-download .c-download__href-text {
  margin-top: 10px;
  margin-top: 0.625rem; }

/********************************************************************
*
*	6. Link
*
*********************************************************************/
.c-link .c-link__href {
  text-decoration: none; }
  .c-link .c-link__href:hover, .c-link .c-link__href:active, .c-link .c-link__href:focus {
    color: #555555; }
  .c-link .c-link__href .c-link__href-text {
    font-family: "Open Sans Bold", "Arial Bold", sans-serif;
    color: #005b8c; }
    .c-link .c-link__href .c-link__href-text:hover, .c-link .c-link__href .c-link__href-text:focus, .c-link .c-link__href .c-link__href-text:active {
      text-decoration: underline; }
    .c-link .c-link__href .c-link__href-text .icon-long-arrow-right {
      padding-right: 10px;
      color: #000; }
.c-link:not(:first-child) .c-link__href-text {
  margin-top: 10px;
  margin-top:15px; }
.c-link:last-child {
  margin-bottom: 10px;
  margin-bottom: 0.625rem; }
  

/********************************************************************
*
*	7. Language switch
*
*********************************************************************/
.c-switch_language {
  padding-left: 10px; }
  .c-switch_language a {
    color: #555555;
    text-decoration: underline; }
    .c-switch_language a:hover, .c-switch_language a:focus, .c-switch_language a:active {
      text-decoration: none;
      color: #9a9f9d; }
  .c-switch_language .current {
    font-weight: 700;
    color: #000;
    text-decoration: none; }
    .c-switch_language .current:hover, .c-switch_language .current:focus, .c-switch_language .current:active {
      color: #000; }

/********************************************************************
*
*	8. Search
*
*********************************************************************/
.tx-indexedsearch-res li {
  list-style-type: none;margin-bottom: 20px; }

#tx_indexedsearch {
  margin-top: 15px; }
  #tx_indexedsearch .o-form__input {
    border: 1px solid #ebebeb;
    padding: 9px;
    font-size: 1rem; }
  #tx_indexedsearch .o-btn::after {
    font-family: "FontAwesome";
    content: '\f002'; }

.tx-indexedsearch-whatis {
  margin-top: 1.25rem; }

/********************************************************************
*
*	9. Tables
*
*********************************************************************/
/* Import project components */
/*******************************************************************************
*
*	_c-article.scss
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		? 2015, Viktoria Seel, grintsch communications
*	@date 			2017-03-06
*
*	@package		project/screen
*	@version		1.0
*
*	@note
*
******************************************************************************/
/******************************************************************************

    1. ARTICLE

******************************************************************************/
.c-article .c-article__header {
  margin-top: 20px;
  margin-top: 1.25rem; }
.c-article .c-article__content {
  padding-bottom: 40px;
  padding-bottom: 2.5rem; }
  @media only screen and (max-width: 48.0625em) {
    .c-article .c-article__content {
      padding-top: 10px;
      padding-top: 0.625rem; } }
  @media only screen and (min-width: 48.0626em) {
    .c-article .c-article__content {
      padding-top: 20px;
      padding-top: 1.25rem;} }

/******************************************************************************

    2. ARTICLE - Modifier

******************************************************************************/
.c-article__content__text-full-width p {
  max-width: 100%; }

/******************************************************************************

    3. ARTICLE - ?berschreibungen

******************************************************************************/
.c-maintype--standard .c-article {
  max-width: 100%;
  margin: 0 auto;text-align:left; }
  .c-maintype--standard .c-article .c-article__header {
    margin-top: 0px;
    margin-top: 0rem; }

.c-maintype--detail .c-article__header {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
  background-color: #fff; }

.c-maintype--product .c-article__header {
  padding-bottom: 40px;
  padding-bottom: 2.5rem; }

/********************************************************************
Component NAVIGATION (_component-navigation.scss)

@copyright	? 2015, Viktoria Seel (grintsch communication)
@date		2016-11-16

@package	project/screen
@version	1.0

@note		
********************************************************************/
/**************************************

	1. NAVIGATION: Block

***************************************/
/**************************************

	2. NAVIGATION: Main navigation

***************************************/
@media only screen and (min-width: 40.063em) {
  #mainNavigation .c-navigation__item {
    position: relative;
    margin-right: 0; }
    #mainNavigation .c-navigation__item.is-active:after {
      content: '';
      display: block;
      border-bottom: 6px solid #fff; }
    #mainNavigation .c-navigation__item .c-navigation__title {
      font-family: "Hind", "Arial Bold", sans-serif; }
      #mainNavigation .c-navigation__item .c-navigation__title .c-navigation__title-href {
        display: block;
        padding: 20px;
        color: #fff;
        text-decoration: none; }
        #mainNavigation .c-navigation__item .c-navigation__title .c-navigation__title-href:hover, #mainNavigation .c-navigation__item .c-navigation__title .c-navigation__title-href:focus, #mainNavigation .c-navigation__item .c-navigation__title .c-navigation__title-href:active {
          margin-bottom: 0;
          text-decoration: none; } }

/**************************************

	2.1 NAVIGATION: Elements - Steuerelemente

***************************************/
@media only screen and (min-width: 40.063em) {
  .c-navigation__controller {
    display: none; } }
/**************************************

	2.2 NAVIGATION: Elements - DropDown

***************************************/
@media only screen and (min-width: 40.063em) {
    .a{
        min-width: 135%;
    }
    .b{
        min-width: 180%;
    }
  .c-navigation__drop {
    position: absolute;padding: 10px 0px 0px 0px;
    top: 45px;
    left: 0;
    visibility: hidden;    display: none;
    z-index: 1000;
    /*min-width: 180%;*/
    width: auto;
    /*padding: 0 0 0px;*/
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    text-transform: none;
    background-color: #363f40; }
    /* .c-navigation__dropa {*/
    /*position: absolute;padding: 10px 0px 0px 0px;*/
    /*top: 45px;*/
    /*left: 0;*/
    /*visibility: hidden;    display: none;*/
    /*z-index: 1000;*/
    /*min-width: 120%;*/
    /*width: auto;*/
    /*padding: 0 0 0px;*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
    /*text-transform: none;*/
    /*background-color: #363f40; }*/
    .c-navigation__drop .c-navigation__list .c-navigation__item {
      margin-top: 20px;
      margin-top: 1.25rem; margin-bottom:10px;}
      .c-navigation__drop .c-navigation__list .c-navigation__item a {
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px;
        color: #fff;    text-indent: 0.5em;margin: 25px 0px 30px 0px;}
        .c-navigation__drop .c-navigation__list .c-navigation__item a:hover, .c-navigation__drop .c-navigation__list .c-navigation__item a:focus, .c-navigation__drop .c-navigation__list .c-navigation__item a:active {
          text-decoration: underline; } }

#mainNavFooter .c-navigation .c-navigation__title,
#mainNavFooter .c-navigation .c-navigation__href {
  color: #fff; margin: 25px 0px 30px 0px;}
#mainNavFooter .c-navigation .c-navigation__list {
  margin-top: 20px;
  margin-top: 1.25rem; }

#mainNavFooter .c-navigation .c-navigation__list .link:hover .A_href{text-decoration: underline;}
#mainNavFooter .c-navigation .c-navigation__list .link:hover ul li:hover a{text-decoration: underline;}

/* Mobile Navigation */
#mainNavigationSlide {
  background-color: #005b8c;
  /*.c-navigation--nav-top {
  	
  	.c-navigation__list {
  		
  		li {
  			
  			a {
  				display: block;
  				
  				padding: $baseSpacingUnit--half $baseSpacingUnit--double $baseSpacingUnit--half $baseSpacingUnit;
  				
  				color: $white;
  				text-decoration: none;
  				font-weight: $baseFontWeightMedium;
  			}
  		}
  	}
  }*/ }
  #mainNavigationSlide .c-navigation__list > li {
    display: block !important;
    margin: 0; }
  #mainNavigationSlide .c-navigation__title {
    position: relative; }
    #mainNavigationSlide .c-navigation__title > .c-navigation__title-href {
      border-bottom: 1px solid #363f40; }
      #mainNavigationSlide .c-navigation__title > .c-navigation__title-href .icon-chevron-right {
        position: absolute;
        top: 15px;
        right: 20px; }
  #mainNavigationSlide .c-navigation__title-href {
    display: block;
    padding: 15px 40px 15px 20px;
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.75;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400; }
  #mainNavigationSlide .c-navigation__drop-title {
    display: block;
    padding: 20px 20px 20px 50px;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.75;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400; }
  #mainNavigationSlide .c-navigation__drop {
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    z-index: 1000;
    overflow: visible;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0;
    background-color: #005b8c;
    color: #fff;
    text-align: left !important;
    cursor: default;
    opacity: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
    #mainNavigationSlide .c-navigation__drop .c-navigation__controller {
      border-bottom: 1px solid #555555; }
      #mainNavigationSlide .c-navigation__drop .c-navigation__controller .o-btn-icon {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 40px;
        height: 50px;
        color: #fff;
        cursor: pointer; }
        #mainNavigationSlide .c-navigation__drop .c-navigation__controller .o-btn-icon .icon-chevron-left {
          position: absolute;
          top: 25px;
          left: 0; }
    #mainNavigationSlide .c-navigation__drop .c-navigation__list {
      border-bottom: 1px solid #555555; }
      #mainNavigationSlide .c-navigation__drop .c-navigation__list > li {
        border-bottom: 1px solid #555555; }
        #mainNavigationSlide .c-navigation__drop .c-navigation__list > li:last-child {
          border-bottom: none; }
        #mainNavigationSlide .c-navigation__drop .c-navigation__list > li a {
          display: block;
          padding: 10px;
          color: #fff;
          text-decoration: none;
          font-weight: 400; }

/**************************************

	3. NAVIGATION: Modifier

***************************************/
/**************************************

	4. NAVIGATION: Spezielles

***************************************/
.c-navigation__list li ul {
  list-style-type: none;
  /*margin-left: 20px;*/
  font-size: 0.9em;/*padding-bottom:10px;*/}
  
  /*.c-navigation__list li ul li:last-child{margin-bottom:20px;}*/
  .UL a{float: left;}
.UL a i{    width: 5px;
    height: 10px;
    display: block;
    background: url(../images/index_Arrow1.png) center center no-repeat;
    background-size: contain;
    float: right;
    margin: 6px;}
.c-pageheadline__title{margin-bottom:20px;margin-top: 30px;}
/******************************************************************************

	4.1 NAVIGATION: Spezielles - Hamburger

******************************************************************************/
.c-hamburger {
  display: none; }

@media only screen and (max-width: 40.062em) {
  .c-hamburger {
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 10;
    width: 30px;
    height: 30px; }
    .c-hamburger .c-hamburger__wrap {
      position: absolute;
      top: 20px; }
    .c-hamburger .c-hamburger__patties, .c-hamburger .c-hamburger__patties:before, .c-hamburger .c-hamburger__patties:after {
      display: block;
      width: 30px;
      height: 3px;
      background-color: #555555; }
    .c-hamburger .c-hamburger__patties {
      position: relative;
      -webkit-transition: 300ms ease;
      -moz-transition: 300ms ease;
      -ms-transition: 300ms ease;
      -o-transition: 300ms ease;
      transition: 300ms ease; }
      .c-hamburger .c-hamburger__patties:before, .c-hamburger .c-hamburger__patties:after {
        position: absolute;
        left: 0;
        content: '';
        -webkit-transform-origin: 20px center;
        -moz-transform-origin: 20px center;
        -ms-transform-origin: 20px center;
        -o-transform-origin: 20px center;
        transform-origin: 20px center;
        -webkit-transition: 500ms ease;
        -moz-transition: 500ms ease;
        -ms-transition: 500ms ease;
        -o-transition: 500ms ease;
        transition: 500ms ease; }
      .c-hamburger .c-hamburger__patties:before {
        top: 9px; }
      .c-hamburger .c-hamburger__patties:after {
        top: -9px; }
    .sb-active-left .c-hamburger .c-hamburger__patties, .sb-active-left .c-hamburger .c-hamburger__patties:before, .sb-active-left .c-hamburger .c-hamburger__patties:after {
      background-color: #555555; }
    .sb-active-left .c-hamburger .c-hamburger__patties {
      background-color: transparent;
      -webkit-transform: scale3d(0.8, 0.8, 0.8);
      -moz-transform: scale3d(0.8, 0.8, 0.8);
      -ms-transform: scale3d(0.8, 0.8, 0.8);
      -o-transform: scale3d(0.8, 0.8, 0.8);
      transform: scale3d(0.8, 0.8, 0.8); }
      .sb-active-left .c-hamburger .c-hamburger__patties:before, .sb-active-left .c-hamburger .c-hamburger__patties:after {
        top: 0;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%; }
      .sb-active-left .c-hamburger .c-hamburger__patties:before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        -o-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg); }
      .sb-active-left .c-hamburger .c-hamburger__patties:after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        -o-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg); }

  /*.c-hamburger__active {
  	background-color: $bgColorHamburgerActive !important;
  }*/ }
/*************************************************************
* 
*	Prevent Body and HTML to scroll
*
**************************************************************/
.sb-stop-scroll {
  overflow-y: hidden !important;
  width: 100%;
  height: 100%; }

/*******************************************************************************
*
*	_c-utility.scss: Some useful little helpers!
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		? 2015, grintsch communications GmbH
*	@date 			2015-02-10
*
*	@package		core/helper
*	@version		1.0
*
*	@note			If possible please use these classes with @extend!
*
******************************************************************************/
.u-fixed {
  position: fixed;
  width: 100%; }

/********************************************************************
*
*	1. TEXT
*
*********************************************************************/
.u-label {
  text-align: left;
  font-weight: 700; }

.c-product-detail .u-label {
  font-weight: 100;
  color: #000; }

.u-display-table {
  display: table-cell !important; }

.u-no-white-space {
  white-space: nowrap; }

.u-inline-edit {
  text-decoration: none;
  cursor: pointer; }
  .u-inline-edit:hover, .u-inline-edit:focus, .u-inline-edit:active {
    text-decoration: none; }

/*.u-gradient {
	@include gradient($bgColorGradient, transparent, 'vertical');
}*/
/********************************************************************
*
*	2. SPINNING ICONS
*
*********************************************************************/
.icon-spin {
  display: block;
  -webkit-animation: spinning-icon 2000ms infinite linear;
  -moz-animation: spinning-icon 2000ms infinite linear;
  -ms-animation: spinning-icon 2000ms infinite linear;
  -o-animation: spinning-icon 2000ms infinite linear;
  animation: spinning-icon 2000ms infinite linear; }

.icon-pulse {
  display: block;
  -webkit-animation: spinning-icon 1000ms infinite steps(8);
  -moz-animation: spinning-icon 1000ms infinite steps(8);
  -ms-animation: spinning-icon 1000ms infinite steps(8);
  -o-animation: spinning-icon 1000ms infinite steps(8);
  animation: spinning-icon 1000ms infinite steps(8); }

@-webkit-keyframes spinning-icon {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-moz-keyframes spinning-icon {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-o-keyframes spinning-icon {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes spinning-icon {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
/********************************************************************
*
*	3. JAVASCRIPT HELPER
*
*********************************************************************/
.js-transition, .js-showMore {
  overflow: hidden;
  max-height: 5000px;
  clear: both;
  -webkit-transition: max-height 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: max-height 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: max-height 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: max-height 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: max-height 500ms cubic-bezier(0.645, 0.045, 0.355, 1); }

.js-hidden {
  position: absolute !important;
  left: -99999px;
  top: -99999px;
  max-height: 0px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important; }

/* import project specific objects*/
/******************************************************************************
*
*   _o-button.scss: All styles for the various button objects.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ? 2015, grintsch communications GmbH
*   @date           2015-10-27
*
*   @package        core/objects
*   @version        1.0
*
*	@note 			
*
******************************************************************************/
/******************************************************************************

	1. BUTTON - Object

******************************************************************************/
/******************************************************************************

	2. BUTTON - Elements

******************************************************************************/
.o-btn__text-S {
  display: block; }

/******************************************************************************

	3. BUTTON - Modifier

******************************************************************************/
/******************************************************************************
*
*   _figure.scss: A simple figure object to display images.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ? 2015, grintsch communications GmbH
*   @date           2015-10-30
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

    1. FIGURE

******************************************************************************/
.o-figure {
  position: relative;
  max-width: 100%; }
  .o-figure .o-figure__img-wrap {
    position: relative; }
  .o-figure .o-figure__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    padding: 10px 125px 10px 10px;
    background-color: #fff;
    opacity: 0.9; }
    .o-figure .o-figure__caption .o-figure__title {
      margin: 0;
      font-family: "Open Sans Italic", Arial, sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #555555; }
  .o-figure .o-figure__action {
    position: relative;
    float: right;
    z-index: 10; }

/******************************************************************************

    2. FIGURE - Modifier

******************************************************************************/
@media only screen and (max-width: 40.062em) {
  .o-figure--left,
  .o-figure--right {
    width: 100%; } }
@media only screen and (min-width: 40.063em) {
  .o-figure--left {
    float: left;
    margin-right: 40px; }

  .o-figure--right {
    float: right;
    margin-left: 40px; } }
/******************************************************************************

    3. ?berschreibungen

******************************************************************************/
/******************************************************************************
*
*   _o-filter.scss: Filter element
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ? 2015, grintsch communications GmbH
*   @date           2015-10-30
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

	1. FILTER

******************************************************************************/
#wrapFilter.o-filter {
  background-color: #005b8c; }
  #wrapFilter.o-filter .o-filter__title {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    color: #fff; }
  #wrapFilter.o-filter .o-filter__list .o-filter__item {
    display: block !important;
    padding: 5px 0; }
    #wrapFilter.o-filter .o-filter__list .o-filter__item .o-filter__href {
      font-family: "Hind", "Arial Bold", sans-serif;
      color: #fff;
      text-decoration: underline; }
      #wrapFilter.o-filter .o-filter__list .o-filter__item .o-filter__href:hover, #wrapFilter.o-filter .o-filter__list .o-filter__item .o-filter__href:active, #wrapFilter.o-filter .o-filter__list .o-filter__item .o-filter__href:focus {
        text-decoration: none; }
    #wrapFilter.o-filter .o-filter__list .o-filter__item.is-active > a {
      text-decoration: none; }
  @media only screen and (max-width: 40.062em) {
    #wrapFilter.o-filter {
      margin-top: 20px;
      margin-top: 1.25rem;
      padding: 10px; } }
  @media only screen and (min-width: 40.063em) {
    #wrapFilter.o-filter {
      padding: 0 20px; } }

/******************************************************************************

	2. FILTER - Modifier

******************************************************************************/
/******************************************************************************
*
*   _form.scss: A simple form.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ? 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

	1. FORM: Object

******************************************************************************/
/******************************************************************************

	2. FORM: Elements

******************************************************************************/
/******************************************************************************

	2.1 FORM: Elements - structural elements 

******************************************************************************/
.o-form__fieldset {
  position: relative;
  margin-top: 20px;
  margin-top: 1.25rem; }
  .o-form__fieldset:last-child {
    padding-top: 0; }

.o-form__legend {
  width: 100%;
  font-family: "Hind", "Arial Bold", sans-serif; }

.o-form__item {
  margin-top: 10px;
  margin-top: 0.625rem; }

.o-form__list-radio {
  margin-top: 5px;
  margin-top: 0.3125rem;
  padding-left: 40px; }
  .o-form__list-radio > li {
    margin-top: 5px;
    margin-top: 0.3125rem; }

@media only screen and (max-width: 40.062em) {
  .o-form__list-radio {
    margin-left: 0; } }
/******************************************************************************

	2.2 FORM: Elements - form elements

******************************************************************************/
/******************************************************************************
	2.2.1 FORM: Elements - form elements: Label 
******************************************************************************/
.o-form__label {
  width: 100%;
  max-width: 688px;
  font-family: "Open Sans Regular", Arial, sans-serif;
  font-weight: 700;
  text-align: left;
  cursor: pointer; }

/******************************************************************************
	2.3.1 FORM: Elements - form elements: Input 
******************************************************************************/
.o-form__input,
.o-form__textarea,
.o-form__select {
  color: #555555; }

.o-form__select--styled {
  overflow: hidden;
  border-right: 6px solid #005b8c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/******************************************************************************

	3. FORM: Modifier

******************************************************************************/
/******************************************************************************

	4. FORM: ?berschreibungen

******************************************************************************/
/******************************************************************************
Object: TiBlock (_object-tiblock.scss)

@copyright	? 2015, Till Schiffer (grintsch communication)
@date		2015-11-03

@package	project/screen
@version	1.0

******************************************************************************/
/******************************************************************************

	1. GALLERY

******************************************************************************/
/******************************************************************************

	2. GALLERY - Elements

******************************************************************************/
.o-gallery__content {
  margin-top: 20px;
  margin-top: 1.25rem; }

.o-gallery__footer {
  margin-top: 20px;
  margin-top: 1.25rem; }

/******************************************************************************

	3. GALLERY - Modifier

*****************************************************************************
/******************************************************************************

	3.1 GALLERY: Modifier - SLIDER

******************************************************************************/
.o-gallery--slider {
  padding-top: 10px;
  padding-top: 0.625rem; }
  .o-gallery--slider .o-gallery__content {
    position: relative; }

/******************************************************************************

	4. GALLERY - Sonderf?lle / ?berschreibungen

******************************************************************************/
/******************************************************************************
*
*   _o-listing.scss: Advanced object of "core/objects/_listing.scss".
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ? 2015, grintsch communications GmbH
*   @date           2017-02-23
*
*   @package        core/objects
*   @version        1.0
*
*	@note 			Das Listing-Objekt sollte anstelle des Layoutobjects
*					f��r komplexe ?bersichten (z.B. Teaserlistings)
*					benutzt werden.
*
******************************************************************************/
/******************************************************************************

	1. LISTING: Object

******************************************************************************/
@media only screen and (min-width: 40.063em) {
  .o-listing {
    /*margin-top: 40px;
    margin-top: 2.5rem; */
    } }

/******************************************************************************

	2. LISTING: Elements

******************************************************************************/
.o-listing__header .o-listing__title {
  max-width: 100%; }
.o-listing__header .o-listing__copy {
  margin-top: 10px;
  margin-top: 0.625rem; }

.o-listing__footer {
  margin-top: 40px;
  margin-top: 2.5rem; }

/******************************************************************************

	3. LISTING: Modifier

******************************************************************************/
/******************************************************************************

	3.1 LISTING: Modifier - Teaser listing

******************************************************************************/
.o-listing--teaser {
  padding-bottom: 20px;
  padding-bottom: 1.25rem; }
  .o-listing--teaser .o-listing__header h2,
  .o-listing--teaser .o-listing__header p {
    max-width: 100%;font-weight: bold;margin-bottom: 50px;}
  .o-listing--teaser .o-listing__header h2:after {
    display: block;
    content: " ";
    margin-top: 10px;
    margin-top: 0.625rem;
    border-bottom: 6px solid #005b8c;
    width: 150px;
    margin-left: auto;
    margin-right: auto; }
  @media only screen and (max-width: 40.062em) {
    .o-listing--teaser .o-listing__header h2:after {
      margin-top: 5px;
      margin-top: 0.3125rem;
      border-bottom-width: 4px;
      width: 100px; } }
  @media only screen and (max-width: 40.062em) {
    .o-listing--teaser {
      padding-top: 10px;
      padding-top: 0.625rem; }
      .o-listing--teaser .o-listing__content {
        margin-top: 20px;
        margin-top: 1.25rem;
        margin-bottom: 10px;
        margin-bottom: 0.625rem; } }
  @media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
    .o-listing--teaser {
      padding-top: 10px;
      padding-top: 0.625rem; }
      .o-listing--teaser .o-listing__content {
        margin-top: 40px;
        margin-top: 2.5rem;
        margin-bottom: 20px;
        margin-bottom: 1.25rem; } }
  @media only screen and (min-width: 48.0626em) {
    .o-listing--teaser {
      padding-top: 20px;
      padding-top: 1.25rem;
      /*margin-left: 20px;*/
      }
      .o-listing--teaser .o-listing__content {
        /*margin-top: 40px;
        margin-top: 2.5rem;*/
        margin-bottom: 40px;
        margin-bottom: 2.5rem; } }

/******************************************************************************

	3.2 LISTING: Modifier - Download

******************************************************************************/
.o-listing--download {
  margin-top: 0px;
  margin-top: 0rem; }

/******************************************************************************

	3.3 LISTING: Modifier - Value Chain

******************************************************************************/
.o-listing--value-chain {
  padding-bottom: 20px;
  padding-bottom: 1.25rem; }
  .o-listing--value-chain .o-listing__header h2,
  .o-listing--value-chain .o-listing__header p {
    max-width: 100%; }
  .o-listing--value-chain .o-listing__header:after {
    display: block;
    content: " ";
    margin-top: 10px;
    margin-top: 0.625rem;
    border-bottom: 6px solid #c9c4bc;
    width: 150px;
    margin-left: auto;
    margin-right: auto; }
  @media only screen and (max-width: 40.062em) {
    .o-listing--value-chain .o-listing__header:after {
      margin-top: 5px;
      margin-top: 0.3125rem;
      border-bottom-width: 4px;
      width: 100px; } }
  @media only screen and (max-width: 40.062em) {
    .o-listing--value-chain {
      padding-top: 10px;
      padding-top: 0.625rem; }
      .o-listing--value-chain .o-listing__content {
        margin-top: 10px;
        margin-top: 0.625rem; } }
  @media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
    .o-listing--value-chain {
      padding-top: 10px;
      padding-top: 0.625rem; }
      .o-listing--value-chain .o-listing__content {
        margin-top: 40px;
        margin-top: 2.5rem; } }
  @media only screen and (min-width: 48.0626em) {
    .o-listing--value-chain {
      padding-top: 20px;
      padding-top: 1.25rem; }
      .o-listing--value-chain .o-listing__content {
        margin-top: 40px;
        margin-top: 2.5rem; } }

h2 .more{position: absolute;
    right: 0px;
    color: #000;
    font-weight: normal;
    font-size: 16px;}
h2 .more:hover{color:#005b8c;}

/******************************************************************************
Object: TiBlock (_object-tiblock.scss)

@copyright	? 2015, Viktoria Seel|Mucke For?mann (grintsch communication)
@date		2015-11-24

@package	project/screen
@version	1.0

******************************************************************************/
/******************************************************************************

	1. TIBLOCK - Object (Text-Image-Element)

******************************************************************************/
.o-tiblock {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;}
  .o-tiblock .o-tiblock__href {
    text-decoration: none; }
  .o-tiblock .o-tiblock__wrap-img {
    position: relative; }
.o-tiblock .o-tiblock__wrap-img img{
	object-fit: cover;
}
  .o-tiblock .o-tiblock__wrap-text {
    background: #transparent;
    background:url(../images/indexbg1.png) center center no-repeat;background-size:cover;
    background: -moz-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fff), color-stop(100, #d7d9d8));
    background: -webkit-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
    background: -ms-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
    background: -o-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
    background: linear-gradient(to bottom right, #fff 0%, #d7d9d8 100%); }
    .o-tiblock .o-tiblock__wrap-text .o-tiblock__title {
      margin-top: 0px;
      margin-top: 0rem;
      line-height: 1.3;
      letter-spacing: normal;
      color: #000;margin: 0px 0px 25px 0px;font-weight: bold;}
    .o-tiblock .o-tiblock__wrap-text .o-tiblock__second-title {
      margin-top: 10px;
      margin-top: 0.625rem;
      letter-spacing: normal; }
    .o-tiblock .o-tiblock__wrap-text .o-tiblock__copy {
        height: 80px;
      color: #555555;
      line-height: 1.6; 
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      word-break: break-all;
      -webkit-box-orient: vertical;
        
    }
    .o-tiblock .o-tiblock__wrap-text .o-tiblock__href-text {
      margin-top: 10px;
      margin-top: 0.625rem;font-weight: 500;
      font-family: "Open Sans Bold", "Arial Bold", sans-serif;
      color: #005b8c; }
      .o-tiblock .o-tiblock__wrap-text .o-tiblock__href-text:hover, .o-tiblock .o-tiblock__wrap-text .o-tiblock__href-text:focus, .o-tiblock .o-tiblock__wrap-text .o-tiblock__href-text:active {
        text-decoration: underline; }
  @media only screen and (max-width: 48.0625em) {
    .o-tiblock .o-tiblock__wrap-text {
      padding: 20px 10px; } }
  @media only screen and (min-width: 48.0626em) {
    .o-tiblock .o-tiblock__wrap-text {
      padding: 40px 20px; } }

/******************************************************************************

	2. TIBLOCK - Modifier

******************************************************************************/
/******************************************************************************

	3. TIBLOCK - ?berschreibungen

******************************************************************************/
/******************************************************************************
	3.1 TEXT-IMAGE-BLOCK: ?berschreibungen - Finca Mallorca Value Chain 
******************************************************************************/
.o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-img .lazy-wrapper {
  background: none !important; }
.o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-img .o-tiblock__img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #transparent;
  /* Old browsers */
  background: -moz-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
  /* Mozilla Firefox */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fff), color-stop(100, #d7d9d8));
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
  /* Webkit (Chrome 11+) */
  background: -ms-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
  /* IE10+ */
  background: -o-linear-gradient(top left, #fff 0%, #d7d9d8 100%);
  /* Opera */
  background: linear-gradient(to bottom right, #fff 0%, #d7d9d8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-text {
  background: none; }
  .o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-text .o-tiblock__title {
    color: #005b8c; }
@media only screen and (max-width: 40.062em) {
  .o-listing--value-chain .o-listing__item .o-tiblock {
    letter-spacing: -0.32em; }
    .o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-img {
      display: inline-block !important;
      width: 25%;
      padding: 20px 20px 20px 0;
      letter-spacing: normal;
      vertical-align: top;
      *display: inline;
      *zoom: 1; }
      .o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-img .o-tiblock__img {
        padding: 5%; }
    .o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-text {
      display: inline-block !important;
      width: 75%;
      letter-spacing: normal;
      vertical-align: top;
      text-align: left;
      *display: inline;
      *zoom: 1; } }
@media only screen and (min-width: 30.001em) and (max-width: 40.062em) {
  .o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-img .o-tiblock__img {
    padding: 10%; } }
@media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
  .o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-img {
    padding: 0 20px; }
    .o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-img .o-tiblock__img {
      padding: 10%; } }
@media only screen and (min-width: 48.0626em) and (max-width: 64.75em) {
  .o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-img {
    padding: 0 40px; } }
@media only screen and (min-width: 64.751em) {
  .o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-img {
    padding: 0 100px; } }
@media only screen and (min-width: 48.0626em) {
  .o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-img .o-tiblock__img {
    padding: 20%; }
  .o-listing--value-chain .o-listing__item .o-tiblock .o-tiblock__wrap-text {
    text-align: center; } }

/****************** External **************/
/******************************************************************************
*
*   _fancybox.scss: Advanced object of "ext/fancybox/_fancybox.scss".
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ? 2016, grintsch communications GmbH
*   @date           2016-11-04
*	@author			Mucke For?mann, Viktoria Seel
*
*   @package        ext/fancybox
*   @version        1.0
*
* ! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
******************************************************************************/
/* Sehr wichtig, verhindert die weisse Ecke links oben im FF */
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }
  .fancybox-wrap .fancybox-skin {
    position: relative;
    background-color: #fff;
    color: #000; }
  .fancybox-wrap .fancybox-outer,
  .fancybox-wrap .fancybox-inner {
    position: relative; }
  .fancybox-wrap .fancybox-inner {
    overflow: hidden; }
  .fancybox-wrap .fancybox-image,
  .fancybox-wrap .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%; }
  .fancybox-wrap .fancybox-image {
    max-width: 100%;
    max-height: 100%; }
  .fancybox-wrap .fancybox-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 8040;
    border-color: transparent;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer; }
  .fancybox-wrap .fancybox-nav {
    position: absolute;
    top: 0;
    z-index: 8040;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none; }
    .fancybox-wrap .fancybox-nav .o-btn-icon--slider {
      position: absolute;
      top: 50%;
      border-color: transparent;
      margin-top: -25px;
      background: rgba(255, 255, 255, 0.5); }
      .fancybox-wrap .fancybox-nav .o-btn-icon--slider .icon {
        margin-top: 1px;
        margin-bottom: 0; }
    .fancybox-wrap .fancybox-nav.fancybox-prev {
      left: 0; }
      .fancybox-wrap .fancybox-nav.fancybox-prev .o-btn-icon--slider {
        left: 0; }
        .fancybox-wrap .fancybox-nav.fancybox-prev .o-btn-icon--slider:before {
          margin-right: 3px; }
    .fancybox-wrap .fancybox-nav.fancybox-next {
      right: 0; }
      .fancybox-wrap .fancybox-nav.fancybox-next .o-btn-icon--slider {
        right: 0; }
        .fancybox-wrap .fancybox-nav.fancybox-next .o-btn-icon--slider:before {
          margin-left: 3px; }
  @media only screen and (max-width: 30em) {
    .fancybox-wrap .fancybox-skin {
      padding: 5px !important; }
    .fancybox-wrap .fancybox-close {
      top: 5px;
      right: 5px; } }

/*************************************************************
* 
*	2. Overlay
*
**************************************************************/
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }
  .fancybox-lock body {
    overflow: hidden !important; }
  .fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 8010;
  background: rgba(0, 0, 0, 0.7); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

/*************************************************************
* 
*	3. Title
*
**************************************************************/
.fancybox-title {
  position: relative;
  z-index: 8050;
  visibility: hidden;
  margin-top: 10px;
  margin-top: 0.625rem;
  font-family: "Open Sans Italic", Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
  color: #555555; }
  .fancybox-opened .fancybox-title {
    visibility: visible; }
  @media only screen and (max-width: 30em) {
    .fancybox-title {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.11111; } }

/*************************************************************
* 
*	4. Orginal und nicht angepasst
*
**************************************************************/
/* Lazy Load XT 1.0.6 | MIT License */
.lazy-wrapper {
    background:center!important;
}

/******************************************************************************
*
*	_fontawesome.scss: FontAwesome Icon Font 4.4.0
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		? 2015, by @davegandy - http://fontawesome.io - @fontawesome
*	@date 			2015-11-11
*
*	@package		ext/fontawesome
*	@version		4.4.0
*
******************************************************************************/
/******************************************************************************

	Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
	readers do not read off random characters that represent icons

******************************************************************************/
.icon-glass:before {
  content: "\f000"; }

.icon-music:before {
  content: "\f001"; }

.icon-search:before {
  content: "\f002"; }

.icon-envelope-o:before {
  content: "\f003"; }

.icon-heart:before {
  content: "\f004"; }

.icon-star:before {
  content: "\f005"; }

.icon-star-o:before {
  content: "\f006"; }

.icon-user:before {
  content: "\f007"; }

.icon-film:before {
  content: "\f008"; }

.icon-th-large:before {
  content: "\f009"; }

.icon-th:before {
  content: "\f00a"; }

.icon-th-list:before {
  content: "\f00b"; }

.icon-check:before {
  content: "\f00c"; }

.icon-remove:before,
.icon-close:before,
.icon-times:before {
  content: "\f00d"; }

.icon-search-plus:before {
  content: "\f00e"; }

.icon-search-minus:before {
  content: "\f010"; }

.icon-power-off:before {
  content: "\f011"; }

.icon-signal:before {
  content: "\f012"; }

.icon-gear:before,
.icon-cog:before {
  content: "\f013"; }

.icon-trash-o:before {
  content: "\f014"; }

.icon-home:before {
  content: "\f015"; }

.icon-file-o:before {
  content: "\f016"; }

.icon-clock-o:before {
  content: "\f017"; }

.icon-road:before {
  content: "\f018"; }

.icon-download:before {
  content: "\f019"; }

.icon-arrow-circle-o-down:before {
  content: "\f01a"; }

.icon-arrow-circle-o-up:before {
  content: "\f01b"; }

.icon-inbox:before {
  content: "\f01c"; }

.icon-play-circle-o:before {
  content: "\f01d"; }

.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e"; }

.icon-refresh:before {
  content: "\f021"; }

.icon-list-alt:before {
  content: "\f022"; }

.icon-lock:before {
  content: "\f023"; }

.icon-flag:before {
  content: "\f024"; }

.icon-headphones:before {
  content: "\f025"; }

.icon-volume-off:before {
  content: "\f026"; }

.icon-volume-down:before {
  content: "\f027"; }

.icon-volume-up:before {
  content: "\f028"; }

.icon-qrcode:before {
  content: "\f029"; }

.icon-barcode:before {
  content: "\f02a"; }

.icon-tag:before {
  content: "\f02b"; }

.icon-tags:before {
  content: "\f02c"; }

.icon-book:before {
  content: "\f02d"; }

.icon-bookmark:before {
  content: "\f02e"; }

.icon-print:before {
  content: "\f02f"; }

.icon-camera:before {
  content: "\f030"; }

.icon-font:before {
  content: "\f031"; }

.icon-bold:before {
  content: "\f032"; }

.icon-italic:before {
  content: "\f033"; }

.icon-text-height:before {
  content: "\f034"; }

.icon-text-width:before {
  content: "\f035"; }

.icon-align-left:before {
  content: "\f036"; }

.icon-align-center:before {
  content: "\f037"; }

.icon-align-right:before {
  content: "\f038"; }

.icon-align-justify:before {
  content: "\f039"; }

.icon-list:before {
  content: "\f03a"; }

.icon-dedent:before,
.icon-outdent:before {
  content: "\f03b"; }

.icon-indent:before {
  content: "\f03c"; }

.icon-video-camera:before {
  content: "\f03d"; }

.icon-photo:before,
.icon-image:before,
.icon-picture-o:before {
  content: "\f03e"; }

.icon-pencil:before {
  content: "\f040"; }

.icon-map-marker:before {
  content: "\f041"; }

.icon-adjust:before {
  content: "\f042"; }

.icon-tint:before {
  content: "\f043"; }

.icon-edit:before,
.icon-pencil-square-o:before {
  content: "\f044"; }

.icon-share-square-o:before {
  content: "\f045"; }

.icon-check-square-o:before {
  content: "\f046"; }

.icon-arrows:before {
  content: "\f047"; }

.icon-step-backward:before {
  content: "\f048"; }

.icon-fast-backward:before {
  content: "\f049"; }

.icon-backward:before {
  content: "\f04a"; }

.icon-play:before {
  content: "\f04b"; }

.icon-pause:before {
  content: "\f04c"; }

.icon-stop:before {
  content: "\f04d"; }

.icon-forward:before {
  content: "\f04e"; }

.icon-fast-forward:before {
  content: "\f050"; }

.icon-step-forward:before {
  content: "\f051"; }

.icon-eject:before {
  content: "\f052"; }

.icon-chevron-left:before {
  content: "\f053"; }

.icon-chevron-right:before {
  content: "\f054"; }

.icon-plus-circle:before {
  content: "\f055"; }

.icon-minus-circle:before {
  content: "\f056"; }

.icon-times-circle:before {
  content: "\f057"; }

.icon-check-circle:before {
  content: "\f058"; }

.icon-question-circle:before {
  content: "\f059"; }

.icon-info-circle:before {
  content: "\f05a"; }

.icon-crosshairs:before {
  content: "\f05b"; }

.icon-times-circle-o:before {
  content: "\f05c"; }

.icon-check-circle-o:before {
  content: "\f05d"; }

.icon-ban:before {
  content: "\f05e"; }

.icon-arrow-left:before {
  content: "\f060"; }

.icon-arrow-right:before {
  content: "\f061"; }

.icon-arrow-up:before {
  content: "\f062"; }

.icon-arrow-down:before {
  content: "\f063"; }

.icon-mail-forward:before,
.icon-share:before {
  content: "\f064"; }

.icon-expand:before {
  content: "\f065"; }

.icon-compress:before {
  content: "\f066"; }

.icon-plus:before {
  content: "\f067"; }

.icon-minus:before {
  content: "\f068"; }

.icon-asterisk:before {
  content: "\f069"; }

.icon-exclamation-circle:before {
  content: "\f06a"; }

.icon-gift:before {
  content: "\f06b"; }

.icon-leaf:before {
  content: "\f06c"; }

.icon-fire:before {
  content: "\f06d"; }

.icon-eye:before {
  content: "\f06e"; }

.icon-eye-slash:before {
  content: "\f070"; }

.icon-warning:before,
.icon-exclamation-triangle:before {
  content: "\f071"; }

.icon-plane:before {
  content: "\f072"; }

.icon-calendar:before {
  content: "\f073"; }

.icon-random:before {
  content: "\f074"; }

.icon-comment:before {
  content: "\f075"; }

.icon-magnet:before {
  content: "\f076"; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down:before {
  content: "\f078"; }

.icon-retweet:before {
  content: "\f079"; }

.icon-shopping-cart:before {
  content: "\f07a"; }

.icon-folder:before {
  content: "\f07b"; }

.icon-folder-open:before {
  content: "\f07c"; }

.icon-arrows-v:before {
  content: "\f07d"; }

.icon-arrows-h:before {
  content: "\f07e"; }

.icon-bar-chart-o:before,
.icon-bar-chart:before {
  content: "\f080"; }

.icon-twitter-square:before {
  content: "\f081"; }

.icon-facebook-square:before {
  content: "\f082"; }

.icon-camera-retro:before {
  content: "\f083"; }

.icon-key:before {
  content: "\f084"; }

.icon-gears:before,
.icon-cogs:before {
  content: "\f085"; }

.icon-comments:before {
  content: "\f086"; }

.icon-thumbs-o-up:before {
  content: "\f087"; }

.icon-thumbs-o-down:before {
  content: "\f088"; }

.icon-star-half:before {
  content: "\f089"; }

.icon-heart-o:before {
  content: "\f08a"; }

.icon-sign-out:before {
  content: "\f08b"; }

.icon-linkedin-square:before {
  content: "\f08c"; }

.icon-thumb-tack:before {
  content: "\f08d"; }

.icon-external-link:before {
  content: "\f08e"; }

.icon-sign-in:before {
  content: "\f090"; }

.icon-trophy:before {
  content: "\f091"; }

.icon-github-square:before {
  content: "\f092"; }

.icon-upload:before {
  content: "\f093"; }

.icon-lemon-o:before {
  content: "\f094"; }

.icon-phone:before {
  content: "\f095"; }

.icon-square-o:before {
  content: "\f096"; }

.icon-bookmark-o:before {
  content: "\f097"; }

.icon-phone-square:before {
  content: "\f098"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook-f:before,
.icon-facebook:before {
  content: "\f09a"; }

.icon-github:before {
  content: "\f09b"; }

.icon-unlock:before {
  content: "\f09c"; }

.icon-credit-card:before {
  content: "\f09d"; }

.icon-feed:before,
.icon-rss:before {
  content: "\f09e"; }

.icon-hdd-o:before {
  content: "\f0a0"; }

.icon-bullhorn:before {
  content: "\f0a1"; }

.icon-bell:before {
  content: "\f0f3"; }

.icon-certificate:before {
  content: "\f0a3"; }

.icon-hand-o-right:before {
  content: "\f0a4"; }

.icon-hand-o-left:before {
  content: "\f0a5"; }

.icon-hand-o-up:before {
  content: "\f0a6"; }

.icon-hand-o-down:before {
  content: "\f0a7"; }

.icon-arrow-circle-left:before {
  content: "\f0a8"; }

.icon-arrow-circle-right:before {
  content: "\f0a9"; }

.icon-arrow-circle-up:before {
  content: "\f0aa"; }

.icon-arrow-circle-down:before {
  content: "\f0ab"; }

.icon-globe:before {
  content: "\f0ac"; }

.icon-wrench:before {
  content: "\f0ad"; }

.icon-tasks:before {
  content: "\f0ae"; }

.icon-filter:before {
  content: "\f0b0"; }

.icon-briefcase:before {
  content: "\f0b1"; }

.icon-arrows-alt:before {
  content: "\f0b2"; }

.icon-group:before,
.icon-users:before {
  content: "\f0c0"; }

.icon-chain:before,
.icon-link:before {
  content: "\f0c1"; }

.icon-cloud:before {
  content: "\f0c2"; }

.icon-flask:before {
  content: "\f0c3"; }

.icon-cut:before,
.icon-scissors:before {
  content: "\f0c4"; }

.icon-copy:before,
.icon-files-o:before {
  content: "\f0c5"; }

.icon-paperclip:before {
  content: "\f0c6"; }

.icon-save:before,
.icon-floppy-o:before {
  content: "\f0c7"; }

.icon-square:before {
  content: "\f0c8"; }

.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before {
  content: "\f0c9"; }

.icon-list-ul:before {
  content: "\f0ca"; }

.icon-list-ol:before {
  content: "\f0cb"; }

.icon-strikethrough:before {
  content: "\f0cc"; }

.icon-underline:before {
  content: "\f0cd"; }

.icon-table:before {
  content: "\f0ce"; }

.icon-magic:before {
  content: "\f0d0"; }

.icon-truck:before {
  content: "\f0d1"; }

.icon-pinterest:before {
  content: "\f0d2"; }

.icon-pinterest-square:before {
  content: "\f0d3"; }

.icon-google-plus-square:before {
  content: "\f0d4"; }

.icon-google-plus:before {
  content: "\f0d5"; }

.icon-money:before {
  content: "\f0d6"; }

.icon-caret-down:before {
  content: "\f0d7"; }

.icon-caret-up:before {
  content: "\f0d8"; }

.icon-caret-left:before {
  content: "\f0d9"; }

.icon-caret-right:before {
  content: "\f0da"; }

.icon-columns:before {
  content: "\f0db"; }

.icon-unsorted:before,
.icon-sort:before {
  content: "\f0dc"; }

.icon-sort-down:before,
.icon-sort-desc:before {
  content: "\f0dd"; }

.icon-sort-up:before,
.icon-sort-asc:before {
  content: "\f0de"; }

.icon-envelope:before {
  content: "\f0e0"; }

.icon-linkedin:before {
  content: "\f0e1"; }

.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2"; }

.icon-legal:before,
.icon-gavel:before {
  content: "\f0e3"; }

.icon-dashboard:before,
.icon-tachometer:before {
  content: "\f0e4"; }

.icon-comment-o:before {
  content: "\f0e5"; }

.icon-comments-o:before {
  content: "\f0e6"; }

.icon-flash:before,
.icon-bolt:before {
  content: "\f0e7"; }

.icon-sitemap:before {
  content: "\f0e8"; }

.icon-umbrella:before {
  content: "\f0e9"; }

.icon-paste:before,
.icon-clipboard:before {
  content: "\f0ea"; }

.icon-lightbulb-o:before {
  content: "\f0eb"; }

.icon-exchange:before {
  content: "\f0ec"; }

.icon-cloud-download:before {
  content: "\f0ed"; }

.icon-cloud-upload:before {
  content: "\f0ee"; }

.icon-user-md:before {
  content: "\f0f0"; }

.icon-stethoscope:before {
  content: "\f0f1"; }

.icon-suitcase:before {
  content: "\f0f2"; }

.icon-bell-o:before {
  content: "\f0a2"; }

.icon-coffee:before {
  content: "\f0f4"; }

.icon-cutlery:before {
  content: "\f0f5"; }

.icon-file-text-o:before {
  content: "\f0f6"; }

.icon-building-o:before {
  content: "\f0f7"; }

.icon-hospital-o:before {
  content: "\f0f8"; }

.icon-ambulance:before {
  content: "\f0f9"; }

.icon-medkit:before {
  content: "\f0fa"; }

.icon-fighter-jet:before {
  content: "\f0fb"; }

.icon-beer:before {
  content: "\f0fc"; }

.icon-h-square:before {
  content: "\f0fd"; }

.icon-plus-square:before {
  content: "\f0fe"; }

.icon-angle-double-left:before {
  content: "\f100"; }

.icon-angle-double-right:before {
  content: "\f101"; }

.icon-angle-double-up:before {
  content: "\f102"; }

.icon-angle-double-down:before {
  content: "\f103"; }

.icon-angle-left:before {
  content: "\f104"; }

.icon-angle-right:before {
  content: "\f105"; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

.icon-desktop:before {
  content: "\f108"; }

.icon-laptop:before {
  content: "\f109"; }

.icon-tablet:before {
  content: "\f10a"; }

.icon-mobile-phone:before,
.icon-mobile:before {
  content: "\f10b"; }

.icon-circle-o:before {
  content: "\f10c"; }

.icon-quote-left:before {
  content: "\f10d"; }

.icon-quote-right:before {
  content: "\f10e"; }

.icon-spinner:before {
  content: "\f110"; }

.icon-circle:before {
  content: "\f111"; }

.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112"; }

.icon-github-alt:before {
  content: "\f113"; }

.icon-folder-o:before {
  content: "\f114"; }

.icon-folder-open-o:before {
  content: "\f115"; }

.icon-smile-o:before {
  content: "\f118"; }

.icon-frown-o:before {
  content: "\f119"; }

.icon-meh-o:before {
  content: "\f11a"; }

.icon-gamepad:before {
  content: "\f11b"; }

.icon-keyboard-o:before {
  content: "\f11c"; }

.icon-flag-o:before {
  content: "\f11d"; }

.icon-flag-checkered:before {
  content: "\f11e"; }

.icon-terminal:before {
  content: "\f120"; }

.icon-code:before {
  content: "\f121"; }

.icon-mail-reply-all:before,
.icon-reply-all:before {
  content: "\f122"; }

.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before {
  content: "\f123"; }

.icon-location-arrow:before {
  content: "\f124"; }

.icon-crop:before {
  content: "\f125"; }

.icon-code-fork:before {
  content: "\f126"; }

.icon-unlink:before,
.icon-chain-broken:before {
  content: "\f127"; }

.icon-question:before {
  content: "\f128"; }

.icon-info:before {
  content: "\f129"; }

.icon-exclamation:before {
  content: "\f12a"; }

.icon-superscript:before {
  content: "\f12b"; }

.icon-subscript:before {
  content: "\f12c"; }

.icon-eraser:before {
  content: "\f12d"; }

.icon-puzzle-piece:before {
  content: "\f12e"; }

.icon-microphone:before {
  content: "\f130"; }

.icon-microphone-slash:before {
  content: "\f131"; }

.icon-shield:before {
  content: "\f132"; }

.icon-calendar-o:before {
  content: "\f133"; }

.icon-fire-extinguisher:before {
  content: "\f134"; }

.icon-rocket:before {
  content: "\f135"; }

.icon-maxcdn:before {
  content: "\f136"; }

.icon-chevron-circle-left:before {
  content: "\f137"; }

.icon-chevron-circle-right:before {
  content: "\f138"; }

.icon-chevron-circle-up:before {
  content: "\f139"; }

.icon-chevron-circle-down:before {
  content: "\f13a"; }

.icon-html5:before {
  content: "\f13b"; }

.icon-css3:before {
  content: "\f13c"; }

.icon-anchor:before {
  content: "\f13d"; }

.icon-unlock-alt:before {
  content: "\f13e"; }

.icon-bullseye:before {
  content: "\f140"; }

.icon-ellipsis-h:before {
  content: "\f141"; }

.icon-ellipsis-v:before {
  content: "\f142"; }

.icon-rss-square:before {
  content: "\f143"; }

.icon-play-circle:before {
  content: "\f144"; }

.icon-ticket:before {
  content: "\f145"; }

.icon-minus-square:before {
  content: "\f146"; }

.icon-minus-square-o:before {
  content: "\f147"; }

.icon-level-up:before {
  content: "\f148"; }

.icon-level-down:before {
  content: "\f149"; }

.icon-check-square:before {
  content: "\f14a"; }

.icon-pencil-square:before {
  content: "\f14b"; }

.icon-external-link-square:before {
  content: "\f14c"; }

.icon-share-square:before {
  content: "\f14d"; }

.icon-compass:before {
  content: "\f14e"; }

.icon-toggle-down:before,
.icon-caret-square-o-down:before {
  content: "\f150"; }

.icon-toggle-up:before,
.icon-caret-square-o-up:before {
  content: "\f151"; }

.icon-toggle-right:before,
.icon-caret-square-o-right:before {
  content: "\f152"; }

.icon-euro:before,
.icon-eur:before {
  content: "\f153"; }

.icon-gbp:before {
  content: "\f154"; }

.icon-dollar:before,
.icon-usd:before {
  content: "\f155"; }

.icon-rupee:before,
.icon-inr:before {
  content: "\f156"; }

.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
  content: "\f157"; }

.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before {
  content: "\f158"; }

.icon-won:before,
.icon-krw:before {
  content: "\f159"; }

.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a"; }

.icon-file:before {
  content: "\f15b"; }

.icon-file-text:before {
  content: "\f15c"; }

.icon-sort-alpha-asc:before {
  content: "\f15d"; }

.icon-sort-alpha-desc:before {
  content: "\f15e"; }

.icon-sort-amount-asc:before {
  content: "\f160"; }

.icon-sort-amount-desc:before {
  content: "\f161"; }

.icon-sort-numeric-asc:before {
  content: "\f162"; }

.icon-sort-numeric-desc:before {
  content: "\f163"; }

.icon-thumbs-up:before {
  content: "\f164"; }

.icon-thumbs-down:before {
  content: "\f165"; }

.icon-youtube-square:before {
  content: "\f166"; }

.icon-youtube:before {
  content: "\f167"; }

.icon-xing:before {
  content: "\f168"; }

.icon-xing-square:before {
  content: "\f169"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-dropbox:before {
  content: "\f16b"; }

.icon-stack-overflow:before {
  content: "\f16c"; }

.icon-instagram:before {
  content: "\f16d"; }

.icon-flickr:before {
  content: "\f16e"; }

.icon-adn:before {
  content: "\f170"; }

.icon-bitbucket:before {
  content: "\f171"; }

.icon-bitbucket-square:before {
  content: "\f172"; }

.icon-tumblr:before {
  content: "\f173"; }

.icon-tumblr-square:before {
  content: "\f174"; }

.icon-long-arrow-down:before {
  content: "\f175"; }

.icon-long-arrow-up:before {
  content: "\f176"; }

.icon-long-arrow-left:before {
  content: "\f177"; }

.icon-long-arrow-right:before {
  content: "\f178"; }

.icon-apple:before {
  content: "\f179"; }

.icon-windows:before {
  content: "\f17a"; }

.icon-android:before {
  content: "\f17b"; }

.icon-linux:before {
  content: "\f17c"; }

.icon-dribbble:before {
  content: "\f17d"; }

.icon-skype:before {
  content: "\f17e"; }

.icon-foursquare:before {
  content: "\f180"; }

.icon-trello:before {
  content: "\f181"; }

.icon-female:before {
  content: "\f182"; }

.icon-male:before {
  content: "\f183"; }

.icon-gittip:before,
.icon-gratipay:before {
  content: "\f184"; }

.icon-sun-o:before {
  content: "\f185"; }

.icon-moon-o:before {
  content: "\f186"; }

.icon-archive:before {
  content: "\f187"; }

.icon-bug:before {
  content: "\f188"; }

.icon-vk:before {
  content: "\f189"; }

.icon-weibo:before {
  content: "\f18a"; }

.icon-renren:before {
  content: "\f18b"; }

.icon-pagelines:before {
  content: "\f18c"; }

.icon-stack-exchange:before {
  content: "\f18d"; }

.icon-arrow-circle-o-right:before {
  content: "\f18e"; }

.icon-arrow-circle-o-left:before {
  content: "\f190"; }

.icon-toggle-left:before,
.icon-caret-square-o-left:before {
  content: "\f191"; }

.icon-dot-circle-o:before {
  content: "\f192"; }

.icon-wheelchair:before {
  content: "\f193"; }

.icon-vimeo-square:before {
  content: "\f194"; }

.icon-turkish-lira:before,
.icon-try:before {
  content: "\f195"; }

.icon-plus-square-o:before {
  content: "\f196"; }

.icon-space-shuttle:before {
  content: "\f197"; }

.icon-slack:before {
  content: "\f198"; }

.icon-envelope-square:before {
  content: "\f199"; }

.icon-wordpress:before {
  content: "\f19a"; }

.icon-openid:before {
  content: "\f19b"; }

.icon-institution:before,
.icon-bank:before,
.icon-university:before {
  content: "\f19c"; }

.icon-mortar-board:before,
.icon-graduation-cap:before {
  content: "\f19d"; }

.icon-yahoo:before {
  content: "\f19e"; }

.icon-google:before {
  content: "\f1a0"; }

.icon-reddit:before {
  content: "\f1a1"; }

.icon-reddit-square:before {
  content: "\f1a2"; }

.icon-stumbleupon-circle:before {
  content: "\f1a3"; }

.icon-stumbleupon:before {
  content: "\f1a4"; }

.icon-delicious:before {
  content: "\f1a5"; }

.icon-digg:before {
  content: "\f1a6"; }

.icon-pied-piper:before {
  content: "\f1a7"; }

.icon-pied-piper-alt:before {
  content: "\f1a8"; }

.icon-drupal:before {
  content: "\f1a9"; }

.icon-joomla:before {
  content: "\f1aa"; }

.icon-language:before {
  content: "\f1ab"; }

.icon-fax:before {
  content: "\f1ac"; }

.icon-building:before {
  content: "\f1ad"; }

.icon-child:before {
  content: "\f1ae"; }

.icon-paw:before {
  content: "\f1b0"; }

.icon-spoon:before {
  content: "\f1b1"; }

.icon-cube:before {
  content: "\f1b2"; }

.icon-cubes:before {
  content: "\f1b3"; }

.icon-behance:before {
  content: "\f1b4"; }

.icon-behance-square:before {
  content: "\f1b5"; }

.icon-steam:before {
  content: "\f1b6"; }

.icon-steam-square:before {
  content: "\f1b7"; }

.icon-recycle:before {
  content: "\f1b8"; }

.icon-automobile:before,
.icon-car:before {
  content: "\f1b9"; }

.icon-cab:before,
.icon-taxi:before {
  content: "\f1ba"; }

.icon-tree:before {
  content: "\f1bb"; }

.icon-spotify:before {
  content: "\f1bc"; }

.icon-deviantart:before {
  content: "\f1bd"; }

.icon-soundcloud:before {
  content: "\f1be"; }

.icon-database:before {
  content: "\f1c0"; }

.icon-file-pdf-o:before {
  content: "\f1c1"; }

.icon-file-word-o:before {
  content: "\f1c2"; }

.icon-file-excel-o:before {
  content: "\f1c3"; }

.icon-file-powerpoint-o:before {
  content: "\f1c4"; }

.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
  content: "\f1c5"; }

.icon-file-zip-o:before,
.icon-file-archive-o:before {
  content: "\f1c6"; }

.icon-file-sound-o:before,
.icon-file-audio-o:before {
  content: "\f1c7"; }

.icon-file-movie-o:before,
.icon-file-video-o:before {
  content: "\f1c8"; }

.icon-file-code-o:before {
  content: "\f1c9"; }

.icon-vine:before {
  content: "\f1ca"; }

.icon-codepen:before {
  content: "\f1cb"; }

.icon-jsfiddle:before {
  content: "\f1cc"; }

.icon-life-bouy:before,
.icon-life-buoy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
  content: "\f1cd"; }

.icon-circle-o-notch:before {
  content: "\f1ce"; }

.icon-ra:before,
.icon-rebel:before {
  content: "\f1d0"; }

.icon-ge:before,
.icon-empire:before {
  content: "\f1d1"; }

.icon-git-square:before {
  content: "\f1d2"; }

.icon-git:before {
  content: "\f1d3"; }

.icon-y-combinator-square:before,
.icon-yc-square:before,
.icon-hacker-news:before {
  content: "\f1d4"; }

.icon-tencent-weibo:before {
  content: "\f1d5"; }

.icon-qq:before {
  content: "\f1d6"; }

.icon-wechat:before,
.icon-weixin:before {
  content: "\f1d7"; }

.icon-send:before,
.icon-paper-plane:before {
  content: "\f1d8"; }

.icon-send-o:before,
.icon-paper-plane-o:before {
  content: "\f1d9"; }

.icon-history:before {
  content: "\f1da"; }

.icon-circle-thin:before {
  content: "\f1db"; }

.icon-header:before {
  content: "\f1dc"; }

.icon-paragraph:before {
  content: "\f1dd"; }

.icon-sliders:before {
  content: "\f1de"; }

.icon-share-alt:before {
  content: "\f1e0"; }

.icon-share-alt-square:before {
  content: "\f1e1"; }

.icon-bomb:before {
  content: "\f1e2"; }

.icon-soccer-ball-o:before,
.icon-futbol-o:before {
  content: "\f1e3"; }

.icon-tty:before {
  content: "\f1e4"; }

.icon-binoculars:before {
  content: "\f1e5"; }

.icon-plug:before {
  content: "\f1e6"; }

.icon-slideshare:before {
  content: "\f1e7"; }

.icon-twitch:before {
  content: "\f1e8"; }

.icon-yelp:before {
  content: "\f1e9"; }

.icon-newspaper-o:before {
  content: "\f1ea"; }

.icon-wifi:before {
  content: "\f1eb"; }

.icon-calculator:before {
  content: "\f1ec"; }

.icon-paypal:before {
  content: "\f1ed"; }

.icon-google-wallet:before {
  content: "\f1ee"; }

.icon-cc-visa:before {
  content: "\f1f0"; }

.icon-cc-mastercard:before {
  content: "\f1f1"; }

.icon-cc-discover:before {
  content: "\f1f2"; }

.icon-cc-amex:before {
  content: "\f1f3"; }

.icon-cc-paypal:before {
  content: "\f1f4"; }

.icon-cc-stripe:before {
  content: "\f1f5"; }

.icon-bell-slash:before {
  content: "\f1f6"; }

.icon-bell-slash-o:before {
  content: "\f1f7"; }

.icon-trash:before {
  content: "\f1f8"; }

.icon-copyright:before {
  content: "\f1f9"; }

.icon-at:before {
  content: "\f1fa"; }

.icon-eyedropper:before {
  content: "\f1fb"; }

.icon-paint-brush:before {
  content: "\f1fc"; }

.icon-birthday-cake:before {
  content: "\f1fd"; }

.icon-area-chart:before {
  content: "\f1fe"; }

.icon-pie-chart:before {
  content: "\f200"; }

.icon-line-chart:before {
  content: "\f201"; }

.icon-lastfm:before {
  content: "\f202"; }

.icon-lastfm-square:before {
  content: "\f203"; }

.icon-toggle-off:before {
  content: "\f204"; }

.icon-toggle-on:before {
  content: "\f205"; }

.icon-bicycle:before {
  content: "\f206"; }

.icon-bus:before {
  content: "\f207"; }

.icon-ioxhost:before {
  content: "\f208"; }

.icon-angellist:before {
  content: "\f209"; }

.icon-cc:before {
  content: "\f20a"; }

.icon-shekel:before,
.icon-sheqel:before,
.icon-ils:before {
  content: "\f20b"; }

.icon-meanpath:before {
  content: "\f20c"; }

.icon-buysellads:before {
  content: "\f20d"; }

.icon-connectdevelop:before {
  content: "\f20e"; }

.icon-dashcube:before {
  content: "\f210"; }

.icon-forumbee:before {
  content: "\f211"; }

.icon-leanpub:before {
  content: "\f212"; }

.icon-sellsy:before {
  content: "\f213"; }

.icon-shirtsinbulk:before {
  content: "\f214"; }

.icon-simplybuilt:before {
  content: "\f215"; }

.icon-skyatlas:before {
  content: "\f216"; }

.icon-cart-plus:before {
  content: "\f217"; }

.icon-cart-arrow-down:before {
  content: "\f218"; }

.icon-diamond:before {
  content: "\f219"; }

.icon-ship:before {
  content: "\f21a"; }

.icon-user-secret:before {
  content: "\f21b"; }

.icon-motorcycle:before {
  content: "\f21c"; }

.icon-street-view:before {
  content: "\f21d"; }

.icon-heartbeat:before {
  content: "\f21e"; }

.icon-venus:before {
  content: "\f221"; }

.icon-mars:before {
  content: "\f222"; }

.icon-mercury:before {
  content: "\f223"; }

.icon-intersex:before,
.icon-transgender:before {
  content: "\f224"; }

.icon-transgender-alt:before {
  content: "\f225"; }

.icon-venus-double:before {
  content: "\f226"; }

.icon-mars-double:before {
  content: "\f227"; }

.icon-venus-mars:before {
  content: "\f228"; }

.icon-mars-stroke:before {
  content: "\f229"; }

.icon-mars-stroke-v:before {
  content: "\f22a"; }

.icon-mars-stroke-h:before {
  content: "\f22b"; }

.icon-neuter:before {
  content: "\f22c"; }

.icon-genderless:before {
  content: "\f22d"; }

.icon-facebook-official:before {
  content: "\f230"; }

.icon-pinterest-p:before {
  content: "\f231"; }

.icon-whatsapp:before {
  content: "\f232"; }

.icon-server:before {
  content: "\f233"; }

.icon-user-plus:before {
  content: "\f234"; }

.icon-user-times:before {
  content: "\f235"; }

.icon-hotel:before,
.icon-bed:before {
  content: "\f236"; }

.icon-viacoin:before {
  content: "\f237"; }

.icon-train:before {
  content: "\f238"; }

.icon-subway:before {
  content: "\f239"; }

.icon-medium:before {
  content: "\f23a"; }

.icon-yc:before,
.icon-y-combinator:before {
  content: "\f23b"; }

.icon-optin-monster:before {
  content: "\f23c"; }

.icon-opencart:before {
  content: "\f23d"; }

.icon-expeditedssl:before {
  content: "\f23e"; }

.icon-battery-4:before,
.icon-battery-full:before {
  content: "\f240"; }

.icon-battery-3:before,
.icon-battery-three-quarters:before {
  content: "\f241"; }

.icon-battery-2:before,
.icon-battery-half:before {
  content: "\f242"; }

.icon-battery-1:before,
.icon-battery-quarter:before {
  content: "\f243"; }

.icon-battery-0:before,
.icon-battery-empty:before {
  content: "\f244"; }

.icon-mouse-pointer:before {
  content: "\f245"; }

.icon-i-cursor:before {
  content: "\f246"; }

.icon-object-group:before {
  content: "\f247"; }

.icon-object-ungroup:before {
  content: "\f248"; }

.icon-sticky-note:before {
  content: "\f249"; }

.icon-sticky-note-o:before {
  content: "\f24a"; }

.icon-cc-jcb:before {
  content: "\f24b"; }

.icon-cc-diners-club:before {
  content: "\f24c"; }

.icon-clone:before {
  content: "\f24d"; }

.icon-balance-scale:before {
  content: "\f24e"; }

.icon-hourglass-o:before {
  content: "\f250"; }

.icon-hourglass-1:before,
.icon-hourglass-start:before {
  content: "\f251"; }

.icon-hourglass-2:before,
.icon-hourglass-half:before {
  content: "\f252"; }

.icon-hourglass-3:before,
.icon-hourglass-end:before {
  content: "\f253"; }

.icon-hourglass:before {
  content: "\f254"; }

.icon-hand-grab-o:before,
.icon-hand-rock-o:before {
  content: "\f255"; }

.icon-hand-stop-o:before,
.icon-hand-paper-o:before {
  content: "\f256"; }

.icon-hand-scissors-o:before {
  content: "\f257"; }

.icon-hand-lizard-o:before {
  content: "\f258"; }

.icon-hand-spock-o:before {
  content: "\f259"; }

.icon-hand-pointer-o:before {
  content: "\f25a"; }

.icon-hand-peace-o:before {
  content: "\f25b"; }

.icon-trademark:before {
  content: "\f25c"; }

.icon-registered:before {
  content: "\f25d"; }

.icon-creative-commons:before {
  content: "\f25e"; }

.icon-gg:before {
  content: "\f260"; }

.icon-gg-circle:before {
  content: "\f261"; }

.icon-tripadvisor:before {
  content: "\f262"; }

.icon-odnoklassniki:before {
  content: "\f263"; }

.icon-odnoklassniki-square:before {
  content: "\f264"; }

.icon-get-pocket:before {
  content: "\f265"; }

.icon-wikipedia-w:before {
  content: "\f266"; }

.icon-safari:before {
  content: "\f267"; }

.icon-chrome:before {
  content: "\f268"; }

.icon-firefox:before {
  content: "\f269"; }

.icon-opera:before {
  content: "\f26a"; }

.icon-internet-explorer:before {
  content: "\f26b"; }

.icon-tv:before,
.icon-television:before {
  content: "\f26c"; }

.icon-contao:before {
  content: "\f26d"; }

.icon-500px:before {
  content: "\f26e"; }

.icon-amazon:before {
  content: "\f270"; }

.icon-calendar-plus-o:before {
  content: "\f271"; }

.icon-calendar-minus-o:before {
  content: "\f272"; }

.icon-calendar-times-o:before {
  content: "\f273"; }

.icon-calendar-check-o:before {
  content: "\f274"; }

.icon-industry:before {
  content: "\f275"; }

.icon-map-pin:before {
  content: "\f276"; }

.icon-map-signs:before {
  content: "\f277"; }

.icon-map-o:before {
  content: "\f278"; }

.icon-map:before {
  content: "\f279"; }

.icon-commenting:before {
  content: "\f27a"; }

.icon-commenting-o:before {
  content: "\f27b"; }

.icon-houzz:before {
  content: "\f27c"; }

.icon-vimeo:before {
  content: "\f27d"; }

.icon-black-tie:before {
  content: "\f27e"; }

.icon-fonticons:before {
  content: "\f280"; }

/********************************************************************
Slider(_core.scss)

@copyright	? 2015 (grintsch communication)
@date		2015-03-02

@package	ext/slick-slider
@version	1.0

@note		
********************************************************************/
.slick-slider {
  display: block;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .slick-list:focus {
    outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    display: table;
    content: ''; }
  .slick-track:after {
    clear: both; }

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }
.c-hero-img__content h1{
    font-size: 3.5rem;
    /*margin-bottom: 10px;*/
}
 .c-hero-img__content h2{
font-size: 2.25rem;
    line-height: 1.5;margin-bottom: 15px;
}
/*# sourceMappingURL=style.css.map */


.swiper-container{width:1160px;margin:0 auto;}
.c-hero-img__content {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 0px;
    background-color: #363f40;
    opacity: 0.9;
    z-index: 1000000000000000000000000;
    padding: 10px 20px;
    width: 100%;
    /*margin-left:20px;*/
}

#wrapFooter{width:100%;background:url(../images/indexbg.jpg) center center no-repeat;background-size:cover;
background: -moz-linear-gradient(to right, #005b8c 50%, #9a9f9d 50%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); 
background: -webkit-linear-gradient(to right, #005b8c 50%, #9a9f9d 50%); 
background: -o-linear-gradient(to right, #005b8c 50%, #9a9f9d 50%); 
background: -ms-linear-gradient(to right, #005b8c 50%, #9a9f9d 50%); 
background: linear-gradient(to right, #005b8c 50%, #9a9f9d 50%); 

}

.u-shader-bg-teaser:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #transparent;
  background:url(../images/indexbg2.png) center center no-repeat;background-size:cover;
  /* Old browsers */
  background: -moz-linear-gradient(top left, #d7d9d8 0%, #fff 100%);
  /* Mozilla Firefox */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #d7d9d8), color-stop(100, #fff));
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-linear-gradient(top left, #d7d9d8 0%, #fff 100%);
  /* Webkit (Chrome 11+) */
  background: -ms-linear-gradient(top left, #d7d9d8 0%, #fff 100%);
  /* IE10+ */
  background: -o-linear-gradient(top left, #d7d9d8 0%, #fff 100%);
  /* Opera */
  background: linear-gradient(to bottom right, #d7d9d8 0%, #fff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

 

.u-shader:after {
    background: url(../images/indexbg3.png) center center no-repeat!important;
    background-size:cover;  
}


.Pro_li{float: left;padding-left:0px;width: 373px!important;margin-right:20px;}
.Pro_li:nth-child(3n){padding-left:0px;margin:0;}
.Pro_Ul{margin-left:0px;}
.link_ul{margin-left:20px;}
.ProductList{margin-top:30px;}
.ProductList .SpanList{font-weight:600;}
.Location{padding-left:0px;}
.Pro_Models{padding-top:30px!important;background:#e5e6e5;}
.Pro_download{margin-bottom:30px;}
.pro_Attachment{font-weight:600;}
.Pro_Center{padding-top:45px;}
.Index_service{margin:20px 0px;font-size:22px;}
.Index_about{font-size:30px;margin-top: 15px;font-weight: bold;}
.Product_Ul{margin-bottom:40px!important;}

.UL a:hover{text-decoration: underline;} 
.NewsLi{width:32%;float:left;margin-right:2%;}
.NewsLi h2{font-size:20px;margin:10px 0px;}
.NewsLi img{width:100%;height:200px;float: none;}
.NewsLi .summary{width:100%;height:70px;overflow:hidden;}
.NewsLi .o-figure--left{float: none;margin-right:0px;}
.NewsLi:nth-child(3n){margin-right:0px;}
.NewsLi .time{font-size: 16px;margin-bottom: 10px;color:#333;}
.PTitle{margin-top:50px;}
.PTitle a{display: block;}
.newsInfo{margin-top:20px;}

.NewsImg img{width:100%;height:440px;}
.NewsLi .o-tiblock__href-text{margin-top: 0.625rem;font-weight: 500;font-family: "Open Sans Bold", "Arial Bold", sans-serif;color: #005b8c;}




#wrapHeader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 220px;
	z-index: 10;
	background: #fff;
}
.wrapHeader_bg{
	height: 220px;
}