@charset "UTF-8";
.pageContent {
  /* Chart */
}

.pageContent .main {
  margin-top: 46px;
}

.pageContent .sidebar {
  margin-top: 50px;
}

.pageContent .sidebar .printbutton {
  font-size: 13px;
  background-color: #87877c;
  padding: 7px 17px;
  color: white;
  position: relative;
  left: 31px;
  border: none;
  top: 1px;
}

.pageContent .sidebar h3 {
  color: #57585a;
  font-size: 21px;
  margin-bottom: 5px;
  font-weight: 400;
  margin-top: 0;
}

.pageContent .sidebar h4 {
  font-size: 18px;
  color: #57585a;
  margin-bottom: 10px;
  font-weight: normal;
  margin-left: 40px;
  font-family: 'KlavikaWebBasic';
  text-transform: uppercase;
  line-height: 1.3;
}

.pageContent .sidebar h4 a {
  text-decoration: none;
  color: #57585a;
}

.pageContent .sidebar .arrow {
  background-color: grey;
  padding: 15px;
}

.pageContent .sidebar c4 {
  font-size: 13px;
}

.pageContent .sidebar h2 {
  font-size: 18px;
  margin: 9px 0 10px;
}

.pageContent .sidebar .submenuBlock {
  padding-bottom: 24px;
}

.pageContent .sidebar .submenuBlock h4 {
  position: relative;
}

.pageContent .sidebar .topics:first-child, .pageContent .sidebar .submenuBlock:first-child {
  margin-top: -30px;
}

.pageContent .sidebar .example:first-child {
  margin-top: 0;
}

.pageContent .sidebar ul {
  list-style-type: none;
  padding: 0 20px;
  /*background-color: #f2f2e5;*/
  margin: 0;
  margin-bottom: 20px;
  border: #898989 1px solid;
  font-family: gesta;
  font-weight: 400;
}

.pageContent .sidebar ul li {
  border-bottom: 1px solid #898989;
  position: relative;
}

.pageContent .sidebar ul li:last-child {
  border-bottom: none !important;
}

.pageContent .sidebar ul li a {
  color: black;
  display: block;
  padding: 16px 0 14px;
  font-size: 14px;
  padding-right: 14px;
}

.pageContent .sidebar ul li a:hover, .pageContent .sidebar ul li a:focus, .pageContent .sidebar ul li a:active {
  text-decoration: none;
}

.pageContent .sidebar ul li a small {
  line-height: 1.4;
  display: block;
}

.pageContent .sidebar ul li i {
  float: right;
  color: #b5b0a7;
}

.pageContent .sidebar ul li .active {
  font-weight: 700;
}

.pageContent .sidebar .categories, .pageContent .sidebar .subpages {
  border: 1px solid #898989;
  background-color: white;
}

.pageContent .sidebar .categories li a i, .pageContent .sidebar .subpages li a i {
  float: right;
}

.pageContent .article-part .sidebar {
  color: #d9d1c8;
}

.pageContent .article-part .sidebar h2 {
  font-size: 65px;
  color: #d9d1c8;
}

.pageContent h2, .pageContent h1 {
  color: #57585a;
}

.pageContent hr {
  margin: 0;
  padding: 0;
  padding-top: 32px;
  margin-bottom: 32px;
  border: none;
  border-bottom: 1px solid #898989;
  height: 0px;
  clear: both;
}

.pageContent .chart {
  display: inline-block;
  margin-left: 20px;
}

.pageContent .chart .canvas-holder {
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-block;
}

.pageContent .chart .canvas-holder:after {
  content: ' ';
  background-image: url(../images/chart_shadow.png);
  width: 100%;
  height: 34px;
  display: block;
  margin: 0 auto;
  background-position: center;
}

.pageContent .chart p {
  width: 80px;
  margin: 32px auto;
  font-size: 12px;
}

.pageContent .number {
  width: 66px;
  height: 66px;
  position: absolute;
  border-radius: 100%;
  text-align: center;
  line-height: 55px;
  color: #000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  font-size: 20px;
  border: 8px solid rgba(0, 0, 0, 0.3);
}

.chevron {
  right: -9px;
}

.chevron polygon {
  fill: #D10B26;
}

/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  margin-left: 20px;
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  /* margin: 0 0.1em 0.1em 0;*/
  background-color: #cccccc;
}

.c100 p {
  font-size: 12px;
  /*width: 98px;*/
  margin: 12px auto;
}

.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.c100.center {
  float: none;
  margin: 0 auto;
}

.c100.big {
  font-size: 240px;
}

.c100.small {
  font-size: 80px;
}

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #000;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.c100:after {
  position: absolute;
  top: 0.17em;
  left: 0.17em;
  border: 0.08em solid rgba(0, 0, 0, 0.2);
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: white;
  width: 0.5em;
  height: 0.5em;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  /* Firefox 3.6 */
  /* Safari 4? Chrome 6? */
  background-clip: border-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */
  /* Firefox 3.6 */
  /* Safari 4? Chrome 6? */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */
  /* Firefox 3.6 */
  /* Safari 4? Chrome 6? */
  background-clip: content-box;
}

.bar {
  -webkit-backface-visibility: hidden;
}

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}

.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}

.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}

.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}

.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}

.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}

.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}

.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}

.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}

.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}

.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}

.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}

.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
}

.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}

.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}

.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}

.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}

.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
}

.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}

.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}

.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}

.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}

.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
}

.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}

.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}

.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}

.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}

.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
}

.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}

.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}

.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}

.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}

.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}

.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}

.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}

.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}

.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
}

.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}

.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}

.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}

.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}

.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
}

.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}

.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}

.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}

.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}

.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
}

.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}

.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}

.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}

.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}

.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
}

.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}

.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}

.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}

.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}

.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/*
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.12em;
  left: 0.12em;
  width: 0.6em;
  height: 0.6em;
}
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
  border-color: #4db53c !important;
}
.c100.green:hover > span {
  color: #4db53c;
}
.c100.green.dark .bar, .c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar, .c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}
*/
/* Light */
@font-face {
  font-family: 'KlavikaWebBasic';
  src: url("../../fonts/KlavikaWebBasicLight.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/KlavikaWebBasicLight.eot?#iefix") format("embedded-opentype"), url("../../fonts/KlavikaWebBasicLight.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'KlavikaWebBasic';
  src: url("../../fonts/KlavikaWebBasicLightItalic.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/KlavikaWebBasicLightItalic.eot?#iefix") format("embedded-opentype"), url("../../fonts/KlavikaWebBasicLightItalic.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 200;
  font-style: italic;
}

/* Regular */
@font-face {
  font-family: 'KlavikaWebBasic';
  src: url("../../fonts/KlavikaWebBasicRegular.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/KlavikaWebBasicRegular.eot?#iefix") format("embedded-opentype"), url("../../fonts/KlavikaWebBasicRegular.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'KlavikaWebBasic';
  src: url("../../fonts/KlavikaWebBasicRegularItalic.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/KlavikaWebBasicRegularItalic.eot?#iefix") format("embedded-opentype"), url("../../fonts/KlavikaWebBasicRegularItalic.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: normal;
  font-style: italic;
}

/* Medium */
@font-face {
  font-family: 'KlavikaWebBasic';
  src: url("../../fonts/KlavikaWebBasicMedium.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/KlavikaWebBasicMedium.eot?#iefix") format("embedded-opentype"), url("../../fonts/KlavikaWebBasicMedium.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'KlavikaWebBasic';
  src: url("../../fonts/KlavikaWebBasicMediumItalic.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/KlavikaWebBasicMediumItalic.eot?#iefix") format("embedded-opentype"), url("../../fonts/KlavikaWebBasicMediumItalic.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 500;
  font-style: italic;
}

/* Bold */
@font-face {
  font-family: 'KlavikaWebBasic';
  src: url("../../fonts/KlavikaWebBasicBold.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/KlavikaWebBasicBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/KlavikaWebBasicBold.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'KlavikaWebBasic';
  src: url("../../fonts/KlavikaWebBasicBoldItalic.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/KlavikaWebBasicBoldItalic.eot?#iefix") format("embedded-opentype"), url("../../fonts/KlavikaWebBasicBoldItalic.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: bold;
  font-style: italic;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body, html {
  height: 100%;
  width: 100%;
  background-color: #f5f3f1;
  font-family: gesta, Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 200;
  color: #57585a;
  margin: 0;
}

.contentheadline {
  font-weight: bold;
  margin-bottom: 57px;
}

.magazinetitle {
  font-weight: bold;
}

p, input, select {
  font-family: "gesta";
  color: #57585a;
  font-size: 16px;
}

img {
  border: 0;
}

.hyphenate {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
}

#mobileNav {
  display: none;
  font-size: 2.5rem;
  position: absolute;
  right: 0;
  top: 54px;
  cursor: pointer;
}

#sidebar {
  display: none;
  float: left;
  width: 14.666666%;
}

#sidebar ul {
  list-style-type: none;
}

#sidebar ul li {
  padding: 18px 0 18px 8px;
  border-bottom: 1px solid #87867c;
}

#sidebar ul li:first-child {
  padding-top: 0;
}

.pageContent {
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}

.pageContent.menuOpen {
  opacity: .25;
}

.pageContent h1 {
  font-size: 30px;
  text-transform: uppercase;
  line-height: 115%;
  font-weight: normal;
}

.pageContent:after {
  clear: both;
  content: ' ';
  height: 0;
  display: block;
}

.pageContent .expertTitle {
  position: relative;
  top: 10px;
  font-weight: 200;
  margin-top: -33px;
}

.pageContent .expertTitle .zahnrad {
  -webkit-filter: grayscale(1) brightness(3);
}

.pageContent .expertTitle h4 {
  font-size: 14px;
  color: #D41219;
  margin-bottom: 15px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.pageContent footer {
  clear: both;
  margin-bottom: 0;
  padding-top: 80px;
}

.pageContent footer .interests {
  width: 31.333333%;
  height: 322px;
  background-color: #87867c;
  padding: 0;
  float: left;
  position: relative;
  margin: 20px 3% 50px 0;
}

.pageContent footer .interests:last-child {
  margin-right: 0;
}

.pageContent footer .interests:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 50px solid white;
  border-left: 50px solid #87867c;
  width: 0;
}

.pageContent footer .interests .img {
  width: 100%;
  height: 135px;
  background-position: center;
}

.pageContent footer .interests h2 {
  color: #57585a;
  text-decoration: none;
  font-size: 35px;
  font-weight: 500;
  text-transform: uppercase;
}

.pageContent footer .interests span {
  position: absolute;
  bottom: 0;
  padding: 0 20px 20px 20px;
}

.pageContent footer .interests p {
  padding: 20px;
  color: #fff;
  font-size: 18px;
}

.pageContent footer .interests a {
  display: block;
  width: 100%;
  height: 100%;
}

h2 {
  font-size: 26px;
  text-transform: uppercase;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #B62025;
}

#wrap {
  max-width: 1080px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  padding: 0 30px;
}

#navigation {
  position: relative;
}

#navigation .whiteSpace {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background: #FFF;
}

#navigation:after {
  content: ' ';
  clear: both;
  display: block;
  height: 0;
}

#navigation ul {
  list-style: none;
}

.simpleHeader header {
  width: 1020px;
  position: fixed;
  background: #FFF;
  padding-top: 0;
  top: 0;
}

.simpleHeader header #breadcrumbs, .simpleHeader header #searchBox {
  display: none;
}

.simpleHeader header #logo {
  display: none;
}

.movingSideBar .sidebar-inner {
  position: sticky;
  position: -webkit-sticky;
  top: 80px;
}

.bilder_zweispaltig {
  margin-top: 10px;
  /*margin-bottom: 25px;
        margin-top: 25px; */
}

header {
  position: relative;
  z-index: 100;
  padding-top: 161px;
  /*###############
	Sub Navigation
	################*/
  /*############### 
	Main Navigation
	################*/
}

header:after {
  content: ' ';
  clear: both;
  display: block;
  height: 0;
}

header #logo {
  position: absolute;
  left: 0;
  top: 25px;
  height: 43px;
}

header #logo img {
  width: 368px;
  margin-top: 30px;
}

@media screen and (max-width: 770px) {
  header #logo img {
    padding-top: 40px;
    width: 320px;
  }
}

@media screen and (max-width: 420px) {
  header #logo img {
    padding-top: 0;
    width: 310px;
  }
}

@media screen and (max-width: 340px) {
  header #logo img {
    padding-top: 0;
    width: 250px;
  }
}

header nav:after {
  content: ' ';
  clear: both;
  display: block;
  height: 0;
}

header #systemNav {
  position: absolute;
  top: 35px;
  right: 0;
  font-weight: normal;
  font-size: 13px;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
  text-align: right;
  margin-left: 80px;
}

header #systemNav li {
  display: inline-block;
  margin-left: 20px;
}

header #systemNav li a {
  color: #333333;
  text-decoration: none;
}

header #systemNav .active a {
  color: #D41219;
  font-weight: bold;
}

header .search {
  position: absolute;
  top: 74px;
  right: 0;
}

@media screen and (max-width: 770px) {
  header .search {
    padding-top: 10px;
  }
}

header .search button {
  border: none;
  background-color: transparent;
  height: 22px;
  width: 22px;
  float: right;
}

header .search button img {
  height: 22px;
}

header .search input {
  height: 22px;
  margin-right: -1px;
  border: 1px solid #57585A;
}

header #breadcrumbs {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #87867c;
  padding-top: 19px;
  font-family: gesta;
}

header #breadcrumbs a {
  color: #4c4b3d;
}

header #mainNav {
  position: relative;
  font-family: 'KlavikaWebBasic';
  font-weight: 400;
}

header #mainNav .menuBackground {
  background: #FFF;
  height: 0;
  position: absolute;
  z-index: 2;
  top: 60px;
  right: 0;
  width: 100%;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

header #mainNav > ul {
  position: relative;
}

header #mainNav > ul > li {
  margin-bottom: 4px;
}

header #mainNav > ul > li > span {
  display: block;
  position: relative;
  background: #939289;
  z-index: 4;
  height: 56px;
  -webkit-transition: background .25s linear;
  transition: background .25s linear;
}

header #mainNav > ul > li > span:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 15px solid #FFF;
  border-left: 15px solid transparent;
  width: 0;
}

header #mainNav > ul > li > span:hover {
  background: #87867c;
}

header #mainNav > ul > li > span > a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  left: 0;
  bottom: 11px;
  right: 0;
  padding: 18px 14px 0;
  position: absolute;
  overflow: hidden;
  letter-spacing: 0.4px;
  line-height: 1.2;
}

header #mainNav > ul > li.current > span, header #mainNav > ul > li.current.section > span {
  background: #4c4b3d;
}

/*###############
Startseite
################*/
.mainVisual {
  width: 100%;
  height: 0;
  padding-bottom: 58%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.mainVisual .visualContent {
  position: absolute;
  left: 35%;
  right: 7%;
  bottom: 36%;
  background: url(/site/templates/images/carpet.png) no-repeat;
  background-size: contain;
  top: 5%;
  /*
		&:before {
			content: '';
			position: absolute;
			bottom: 0; right: 0;
			border-bottom: 50px solid white;
			border-left: 50px solid $bso_link_red;
			width: 0;
		}
*/
}

@media screen and (max-width: 800px) {
  .mainVisual .visualContent {
    left: 15%;
    bottom: 16%;
  }
}

@media screen and (max-width: 620px) {
  .mainVisual .visualContent {
    left: 5%;
    bottom: 5%;
    right: 5%;
  }
}

@media screen and (max-width: 520px) {
  .mainVisual .visualContent {
    left: 0%;
    right: -20%;
    bottom: -10%;
  }
}

@media screen and (max-width: 490px) {
  .mainVisual .visualContent {
    left: -20%;
    right: -20%;
    bottom: -20%;
    top: -20%;
  }
}

@media screen and (max-width: 320px) {
  .mainVisual .visualContent {
    left: -20%;
    right: -55%;
    bottom: -30%;
    top: -30%;
  }
}

.mainVisual .visualContent .visualContent-inner {
  font-size: 1.1rem;
  color: #FFF;
  position: absolute;
  left: 18%;
  right: 39%;
  bottom: 22%;
  top: 30%;
  overflow: visible;
}

@media screen and (max-width: 965px) {
  .mainVisual .visualContent .visualContent-inner {
    font-size: .9rem;
  }
}

.mainVisual .visualContent .visualContent-inner h2 {
  font-size: 2.8em;
  font-family: 'KlavikaWebBasic', Helvetica, sans-serif;
  color: #FFF;
  margin: 0.2em 0;
  white-space: nowrap;
  font-weight: normal;
}

.mainVisual .visualContent .visualContent-inner h3 {
  font-size: 1.4em;
  font-family: 'KlavikaWebBasic', Helvetica, sans-serif;
  color: #FFF;
  margin: 0.2em 0;
  font-weight: normal;
  letter-spacing: 0.05em;
}

.mainVisual .visualContent .visualContent-inner p {
  font-size: 1.2em;
  color: #FFF;
  margin: 0.2em 0;
}

/*======================================================
                STARTSEITEN TEASER
=======================================================*/
.teaser-4blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 15px -7.5px 0;
  list-style: none;
  padding: 0;
}

.teaser-4blocks:last-child {
  padding-bottom: 15px;
}

.teaser-4blocks > div, .teaser-4blocks > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
  border-left: 7.5px solid #FFF;
  border-right: 7.5px solid #FFF;
  background: #EEE;
}

@media screen and (max-width: 840px) {
  .teaser-4blocks > div, .teaser-4blocks > a {
    width: 50%;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 400px) {
  .teaser-4blocks > div, .teaser-4blocks > a {
    width: 100%;
    margin-bottom: 15px;
  }
}

.teaser-4blocks > div h2, .teaser-4blocks > div h3, .teaser-4blocks > a h2, .teaser-4blocks > a h3 {
  text-transform: uppercase;
  letter-spacing: 0.25px;
}

.teaser-4blocks > div h2, .teaser-4blocks > a h2 {
  font-size: 28px;
  line-height: 30px;
}

.teaser-4blocks > div h3, .teaser-4blocks > a h3 {
  font-size: 16px;
  line-height: 18px;
}

.teaser-4blocks > div > *:last-child, .teaser-4blocks > a > *:last-child {
  margin-top: 30px;
}

.teaser-4blocks > div:after, .teaser-4blocks > a:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 48px;
  right: -10px;
  bottom: -17px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #FFF;
}

.teaser-home {
  margin-top: 15px;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 25%;
  clear: both;
}

.teaser-home h2 {
  font-weight: 200 !important;
  line-height: 30px;
}

.teaser-home a:hover {
  text-decoration: none;
}

.teaser-home:before {
  content: '';
  position: absolute;
  bottom: 0px;
  right: 0px;
  border-bottom: 50px solid #fff;
  border-left: 50px solid rgba(0, 0, 0, 0);
  width: 0;
  z-index: 1;
}

.teaser-home.teaser-high {
  padding-bottom: 50%;
  margin-bottom: 15px;
}

.teaser-home.teaser-full .teaser-img {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .teaser-home.teaser-high {
    padding-bottom: 0;
    height: auto;
  }
}

.teaser-home.teaser-high .teaser-img {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  right: 50%;
  left: 0;
  top: 0;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .teaser-home.teaser-high .teaser-img {
    display: none;
  }
}

.teaser-home.teaser-high:before {
  display: none;
}

@media screen and (max-width: 690px) {
  .teaser-home.teaser-text {
    /*padding-bottom: 75%;*/
    padding-bottom: 50%;
  }
}

.teaser-home.teaser-text .teaser-img {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  right: 25%;
  left: 0;
  top: 0;
  bottom: 0;
}

@media screen and (max-width: 770px) {
  .teaser-home.teaser-text .teaser-img {
    right: 30%;
  }
}

@media screen and (max-width: 690px) {
  .teaser-home.teaser-text .teaser-img {
    right: 0;
    bottom: 56%;
  }
}

.teaser-home .teaser-text-inner {
  position: absolute;
  left: 75%;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 15px;
}

@media screen and (max-width: 770px) {
  .teaser-home .teaser-text-inner {
    left: 70%;
  }
}

@media screen and (max-width: 690px) {
  .teaser-home .teaser-text-inner {
    left: 50%;
    left: 0;
    top: 43%;
  }
}

.teaser-home .teaser-text-inner p {
  font-size: 1.8rem;
  font-weight: 300;
}

@media screen and (max-width: 1000px) {
  .teaser-home .teaser-text-inner p {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 940px) {
  .teaser-home .teaser-text-inner p {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 900px) {
  .teaser-home .teaser-text-inner p {
    font-size: 1.2rem;
  }
}

.teaser-home .teaser-text-inner .huge-number {
  font-size: 5em;
  white-space: nowrap;
  font-family: 'KlavikaWebBasic', Helvetica, sans-serif;
}

@media screen and (max-width: 450px) {
  .teaser-home .teaser-text-inner .huge-number {
    font-size: 3rem;
  }
}

.teaser-home .teaser-text-inner * {
  color: #FFF;
}

.teaser-home:last-child {
  border-bottom: 30px solid #FFF;
}

.zwei-teaser {
  overflow: hidden;
  padding-bottom: 27%;
  margin-top: 0 !important;
  font-family: "KlavikaWebBasic", Helvetica, sans-serif !important;
}

@media screen and (max-width: 1099px) {
  .zwei-teaser {
    padding-bottom: 52%;
  }
}

@media screen and (max-width: 690px) {
  .zwei-teaser {
    padding-bottom: 104%;
  }
}

.huge-number2 {
  font-size: 6em;
  white-space: nowrap;
  font-family: "KlavikaWebBasic", Helvetica, sans-serif !important;
}

@media screen and (max-width: 450px) {
  .huge-number2 {
    font-size: 3rem;
  }
}

.normal-big {
  font-size: 24px;
  white-space: nowrap;
  line-height: 25px !important;
  font-family: 'KlavikaWebBasic', Helvetica, sans-serif;
}

@media screen and (max-width: 1200px) {
  .normal-big {
    font-size: 16px;
  }
}

.normal-big-black {
  color: black !important;
  font-size: 24px;
  white-space: nowrap;
  line-height: 25px !important;
  font-family: 'KlavikaWebBasic', Helvetica, sans-serif;
}

@media screen and (max-width: 1200px) {
  .normal-big-black {
    font-size: 16px;
  }
}

.black-font {
  color: black !important;
}

.black-font a {
  color: black !important;
}

/*======*/
.teaser-self-img {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  left: 25%;
  right: 0;
  top: 0;
  bottom: 0;
}

.teaser-text-alternative, .teaser-text-links-alternative {
  padding-bottom: 50% !important;
}

.teaser-text-alternative-halb, .teaser-text-links-alternative-halb {
  padding-bottom: 37.5%;
}

.alternative-img, .alternative-img-halb {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  right: 25%;
  left: 0;
  top: 0;
  bottom: 0;
}

.teaser-text-halbhalb-2fach {
  padding-bottom: 25% !important;
}

.teaser_halbhalb {
  left: 50%;
}

.links-text {
  right: 50% !important;
  left: 0 !important;
}

.rechts-text {
  left: 50% !important;
  right: 0 !important;
}

.rechts-img {
  right: 50%;
  left: 0 !important;
}

.rechteseite {
  left: 0 !important;
  right: 50%;
}

.rechteseitetext {
  left: 0 !important;
  width: 50%;
}

@media screen and (max-width: 1020px) {
  .teaser-home.teaser-high {
    padding-bottom: 87% !important;
  }
}

@media screen and (max-width: 770px) {
  .alternative-img, .alternative-img-halb {
    right: 30%;
  }
  .teaser-self-img {
    left: 30%;
  }
  .teaser_halbhalb {
    left: 50% !important;
  }
  .teaser-home.teaser-high {
    padding-bottom: 0% !important;
  }
}

@media screen and (max-width: 690px) {
  .teaser-home:before {
    border-bottom: 5vw solid #fff;
    border-left: 5vw solid rgba(0, 0, 0, 0);
  }
  .teaser-self-img {
    left: 0% !important;
    bottom: 56%;
  }
  .teaser-text-links {
    padding-bottom: 50% !important;
  }
  .links-text {
    right: 0% !important;
  }
  .alternative-img, .alternative-img-halb {
    right: 0% !important;
    bottom: 56%;
  }
  .teaser-text-alternative, .teaser-text-links-alternative {
    padding-bottom: 100% !important;
  }
  .teaser-text-alternative-halb, .teaser-text-links-alternative-halb {
    padding-bottom: 75% !important;
  }
  .rechts-img {
    right: 0% !important;
  }
  .rechts-text {
    left: 0% !important;
  }
}

/*========================*/
/* Seminar / Presse */
.page-list {
  background-color: #c2c4c5;
  position: relative;
}

.page-list h2 {
  font-family: 'KlavikaWebBasic', Helvetica, sans-serif;
}

.page-list ul {
  list-style: none;
  font-size: 16px;
}

.page-list ul li {
  border-bottom: 1px solid #7C7274;
  padding: 10px 0;
  position: relative;
  padding-left: 20px;
}

.page-list ul li svg {
  position: absolute;
  width: 12px;
  left: 2px;
  top: 20px;
}

.page-list ul li:last-child {
  border: 0;
}

.page-list ul li a {
  color: #57585A;
}

.page-list .dates li {
  padding-left: 0;
}

.page-list .dates li span {
  display: block;
  color: #D10B26;
  font-weight: bold;
}

.page-list svg {
  background: none;
}

.page-list:nth-child(2) {
  background: none;
}

.page-list-inner {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 60px;
  padding-left: 30px;
}

.page-list-inner > a {
  position: absolute;
  right: 30px;
  bottom: 20px;
  color: #BC001B;
}

.page-list-inner > a svg {
  width: 24px;
  background: #515458;
  padding: 4px;
  height: 26px;
  float: right;
  margin-left: 10px;
}

.page-list-inner > a svg .a {
  fill: #FFF;
}

.page-list:last-child .page-list-inner {
  padding-left: 10px;
  padding-right: 10px;
}

.headerVisual {
  position: relative;
  height: 0;
  padding-bottom: 26%;
  background-color: #9d6618;
}

.headerVisual:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 50px solid white;
  border-left: 50px solid transparent;
  width: 0;
}

.headerVisual .headerVisual-inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  font-family: "KlavikaWebBasic", Helvetica, sans-serif !important;
}

.headerVisual div {
  position: relative;
  height: 100%;
}

@media screen and (max-width: 420px) {
  .headerVisual div {
    position: static;
  }
}

.headerVisual img {
  width: 100%;
}

.headerVisual h1 {
  position: absolute;
  bottom: 40px;
  left: 16px;
  right: 20px;
  margin: 0;
  color: #FFF;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 300;
}

@media screen and (max-width: 1080px) {
  .headerVisual h1 {
    font-size: 22px;
  }
}

@media screen and (max-width: 860px) {
  .headerVisual h1 {
    font-size: 19px;
  }
}

@media screen and (max-width: 420px) {
  .headerVisual h1 {
    font-size: 16px;
    right: 0;
  }
}

.headerVisual .parent-page-link {
  margin: 30px 0 0 20px;
  display: block;
  font-size: 16px;
  font-family: gesta;
  color: #fff;
  font-weight: 200;
}

.headerVisual .parent-page-link:hover {
  text-decoration: none;
}

.headerVisual .parent-page-link:hover svg {
  margin-left: -10px;
}

.headerVisual .parent-page-link svg {
  width: 12px;
  background-color: transparent;
  margin-top: 1px;
  margin-right: 12px;
  -webkit-transition: margin 0.25s linear;
  transition: margin 0.25s linear;
}

.headerVisual .parent-page-link svg polygon {
  fill: #fff;
}

@media screen and (max-width: 770px) {
  .headerVisual:before {
    border-bottom: 5vw solid #fff;
    border-left: 5vw solid rgba(0, 0, 0, 0);
  }
}

.infobox {
  background: #E4E6DD;
}

.infobox .cms-img {
  /*padding: 32px;*/
  padding-right: 0;
}

.infobox .cms-img .micro {
  max-width: 60px;
  position: absolute;
}

@media screen and (max-width: 640px) {
  .infobox .cms-img .micro {
    max-width: 40px;
    top: 0;
    left: 0;
  }
}

.infobox .cms-text {
  padding: 3% 5% 3% 12.5%;
}

.infobox .keinsymbol {
  padding: 20px;
}

.infobox .infobox-content > div > *:first-child {
  margin-top: 0;
}

.article-part + .article-part {
  /*padding-top: 12px; */
}

.article-part + .infobox {
  margin-top: 12px;
}

.article-part {
  word-break: break-word;
  position: relative;
  clear: both;
  font-family: "gesta" !important;
}

.article-part .article-part-headline {
  line-height: 34px;
  margin-top: 20px;
  font-family: "gesta" !important;
}

.article-part .cms-text {
  clear: both;
  /*
        p:last-child, ul:last-child {
            margin-bottom: 0;
        } 
*/
}

.article-part .cms-text p {
  margin-bottom: 12px;
}

.article-part .cms-text p, .article-part .cms-text li, .article-part .cms-text th, .article-part .cms-text td {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}

.article-part .cms-text strong, .article-part .cms-text b {
  font-weight: 700;
}

.article-part .cms-text h3 strong, .article-part .cms-text h3 b {
  font-weight: normal;
}

.article-part .cms-text h3 {
  color: #57585a;
  font-weight: 400;
  margin: 12px 0 6px;
  font-size: 16px;
}

.article-part .cms-text > h3:first-child {
  margin-top: 12px;
}

.article-part .cms-text h3 + ul {
  margin-top: 10px;
}

.article-part .cms-text .table_licht_3spaltig_links th:nth-child(2), .article-part .cms-text .table_licht_3spaltig_links td:nth-child(2) {
  text-align: left;
}

.article-part .cms-text .cms-table {
  margin: 32px 0;
}

.article-part .cms-text .cms-table th, .article-part .cms-text .cms-table td {
  text-align: right;
}

.article-part .cms-text .cms-table th:first-child, .article-part .cms-text .cms-table td:first-child {
  text-align: left;
}

.article-part .cms-text table {
  font-family: 'gesta';
  width: 100% !important;
  border: none;
}

.article-part .cms-text table th {
  white-space: nowrap;
  background-color: #F2F3F3;
  border-top: 1px solid #6B686B;
  border-bottom: 1px solid #6B686B;
  color: #57585a;
  font-weight: 600 !important;
  margin: 12px 0 6px;
  font-size: 16px;
  padding: 8px 17px;
}

.article-part .cms-text table td {
  padding: 8px 20px 0;
  font-weight: 400;
  border: none;
}

.article-part .cms-text table td:last-child {
  padding-right: 15px;
}

.article-part .cms-text table tr.border-bottom {
  border-bottom: 1px solid #AAA;
}

.article-part .cms-text table tr.border-bottom td {
  /*padding: 8px 20px; */
}

.article-part .cms-text table tr.border-bottom-bold {
  border-bottom: 4px solid #AAA;
}

.article-part .cms-text table tbody tr:last-child td {
  /*border-bottom: 2px solid #6B686B !important; */
  padding-bottom: 16px;
}

.article-part .cms-text ul, .article-part .cms-text ol {
  font-size: 16px;
  line-height: 1.2;
  padding: 0 0 0;
  padding-left: 32px;
  margin: 16px 0;
  clear: both;
}

.article-part .cms-text ul li, .article-part .cms-text ol li {
  margin-bottom: 4.5px;
}

.article-part .cms-text ul li:last-child, .article-part .cms-text ol li:last-child {
  margin-bottom: 0;
}

.article-part .cms-text h2:only-child {
  padding: 0;
}

.article-part .grid-img {
  max-width: 100%;
}

.article-part img.no-lightbox {
  max-width: 100%;
  display: block;
  width: auto;
  display: block;
  margin: 0 auto;
}

.article-part .fresco {
  text-align: center;
  display: block;
}

.article-part .fresco img {
  max-width: 100%;
  display: block;
  width: auto;
  display: block;
  margin: 0 auto;
  height: auto;
}

.article-part .fresco .zoom {
  position: absolute;
  top: 10px;
  right: 0;
}

.article-part .fresco .zoom i {
  font-size: 21px;
  position: absolute;
  left: 6px;
  top: 3px;
}

.article-part .zoomable figcaption, .article-part .zoomable .description a {
  padding-right: 40px;
  min-height: 30px;
}

.article-part figcaption {
  font-family: "gesta";
  font-size: 12px;
  position: relative;
  background-color: white;
  color: black;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.2;
}

.article-part .list-column {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  float: left;
}

.article-part .list-column:nth-of-type(even) {
  padding-right: 10px;
  padding-left: 20px;
}

.article-part .list-column:nth-of-type(even):after {
  content: ' ';
  display: block;
  clear: both;
  height: 0;
}

.article-part .content_menu {
  margin: 0;
  padding: 0;
}

.article-part .content_menu li {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
}

.article-part h1 {
  margin-bottom: 17px;
}

.article-part h2 {
  padding: 0 0 22px;
  font-family: 'KlavikaWebBasic', Helvetica, sans-serif;
}

.article-part h4 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  color: #57585a;
  padding-left: 32px;
}

.subNav {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  margin-top: -10px;
  z-index: 1;
  -webkit-transition: opacity .5s linear, top .25s linear, visibility .5s linear;
  transition: opacity .5s linear, top .25s linear, visibility .5s linear;
  overflow: hidden;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.subNav.show {
  opacity: 1;
  z-index: 2;
  visibility: visible;
}

.subNav.show ul {
  position: relative;
  opacity: 1;
  background: #FFF;
  padding-bottom: 10px;
}

@media screen and (max-width: 860px) {
  .subNav.show ul {
    padding-top: 6px;
  }
}

.subNav .empty {
  background: #FFF;
}

@media screen and (max-width: 860px) {
  .subNav .empty {
    display: none;
  }
}

.subNav ul {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 2;
}

.subNav ul:after {
  content: ' ';
  clear: both;
  display: block;
  height: 0;
}

.subNav ul li {
  position: relative;
  margin-top: 1%;
  padding: 0;
  border: 2px solid #b8b7b1;
  padding-bottom: 24%;
  /*&:before {
				content: '';
				position: absolute;
				bottom: 0; right: 0;
				border-bottom: 50px solid white;
				border-left: 50px solid $bso_warmgrey2;
				width: 0;
			}*/
}

.subNav ul li:before {
  position: absolute;
  right: -1px;
  bottom: -1px;
  content: '';
  border-top: 40px solid transparent;
  border-right: 40px solid #b8b7b1;
  z-index: 1;
}

.subNav ul li:after {
  position: absolute;
  right: -2px;
  bottom: -3px;
  content: '';
  border-top: 40px solid transparent;
  border-right: 40px solid white;
  z-index: 1;
}

.subNav ul li a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  background: #b8b7b1;
  -webkit-transition: background-color .25s linear;
  transition: background-color .25s linear;
}

@media screen and (max-width: 640px) {
  .subNav ul li a {
    overflow: hidden;
  }
}

.subNav ul li a:hover {
  background-color: #87867c !important;
}

.subNav ul li a:hover .menuImg {
  opacity: 1;
}

.subNav ul li h2 {
  color: white;
  text-decoration: none;
  font-size: 27px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 200;
}

@media screen and (max-width: 1080px) {
  .subNav ul li h2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 860px) {
  .subNav ul li h2 {
    font-size: 16px;
  }
}

.subNav ul li span {
  position: absolute;
  bottom: 0;
  padding: 0 20px 20px 20px;
}

@media screen and (max-width: 860px) {
  .subNav ul li span {
    padding: 0 20px 6px 11px;
  }
}

.subNav ul li p {
  padding: 20px;
  color: #B62025;
  font-size: 14px;
}

.subNav ul .menuImg {
  width: 100%;
  height: 100px;
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 640px) {
  .subNav ul .menuImg {
    background-image: none !important;
  }
}

.subNav ul .current a {
  background: #4c4b3d !important;
}

.themenheadlines .chevron {
  top: 17px !important;
}

.sidebar_chevron {
  top: 8px !important;
}

.chevron {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAMFBMVEUAAAC1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKeerFL7AAAAD3RSTlMAECAwQFBgcICPn6+/z+/qVnWSAAAAhElEQVR42s2USw6AIAxE2/IREOT+t9WSuLVDAomzfpt5DKU33PqTSHbkQkmn5OUAMnSUjEo2BsgMk0XJQkCaQf5EZ9ygs6zXyRt0ug06j6FTbPAcjuBpLntH3zUelQPqzuh/gMcDmmb0XoCFg10YFTNVuNpcmlqC2IVBMTJVOJGZ+i3mBuJvDMzrHoi2AAAAAElFTkSuQmCC);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  height: 40px;
  position: absolute;
  top: 19px;
  right: -23px;
  width: 40px;
  -webkit-transition: background-size linear 25ms, top linear 25ms, right linear 25ms, background-image linear 25ms;
  transition: background-size linear 25ms, top linear 25ms, right linear 25ms, background-image linear 25ms;
}

.sidebar ul li:hover > .chevron {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAMFBMVEXVNzncVFb98vP52drxsrPmfX/65ufpio3zv8Dvpafsl5rfYmT2zM7jb3LRKCr///+dujlnAAAAEHRSTlP///////////////////8A4CNdGQAAALRJREFUeNqN1EsSgzAMBFF/gQBh7n9bYiqVXkVjrd+GRlbSd0q+PtP0b35QS0KGUHXIVD3UdiFDqDZkLh5qRcZQfcg+AZWRASSng+R0kJweqpEzguT0UB0ZQHIaSKTuIDk9VCVnBMnpoV5PzsXD99NIBrKaBvIfDTyvMacMJE4Ayb3KQN6Dg31izShdZCD3IoB88OafK2ECyMbOnZRDFu6TR6qxgiGs5pD6Iw7kg3dZeBCGYW7mEVfkqSYdrQAAAABJRU5ErkJggg==);
  background-size: 17px 17px;
  right: -22px;
  top: 18px;
}

.sidebar ul li:hover > a {
  font-weight: bold;
}

.sidebar ul a.active {
  color: #b62025 !important;
}

.sidebar ul .active + .chevron {
  display: none;
}

.pageContent .sidebar ul li a {
  padding: 15px 0 15px !important;
}

.archive_list {
  margin-bottom: 0 !important;
}

/* LISTING TEMPLATE */
/* CONTENT*/
.list_entry {
  border-top: 1px solid #898989;
  padding: 30px 0;
  padding-bottom: 30px;
  overflow: hidden;
}

.list_entry:first-of-type {
  margin-top: 30px;
}

.list_entry .listing_content small span {
  background-color: #B62025;
  color: white;
  padding: 3px;
  margin-left: 10px;
  text-transform: lowercase;
}

.list_entry .listing_content h3 {
  /*font-weight: 700; */
  color: black;
  margin: 10px 0;
}

.list_entry .listing_content a {
  margin-right: 8px !important;
  font-size: 15px;
}

.list_entry .listing_content a i {
  color: #B62025;
  padding: 4px 6px;
  font-size: 21px;
}

.list_entry .listing_content a i:last-child {
  margin-right: 0;
}

.list_entry .fresco {
  display: inline-block;
  text-align: left;
}

.list_entry .fresco:first-child img {
  width: 100%;
  display: block;
}

/* SIDEBAR */
.pageContent .categories .local {
  border: 1px solid #898989;
  background-color: white;
}

.pageContent .categories .local li a i {
  float: right;
}

.example .exampleIcon {
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 17px;
  padding-top: 1px;
  float: left;
  margin-top: -4px;
}

.example li {
  position: relative;
  padding-right: 20px;
}

/*LISTING TEMPLATE END*/
#footer {
  background: #57585a;
  color: #FFF;
  word-break: break-word;
  clear: both;
}

#footer .footer-inner {
  overflow: hidden;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 25px;
  padding-top: 30px;
  min-height: 400px;
  background: #252526;
}

#footer .footer-inner li {
  list-style: none;
  line-height: 1.125;
  margin-bottom: 7px;
}

#footer .footer-inner li.first {
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 10px;
  font-weight: 500;
  letter-spacing: -0.005em;
}

#footer .footer-inner li a {
  color: white;
}

select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUQ1MEFENzk5MjlCMTFFNTg2QTFFN0U3NDI1OEVERjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUQ1MEFEN0E5MjlCMTFFNTg2QTFFN0U3NDI1OEVERjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRDUwQUQ3NzkyOUIxMUU1ODZBMUU3RTc0MjU4RURGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRDUwQUQ3ODkyOUIxMUU1ODZBMUU3RTc0MjU4RURGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pibo9z0AAAAYUExURerq6NfX08HBu8bGwMLBu8LBvP///8LCvJjSzC0AAAORSURBVHjajFiJdtwgDLRlzfL/f1zQLfBuw2tSG8MgjU5yjRwA5u/nHK+TNq61b7wNXqNPQf7Fd3m59kVfx1pd15K8PhfQIUQe4EUslv1sS2zTmwrMtEbA8Q8haQHYLsMpmm8s8KGFSVDOOCSPd5GekMcJo2wS4IshpohUBHAJ5DhSkywSmwzv9hQqwoYwwXgoQDlenm3iRSyCc+AAKFYw+6kN0d/d7AhTmlURViAKJVCESq+Yp7NxqSRwsUIF2B1Y3oDix1z8OfxgM76+CXvJRLDIyWd6YmNMPHHjsHi84JsWLkGlre6suwax8r8ezT+SxNh5BrEeiBLP7vXgCtA9uoSTPTF2B1dHes6IDV/nqoO5MVJJhgHMdzYKmI48AlO8GrUBiFnZftzX9lzExUxgPlXgHnrF4V+zWwBMEh/EFJUt2A1ZyUA6lEmAkf6NhgE0QIxtUgE0Q9z3KXhqnuzOhRS0CoByQvd1P1saLmYwY0y3uD87gK6eHz73Q5k2W1rJybXMAIwDdsk+n8+1EIhr1NaEtcL3kwBICWAAC8HcaoTfs1KAYftPALbcIAi3uIN55ny2ZDJWCMaSjQP1z8niR/FJM68CDE+LZAtESE/TqQLiAKWyZgVRKve/AYg4oKEI8wxCC4Yl/+3frLI3Ei08yiryrGj0j9ulcwBwAVCaVta6g0p4eRX6bL94pAMMC2dJAwgZqjE0cSU7JOXhkKCWERq+OMLbp67b8k1IYCRCU5cVgzHSGOIRTShuAIMVoPM9XGGlspjfY/JFhd75OOXzI1XzWXxtJG45hAzBpa70Z8pDtjhPSx5wGdj92vaX/hDpppwSQOIm604YQwUBwcoGuOU0z4kM3tMpAuG6tTcpmT2yTFFBijaQGGEMMR80A1G2msEBl7TcEpoieFxEZ5McRGk72kdSWy1jeGQyyiL3+1oX9vqq8U3PQyMTm2xibCq8lkJDnX7EI63raWA3Y6oOLsoWyNIotd5Vw5mPe4EzavRxi9eRpK5e+emxtJVX5P9JVa23qzrnNOMo6ahFd79YqCfCPjF33dXcDqDm7xCeUBhvvcRy7tqVZK3KJSQNxnhv9Hnw9wal9JKqAnjvTfCrxalDrICtu0bhItrmL1cScaTMlbs91w3ukDzA1oTWhX6fHK/N8saB05Cx0DrKuNLgDxxsx/foLLfJHxxom43KHfySRfifGf8w9I8CB4g8/BNgAHZfXha5c+QpAAAAAElFTkSuQmCC");
  background-size: 34px 34px;
  padding: 6px 12px;
  padding-right: 46px;
}

.linkeseite {
  margin-left: 0 !important;
}

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}

.form-horizontal .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 2px;
}

.form-horizontal select.form-control {
  width: auto;
}

#wrap_Inputfield_artikel {
  display: none;
}

.Inputfield label {
  font-weight: 300;
}

.InputfieldContent .text-danger {
  line-height: 1;
}

.InputfieldStateRequired label {
  font-weight: 600;
}

.form-horizontal [class*="Inputfield_row"] {
  margin-bottom: 0;
}

.form-horizontal [class*="Inputfield_row"] legend {
  display: none;
}

.form-control:focus {
  border-color: #e08a00;
}

.btn {
  color: none;
  border-radius: 0;
  border: none;
  position: relative;
  display: inline-block;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: -1px;
  /* border-bottom: 10px solid white; */
  border-left: 10px solid #FFF;
  width: 0;
}

.btn-primary {
  background: #e08a00;
}

.btn-primary:after {
  border-left-color: #e08a00;
}

.alert.alert-danger p {
  color: #a94442;
}

/*###############
Slider
################*/
.unslider ul {
  padding: 0;
}

.unslider ul li {
  text-align: center;
}

.unslider ol {
  padding: 0;
}

.unslider img {
  max-width: 100%;
}

.unslider-nav {
  margin-top: 20px;
}

.unslider-arrow {
  bottom: -2px;
  font-size: 20px;
  color: grey;
}

.unslider-arrow:hover {
  color: lightgrey;
}

.chevron-slide-right, .chevron-slide-left {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAMFBMVEUAAAC1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKeerFL7AAAAD3RSTlMAECAwQFBgcICPn6+/z+/qVnWSAAAAhElEQVR42s2USw6AIAxE2/IREOT+t9WSuLVDAomzfpt5DKU33PqTSHbkQkmn5OUAMnSUjEo2BsgMk0XJQkCaQf5EZ9ygs6zXyRt0ug06j6FTbPAcjuBpLntH3zUelQPqzuh/gMcDmmb0XoCFg10YFTNVuNpcmlqC2IVBMTJVOJGZ+i3mBuJvDMzrHoi2AAAAAElFTkSuQmCC);
  background-size: 40px;
  background-repeat: no-repeat;
  height: 60px;
  position: absolute;
  top: 15px;
  width: 55px;
}

.chevron-slide-right {
  right: 0;
}

.chevron-slide-left {
  left: 0;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

/*###############
SVG Icons
################*/
svg {
  width: 30px;
  background: #fff;
  float: left;
  margin-top: -4px;
}

.arrowbg {
  fill: #C3C0B9;
}

.arrowcolor {
  fill: none;
  stroke: #1B171B;
  stroke-width: 2.041;
  stroke-linecap: round;
}

.arrowpeak {
  fill: none;
  stroke: #1B171B;
  stroke-width: 2.041;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.iconbg {
  fill: #d3021e;
}

.zahnrad {
  background-image: url(../images/zahnrad.svg);
  height: 30px;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  position: relative;
  top: 27px;
}

.themendieserseite {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAM1BMVEX///+1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKe1sKcsWjtlAAAAEHRSTlMAECAwQFBgcICQoLDA0ODwVOCoyAAAAIBJREFUeNrt0zkOgDAAA8GEcEMS//+1HI0FEsaixvU0WzjA3A9/+BkWF7YerF24wrJeh2N5HWK4wTE8LZowZQ+mCgv2gAUnWDAusGCToSEzNGSGBSdoyAwNmaEhMzRkhobM0JAZGjJDw4EZGqYzo+INlsONxq/7PWOGgEyJGQ/bAFZVT6W3Ald6AAAAAElFTkSuQmCC);
  height: 30px;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  position: relative;
  top: 27px;
}

.icon_themen_tools {
  background-image: url(../images/weiter.svg);
  height: 30px;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  position: relative;
}

.st1 {
  stroke-width: 2.041;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.st2 {
  fill: #B5B0A7;
}

.pfeil {
  background: #c3c0b9;
  display: block;
  width: 31px;
  height: 32px;
  position: relative;
  top: 33px;
  z-index: 1;
}

.neuicon {
  background-color: #D10B26;
  background-size: 40px 20px;
  width: 35px;
  position: absolute;
  right: 0;
  top: 0px;
}

.neuicon p {
  color: white;
  text-align: center;
  font-family: 'KlavikaWebBasic';
}

.pdficon {
  padding: 15px 15px 0 0;
}

/*.square {
    width: 30px;
    height: 30px;
    border-bottom: 4px solid #B5B0A7;
    border-top: 3px solid #B5B0A7;
    border-left: 4px solid #B5B0A7;
    border-right: 3px solid #B5B0A7;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-right: 20px;
} */
.druckversion {
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  bottom: -5px;
  right: 0;
}

@media screen and (max-width: 640px) {
  .druckversion {
    position: relative;
    text-align: left;
  }
}

.druckbutton {
  display: block;
  text-align: right;
}

input[type=checkbox] {
  width: 30px;
  height: 30px;
  position: relative;
  top: 10px;
}

.micro {
  max-width: 100px;
}

.fr-window-skin-fresco .fr-content-background {
  background: #FFF;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #898989;
}

.MarkupPagerNav {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 17px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  clear: both;
}

.MarkupPagerNav li {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 1;
      flex-basis: 1;
  background-color: #57585a;
  text-align: center;
  margin-right: 3px;
  margin-top: 3px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.MarkupPagerNav li a {
  color: white;
  font-size: 16px;
  text-decoration: none;
  display: block;
  padding: 0 10px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.MarkupPagerNav li span {
  display: block;
  text-align: center;
}

.MarkupPagerNav .MarkupPagerNavOn {
  background-color: #B62025;
}

.MarkupPagerNav .MarkupPagerNavNext, .MarkupPagerNav .MarkupPagerNavPrevious {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  width: auto;
}

.MarkupPagerNav .MarkupPagerNavNext a, .MarkupPagerNav .MarkupPagerNavPrevious a {
  width: auto;
}

.search-results {
  padding-bottom: 16px;
  overflow: hidden;
}

.search-results .search-result-item {
  margin-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #898989;
}

.search-results .search-result-item h3 {
  margin-top: 0 !important;
  font-size: 18px;
}

.search-result-info {
  margin-top: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid #898989;
  font-size: 18px;
}

.collage {
  margin-left: -2px;
  margin-right: -2px;
}

.collage-item, .collage-sizer {
  width: 33.333333%;
  overflow: hidden;
  height: 0;
  padding-bottom: 25%;
  position: absolute;
  background-size: cover;
}

.collage-item:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: ' ';
  border: 2px solid #FFF;
  background: transparent;
}

.collage-video:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  border-style: solid;
  border-width: 20px 0 20px 30px;
  border-color: transparent transparent transparent #fff;
  margin-top: -14px;
  margin-left: -15px;
}

/* 2 columns */
.collage-item-high {
  width: 33.333333%;
  padding-bottom: 50%;
}

.collage-item-large {
  width: 66.66666%;
  padding-bottom: 50%;
}

.collage-item-wide {
  width: 66.66666%;
  padding-bottom: 25%;
}

.collage-item-large-wide {
  width: 100%;
  padding-bottom: 25%;
}

.collage-item-large-high {
  width: 100%;
  padding-bottom: 50%;
}

.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
}

.unslider-wrap {
  position: relative;
}

.unslider-wrap.unslider-carousel > li {
  float: left;
}

.unslider-vertical > ul {
  height: 100%;
}

.unslider-vertical li {
  float: none;
  width: 100%;
}

.unslider-fade {
  position: relative;
}

.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}

.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}

.unslider li,
.unslider ol,
.unslider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

.unslider-arrow {
  position: absolute;
  left: -20px;
  margin-top: -28px;
  z-index: 2;
  cursor: pointer;
  top: 50%;
  color: #B62025;
}

.unslider-arrow.next {
  left: auto;
  right: -20px;
  top: 50%;
  margin-top: -28px;
  color: #B62025;
}

.unslider-nav ol {
  list-style: none;
  text-align: center;
}

.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}

.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}

.unslider .fresco img {
  max-width: 100%;
}

.unslider li span {
  display: block;
  margin-top: 10px;
}

.unslider li span.description {
  float: left;
  text-align: left;
  width: 75%;
}

.unslider li span.count {
  float: right;
  width: 25%;
  text-align: right;
  white-space: nowrap;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.infobox {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* ===============================================================
        STYLESHEET FÜR DIE GESTALTUNG DES FRAGEBOGENS
================================================================== */
#inhaltsbereich {
  padding-top: 300px;
  padding-left: 80px;
}

.fragebogen_icon {
  height: 67px;
  position: absolute;
  left: 0;
  top: 0;
}

.fragebogen_balken {
  height: 66px;
  width: 0;
  content: '';
  position: absolute;
  top: 1px;
  right: 0;
  border-left: 15px solid transparent;
}

.fragebogen_ueberschrift {
  padding: 22px 10px;
  padding-left: 77px;
}

.fragebogen_container {
  display: block;
  position: relative;
  background-color: #eee;
  border-bottom: 4px solid white;
  overflow: hidden;
}

.fragebogen_glyphicon {
  position: absolute !important;
  top: 22px !important;
  right: 20px;
  font-size: 20px;
  color: #fff;
}

.fragebogen_link {
  text-decoration: none;
  color: #000;
}

.fragebogen_inhalt {
  font-size: 15px;
  border: hidden;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.fragebogen_inhalt .radiobox {
  text-align: center;
}

.fragebogen_inhalt th {
  padding: 13px !important;
  font-weight: 500;
}

.fragebogen_inhalt td {
  width: 17.3333333333%;
  padding: 13px !important;
}

.frage {
  width: 50%;
}

.fragebogen_inhalt label {
  margin-left: 25px;
}

.panel-group {
  margin: 0px !important;
}

.panel {
  background-color: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
}

.panel-title {
  font-weight: 500;
}

.fragebogen_link:hover {
  text-decoration: none !important;
}

.fragebogen_link:focus {
  text-decoration: none !important;
}

.pfeilklick {
  position: absolute !important;
  top: 20px !important;
  right: 20px;
  font-size: 20px;
  color: #fff;
}

.radio input {
  height: 20px;
  width: 20px;
  margin: 0 auto !important;
  margin-left: -28px !important;
}

.fragebogen_ueberschrift {
  background-color: #eee;
}

.panel-body {
  padding: 10px;
}

.tablehead {
  text-align: center;
}

.fragebogen_striche {
  border-right: 1px solid black;
  border-bottom: 1px solid black !important;
}

.fragebogen_striche1 {
  border-bottom: 1px solid black !important;
}

.fragebogen_striche2 {
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.ecke_klapptext {
  width: 0;
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
}

.fragebogen_link .fragebogen_balken {
  border-bottom: 15px solid #cbcbc8;
}

.collapsed .fragebogen_balken {
  border-bottom: 15px solid #fff;
}

.fragebogen_link .fragebogen_ueberschrift {
  background-color: #cbcbc8;
}

.collapsed .fragebogen_ueberschrift {
  background-color: #eee;
}

.fragebogen_link .fragebogen_ueberschrift i {
  display: none;
}

.collapsed .fragebogen_ueberschrift i {
  display: inline;
}

.checklist_download {
  width: 40px;
  float: left;
  padding-right: 10px;
}

.checklist_buttons {
  display: block;
}

.text_checklist {
  margin-bottom: 20px;
}

.form-group_checklist {
  padding-top: 10px;
  page-break-inside: avoid;
}

.down {
  padding-top: 5px;
}

.offset-top {
  padding-top: 60px;
}

#checklistForm .panel-collapse {
  -webkit-transition: max-height linear 0.25s;
  transition: max-height linear 0.25s;
  max-height: 600px;
}

#checklistForm .collapse {
  display: block;
  max-height: 0;
  overflow: hidden;
}

/*=============================================================
        STYLESHEET FÜR DIE GESTALTUNG DES
            NEWSLETTERS UND ARTIKELS
==============================================================*/
.article_newsletter {
  padding-bottom: 38px;
}

.article_newsletter h1 {
  font-size: 40px;
}

.article_newsletter figcaption {
  color: white;
  background-color: #939289;
  padding-left: 18px;
}

.article_newsletter h3 {
  color: #b62025 !important;
  margin-top: 11px;
  margin-bottom: 1px;
  font-family: 'KlavikaWebBasic', Helvetica, sans-serif;
}

.article_newsletter h2 {
  color: #57585a;
  font-size: 30px;
}

.article_newsletter .zoom {
  display: none;
}

.article_newsletter .article-part h2 {
  padding: 0 0 12px;
}

/*=== STRICH MIT ECKE ===*/
.trennung {
  position: relative;
  width: 100%;
  border: 1px solid #BCBCBC;
  margin-top: 11px;
  margin-bottom: 8px;
  clear: both;
}

.ecke:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: -1px;
  border-bottom: 15px solid #BCBCBC;
  border-left: 15px solid transparent;
  width: 0;
}

/*=== HEADER ===*/
.newsletterpage_banner {
  width: 72%;
  height: auto;
}

.ausgabeinfos {
  display: inline-block;
  position: absolute;
  right: 30px;
}

.issue_number {
  font-size: 40px;
  text-align: right;
}

/*=== NEWSLETTER ===*/
.newsletter_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.newsletter_flagline {
  color: #b62025;
  padding-bottom: 4px;
  font-family: 'KlavikaWebBasic', Helvetica, sans-serif;
  font-weight: 400;
  display: inline-block;
  text-transform: uppercase;
}

.newsletter_texte {
  padding-top: 16px;
}

.newsletter_weiterlesen {
  text-decoration: underline;
  font-weight: 500;
  color: #BC0E1D;
}

.newsletter_bannerimage {
  margin-bottom: 12px;
  margin-top: 13px;
  width: 100%;
}

.preview_pic {
  width: 40%;
  height: 100%;
  margin-top: 20px;
}

.headlines_newsletter {
  margin-top: 20px;
  margin-left: 17px;
}

.headlines_newsletter h1 {
  font-size: 36px;
}

.article_fontsize h1 {
  font-size: 36px !important;
}

.anreisser_newsletter {
  margin-top: 10px;
}

/*==== ARTICLE ====*/
.article_ausgabemonat {
  font-size: 18px;
}

.article_ausgabedatum {
  font-size: 18px;
  float: right;
}

.TextformatterVideoEmbed {
  width: 100%;
}

/*==================================================================
            STYLESHEET FÜR DIE GESTALTUNG DER SIDEBAR
===================================================================*/
/*== WEITERE THEMEN ==*/
.themen, .archive {
  text-transform: uppercase;
}

.themen {
  margin-top: -7px;
}

.sidebar_newsletter {
  margin-top: 12px;
}

.sidebar_newsletter h4 {
  font-weight: 500 !important;
  line-height: 1.25 !important;
  font-size: 24px !important;
}

.sidebar_info {
  position: relative !important;
  top: 27px !important;
  height: 30px;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  position: relative;
  top: 27px;
}

/*== ABONNIEREN ==*/
.netnews_container {
  display: table;
  /* Fallback IE<9 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 40px;
}

.netnews_icon {
  width: 56px;
  height: 56px;
  margin-top: 2px;
}

.netnews_box {
  padding-left: 2px;
  width: 70%;
}

.netnews_text {
  font-size: 20px;
}

.netnews_button {
  display: inline;
  background-color: #E2001A;
  color: #fff;
  width: 180px;
  padding: 3px;
}

.netnews_button a {
  color: white;
  text-decoration: none;
  font-weight: 500;
}

.netnews_button a:hover {
  text-decoration: underline;
}

.netnews_button span:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
  width: 0;
}

/*== ARCHIV ==*/
.newsletter_jahreszahl {
  margin: 0;
  margin-bottom: 5px;
  font-size: 22px;
  color: #E2001A;
  font-weight: 500;
}

.archive {
  margin-left: 0 !important;
}

.archive_year {
  color: #e2001a !important;
  position: relative;
  top: 10px;
  margin-bottom: 5px !important;
}

/*== FIRMEN ==*/
.company_logos img {
  margin: 60px auto 0 20px;
  display: block;
  text-align: left;
}

.company_logos {
  width: 100%;
  height: auto;
}

/*==================================================================
        STYLESHEET FÜR DIE GESTALTUNG DES SLIDERS (ARTIKEL)
===================================================================*/
.banner {
  position: relative;
  padding: 0 !important;
}

.unslider {
  position: relative;
  overflow: visible;
}

.unslider_newsletter {
  margin-top: 50px;
  margin-bottom: 30px;
  width: 102.5%;
}

.headlines_slider {
  width: 225px;
  text-align: left;
  display: inline-block;
  /*vertical-align: top;*/
}

.headlines_slider h4 {
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 3px;
}

.headlines_slider p {
  font-size: 14px;
}

.newsletter_arrows_prev {
  padding-left: 20px;
  color: #d9d2c8;
}

.newsletter_arrows_next {
  padding-right: 20px;
  color: #d9d2c8 !important;
}

.slider_headline {
  text-transform: uppercase;
  font-weight: 500;
}

.slide_textbox {
  height: 66px;
}

/*===================================================================
                    BREAKPOINTS NEWSLETTER / ARTICLE
=====================================================================*/
/*======770px========*/
@media screen and (max-width: 770px) {
  .issue_number {
    font-size: 18px;
  }
  .newsletter_banner, .newsletterpage_banner {
    width: 52%;
    margin: 0px;
  }
  .icon_info {
    width: 34px;
  }
  .sidebar_info {
    top: 31px !important;
    left: 0px !important;
  }
  .company_logos {
    margin-top: 10px;
    text-align: center;
  }
  .company_logos img {
    display: inline;
    margin: 25px 20px 5px 20px;
  }
  .orgatec {
    position: relative;
    top: -10px;
  }
  .netnews_button {
    width: 180px;
  }
}

/*======500px========*/
@media screen and (max-width: 500px) {
  .newsletter_container {
    display: block;
  }
  .headlines_newsletter {
    margin-left: 0px;
  }
  .preview_pic {
    width: 70%;
  }
  .article_ausgabemonat, .article_ausgabedatum {
    font-size: 12px;
  }
}

/*======340px========*/
@media screen and (max-width: 340px) {
  .ausgabemonat_article {
    font-size: 12px;
  }
}

/*====================================================
            HACKS - NEWSLETTER / ARTICLE
====================================================*/
/*===== IE 11 ========*/
_:-ms-fullscreen,
:root .netnews_icon {
  width: 47px;
  position: absolute;
  top: 25px;
}

_:-ms-fullscreen,
:root .netnews_container {
  position: relative;
  width: 80%;
  padding-left: 0px;
  margin-left: 0px;
}

_:-ms-fullscreen,
:root .netnews_text {
  margin-bottom: 10px;
  margin-left: 5px;
}

_:-ms-fullscreen,
:root .netnews_box {
  margin-right: -41px;
}

/*===== IE 10 ========*/
_:-ms-lang(x),
.netnews_icon {
  display: none\9;
  margin-bottom: 30px\9;
}

_:-ms-lang(x),
.netnews_container {
  width: 100%\9;
}

_:-ms-lang(x),
.headlines_newsletter {
  margin-left: 0px\9;
}

_:-ms-lang(x),
.ausgabenr {
  position: static\9;
  text-align: right\9;
  display: inline\9;
}

_:-ms-lang(x),
.newsletter_banner, .newsletterpage_banner {
  height: 100% \9  !important;
}

/*===== IE 9 ========*/
@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
  .netnews_icon {
    display: none;
    margin-bottom: 30px;
  }
  .netnews_container {
    width: 100%;
  }
  .headlines_newsletter {
    margin-left: 0px;
  }
  .ausgabenr {
    position: static;
    text-align: right;
    display: inline;
  }
  .newsletter_banner, .newsletterpage_banner {
    height: 100% !important;
  }
  .netnews_box {
    margin-bottom: 37px;
  }
}

/* Grids generated by Gridset: https://gridsetapp.com */
/* Header Grid grid: 3 column / gutter: 1% ---------------------------------------- */
[class*=" he1"][class*=" he1"], [class^=he1][class^=he1], [class*=" he2"][class*=" he2"], [class^=he2][class^=he2], [class*=" he3"][class*=" he3"], [class^=he3][class^=he3], .he-all {
  display: block;
  float: left;
  clear: none;
  margin-right: -100%;
}

/* Header Grid grid spans ----- */
.he-all.he-all, .he-all.he-all .he-all.he-all {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  clear: left;
}

.he1, .he-all .he1, .he1.he1 {
  width: 7.41666666%;
}

.he1-he2 .he1 {
  width: 8.91783567%;
}

.he3, .he-all .he3, .he3.he3 {
  width: 15.83333332%;
}

.he2-he3 .he3 {
  width: 17.28844404%;
}

.he2, .he-all .he2, .he2.he2 {
  width: 74.74999993%;
}

.he2-he3 .he2 {
  width: 81.61965423%;
}

.he1-he2.he1-he2, .he-all .he1-he2 {
  width: 83.16666659%;
}

.he1-he2 .he2 {
  width: 89.87975952%;
}

.he2-he3.he2-he3, .he-all .he2-he3 {
  width: 91.58333325%;
}

/* Header Grid grid padding ----- */
.he-all [class*=" he-pad"], .he-all [class^=he-pad], [class*=" he-pad"], [class^=he-pad] {
  padding-left: 0.5%;
  padding-right: 0.5%;
  left: -0.5%;
}

.he2-he3 [class*=" he-pad"], .he2-he3 [class^=he-pad] {
  padding-left: 0.54595086%;
  padding-right: 0.54595086%;
  left: -0.54595086%;
}

.he1-he2 [class*=" he-pad"], .he1-he2 [class^=he-pad] {
  padding-left: 0.60120241%;
  padding-right: 0.60120241%;
  left: -0.60120241%;
}

.he-all [class~=he-padfull], .he-all [class~=he-padinfull], [class~=he-padfull], [class~=he-padinfull] {
  padding-left: 1%;
  padding-right: 1%;
  left: -1%;
}

.he2-he3 [class~=he-padfull], .he2-he3 [class~=he-padinfull] {
  padding-left: 1.09190173%;
  padding-right: 1.09190173%;
  left: -1.09190173%;
}

.he1-he2 [class~=he-padfull], .he1-he2 [class~=he-padinfull] {
  padding-left: 1.20240481%;
  padding-right: 1.20240481%;
  left: -1.20240481%;
}

.he-pad, .he-padfull, .he-all .he-pad, .he-all .he-padfull {
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.he-padin[class~=he-padin], .he-padinfull[class~=he-padinfull], .he-all .he-padin[class~=he-padin], .he-all .he-padinfull[class~=he-padinfull] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
}

/* Header Grid grid relationships ----- */
[class*=" he3"][class*=" he3"], [class^=he3][class^=he3], .he-all [class*=" he3"], .he-all [class^=he3] {
  margin-left: 84.16666659%;
}

[class*=" he2"][class*=" he2"], [class^=he2][class^=he2], .he-all [class*=" he2"], .he-all [class^=he2] {
  margin-left: 8.41666666%;
}

.he2-he3 [class*=" he3"], .he2-he3 [class^=he3] {
  margin-left: 82.71155596%;
}

.he1-he2 [class*=" he2"], .he1-he2 [class^=he2] {
  margin-left: 10.12024048%;
}

/* Header Grid grid floats ----- */
[class*=" he-float"][class*=" he-float"], [class^=he-float][class^=he-float] {
  margin-left: 1%;
  margin-right: 1%;
}

.he2-he3 [class*=" he-float"][class*=" he-float"], .he2-he3 [class^=he-float][class^=he-float] {
  margin-left: 1.0919017298379%;
  margin-right: 1.0919017298379%;
}

.he1-he2 [class*=" he-float"][class*=" he-float"], .he1-he2 [class^=he-float][class^=he-float] {
  margin-left: 1.2024048107277%;
  margin-right: 1.2024048107277%;
}

.he-floatright.he-floatright {
  float: right;
  margin-right: 0 !important;
}

.he-floatleft.he-floatleft {
  float: left;
  margin-left: 0 !important;
}

.he-all + [class*=" he2"], .he-all + [class^=he2] {
  clear: left;
}

.he-all + [class*=" he3"], .he-all + [class^=he3] {
  clear: left;
}

/* Header Grid clearing ----- */
.he-all, [class*=" he1-"][class*=" he1-"], [class^=he1-][class^=he1-], .he1.he1, [class*=" he2"] [class*=he2], [class^=he2] [class*=he2], [class*=" he3"] [class*=he3], [class^=he3] [class*=he3] {
  margin-left: 0;
  clear: left;
}

[class*=" he2"] + [class*=he2], [class^=he2] + [class*=he2], [class*=-he2] + [class*=he2], [class*=" he3"] + [class*=he3], [class^=he3] + [class*=he3], [class*=-he3] + [class*=he3], [class*=" he3"] + [class*=he2], [class^=he3] + [class*=he2], [class*=-he3] + [class*=he2], .he-clear.he-clear {
  clear: left;
}

.he-overlap.he-overlap {
  clear: none;
}

/* Header Grid hiding ----- */
.he-hide.he-hide, .gridoverlay .he-hide.he-hide {
  display: none;
}

.he-show.he-show, .gridoverlay .he-show.he-show {
  display: block;
}

.he-showgrid .he-show, .he-showgrid.he-show, .gridsetnoareas .he-show {
  display: block !important;
}

@media only screen and (min-width: 769px) {
  /* Homepage Grid grid: 4 column / gutter: 2% ---------------------------------------- */
  [class*=" hp1"][class*=" hp1"], [class^=hp1][class^=hp1], [class*=" hp2"][class*=" hp2"], [class^=hp2][class^=hp2], [class*=" hp3"][class*=" hp3"], [class^=hp3][class^=hp3], [class*=" hp4"][class*=" hp4"], [class^=hp4][class^=hp4], .hp-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Homepage Grid grid spans ----- */
  .hp-all.hp-all, .hp-all.hp-all .hp-all.hp-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .hp2, .hp-all .hp2, .hp2.hp2, .hp3, .hp-all .hp3, .hp3.hp3, .hp4, .hp-all .hp4, .hp4.hp4 {
    width: 23%;
  }
  .hp1, .hp-all .hp1, .hp1.hp1 {
    width: 25%;
  }
  .hp1-hp3 .hp2, .hp1-hp3 .hp3 {
    width: 30.66666667%;
  }
  .hp2-hp4 .hp2, .hp2-hp4 .hp3, .hp2-hp4 .hp4 {
    width: 31.50684932%;
  }
  .hp1-hp3 .hp1 {
    width: 33.33333333%;
  }
  .hp1-hp2 .hp2 {
    width: 46%;
  }
  .hp2-hp3 .hp2, .hp2-hp3 .hp3, .hp3-hp4 .hp3, .hp3-hp4 .hp4 {
    width: 47.91666667%;
  }
  .hp2-hp3.hp2-hp3, .hp-all .hp2-hp3, .hp3-hp4.hp3-hp4, .hp-all .hp3-hp4 {
    width: 48%;
  }
  .hp1-hp2.hp1-hp2, .hp-all .hp1-hp2, .hp1-hp2 .hp1 {
    width: 50%;
  }
  .hp1-hp3 .hp2-hp3 {
    width: 64%;
  }
  .hp2-hp4 .hp2-hp3, .hp2-hp4 .hp3-hp4 {
    width: 65.75342466%;
  }
  .hp1-hp3 .hp1-hp2 {
    width: 66.66666667%;
  }
  .hp2-hp4.hp2-hp4, .hp-all .hp2-hp4 {
    width: 73%;
  }
  .hp1-hp3.hp1-hp3, .hp-all .hp1-hp3 {
    width: 75%;
  }
  /* Homepage Grid grid padding ----- */
  .hp-all [class*=" hp-pad"], .hp-all [class^=hp-pad], [class*=" hp-pad"], [class^=hp-pad] {
    padding-left: 1%;
    padding-right: 1%;
    left: -1%;
  }
  .hp1-hp3 [class*=" hp-pad"], .hp1-hp3 [class^=hp-pad] {
    padding-left: 1.33333333%;
    padding-right: 1.33333333%;
    left: -1.33333333%;
  }
  .hp2-hp4 [class*=" hp-pad"], .hp2-hp4 [class^=hp-pad] {
    padding-left: 1.36986301%;
    padding-right: 1.36986301%;
    left: -1.36986301%;
  }
  .hp-all [class~=hp-padfull], .hp-all [class~=hp-padinfull], [class~=hp-padfull], [class~=hp-padinfull], .hp1-hp2 [class*=" hp-pad"], .hp1-hp2 [class^=hp-pad] {
    padding-left: 2%;
    padding-right: 2%;
    left: -2%;
  }
  .hp2-hp3 [class*=" hp-pad"], .hp2-hp3 [class^=hp-pad], .hp3-hp4 [class*=" hp-pad"], .hp3-hp4 [class^=hp-pad] {
    padding-left: 2.08333333%;
    padding-right: 2.08333333%;
    left: -2.08333333%;
  }
  .hp1-hp3 [class~=hp-padfull], .hp1-hp3 [class~=hp-padinfull] {
    padding-left: 2.66666667%;
    padding-right: 2.66666667%;
    left: -2.66666667%;
  }
  .hp2-hp4 [class~=hp-padfull], .hp2-hp4 [class~=hp-padinfull] {
    padding-left: 2.73972603%;
    padding-right: 2.73972603%;
    left: -2.73972603%;
  }
  .hp1-hp2 [class~=hp-padfull], .hp1-hp2 [class~=hp-padinfull] {
    padding-left: 4%;
    padding-right: 4%;
    left: -4%;
  }
  .hp2-hp3 [class~=hp-padfull], .hp2-hp3 [class~=hp-padinfull], .hp3-hp4 [class~=hp-padfull], .hp3-hp4 [class~=hp-padinfull] {
    padding-left: 4.16666667%;
    padding-right: 4.16666667%;
    left: -4.16666667%;
  }
  .hp-pad, .hp-padfull, .hp-all .hp-pad, .hp-all .hp-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .hp-padin[class~=hp-padin], .hp-padinfull[class~=hp-padinfull], .hp-all .hp-padin[class~=hp-padin], .hp-all .hp-padinfull[class~=hp-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Homepage Grid grid relationships ----- */
  [class*=" hp4"][class*=" hp4"], [class^=hp4][class^=hp4], .hp-all [class*=" hp4"], .hp-all [class^=hp4] {
    margin-left: 77%;
  }
  [class*=" hp3"][class*=" hp3"], [class^=hp3][class^=hp3], .hp-all [class*=" hp3"], .hp-all [class^=hp3] {
    margin-left: 52%;
  }
  [class*=" hp2"][class*=" hp2"], [class^=hp2][class^=hp2], .hp-all [class*=" hp2"], .hp-all [class^=hp2] {
    margin-left: 27%;
  }
  .hp2-hp4 [class*=" hp4"], .hp2-hp4 [class^=hp4] {
    margin-left: 68.49315068%;
  }
  .hp2-hp4 [class*=" hp3"], .hp2-hp4 [class^=hp3] {
    margin-left: 34.24657534%;
  }
  .hp3-hp4 [class*=" hp4"], .hp3-hp4 [class^=hp4] {
    margin-left: 52.08333333%;
  }
  .hp1-hp3 [class*=" hp3"], .hp1-hp3 [class^=hp3] {
    margin-left: 69.33333333%;
  }
  .hp1-hp3 [class*=" hp2"], .hp1-hp3 [class^=hp2] {
    margin-left: 36%;
  }
  .hp2-hp3 [class*=" hp3"], .hp2-hp3 [class^=hp3] {
    margin-left: 52.08333333%;
  }
  .hp1-hp2 [class*=" hp2"], .hp1-hp2 [class^=hp2] {
    margin-left: 54%;
  }
  /* Homepage Grid grid floats ----- */
  [class*=" hp-float"][class*=" hp-float"], [class^=hp-float][class^=hp-float] {
    margin-left: 2%;
    margin-right: 2%;
  }
  .hp1-hp3 [class*=" hp-float"][class*=" hp-float"], .hp1-hp3 [class^=hp-float][class^=hp-float] {
    margin-left: 2.6666666666667%;
    margin-right: 2.6666666666667%;
  }
  .hp2-hp4 [class*=" hp-float"][class*=" hp-float"], .hp2-hp4 [class^=hp-float][class^=hp-float] {
    margin-left: 2.7397260273973%;
    margin-right: 2.7397260273973%;
  }
  .hp1-hp2 [class*=" hp-float"][class*=" hp-float"], .hp1-hp2 [class^=hp-float][class^=hp-float] {
    margin-left: 4%;
    margin-right: 4%;
  }
  .hp2-hp3 [class*=" hp-float"][class*=" hp-float"], .hp2-hp3 [class^=hp-float][class^=hp-float], .hp3-hp4 [class*=" hp-float"][class*=" hp-float"], .hp3-hp4 [class^=hp-float][class^=hp-float] {
    margin-left: 4.1666666666667%;
    margin-right: 4.1666666666667%;
  }
  .hp-floatright.hp-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .hp-floatleft.hp-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .hp-all + [class*=" hp2"], .hp-all + [class^=hp2] {
    clear: left;
  }
  .hp-all + [class*=" hp3"], .hp-all + [class^=hp3] {
    clear: left;
  }
  .hp-all + [class*=" hp4"], .hp-all + [class^=hp4] {
    clear: left;
  }
  /* Homepage Grid clearing ----- */
  .hp-all, [class*=" hp1-"][class*=" hp1-"], [class^=hp1-][class^=hp1-], .hp1.hp1, [class*=" hp2"] [class*=hp2], [class^=hp2] [class*=hp2], [class*=" hp3"] [class*=hp3], [class^=hp3] [class*=hp3], [class*=" hp4"] [class*=hp4], [class^=hp4] [class*=hp4] {
    margin-left: 0;
    clear: left;
  }
  [class*=" hp2"] + [class*=hp2], [class^=hp2] + [class*=hp2], [class*=-hp2] + [class*=hp2], [class*=" hp3"] + [class*=hp3], [class^=hp3] + [class*=hp3], [class*=-hp3] + [class*=hp3], [class*=" hp3"] + [class*=hp2], [class^=hp3] + [class*=hp2], [class*=-hp3] + [class*=hp2], [class*=" hp4"] + [class*=hp4], [class^=hp4] + [class*=hp4], [class*=-hp4] + [class*=hp4], [class*=" hp4"] + [class*=hp3], [class^=hp4] + [class*=hp3], [class*=-hp4] + [class*=hp3], [class*=" hp4"] + [class*=hp2], [class^=hp4] + [class*=hp2], [class*=-hp4] + [class*=hp2], .hp-clear.hp-clear {
    clear: left;
  }
  .hp-overlap.hp-overlap {
    clear: none;
  }
  /* Homepage Grid hiding ----- */
  .hp-hide.hp-hide, .gridoverlay .hp-hide.hp-hide {
    display: none;
  }
  .hp-show.hp-show, .gridoverlay .hp-show.hp-show {
    display: block;
  }
  .hp-showgrid .hp-show, .hp-showgrid.hp-show, .gridsetnoareas .hp-show {
    display: block !important;
  }
}

@media only screen and (min-width: 770px) {
  /* Content Grid grid: 4 column / gutter: 2% ---------------------------------------- */
  [class*=" c1"][class*=" c1"], [class^=c1][class^=c1], [class*=" c2"][class*=" c2"], [class^=c2][class^=c2], [class*=" c3"][class*=" c3"], [class^=c3][class^=c3], [class*=" c4"][class*=" c4"], [class^=c4][class^=c4], .c-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Content Grid grid spans ----- */
  .c-all.c-all, .c-all.c-all .c-all.c-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .c1, .c-all .c1, .c1.c1 {
    width: 18.08983632%;
  }
  .c3, .c-all .c3, .c3.c3 {
    width: 19.08983632%;
  }
  .c2-c4 .c3 {
    width: 23.88912178%;
  }
  .c1-c3 .c1 {
    width: 25.11432739%;
  }
  .c4, .c-all .c4, .c4.c4 {
    width: 25.97005456%;
  }
  .c1-c3 .c3 {
    width: 26.50263887%;
  }
  .c2, .c-all .c2, .c2.c2 {
    width: 30.8502728%;
  }
  .c2-c4 .c4 {
    width: 32.49906315%;
  }
  .c1-c2 .c1 {
    width: 35.5119701%;
  }
  .c2-c3 .c3 {
    width: 36.75355451%;
  }
  .c2-c4 .c2 {
    width: 38.60619398%;
  }
  .c3-c4 .c3 {
    width: 40.56498211%;
  }
  .c1-c3 .c2 {
    width: 42.82978782%;
  }
  .c3-c4.c3-c4, .c-all .c3-c4 {
    width: 47.05989088%;
  }
  .c1-c2.c1-c2, .c-all .c1-c2 {
    width: 50.94010912%;
  }
  .c2-c3.c2-c3, .c-all .c2-c3 {
    width: 51.94010912%;
  }
  .c3-c4 .c4 {
    width: 55.18511428%;
  }
  .c2-c4 .c3-c4 {
    width: 58.89099548%;
  }
  .c2-c3 .c2 {
    width: 59.39585674%;
  }
  .c1-c2 .c2 {
    width: 60.56185064%;
  }
  .c2-c4 .c2-c3 {
    width: 64.99812631%;
  }
  .c1-c3 .c1-c2 {
    width: 70.72073817%;
  }
  .c1-c3.c1-c3, .c-all .c1-c3 {
    width: 72.02994544%;
  }
  .c1-c3 .c2-c3 {
    width: 72.10904965%;
  }
  .c2-c4.c2-c4, .c-all .c2-c4 {
    width: 79.91016368%;
  }
  /* Content Grid grid padding ----- */
  .c-all [class*=" c-pad"], .c-all [class^=c-pad], [class*=" c-pad"], [class^=c-pad] {
    padding-left: 1%;
    padding-right: 1%;
    left: -1%;
  }
  .c2-c4 [class*=" c-pad"], .c2-c4 [class^=c-pad] {
    padding-left: 1.25140527%;
    padding-right: 1.25140527%;
    left: -1.25140527%;
  }
  .c1-c3 [class*=" c-pad"], .c1-c3 [class^=c-pad] {
    padding-left: 1.38831148%;
    padding-right: 1.38831148%;
    left: -1.38831148%;
  }
  .c2-c3 [class*=" c-pad"], .c2-c3 [class^=c-pad] {
    padding-left: 1.92529438%;
    padding-right: 1.92529438%;
    left: -1.92529438%;
  }
  .c1-c2 [class*=" c-pad"], .c1-c2 [class^=c-pad] {
    padding-left: 1.96308963%;
    padding-right: 1.96308963%;
    left: -1.96308963%;
  }
  .c-all [class~=c-padfull], .c-all [class~=c-padinfull], [class~=c-padfull], [class~=c-padinfull] {
    padding-left: 2%;
    padding-right: 2%;
    left: -2%;
  }
  .c3-c4 [class*=" c-pad"], .c3-c4 [class^=c-pad] {
    padding-left: 2.1249518%;
    padding-right: 2.1249518%;
    left: -2.1249518%;
  }
  .c2-c4 [class~=c-padfull], .c2-c4 [class~=c-padinfull] {
    padding-left: 2.50281054%;
    padding-right: 2.50281054%;
    left: -2.50281054%;
  }
  .c1-c3 [class~=c-padfull], .c1-c3 [class~=c-padinfull] {
    padding-left: 2.77662296%;
    padding-right: 2.77662296%;
    left: -2.77662296%;
  }
  .c2-c3 [class~=c-padfull], .c2-c3 [class~=c-padinfull] {
    padding-left: 3.85058875%;
    padding-right: 3.85058875%;
    left: -3.85058875%;
  }
  .c1-c2 [class~=c-padfull], .c1-c2 [class~=c-padinfull] {
    padding-left: 3.92617926%;
    padding-right: 3.92617926%;
    left: -3.92617926%;
  }
  .c3-c4 [class~=c-padfull], .c3-c4 [class~=c-padinfull] {
    padding-left: 4.24990361%;
    padding-right: 4.24990361%;
    left: -4.24990361%;
  }
  .c-pad, .c-padfull, .c-all .c-pad, .c-all .c-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .c-padin[class~=c-padin], .c-padinfull[class~=c-padinfull], .c-all .c-padin[class~=c-padin], .c-all .c-padinfull[class~=c-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Content Grid grid relationships ----- */
  [class*=" c4"][class*=" c4"], [class^=c4][class^=c4], .c-all [class*=" c4"], .c-all [class^=c4] {
    margin-left: 74.02994544%;
  }
  [class*=" c3"][class*=" c3"], [class^=c3][class^=c3], .c-all [class*=" c3"], .c-all [class^=c3] {
    margin-left: 52.94010912%;
  }
  [class*=" c2"][class*=" c2"], [class^=c2][class^=c2], .c-all [class*=" c2"], .c-all [class^=c2] {
    margin-left: 20.08983632%;
  }
  .c2-c4 [class*=" c4"], .c2-c4 [class^=c4] {
    margin-left: 67.50093685%;
  }
  .c2-c4 [class*=" c3"], .c2-c4 [class^=c3] {
    margin-left: 41.10900452%;
  }
  .c3-c4 [class*=" c4"], .c3-c4 [class^=c4] {
    margin-left: 44.81488572%;
  }
  .c1-c3 [class*=" c3"], .c1-c3 [class^=c3] {
    margin-left: 73.49736113%;
  }
  .c1-c3 [class*=" c2"], .c1-c3 [class^=c2] {
    margin-left: 27.89095035%;
  }
  .c2-c3 [class*=" c3"], .c2-c3 [class^=c3] {
    margin-left: 63.24644549%;
  }
  .c1-c2 [class*=" c2"], .c1-c2 [class^=c2] {
    margin-left: 39.43814936%;
  }
  /* Content Grid grid floats ----- */
  [class*=" c-float"][class*=" c-float"], [class^=c-float][class^=c-float] {
    margin-left: 2%;
    margin-right: 2%;
  }
  .c2-c4 [class*=" c-float"][class*=" c-float"], .c2-c4 [class^=c-float][class^=c-float] {
    margin-left: 2.5028105411084%;
    margin-right: 2.5028105411084%;
  }
  .c1-c3 [class*=" c-float"][class*=" c-float"], .c1-c3 [class^=c-float][class^=c-float] {
    margin-left: 2.7766229556094%;
    margin-right: 2.7766229556094%;
  }
  .c2-c3 [class*=" c-float"][class*=" c-float"], .c2-c3 [class^=c-float][class^=c-float] {
    margin-left: 3.850588752864%;
    margin-right: 3.850588752864%;
  }
  .c1-c2 [class*=" c-float"][class*=" c-float"], .c1-c2 [class^=c-float][class^=c-float] {
    margin-left: 3.9261792613922%;
    margin-right: 3.9261792613922%;
  }
  .c3-c4 [class*=" c-float"][class*=" c-float"], .c3-c4 [class^=c-float][class^=c-float] {
    margin-left: 4.2499036070863%;
    margin-right: 4.2499036070863%;
  }
  .c-floatright.c-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .c-floatleft.c-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .c-all + [class*=" c2"], .c-all + [class^=c2] {
    clear: left;
  }
  .c-all + [class*=" c3"], .c-all + [class^=c3] {
    clear: left;
  }
  .c-all + [class*=" c4"], .c-all + [class^=c4] {
    clear: left;
  }
  /* Content Grid clearing ----- */
  .c-all, [class*=" c1-"][class*=" c1-"], [class^=c1-][class^=c1-], .c1.c1, [class*=" c2"] [class*=c2], [class^=c2] [class*=c2], [class*=" c3"] [class*=c3], [class^=c3] [class*=c3], [class*=" c4"] [class*=c4], [class^=c4] [class*=c4] {
    margin-left: 0;
    clear: left;
  }
  [class*=" c2"] + [class*=c2], [class^=c2] + [class*=c2], [class*=-c2] + [class*=c2], [class*=" c3"] + [class*=c3], [class^=c3] + [class*=c3], [class*=-c3] + [class*=c3], [class*=" c3"] + [class*=c2], [class^=c3] + [class*=c2], [class*=-c3] + [class*=c2], [class*=" c4"] + [class*=c4], [class^=c4] + [class*=c4], [class*=-c4] + [class*=c4], [class*=" c4"] + [class*=c3], [class^=c4] + [class*=c3], [class*=-c4] + [class*=c3], [class*=" c4"] + [class*=c2], [class^=c4] + [class*=c2], [class*=-c4] + [class*=c2], .c-clear.c-clear {
    clear: left;
  }
  .c-overlap.c-overlap {
    clear: none;
  }
  /* Content Grid hiding ----- */
  .c-hide.c-hide, .gridoverlay .c-hide.c-hide {
    display: none;
  }
  .c-show.c-show, .gridoverlay .c-show.c-show {
    display: block;
  }
  .c-showgrid .c-show, .c-showgrid.c-show, .gridsetnoareas .c-show {
    display: block !important;
  }
}

@media only screen and (min-width: 1100px) {
  /* Content New grid: 4 column / gutter: 2.5% ---------------------------------------- */
  [class*=" cn1"][class*=" cn1"], [class^=cn1][class^=cn1], [class*=" cn2"][class*=" cn2"], [class^=cn2][class^=cn2], [class*=" cn3"][class*=" cn3"], [class^=cn3][class^=cn3], [class*=" cn4"][class*=" cn4"], [class^=cn4][class^=cn4], .cn-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Content New grid spans ----- */
  .cn-all.cn-all, .cn-all.cn-all .cn-all.cn-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .cn2, .cn-all .cn2, .cn2.cn2, .cn3, .cn-all .cn3, .cn3.cn3 {
    width: 14.7606383%;
  }
  .cn1-cn3 .cn2, .cn1-cn3 .cn3, .cn2-cn4 .cn2, .cn2-cn4 .cn3 {
    width: 22.36099919%;
  }
  .cn1-cn2 .cn2, .cn3-cn4 .cn3 {
    width: 30.27823241%;
  }
  .cn1, .cn-all .cn1, .cn1.cn1, .cn4, .cn-all .cn4, .cn4.cn4 {
    width: 31.4893617%;
  }
  .cn2-cn3.cn2-cn3, .cn-all .cn2-cn3 {
    width: 32.0212766%;
  }
  .cn2-cn3 .cn2, .cn2-cn3 .cn3 {
    width: 46.09634551%;
  }
  .cn1-cn3 .cn1, .cn2-cn4 .cn4 {
    width: 47.70346495%;
  }
  .cn1-cn3 .cn2-cn3, .cn2-cn4 .cn2-cn3 {
    width: 48.50926673%;
  }
  .cn1-cn2.cn1-cn2, .cn-all .cn1-cn2, .cn3-cn4.cn3-cn4, .cn-all .cn3-cn4 {
    width: 48.75%;
  }
  .cn1-cn2 .cn1, .cn3-cn4 .cn4 {
    width: 64.59356247%;
  }
  .cn1-cn3.cn1-cn3, .cn-all .cn1-cn3, .cn2-cn4.cn2-cn4, .cn-all .cn2-cn4 {
    width: 66.0106383%;
  }
  .cn1-cn3 .cn1-cn2, .cn2-cn4 .cn3-cn4 {
    width: 73.85173247%;
  }
  /* Content New grid padding ----- */
  .cn-all [class*=" cn-pad"], .cn-all [class^=cn-pad], [class*=" cn-pad"], [class^=cn-pad] {
    padding-left: 1.25%;
    padding-right: 1.25%;
    left: -1.25%;
  }
  .cn1-cn3 [class*=" cn-pad"], .cn1-cn3 [class^=cn-pad], .cn2-cn4 [class*=" cn-pad"], .cn2-cn4 [class^=cn-pad] {
    padding-left: 1.89363417%;
    padding-right: 1.89363417%;
    left: -1.89363417%;
  }
  .cn-all [class~=cn-padfull], .cn-all [class~=cn-padinfull], [class~=cn-padfull], [class~=cn-padinfull] {
    padding-left: 2.5%;
    padding-right: 2.5%;
    left: -2.5%;
  }
  .cn1-cn2 [class*=" cn-pad"], .cn1-cn2 [class^=cn-pad], .cn3-cn4 [class*=" cn-pad"], .cn3-cn4 [class^=cn-pad] {
    padding-left: 2.56410256%;
    padding-right: 2.56410256%;
    left: -2.56410256%;
  }
  .cn1-cn3 [class~=cn-padfull], .cn1-cn3 [class~=cn-padinfull], .cn2-cn4 [class~=cn-padfull], .cn2-cn4 [class~=cn-padinfull] {
    padding-left: 3.78726833%;
    padding-right: 3.78726833%;
    left: -3.78726833%;
  }
  .cn2-cn3 [class*=" cn-pad"], .cn2-cn3 [class^=cn-pad] {
    padding-left: 3.90365448%;
    padding-right: 3.90365448%;
    left: -3.90365448%;
  }
  .cn1-cn2 [class~=cn-padfull], .cn1-cn2 [class~=cn-padinfull], .cn3-cn4 [class~=cn-padfull], .cn3-cn4 [class~=cn-padinfull] {
    padding-left: 5.12820513%;
    padding-right: 5.12820513%;
    left: -5.12820513%;
  }
  .cn2-cn3 [class~=cn-padfull], .cn2-cn3 [class~=cn-padinfull] {
    padding-left: 7.80730897%;
    padding-right: 7.80730897%;
    left: -7.80730897%;
  }
  .cn-pad, .cn-padfull, .cn-all .cn-pad, .cn-all .cn-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .cn-padin[class~=cn-padin], .cn-padinfull[class~=cn-padinfull], .cn-all .cn-padin[class~=cn-padin], .cn-all .cn-padinfull[class~=cn-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Content New grid relationships ----- */
  [class*=" cn4"][class*=" cn4"], [class^=cn4][class^=cn4], .cn-all [class*=" cn4"], .cn-all [class^=cn4] {
    margin-left: 68.5106383%;
  }
  [class*=" cn3"][class*=" cn3"], [class^=cn3][class^=cn3], .cn-all [class*=" cn3"], .cn-all [class^=cn3] {
    margin-left: 51.25%;
  }
  [class*=" cn2"][class*=" cn2"], [class^=cn2][class^=cn2], .cn-all [class*=" cn2"], .cn-all [class^=cn2] {
    margin-left: 33.9893617%;
  }
  .cn2-cn4 [class*=" cn4"], .cn2-cn4 [class^=cn4] {
    margin-left: 52.29653506%;
  }
  .cn2-cn4 [class*=" cn3"], .cn2-cn4 [class^=cn3] {
    margin-left: 26.14826753%;
  }
  .cn3-cn4 [class*=" cn4"], .cn3-cn4 [class^=cn4] {
    margin-left: 35.40643754%;
  }
  .cn1-cn3 [class*=" cn3"], .cn1-cn3 [class^=cn3] {
    margin-left: 77.6390008%;
  }
  .cn1-cn3 [class*=" cn2"], .cn1-cn3 [class^=cn2] {
    margin-left: 51.49073328%;
  }
  .cn2-cn3 [class*=" cn3"], .cn2-cn3 [class^=cn3] {
    margin-left: 53.90365448%;
  }
  .cn1-cn2 [class*=" cn2"], .cn1-cn2 [class^=cn2] {
    margin-left: 69.72176759%;
  }
  /* Content New grid floats ----- */
  [class*=" cn-float"][class*=" cn-float"], [class^=cn-float][class^=cn-float] {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .cn1-cn3 [class*=" cn-float"][class*=" cn-float"], .cn1-cn3 [class^=cn-float][class^=cn-float], .cn2-cn4 [class*=" cn-float"][class*=" cn-float"], .cn2-cn4 [class^=cn-float][class^=cn-float] {
    margin-left: 3.7872683318683%;
    margin-right: 3.7872683318683%;
  }
  .cn1-cn2 [class*=" cn-float"][class*=" cn-float"], .cn1-cn2 [class^=cn-float][class^=cn-float], .cn3-cn4 [class*=" cn-float"][class*=" cn-float"], .cn3-cn4 [class^=cn-float][class^=cn-float] {
    margin-left: 5.1282051282051%;
    margin-right: 5.1282051282051%;
  }
  .cn2-cn3 [class*=" cn-float"][class*=" cn-float"], .cn2-cn3 [class^=cn-float][class^=cn-float] {
    margin-left: 7.8073089690622%;
    margin-right: 7.8073089690622%;
  }
  .cn-floatright.cn-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .cn-floatleft.cn-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .cn-all + [class*=" cn2"], .cn-all + [class^=cn2] {
    clear: left;
  }
  .cn-all + [class*=" cn3"], .cn-all + [class^=cn3] {
    clear: left;
  }
  .cn-all + [class*=" cn4"], .cn-all + [class^=cn4] {
    clear: left;
  }
  /* Content New clearing ----- */
  .cn-all, [class*=" cn1-"][class*=" cn1-"], [class^=cn1-][class^=cn1-], .cn1.cn1, [class*=" cn2"] [class*=cn2], [class^=cn2] [class*=cn2], [class*=" cn3"] [class*=cn3], [class^=cn3] [class*=cn3], [class*=" cn4"] [class*=cn4], [class^=cn4] [class*=cn4] {
    margin-left: 0;
    clear: left;
  }
  [class*=" cn2"] + [class*=cn2], [class^=cn2] + [class*=cn2], [class*=-cn2] + [class*=cn2], [class*=" cn3"] + [class*=cn3], [class^=cn3] + [class*=cn3], [class*=-cn3] + [class*=cn3], [class*=" cn3"] + [class*=cn2], [class^=cn3] + [class*=cn2], [class*=-cn3] + [class*=cn2], [class*=" cn4"] + [class*=cn4], [class^=cn4] + [class*=cn4], [class*=-cn4] + [class*=cn4], [class*=" cn4"] + [class*=cn3], [class^=cn4] + [class*=cn3], [class*=-cn4] + [class*=cn3], [class*=" cn4"] + [class*=cn2], [class^=cn4] + [class*=cn2], [class*=-cn4] + [class*=cn2], .cn-clear.cn-clear {
    clear: left;
  }
  .cn-overlap.cn-overlap {
    clear: none;
  }
  /* Content New hiding ----- */
  .cn-hide.cn-hide, .gridoverlay .cn-hide.cn-hide {
    display: none;
  }
  .cn-show.cn-show, .gridoverlay .cn-show.cn-show {
    display: block;
  }
  .cn-showgrid .cn-show, .cn-showgrid.cn-show, .gridsetnoareas .cn-show {
    display: block !important;
  }
}

@media only screen and (min-width: 1100px) {
  /* Content New 3er grid: 3 column / gutter: 2.5% ---------------------------------------- */
  [class*=" cnn1"][class*=" cnn1"], [class^=cnn1][class^=cnn1], [class*=" cnn2"][class*=" cnn2"], [class^=cnn2][class^=cnn2], [class*=" cnn3"][class*=" cnn3"], [class^=cnn3][class^=cnn3], .cnn-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Content New 3er grid spans ----- */
  .cnn-all.cnn-all, .cnn-all.cnn-all .cnn-all.cnn-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .cnn1, .cnn-all .cnn1, .cnn1.cnn1, .cnn2, .cnn-all .cnn2, .cnn2.cnn2, .cnn3, .cnn-all .cnn3, .cnn3.cnn3 {
    width: 31.66666666%;
  }
  .cnn1-cnn2 .cnn1, .cnn1-cnn2 .cnn2, .cnn2-cnn3 .cnn2, .cnn2-cnn3 .cnn3 {
    width: 48.10126582%;
  }
  .cnn1-cnn2.cnn1-cnn2, .cnn-all .cnn1-cnn2, .cnn2-cnn3.cnn2-cnn3, .cnn-all .cnn2-cnn3 {
    width: 65.83333332%;
  }
  /* Content New 3er grid padding ----- */
  .cnn-all [class*=" cnn-pad"], .cnn-all [class^=cnn-pad], [class*=" cnn-pad"], [class^=cnn-pad] {
    padding-left: 1.25%;
    padding-right: 1.25%;
    left: -1.25%;
  }
  .cnn1-cnn2 [class*=" cnn-pad"], .cnn1-cnn2 [class^=cnn-pad], .cnn2-cnn3 [class*=" cnn-pad"], .cnn2-cnn3 [class^=cnn-pad] {
    padding-left: 1.89873418%;
    padding-right: 1.89873418%;
    left: -1.89873418%;
  }
  .cnn-all [class~=cnn-padfull], .cnn-all [class~=cnn-padinfull], [class~=cnn-padfull], [class~=cnn-padinfull] {
    padding-left: 2.5%;
    padding-right: 2.5%;
    left: -2.5%;
  }
  .cnn1-cnn2 [class~=cnn-padfull], .cnn1-cnn2 [class~=cnn-padinfull], .cnn2-cnn3 [class~=cnn-padfull], .cnn2-cnn3 [class~=cnn-padinfull] {
    padding-left: 3.79746836%;
    padding-right: 3.79746836%;
    left: -3.79746836%;
  }
  .cnn-pad, .cnn-padfull, .cnn-all .cnn-pad, .cnn-all .cnn-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .cnn-padin[class~=cnn-padin], .cnn-padinfull[class~=cnn-padinfull], .cnn-all .cnn-padin[class~=cnn-padin], .cnn-all .cnn-padinfull[class~=cnn-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Content New 3er grid relationships ----- */
  [class*=" cnn3"][class*=" cnn3"], [class^=cnn3][class^=cnn3], .cnn-all [class*=" cnn3"], .cnn-all [class^=cnn3] {
    margin-left: 68.33333332%;
  }
  [class*=" cnn2"][class*=" cnn2"], [class^=cnn2][class^=cnn2], .cnn-all [class*=" cnn2"], .cnn-all [class^=cnn2] {
    margin-left: 34.16666666%;
  }
  .cnn2-cnn3 [class*=" cnn3"], .cnn2-cnn3 [class^=cnn3] {
    margin-left: 51.89873418%;
  }
  .cnn1-cnn2 [class*=" cnn2"], .cnn1-cnn2 [class^=cnn2] {
    margin-left: 51.89873418%;
  }
  /* Content New 3er grid floats ----- */
  [class*=" cnn-float"][class*=" cnn-float"], [class^=cnn-float][class^=cnn-float] {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .cnn1-cnn2 [class*=" cnn-float"][class*=" cnn-float"], .cnn1-cnn2 [class^=cnn-float][class^=cnn-float], .cnn2-cnn3 [class*=" cnn-float"][class*=" cnn-float"], .cnn2-cnn3 [class^=cnn-float][class^=cnn-float] {
    margin-left: 3.7974683551995%;
    margin-right: 3.7974683551995%;
  }
  .cnn-floatright.cnn-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .cnn-floatleft.cnn-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .cnn-all + [class*=" cnn2"], .cnn-all + [class^=cnn2] {
    clear: left;
  }
  .cnn-all + [class*=" cnn3"], .cnn-all + [class^=cnn3] {
    clear: left;
  }
  /* Content New 3er clearing ----- */
  .cnn-all, [class*=" cnn1-"][class*=" cnn1-"], [class^=cnn1-][class^=cnn1-], .cnn1.cnn1, [class*=" cnn2"] [class*=cnn2], [class^=cnn2] [class*=cnn2], [class*=" cnn3"] [class*=cnn3], [class^=cnn3] [class*=cnn3] {
    margin-left: 0;
    clear: left;
  }
  [class*=" cnn2"] + [class*=cnn2], [class^=cnn2] + [class*=cnn2], [class*=-cnn2] + [class*=cnn2], [class*=" cnn3"] + [class*=cnn3], [class^=cnn3] + [class*=cnn3], [class*=-cnn3] + [class*=cnn3], [class*=" cnn3"] + [class*=cnn2], [class^=cnn3] + [class*=cnn2], [class*=-cnn3] + [class*=cnn2], .cnn-clear.cnn-clear {
    clear: left;
  }
  .cnn-overlap.cnn-overlap {
    clear: none;
  }
  /* Content New 3er hiding ----- */
  .cnn-hide.cnn-hide, .gridoverlay .cnn-hide.cnn-hide {
    display: none;
  }
  .cnn-show.cnn-show, .gridoverlay .cnn-show.cnn-show {
    display: block;
  }
  .cnn-showgrid .cnn-show, .cnn-showgrid.cnn-show, .gridsetnoareas .cnn-show {
    display: block !important;
  }
}

@media only screen and (min-width: 770px) {
  /* Content Grid Header grid: 2 column / gutter: 0% ---------------------------------------- */
  [class*=" ch1"][class*=" ch1"], [class^=ch1][class^=ch1], [class*=" ch2"][class*=" ch2"], [class^=ch2][class^=ch2], .ch-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Content Grid Header grid spans ----- */
  .ch-all.ch-all, .ch-all.ch-all .ch-all.ch-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .ch2, .ch-all .ch2, .ch2.ch2 {
    width: 25.97005456%;
  }
  .ch1, .ch-all .ch1, .ch1.ch1 {
    width: 74.02994544%;
  }
  /* Content Grid Header grid padding ----- */
  .ch-all [class*=" ch-pad"], .ch-all [class^=ch-pad], [class*=" ch-pad"], [class^=ch-pad], .ch-all [class~=ch-padfull], .ch-all [class~=ch-padinfull], [class~=ch-padfull], [class~=ch-padinfull] {
    padding-left: 0%;
    padding-right: 0%;
    left: -0%;
  }
  .ch-pad, .ch-padfull, .ch-all .ch-pad, .ch-all .ch-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .ch-padin[class~=ch-padin], .ch-padinfull[class~=ch-padinfull], .ch-all .ch-padin[class~=ch-padin], .ch-all .ch-padinfull[class~=ch-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Content Grid Header grid relationships ----- */
  [class*=" ch2"][class*=" ch2"], [class^=ch2][class^=ch2], .ch-all [class*=" ch2"], .ch-all [class^=ch2] {
    margin-left: 74.02994544%;
  }
  /* Content Grid Header grid floats ----- */
  [class*=" ch-float"][class*=" ch-float"], [class^=ch-float][class^=ch-float] {
    margin-left: 0%;
    margin-right: 0%;
  }
  .ch-floatright.ch-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .ch-floatleft.ch-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .ch-all + [class*=" ch2"], .ch-all + [class^=ch2] {
    clear: left;
  }
  /* Content Grid Header clearing ----- */
  .ch-all, [class*=" ch1-"][class*=" ch1-"], [class^=ch1-][class^=ch1-], .ch1.ch1, [class*=" ch2"] [class*=ch2], [class^=ch2] [class*=ch2] {
    margin-left: 0;
    clear: left;
  }
  [class*=" ch2"] + [class*=ch2], [class^=ch2] + [class*=ch2], [class*=-ch2] + [class*=ch2], .ch-clear.ch-clear {
    clear: left;
  }
  .ch-overlap.ch-overlap {
    clear: none;
  }
  /* Content Grid Header hiding ----- */
  .ch-hide.ch-hide, .gridoverlay .ch-hide.ch-hide {
    display: none;
  }
  .ch-show.ch-show, .gridoverlay .ch-show.ch-show {
    display: block;
  }
  .ch-showgrid .ch-show, .ch-showgrid.ch-show, .gridsetnoareas .ch-show {
    display: block !important;
  }
}

@media only screen and (min-width: 1100px) {
  /* Content Grid Inner grid: 3 column / gutter: 2.78% ---------------------------------------- */
  [class*=" ci1"][class*=" ci1"], [class^=ci1][class^=ci1], [class*=" ci2"][class*=" ci2"], [class^=ci2][class^=ci2], [class*=" ci3"][class*=" ci3"], [class^=ci3][class^=ci3], .ci-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Content Grid Inner grid spans ----- */
  .ci-all.ci-all, .ci-all.ci-all .ci-all.ci-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .ci1, .ci-all .ci1, .ci1.ci1, .ci3, .ci-all .ci3, .ci3.ci3 {
    width: 26.5%;
  }
  .ci1-ci2 .ci1, .ci2-ci3 .ci3 {
    width: 37.47171946%;
  }
  .ci2, .ci-all .ci2, .ci2.ci2 {
    width: 41.44%;
  }
  .ci1-ci2 .ci2, .ci2-ci3 .ci2 {
    width: 58.59728507%;
  }
  .ci1-ci2.ci1-ci2, .ci-all .ci1-ci2, .ci2-ci3.ci2-ci3, .ci-all .ci2-ci3 {
    width: 70.72%;
  }
  /* Content Grid Inner grid padding ----- */
  .ci-all [class*=" ci-pad"], .ci-all [class^=ci-pad], [class*=" ci-pad"], [class^=ci-pad] {
    padding-left: 1.39%;
    padding-right: 1.39%;
    left: -1.39%;
  }
  .ci1-ci2 [class*=" ci-pad"], .ci1-ci2 [class^=ci-pad], .ci2-ci3 [class*=" ci-pad"], .ci2-ci3 [class^=ci-pad] {
    padding-left: 1.96549774%;
    padding-right: 1.96549774%;
    left: -1.96549774%;
  }
  .ci-all [class~=ci-padfull], .ci-all [class~=ci-padinfull], [class~=ci-padfull], [class~=ci-padinfull] {
    padding-left: 2.78%;
    padding-right: 2.78%;
    left: -2.78%;
  }
  .ci1-ci2 [class~=ci-padfull], .ci1-ci2 [class~=ci-padinfull], .ci2-ci3 [class~=ci-padfull], .ci2-ci3 [class~=ci-padinfull] {
    padding-left: 3.93099548%;
    padding-right: 3.93099548%;
    left: -3.93099548%;
  }
  .ci-pad, .ci-padfull, .ci-all .ci-pad, .ci-all .ci-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .ci-padin[class~=ci-padin], .ci-padinfull[class~=ci-padinfull], .ci-all .ci-padin[class~=ci-padin], .ci-all .ci-padinfull[class~=ci-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Content Grid Inner grid relationships ----- */
  [class*=" ci3"][class*=" ci3"], [class^=ci3][class^=ci3], .ci-all [class*=" ci3"], .ci-all [class^=ci3] {
    margin-left: 73.5%;
  }
  [class*=" ci2"][class*=" ci2"], [class^=ci2][class^=ci2], .ci-all [class*=" ci2"], .ci-all [class^=ci2] {
    margin-left: 29.28%;
  }
  .ci2-ci3 [class*=" ci3"], .ci2-ci3 [class^=ci3] {
    margin-left: 62.52828054%;
  }
  .ci1-ci2 [class*=" ci2"], .ci1-ci2 [class^=ci2] {
    margin-left: 41.40271493%;
  }
  /* Content Grid Inner grid floats ----- */
  [class*=" ci-float"][class*=" ci-float"], [class^=ci-float][class^=ci-float] {
    margin-left: 2.78%;
    margin-right: 2.78%;
  }
  .ci1-ci2 [class*=" ci-float"][class*=" ci-float"], .ci1-ci2 [class^=ci-float][class^=ci-float], .ci2-ci3 [class*=" ci-float"][class*=" ci-float"], .ci2-ci3 [class^=ci-float][class^=ci-float] {
    margin-left: 3.9309954751131%;
    margin-right: 3.9309954751131%;
  }
  .ci-floatright.ci-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .ci-floatleft.ci-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .ci-all + [class*=" ci2"], .ci-all + [class^=ci2] {
    clear: left;
  }
  .ci-all + [class*=" ci3"], .ci-all + [class^=ci3] {
    clear: left;
  }
  /* Content Grid Inner clearing ----- */
  .ci-all, [class*=" ci1-"][class*=" ci1-"], [class^=ci1-][class^=ci1-], .ci1.ci1, [class*=" ci2"] [class*=ci2], [class^=ci2] [class*=ci2], [class*=" ci3"] [class*=ci3], [class^=ci3] [class*=ci3] {
    margin-left: 0;
    clear: left;
  }
  [class*=" ci2"] + [class*=ci2], [class^=ci2] + [class*=ci2], [class*=-ci2] + [class*=ci2], [class*=" ci3"] + [class*=ci3], [class^=ci3] + [class*=ci3], [class*=-ci3] + [class*=ci3], [class*=" ci3"] + [class*=ci2], [class^=ci3] + [class*=ci2], [class*=-ci3] + [class*=ci2], .ci-clear.ci-clear {
    clear: left;
  }
  .ci-overlap.ci-overlap {
    clear: none;
  }
  /* Content Grid Inner hiding ----- */
  .ci-hide.ci-hide, .gridoverlay .ci-hide.ci-hide {
    display: none;
  }
  .ci-show.ci-show, .gridoverlay .ci-show.ci-show {
    display: block;
  }
  .ci-showgrid .ci-show, .ci-showgrid.ci-show, .gridsetnoareas .ci-show {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) {
  /* SubNavigation Grid grid: 4 column / gutter: 1% ---------------------------------------- */
  [class*=" sn1"][class*=" sn1"], [class^=sn1][class^=sn1], [class*=" sn2"][class*=" sn2"], [class^=sn2][class^=sn2], [class*=" sn3"][class*=" sn3"], [class^=sn3][class^=sn3], [class*=" sn4"][class*=" sn4"], [class^=sn4][class^=sn4], .sn-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* SubNavigation Grid grid spans ----- */
  .sn-all.sn-all, .sn-all.sn-all .sn-all.sn-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .sn1, .sn-all .sn1, .sn1.sn1, .sn2, .sn-all .sn2, .sn2.sn2, .sn3, .sn-all .sn3, .sn3.sn3, .sn4, .sn-all .sn4, .sn4.sn4 {
    width: 24.25%;
  }
  .sn1-sn3 .sn1, .sn1-sn3 .sn2, .sn1-sn3 .sn3, .sn2-sn4 .sn2, .sn2-sn4 .sn3, .sn2-sn4 .sn4 {
    width: 32.44147157%;
  }
  .sn1-sn2 .sn1, .sn1-sn2 .sn2, .sn2-sn3 .sn2, .sn2-sn3 .sn3, .sn3-sn4 .sn3, .sn3-sn4 .sn4 {
    width: 48.98989899%;
  }
  .sn1-sn2.sn1-sn2, .sn-all .sn1-sn2, .sn2-sn3.sn2-sn3, .sn-all .sn2-sn3, .sn3-sn4.sn3-sn4, .sn-all .sn3-sn4 {
    width: 49.5%;
  }
  .sn1-sn3 .sn1-sn2, .sn1-sn3 .sn2-sn3, .sn2-sn4 .sn2-sn3, .sn2-sn4 .sn3-sn4 {
    width: 66.22073579%;
  }
  .sn1-sn3.sn1-sn3, .sn-all .sn1-sn3, .sn2-sn4.sn2-sn4, .sn-all .sn2-sn4 {
    width: 74.75%;
  }
  /* SubNavigation Grid grid padding ----- */
  .sn-all [class*=" sn-pad"], .sn-all [class^=sn-pad], [class*=" sn-pad"], [class^=sn-pad] {
    padding-left: 0.5%;
    padding-right: 0.5%;
    left: -0.5%;
  }
  .sn1-sn3 [class*=" sn-pad"], .sn1-sn3 [class^=sn-pad], .sn2-sn4 [class*=" sn-pad"], .sn2-sn4 [class^=sn-pad] {
    padding-left: 0.66889632%;
    padding-right: 0.66889632%;
    left: -0.66889632%;
  }
  .sn-all [class~=sn-padfull], .sn-all [class~=sn-padinfull], [class~=sn-padfull], [class~=sn-padinfull] {
    padding-left: 1%;
    padding-right: 1%;
    left: -1%;
  }
  .sn1-sn2 [class*=" sn-pad"], .sn1-sn2 [class^=sn-pad], .sn2-sn3 [class*=" sn-pad"], .sn2-sn3 [class^=sn-pad], .sn3-sn4 [class*=" sn-pad"], .sn3-sn4 [class^=sn-pad] {
    padding-left: 1.01010101%;
    padding-right: 1.01010101%;
    left: -1.01010101%;
  }
  .sn1-sn3 [class~=sn-padfull], .sn1-sn3 [class~=sn-padinfull], .sn2-sn4 [class~=sn-padfull], .sn2-sn4 [class~=sn-padinfull] {
    padding-left: 1.33779264%;
    padding-right: 1.33779264%;
    left: -1.33779264%;
  }
  .sn1-sn2 [class~=sn-padfull], .sn1-sn2 [class~=sn-padinfull], .sn2-sn3 [class~=sn-padfull], .sn2-sn3 [class~=sn-padinfull], .sn3-sn4 [class~=sn-padfull], .sn3-sn4 [class~=sn-padinfull] {
    padding-left: 2.02020202%;
    padding-right: 2.02020202%;
    left: -2.02020202%;
  }
  .sn-pad, .sn-padfull, .sn-all .sn-pad, .sn-all .sn-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .sn-padin[class~=sn-padin], .sn-padinfull[class~=sn-padinfull], .sn-all .sn-padin[class~=sn-padin], .sn-all .sn-padinfull[class~=sn-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* SubNavigation Grid grid relationships ----- */
  [class*=" sn4"][class*=" sn4"], [class^=sn4][class^=sn4], .sn-all [class*=" sn4"], .sn-all [class^=sn4] {
    margin-left: 75.75%;
  }
  [class*=" sn3"][class*=" sn3"], [class^=sn3][class^=sn3], .sn-all [class*=" sn3"], .sn-all [class^=sn3] {
    margin-left: 50.5%;
  }
  [class*=" sn2"][class*=" sn2"], [class^=sn2][class^=sn2], .sn-all [class*=" sn2"], .sn-all [class^=sn2] {
    margin-left: 25.25%;
  }
  .sn2-sn4 [class*=" sn4"], .sn2-sn4 [class^=sn4] {
    margin-left: 67.55852843%;
  }
  .sn2-sn4 [class*=" sn3"], .sn2-sn4 [class^=sn3] {
    margin-left: 33.77926421%;
  }
  .sn3-sn4 [class*=" sn4"], .sn3-sn4 [class^=sn4] {
    margin-left: 51.01010101%;
  }
  .sn1-sn3 [class*=" sn3"], .sn1-sn3 [class^=sn3] {
    margin-left: 67.55852843%;
  }
  .sn1-sn3 [class*=" sn2"], .sn1-sn3 [class^=sn2] {
    margin-left: 33.77926421%;
  }
  .sn2-sn3 [class*=" sn3"], .sn2-sn3 [class^=sn3] {
    margin-left: 51.01010101%;
  }
  .sn1-sn2 [class*=" sn2"], .sn1-sn2 [class^=sn2] {
    margin-left: 51.01010101%;
  }
  /* SubNavigation Grid grid floats ----- */
  [class*=" sn-float"][class*=" sn-float"], [class^=sn-float][class^=sn-float] {
    margin-left: 1%;
    margin-right: 1%;
  }
  .sn1-sn3 [class*=" sn-float"][class*=" sn-float"], .sn1-sn3 [class^=sn-float][class^=sn-float], .sn2-sn4 [class*=" sn-float"][class*=" sn-float"], .sn2-sn4 [class^=sn-float][class^=sn-float] {
    margin-left: 1.3377926421405%;
    margin-right: 1.3377926421405%;
  }
  .sn1-sn2 [class*=" sn-float"][class*=" sn-float"], .sn1-sn2 [class^=sn-float][class^=sn-float], .sn2-sn3 [class*=" sn-float"][class*=" sn-float"], .sn2-sn3 [class^=sn-float][class^=sn-float], .sn3-sn4 [class*=" sn-float"][class*=" sn-float"], .sn3-sn4 [class^=sn-float][class^=sn-float] {
    margin-left: 2.020202020202%;
    margin-right: 2.020202020202%;
  }
  .sn-floatright.sn-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .sn-floatleft.sn-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .sn-all + [class*=" sn2"], .sn-all + [class^=sn2] {
    clear: left;
  }
  .sn-all + [class*=" sn3"], .sn-all + [class^=sn3] {
    clear: left;
  }
  .sn-all + [class*=" sn4"], .sn-all + [class^=sn4] {
    clear: left;
  }
  /* SubNavigation Grid clearing ----- */
  .sn-all, [class*=" sn1-"][class*=" sn1-"], [class^=sn1-][class^=sn1-], .sn1.sn1, [class*=" sn2"] [class*=sn2], [class^=sn2] [class*=sn2], [class*=" sn3"] [class*=sn3], [class^=sn3] [class*=sn3], [class*=" sn4"] [class*=sn4], [class^=sn4] [class*=sn4] {
    margin-left: 0;
    clear: left;
  }
  [class*=" sn2"] + [class*=sn2], [class^=sn2] + [class*=sn2], [class*=-sn2] + [class*=sn2], [class*=" sn3"] + [class*=sn3], [class^=sn3] + [class*=sn3], [class*=-sn3] + [class*=sn3], [class*=" sn3"] + [class*=sn2], [class^=sn3] + [class*=sn2], [class*=-sn3] + [class*=sn2], [class*=" sn4"] + [class*=sn4], [class^=sn4] + [class*=sn4], [class*=-sn4] + [class*=sn4], [class*=" sn4"] + [class*=sn3], [class^=sn4] + [class*=sn3], [class*=-sn4] + [class*=sn3], [class*=" sn4"] + [class*=sn2], [class^=sn4] + [class*=sn2], [class*=-sn4] + [class*=sn2], .sn-clear.sn-clear {
    clear: left;
  }
  .sn-overlap.sn-overlap {
    clear: none;
  }
  /* SubNavigation Grid hiding ----- */
  .sn-hide.sn-hide, .gridoverlay .sn-hide.sn-hide {
    display: none;
  }
  .sn-show.sn-show, .gridoverlay .sn-show.sn-show {
    display: block;
  }
  .sn-showgrid .sn-show, .sn-showgrid.sn-show, .gridsetnoareas .sn-show {
    display: block !important;
  }
}

@media only screen and (min-width: 420px) and (max-width: 768px) {
  /* SubNavigation Grid Tablet grid: 2 column / gutter: 1% ---------------------------------------- */
  [class*=" snt1"][class*=" snt1"], [class^=snt1][class^=snt1], [class*=" snt2"][class*=" snt2"], [class^=snt2][class^=snt2], .snt-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* SubNavigation Grid Tablet grid spans ----- */
  .snt-all.snt-all, .snt-all.snt-all .snt-all.snt-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .snt1, .snt-all .snt1, .snt1.snt1, .snt2, .snt-all .snt2, .snt2.snt2 {
    width: 49.5%;
  }
  /* SubNavigation Grid Tablet grid padding ----- */
  .snt-all [class*=" snt-pad"], .snt-all [class^=snt-pad], [class*=" snt-pad"], [class^=snt-pad] {
    padding-left: 0.5%;
    padding-right: 0.5%;
    left: -0.5%;
  }
  .snt-all [class~=snt-padfull], .snt-all [class~=snt-padinfull], [class~=snt-padfull], [class~=snt-padinfull] {
    padding-left: 1%;
    padding-right: 1%;
    left: -1%;
  }
  .snt-pad, .snt-padfull, .snt-all .snt-pad, .snt-all .snt-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .snt-padin[class~=snt-padin], .snt-padinfull[class~=snt-padinfull], .snt-all .snt-padin[class~=snt-padin], .snt-all .snt-padinfull[class~=snt-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* SubNavigation Grid Tablet grid relationships ----- */
  [class*=" snt2"][class*=" snt2"], [class^=snt2][class^=snt2], .snt-all [class*=" snt2"], .snt-all [class^=snt2] {
    margin-left: 50.5%;
  }
  /* SubNavigation Grid Tablet grid floats ----- */
  [class*=" snt-float"][class*=" snt-float"], [class^=snt-float][class^=snt-float] {
    margin-left: 1%;
    margin-right: 1%;
  }
  .snt-floatright.snt-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .snt-floatleft.snt-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .snt-all + [class*=" snt2"], .snt-all + [class^=snt2] {
    clear: left;
  }
  /* SubNavigation Grid Tablet clearing ----- */
  .snt-all, [class*=" snt1-"][class*=" snt1-"], [class^=snt1-][class^=snt1-], .snt1.snt1, [class*=" snt2"] [class*=snt2], [class^=snt2] [class*=snt2] {
    margin-left: 0;
    clear: left;
  }
  [class*=" snt2"] + [class*=snt2], [class^=snt2] + [class*=snt2], [class*=-snt2] + [class*=snt2], .snt-clear.snt-clear {
    clear: left;
  }
  .snt-overlap.snt-overlap {
    clear: none;
  }
  /* SubNavigation Grid Tablet hiding ----- */
  .snt-hide.snt-hide, .gridoverlay .snt-hide.snt-hide {
    display: none;
  }
  .snt-show.snt-show, .gridoverlay .snt-show.snt-show {
    display: block;
  }
  .snt-showgrid .snt-show, .snt-showgrid.snt-show, .gridsetnoareas .snt-show {
    display: block !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 420px) {
  /* SubNavigation Grid Mobile grid: 1 column / gutter: 1% ---------------------------------------- */
  [class*=" snm1"][class*=" snm1"], [class^=snm1][class^=snm1], .snm-all {
    display: block;
    float: left;
    clear: none;
    width: 100%;
    margin-right: -100%;
  }
  /* SubNavigation Grid Mobile grid spans ----- */
  .snm-all.snm-all, .snm-all.snm-all .snm-all.snm-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  /* SubNavigation Grid Mobile grid padding ----- */
  .snm-pad, .snm-padfull, .snm-all .snm-pad, .snm-all .snm-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .snm-padin[class~=snm-padin], .snm-padinfull[class~=snm-padinfull], .snm-all .snm-padin[class~=snm-padin], .snm-all .snm-padinfull[class~=snm-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* SubNavigation Grid Mobile grid relationships ----- */
  /* SubNavigation Grid Mobile grid floats ----- */
  .snm-floatright.snm-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .snm-floatleft.snm-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  /* SubNavigation Grid Mobile clearing ----- */
  .snm-all, [class*=" snm1-"][class*=" snm1-"], [class^=snm1-][class^=snm1-], .snm1.snm1 {
    margin-left: 0;
    clear: left;
  }
  .snm-clear.snm-clear {
    clear: left;
  }
  .snm-overlap.snm-overlap {
    clear: none;
  }
  /* SubNavigation Grid Mobile hiding ----- */
  .snm-hide.snm-hide, .gridoverlay .snm-hide.snm-hide {
    display: none;
  }
  .snm-show.snm-show, .gridoverlay .snm-show.snm-show {
    display: block;
  }
  .snm-showgrid .snm-show, .snm-showgrid.snm-show, .gridsetnoareas .snm-show {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) {
  /* Navigation Grid grid: 5 column / gutter: 0.4% ---------------------------------------- */
  [class*=" mn1"][class*=" mn1"], [class^=mn1][class^=mn1], [class*=" mn2"][class*=" mn2"], [class^=mn2][class^=mn2], [class*=" mn3"][class*=" mn3"], [class^=mn3][class^=mn3], [class*=" mn4"][class*=" mn4"], [class^=mn4][class^=mn4], [class*=" mn5"][class*=" mn5"], [class^=mn5][class^=mn5], .mn-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Navigation Grid grid spans ----- */
  .mn-all.mn-all, .mn-all.mn-all .mn-all.mn-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .mn1, .mn-all .mn1, .mn1.mn1, .mn2, .mn-all .mn2, .mn2.mn2, .mn3, .mn-all .mn3, .mn3.mn3, .mn4, .mn-all .mn4, .mn4.mn4, .mn5, .mn-all .mn5, .mn5.mn5 {
    width: 19.68%;
  }
  .mn1-mn4 .mn1, .mn1-mn4 .mn2, .mn1-mn4 .mn3, .mn1-mn4 .mn4, .mn2-mn5 .mn2, .mn2-mn5 .mn3, .mn2-mn5 .mn4, .mn2-mn5 .mn5 {
    width: 24.62462462%;
  }
  .mn1-mn3 .mn1, .mn1-mn3 .mn2, .mn1-mn3 .mn3, .mn2-mn4 .mn2, .mn2-mn4 .mn3, .mn2-mn4 .mn4, .mn3-mn5 .mn3, .mn3-mn5 .mn4, .mn3-mn5 .mn5 {
    width: 32.88770053%;
  }
  .mn1-mn2.mn1-mn2, .mn-all .mn1-mn2, .mn2-mn3.mn2-mn3, .mn-all .mn2-mn3, .mn3-mn4.mn3-mn4, .mn-all .mn3-mn4, .mn4-mn5.mn4-mn5, .mn-all .mn4-mn5 {
    width: 39.76%;
  }
  .mn1-mn2 .mn1, .mn1-mn2 .mn2, .mn2-mn3 .mn2, .mn2-mn3 .mn3, .mn3-mn4 .mn3, .mn3-mn4 .mn4, .mn4-mn5 .mn4, .mn4-mn5 .mn5 {
    width: 49.49698189%;
  }
  .mn1-mn4 .mn1-mn2, .mn1-mn4 .mn2-mn3, .mn1-mn4 .mn3-mn4, .mn2-mn5 .mn2-mn3, .mn2-mn5 .mn3-mn4, .mn2-mn5 .mn4-mn5 {
    width: 49.74974975%;
  }
  .mn1-mn3.mn1-mn3, .mn-all .mn1-mn3, .mn2-mn4.mn2-mn4, .mn-all .mn2-mn4, .mn3-mn5.mn3-mn5, .mn-all .mn3-mn5 {
    width: 59.84%;
  }
  .mn1-mn3 .mn1-mn2, .mn1-mn3 .mn2-mn3, .mn2-mn4 .mn2-mn3, .mn2-mn4 .mn3-mn4, .mn3-mn5 .mn3-mn4, .mn3-mn5 .mn4-mn5 {
    width: 66.44385027%;
  }
  .mn1-mn4 .mn1-mn3, .mn1-mn4 .mn2-mn4, .mn2-mn5 .mn2-mn4, .mn2-mn5 .mn3-mn5 {
    width: 74.87487487%;
  }
  .mn1-mn4.mn1-mn4, .mn-all .mn1-mn4, .mn2-mn5.mn2-mn5, .mn-all .mn2-mn5 {
    width: 79.92%;
  }
  /* Navigation Grid grid padding ----- */
  .mn-all [class*=" mn-pad"], .mn-all [class^=mn-pad], [class*=" mn-pad"], [class^=mn-pad] {
    padding-left: 0.2%;
    padding-right: 0.2%;
    left: -0.2%;
  }
  .mn1-mn4 [class*=" mn-pad"], .mn1-mn4 [class^=mn-pad], .mn2-mn5 [class*=" mn-pad"], .mn2-mn5 [class^=mn-pad] {
    padding-left: 0.25025025%;
    padding-right: 0.25025025%;
    left: -0.25025025%;
  }
  .mn1-mn3 [class*=" mn-pad"], .mn1-mn3 [class^=mn-pad], .mn2-mn4 [class*=" mn-pad"], .mn2-mn4 [class^=mn-pad], .mn3-mn5 [class*=" mn-pad"], .mn3-mn5 [class^=mn-pad] {
    padding-left: 0.3342246%;
    padding-right: 0.3342246%;
    left: -0.3342246%;
  }
  .mn-all [class~=mn-padfull], .mn-all [class~=mn-padinfull], [class~=mn-padfull], [class~=mn-padinfull] {
    padding-left: 0.4%;
    padding-right: 0.4%;
    left: -0.4%;
  }
  .mn1-mn4 [class~=mn-padfull], .mn1-mn4 [class~=mn-padinfull], .mn2-mn5 [class~=mn-padfull], .mn2-mn5 [class~=mn-padinfull] {
    padding-left: 0.5005005%;
    padding-right: 0.5005005%;
    left: -0.5005005%;
  }
  .mn1-mn2 [class*=" mn-pad"], .mn1-mn2 [class^=mn-pad], .mn2-mn3 [class*=" mn-pad"], .mn2-mn3 [class^=mn-pad], .mn3-mn4 [class*=" mn-pad"], .mn3-mn4 [class^=mn-pad], .mn4-mn5 [class*=" mn-pad"], .mn4-mn5 [class^=mn-pad] {
    padding-left: 0.50301811%;
    padding-right: 0.50301811%;
    left: -0.50301811%;
  }
  .mn1-mn3 [class~=mn-padfull], .mn1-mn3 [class~=mn-padinfull], .mn2-mn4 [class~=mn-padfull], .mn2-mn4 [class~=mn-padinfull], .mn3-mn5 [class~=mn-padfull], .mn3-mn5 [class~=mn-padinfull] {
    padding-left: 0.6684492%;
    padding-right: 0.6684492%;
    left: -0.6684492%;
  }
  .mn1-mn2 [class~=mn-padfull], .mn1-mn2 [class~=mn-padinfull], .mn2-mn3 [class~=mn-padfull], .mn2-mn3 [class~=mn-padinfull], .mn3-mn4 [class~=mn-padfull], .mn3-mn4 [class~=mn-padinfull], .mn4-mn5 [class~=mn-padfull], .mn4-mn5 [class~=mn-padinfull] {
    padding-left: 1.00603622%;
    padding-right: 1.00603622%;
    left: -1.00603622%;
  }
  .mn-pad, .mn-padfull, .mn-all .mn-pad, .mn-all .mn-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .mn-padin[class~=mn-padin], .mn-padinfull[class~=mn-padinfull], .mn-all .mn-padin[class~=mn-padin], .mn-all .mn-padinfull[class~=mn-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Navigation Grid grid relationships ----- */
  [class*=" mn5"][class*=" mn5"], [class^=mn5][class^=mn5], .mn-all [class*=" mn5"], .mn-all [class^=mn5] {
    margin-left: 80.32%;
  }
  [class*=" mn4"][class*=" mn4"], [class^=mn4][class^=mn4], .mn-all [class*=" mn4"], .mn-all [class^=mn4] {
    margin-left: 60.24%;
  }
  [class*=" mn3"][class*=" mn3"], [class^=mn3][class^=mn3], .mn-all [class*=" mn3"], .mn-all [class^=mn3] {
    margin-left: 40.16%;
  }
  [class*=" mn2"][class*=" mn2"], [class^=mn2][class^=mn2], .mn-all [class*=" mn2"], .mn-all [class^=mn2] {
    margin-left: 20.08%;
  }
  .mn2-mn5 [class*=" mn5"], .mn2-mn5 [class^=mn5] {
    margin-left: 75.37537538%;
  }
  .mn2-mn5 [class*=" mn4"], .mn2-mn5 [class^=mn4] {
    margin-left: 50.25025025%;
  }
  .mn2-mn5 [class*=" mn3"], .mn2-mn5 [class^=mn3] {
    margin-left: 25.12512513%;
  }
  .mn3-mn5 [class*=" mn5"], .mn3-mn5 [class^=mn5] {
    margin-left: 67.11229947%;
  }
  .mn3-mn5 [class*=" mn4"], .mn3-mn5 [class^=mn4] {
    margin-left: 33.55614973%;
  }
  .mn4-mn5 [class*=" mn5"], .mn4-mn5 [class^=mn5] {
    margin-left: 50.50301811%;
  }
  .mn1-mn4 [class*=" mn4"], .mn1-mn4 [class^=mn4] {
    margin-left: 75.37537538%;
  }
  .mn1-mn4 [class*=" mn3"], .mn1-mn4 [class^=mn3] {
    margin-left: 50.25025025%;
  }
  .mn1-mn4 [class*=" mn2"], .mn1-mn4 [class^=mn2] {
    margin-left: 25.12512513%;
  }
  .mn2-mn4 [class*=" mn4"], .mn2-mn4 [class^=mn4] {
    margin-left: 67.11229947%;
  }
  .mn2-mn4 [class*=" mn3"], .mn2-mn4 [class^=mn3] {
    margin-left: 33.55614973%;
  }
  .mn3-mn4 [class*=" mn4"], .mn3-mn4 [class^=mn4] {
    margin-left: 50.50301811%;
  }
  .mn1-mn3 [class*=" mn3"], .mn1-mn3 [class^=mn3] {
    margin-left: 67.11229947%;
  }
  .mn1-mn3 [class*=" mn2"], .mn1-mn3 [class^=mn2] {
    margin-left: 33.55614973%;
  }
  .mn2-mn3 [class*=" mn3"], .mn2-mn3 [class^=mn3] {
    margin-left: 50.50301811%;
  }
  .mn1-mn2 [class*=" mn2"], .mn1-mn2 [class^=mn2] {
    margin-left: 50.50301811%;
  }
  /* Navigation Grid grid floats ----- */
  [class*=" mn-float"][class*=" mn-float"], [class^=mn-float][class^=mn-float] {
    margin-left: 0.4%;
    margin-right: 0.4%;
  }
  .mn1-mn4 [class*=" mn-float"][class*=" mn-float"], .mn1-mn4 [class^=mn-float][class^=mn-float], .mn2-mn5 [class*=" mn-float"][class*=" mn-float"], .mn2-mn5 [class^=mn-float][class^=mn-float] {
    margin-left: 0.5005005005005%;
    margin-right: 0.5005005005005%;
  }
  .mn1-mn3 [class*=" mn-float"][class*=" mn-float"], .mn1-mn3 [class^=mn-float][class^=mn-float], .mn2-mn4 [class*=" mn-float"][class*=" mn-float"], .mn2-mn4 [class^=mn-float][class^=mn-float], .mn3-mn5 [class*=" mn-float"][class*=" mn-float"], .mn3-mn5 [class^=mn-float][class^=mn-float] {
    margin-left: 0.66844919786096%;
    margin-right: 0.66844919786096%;
  }
  .mn1-mn2 [class*=" mn-float"][class*=" mn-float"], .mn1-mn2 [class^=mn-float][class^=mn-float], .mn2-mn3 [class*=" mn-float"][class*=" mn-float"], .mn2-mn3 [class^=mn-float][class^=mn-float], .mn3-mn4 [class*=" mn-float"][class*=" mn-float"], .mn3-mn4 [class^=mn-float][class^=mn-float], .mn4-mn5 [class*=" mn-float"][class*=" mn-float"], .mn4-mn5 [class^=mn-float][class^=mn-float] {
    margin-left: 1.0060362173038%;
    margin-right: 1.0060362173038%;
  }
  .mn-floatright.mn-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .mn-floatleft.mn-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .mn-all + [class*=" mn2"], .mn-all + [class^=mn2] {
    clear: left;
  }
  .mn-all + [class*=" mn3"], .mn-all + [class^=mn3] {
    clear: left;
  }
  .mn-all + [class*=" mn4"], .mn-all + [class^=mn4] {
    clear: left;
  }
  .mn-all + [class*=" mn5"], .mn-all + [class^=mn5] {
    clear: left;
  }
  /* Navigation Grid clearing ----- */
  .mn-all, [class*=" mn1-"][class*=" mn1-"], [class^=mn1-][class^=mn1-], .mn1.mn1, [class*=" mn2"] [class*=mn2], [class^=mn2] [class*=mn2], [class*=" mn3"] [class*=mn3], [class^=mn3] [class*=mn3], [class*=" mn4"] [class*=mn4], [class^=mn4] [class*=mn4], [class*=" mn5"] [class*=mn5], [class^=mn5] [class*=mn5] {
    margin-left: 0;
    clear: left;
  }
  [class*=" mn2"] + [class*=mn2], [class^=mn2] + [class*=mn2], [class*=-mn2] + [class*=mn2], [class*=" mn3"] + [class*=mn3], [class^=mn3] + [class*=mn3], [class*=-mn3] + [class*=mn3], [class*=" mn3"] + [class*=mn2], [class^=mn3] + [class*=mn2], [class*=-mn3] + [class*=mn2], [class*=" mn4"] + [class*=mn4], [class^=mn4] + [class*=mn4], [class*=-mn4] + [class*=mn4], [class*=" mn4"] + [class*=mn3], [class^=mn4] + [class*=mn3], [class*=-mn4] + [class*=mn3], [class*=" mn4"] + [class*=mn2], [class^=mn4] + [class*=mn2], [class*=-mn4] + [class*=mn2], [class*=" mn5"] + [class*=mn5], [class^=mn5] + [class*=mn5], [class*=-mn5] + [class*=mn5], [class*=" mn5"] + [class*=mn4], [class^=mn5] + [class*=mn4], [class*=-mn5] + [class*=mn4], [class*=" mn5"] + [class*=mn3], [class^=mn5] + [class*=mn3], [class*=-mn5] + [class*=mn3], [class*=" mn5"] + [class*=mn2], [class^=mn5] + [class*=mn2], [class*=-mn5] + [class*=mn2], .mn-clear.mn-clear {
    clear: left;
  }
  .mn-overlap.mn-overlap {
    clear: none;
  }
  /* Navigation Grid hiding ----- */
  .mn-hide.mn-hide, .gridoverlay .mn-hide.mn-hide {
    display: none;
  }
  .mn-show.mn-show, .gridoverlay .mn-show.mn-show {
    display: block;
  }
  .mn-showgrid .mn-show, .mn-showgrid.mn-show, .gridsetnoareas .mn-show {
    display: block !important;
  }
}

@media only screen and (min-width: 420px) and (max-width: 768px) {
  /* Navigation Grid Tablet grid: 3 column / gutter: 1% ---------------------------------------- */
  [class*=" mnt1"][class*=" mnt1"], [class^=mnt1][class^=mnt1], [class*=" mnt2"][class*=" mnt2"], [class^=mnt2][class^=mnt2], [class*=" mnt3"][class*=" mnt3"], [class^=mnt3][class^=mnt3], .mnt-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Navigation Grid Tablet grid spans ----- */
  .mnt-all.mnt-all, .mnt-all.mnt-all .mnt-all.mnt-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .mnt1, .mnt-all .mnt1, .mnt1.mnt1, .mnt2, .mnt-all .mnt2, .mnt2.mnt2, .mnt3, .mnt-all .mnt3, .mnt3.mnt3 {
    width: 32.6666667%;
  }
  .mnt1-mnt2 .mnt1, .mnt1-mnt2 .mnt2, .mnt2-mnt3 .mnt2, .mnt2-mnt3 .mnt3 {
    width: 49.24623116%;
  }
  .mnt1-mnt2.mnt1-mnt2, .mnt-all .mnt1-mnt2, .mnt2-mnt3.mnt2-mnt3, .mnt-all .mnt2-mnt3 {
    width: 66.3333334%;
  }
  /* Navigation Grid Tablet grid padding ----- */
  .mnt-all [class*=" mnt-pad"], .mnt-all [class^=mnt-pad], [class*=" mnt-pad"], [class^=mnt-pad] {
    padding-left: 0.5%;
    padding-right: 0.5%;
    left: -0.5%;
  }
  .mnt1-mnt2 [class*=" mnt-pad"], .mnt1-mnt2 [class^=mnt-pad], .mnt2-mnt3 [class*=" mnt-pad"], .mnt2-mnt3 [class^=mnt-pad] {
    padding-left: 0.75376884%;
    padding-right: 0.75376884%;
    left: -0.75376884%;
  }
  .mnt-all [class~=mnt-padfull], .mnt-all [class~=mnt-padinfull], [class~=mnt-padfull], [class~=mnt-padinfull] {
    padding-left: 1%;
    padding-right: 1%;
    left: -1%;
  }
  .mnt1-mnt2 [class~=mnt-padfull], .mnt1-mnt2 [class~=mnt-padinfull], .mnt2-mnt3 [class~=mnt-padfull], .mnt2-mnt3 [class~=mnt-padinfull] {
    padding-left: 1.50753769%;
    padding-right: 1.50753769%;
    left: -1.50753769%;
  }
  .mnt-pad, .mnt-padfull, .mnt-all .mnt-pad, .mnt-all .mnt-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .mnt-padin[class~=mnt-padin], .mnt-padinfull[class~=mnt-padinfull], .mnt-all .mnt-padin[class~=mnt-padin], .mnt-all .mnt-padinfull[class~=mnt-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Navigation Grid Tablet grid relationships ----- */
  [class*=" mnt3"][class*=" mnt3"], [class^=mnt3][class^=mnt3], .mnt-all [class*=" mnt3"], .mnt-all [class^=mnt3] {
    margin-left: 67.3333334%;
  }
  [class*=" mnt2"][class*=" mnt2"], [class^=mnt2][class^=mnt2], .mnt-all [class*=" mnt2"], .mnt-all [class^=mnt2] {
    margin-left: 33.6666667%;
  }
  .mnt2-mnt3 [class*=" mnt3"], .mnt2-mnt3 [class^=mnt3] {
    margin-left: 50.75376884%;
  }
  .mnt1-mnt2 [class*=" mnt2"], .mnt1-mnt2 [class^=mnt2] {
    margin-left: 50.75376884%;
  }
  /* Navigation Grid Tablet grid floats ----- */
  [class*=" mnt-float"][class*=" mnt-float"], [class^=mnt-float][class^=mnt-float] {
    margin-left: 1%;
    margin-right: 1%;
  }
  .mnt1-mnt2 [class*=" mnt-float"][class*=" mnt-float"], .mnt1-mnt2 [class^=mnt-float][class^=mnt-float], .mnt2-mnt3 [class*=" mnt-float"][class*=" mnt-float"], .mnt2-mnt3 [class^=mnt-float][class^=mnt-float] {
    margin-left: 1.5075376869271%;
    margin-right: 1.5075376869271%;
  }
  .mnt-floatright.mnt-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .mnt-floatleft.mnt-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .mnt-all + [class*=" mnt2"], .mnt-all + [class^=mnt2] {
    clear: left;
  }
  .mnt-all + [class*=" mnt3"], .mnt-all + [class^=mnt3] {
    clear: left;
  }
  /* Navigation Grid Tablet clearing ----- */
  .mnt-all, [class*=" mnt1-"][class*=" mnt1-"], [class^=mnt1-][class^=mnt1-], .mnt1.mnt1, [class*=" mnt2"] [class*=mnt2], [class^=mnt2] [class*=mnt2], [class*=" mnt3"] [class*=mnt3], [class^=mnt3] [class*=mnt3] {
    margin-left: 0;
    clear: left;
  }
  [class*=" mnt2"] + [class*=mnt2], [class^=mnt2] + [class*=mnt2], [class*=-mnt2] + [class*=mnt2], [class*=" mnt3"] + [class*=mnt3], [class^=mnt3] + [class*=mnt3], [class*=-mnt3] + [class*=mnt3], [class*=" mnt3"] + [class*=mnt2], [class^=mnt3] + [class*=mnt2], [class*=-mnt3] + [class*=mnt2], .mnt-clear.mnt-clear {
    clear: left;
  }
  .mnt-overlap.mnt-overlap {
    clear: none;
  }
  /* Navigation Grid Tablet hiding ----- */
  .mnt-hide.mnt-hide, .gridoverlay .mnt-hide.mnt-hide {
    display: none;
  }
  .mnt-show.mnt-show, .gridoverlay .mnt-show.mnt-show {
    display: block;
  }
  .mnt-showgrid .mnt-show, .mnt-showgrid.mnt-show, .gridsetnoareas .mnt-show {
    display: block !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 420px) {
  /* Navigation Grid Mobile grid: 2 column / gutter: 1% ---------------------------------------- */
  [class*=" mnm1"][class*=" mnm1"], [class^=mnm1][class^=mnm1], [class*=" mnm2"][class*=" mnm2"], [class^=mnm2][class^=mnm2], .mnm-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Navigation Grid Mobile grid spans ----- */
  .mnm-all.mnm-all, .mnm-all.mnm-all .mnm-all.mnm-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .mnm1, .mnm-all .mnm1, .mnm1.mnm1, .mnm2, .mnm-all .mnm2, .mnm2.mnm2 {
    width: 49.5%;
  }
  /* Navigation Grid Mobile grid padding ----- */
  .mnm-all [class*=" mnm-pad"], .mnm-all [class^=mnm-pad], [class*=" mnm-pad"], [class^=mnm-pad] {
    padding-left: 0.5%;
    padding-right: 0.5%;
    left: -0.5%;
  }
  .mnm-all [class~=mnm-padfull], .mnm-all [class~=mnm-padinfull], [class~=mnm-padfull], [class~=mnm-padinfull] {
    padding-left: 1%;
    padding-right: 1%;
    left: -1%;
  }
  .mnm-pad, .mnm-padfull, .mnm-all .mnm-pad, .mnm-all .mnm-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .mnm-padin[class~=mnm-padin], .mnm-padinfull[class~=mnm-padinfull], .mnm-all .mnm-padin[class~=mnm-padin], .mnm-all .mnm-padinfull[class~=mnm-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Navigation Grid Mobile grid relationships ----- */
  [class*=" mnm2"][class*=" mnm2"], [class^=mnm2][class^=mnm2], .mnm-all [class*=" mnm2"], .mnm-all [class^=mnm2] {
    margin-left: 50.5%;
  }
  /* Navigation Grid Mobile grid floats ----- */
  [class*=" mnm-float"][class*=" mnm-float"], [class^=mnm-float][class^=mnm-float] {
    margin-left: 1%;
    margin-right: 1%;
  }
  .mnm-floatright.mnm-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .mnm-floatleft.mnm-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .mnm-all + [class*=" mnm2"], .mnm-all + [class^=mnm2] {
    clear: left;
  }
  /* Navigation Grid Mobile clearing ----- */
  .mnm-all, [class*=" mnm1-"][class*=" mnm1-"], [class^=mnm1-][class^=mnm1-], .mnm1.mnm1, [class*=" mnm2"] [class*=mnm2], [class^=mnm2] [class*=mnm2] {
    margin-left: 0;
    clear: left;
  }
  [class*=" mnm2"] + [class*=mnm2], [class^=mnm2] + [class*=mnm2], [class*=-mnm2] + [class*=mnm2], .mnm-clear.mnm-clear {
    clear: left;
  }
  .mnm-overlap.mnm-overlap {
    clear: none;
  }
  /* Navigation Grid Mobile hiding ----- */
  .mnm-hide.mnm-hide, .gridoverlay .mnm-hide.mnm-hide {
    display: none;
  }
  .mnm-show.mnm-show, .gridoverlay .mnm-show.mnm-show {
    display: block;
  }
  .mnm-showgrid .mnm-show, .mnm-showgrid.mnm-show, .gridsetnoareas .mnm-show {
    display: block !important;
  }
}

@media only screen and (min-width: 990px) {
  /* Footer Grid grid: 7 column / gutter: 2% ---------------------------------------- */
  [class*=" f1"][class*=" f1"], [class^=f1][class^=f1], [class*=" f2"][class*=" f2"], [class^=f2][class^=f2], [class*=" f3"][class*=" f3"], [class^=f3][class^=f3], [class*=" f4"][class*=" f4"], [class^=f4][class^=f4], [class*=" f5"][class*=" f5"], [class^=f5][class^=f5], [class*=" f6"][class*=" f6"], [class^=f6][class^=f6], [class*=" f7"][class*=" f7"], [class^=f7][class^=f7], .f-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Footer Grid grid spans ----- */
  .f-all.f-all, .f-all.f-all .f-all.f-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .f1, .f-all .f1, .f1.f1, .f2, .f-all .f2, .f2.f2, .f3, .f-all .f3, .f3.f3, .f4, .f-all .f4, .f4.f4, .f5, .f-all .f5, .f5.f5, .f6, .f-all .f6, .f6.f6, .f7, .f-all .f7, .f7.f7 {
    width: 12.57142857%;
  }
  .f1-f6 .f1, .f1-f6 .f2, .f1-f6 .f3, .f1-f6 .f4, .f1-f6 .f5, .f1-f6 .f6, .f2-f7 .f2, .f2-f7 .f3, .f2-f7 .f4, .f2-f7 .f5, .f2-f7 .f6, .f2-f7 .f7 {
    width: 14.71571906%;
  }
  .f1-f5 .f1, .f1-f5 .f2, .f1-f5 .f3, .f1-f5 .f4, .f1-f5 .f5, .f2-f6 .f2, .f2-f6 .f3, .f2-f6 .f4, .f2-f6 .f5, .f2-f6 .f6, .f3-f7 .f3, .f3-f7 .f4, .f3-f7 .f5, .f3-f7 .f6, .f3-f7 .f7 {
    width: 17.74193548%;
  }
  .f1-f4 .f1, .f1-f4 .f2, .f1-f4 .f3, .f1-f4 .f4, .f2-f5 .f2, .f2-f5 .f3, .f2-f5 .f4, .f2-f5 .f5, .f3-f6 .f3, .f3-f6 .f4, .f3-f6 .f5, .f3-f6 .f6, .f4-f7 .f4, .f4-f7 .f5, .f4-f7 .f6, .f4-f7 .f7 {
    width: 22.33502538%;
  }
  .f1-f2.f1-f2, .f-all .f1-f2, .f2-f3.f2-f3, .f-all .f2-f3, .f3-f4.f3-f4, .f-all .f3-f4, .f4-f5.f4-f5, .f-all .f4-f5, .f5-f6.f5-f6, .f-all .f5-f6, .f6-f7.f6-f7, .f-all .f6-f7 {
    width: 27.14285714%;
  }
  .f1-f3 .f1, .f1-f3 .f2, .f1-f3 .f3, .f2-f4 .f2, .f2-f4 .f3, .f2-f4 .f4, .f3-f5 .f3, .f3-f5 .f4, .f3-f5 .f5, .f4-f6 .f4, .f4-f6 .f5, .f4-f6 .f6, .f5-f7 .f5, .f5-f7 .f6, .f5-f7 .f7 {
    width: 30.1369863%;
  }
  .f1-f6 .f1-f2, .f1-f6 .f2-f3, .f1-f6 .f3-f4, .f1-f6 .f4-f5, .f1-f6 .f5-f6, .f2-f7 .f2-f3, .f2-f7 .f3-f4, .f2-f7 .f4-f5, .f2-f7 .f5-f6, .f2-f7 .f6-f7 {
    width: 31.77257525%;
  }
  .f1-f5 .f1-f2, .f1-f5 .f2-f3, .f1-f5 .f3-f4, .f1-f5 .f4-f5, .f2-f6 .f2-f3, .f2-f6 .f3-f4, .f2-f6 .f4-f5, .f2-f6 .f5-f6, .f3-f7 .f3-f4, .f3-f7 .f4-f5, .f3-f7 .f5-f6, .f3-f7 .f6-f7 {
    width: 38.30645161%;
  }
  .f1-f3.f1-f3, .f-all .f1-f3, .f2-f4.f2-f4, .f-all .f2-f4, .f3-f5.f3-f5, .f-all .f3-f5, .f4-f6.f4-f6, .f-all .f4-f6, .f5-f7.f5-f7, .f-all .f5-f7 {
    width: 41.71428571%;
  }
  .f1-f2 .f1, .f1-f2 .f2, .f2-f3 .f2, .f2-f3 .f3, .f3-f4 .f3, .f3-f4 .f4, .f4-f5 .f4, .f4-f5 .f5, .f5-f6 .f5, .f5-f6 .f6, .f6-f7 .f6, .f6-f7 .f7 {
    width: 46.31578948%;
  }
  .f1-f4 .f1-f2, .f1-f4 .f2-f3, .f1-f4 .f3-f4, .f2-f5 .f2-f3, .f2-f5 .f3-f4, .f2-f5 .f4-f5, .f3-f6 .f3-f4, .f3-f6 .f4-f5, .f3-f6 .f5-f6, .f4-f7 .f4-f5, .f4-f7 .f5-f6, .f4-f7 .f6-f7 {
    width: 48.22335025%;
  }
  .f1-f6 .f1-f3, .f1-f6 .f2-f4, .f1-f6 .f3-f5, .f1-f6 .f4-f6, .f2-f7 .f2-f4, .f2-f7 .f3-f5, .f2-f7 .f4-f6, .f2-f7 .f5-f7 {
    width: 48.82943143%;
  }
  .f1-f4.f1-f4, .f-all .f1-f4, .f2-f5.f2-f5, .f-all .f2-f5, .f3-f6.f3-f6, .f-all .f3-f6, .f4-f7.f4-f7, .f-all .f4-f7 {
    width: 56.28571429%;
  }
  .f1-f5 .f1-f3, .f1-f5 .f2-f4, .f1-f5 .f3-f5, .f2-f6 .f2-f4, .f2-f6 .f3-f5, .f2-f6 .f4-f6, .f3-f7 .f3-f5, .f3-f7 .f4-f6, .f3-f7 .f5-f7 {
    width: 58.87096773%;
  }
  .f1-f3 .f1-f2, .f1-f3 .f2-f3, .f2-f4 .f2-f3, .f2-f4 .f3-f4, .f3-f5 .f3-f4, .f3-f5 .f4-f5, .f4-f6 .f4-f5, .f4-f6 .f5-f6, .f5-f7 .f5-f6, .f5-f7 .f6-f7 {
    width: 65.06849315%;
  }
  .f1-f6 .f1-f4, .f1-f6 .f2-f5, .f1-f6 .f3-f6, .f2-f7 .f2-f5, .f2-f7 .f3-f6, .f2-f7 .f4-f7 {
    width: 65.88628763%;
  }
  .f1-f5.f1-f5, .f-all .f1-f5, .f2-f6.f2-f6, .f-all .f2-f6, .f3-f7.f3-f7, .f-all .f3-f7 {
    width: 70.85714286%;
  }
  .f1-f4 .f1-f3, .f1-f4 .f2-f4, .f2-f5 .f2-f4, .f2-f5 .f3-f5, .f3-f6 .f3-f5, .f3-f6 .f4-f6, .f4-f7 .f4-f6, .f4-f7 .f5-f7 {
    width: 74.11167511%;
  }
  .f1-f5 .f1-f4, .f1-f5 .f2-f5, .f2-f6 .f2-f5, .f2-f6 .f3-f6, .f3-f7 .f3-f6, .f3-f7 .f4-f7 {
    width: 79.43548387%;
  }
  .f1-f6 .f1-f5, .f1-f6 .f2-f6, .f2-f7 .f2-f6, .f2-f7 .f3-f7 {
    width: 82.94314381%;
  }
  .f1-f6.f1-f6, .f-all .f1-f6, .f2-f7.f2-f7, .f-all .f2-f7 {
    width: 85.42857143%;
  }
  /* Footer Grid grid padding ----- */
  .f-all [class*=" f-pad"], .f-all [class^=f-pad], [class*=" f-pad"], [class^=f-pad] {
    padding-left: 1%;
    padding-right: 1%;
    left: -1%;
  }
  .f1-f6 [class*=" f-pad"], .f1-f6 [class^=f-pad], .f2-f7 [class*=" f-pad"], .f2-f7 [class^=f-pad] {
    padding-left: 1.17056856%;
    padding-right: 1.17056856%;
    left: -1.17056856%;
  }
  .f1-f5 [class*=" f-pad"], .f1-f5 [class^=f-pad], .f2-f6 [class*=" f-pad"], .f2-f6 [class^=f-pad], .f3-f7 [class*=" f-pad"], .f3-f7 [class^=f-pad] {
    padding-left: 1.41129032%;
    padding-right: 1.41129032%;
    left: -1.41129032%;
  }
  .f1-f4 [class*=" f-pad"], .f1-f4 [class^=f-pad], .f2-f5 [class*=" f-pad"], .f2-f5 [class^=f-pad], .f3-f6 [class*=" f-pad"], .f3-f6 [class^=f-pad], .f4-f7 [class*=" f-pad"], .f4-f7 [class^=f-pad] {
    padding-left: 1.77664975%;
    padding-right: 1.77664975%;
    left: -1.77664975%;
  }
  .f-all [class~=f-padfull], .f-all [class~=f-padinfull], [class~=f-padfull], [class~=f-padinfull] {
    padding-left: 2%;
    padding-right: 2%;
    left: -2%;
  }
  .f1-f6 [class~=f-padfull], .f1-f6 [class~=f-padinfull], .f2-f7 [class~=f-padfull], .f2-f7 [class~=f-padinfull] {
    padding-left: 2.34113712%;
    padding-right: 2.34113712%;
    left: -2.34113712%;
  }
  .f1-f3 [class*=" f-pad"], .f1-f3 [class^=f-pad], .f2-f4 [class*=" f-pad"], .f2-f4 [class^=f-pad], .f3-f5 [class*=" f-pad"], .f3-f5 [class^=f-pad], .f4-f6 [class*=" f-pad"], .f4-f6 [class^=f-pad], .f5-f7 [class*=" f-pad"], .f5-f7 [class^=f-pad] {
    padding-left: 2.39726027%;
    padding-right: 2.39726027%;
    left: -2.39726027%;
  }
  .f1-f5 [class~=f-padfull], .f1-f5 [class~=f-padinfull], .f2-f6 [class~=f-padfull], .f2-f6 [class~=f-padinfull], .f3-f7 [class~=f-padfull], .f3-f7 [class~=f-padinfull] {
    padding-left: 2.82258065%;
    padding-right: 2.82258065%;
    left: -2.82258065%;
  }
  .f1-f4 [class~=f-padfull], .f1-f4 [class~=f-padinfull], .f2-f5 [class~=f-padfull], .f2-f5 [class~=f-padinfull], .f3-f6 [class~=f-padfull], .f3-f6 [class~=f-padinfull], .f4-f7 [class~=f-padfull], .f4-f7 [class~=f-padinfull] {
    padding-left: 3.55329949%;
    padding-right: 3.55329949%;
    left: -3.55329949%;
  }
  .f1-f2 [class*=" f-pad"], .f1-f2 [class^=f-pad], .f2-f3 [class*=" f-pad"], .f2-f3 [class^=f-pad], .f3-f4 [class*=" f-pad"], .f3-f4 [class^=f-pad], .f4-f5 [class*=" f-pad"], .f4-f5 [class^=f-pad], .f5-f6 [class*=" f-pad"], .f5-f6 [class^=f-pad], .f6-f7 [class*=" f-pad"], .f6-f7 [class^=f-pad] {
    padding-left: 3.68421053%;
    padding-right: 3.68421053%;
    left: -3.68421053%;
  }
  .f1-f3 [class~=f-padfull], .f1-f3 [class~=f-padinfull], .f2-f4 [class~=f-padfull], .f2-f4 [class~=f-padinfull], .f3-f5 [class~=f-padfull], .f3-f5 [class~=f-padinfull], .f4-f6 [class~=f-padfull], .f4-f6 [class~=f-padinfull], .f5-f7 [class~=f-padfull], .f5-f7 [class~=f-padinfull] {
    padding-left: 4.79452055%;
    padding-right: 4.79452055%;
    left: -4.79452055%;
  }
  .f1-f2 [class~=f-padfull], .f1-f2 [class~=f-padinfull], .f2-f3 [class~=f-padfull], .f2-f3 [class~=f-padinfull], .f3-f4 [class~=f-padfull], .f3-f4 [class~=f-padinfull], .f4-f5 [class~=f-padfull], .f4-f5 [class~=f-padinfull], .f5-f6 [class~=f-padfull], .f5-f6 [class~=f-padinfull], .f6-f7 [class~=f-padfull], .f6-f7 [class~=f-padinfull] {
    padding-left: 7.36842105%;
    padding-right: 7.36842105%;
    left: -7.36842105%;
  }
  .f-pad, .f-padfull, .f-all .f-pad, .f-all .f-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .f-padin[class~=f-padin], .f-padinfull[class~=f-padinfull], .f-all .f-padin[class~=f-padin], .f-all .f-padinfull[class~=f-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Footer Grid grid relationships ----- */
  [class*=" f7"][class*=" f7"], [class^=f7][class^=f7], .f-all [class*=" f7"], .f-all [class^=f7] {
    margin-left: 87.42857143%;
  }
  [class*=" f6"][class*=" f6"], [class^=f6][class^=f6], .f-all [class*=" f6"], .f-all [class^=f6] {
    margin-left: 72.85714286%;
  }
  [class*=" f5"][class*=" f5"], [class^=f5][class^=f5], .f-all [class*=" f5"], .f-all [class^=f5] {
    margin-left: 58.28571429%;
  }
  [class*=" f4"][class*=" f4"], [class^=f4][class^=f4], .f-all [class*=" f4"], .f-all [class^=f4] {
    margin-left: 43.71428571%;
  }
  [class*=" f3"][class*=" f3"], [class^=f3][class^=f3], .f-all [class*=" f3"], .f-all [class^=f3] {
    margin-left: 29.14285714%;
  }
  [class*=" f2"][class*=" f2"], [class^=f2][class^=f2], .f-all [class*=" f2"], .f-all [class^=f2] {
    margin-left: 14.57142857%;
  }
  .f2-f7 [class*=" f7"], .f2-f7 [class^=f7] {
    margin-left: 85.28428094%;
  }
  .f2-f7 [class*=" f6"], .f2-f7 [class^=f6] {
    margin-left: 68.22742475%;
  }
  .f2-f7 [class*=" f5"], .f2-f7 [class^=f5] {
    margin-left: 51.17056856%;
  }
  .f2-f7 [class*=" f4"], .f2-f7 [class^=f4] {
    margin-left: 34.11371237%;
  }
  .f2-f7 [class*=" f3"], .f2-f7 [class^=f3] {
    margin-left: 17.05685619%;
  }
  .f3-f7 [class*=" f7"], .f3-f7 [class^=f7] {
    margin-left: 82.25806452%;
  }
  .f3-f7 [class*=" f6"], .f3-f7 [class^=f6] {
    margin-left: 61.69354838%;
  }
  .f3-f7 [class*=" f5"], .f3-f7 [class^=f5] {
    margin-left: 41.12903225%;
  }
  .f3-f7 [class*=" f4"], .f3-f7 [class^=f4] {
    margin-left: 20.56451613%;
  }
  .f4-f7 [class*=" f7"], .f4-f7 [class^=f7] {
    margin-left: 77.66497461%;
  }
  .f4-f7 [class*=" f6"], .f4-f7 [class^=f6] {
    margin-left: 51.77664974%;
  }
  .f4-f7 [class*=" f5"], .f4-f7 [class^=f5] {
    margin-left: 25.88832487%;
  }
  .f5-f7 [class*=" f7"], .f5-f7 [class^=f7] {
    margin-left: 69.8630137%;
  }
  .f5-f7 [class*=" f6"], .f5-f7 [class^=f6] {
    margin-left: 34.93150685%;
  }
  .f6-f7 [class*=" f7"], .f6-f7 [class^=f7] {
    margin-left: 53.68421053%;
  }
  .f1-f6 [class*=" f6"], .f1-f6 [class^=f6] {
    margin-left: 85.28428094%;
  }
  .f1-f6 [class*=" f5"], .f1-f6 [class^=f5] {
    margin-left: 68.22742475%;
  }
  .f1-f6 [class*=" f4"], .f1-f6 [class^=f4] {
    margin-left: 51.17056856%;
  }
  .f1-f6 [class*=" f3"], .f1-f6 [class^=f3] {
    margin-left: 34.11371237%;
  }
  .f1-f6 [class*=" f2"], .f1-f6 [class^=f2] {
    margin-left: 17.05685619%;
  }
  .f2-f6 [class*=" f6"], .f2-f6 [class^=f6] {
    margin-left: 82.25806452%;
  }
  .f2-f6 [class*=" f5"], .f2-f6 [class^=f5] {
    margin-left: 61.69354838%;
  }
  .f2-f6 [class*=" f4"], .f2-f6 [class^=f4] {
    margin-left: 41.12903225%;
  }
  .f2-f6 [class*=" f3"], .f2-f6 [class^=f3] {
    margin-left: 20.56451613%;
  }
  .f3-f6 [class*=" f6"], .f3-f6 [class^=f6] {
    margin-left: 77.66497461%;
  }
  .f3-f6 [class*=" f5"], .f3-f6 [class^=f5] {
    margin-left: 51.77664974%;
  }
  .f3-f6 [class*=" f4"], .f3-f6 [class^=f4] {
    margin-left: 25.88832487%;
  }
  .f4-f6 [class*=" f6"], .f4-f6 [class^=f6] {
    margin-left: 69.8630137%;
  }
  .f4-f6 [class*=" f5"], .f4-f6 [class^=f5] {
    margin-left: 34.93150685%;
  }
  .f5-f6 [class*=" f6"], .f5-f6 [class^=f6] {
    margin-left: 53.68421053%;
  }
  .f1-f5 [class*=" f5"], .f1-f5 [class^=f5] {
    margin-left: 82.25806452%;
  }
  .f1-f5 [class*=" f4"], .f1-f5 [class^=f4] {
    margin-left: 61.69354838%;
  }
  .f1-f5 [class*=" f3"], .f1-f5 [class^=f3] {
    margin-left: 41.12903225%;
  }
  .f1-f5 [class*=" f2"], .f1-f5 [class^=f2] {
    margin-left: 20.56451613%;
  }
  .f2-f5 [class*=" f5"], .f2-f5 [class^=f5] {
    margin-left: 77.66497461%;
  }
  .f2-f5 [class*=" f4"], .f2-f5 [class^=f4] {
    margin-left: 51.77664974%;
  }
  .f2-f5 [class*=" f3"], .f2-f5 [class^=f3] {
    margin-left: 25.88832487%;
  }
  .f3-f5 [class*=" f5"], .f3-f5 [class^=f5] {
    margin-left: 69.8630137%;
  }
  .f3-f5 [class*=" f4"], .f3-f5 [class^=f4] {
    margin-left: 34.93150685%;
  }
  .f4-f5 [class*=" f5"], .f4-f5 [class^=f5] {
    margin-left: 53.68421053%;
  }
  .f1-f4 [class*=" f4"], .f1-f4 [class^=f4] {
    margin-left: 77.66497461%;
  }
  .f1-f4 [class*=" f3"], .f1-f4 [class^=f3] {
    margin-left: 51.77664974%;
  }
  .f1-f4 [class*=" f2"], .f1-f4 [class^=f2] {
    margin-left: 25.88832487%;
  }
  .f2-f4 [class*=" f4"], .f2-f4 [class^=f4] {
    margin-left: 69.8630137%;
  }
  .f2-f4 [class*=" f3"], .f2-f4 [class^=f3] {
    margin-left: 34.93150685%;
  }
  .f3-f4 [class*=" f4"], .f3-f4 [class^=f4] {
    margin-left: 53.68421053%;
  }
  .f1-f3 [class*=" f3"], .f1-f3 [class^=f3] {
    margin-left: 69.8630137%;
  }
  .f1-f3 [class*=" f2"], .f1-f3 [class^=f2] {
    margin-left: 34.93150685%;
  }
  .f2-f3 [class*=" f3"], .f2-f3 [class^=f3] {
    margin-left: 53.68421053%;
  }
  .f1-f2 [class*=" f2"], .f1-f2 [class^=f2] {
    margin-left: 53.68421053%;
  }
  /* Footer Grid grid floats ----- */
  [class*=" f-float"][class*=" f-float"], [class^=f-float][class^=f-float] {
    margin-left: 2%;
    margin-right: 2%;
  }
  .f1-f6 [class*=" f-float"][class*=" f-float"], .f1-f6 [class^=f-float][class^=f-float], .f2-f7 [class*=" f-float"][class*=" f-float"], .f2-f7 [class^=f-float][class^=f-float] {
    margin-left: 2.3411371237067%;
    margin-right: 2.3411371237067%;
  }
  .f1-f5 [class*=" f-float"][class*=" f-float"], .f1-f5 [class^=f-float][class^=f-float], .f2-f6 [class*=" f-float"][class*=" f-float"], .f2-f6 [class^=f-float][class^=f-float], .f3-f7 [class*=" f-float"][class*=" f-float"], .f3-f7 [class^=f-float][class^=f-float] {
    margin-left: 2.8225806450475%;
    margin-right: 2.8225806450475%;
  }
  .f1-f4 [class*=" f-float"][class*=" f-float"], .f1-f4 [class^=f-float][class^=f-float], .f2-f5 [class*=" f-float"][class*=" f-float"], .f2-f5 [class^=f-float][class^=f-float], .f3-f6 [class*=" f-float"][class*=" f-float"], .f3-f6 [class^=f-float][class^=f-float], .f4-f7 [class*=" f-float"][class*=" f-float"], .f4-f7 [class^=f-float][class^=f-float] {
    margin-left: 3.5532994921152%;
    margin-right: 3.5532994921152%;
  }
  .f1-f3 [class*=" f-float"][class*=" f-float"], .f1-f3 [class^=f-float][class^=f-float], .f2-f4 [class*=" f-float"][class*=" f-float"], .f2-f4 [class^=f-float][class^=f-float], .f3-f5 [class*=" f-float"][class*=" f-float"], .f3-f5 [class^=f-float][class^=f-float], .f4-f6 [class*=" f-float"][class*=" f-float"], .f4-f6 [class^=f-float][class^=f-float], .f5-f7 [class*=" f-float"][class*=" f-float"], .f5-f7 [class^=f-float][class^=f-float] {
    margin-left: 4.7945205484378%;
    margin-right: 4.7945205484378%;
  }
  .f1-f2 [class*=" f-float"][class*=" f-float"], .f1-f2 [class^=f-float][class^=f-float], .f2-f3 [class*=" f-float"][class*=" f-float"], .f2-f3 [class^=f-float][class^=f-float], .f3-f4 [class*=" f-float"][class*=" f-float"], .f3-f4 [class^=f-float][class^=f-float], .f4-f5 [class*=" f-float"][class*=" f-float"], .f4-f5 [class^=f-float][class^=f-float], .f5-f6 [class*=" f-float"][class*=" f-float"], .f5-f6 [class^=f-float][class^=f-float], .f6-f7 [class*=" f-float"][class*=" f-float"], .f6-f7 [class^=f-float][class^=f-float] {
    margin-left: 7.3684210534072%;
    margin-right: 7.3684210534072%;
  }
  .f-floatright.f-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .f-floatleft.f-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .f-all + [class*=" f2"], .f-all + [class^=f2] {
    clear: left;
  }
  .f-all + [class*=" f3"], .f-all + [class^=f3] {
    clear: left;
  }
  .f-all + [class*=" f4"], .f-all + [class^=f4] {
    clear: left;
  }
  .f-all + [class*=" f5"], .f-all + [class^=f5] {
    clear: left;
  }
  .f-all + [class*=" f6"], .f-all + [class^=f6] {
    clear: left;
  }
  .f-all + [class*=" f7"], .f-all + [class^=f7] {
    clear: left;
  }
  /* Footer Grid clearing ----- */
  .f-all, [class*=" f1-"][class*=" f1-"], [class^=f1-][class^=f1-], .f1.f1, [class*=" f2"] [class*=f2], [class^=f2] [class*=f2], [class*=" f3"] [class*=f3], [class^=f3] [class*=f3], [class*=" f4"] [class*=f4], [class^=f4] [class*=f4], [class*=" f5"] [class*=f5], [class^=f5] [class*=f5], [class*=" f6"] [class*=f6], [class^=f6] [class*=f6], [class*=" f7"] [class*=f7], [class^=f7] [class*=f7] {
    margin-left: 0;
    clear: left;
  }
  [class*=" f2"] + [class*=f2], [class^=f2] + [class*=f2], [class*=-f2] + [class*=f2], [class*=" f3"] + [class*=f3], [class^=f3] + [class*=f3], [class*=-f3] + [class*=f3], [class*=" f3"] + [class*=f2], [class^=f3] + [class*=f2], [class*=-f3] + [class*=f2], [class*=" f4"] + [class*=f4], [class^=f4] + [class*=f4], [class*=-f4] + [class*=f4], [class*=" f4"] + [class*=f3], [class^=f4] + [class*=f3], [class*=-f4] + [class*=f3], [class*=" f4"] + [class*=f2], [class^=f4] + [class*=f2], [class*=-f4] + [class*=f2], [class*=" f5"] + [class*=f5], [class^=f5] + [class*=f5], [class*=-f5] + [class*=f5], [class*=" f5"] + [class*=f4], [class^=f5] + [class*=f4], [class*=-f5] + [class*=f4], [class*=" f5"] + [class*=f3], [class^=f5] + [class*=f3], [class*=-f5] + [class*=f3], [class*=" f5"] + [class*=f2], [class^=f5] + [class*=f2], [class*=-f5] + [class*=f2], [class*=" f6"] + [class*=f6], [class^=f6] + [class*=f6], [class*=-f6] + [class*=f6], [class*=" f6"] + [class*=f5], [class^=f6] + [class*=f5], [class*=-f6] + [class*=f5], [class*=" f6"] + [class*=f4], [class^=f6] + [class*=f4], [class*=-f6] + [class*=f4], [class*=" f6"] + [class*=f3], [class^=f6] + [class*=f3], [class*=-f6] + [class*=f3], [class*=" f6"] + [class*=f2], [class^=f6] + [class*=f2], [class*=-f6] + [class*=f2], [class*=" f7"] + [class*=f7], [class^=f7] + [class*=f7], [class*=-f7] + [class*=f7], [class*=" f7"] + [class*=f6], [class^=f7] + [class*=f6], [class*=-f7] + [class*=f6], [class*=" f7"] + [class*=f5], [class^=f7] + [class*=f5], [class*=-f7] + [class*=f5], [class*=" f7"] + [class*=f4], [class^=f7] + [class*=f4], [class*=-f7] + [class*=f4], [class*=" f7"] + [class*=f3], [class^=f7] + [class*=f3], [class*=-f7] + [class*=f3], [class*=" f7"] + [class*=f2], [class^=f7] + [class*=f2], [class*=-f7] + [class*=f2], .f-clear.f-clear {
    clear: left;
  }
  .f-overlap.f-overlap {
    clear: none;
  }
  /* Footer Grid hiding ----- */
  .f-hide.f-hide, .gridoverlay .f-hide.f-hide {
    display: none;
  }
  .f-show.f-show, .gridoverlay .f-show.f-show {
    display: block;
  }
  .f-showgrid .f-show, .f-showgrid.f-show, .gridsetnoareas .f-show {
    display: block !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 990px) {
  /* Footer Grid Mobile grid: 2 column / gutter: 2% ---------------------------------------- */
  [class*=" fm1"][class*=" fm1"], [class^=fm1][class^=fm1], [class*=" fm2"][class*=" fm2"], [class^=fm2][class^=fm2], .fm-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Footer Grid Mobile grid spans ----- */
  .fm-all.fm-all, .fm-all.fm-all .fm-all.fm-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .fm1, .fm-all .fm1, .fm1.fm1, .fm2, .fm-all .fm2, .fm2.fm2 {
    width: 49%;
  }
  /* Footer Grid Mobile grid padding ----- */
  .fm-all [class*=" fm-pad"], .fm-all [class^=fm-pad], [class*=" fm-pad"], [class^=fm-pad] {
    padding-left: 1%;
    padding-right: 1%;
    left: -1%;
  }
  .fm-all [class~=fm-padfull], .fm-all [class~=fm-padinfull], [class~=fm-padfull], [class~=fm-padinfull] {
    padding-left: 2%;
    padding-right: 2%;
    left: -2%;
  }
  .fm-pad, .fm-padfull, .fm-all .fm-pad, .fm-all .fm-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .fm-padin[class~=fm-padin], .fm-padinfull[class~=fm-padinfull], .fm-all .fm-padin[class~=fm-padin], .fm-all .fm-padinfull[class~=fm-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Footer Grid Mobile grid relationships ----- */
  [class*=" fm2"][class*=" fm2"], [class^=fm2][class^=fm2], .fm-all [class*=" fm2"], .fm-all [class^=fm2] {
    margin-left: 51%;
  }
  /* Footer Grid Mobile grid floats ----- */
  [class*=" fm-float"][class*=" fm-float"], [class^=fm-float][class^=fm-float] {
    margin-left: 2%;
    margin-right: 2%;
  }
  .fm-floatright.fm-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .fm-floatleft.fm-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .fm-all + [class*=" fm2"], .fm-all + [class^=fm2] {
    clear: left;
  }
  /* Footer Grid Mobile clearing ----- */
  .fm-all, [class*=" fm1-"][class*=" fm1-"], [class^=fm1-][class^=fm1-], .fm1.fm1, [class*=" fm2"] [class*=fm2], [class^=fm2] [class*=fm2] {
    margin-left: 0;
    clear: left;
  }
  [class*=" fm2"] + [class*=fm2], [class^=fm2] + [class*=fm2], [class*=-fm2] + [class*=fm2], .fm-clear.fm-clear {
    clear: left;
  }
  .fm-overlap.fm-overlap {
    clear: none;
  }
  /* Footer Grid Mobile hiding ----- */
  .fm-hide.fm-hide, .gridoverlay .fm-hide.fm-hide {
    display: none;
  }
  .fm-show.fm-show, .gridoverlay .fm-show.fm-show {
    display: block;
  }
  .fm-showgrid .fm-show, .fm-showgrid.fm-show, .gridsetnoareas .fm-show {
    display: block !important;
  }
}

@media only screen and (min-width: 700px) {
  /* Homepage Grid Tablet grid: 3 column / gutter: 1% ---------------------------------------- */
  [class*=" hpt1"][class*=" hpt1"], [class^=hpt1][class^=hpt1], [class*=" hpt2"][class*=" hpt2"], [class^=hpt2][class^=hpt2], [class*=" hpt3"][class*=" hpt3"], [class^=hpt3][class^=hpt3], .hpt-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Homepage Grid Tablet grid spans ----- */
  .hpt-all.hpt-all, .hpt-all.hpt-all .hpt-all.hpt-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .hpt1, .hpt-all .hpt1, .hpt1.hpt1, .hpt2, .hpt-all .hpt2, .hpt2.hpt2, .hpt3, .hpt-all .hpt3, .hpt3.hpt3 {
    width: 32.66666667%;
  }
  .hpt1-hpt2 .hpt1, .hpt1-hpt2 .hpt2, .hpt2-hpt3 .hpt2, .hpt2-hpt3 .hpt3 {
    width: 49.24623116%;
  }
  .hpt1-hpt2.hpt1-hpt2, .hpt-all .hpt1-hpt2, .hpt2-hpt3.hpt2-hpt3, .hpt-all .hpt2-hpt3 {
    width: 66.33333333%;
  }
  /* Homepage Grid Tablet grid padding ----- */
  .hpt-all [class*=" hpt-pad"], .hpt-all [class^=hpt-pad], [class*=" hpt-pad"], [class^=hpt-pad] {
    padding-left: 0.5%;
    padding-right: 0.5%;
    left: -0.5%;
  }
  .hpt1-hpt2 [class*=" hpt-pad"], .hpt1-hpt2 [class^=hpt-pad], .hpt2-hpt3 [class*=" hpt-pad"], .hpt2-hpt3 [class^=hpt-pad] {
    padding-left: 0.75376884%;
    padding-right: 0.75376884%;
    left: -0.75376884%;
  }
  .hpt-all [class~=hpt-padfull], .hpt-all [class~=hpt-padinfull], [class~=hpt-padfull], [class~=hpt-padinfull] {
    padding-left: 1%;
    padding-right: 1%;
    left: -1%;
  }
  .hpt1-hpt2 [class~=hpt-padfull], .hpt1-hpt2 [class~=hpt-padinfull], .hpt2-hpt3 [class~=hpt-padfull], .hpt2-hpt3 [class~=hpt-padinfull] {
    padding-left: 1.50753769%;
    padding-right: 1.50753769%;
    left: -1.50753769%;
  }
  .hpt-pad, .hpt-padfull, .hpt-all .hpt-pad, .hpt-all .hpt-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .hpt-padin[class~=hpt-padin], .hpt-padinfull[class~=hpt-padinfull], .hpt-all .hpt-padin[class~=hpt-padin], .hpt-all .hpt-padinfull[class~=hpt-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Homepage Grid Tablet grid relationships ----- */
  [class*=" hpt3"][class*=" hpt3"], [class^=hpt3][class^=hpt3], .hpt-all [class*=" hpt3"], .hpt-all [class^=hpt3] {
    margin-left: 67.33333333%;
  }
  [class*=" hpt2"][class*=" hpt2"], [class^=hpt2][class^=hpt2], .hpt-all [class*=" hpt2"], .hpt-all [class^=hpt2] {
    margin-left: 33.66666667%;
  }
  .hpt2-hpt3 [class*=" hpt3"], .hpt2-hpt3 [class^=hpt3] {
    margin-left: 50.75376885%;
  }
  .hpt1-hpt2 [class*=" hpt2"], .hpt1-hpt2 [class^=hpt2] {
    margin-left: 50.75376885%;
  }
  /* Homepage Grid Tablet grid floats ----- */
  [class*=" hpt-float"][class*=" hpt-float"], [class^=hpt-float][class^=hpt-float] {
    margin-left: 1%;
    margin-right: 1%;
  }
  .hpt1-hpt2 [class*=" hpt-float"][class*=" hpt-float"], .hpt1-hpt2 [class^=hpt-float][class^=hpt-float], .hpt2-hpt3 [class*=" hpt-float"][class*=" hpt-float"], .hpt2-hpt3 [class^=hpt-float][class^=hpt-float] {
    margin-left: 1.507537688518%;
    margin-right: 1.507537688518%;
  }
  .hpt-floatright.hpt-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .hpt-floatleft.hpt-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .hpt-all + [class*=" hpt2"], .hpt-all + [class^=hpt2] {
    clear: left;
  }
  .hpt-all + [class*=" hpt3"], .hpt-all + [class^=hpt3] {
    clear: left;
  }
  /* Homepage Grid Tablet clearing ----- */
  .hpt-all, [class*=" hpt1-"][class*=" hpt1-"], [class^=hpt1-][class^=hpt1-], .hpt1.hpt1, [class*=" hpt2"] [class*=hpt2], [class^=hpt2] [class*=hpt2], [class*=" hpt3"] [class*=hpt3], [class^=hpt3] [class*=hpt3] {
    margin-left: 0;
    clear: left;
  }
  [class*=" hpt2"] + [class*=hpt2], [class^=hpt2] + [class*=hpt2], [class*=-hpt2] + [class*=hpt2], [class*=" hpt3"] + [class*=hpt3], [class^=hpt3] + [class*=hpt3], [class*=-hpt3] + [class*=hpt3], [class*=" hpt3"] + [class*=hpt2], [class^=hpt3] + [class*=hpt2], [class*=-hpt3] + [class*=hpt2], .hpt-clear.hpt-clear {
    clear: left;
  }
  .hpt-overlap.hpt-overlap {
    clear: none;
  }
  /* Homepage Grid Tablet hiding ----- */
  .hpt-hide.hpt-hide, .gridoverlay .hpt-hide.hpt-hide {
    display: none;
  }
  .hpt-show.hpt-show, .gridoverlay .hpt-show.hpt-show {
    display: block;
  }
  .hpt-showgrid .hpt-show, .hpt-showgrid.hpt-show, .gridsetnoareas .hpt-show {
    display: block !important;
  }
}

@media only screen and (max-width: 700px) {
  /* Homepage Grid Mobile grid: 2 column / gutter: 1% ---------------------------------------- */
  [class*=" hpm1"][class*=" hpm1"], [class^=hpm1][class^=hpm1], [class*=" hpm2"][class*=" hpm2"], [class^=hpm2][class^=hpm2], .hpm-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Homepage Grid Mobile grid spans ----- */
  .hpm-all.hpm-all, .hpm-all.hpm-all .hpm-all.hpm-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .hpm1, .hpm-all .hpm1, .hpm1.hpm1, .hpm2, .hpm-all .hpm2, .hpm2.hpm2 {
    width: 49.5%;
  }
  /* Homepage Grid Mobile grid padding ----- */
  .hpm-all [class*=" hpm-pad"], .hpm-all [class^=hpm-pad], [class*=" hpm-pad"], [class^=hpm-pad] {
    padding-left: 0.5%;
    padding-right: 0.5%;
    left: -0.5%;
  }
  .hpm-all [class~=hpm-padfull], .hpm-all [class~=hpm-padinfull], [class~=hpm-padfull], [class~=hpm-padinfull] {
    padding-left: 1%;
    padding-right: 1%;
    left: -1%;
  }
  .hpm-pad, .hpm-padfull, .hpm-all .hpm-pad, .hpm-all .hpm-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .hpm-padin[class~=hpm-padin], .hpm-padinfull[class~=hpm-padinfull], .hpm-all .hpm-padin[class~=hpm-padin], .hpm-all .hpm-padinfull[class~=hpm-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Homepage Grid Mobile grid relationships ----- */
  [class*=" hpm2"][class*=" hpm2"], [class^=hpm2][class^=hpm2], .hpm-all [class*=" hpm2"], .hpm-all [class^=hpm2] {
    margin-left: 50.5%;
  }
  /* Homepage Grid Mobile grid floats ----- */
  [class*=" hpm-float"][class*=" hpm-float"], [class^=hpm-float][class^=hpm-float] {
    margin-left: 1%;
    margin-right: 1%;
  }
  .hpm-floatright.hpm-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .hpm-floatleft.hpm-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .hpm-all + [class*=" hpm2"], .hpm-all + [class^=hpm2] {
    clear: left;
  }
  /* Homepage Grid Mobile clearing ----- */
  .hpm-all, [class*=" hpm1-"][class*=" hpm1-"], [class^=hpm1-][class^=hpm1-], .hpm1.hpm1, [class*=" hpm2"] [class*=hpm2], [class^=hpm2] [class*=hpm2] {
    margin-left: 0;
    clear: left;
  }
  [class*=" hpm2"] + [class*=hpm2], [class^=hpm2] + [class*=hpm2], [class*=-hpm2] + [class*=hpm2], .hpm-clear.hpm-clear {
    clear: left;
  }
  .hpm-overlap.hpm-overlap {
    clear: none;
  }
  /* Homepage Grid Mobile hiding ----- */
  .hpm-hide.hpm-hide, .gridoverlay .hpm-hide.hpm-hide {
    display: none;
  }
  .hpm-show.hpm-show, .gridoverlay .hpm-show.hpm-show {
    display: block;
  }
  .hpm-showgrid .hpm-show, .hpm-showgrid.hpm-show, .gridsetnoareas .hpm-show {
    display: block !important;
  }
}

@media only screen and (min-width: 640px) {
  /* Form grid: 2 column / gutter: 2.5% ---------------------------------------- */
  [class*=" fo1"][class*=" fo1"], [class^=fo1][class^=fo1], [class*=" fo2"][class*=" fo2"], [class^=fo2][class^=fo2], .fo-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Form grid spans ----- */
  .fo-all.fo-all, .fo-all.fo-all .fo-all.fo-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .fo1, .fo-all .fo1, .fo1.fo1 {
    width: 15%;
  }
  .fo2, .fo-all .fo2, .fo2.fo2 {
    width: 82.5%;
  }
  /* Form grid padding ----- */
  .fo-all [class*=" fo-pad"], .fo-all [class^=fo-pad], [class*=" fo-pad"], [class^=fo-pad] {
    padding-left: 1.25%;
    padding-right: 1.25%;
    left: -1.25%;
  }
  .fo-all [class~=fo-padfull], .fo-all [class~=fo-padinfull], [class~=fo-padfull], [class~=fo-padinfull] {
    padding-left: 2.5%;
    padding-right: 2.5%;
    left: -2.5%;
  }
  .fo-pad, .fo-padfull, .fo-all .fo-pad, .fo-all .fo-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .fo-padin[class~=fo-padin], .fo-padinfull[class~=fo-padinfull], .fo-all .fo-padin[class~=fo-padin], .fo-all .fo-padinfull[class~=fo-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Form grid relationships ----- */
  [class*=" fo2"][class*=" fo2"], [class^=fo2][class^=fo2], .fo-all [class*=" fo2"], .fo-all [class^=fo2] {
    margin-left: 17.5%;
  }
  /* Form grid floats ----- */
  [class*=" fo-float"][class*=" fo-float"], [class^=fo-float][class^=fo-float] {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .fo-floatright.fo-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .fo-floatleft.fo-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .fo-all + [class*=" fo2"], .fo-all + [class^=fo2] {
    clear: left;
  }
  /* Form clearing ----- */
  .fo-all, [class*=" fo1-"][class*=" fo1-"], [class^=fo1-][class^=fo1-], .fo1.fo1, [class*=" fo2"] [class*=fo2], [class^=fo2] [class*=fo2] {
    margin-left: 0;
    clear: left;
  }
  [class*=" fo2"] + [class*=fo2], [class^=fo2] + [class*=fo2], [class*=-fo2] + [class*=fo2], .fo-clear.fo-clear {
    clear: left;
  }
  .fo-overlap.fo-overlap {
    clear: none;
  }
  /* Form hiding ----- */
  .fo-hide.fo-hide, .gridoverlay .fo-hide.fo-hide {
    display: none;
  }
  .fo-show.fo-show, .gridoverlay .fo-show.fo-show {
    display: block;
  }
  .fo-showgrid .fo-show, .fo-showgrid.fo-show, .gridsetnoareas .fo-show {
    display: block !important;
  }
}

@media only screen and (min-width: 640px) {
  /* Form Column Even grid: 4 column / gutter: 2.5% ---------------------------------------- */
  [class*=" fc1"][class*=" fc1"], [class^=fc1][class^=fc1], [class*=" fc2"][class*=" fc2"], [class^=fc2][class^=fc2], [class*=" fc3"][class*=" fc3"], [class^=fc3][class^=fc3], [class*=" fc4"][class*=" fc4"], [class^=fc4][class^=fc4], .fc-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Form Column Even grid spans ----- */
  .fc-all.fc-all, .fc-all.fc-all .fc-all.fc-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .fc3, .fc-all .fc3, .fc3.fc3 {
    width: 10%;
  }
  .fc2-fc4 .fc3 {
    width: 12.12121212%;
  }
  .fc1, .fc-all .fc1, .fc1.fc1 {
    width: 15%;
  }
  .fc1-fc3 .fc3 {
    width: 15.68627451%;
  }
  .fc2-fc3 .fc3, .fc3-fc4 .fc3 {
    width: 21.62162162%;
  }
  .fc1-fc3 .fc1 {
    width: 23.52941176%;
  }
  .fc1-fc2 .fc1 {
    width: 29.26829268%;
  }
  .fc2, .fc-all .fc2, .fc2.fc2, .fc4, .fc-all .fc4, .fc4.fc4 {
    width: 33.75%;
  }
  .fc2-fc4 .fc2, .fc2-fc4 .fc4 {
    width: 40.90909091%;
  }
  .fc2-fc3.fc2-fc3, .fc-all .fc2-fc3, .fc3-fc4.fc3-fc4, .fc-all .fc3-fc4 {
    width: 46.25%;
  }
  .fc1-fc2.fc1-fc2, .fc-all .fc1-fc2 {
    width: 51.25%;
  }
  .fc1-fc3 .fc2 {
    width: 52.94117647%;
  }
  .fc2-fc4 .fc2-fc3, .fc2-fc4 .fc3-fc4 {
    width: 56.06060606%;
  }
  .fc1-fc3.fc1-fc3, .fc-all .fc1-fc3 {
    width: 63.75%;
  }
  .fc1-fc2 .fc2 {
    width: 65.85365854%;
  }
  .fc1-fc3 .fc2-fc3 {
    width: 72.54901961%;
  }
  .fc2-fc3 .fc2, .fc3-fc4 .fc4 {
    width: 72.97297297%;
  }
  .fc1-fc3 .fc1-fc2 {
    width: 80.39215686%;
  }
  .fc2-fc4.fc2-fc4, .fc-all .fc2-fc4 {
    width: 82.5%;
  }
  /* Form Column Even grid padding ----- */
  .fc-all [class*=" fc-pad"], .fc-all [class^=fc-pad], [class*=" fc-pad"], [class^=fc-pad] {
    padding-left: 1.25%;
    padding-right: 1.25%;
    left: -1.25%;
  }
  .fc2-fc4 [class*=" fc-pad"], .fc2-fc4 [class^=fc-pad] {
    padding-left: 1.51515152%;
    padding-right: 1.51515152%;
    left: -1.51515152%;
  }
  .fc1-fc3 [class*=" fc-pad"], .fc1-fc3 [class^=fc-pad] {
    padding-left: 1.96078431%;
    padding-right: 1.96078431%;
    left: -1.96078431%;
  }
  .fc1-fc2 [class*=" fc-pad"], .fc1-fc2 [class^=fc-pad] {
    padding-left: 2.43902439%;
    padding-right: 2.43902439%;
    left: -2.43902439%;
  }
  .fc-all [class~=fc-padfull], .fc-all [class~=fc-padinfull], [class~=fc-padfull], [class~=fc-padinfull] {
    padding-left: 2.5%;
    padding-right: 2.5%;
    left: -2.5%;
  }
  .fc2-fc3 [class*=" fc-pad"], .fc2-fc3 [class^=fc-pad], .fc3-fc4 [class*=" fc-pad"], .fc3-fc4 [class^=fc-pad] {
    padding-left: 2.7027027%;
    padding-right: 2.7027027%;
    left: -2.7027027%;
  }
  .fc2-fc4 [class~=fc-padfull], .fc2-fc4 [class~=fc-padinfull] {
    padding-left: 3.03030303%;
    padding-right: 3.03030303%;
    left: -3.03030303%;
  }
  .fc1-fc3 [class~=fc-padfull], .fc1-fc3 [class~=fc-padinfull] {
    padding-left: 3.92156863%;
    padding-right: 3.92156863%;
    left: -3.92156863%;
  }
  .fc1-fc2 [class~=fc-padfull], .fc1-fc2 [class~=fc-padinfull] {
    padding-left: 4.87804878%;
    padding-right: 4.87804878%;
    left: -4.87804878%;
  }
  .fc2-fc3 [class~=fc-padfull], .fc2-fc3 [class~=fc-padinfull], .fc3-fc4 [class~=fc-padfull], .fc3-fc4 [class~=fc-padinfull] {
    padding-left: 5.40540541%;
    padding-right: 5.40540541%;
    left: -5.40540541%;
  }
  .fc-pad, .fc-padfull, .fc-all .fc-pad, .fc-all .fc-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .fc-padin[class~=fc-padin], .fc-padinfull[class~=fc-padinfull], .fc-all .fc-padin[class~=fc-padin], .fc-all .fc-padinfull[class~=fc-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Form Column Even grid relationships ----- */
  [class*=" fc4"][class*=" fc4"], [class^=fc4][class^=fc4], .fc-all [class*=" fc4"], .fc-all [class^=fc4] {
    margin-left: 66.25%;
  }
  [class*=" fc3"][class*=" fc3"], [class^=fc3][class^=fc3], .fc-all [class*=" fc3"], .fc-all [class^=fc3] {
    margin-left: 53.75%;
  }
  [class*=" fc2"][class*=" fc2"], [class^=fc2][class^=fc2], .fc-all [class*=" fc2"], .fc-all [class^=fc2] {
    margin-left: 17.5%;
  }
  .fc2-fc4 [class*=" fc4"], .fc2-fc4 [class^=fc4] {
    margin-left: 59.09090909%;
  }
  .fc2-fc4 [class*=" fc3"], .fc2-fc4 [class^=fc3] {
    margin-left: 43.93939394%;
  }
  .fc3-fc4 [class*=" fc4"], .fc3-fc4 [class^=fc4] {
    margin-left: 27.02702703%;
  }
  .fc1-fc3 [class*=" fc3"], .fc1-fc3 [class^=fc3] {
    margin-left: 84.31372549%;
  }
  .fc1-fc3 [class*=" fc2"], .fc1-fc3 [class^=fc2] {
    margin-left: 27.45098039%;
  }
  .fc2-fc3 [class*=" fc3"], .fc2-fc3 [class^=fc3] {
    margin-left: 78.37837838%;
  }
  .fc1-fc2 [class*=" fc2"], .fc1-fc2 [class^=fc2] {
    margin-left: 34.14634146%;
  }
  /* Form Column Even grid floats ----- */
  [class*=" fc-float"][class*=" fc-float"], [class^=fc-float][class^=fc-float] {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .fc2-fc4 [class*=" fc-float"][class*=" fc-float"], .fc2-fc4 [class^=fc-float][class^=fc-float] {
    margin-left: 3.030303030303%;
    margin-right: 3.030303030303%;
  }
  .fc1-fc3 [class*=" fc-float"][class*=" fc-float"], .fc1-fc3 [class^=fc-float][class^=fc-float] {
    margin-left: 3.921568627451%;
    margin-right: 3.921568627451%;
  }
  .fc1-fc2 [class*=" fc-float"][class*=" fc-float"], .fc1-fc2 [class^=fc-float][class^=fc-float] {
    margin-left: 4.8780487804878%;
    margin-right: 4.8780487804878%;
  }
  .fc2-fc3 [class*=" fc-float"][class*=" fc-float"], .fc2-fc3 [class^=fc-float][class^=fc-float], .fc3-fc4 [class*=" fc-float"][class*=" fc-float"], .fc3-fc4 [class^=fc-float][class^=fc-float] {
    margin-left: 5.4054054054054%;
    margin-right: 5.4054054054054%;
  }
  .fc-floatright.fc-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .fc-floatleft.fc-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .fc-all + [class*=" fc2"], .fc-all + [class^=fc2] {
    clear: left;
  }
  .fc-all + [class*=" fc3"], .fc-all + [class^=fc3] {
    clear: left;
  }
  .fc-all + [class*=" fc4"], .fc-all + [class^=fc4] {
    clear: left;
  }
  /* Form Column Even clearing ----- */
  .fc-all, [class*=" fc1-"][class*=" fc1-"], [class^=fc1-][class^=fc1-], .fc1.fc1, [class*=" fc2"] [class*=fc2], [class^=fc2] [class*=fc2], [class*=" fc3"] [class*=fc3], [class^=fc3] [class*=fc3], [class*=" fc4"] [class*=fc4], [class^=fc4] [class*=fc4] {
    margin-left: 0;
    clear: left;
  }
  [class*=" fc2"] + [class*=fc2], [class^=fc2] + [class*=fc2], [class*=-fc2] + [class*=fc2], [class*=" fc3"] + [class*=fc3], [class^=fc3] + [class*=fc3], [class*=-fc3] + [class*=fc3], [class*=" fc3"] + [class*=fc2], [class^=fc3] + [class*=fc2], [class*=-fc3] + [class*=fc2], [class*=" fc4"] + [class*=fc4], [class^=fc4] + [class*=fc4], [class*=-fc4] + [class*=fc4], [class*=" fc4"] + [class*=fc3], [class^=fc4] + [class*=fc3], [class*=-fc4] + [class*=fc3], [class*=" fc4"] + [class*=fc2], [class^=fc4] + [class*=fc2], [class*=-fc4] + [class*=fc2], .fc-clear.fc-clear {
    clear: left;
  }
  .fc-overlap.fc-overlap {
    clear: none;
  }
  /* Form Column Even hiding ----- */
  .fc-hide.fc-hide, .gridoverlay .fc-hide.fc-hide {
    display: none;
  }
  .fc-show.fc-show, .gridoverlay .fc-show.fc-show {
    display: block;
  }
  .fc-showgrid .fc-show, .fc-showgrid.fc-show, .gridsetnoareas .fc-show {
    display: block !important;
  }
}

@media only screen and (min-width: 640px) {
  /* Form Column First grid: 4 column / gutter: 2.5% ---------------------------------------- */
  [class*=" fcf1"][class*=" fcf1"], [class^=fcf1][class^=fcf1], [class*=" fcf2"][class*=" fcf2"], [class^=fcf2][class^=fcf2], [class*=" fcf3"][class*=" fcf3"], [class^=fcf3][class^=fcf3], [class*=" fcf4"][class*=" fcf4"], [class^=fcf4][class^=fcf4], .fcf-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Form Column First grid spans ----- */
  .fcf-all.fcf-all, .fcf-all.fcf-all .fcf-all.fcf-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .fcf3, .fcf-all .fcf3, .fcf3.fcf3 {
    width: 10%;
  }
  .fcf2-fcf4 .fcf3 {
    width: 12.12121212%;
  }
  .fcf1-fcf3 .fcf3 {
    width: 12.40310078%;
  }
  .fcf1, .fcf-all .fcf1, .fcf1.fcf1 {
    width: 15%;
  }
  .fcf2-fcf3 .fcf3 {
    width: 15.84158416%;
  }
  .fcf4, .fcf-all .fcf4, .fcf4.fcf4 {
    width: 16.875%;
  }
  .fcf1-fcf3 .fcf1 {
    width: 18.60465116%;
  }
  .fcf2-fcf4 .fcf4 {
    width: 20.45454545%;
  }
  .fcf1-fcf2 .fcf1 {
    width: 22.01834862%;
  }
  .fcf3-fcf4.fcf3-fcf4, .fcf-all .fcf3-fcf4 {
    width: 29.375%;
  }
  .fcf3-fcf4 .fcf3 {
    width: 34.04255319%;
  }
  .fcf2-fcf4 .fcf3-fcf4 {
    width: 35.60606061%;
  }
  .fcf2, .fcf-all .fcf2, .fcf2.fcf2 {
    width: 50.625%;
  }
  .fcf3-fcf4 .fcf4 {
    width: 57.44680851%;
  }
  .fcf2-fcf4 .fcf2 {
    width: 61.36363636%;
  }
  .fcf1-fcf3 .fcf2 {
    width: 62.79069767%;
  }
  .fcf2-fcf3.fcf2-fcf3, .fcf-all .fcf2-fcf3 {
    width: 63.125%;
  }
  .fcf1-fcf2.fcf1-fcf2, .fcf-all .fcf1-fcf2 {
    width: 68.125%;
  }
  .fcf1-fcf2 .fcf2 {
    width: 74.31192661%;
  }
  .fcf2-fcf4 .fcf2-fcf3 {
    width: 76.51515152%;
  }
  .fcf1-fcf3 .fcf2-fcf3 {
    width: 78.29457364%;
  }
  .fcf2-fcf3 .fcf2 {
    width: 80.1980198%;
  }
  .fcf1-fcf3.fcf1-fcf3, .fcf-all .fcf1-fcf3 {
    width: 80.625%;
  }
  .fcf2-fcf4.fcf2-fcf4, .fcf-all .fcf2-fcf4 {
    width: 82.5%;
  }
  .fcf1-fcf3 .fcf1-fcf2 {
    width: 84.49612403%;
  }
  /* Form Column First grid padding ----- */
  .fcf-all [class*=" fcf-pad"], .fcf-all [class^=fcf-pad], [class*=" fcf-pad"], [class^=fcf-pad] {
    padding-left: 1.25%;
    padding-right: 1.25%;
    left: -1.25%;
  }
  .fcf2-fcf4 [class*=" fcf-pad"], .fcf2-fcf4 [class^=fcf-pad] {
    padding-left: 1.51515152%;
    padding-right: 1.51515152%;
    left: -1.51515152%;
  }
  .fcf1-fcf3 [class*=" fcf-pad"], .fcf1-fcf3 [class^=fcf-pad] {
    padding-left: 1.5503876%;
    padding-right: 1.5503876%;
    left: -1.5503876%;
  }
  .fcf1-fcf2 [class*=" fcf-pad"], .fcf1-fcf2 [class^=fcf-pad] {
    padding-left: 1.83486239%;
    padding-right: 1.83486239%;
    left: -1.83486239%;
  }
  .fcf2-fcf3 [class*=" fcf-pad"], .fcf2-fcf3 [class^=fcf-pad] {
    padding-left: 1.98019802%;
    padding-right: 1.98019802%;
    left: -1.98019802%;
  }
  .fcf-all [class~=fcf-padfull], .fcf-all [class~=fcf-padinfull], [class~=fcf-padfull], [class~=fcf-padinfull] {
    padding-left: 2.5%;
    padding-right: 2.5%;
    left: -2.5%;
  }
  .fcf2-fcf4 [class~=fcf-padfull], .fcf2-fcf4 [class~=fcf-padinfull] {
    padding-left: 3.03030303%;
    padding-right: 3.03030303%;
    left: -3.03030303%;
  }
  .fcf1-fcf3 [class~=fcf-padfull], .fcf1-fcf3 [class~=fcf-padinfull] {
    padding-left: 3.10077519%;
    padding-right: 3.10077519%;
    left: -3.10077519%;
  }
  .fcf1-fcf2 [class~=fcf-padfull], .fcf1-fcf2 [class~=fcf-padinfull] {
    padding-left: 3.66972477%;
    padding-right: 3.66972477%;
    left: -3.66972477%;
  }
  .fcf2-fcf3 [class~=fcf-padfull], .fcf2-fcf3 [class~=fcf-padinfull] {
    padding-left: 3.96039604%;
    padding-right: 3.96039604%;
    left: -3.96039604%;
  }
  .fcf3-fcf4 [class*=" fcf-pad"], .fcf3-fcf4 [class^=fcf-pad] {
    padding-left: 4.25531915%;
    padding-right: 4.25531915%;
    left: -4.25531915%;
  }
  .fcf3-fcf4 [class~=fcf-padfull], .fcf3-fcf4 [class~=fcf-padinfull] {
    padding-left: 8.5106383%;
    padding-right: 8.5106383%;
    left: -8.5106383%;
  }
  .fcf-pad, .fcf-padfull, .fcf-all .fcf-pad, .fcf-all .fcf-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .fcf-padin[class~=fcf-padin], .fcf-padinfull[class~=fcf-padinfull], .fcf-all .fcf-padin[class~=fcf-padin], .fcf-all .fcf-padinfull[class~=fcf-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Form Column First grid relationships ----- */
  [class*=" fcf4"][class*=" fcf4"], [class^=fcf4][class^=fcf4], .fcf-all [class*=" fcf4"], .fcf-all [class^=fcf4] {
    margin-left: 83.125%;
  }
  [class*=" fcf3"][class*=" fcf3"], [class^=fcf3][class^=fcf3], .fcf-all [class*=" fcf3"], .fcf-all [class^=fcf3] {
    margin-left: 70.625%;
  }
  [class*=" fcf2"][class*=" fcf2"], [class^=fcf2][class^=fcf2], .fcf-all [class*=" fcf2"], .fcf-all [class^=fcf2] {
    margin-left: 17.5%;
  }
  .fcf2-fcf4 [class*=" fcf4"], .fcf2-fcf4 [class^=fcf4] {
    margin-left: 79.54545455%;
  }
  .fcf2-fcf4 [class*=" fcf3"], .fcf2-fcf4 [class^=fcf3] {
    margin-left: 64.39393939%;
  }
  .fcf3-fcf4 [class*=" fcf4"], .fcf3-fcf4 [class^=fcf4] {
    margin-left: 42.55319149%;
  }
  .fcf1-fcf3 [class*=" fcf3"], .fcf1-fcf3 [class^=fcf3] {
    margin-left: 87.59689922%;
  }
  .fcf1-fcf3 [class*=" fcf2"], .fcf1-fcf3 [class^=fcf2] {
    margin-left: 21.70542636%;
  }
  .fcf2-fcf3 [class*=" fcf3"], .fcf2-fcf3 [class^=fcf3] {
    margin-left: 84.15841584%;
  }
  .fcf1-fcf2 [class*=" fcf2"], .fcf1-fcf2 [class^=fcf2] {
    margin-left: 25.68807339%;
  }
  /* Form Column First grid floats ----- */
  [class*=" fcf-float"][class*=" fcf-float"], [class^=fcf-float][class^=fcf-float] {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .fcf2-fcf4 [class*=" fcf-float"][class*=" fcf-float"], .fcf2-fcf4 [class^=fcf-float][class^=fcf-float] {
    margin-left: 3.030303030303%;
    margin-right: 3.030303030303%;
  }
  .fcf1-fcf3 [class*=" fcf-float"][class*=" fcf-float"], .fcf1-fcf3 [class^=fcf-float][class^=fcf-float] {
    margin-left: 3.1007751937984%;
    margin-right: 3.1007751937984%;
  }
  .fcf1-fcf2 [class*=" fcf-float"][class*=" fcf-float"], .fcf1-fcf2 [class^=fcf-float][class^=fcf-float] {
    margin-left: 3.6697247706422%;
    margin-right: 3.6697247706422%;
  }
  .fcf2-fcf3 [class*=" fcf-float"][class*=" fcf-float"], .fcf2-fcf3 [class^=fcf-float][class^=fcf-float] {
    margin-left: 3.960396039604%;
    margin-right: 3.960396039604%;
  }
  .fcf3-fcf4 [class*=" fcf-float"][class*=" fcf-float"], .fcf3-fcf4 [class^=fcf-float][class^=fcf-float] {
    margin-left: 8.5106382978723%;
    margin-right: 8.5106382978723%;
  }
  .fcf-floatright.fcf-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .fcf-floatleft.fcf-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .fcf-all + [class*=" fcf2"], .fcf-all + [class^=fcf2] {
    clear: left;
  }
  .fcf-all + [class*=" fcf3"], .fcf-all + [class^=fcf3] {
    clear: left;
  }
  .fcf-all + [class*=" fcf4"], .fcf-all + [class^=fcf4] {
    clear: left;
  }
  /* Form Column First clearing ----- */
  .fcf-all, [class*=" fcf1-"][class*=" fcf1-"], [class^=fcf1-][class^=fcf1-], .fcf1.fcf1, [class*=" fcf2"] [class*=fcf2], [class^=fcf2] [class*=fcf2], [class*=" fcf3"] [class*=fcf3], [class^=fcf3] [class*=fcf3], [class*=" fcf4"] [class*=fcf4], [class^=fcf4] [class*=fcf4] {
    margin-left: 0;
    clear: left;
  }
  [class*=" fcf2"] + [class*=fcf2], [class^=fcf2] + [class*=fcf2], [class*=-fcf2] + [class*=fcf2], [class*=" fcf3"] + [class*=fcf3], [class^=fcf3] + [class*=fcf3], [class*=-fcf3] + [class*=fcf3], [class*=" fcf3"] + [class*=fcf2], [class^=fcf3] + [class*=fcf2], [class*=-fcf3] + [class*=fcf2], [class*=" fcf4"] + [class*=fcf4], [class^=fcf4] + [class*=fcf4], [class*=-fcf4] + [class*=fcf4], [class*=" fcf4"] + [class*=fcf3], [class^=fcf4] + [class*=fcf3], [class*=-fcf4] + [class*=fcf3], [class*=" fcf4"] + [class*=fcf2], [class^=fcf4] + [class*=fcf2], [class*=-fcf4] + [class*=fcf2], .fcf-clear.fcf-clear {
    clear: left;
  }
  .fcf-overlap.fcf-overlap {
    clear: none;
  }
  /* Form Column First hiding ----- */
  .fcf-hide.fcf-hide, .gridoverlay .fcf-hide.fcf-hide {
    display: none;
  }
  .fcf-show.fcf-show, .gridoverlay .fcf-show.fcf-show {
    display: block;
  }
  .fcf-showgrid .fcf-show, .fcf-showgrid.fcf-show, .gridsetnoareas .fcf-show {
    display: block !important;
  }
}

@media only screen and (min-width: 640px) {
  /* Form Column Second grid: 4 column / gutter: 2.5% ---------------------------------------- */
  [class*=" fcs1"][class*=" fcs1"], [class^=fcs1][class^=fcs1], [class*=" fcs2"][class*=" fcs2"], [class^=fcs2][class^=fcs2], [class*=" fcs3"][class*=" fcs3"], [class^=fcs3][class^=fcs3], [class*=" fcs4"][class*=" fcs4"], [class^=fcs4][class^=fcs4], .fcs-all {
    display: block;
    float: left;
    clear: none;
    margin-right: -100%;
  }
  /* Form Column Second grid spans ----- */
  .fcs-all.fcs-all, .fcs-all.fcs-all .fcs-all.fcs-all {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: left;
  }
  .fcs3, .fcs-all .fcs3, .fcs3.fcs3 {
    width: 10%;
  }
  .fcs2-fcs4 .fcs3 {
    width: 12.12121212%;
  }
  .fcs1, .fcs-all .fcs1, .fcs1.fcs1 {
    width: 15%;
  }
  .fcs3-fcs4 .fcs3 {
    width: 15.84158416%;
  }
  .fcs2, .fcs-all .fcs2, .fcs2.fcs2 {
    width: 16.875%;
  }
  .fcs2-fcs4 .fcs2 {
    width: 20.45454545%;
  }
  .fcs1-fcs3 .fcs3 {
    width: 21.33333333%;
  }
  .fcs2-fcs3.fcs2-fcs3, .fcs-all .fcs2-fcs3 {
    width: 29.375%;
  }
  .fcs1-fcs3 .fcs1 {
    width: 32%;
  }
  .fcs2-fcs3 .fcs3 {
    width: 34.04255319%;
  }
  .fcs1-fcs2.fcs1-fcs2, .fcs-all .fcs1-fcs2 {
    width: 34.375%;
  }
  .fcs2-fcs4 .fcs2-fcs3 {
    width: 35.60606061%;
  }
  .fcs1-fcs3 .fcs2 {
    width: 36%;
  }
  .fcs1-fcs2 .fcs1 {
    width: 43.63636364%;
  }
  .fcs1-fcs3.fcs1-fcs3, .fcs-all .fcs1-fcs3 {
    width: 46.875%;
  }
  .fcs1-fcs2 .fcs2 {
    width: 49.09090909%;
  }
  .fcs4, .fcs-all .fcs4, .fcs4.fcs4 {
    width: 50.625%;
  }
  .fcs2-fcs3 .fcs2 {
    width: 57.44680851%;
  }
  .fcs2-fcs4 .fcs4 {
    width: 61.36363636%;
  }
  .fcs1-fcs3 .fcs2-fcs3 {
    width: 62.66666667%;
  }
  .fcs3-fcs4.fcs3-fcs4, .fcs-all .fcs3-fcs4 {
    width: 63.125%;
  }
  .fcs1-fcs3 .fcs1-fcs2 {
    width: 73.33333333%;
  }
  .fcs2-fcs4 .fcs3-fcs4 {
    width: 76.51515152%;
  }
  .fcs3-fcs4 .fcs4 {
    width: 80.1980198%;
  }
  .fcs2-fcs4.fcs2-fcs4, .fcs-all .fcs2-fcs4 {
    width: 82.5%;
  }
  /* Form Column Second grid padding ----- */
  .fcs-all [class*=" fcs-pad"], .fcs-all [class^=fcs-pad], [class*=" fcs-pad"], [class^=fcs-pad] {
    padding-left: 1.25%;
    padding-right: 1.25%;
    left: -1.25%;
  }
  .fcs2-fcs4 [class*=" fcs-pad"], .fcs2-fcs4 [class^=fcs-pad] {
    padding-left: 1.51515152%;
    padding-right: 1.51515152%;
    left: -1.51515152%;
  }
  .fcs3-fcs4 [class*=" fcs-pad"], .fcs3-fcs4 [class^=fcs-pad] {
    padding-left: 1.98019802%;
    padding-right: 1.98019802%;
    left: -1.98019802%;
  }
  .fcs-all [class~=fcs-padfull], .fcs-all [class~=fcs-padinfull], [class~=fcs-padfull], [class~=fcs-padinfull] {
    padding-left: 2.5%;
    padding-right: 2.5%;
    left: -2.5%;
  }
  .fcs1-fcs3 [class*=" fcs-pad"], .fcs1-fcs3 [class^=fcs-pad] {
    padding-left: 2.66666667%;
    padding-right: 2.66666667%;
    left: -2.66666667%;
  }
  .fcs2-fcs4 [class~=fcs-padfull], .fcs2-fcs4 [class~=fcs-padinfull] {
    padding-left: 3.03030303%;
    padding-right: 3.03030303%;
    left: -3.03030303%;
  }
  .fcs1-fcs2 [class*=" fcs-pad"], .fcs1-fcs2 [class^=fcs-pad] {
    padding-left: 3.63636364%;
    padding-right: 3.63636364%;
    left: -3.63636364%;
  }
  .fcs3-fcs4 [class~=fcs-padfull], .fcs3-fcs4 [class~=fcs-padinfull] {
    padding-left: 3.96039604%;
    padding-right: 3.96039604%;
    left: -3.96039604%;
  }
  .fcs2-fcs3 [class*=" fcs-pad"], .fcs2-fcs3 [class^=fcs-pad] {
    padding-left: 4.25531915%;
    padding-right: 4.25531915%;
    left: -4.25531915%;
  }
  .fcs1-fcs3 [class~=fcs-padfull], .fcs1-fcs3 [class~=fcs-padinfull] {
    padding-left: 5.33333333%;
    padding-right: 5.33333333%;
    left: -5.33333333%;
  }
  .fcs1-fcs2 [class~=fcs-padfull], .fcs1-fcs2 [class~=fcs-padinfull] {
    padding-left: 7.27272727%;
    padding-right: 7.27272727%;
    left: -7.27272727%;
  }
  .fcs2-fcs3 [class~=fcs-padfull], .fcs2-fcs3 [class~=fcs-padinfull] {
    padding-left: 8.5106383%;
    padding-right: 8.5106383%;
    left: -8.5106383%;
  }
  .fcs-pad, .fcs-padfull, .fcs-all .fcs-pad, .fcs-all .fcs-padfull {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .fcs-padin[class~=fcs-padin], .fcs-padinfull[class~=fcs-padinfull], .fcs-all .fcs-padin[class~=fcs-padin], .fcs-all .fcs-padinfull[class~=fcs-padinfull] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
  }
  /* Form Column Second grid relationships ----- */
  [class*=" fcs4"][class*=" fcs4"], [class^=fcs4][class^=fcs4], .fcs-all [class*=" fcs4"], .fcs-all [class^=fcs4] {
    margin-left: 49.375%;
  }
  [class*=" fcs3"][class*=" fcs3"], [class^=fcs3][class^=fcs3], .fcs-all [class*=" fcs3"], .fcs-all [class^=fcs3] {
    margin-left: 36.875%;
  }
  [class*=" fcs2"][class*=" fcs2"], [class^=fcs2][class^=fcs2], .fcs-all [class*=" fcs2"], .fcs-all [class^=fcs2] {
    margin-left: 17.5%;
  }
  .fcs2-fcs4 [class*=" fcs4"], .fcs2-fcs4 [class^=fcs4] {
    margin-left: 38.63636364%;
  }
  .fcs2-fcs4 [class*=" fcs3"], .fcs2-fcs4 [class^=fcs3] {
    margin-left: 23.48484848%;
  }
  .fcs3-fcs4 [class*=" fcs4"], .fcs3-fcs4 [class^=fcs4] {
    margin-left: 19.8019802%;
  }
  .fcs1-fcs3 [class*=" fcs3"], .fcs1-fcs3 [class^=fcs3] {
    margin-left: 78.66666667%;
  }
  .fcs1-fcs3 [class*=" fcs2"], .fcs1-fcs3 [class^=fcs2] {
    margin-left: 37.33333333%;
  }
  .fcs2-fcs3 [class*=" fcs3"], .fcs2-fcs3 [class^=fcs3] {
    margin-left: 65.95744681%;
  }
  .fcs1-fcs2 [class*=" fcs2"], .fcs1-fcs2 [class^=fcs2] {
    margin-left: 50.90909091%;
  }
  /* Form Column Second grid floats ----- */
  [class*=" fcs-float"][class*=" fcs-float"], [class^=fcs-float][class^=fcs-float] {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .fcs2-fcs4 [class*=" fcs-float"][class*=" fcs-float"], .fcs2-fcs4 [class^=fcs-float][class^=fcs-float] {
    margin-left: 3.030303030303%;
    margin-right: 3.030303030303%;
  }
  .fcs3-fcs4 [class*=" fcs-float"][class*=" fcs-float"], .fcs3-fcs4 [class^=fcs-float][class^=fcs-float] {
    margin-left: 3.960396039604%;
    margin-right: 3.960396039604%;
  }
  .fcs1-fcs3 [class*=" fcs-float"][class*=" fcs-float"], .fcs1-fcs3 [class^=fcs-float][class^=fcs-float] {
    margin-left: 5.3333333333333%;
    margin-right: 5.3333333333333%;
  }
  .fcs1-fcs2 [class*=" fcs-float"][class*=" fcs-float"], .fcs1-fcs2 [class^=fcs-float][class^=fcs-float] {
    margin-left: 7.2727272727273%;
    margin-right: 7.2727272727273%;
  }
  .fcs2-fcs3 [class*=" fcs-float"][class*=" fcs-float"], .fcs2-fcs3 [class^=fcs-float][class^=fcs-float] {
    margin-left: 8.5106382978723%;
    margin-right: 8.5106382978723%;
  }
  .fcs-floatright.fcs-floatright {
    float: right;
    margin-right: 0 !important;
  }
  .fcs-floatleft.fcs-floatleft {
    float: left;
    margin-left: 0 !important;
  }
  .fcs-all + [class*=" fcs2"], .fcs-all + [class^=fcs2] {
    clear: left;
  }
  .fcs-all + [class*=" fcs3"], .fcs-all + [class^=fcs3] {
    clear: left;
  }
  .fcs-all + [class*=" fcs4"], .fcs-all + [class^=fcs4] {
    clear: left;
  }
  /* Form Column Second clearing ----- */
  .fcs-all, [class*=" fcs1-"][class*=" fcs1-"], [class^=fcs1-][class^=fcs1-], .fcs1.fcs1, [class*=" fcs2"] [class*=fcs2], [class^=fcs2] [class*=fcs2], [class*=" fcs3"] [class*=fcs3], [class^=fcs3] [class*=fcs3], [class*=" fcs4"] [class*=fcs4], [class^=fcs4] [class*=fcs4] {
    margin-left: 0;
    clear: left;
  }
  [class*=" fcs2"] + [class*=fcs2], [class^=fcs2] + [class*=fcs2], [class*=-fcs2] + [class*=fcs2], [class*=" fcs3"] + [class*=fcs3], [class^=fcs3] + [class*=fcs3], [class*=-fcs3] + [class*=fcs3], [class*=" fcs3"] + [class*=fcs2], [class^=fcs3] + [class*=fcs2], [class*=-fcs3] + [class*=fcs2], [class*=" fcs4"] + [class*=fcs4], [class^=fcs4] + [class*=fcs4], [class*=-fcs4] + [class*=fcs4], [class*=" fcs4"] + [class*=fcs3], [class^=fcs4] + [class*=fcs3], [class*=-fcs4] + [class*=fcs3], [class*=" fcs4"] + [class*=fcs2], [class^=fcs4] + [class*=fcs2], [class*=-fcs4] + [class*=fcs2], .fcs-clear.fcs-clear {
    clear: left;
  }
  .fcs-overlap.fcs-overlap {
    clear: none;
  }
  /* Form Column Second hiding ----- */
  .fcs-hide.fcs-hide, .gridoverlay .fcs-hide.fcs-hide {
    display: none;
  }
  .fcs-show.fcs-show, .gridoverlay .fcs-show.fcs-show {
    display: block;
  }
  .fcs-showgrid .fcs-show, .fcs-showgrid.fcs-show, .gridsetnoareas .fcs-show {
    display: block !important;
  }
}

#gridscreenwidthwrap {
  display: block !important;
}

@media only screen and (max-width: 420px) {
  #mobileNav {
    display: block;
  }
  #wrap {
    padding: 0 10px;
  }
  #systemNav ul li, #searchBox {
    display: none;
  }
  header #systemNav {
    top: 16px;
  }
  #systemNav ul li.showAlways {
    display: inline-block;
  }
  #navigation {
    display: none;
  }
  #navigation .empty {
    display: none;
  }
  #navigation #subNav li {
    margin-top: 10px;
  }
  #navigation #subNav .menuImg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    height: auto;
  }
  #navigation #subNav h2 {
    font-size: 18px;
  }
  #navigation #subNav h2 span {
    padding: 10px;
    left: 51%;
  }
  header {
    padding-top: 130px;
  }
  header #logo {
    max-width: 80%;
    width: auto;
  }
  .headerVisual {
    padding-top: 52%;
  }
  .headerVisual .ch2 {
    position: absolute;
    bottom: 0;
  }
  .infobox .cms-img {
    padding: 22px 22px 0;
    text-align: center;
  }
  .infobox .cms-img img {
    max-width: 50px;
  }
  .infobox .cms-text {
    padding: 16px 22px 22px;
  }
  .footer-inner ul {
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  #navigation #subNav h2 {
    font-size: 21px;
  }
}

@media only screen and (max-width: 770px) {
  .headerVisual {
    padding-top: 28%;
  }
  .headerVisual .ch2 {
    position: absolute;
    bottom: 0;
  }
  .headerVisual h1 {
    bottom: 5%;
  }
}

.newsroomHeader {
  padding: 3.2rem 0;
}

.newsroomHeader__logo {
  max-width: 320px;
}

.newsroomHeader__headline {
  color: #1a171c;
  font-weight: normal;
  margin: 6.4rem 0;
  text-transform: none;
  line-height: 1.2rem;
  font-size: 5.4rem;
  font-weight: 200;
}

@media screen and (max-width: 640px) {
  .newsroomHeader__headline {
    margin: 5.4rem 0;
    font-size: 4.0rem;
  }
}

.newsroomHeader__headline b {
  font-weight: 700;
}

.newsroomHeader__headline a {
  color: #1a171c;
}

.newsroomHeader__headline a:hover {
  text-decoration: none;
}

.newsroomHeader__nav {
  border-top: 1px solid #1a171c;
  font-size: 1.2rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.newsroomHeader__nav a {
  color: #000;
  font-weight: normal;
  margin-right: 3.2rem;
}

.newsroomHeader__nav a:last-child {
  margin-right: 0;
}

.newsroomHeader__nav a:hover {
  text-decoration: none;
}

.newsroomHeader__nav a.current {
  color: #D10B26;
}

.pressrelease {
  padding-bottom: 3.2rem;
}

.pressrelease__title {
  font-size: 1.8rem;
  color: #000;
  font-family: gesta, Helvetica, sans-serif;
  text-decoration: none;
  text-transform: none;
  margin-bottom: 4.8rem;
  font-weight: bold;
}

.pressrelease__published {
  margin: 1.6rem 0;
  font-size: 1.4rem;
}

.prContent {
  padding-bottom: 3.2rem;
  border-bottom: 1px solid #d9d1c8;
  position: relative;
}

.prContent:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #d9d1c8 transparent;
}

.prContent__title {
  color: #1a171c;
  font-weight: normal;
  margin: 5.6rem 0 1.6rem;
  text-transform: lowercase;
  font-size: 5.4rem;
  font-weight: 200;
}

.prContent__title b {
  font-weight: 700;
}

.prContent__contact {
  color: #000;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.prContent__contactImage {
  width: 160px;
  margin-right: 1.6rem;
  position: relative;
}

.prContent__contactImage:after {
  position: absolute;
  content: '';
  bottom: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  padding-bottom: 0;
  background: #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.prContent__contactImage img {
  display: block;
  max-width: 100%;
}

.prContent h3 {
  font-weight: bold;
  margin-bottom: 1.6rem;
}

.prContent__fileList {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  display: -ms-grid;
  display: grid;
  grid-gap: 1.2rem;
  -ms-grid-columns: (160px)[auto-fit];
      grid-template-columns: repeat(auto-fit, 160px);
}

.prContent__fileList li {
  position: relative;
  width: 100%;
  height: 128px;
  background: #EEE;
  text-align: center;
  line-height: 128px;
  font-size: 2.8rem;
  overflow: hidden;
}

.prContent__fileList li:last-child {
  margin-right: 0;
}

.prContent__fileList li:after {
  position: absolute;
  content: '';
  bottom: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  padding-bottom: 0;
  background-color: #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.prContent__fileList li .relatedImage {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
}

.prContent__fileList a {
  display: block;
  text-decoration: none;
}

.prContent__fileList img {
  display: block;
  max-width: 100%;
}

.prContent__slider {
  overflow: hidden;
  position: relative;
}

.prContent__slider .swiper-wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
}

.prContent__slider .relatedImage img {
  max-width: 100%;
}

.prContent__slider .swiper-slide {
  position: relative;
  background: #EEE;
}

.prContent__slider .swiper-slide:after {
  position: absolute;
  content: '';
  bottom: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  padding-bottom: 0;
  background-color: #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.prContent__slider .file img {
  height: auto;
  max-width: 100%;
}

.prContent__slider .file span {
  position: absolute;
  display: block;
  text-align: center;
  font-size: 2.8rem;
  line-height: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50%;
  margin-top: -1.4rem;
}

.prContent__slider .swiper-button-next {
  background: url(../images/swiper_arrow_right.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 44px;
  height: 44px;
  margin-top: -22px;
}

.prContent__slider .swiper-button-prev {
  background: url(../images/swiper_arrow_left.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 44px;
  height: 44px;
  margin-top: -22px;
}

.prContent__slider .swiper-button-disabled {
  opacity: 0 !important;
}

.prHeader {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "image title";
  -ms-grid-columns: 1fr minmax(100px, 320px);
      grid-template-columns: 1fr minmax(100px, 320px);
  margin-bottom: 3.2rem;
}

@media screen and (max-width: 640px) {
  .prHeader {
    display: block;
  }
}

.prHeader__image {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: image;
  background-size: cover;
  background-position: center center;
  min-height: 420px;
}

.prHeader__image--contain {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.prHeader__title {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: title;
  background: #db8731;
  color: #FFF;
  padding: 3.2rem 1.6rem;
  font-size: 2.8rem;
  text-transform: none;
  position: relative;
  overflow: hidden;
}

.prHeader__title:after {
  position: absolute;
  content: '';
  bottom: -70px;
  right: -70px;
  width: 120px;
  height: 120px;
  padding-bottom: 0;
  background: #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.newsroom {
  padding-bottom: 3.6rem;
}

.newsroomOverview {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  margin-bottom: 3.6rem;
}

@media screen and (max-width: 640px) {
  .newsroomOverview {
    height: auto !important;
  }
}

.newsroomOverview:after {
  pointer-events: none;
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 66.666666%;
  right: 0;
  height: 2rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(99%, rgba(255, 255, 255, 0.99)), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
}

.newsroomOverview:before {
  pointer-events: none;
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 66.666666%;
  right: 0;
  height: 2rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(1%, rgba(255, 255, 255, 0.99)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */
}

@media screen and (max-width: 640px) {
  .newsroomOverview {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.newsroomOverview__highlightArticle {
  width: 66.666666%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 1.2rem;
  position: relative;
  padding-bottom: 55%;
  height: 0;
}

@media screen and (max-width: 640px) {
  .newsroomOverview__highlightArticle {
    width: auto;
    overflow: hidden;
    padding-bottom: 80%;
    padding-right: 0;
  }
}

.newsroomOverview__highlightArticle .slide {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.newsroomOverview__highlightArticle .slide:hover {
  text-decoration: none;
}

@media screen and (max-width: 640px) {
  .newsroomOverview__highlightArticle .slide {
    position: static;
  }
}

.newsroomOverview__highlightArticle .new {
  position: relative;
  z-index: 2;
  display: none;
}

.newsroomOverview__highlightArticle img {
  width: 100%;
  position: relative;
  z-index: 2;
}

.newsroomOverview__highlightArticle h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #db8731;
  color: #FFF;
  padding: 2.4rem;
  text-transform: none;
  font-family: KlavikaWebBasic;
  font-weight: 300;
  z-index: 3;
}

@media screen and (max-width: 640px) {
  .newsroomOverview__highlightArticle h2 {
    font-size: 1.6rem;
  }
}

.newsroomOverview__highlightArticle h2:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 2.4rem solid white;
  border-left: 2.4rem solid transparent;
  width: 0;
}

.newsroomOverview__recentArticleList {
  padding-left: 1.2rem;
  width: 33.333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  position: relative;
  padding-top: 1.2rem;
}

@media screen and (max-width: 640px) {
  .newsroomOverview__recentArticleList {
    min-height: 320px;
    width: auto;
    padding-left: 0;
  }
}

.newsroomOverview__recentArticleLink {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.2rem;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: .4rem solid transparent;
  text-decoration: none;
}

.newsroomOverview__recentArticleLink:hover, .newsroomOverview__recentArticleLink:focus {
  text-decoration: none;
  background: #EEE;
  border: .4rem solid #EEE;
}

.newsroomOverview__recentArticleHeader {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 66.666666%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 1.8rem;
}

.newsroomOverview__recentArticleHeader h3 {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: .6rem;
}

.newsroomOverview__recentArticleTime {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4;
}

.newsroomOverview__recentArticleImage {
  width: 33.333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1.4rem;
  padding-top: .4rem;
  padding-bottom: .4rem;
}

.newsroomOverview__recentArticleImage > div {
  position: relative;
}

.newsroomOverview__recentArticleImage > div:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 1rem solid white;
  border-left: 1rem solid transparent;
  width: 0;
}

.newsroomOverview__recentArticleImage img {
  position: relative;
  max-width: 100%;
}

.newsroomIntro__summary {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  margin-bottom: 2.4rem;
}

.newsroomIntro__button {
  background: #385c6a;
  display: inline-block;
  padding: .5rem 1rem .3rem;
  font-weight: 300;
  font-family: KlavikaWebBasic;
  font-weight: 300;
  color: #FFF;
  font-size: 1.6rem;
}

.newsroomIntro__button:hover, .newsroomIntro__button:focus {
  background: #263f49;
  color: #FFF;
  text-decoration: none;
}

.newsroomIntro__datetime {
  font-size: 14px;
  color: #5c594a;
  font-weight: 400;
}

.newsroomIntro__datetime:before {
  content: ' · ';
}

@media only print {
  @page {
    margin-top: 2cm;
    margin-bottom: 2cm;
  }
  nav, #searchBox, #footer, span.zoom, .sidebar {
    display: none;
  }
  .infobox {
    visibility: visible;
    -webkit-transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    page-break-inside: avoid;
  }
  header {
    padding-top: 100px;
  }
  #wrap {
    padding: 0;
    margin: 0;
  }
  .main {
    zoom: 0.8;
  }
  h1, h2, h3 {
    page-break-after: avoid;
  }
  .fragebogen_container, .trennstrich_checklist, .text_checklist {
    max-width: none;
  }
  .fragebogen_container {
    page-break-inside: avoid;
  }
  .fragebogen_container .radio {
    width: 30px;
    height: 30px;
    background: #FFF;
    border: 1px solid #443437;
    border-radius: 15px;
    display: block;
    margin: 0 auto;
  }
  .fragebogen_container .radio input {
    display: none;
  }
  .fragebogen_container .checked label {
    width: 15px;
    height: 15px;
    background: #000;
    border-radius: 7.5px;
    margin-left: 0px;
    margin-top: 6px;
    padding: 0;
    min-height: 0;
  }
}
/*# sourceMappingURL=screen.css.map */