@import url(https://fast.fonts.net/cssapi/b1e196c9-75f0-4702-83dc-39a42fe0dedf.css);
.contentWrapper, .indentContentWrapper, .boxLinkSmallWrapper .boxLink, .boxLinkWrapper .boxLink, .boxLinkWrapperImage .boxLink, .boxAccordionWrapper .boxAccordion .boxAccordionContent, .overlayBoxWrapper .overlayBox .overlayBoxContent, .claim, .navigation > li div.subWrapper > div.subWrapperInnerMenu, .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockMenu, .navigationProductsIntro, .standardHeader, .standardContent, .verticalList, .homeIntro, .cubeFilter, .seriesOverviewBoxes, .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop, .seriesHeader, .variantsMatrix .variantsOverviewRow, .usecaseStage, .usecasesLinks, .precisionplusinline, .stage, .stageLinks, .successstoriesAssets, .inlineImageWrapper, .trainingBox .trainingBoxInner, .trainingBoxAccordionWrapper .trainingBoxAccordion .trainingBoxContent, .historyNavigationWrapper .historyNavigation, .newsHeader .newsContent .newsList, .newsHeader .newsContent .newsList .newsListBox, .groupSites, .footerFooter .footerFooterInner {
  zoom: 1; }
  .contentWrapper:before, .indentContentWrapper:before, .boxLinkSmallWrapper .boxLink:before, .boxLinkWrapper .boxLink:before, .boxLinkWrapperImage .boxLink:before, .boxAccordionWrapper .boxAccordion .boxAccordionContent:before, .overlayBoxWrapper .overlayBox .overlayBoxContent:before, .claim:before, .navigation > li div.subWrapper > div.subWrapperInnerMenu:before, .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockMenu:before, .navigationProductsIntro:before, .standardHeader:before, .standardContent:before, .verticalList:before, .homeIntro:before, .cubeFilter:before, .seriesOverviewBoxes:before, .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop:before, .seriesHeader:before, .variantsMatrix .variantsOverviewRow:before, .usecaseStage:before, .usecasesLinks:before, .precisionplusinline:before, .stage:before, .stageLinks:before, .successstoriesAssets:before, .inlineImageWrapper:before, .trainingBox .trainingBoxInner:before, .trainingBoxAccordionWrapper .trainingBoxAccordion .trainingBoxContent:before, .historyNavigationWrapper .historyNavigation:before, .newsHeader .newsContent .newsList:before, .newsHeader .newsContent .newsList .newsListBox:before, .groupSites:before, .footerFooter .footerFooterInner:before, .contentWrapper:after, .indentContentWrapper:after, .boxLinkSmallWrapper .boxLink:after, .boxLinkWrapper .boxLink:after, .boxLinkWrapperImage .boxLink:after, .boxAccordionWrapper .boxAccordion .boxAccordionContent:after, .overlayBoxWrapper .overlayBox .overlayBoxContent:after, .claim:after, .navigation > li div.subWrapper > div.subWrapperInnerMenu:after, .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockMenu:after, .navigationProductsIntro:after, .standardHeader:after, .standardContent:after, .verticalList:after, .homeIntro:after, .cubeFilter:after, .seriesOverviewBoxes:after, .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop:after, .seriesHeader:after, .variantsMatrix .variantsOverviewRow:after, .usecaseStage:after, .usecasesLinks:after, .precisionplusinline:after, .stage:after, .stageLinks:after, .successstoriesAssets:after, .inlineImageWrapper:after, .trainingBox .trainingBoxInner:after, .trainingBoxAccordionWrapper .trainingBoxAccordion .trainingBoxContent:after, .historyNavigationWrapper .historyNavigation:after, .newsHeader .newsContent .newsList:after, .newsHeader .newsContent .newsList .newsListBox:after, .groupSites:after, .footerFooter .footerFooterInner:after {
    content: " ";
    display: table; }
  .contentWrapper:after, .indentContentWrapper:after, .boxLinkSmallWrapper .boxLink:after, .boxLinkWrapper .boxLink:after, .boxLinkWrapperImage .boxLink:after, .boxAccordionWrapper .boxAccordion .boxAccordionContent:after, .overlayBoxWrapper .overlayBox .overlayBoxContent:after, .claim:after, .navigation > li div.subWrapper > div.subWrapperInnerMenu:after, .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockMenu:after, .navigationProductsIntro:after, .standardHeader:after, .standardContent:after, .verticalList:after, .homeIntro:after, .cubeFilter:after, .seriesOverviewBoxes:after, .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop:after, .seriesHeader:after, .variantsMatrix .variantsOverviewRow:after, .usecaseStage:after, .usecasesLinks:after, .precisionplusinline:after, .stage:after, .stageLinks:after, .successstoriesAssets:after, .inlineImageWrapper:after, .trainingBox .trainingBoxInner:after, .trainingBoxAccordionWrapper .trainingBoxAccordion .trainingBoxContent:after, .historyNavigationWrapper .historyNavigation:after, .newsHeader .newsContent .newsList:after, .newsHeader .newsContent .newsList .newsListBox:after, .groupSites:after, .footerFooter .footerFooterInner:after {
    clear: both; }

/* #BASIC RESET                                                                                     */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

caption, th, td {
  text-align: left; }

:focus {
  outline: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ul {
  list-style-image: none;
  list-style-type: none; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

::-webkit-input-placeholder {
  color: #262626; }

:-moz-placeholder {
  color: #262626; }

::-moz-placeholder {
  color: #262626; }

:-ms-input-placeholder {
  color: #262626; }

a[href^=tel] {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  text-decoration: none;
  line-height: inherit; }

h1, h2, h3, h4, h5, h6, strong, cite {
  font-style: normal;
  font-weight: normal; }

/* #GLOBAL LAYOUT CLASSES                                                                           */
.clear {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  height: 1px; }

.clearLeft {
  clear: left;
  font-size: 0px;
  line-height: 0px;
  height: 0px; }

.clearRight {
  clear: right;
  font-size: 0px;
  line-height: 0px;
  height: 0px; }

.alignBottom {
  vertical-align: bottom; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

strong {
  font-weight: bold; }

.no-scroll {
  overflow: hidden; }

svg {
  fill: currentColor;
  display: block; }

.defs-only {
  display: none; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

.svgIcon svg {
  width: 100%;
  height: 100%; }

.svgIcon path {
  transition: transform 250ms ease-in-out; }

.svgIcon polyline {
  transition: all 250ms ease-in-out; }

.hasArrowRight .arrowRight {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-top: 0px;
  color: #000000;
  vertical-align: baseline;
  overflow: hidden;
  transition: all 250ms ease-in-out; }

.hasArrowRight:hover .arrowRight {
  transform: translateX(2px); }

.chevronRight {
  display: inline-block;
  width: 10px;
  height: 16px;
  margin-top: 5px;
  margin-left: 7px;
  color: #000000;
  vertical-align: baseline;
  overflow: hidden;
  transition: all 250ms ease-in-out; }

.chevronLeft {
  display: inline-block;
  width: 10px;
  height: 16px;
  margin-top: 5px;
  margin-left: 7px;
  color: #000000;
  vertical-align: baseline;
  overflow: hidden;
  transition: all 250ms ease-in-out; }

.hasChevronRight:hover .chevronRight {
  transform: translateX(2px); }

.hasChevronRight.swiper-button-disabled .chevronRight {
  color: #cfcfcf; }

.hasChevronLeft:hover .chevronLeft {
  transform: translateX(-2px); }

.hasChevronLeft.swiper-button-disabled .chevronLeft {
  color: #cfcfcf; }

.chevronRightAccordeon {
  display: inline-block;
  width: 10px;
  height: 16px;
  color: #000000;
  vertical-align: baseline;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 250ms ease-in-out; }

.hasChevronRightAccordeon:hover .chevronRightAccordeon, .hasChevronRightAccordeon.active .chevronRightAccordeon {
  transform: rotate(90deg); }

.hasArrowRightPopIn .arrowRight {
  display: inline-block;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 0;
  position: absolute;
  color: #000000;
  vertical-align: baseline;
  overflow: hidden; }
  .hasArrowRightPopIn .arrowRight svg {
    transition: transform 250ms ease-in-out;
    transform: translateX(10px); }

.hasArrowRightPopIn:hover .arrowRight svg, .hasArrowRightPopIn.active .arrowRight svg {
  transform: translateX(0px); }

.hasArrowRightPopIn.videoLinkSmall .arrowRight {
  color: #e30018;
  top: 3px; }
  .hasArrowRightPopIn.videoLinkSmall .arrowRight svg {
    transform: translateX(0px); }

.hasArrowRightPopIn.videoLinkSmall:hover .arrowRight svg, .hasArrowRightPopIn.videoLinkSmall.active .arrowRight svg {
  transform: translateX(1px); }

.hasArrowDown .arrowDown {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-top: 6px;
  color: #000000;
  vertical-align: top;
  transition: all 250ms ease-in-out; }

.hasArrowDown:hover .arrowDown {
  transform: translateY(2px); }

.globe {
  width: 15px;
  height: 14px;
  display: inline-block;
  margin-right: 5px;
  color: #000000;
  vertical-align: top; }

.iconYoutubeWrapper {
  display: none; }

@media (min-width: 680px) {
  .iconYoutubeWrapper {
    top: 201px;
    position: fixed;
    right: 0;
    overflow: hidden;
    width: 53px;
    height: 43px;
    z-index: 40;
    transition: all 0.3s ease-in-out; } }
  @media (min-width: 680px) and (min-width: 1024px) {
    .iconYoutubeWrapper {
      width: 63px;
      height: 53px; } }

@media (min-width: 680px) {
    .iconYoutubeWrapper .iconYoutube {
      background: #e30018;
      padding: 6px 14px 8px 10px;
      color: #fff;
      display: block;
      position: absolute;
      top: 0;
      right: -10px;
      width: 53px;
      height: 43px;
      transition: all 0.2s ease-in-out; } }
    @media (min-width: 680px) and (min-width: 1024px) {
      .iconYoutubeWrapper .iconYoutube {
        width: 63px;
        height: 53px;
        padding: 6px 19px 8px 11px; } }

@media (min-width: 680px) {
      .iconYoutubeWrapper .iconYoutube:hover {
        right: -5px; } }
      @media (min-width: 680px) and (min-width: 1024px) {
        .iconYoutubeWrapper .iconYoutube:hover {
          right: 0px; } }

@media (min-width: 680px) {
      .iconYoutubeWrapper .iconYoutube span {
        width: 25px;
        height: 29px;
        display: block; } }
      @media (min-width: 680px) and (min-width: 1024px) {
        .iconYoutubeWrapper .iconYoutube span {
          width: 33px;
          height: 39px; } }

.shrink .iconYoutubeWrapper {
  top: 108px; }

.boxLinkIcon {
  display: block;
  width: 120px;
  height: 100%;
  text-align: center;
  line-height: 100%;
  margin-right: 7px;
  float: left;
  line-height: 120px;
  font-size: 60px;
  min-height: 120px; }

/* BASIC LAYOUT */
html {
  height: 100%;
  font-size: 14px;
  font-size: 0.875rem; }

body {
  background: #fff;
  margin: 0;
  padding: 0;
  font-family: "Frutiger Next LT W06 Regular", sans-serif;
  color: #000000;
  height: 100%; }

.pageLimit {
  margin: 0 auto;
  position: relative; }
  @media (min-width: 1024px) {
    .pageLimit {
      width: 1000px; } }

.pageWrapper {
  min-height: 100%;
  position: relative;
  padding-bottom: 100px; }

.alignRight {
  text-align: right; }

.content {
  padding-top: 42px;
  width: 100%;
  background: transparent;
  position: relative;
  background: #dddcde;
  background: linear-gradient(to bottom, #dddcde 0%, #ffffff 530px, #ffffff 100%); }
  @media (min-width: 768px) {
    .content {
      padding-top: 109px; } }
  @media (min-width: 1024px) {
    .content {
      padding-top: 135px; } }
  .content.contentFirst {
    padding-bottom: 0; }
  .content.contentInline {
    background: white;
    padding: 0; }
    .content.contentInline.paddingBottom60 {
      padding-bottom: 30px; }
      @media (min-width: 768px) {
        .content.contentInline.paddingBottom60 {
          padding-bottom: 60px; } }
    .content.contentInline.paddingBottom100 {
      padding-bottom: 50px; }
      @media (min-width: 768px) {
        .content.contentInline.paddingBottom100 {
          padding-bottom: 100px; } }
    .content.contentInline.paddingTop60 {
      padding-top: 30px; }
      @media (min-width: 768px) {
        .content.contentInline.paddingTop60 {
          padding-top: 60px; } }
    .content.contentInline.paddingTop30 {
      padding-top: 15px; }
      @media (min-width: 768px) {
        .content.contentInline.paddingTop30 {
          padding-top: 30px; } }
    .content.contentInline.padding60 {
      padding: 30px 0; }
      @media (min-width: 768px) {
        .content.contentInline.padding60 {
          padding: 60px 0; } }
  .content.contentInlineBreaker {
    background: #696969; }
  .content.noPaddingBottom {
    padding-bottom: 0; }

.indentContentWrapper {
  padding: 0 0px; }
  @media (min-width: 860px) {
    .indentContentWrapper {
      padding: 0 0 0 10px; } }
  .indentContentWrapper .column25 {
    width: 100%;
    padding: 0 10px;
    float: left; }
    @media (min-width: 768px) {
      .indentContentWrapper .column25 {
        width: 25%;
        padding: 0 10px; } }
  .indentContentWrapper .column33 {
    padding: 0 10px;
    width: 100%; }
    @media (min-width: 760px) {
      .indentContentWrapper .column33 {
        float: left;
        width: 33.33%; } }
  .indentContentWrapper .column50 {
    padding: 0 10px;
    width: 100%; }
    @media (min-width: 760px) {
      .indentContentWrapper .column50 {
        float: left;
        width: 50%; } }
    .indentContentWrapper .column50.noPadding {
      padding: 0; }
    .indentContentWrapper .column50 h1, .indentContentWrapper .column50 h2 {
      margin-left: 0; }
    @media (min-width: 768px) {
      .indentContentWrapper .column50.column50Right {
        margin-left: 50%; } }
  .indentContentWrapper .column66 {
    padding: 0 10px;
    width: 100%; }
    @media (min-width: 760px) {
      .indentContentWrapper .column66 {
        float: left;
        width: 66.66%; } }
  .indentContentWrapper .column75 {
    width: 100%;
    padding: 0 10px;
    float: left; }
    @media (min-width: 768px) {
      .indentContentWrapper .column75 {
        width: 75%; } }
  .indentContentWrapper .column100 {
    padding: 0 10px;
    width: 100%; }
  .indentContentWrapper .column .column {
    padding: 0 0 0 10px; }
  .indentContentWrapper .column .column:first-of-type {
    padding: 0; }
  .indentContentWrapper .column.paddingTop200 {
    padding-top: 0px; }
    @media (min-width: 1024px) {
      .indentContentWrapper .column.paddingTop200 {
        padding-top: 200px; } }
  .indentContentWrapper.paddingBottom70 {
    padding-bottom: 70px; }

/* BASIC ELEMENTS */
.visibleTablet {
  display: none; }
  @media (min-width: 768px) {
    .visibleTablet {
      display: block; } }

.visibleDesktop {
  display: none; }
  @media (min-width: 1024px) {
    .visibleDesktop {
      display: block; } }

.groupLogos {
  margin: 0 10px 15px;
  max-width: 300px; }
  @media (min-width: 768px) {
    .groupLogos {
      margin: 0;
      position: absolute;
      top: 5px;
      right: 0; } }
  @media (min-width: 1024px) {
    .groupLogos {
      max-width: 334px; } }

.logoChironSmall {
  height: 38px;
  width: 112px; }

.logoStamaSmall {
  height: 24px;
  width: 136px;
  background-image: url("/img/sprite.png");
  background-position: -322px -128px;
  background-repeat: no-repeat; }

.logoSchererSmall {
  height: 41px;
  width: 139px; }

.logoCMSSmall {
  height: 45px;
  width: 83px;
  background-image: url("/img/sprite.png");
  background-position: -489px -128px;
  background-repeat: no-repeat; }

.inlineImage {
  width: 100%; }

.inlineImage90 {
  margin: 0 auto;
  text-align: center;
  width: 90%;
  display: block; }

h1, h2, h3, h4, h5 {
  word-wrap: break-word; }

h1 {
  font-size: 28px;
  font-family: "Frutiger Next LT W06 Bold", sans-serif;
  margin: 0 10px 5px; }
  @media (min-width: 440px) {
    h1 {
      font-size: 28px;
      margin: 0 10px 5px 10px; } }
  @media (min-width: 860px) {
    h1 {
      margin: 0 10px 5px 20px; } }
  h1.marginBottom {
    margin-bottom: 30px; }

h2 {
  font-size: 18px;
  font-family: "Frutiger Next LT W06 Regular", sans-serif;
  margin: 0 10px 15px 10px; }
  @media (min-width: 440px) {
    h2 {
      font-size: 20px;
      margin: 0 10px 15px 10px; } }
  @media (min-width: 860px) {
    h2 {
      margin: 0 10px 20px 20px; } }

h3 {
  font-size: 14px;
  font-family: "Frutiger Next LT W06 Medium", sans-serif;
  color: #b4b4b4;
  margin: 0 10px 15px; }
  @media (min-width: 440px) {
    h3 {
      font-size: 14px;
      margin: 20px 10px 10px 10px; } }
  @media (min-width: 860px) {
    h3 {
      margin: 20px 10px 10px 20px; } }

p {
  margin: 0 0 20px 0;
  line-height: 18px;
  font-family: "Frutiger Next LT W06 Regular", sans-serif;
  font-size: 13px; }
  @media (min-width: 440px) {
    p {
      margin: 0 0 25px 0;
      font-size: 14px; } }
  p.listHeadline {
    margin-bottom: 10px; }
  p.small {
    font-size: 13px; }

strong {
  font-weight: bold; }

p.downloadText {
  font-family: "Frutiger Next LT W06 Medium", sans-serif; }
  p.downloadText a {
    display: block;
    color: #008080;
    text-decoration: none;
    background: url("/img/sprite.png") no-repeat 0px -79px;
    padding-left: 25px; }
    @media (min-width: 768px) {
      p.downloadText a {
        margin-left: 30px;
        display: inline; } }
  p.downloadText.downloadTextNoIndent a {
    margin-left: 0; }

a.defaultLink {
  color: #008080;
  text-decoration: none; }
  a.defaultLink:active, a.defaultLink:visited, a.defaultLink:hover {
    color: #008080;
    text-decoration: underline; }

.contentInlineBreaker {
  min-height: 50px; }
  .contentInlineBreaker p.downloadText {
    margin: 0;
    color: #ffffff;
    margin: 15px 0; }
  .contentInlineBreaker p.downloadText a {
    color: #ffffff; }

a.pdfLink {
  font-family: "Frutiger Next LT W06 Medium", sans-serif;
  color: #008080;
  text-decoration: none;
  background: url("/img/sprite.png") no-repeat 0px -79px;
  padding-left: 30px; }
  a.pdfLink.pdfLinkRed {
    color: #e30018;
    font-size: 16px; }

.standardTable {
  width: 100%;
  display: table;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding: 3px 0;
  margin-bottom: 20px; }
  .standardTable .row {
    display: table-row; }
    .standardTable .row:nth-child(odd) {
      background-color: #f2f2f2; }
    .standardTable .row:nth-child(even) {
      background-color: #e6e6e6; }
  .standardTable .cell {
    display: table-cell;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; }
    .standardTable .cell:first-child {
      padding: 2px 5px; }
      @media (min-width: 768px) {
        .standardTable .cell:first-child {
          padding: 2px 20px 2px 13px; } }
    .standardTable .cell:last-child {
      padding: 2px 5px; }
      @media (min-width: 768px) {
        .standardTable .cell:last-child {
          padding: 2px 13px 2px 20px; } }

.parallax-window {
  min-height: 200px;
  position: relative; }
  .parallax-window .pageLimit {
    position: static; }
  @media (min-width: 768px) {
    .parallax-window {
      min-height: 325px; } }

.buttonBig {
  font-size: 16px;
  background: #696969;
  color: #ffffff;
  padding: 13px;
  display: block;
  text-align: center;
  text-decoration: none;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
  .buttonBig:hover {
    color: #696969;
    background: #e6e6e6; }

.standardLink {
  color: #000000;
  text-decoration: none; }
  .standardLink:hover {
    color: #e30018; }

.boxLinkSmallWrapper {
  padding: 0 15px;
  margin-bottom: 13px;
  position: relative;
  width: 100%; }
  @media (min-width: 768px) {
    .boxLinkSmallWrapper {
      width: 50%;
      float: left;
      height: 64px; } }
  @media (min-width: 1024px) {
    .boxLinkSmallWrapper {
      width: 33.333%; } }
  .boxLinkSmallWrapper.boxLinkSmallWrapperFullWidth {
    width: 100%; }
  .boxLinkSmallWrapper .boxLink {
    display: block;
    width: 100%;
    padding: 0;
    color: #000000;
    text-decoration: none;
    box-shadow: 0 0 10px 0 #cfcfcf;
    position: relative;
    margin-bottom: 0;
    z-index: 90;
    cursor: pointer; }
    .boxLinkSmallWrapper .boxLink .boxLinkContent {
      background: #ffffff;
      transition: all 0.3s ease-in-out;
      padding: 15px 7px 15px 15px;
      overflow: hidden; }
      @media (min-width: 768px) {
        .boxLinkSmallWrapper .boxLink .boxLinkContent {
          height: 64px; } }
      .boxLinkSmallWrapper .boxLink .boxLinkContent .headline {
        font-family: "Frutiger Next LT W06 Bold", sans-serif;
        font-size: 14px;
        color: #000000;
        font-weight: normal;
        display: inline-block;
        line-height: 34px;
        padding-left: 10px;
        vertical-align: top; }
      .boxLinkSmallWrapper .boxLink .boxLinkContent .appIcon {
        height: 34px;
        display: inline-block; }
      .boxLinkSmallWrapper .boxLink .boxLinkContent .boxLinkContentOver {
        border-top: 1px solid #f2f2f2;
        margin-top: 12px;
        padding-top: 10px; }
  @media (min-width: 768px) {
    .boxLinkSmallWrapper .boxLink:hover .boxLinkContent {
      height: 141px;
      background: #e6e6e6; }
    .boxLinkSmallWrapper .boxLink:hover .boxLinkContentBig {
      height: 181px;
      background: #e6e6e6; } }

.boxLinkWrapper {
  float: left;
  padding: 0 10px;
  width: 100%;
  margin-bottom: 0px; }
  @media (min-width: 768px) {
    .boxLinkWrapper {
      width: 50%;
      margin-bottom: 30px; } }
  .boxLinkWrapper.boxLinkWrapperFullWidth {
    width: 100%; }
  .boxLinkWrapper .boxLink {
    display: block;
    width: 100%;
    padding: 0;
    color: #000000;
    text-decoration: none;
    margin-bottom: 30px;
    box-shadow: 0 0 10px 0 #cfcfcf; }
    .boxLinkWrapper .boxLink img {
      float: left;
      display: none; }
      @media (min-width: 768px) {
        .boxLinkWrapper .boxLink img {
          display: block;
          margin-right: 7px; } }
    .boxLinkWrapper .boxLink .boxLinkContent {
      padding: 10px 7px 10px 7px;
      background: #ffffff;
      transition: all 0.3s ease-in-out; }
      @media (min-width: 768px) {
        .boxLinkWrapper .boxLink .boxLinkContent {
          min-height: 120px; } }
      .boxLinkWrapper .boxLink .boxLinkContent span {
        display: block; }
      .boxLinkWrapper .boxLink .boxLinkContent .headline {
        font-weight: bold;
        font-size: 20px; }
    .boxLinkWrapper .boxLink:hover .boxLinkContent {
      background: #e6e6e6; }

.boxLinkWrapperImage {
  float: left;
  padding: 0 10px;
  width: 100%;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .boxLinkWrapperImage {
      width: 50%;
      margin-bottom: 30px; } }
  .boxLinkWrapperImage.boxLinkWrapperFullWidth {
    width: 100%; }
  .boxLinkWrapperImage .boxLink {
    display: block;
    width: 100%;
    padding: 0;
    color: #000000;
    text-decoration: none;
    box-shadow: 0 0 10px 0 #cfcfcf;
    min-height: 190px;
    background: #ffffff url("/img/linkIcon.png") no-repeat bottom 10px right 10px; }
    .boxLinkWrapperImage .boxLink .boxLinkImage {
      padding: 10px 7px; }
      .boxLinkWrapperImage .boxLink .boxLinkImage img {
        float: none;
        display: block;
        max-width: 100%; }
    .boxLinkWrapperImage .boxLink .boxLinkContent {
      padding: 10px 7px 10px 7px; }
      .boxLinkWrapperImage .boxLink .boxLinkContent span {
        display: block; }

.boxAccordionWrapper {
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0 10px; }
  @media (min-width: 768px) {
    .boxAccordionWrapper {
      margin: 0 10px; } }
  .boxAccordionWrapper .boxAccordion {
    background: #ffffff;
    margin-bottom: 15px;
    box-shadow: 0 0 10px 0 #cfcfcf; }
    .boxAccordionWrapper .boxAccordion .boxAccordionHeader {
      border-bottom: 1px solid #ffffff;
      padding: 5px 10px;
      position: relative;
      cursor: hand; }
      .boxAccordionWrapper .boxAccordion .boxAccordionHeader h2 {
        margin: 0; }
      .boxAccordionWrapper .boxAccordion .boxAccordionHeader h3 {
        color: #000000;
        font-size: 16px;
        margin: 0; }
    .boxAccordionWrapper .boxAccordion:nth-child(odd) {
      background: #ffffff; }
      .boxAccordionWrapper .boxAccordion:nth-child(odd) .boxAccordionHeader {
        background: #ffffff; }
      .boxAccordionWrapper .boxAccordion:nth-child(odd) .boxAccordionContent {
        background: #ffffff; }
    .boxAccordionWrapper .boxAccordion:nth-child(even) {
      background: #ffffff; }
      .boxAccordionWrapper .boxAccordion:nth-child(even) .boxAccordionHeader {
        background: #ffffff; }
      .boxAccordionWrapper .boxAccordion:nth-child(even) .boxAccordionContent {
        background: #ffffff; }
    .boxAccordionWrapper .boxAccordion:last-child {
      margin-bottom: 0; }
    .boxAccordionWrapper .boxAccordion .boxAccordionContent {
      transition: all 0.6s ease-in-out;
      max-height: 0;
      overflow: hidden; }
      .boxAccordionWrapper .boxAccordion .boxAccordionContent > div:first-child {
        padding-top: 15px; }
      .boxAccordionWrapper .boxAccordion .boxAccordionContent > div:last-child {
        padding-bottom: 20px; }
    .boxAccordionWrapper .boxAccordion.active .boxAccordionContent {
      max-height: 100%; }

.boxWarning {
  margin: 40px 0;
  background-color: #e30018;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.5) 35px, rgba(255, 255, 255, 0.5) 70px);
  padding: 10px; }
  .boxWarning .boxWarningInner {
    background: #ffffff;
    padding: 20px; }
    .boxWarning .boxWarningInner p, .boxWarning .boxWarningInner ul {
      margin: 0; }
    .boxWarning .boxWarningInner p:first-child {
      margin-bottom: 10px; }

.boxSuccess {
  margin: 40px 0;
  background-color: #08a657;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.5) 35px, rgba(255, 255, 255, 0.5) 70px);
  padding: 10px; }
  .boxSuccess .boxSuccessInner {
    background: #ffffff;
    padding: 20px; }
    .boxSuccess .boxSuccessInner p, .boxSuccess .boxSuccessInner ul {
      margin: 0; }
    .boxSuccess .boxSuccessInner p {
      text-align: center; }

.videoLink {
  border: 1px solid #d9d9d9;
  display: block;
  position: relative; }
  .videoLink img {
    width: 100%;
    display: block; }
  .videoLink .videoIconWrapper {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border-radius: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 60px; }
    .videoLink .videoIconWrapper .videoIcon {
      position: absolute;
      top: 9px;
      left: 13px;
      display: block;
      height: 40px;
      width: 40px;
      color: #696969;
      transition: all 0.3s ease-in-out; }
    .videoLink .videoIconWrapper:hover .videoIcon {
      color: #e30018; }

.videoLinkSmall {
  padding-left: 15px;
  line-height: 23px;
  position: relative;
  color: #e30018;
  text-decoration: none; }

.overlayBoxWrapper {
  width: 100%;
  padding: 6px 4px;
  float: left; }
  .overlayBoxWrapper .overlayBox {
    background: white;
    box-shadow: 0 0 10px 0 #cfcfcf;
    position: relative; }
    .overlayBoxWrapper .overlayBox .overlayBoxContent {
      padding: 25px 0px 0px 0px;
      position: relative; }

.fromCMS ul {
  margin-bottom: 40px; }
  .fromCMS ul li {
    padding-left: 15px;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 18px;
    position: relative; }
    .fromCMS ul li a {
      color: #e30018;
      text-decoration: none; }
    .fromCMS ul li:before {
      content: "";
      position: absolute;
      width: 3px;
      height: 11px;
      top: 3px;
      left: 0;
      background-color: #e30018; }
    .fromCMS ul li ul {
      margin-top: 15px;
      padding-bottom: 3px;
      margin-bottom: 0; }
      .fromCMS ul li ul li {
        margin-bottom: 7px; }

.fromCMS a {
  color: #008080;
  text-decoration: none; }
  .fromCMS a:active, .fromCMS a:visited, .fromCMS a:hover {
    color: #008080;
    text-decoration: underline; }

/* SCROLLTOTOP */
.scrollTop {
  background: #696969;
  bottom: 60px;
  color: #fff;
  display: none;
  font-size: 30px;
  height: 50px;
  padding: 10px;
  position: fixed;
  right: 45px;
  text-align: center;
  width: 50px;
  z-index: 1500;
  line-height: 30px;
  transition: none; }
  .scrollTop:hover {
    background: #e30018; }

@media (max-width: 640px) {
  .scrollTop {
    display: none !important; } }

header {
  top: 0;
  width: 100%;
  height: 42px;
  background: #fff;
  position: fixed;
  z-index: 50;
  border-bottom: 1px solid #d0d0d0;
  padding: 0 0px;
  box-shadow: 0 8px 6px -6px #afafaf;
  transition: height 0.3s ease-in-out; }
  @media (min-width: 768px) {
    header {
      height: 109px; } }
  @media (min-width: 1024px) {
    header {
      height: 135px; } }
  header.hasInlineNavigation {
    box-shadow: none; }

.logo {
  top: 6px;
  width: 93px;
  height: 31px;
  right: 10px;
  position: absolute;
  transition: top 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out;
  z-index: 100; }
  @media (min-width: 768px) {
    .logo {
      top: 10px;
      width: 120px;
      height: 40px; } }
  @media (min-width: 1024px) {
    .logo {
      top: 23px;
      right: 20px;
      width: 158px;
      height: 53px; } }

.claim {
  position: absolute;
  left: 20px;
  width: 232px;
  height: 20px;
  opacity: 0;
  top: -20px;
  transition: all 0.3s ease-in-out; }
  @media (min-width: 768px) {
    .claim {
      opacity: 1;
      height: 23px;
      top: 40px;
      left: 11px; } }
  @media (min-width: 1024px) {
    .claim {
      height: 23px;
      top: 55px;
      left: 28px; } }
  .claim .claimBox {
    float: left;
    display: block;
    height: 100%;
    width: 20px;
    background-color: #e30018;
    transition: all 0.3s ease-in-out; }
    @media (min-width: 1024px) {
      .claim .claimBox {
        width: 23px; } }
  .claim .claimText {
    height: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    border-top: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    transition: all 0.3s ease-in-out; }
    @media (min-width: 1024px) {
      .claim .claimText {
        padding-left: 20px;
        padding-right: 20px; } }
    .claim .claimText span {
      font-size: 14px;
      line-height: 14px;
      display: block;
      transition: all 0.3s ease-in-out; }
      @media (min-width: 1024px) {
        .claim .claimText span {
          font-size: 16px;
          line-height: 16px; } }

.languageSwitcher {
  position: absolute;
  left: 48px;
  top: 8px;
  z-index: 150;
  background-color: white;
  overflow: hidden;
  height: 28px;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out, left 0.3s ease-in-out, background-color 0.3s ease-in-out 0.3s, box-shadow 0.3s ease-in-out 0.3s; }
  @media (min-width: 768px) {
    .languageSwitcher {
      left: 2px;
      top: 2px; } }
  @media (min-width: 1024px) {
    .languageSwitcher {
      left: 25px;
      top: 2px; } }
  .languageSwitcher.active {
    background-color: #dddddc;
    height: 200px;
    transition: box-shadow 0.3s ease-in-out, opacity 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out 0.3s, background-color 0.3s ease-in-out;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); }
  .languageSwitcher .languageSwitcherLink {
    display: block;
    text-decoration: none;
    padding: 6px 15px 2px 10px; }
    .languageSwitcher .languageSwitcherLink .text {
      color: #000000;
      font-size: 13px;
      display: none;
      margin-right: 4px;
      vertical-align: top; }
      @media (min-width: 768px) {
        .languageSwitcher .languageSwitcherLink .text {
          display: inline-block; } }
  .languageSwitcher .languageSwitcherMenu {
    padding: 10px 16px 16px 16px; }
    .languageSwitcher .languageSwitcherMenu li {
      border-bottom: 1px solid #ffffff; }
      .languageSwitcher .languageSwitcherMenu li:last-child {
        border-bottom: 0; }
      .languageSwitcher .languageSwitcherMenu li a {
        font-size: 13px;
        color: #000000;
        text-decoration: none;
        line-height: 25px; }
    .languageSwitcher .languageSwitcherMenu .flag-icon {
      width: 17px;
      line-height: 11px; }

.shrink header, .landingPage header {
  height: 42px; }
  .shrink header .navigation, .landingPage header .navigation {
    left: 7px;
    height: 37px;
    opacity: 0;
    top: -116px; }
    @media (min-width: 860px) {
      .shrink header .navigation, .landingPage header .navigation {
        opacity: 1;
        top: 5px; } }
    .shrink header .navigation > li > a > span, .landingPage header .navigation > li > a > span {
      font-size: 14px;
      line-height: 36px;
      padding: 0 12px; }
      @media (min-width: 940px) {
        .shrink header .navigation > li > a > span, .landingPage header .navigation > li > a > span {
          padding: 0 20px; } }
  .shrink header .mobileMenu, .landingPage header .mobileMenu {
    display: block; }
    @media (min-width: 860px) {
      .shrink header .mobileMenu, .landingPage header .mobileMenu {
        display: none; } }
  .shrink header .languageSwitcher, .landingPage header .languageSwitcher {
    left: 48px;
    top: 8px; }
    @media (min-width: 860px) {
      .shrink header .languageSwitcher, .landingPage header .languageSwitcher {
        opacity: 0;
        top: -30px; } }
  .shrink header .logo, .landingPage header .logo {
    top: 6px;
    width: 93px;
    height: 31px; }
  .shrink header .claim, .landingPage header .claim {
    opacity: 0;
    top: -20px;
    height: 18px;
    width: 180px; }
    .shrink header .claim .claimBox, .landingPage header .claim .claimBox {
      width: 18px; }
    .shrink header .claim .claimText, .landingPage header .claim .claimText {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 1px; }
      .shrink header .claim .claimText span, .landingPage header .claim .claimText span {
        font-size: 13px;
        line-height: 13px; }

.mobileMenu {
  width: 25px;
  height: 25px;
  position: relative;
  transform: rotate(0deg);
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  position: absolute;
  top: 14px;
  left: 15px; }
  @media (min-width: 768px) {
    .mobileMenu {
      display: none; } }

.mobileMenu span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #000000;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out; }

.mobileMenuspan:nth-child(1) {
  top: 0px; }

.mobileMenu span:nth-child(2), .mobileMenu span:nth-child(3) {
  top: 6px; }

.mobileMenu span:nth-child(4) {
  top: 13px; }

.mobileMenu.open span:nth-child(1) {
  top: 6px;
  width: 0%;
  left: 50%; }

.mobileMenu.open span:nth-child(2) {
  transform: rotate(45deg); }

.mobileMenu.open span:nth-child(3) {
  transform: rotate(-45deg); }

.mobileMenu.open span:nth-child(4) {
  top: 6px;
  width: 0%;
  left: 50%; }

.navigation-mobile-wrapper {
  position: absolute;
  z-index: 109;
  top: 45px;
  left: 0;
  margin-left: -100%;
  bottom: 0px;
  width: 100%;
  background: #f1f1f1;
  padding: 30px 15px;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out; }
  .navigation-mobile-wrapper .mobileNavigation {
    padding-bottom: 70px; }
  .navigation-mobile-wrapper.active {
    margin-left: 0; }
  .navigation-mobile-wrapper li {
    margin-bottom: 10px; }
    .navigation-mobile-wrapper li a, .navigation-mobile-wrapper li span {
      font-size: 17px;
      font-family: "Frutiger Next LT W06 Regular", sans-serif;
      color: #000000;
      line-height: 25px;
      transition: none;
      -webkit-transition: none;
      text-decoration: none; }
    .navigation-mobile-wrapper li ul {
      margin-bottom: 10px;
      margin-top: 10px; }
      .navigation-mobile-wrapper li ul li {
        padding-left: 20px; }

.navigationOverlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 10; }

.navigation {
  top: 72px;
  height: 44px;
  position: relative;
  opacity: 0;
  left: 0;
  top: -116px;
  font-family: "Frutiger Next LT W06 Medium", sans-serif;
  transition: top 0.3s ease-in-out, left 0.3s ease-in-out, height 0.3s ease-in-out; }
  @media (min-width: 768px) {
    .navigation {
      top: 72px;
      opacity: 1; } }
  @media (min-width: 1024px) {
    .navigation {
      top: 90px; } }
  .navigation > li {
    float: left;
    padding-right: 1px;
    background: #fdfdfd;
    background: linear-gradient(to bottom, #fdfdfd 15%, #d1d1d1 40%, #bbbbbb 100%); }
    .navigation > li div.subWrapper {
      position: absolute;
      left: 0;
      background: white;
      visibility: hidden;
      opacity: 0;
      width: 100%;
      box-shadow: 0 -6px 10px -8px #333333; }
      @media (min-width: 1024px) {
        .navigation > li div.subWrapper {
          padding: 0 1000em;
          margin: 0 -1000em;
          width: inherit; } }
      .navigation > li div.subWrapper > div.subWrapperInnerIntro {
        padding: 15px 10px 0px 10px;
        width: 100%; }
        @media (min-width: 1024px) {
          .navigation > li div.subWrapper > div.subWrapperInnerIntro {
            padding: 15px 21px 0px 28px; } }
      .navigation > li div.subWrapper > div.subWrapperInnerMenu {
        padding: 15px 0 0 0;
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px; }
        @media (min-width: 1024px) {
          .navigation > li div.subWrapper > div.subWrapperInnerMenu {
            padding: 15px 11px 0px 18px; } }
        .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock {
          float: left;
          background: #e6e6e6;
          margin-bottom: -9999px;
          padding-bottom: 9999px;
          border-left: 10px solid #fff;
          border-right: 10px solid #fff;
          width: 33.3333%; }
          @media (min-width: 1024px) {
            .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock {
              width: 323px; } }
          .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockHeadline {
            height: 25px;
            width: 100%;
            background: #fff; }
            .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockHeadline span {
              font-size: 16px;
              line-height: 16px;
              color: #b4b4b4;
              font-family: "Frutiger Next LT W06 Medium", sans-serif;
              display: block; }
          .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockMenu {
            padding: 7px 10px; }
            @media (min-width: 768px) {
              .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockMenu .navigationBlockMenuHalf {
                padding-right: 5px;
                border-right: 1px solid #d5d5d5;
                float: left;
                width: 50%; }
                .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockMenu .navigationBlockMenuHalf:last-child {
                  padding-right: 0;
                  padding-left: 5px;
                  border: 0; } }
            @media (min-width: 1024px) {
              .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockMenu .navigationBlockMenuHalf {
                padding-right: 24px; }
                .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockMenu .navigationBlockMenuHalf:last-child {
                  padding-left: 24px; } }
            .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockMenu a {
              color: #000000;
              font-size: 15px;
              font-family: "Frutiger Next LT W06 Regular", sans-serif;
              line-height: 23px;
              text-decoration: none;
              padding-left: 15px;
              display: block;
              position: relative; }
              .navigation > li div.subWrapper > div.subWrapperInnerMenu .navigationBlock .navigationBlockMenu a.active {
                color: #e30018; }
    .navigation > li > a {
      text-decoration: none;
      color: #696969;
      background: white;
      display: block; }
      .navigation > li > a.active {
        color: #e30018; }
      .navigation > li > a > span {
        background: #fff;
        display: block;
        padding: 0 10px;
        transition: font-size 0.3s ease-in-out, line-height 0.3s ease-in-out, padding 0.3s ease-in-out;
        font-size: 14px;
        line-height: 36px; }
        @media (min-width: 1024px) {
          .navigation > li > a > span {
            padding: 0 26px;
            font-size: 16px;
            line-height: 44px; } }
    .navigation > li:hover > a {
      background: #fff;
      position: relative;
      color: #000000;
      box-shadow: 0 8px 6px -1px #333333; }
      .navigation > li:hover > a > span {
        z-index: 100;
        position: relative; }
    .navigation > li:hover > a.active {
      color: #e30018; }
    .navigation > li:hover div.subWrapper {
      visibility: visible;
      opacity: 1; }
    .navigation > li:last-child {
      padding-right: 0; }

.navigationProductsIntro {
  padding: 10px;
  margin-bottom: 25px;
  background: #e6e6e6;
  position: relative; }
  .navigationProductsIntro .introLeft {
    float: left;
    width: 221px;
    margin-right: 10px; }
  .navigationProductsIntro .introRight .introHeadline {
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    font-family: "Frutiger Next LT W06 Bold", sans-serif;
    margin-bottom: 15px;
    display: block; }
  .navigationProductsIntro .introRight .introText {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 0; }
  .navigationProductsIntro .introRight a {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 14px;
    color: #000000;
    text-decoration: none; }

.standardContentWrapperWithInlineNavigation {
  height: 87px; }

.inlineNavigationWrapper {
  background: white;
  transition: all 0.3s ease-in-out;
  display: none; }
  @media (min-width: 1024px) {
    .inlineNavigationWrapper {
      display: block; } }
  .inlineNavigationWrapper.fixed {
    box-shadow: 0 8px 6px -6px #afafaf;
    left: 0;
    margin-left: 0;
    position: fixed;
    top: 42px;
    width: 100%;
    z-index: 45;
    border-bottom: 1px solid #dadada; }
    .inlineNavigationWrapper.fixed .inlineNavigation {
      border: 0;
      margin: 0;
      margin-left: 13px; }
      .inlineNavigationWrapper.fixed .inlineNavigation a {
        font-size: 15px; }
  .inlineNavigationWrapper .inlineNavigation {
    margin: 0 0 50px 13px;
    border-bottom: 1px solid #dadada;
    text-align: left;
    width: 100%; }
    .inlineNavigationWrapper .inlineNavigation a {
      line-height: 36px;
      padding: 0 15px;
      text-decoration: none;
      color: #696969;
      font-size: 17px;
      display: inline-block;
      position: relative;
      bottom: -1px;
      font-family: "Frutiger Next LT W06 Medium", sans-serif; }
      .inlineNavigationWrapper .inlineNavigation a:hover, .inlineNavigationWrapper .inlineNavigation a.active {
        color: #e30018; }
      .inlineNavigationWrapper .inlineNavigation a:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #e30018;
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out; }
      .inlineNavigationWrapper .inlineNavigation a:hover:after, .inlineNavigationWrapper .inlineNavigation a.active:after {
        visibility: visible;
        transform: scaleX(1); }

@media (min-width: 768px) {
  .standardHeaderWrapper {
    padding: 0 10px; } }

@media (min-width: 768px) {
  .standardHeaderWrapper.paddingBottom40 {
    padding-bottom: 40px; } }

.standardHeader {
  background: rgba(255, 255, 255, 0.5);
  margin: 12px auto 0px;
  width: 100%;
  padding: 20px 0 0 0;
  transition: all 0.3s ease-in-out; }
  @media (min-width: 768px) {
    .standardHeader {
      margin: 12px auto 30px;
      padding: 40px 0 0 0; } }
  @media (min-width: 1220px) {
    .standardHeader {
      width: 1200px; } }

.standardContent {
  margin: 0 auto;
  width: 100%;
  transition: all 0.3s ease-in-out; }
  @media (min-width: 1220px) {
    .standardContent {
      width: 1200px; } }

@media (min-width: 768px) {
  .standardContentWrapper {
    padding: 0 10px; } }

@media (min-width: 768px) {
  .standardContentWrapper.paddingBottom60 {
    padding-bottom: 70px; } }

@media (min-width: 768px) {
  .standardContentWrapper.paddingBottom20 {
    padding-bottom: 20px; } }

@media (min-width: 768px) {
  .standardContentWrapper.paddingBottom40 {
    padding-bottom: 40px; } }

@media (min-width: 768px) {
  .standardContentWrapper.paddingBottom100 {
    padding-bottom: 100px; } }

@media (min-width: 768px) {
  .standardContentWrapper.paddingBottom150 {
    padding-bottom: 150px; } }

.standardContentWrapper.paddingTop30 {
  padding-top: 30px; }

.standardList {
  margin-bottom: 40px; }
  .standardList li {
    padding-left: 15px;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 18px;
    position: relative; }
    .standardList li a {
      color: #e30018;
      text-decoration: none; }
    .standardList li:before {
      content: "";
      position: absolute;
      width: 3px;
      height: 11px;
      top: 3px;
      left: 0;
      background-color: #e30018; }
    .standardList li ul {
      margin-top: 15px;
      padding-bottom: 3px; }
      .standardList li ul li {
        margin-bottom: 3px; }

.headerList li {
  background: transparent linear-gradient(to right, transparent 50%, #e30018 50%) repeat scroll 3px 0/200% 100%;
  display: table;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 6px;
  padding-left: 12px; }

.verticalList {
  margin-bottom: 40px; }
  .verticalList li {
    padding: 0px 10px 0px 14px;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 14px;
    position: relative; }
    .verticalList li:before {
      content: "";
      position: absolute;
      width: 4px;
      height: 4px;
      top: 5px;
      left: 0;
      background-color: #e30018; }
    .verticalList li:first-child {
      padding-left: 0; }
    .verticalList li:first-child:before {
      content: none; }

.homeHeaderWrapper {
  padding: 0 10px; }

.homeHeader {
  background: rgba(255, 255, 255, 0.2) url("/img/home.jpg") -130px top no-repeat;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  margin: 12px auto 30px;
  width: 100%;
  position: relative;
  transition: all 0.3s ease-in-out;
  height: 300px; }
  @media (min-width: 440px) {
    .homeHeader {
      background-position: top left; } }
  @media (min-width: 680px) {
    .homeHeader {
      height: 350px;
      background-position: top right; } }
  @media (min-width: 760px) {
    .homeHeader {
      height: 400px; } }
  @media (min-width: 1220px) {
    .homeHeader {
      width: 1200px;
      height: 545px; } }

.homeIntro {
  margin: 0 0px; }

/* News Box */
.newsBox {
  display: none;
  width: 233px;
  position: absolute;
  z-index: 9;
  top: 20px;
  left: 125px;
  min-height: 140px; }
  @media (min-width: 1220px) {
    .newsBox {
      display: block; } }
  .newsBox .newsBoxInner {
    padding: 9px 0px 3px 9px;
    background: rgba(255, 255, 255, 0.9);
    color: #000000;
    margin-bottom: 10px; }
    .newsBox .newsBoxInner h1 {
      font-size: 16px;
      border-bottom: 2px solid #e7e5e7;
      margin-bottom: 8px;
      padding-bottom: 5px;
      line-height: 18px;
      font-family: "Frutiger Next LT W06 Medium", sans-serif;
      margin-left: 0; }
    .newsBox .newsBoxInner .jobBoxArticle {
      display: block;
      padding-right: 5px; }
      .newsBox .newsBoxInner .jobBoxArticle .jobBoxArticleText {
        overflow: hidden;
        display: block;
        font-size: 13px;
        line-height: 16px;
        text-decoration: none;
        color: #000000; }
        .newsBox .newsBoxInner .jobBoxArticle .jobBoxArticleText:hover {
          text-decoration: underline; }
    .newsBox .newsBoxInner .jobBoxArticleMore {
      margin-top: 5px; }
    .newsBox .newsBoxInner .newsBoxArticle {
      display: block;
      padding-right: 5px;
      margin-bottom: 15px; }
      .newsBox .newsBoxInner .newsBoxArticle .newsBoxArticleDate {
        float: left;
        display: block;
        margin-right: 15px;
        min-width: 65px;
        font-size: 13px;
        line-height: 16px;
        font-family: "Frutiger Next LT W06 Medium", sans-serif; }
      .newsBox .newsBoxInner .newsBoxArticle .newsBoxArticleText {
        overflow: hidden;
        display: block;
        font-size: 13px;
        line-height: 16px;
        text-decoration: none;
        color: #000000; }
        .newsBox .newsBoxInner .newsBoxArticle .newsBoxArticleText:hover {
          text-decoration: underline; }
  .newsBox .chironBox {
    background: rgba(255, 255, 255, 0.9);
    padding: 7px 7px 3px 9px;
    color: #000000;
    width: 233px;
    z-index: 9; }
    .newsBox .chironBox h1 {
      font-size: 13px;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 10px;
      line-height: 16px;
      font-family: "Frutiger Next LT W06 Medium", sans-serif; }
    .newsBox .chironBox a {
      color: #000000;
      font-family: "Frutiger Next LT W06 Bold", sans-serif;
      font-size: 22px;
      line-height: 22px;
      padding-left: 0px;
      position: relative;
      text-decoration: none; }
      .newsBox .chironBox a span.redDot {
        position: absolute;
        left: 0;
        top: 5px;
        display: block;
        background: #e30018;
        width: 16px;
        height: 16px; }

/* SLIDER HOME */
/* SLIDER HOME */
.swiperWrapperOuter {
  width: 100%;
  padding: 0 10px;
  position: relative;
  margin: 25px 0 55px; }
  .swiperWrapperOuter p {
    text-align: left; }
  .swiperWrapperOuter .swiper-button-next {
    right: 15px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23363636'%2F%3E%3C%2Fsvg%3E"); }
  .swiperWrapperOuter .swiper-button-prev {
    left: 15px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23363636'%2F%3E%3C%2Fsvg%3E"); }
  .swiperWrapperOuter .swiperWrapperInner {
    width: 100%;
    height: 196px;
    padding: 1px 38px;
    background: #d6d5d5; }
    .swiperWrapperOuter .swiperWrapperInner .swiper-container {
      width: 100%;
      height: 100%; }
    .swiperWrapperOuter .swiperWrapperInner .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 1198px; }
      .swiperWrapperOuter .swiperWrapperInner .swiper-slide .sliderContentBoxInner {
        background: white;
        width: 100%;
        height: 100%; }
        .swiperWrapperOuter .swiperWrapperInner .swiper-slide .sliderContentBoxInner .sliderContentBoxInnerTop {
          background: white;
          height: 35px;
          position: relative; }
          .swiperWrapperOuter .swiperWrapperInner .swiper-slide .sliderContentBoxInner .sliderContentBoxInnerTop p {
            font-size: 16px;
            color: #000000;
            font-family: "Frutiger Next LT W06 Medium", sans-serif;
            padding-left: 8px;
            line-height: 35px; }
        .swiperWrapperOuter .swiperWrapperInner .swiper-slide .sliderContentBoxInner .sliderContentBoxInnerBottom {
          border-top: 2px solid #d6d5d5;
          width: 100%;
          height: 159px;
          position: relative; }
        .swiperWrapperOuter .swiperWrapperInner .swiper-slide .sliderContentBoxInner .sliderContentBoxHover {
          background: #d6d6d7 none repeat scroll 0 0;
          height: 100%;
          left: 0px;
          padding: 0;
          position: absolute;
          top: 194px;
          width: 100%;
          z-index: 180;
          border-top: 2px solid #d6d5d5;
          transition: all 0.3s ease-in-out; }
          .swiperWrapperOuter .swiperWrapperInner .swiper-slide .sliderContentBoxInner .sliderContentBoxHover .sliderContentBoxHoverTop {
            background: white;
            height: 125px;
            width: 100%;
            padding: 10px; }
            .swiperWrapperOuter .swiperWrapperInner .swiper-slide .sliderContentBoxInner .sliderContentBoxHover .sliderContentBoxHoverTop p {
              font-size: 14px;
              color: #030000;
              padding-bottom: 15px;
              margin: 0;
              line-height: 18px; }
          .swiperWrapperOuter .swiperWrapperInner .swiper-slide .sliderContentBoxInner .sliderContentBoxHover .sliderContentBoxHoverBottom {
            height: 34px;
            width: 100%;
            position: relative; }
            .swiperWrapperOuter .swiperWrapperInner .swiper-slide .sliderContentBoxInner .sliderContentBoxHover .sliderContentBoxHoverBottom a {
              font-size: 16px;
              color: #000000;
              text-decoration: none;
              padding-left: 8px;
              line-height: 34px;
              font-family: "Frutiger Next LT W06 Medium", sans-serif; }
            .swiperWrapperOuter .swiperWrapperInner .swiper-slide .sliderContentBoxInner .sliderContentBoxHover .sliderContentBoxHoverBottom .chevronRight {
              position: absolute;
              right: 8px;
              height: 15px;
              top: 4px; }
      .swiperWrapperOuter .swiperWrapperInner .swiper-slide.active .sliderContentBoxHover {
        top: 35px; }
      @media (min-width: 1024px) {
        .swiperWrapperOuter .swiperWrapperInner .swiper-slide:hover .sliderContentBoxHover {
          top: 35px; } }
  .swiperWrapperOuter .swiper-container, .swiperWrapperOuter .swiper-container * {
    backface-visibility: hidden; }
  .swiperWrapperOuter .slider1 .sliderContentBoxInnerBottom {
    background: transparent url("/img/sliderHome/messe.jpg") center center/cover no-repeat; }
  .swiperWrapperOuter .slider2 .sliderContentBoxInnerBottom {
    background: transparent url("/img/sliderHome/news.jpg") center center/cover no-repeat; }
  .swiperWrapperOuter .slider3 .sliderContentBoxInnerBottom {
    background: transparent url("/img/sliderHome/ausbildung.jpg") center center/cover no-repeat; }
  .swiperWrapperOuter .slider4 .sliderContentBoxInnerBottom {
    background: transparent url("/img/sliderHome/konfigurator.jpg") center center/cover no-repeat; }
  .swiperWrapperOuter .slider5 .sliderContentBoxInnerBottom {
    background: transparent url("/img/sliderHome/branchen.jpg") center center/cover no-repeat; }
  .swiperWrapperOuter .slider6 .sliderContentBoxInnerBottom {
    background: transparent url("/img/sliderHome/channel.jpg") center center/cover no-repeat; }

.home-swiper-wrapper {
  width: 100%;
  height: 100%;
  position: relative; }
  .home-swiper-wrapper .home-swiper-pagination .swiper-pagination-bullet-active {
    background: #e30018; }
  .home-swiper-wrapper .swiper-container {
    width: 100%;
    height: 100%; }
    .home-swiper-wrapper .swiper-container .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      .home-swiper-wrapper .swiper-container .swiper-slide a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: left;
        color: #000000;
        text-decoration: none; }
      .home-swiper-wrapper .swiper-container .swiper-slide.slide1 {
        background: transparent url("/img/sliderHome/precision.jpg") center center/cover no-repeat; }
      .home-swiper-wrapper .swiper-container .swiper-slide.slide2 {
        background: transparent url("/img/sliderHome/baseline.jpg") center center/cover no-repeat; }
      .home-swiper-wrapper .swiper-container .swiper-slide.slide3 {
        background: transparent url("/img/sliderHome/slider_messe.jpg") top center/cover no-repeat; }
      .home-swiper-wrapper .swiper-container .swiper-slide.slideDatalineBG {
        background: transparent url("/img/sliderHome/slide_dataline.jpg") top center/cover no-repeat; }
      .home-swiper-wrapper .swiper-container .swiper-slide.slideBaselineBG {
        background: transparent url("/img/sliderHome/slide_baseline.jpg") top center/cover no-repeat; }
      .home-swiper-wrapper .swiper-container .swiper-slide.slideSchulungBG {
        background: transparent url("/img/sliderHome/slide_schulung.jpg") top center/cover no-repeat; }
      .home-swiper-wrapper .swiper-container .swiper-slide.slideChristmasVideo {
        background: transparent url("/img/sliderHome/slide_christmasvideo.jpg") top center/cover no-repeat; }
      .home-swiper-wrapper .swiper-container .swiper-slide.slideProdex {
        background: transparent url("/img/sliderHome/slide_prodex.jpg") top center/cover no-repeat; }

.home-swiper-pagination .swiper-pagination-bullet {
  border-radius: 0; }

.slideSeries {
  margin-left: 10px;
  max-width: 275px;
  margin-top: 55px; }
  .slideSeries h2 {
    margin-left: 0; }
  @media (min-width: 768px) {
    .slideSeries {
      margin-left: 25px;
      max-width: 475px;
      margin-top: 225px; } }
  @media (min-width: 1220px) {
    .slideSeries {
      margin-left: 25px;
      max-width: 475px;
      margin-top: 355px; } }

.slideTextLeft {
  margin-left: 10px;
  max-width: 275px;
  margin-top: 55px; }
  .slideTextLeft h1, .slideTextLeft h2 {
    margin-left: 0; }
  .slideTextLeft h1 span {
    font-family: "Frutiger Next LT W06 Regular", sans-serif; }
  @media (min-width: 768px) {
    .slideTextLeft {
      margin-left: 25px;
      max-width: 475px;
      margin-top: 225px; } }
  @media (min-width: 1220px) {
    .slideTextLeft {
      margin-left: 25px;
      max-width: 475px;
      margin-top: 405px; } }

.slideChristmasVideo .slideTextLeft {
  max-width: 415px; }

.slideBaseline {
  margin-left: 10px;
  max-width: 400px;
  margin-top: 25px; }
  .slideBaseline h1, .slideBaseline h2 {
    margin-left: 17px; }
  @media (min-width: 768px) {
    .slideBaseline {
      margin-left: 40px;
      max-width: 410px;
      margin-top: 45px; } }
  @media (min-width: 1220px) {
    .slideBaseline {
      margin-left: 310px;
      max-width: 410px;
      margin-top: 95px; } }

.slidMesseIntro {
  max-width: 400px;
  margin-top: 80px; }
  .slidMesseIntro h1, .slidMesseIntro h2 {
    margin-left: 17px; }
  .slidMesseIntro h1 {
    font-size: 22px; }
  @media (min-width: 768px) {
    .slidMesseIntro {
      margin-left: 20px;
      max-width: 410px;
      margin-top: 120px; } }
  @media (min-width: 1220px) {
    .slidMesseIntro {
      margin-left: 10px;
      max-width: 410px;
      margin-top: 400px; } }

.slideMetav2016Date {
  max-width: 400px;
  margin-top: 80px; }
  .slideMetav2016Date h1, .slideMetav2016Date h2 {
    margin-left: 17px; }
  .slideMetav2016Date h1 {
    font-size: 22px; }
  @media (min-width: 768px) {
    .slideMetav2016Date {
      margin-left: 20px;
      max-width: 410px;
      margin-top: 120px; } }
  @media (min-width: 1220px) {
    .slideMetav2016Date {
      margin-left: 300px;
      max-width: 410px;
      margin-top: 150px; } }

.slideMetav2016Highlights {
  max-width: 400px;
  margin-top: 15px; }
  .slideMetav2016Highlights h1, .slideMetav2016Highlights h2 {
    margin-left: 17px; }
  .slideMetav2016Highlights ul.standardList {
    margin-left: 17px; }
  @media (min-width: 768px) {
    .slideMetav2016Highlights {
      margin-left: 20px;
      max-width: 410px;
      margin-top: 30px; } }
  @media (min-width: 1220px) {
    .slideMetav2016Highlights {
      margin-left: 35px;
      max-width: 410px;
      margin-top: 117px; } }
  .slideMetav2016Highlights h1 {
    font-size: 24px;
    font-family: "Frutiger Next LT W06 Regular", sans-serif; }
  .slideMetav2016Highlights ul.standardList {
    margin-top: 14px; }
    .slideMetav2016Highlights ul.standardList li::before {
      height: 14px;
      top: 0; }
    .slideMetav2016Highlights ul.standardList li {
      font-size: 20px; }

.iconBaureiheSmallWrapper {
  float: left;
  width: 90px;
  height: 90px;
  margin-right: 20px;
  margin-top: 5px; }
  .iconBaureiheSmallWrapper .iconBaureiheSmall {
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    /*
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-animation-name:foo;-moz-animation-name:foo;-o-animation-name:foo;animation-name:foo;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-animation-duration: 1s;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-moz-animation-delay: 1.2s;
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.2s;
		-webkit-transform: rotateY( 180deg );
		transform: rotateY( 180deg ); 
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		overflow:visible;
		opacity: 0;
		z-index: 1000;
		*/ }
    .iconBaureiheSmallWrapper .iconBaureiheSmall .figure {
      margin: 0;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      color: #fff;
      line-height: 90px;
      text-align: center;
      font-size: 45px;
      font-weight: 700;
      z-index: 1100; }
      .iconBaureiheSmallWrapper .iconBaureiheSmall .figure.front {
        background: #e30017;
        transform: rotateY(0deg); }
      .iconBaureiheSmallWrapper .iconBaureiheSmall .figure.back {
        background: #e30017;
        transform: rotateY(180deg); }
    .iconBaureiheSmallWrapper .iconBaureiheSmall.active {
      transform: rotateY(0deg); }

.slider-container {
  width: 300px;
  margin: 10px 0px; }

.slider-container .back-bar {
  height: 10px;
  position: relative; }

.slider-container .back-bar .selected-bar {
  position: absolute;
  height: 100%; }

.slider-container .back-bar .pointer {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: red;
  cursor: col-resize;
  opacity: 1;
  z-index: 2; }

.slider-container .back-bar .pointer.last-active {
  z-index: 3; }

.slider-container .back-bar .focused {
  z-index: 10; }

.theme-chiron .back-bar {
  height: 3px;
  border-radius: 2px;
  background-color: #e30018; }

.theme-chiron .back-bar .selected-bar {
  border-radius: 2px;
  background-color: #e30018; }

.theme-chiron .back-bar .pointer {
  width: 14px;
  height: 14px;
  top: -5px;
  box-sizing: border-box;
  border-radius: 0px;
  border: 1px solid #e30018;
  background-color: #e30018; }

.theme-chiron .back-bar .pointer-label {
  color: #999; }

.theme-chiron .back-bar .focused {
  color: #333; }

.theme-chiron .scale span {
  border-left: 1px solid #e5e5e5; }

.theme-chiron .scale ins {
  color: #999; }

.cubeFilter {
  margin-bottom: 60px; }

.cubeWrapper {
  display: none;
  width: 724px;
  height: 460px;
  perspective: 10000px;
  background: url("/img/stage.png") top left no-repeat;
  float: left;
  font-size: 0; }
  @media (min-width: 760px) {
    .cubeWrapper {
      display: block; } }
  .cubeWrapper .cube {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 290px;
    left: 392px;
    color: #111;
    transform-style: preserve-3d;
    perspective: 10000px; }
    .cubeWrapper .cube div {
      position: absolute;
      text-align: center;
      left: 0;
      top: 0;
      width: 0px;
      height: 0px;
      line-height: 0px;
      font-size: 3em;
      font-weight: bold;
      transform-origin: top left 0;
      -webkit-transform-origin: top left 0;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;
      background: url("/img/raster.png") bottom right no-repeat; }
      .cubeWrapper .cube div.side3 {
        transform: perspective(10000px) rotateX(-15deg) rotateY(40deg) rotateZ(180deg);
        border: 1px solid #ddd; }
      .cubeWrapper .cube div.side2 {
        transform: perspective(10000px) rotateX(-15deg) rotateY(-50deg) rotateZ(270deg);
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd; }
      .cubeWrapper .cube div.side1 {
        transform: perspective(10000px) rotateX(75deg) rotate(50deg);
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd; }
  .cubeWrapper .cubeAxisLabelZ {
    color: #b4b4b4;
    font-size: 14px;
    font-family: "Frutiger Next LT W06 Medium", sans-serif;
    position: absolute;
    left: 410px;
    top: 53px; }
  .cubeWrapper .cubeAxisLabelX {
    color: #b4b4b4;
    font-size: 14px;
    font-family: "Frutiger Next LT W06 Medium", sans-serif;
    position: absolute;
    left: 50px;
    top: 383px; }
  .cubeWrapper .cubeAxisLabelY {
    color: #b4b4b4;
    font-size: 14px;
    font-family: "Frutiger Next LT W06 Medium", sans-serif;
    position: absolute;
    left: 590px;
    top: 383px; }

.cubeExplanation {
  width: 100%;
  float: left;
  padding: 0 10px; }
  @media (min-width: 860px) {
    .cubeExplanation {
      padding: 20px 0 0 0;
      width: 250px; } }
  .cubeExplanation p {
    margin-bottom: 15px; }
  .cubeExplanation .konfiguratorManualInput {
    margin-bottom: 40px; }
    .cubeExplanation .konfiguratorManualInput span {
      min-width: 100px;
      display: inline-block; }
    .cubeExplanation .konfiguratorManualInput input {
      display: inline-block;
      background: #f2f2f2;
      border: none;
      padding: 2px 5px;
      width: 80px; }
  .cubeExplanation .konfiguratorSet, .cubeExplanation .konfiguratorReSet {
    font-size: 16px;
    background: #696969;
    color: #ffffff;
    padding: 6px 12px;
    text-align: center;
    width: 100%;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
    .cubeExplanation .konfiguratorSet:hover, .cubeExplanation .konfiguratorReSet:hover {
      color: #696969;
      background: #f2f2f2; }

.seriesOverviewBoxes {
  margin-bottom: 60px;
  padding-left: 20px; }
  .seriesOverviewBoxes .mix {
    display: none; }
  .seriesOverviewBoxes .seriesOverviewBox {
    margin: 0 5px 20px 5px;
    height: 250px;
    position: relative;
    float: left; }
    .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage {
      height: 100%;
      position: relative; }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries08 {
        background-image: url("/img/series/series08.jpg"); }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries12 {
        background-image: url("/img/series/series12.jpg"); }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries15 {
        background-image: url("/img/series/series15.jpg"); }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries18 {
        background-image: url("/img/series/series18.jpg"); }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries24 {
        background-image: url("/img/series/series24.jpg"); }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries26 {
        background-image: url("/img/series/series26.jpg"); }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeriesMill {
        background-image: url("/img/series/seriesMill.jpg"); }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries08 {
        width: 235px; }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries12 {
        width: 235px; }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries15 {
        width: 235px; }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries18 {
        width: 235px; }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries24 {
        width: 317px; }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeries26 {
        width: 317px; }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxImage.seriesOverviewBoxImageSeriesMill {
        width: 316px; }
    .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxDetail {
      width: 43px;
      height: 43px;
      position: absolute;
      bottom: 10px;
      left: 10px;
      background: #f6f5f5;
      overflow: hidden;
      transition: all 0.3s linear; }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxDetail .seriesOverviewBoxDetailTop {
        border-top: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
        width: 100%;
        padding: 14px 10px 14px 10px;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        color: #000000; }
        .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxDetail .seriesOverviewBoxDetailTop span {
          display: inline-block; }
        .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxDetail .seriesOverviewBoxDetailTop .headline {
          font-family: "Frutiger Next LT W06 Bold", sans-serif;
          font-size: 13px;
          margin-bottom: 15px; }
        .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxDetail .seriesOverviewBoxDetailTop .textLeft {
          font-size: 13px;
          vertical-align: top;
          width: 165px; }
        .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxDetail .seriesOverviewBoxDetailTop .textRight {
          font-size: 13px;
          max-width: 140px; }
      .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxDetail .seriesOverviewBoxDetailLink {
        position: absolute;
        width: 100%;
        height: 43px;
        transition: all 0.3s linear;
        background: #e30018;
        background: linear-gradient(to right, #e30018 50%, #d1d0d0 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        left: 0;
        bottom: 0;
        line-height: 43px;
        text-align: right;
        font-size: 20px;
        font-family: "Frutiger Next LT W06 Bold", sans-serif;
        color: #686868;
        padding-right: 13px;
        text-decoration: none; }
        .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxDetail .seriesOverviewBoxDetailLink:hover {
          color: #ffffff;
          background-position: left bottom; }
          .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxDetail .seriesOverviewBoxDetailLink:hover .chevronRight {
            color: #ffffff; }
    .seriesOverviewBoxes .seriesOverviewBox .seriesOverviewBoxIcon {
      position: absolute;
      width: 43px;
      height: 43px;
      bottom: 10px;
      left: 10px;
      background-color: #e20b20;
      line-height: 43px;
      text-align: center;
      color: #ffffff;
      font-size: 24px;
      font-family: "Frutiger Next LT W06 Bold", sans-serif; }
    .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetail {
      width: 327px;
      height: 225px; }
    .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries18 {
      height: 250px; }
    .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill {
      width: 380px;
      height: 245px; }
      .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill .textLeft {
        width: 245px; }
  .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper {
    width: 100%; }
    @media (min-width: 768px) {
      .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper {
        width: 50%;
        padding: 0 5px 20px 5px;
        float: left; } }
    .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive {
      width: 100%;
      padding-right: 10px;
      padding-bottom: 10px;
      background-color: #f2f2f2;
      background-position: top center;
      background-repeat: repeat-x;
      background-image: url("/img/series/background.jpg"); }
      @media (min-width: 768px) {
        .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop {
          min-height: 230px; } }
      .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop .seriesOverviewBoxResponsiveImage {
        height: 250px;
        text-align: center; }
        @media (min-width: 768px) {
          .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop .seriesOverviewBoxResponsiveImage {
            height: auto;
            float: left;
            width: 40%; }
            .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop .seriesOverviewBoxResponsiveImage img {
              width: 100%; } }
      .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop .seriesOverviewBoxResponsiveDetail {
        float: left;
        width: 100%;
        padding: 5px;
        margin-bottom: 10px;
        background: #ffffff;
        background: linear-gradient(to bottom, #ffffff 0%, #e1e1e1 100%); }
        @media (min-width: 768px) {
          .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop .seriesOverviewBoxResponsiveDetail {
            width: 60%; } }
        .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop .seriesOverviewBoxResponsiveDetail span {
          display: inline-block; }
        .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop .seriesOverviewBoxResponsiveDetail .headline {
          font-family: "Frutiger Next LT W06 Bold", sans-serif;
          font-size: 13px;
          margin-bottom: 15px; }
        .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop .seriesOverviewBoxResponsiveDetail .textLeft {
          font-size: 13px;
          vertical-align: top;
          width: 165px; }
        .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveTop .seriesOverviewBoxResponsiveDetail .textRight {
          font-size: 13px;
          max-width: 140px; }
      .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveBottom {
        padding-left: 10px; }
        .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveBottom .seriesOverviewBoxResponsiveDetailLink {
          display: block;
          width: 100%;
          height: 43px;
          transition: all 0.3s linear;
          background: #e30018;
          background: linear-gradient(to right, #e30018 50%, #d1d0d0 50%);
          background-size: 200% 100%;
          background-position: right bottom;
          line-height: 43px;
          text-align: right;
          font-size: 20px;
          font-family: "Frutiger Next LT W06 Bold", sans-serif;
          color: #686868;
          padding-right: 13px;
          text-decoration: none;
          position: relative; }
          .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveBottom .seriesOverviewBoxResponsiveDetailLink .seriesOverviewBoxResponsiveIcon {
            position: absolute;
            width: 43px;
            height: 43px;
            bottom: 0px;
            left: 0px;
            background-color: #e20b20;
            line-height: 43px;
            text-align: center;
            color: #ffffff;
            font-size: 24px;
            font-family: "Frutiger Next LT W06 Bold", sans-serif; }
          .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveBottom .seriesOverviewBoxResponsiveDetailLink:hover {
            color: #ffffff;
            background-position: left bottom; }
            .seriesOverviewBoxes .seriesOverviewBoxResponsiveWrapper .seriesOverviewBoxResponsive .seriesOverviewBoxResponsiveBottom .seriesOverviewBoxResponsiveDetailLink:hover .chevronRight {
              color: #ffffff; }

.icon1, .icon2, .icon3 {
  display: inline-block;
  width: 34px;
  height: 34px; }

.seriesHeader {
  background: rgba(255, 255, 255, 0.5);
  margin: 12px auto 30px;
  width: 100%;
  padding: 20px 0 0 0;
  transition: all 0.3s ease-in-out; }
  @media (min-width: 768px) {
    .seriesHeader {
      padding: 60px 0 0 0; } }
  @media (min-width: 1220px) {
    .seriesHeader {
      width: 1200px; } }
  .seriesHeader .seriesIntro {
    padding: 0 10px;
    min-height: 480px; }
    @media (min-width: 768px) {
      .seriesHeader .seriesIntro {
        padding: 0 10px 0 28px; } }
    .seriesHeader .seriesIntro h1, .seriesHeader .seriesIntro h2 {
      margin: 0; }
    .seriesHeader .seriesIntro h2 {
      margin-bottom: 5px; }
    .seriesHeader .seriesIntro .seriesHeaderImage {
      width: 100%;
      right: 0;
      top: 0px; }
      @media (min-width: 768px) {
        .seriesHeader .seriesIntro .seriesHeaderImage {
          width: auto;
          position: absolute; } }
      @media (min-width: 768px) {
        .seriesHeader .seriesIntro .seriesHeaderImage.seriesHeaderImage08 {
          top: -30px; } }
  .seriesHeader.seriesHeaderBaseline {
    /*
		background-image: url('/img/series/seriesBaseline-header.jpg');
		background-position: top right;
		background-repeat: no-repeat;
*/
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .seriesHeader.seriesHeaderBaseline {
        min-height: 390px; } }
    @media (min-width: 1024px) {
      .seriesHeader.seriesHeaderBaseline {
        min-height: 480px; } }
    @media (min-width: 768px) {
      .seriesHeader.seriesHeaderBaseline .seriesHeaderImageBaseline {
        margin-top: 80px;
        max-width: 470px; } }
    @media (min-width: 1024px) {
      .seriesHeader.seriesHeaderBaseline .seriesHeaderImageBaseline {
        margin-top: 80px;
        max-width: none; } }
    .seriesHeader.seriesHeaderBaseline .seriesIntro {
      min-height: inherit; }
    .seriesHeader.seriesHeaderBaseline .baselineLogo {
      height: 44px;
      width: 238px;
      display: block;
      margin-top: 15px;
      overflow: hidden;
      margin-bottom: 15px; }
      @media (min-width: 768px) {
        .seriesHeader.seriesHeaderBaseline .baselineLogo {
          margin-top: 55px;
          margin-bottom: 0px; } }
    .seriesHeader.seriesHeaderBaseline .baselineList {
      margin-top: 30px;
      margin-bottom: 30px; }
      @media (min-width: 768px) {
        .seriesHeader.seriesHeaderBaseline .baselineList {
          margin-bottom: 0; } }

.baselineDownloadLink {
  padding-top: 30px; }

.seriesHeaderIcon {
  width: 158px;
  height: 158px;
  position: relative;
  z-index: 9;
  position: absolute;
  left: 28px;
  top: 247px; }
  .seriesHeaderIcon .iconBaureihe {
    display: block;
    width: 158px;
    height: 158px;
    position: absolute;
    /*
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-animation-name:foo;-moz-animation-name:foo;-o-animation-name:foo;animation-name:foo;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-animation-duration: 1s;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-moz-animation-delay: 1.2s;
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.2s;
		-webkit-transform: rotateY( 180deg );
		transform: rotateY( 180deg ); 
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		overflow:visible;
		opacity: 0;
		z-index: 1000;
		*/ }
    .seriesHeaderIcon .iconBaureihe .figure {
      margin: 0;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      color: #fff;
      line-height: 158px;
      text-align: center;
      font-size: 90px;
      font-weight: 700;
      z-index: 1100; }
      .seriesHeaderIcon .iconBaureihe .figure.front {
        background: #e30017;
        transform: rotateY(0deg); }
      .seriesHeaderIcon .iconBaureihe .figure.back {
        background: #e30017;
        transform: rotateY(180deg); }
    .seriesHeaderIcon .iconBaureihe.iconBaureiheMill .figure {
      font-size: 67px;
      text-transform: uppercase; }
    .seriesHeaderIcon .iconBaureihe.active {
      transform: rotateY(0deg); }

.seriesHeaderSkipAnimationLink {
  color: #a0a0a0;
  font-size: 13px;
  text-decoration: none;
  margin-top: 5px;
  position: absolute;
  top: 410px;
  left: 28px; }

@keyframes foo {
  0% {
    transform: rotateY(180deg);
    opacity: 0; }
  100% {
    transform: rotateY(0deg);
    opacity: 1; } }

.animatedList {
  display: none;
  margin-top: 145px;
  margin-left: 180px; }
  @media (min-width: 768px) {
    .animatedList {
      display: block; } }
  .animatedList ul li {
    line-height: 14px;
    font-size: 14px;
    margin-bottom: 6px;
    display: table;
    background: transparent;
    background: linear-gradient(to right, transparent 50%, #e30018 50%);
    background-size: 200% 100%;
    background-position: 3px 0px;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    animation-fill-mode: forwards;
    transform-origin: center center;
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
    padding-left: 12px;
    -webkit-font-smoothing: antialiased;
    perspective: 1000; }

@media (min-width: 1024px) {
  .seriesIntro.animated .animatedListElement1 {
    animation-name: animatedListElement1;
    animation-duration: 4s;
    animation-delay: 2s;
    transform: translate3d(30px, -90px, 0) scale(0); } }

@keyframes animatedListElement1 {
  0% {
    opacity: 0;
    transform: translate3d(30px, -90px, 0) scale(0);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  90% {
    transform: translate3d(30px, -90px, 0) scale(1);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  95% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; } }

@keyframes animatedListElement1End {
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px; } }

@media (min-width: 1024px) {
  .seriesIntro.animated .animatedListElement2 {
    animation-name: animatedListElement2;
    animation-duration: 4s;
    animation-delay: 6s;
    transform: translate3d(30px, -110px, 0) scale(0); } }

@keyframes animatedListElement2 {
  0% {
    opacity: 0;
    transform: translate3d(30px, -110px, 0) scale(0);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  90% {
    transform: translate3d(30px, -110px, 0) scale(1);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  95% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; } }

@keyframes animatedListElement2End {
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px; } }

@media (min-width: 1024px) {
  .seriesIntro.animated .animatedListElement3 {
    animation-name: animatedListElement3;
    animation-duration: 4s;
    animation-delay: 10s;
    transform: translate3d(30px, -130px, 0) scale(0); } }

@keyframes animatedListElement3 {
  0% {
    opacity: 0;
    transform: translate3d(30px, -130px, 0) scale(0);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  90% {
    transform: translate3d(30px, -130px, 0) scale(1);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  95% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; } }

@keyframes animatedListElement3End {
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px; } }

@media (min-width: 1024px) {
  .seriesIntro.animated .animatedListElement4 {
    animation-name: animatedListElement4;
    animation-duration: 4s;
    animation-delay: 14s;
    transform: translate3d(30px, -150px, 0) scale(0); } }

@keyframes animatedListElement4 {
  0% {
    opacity: 0;
    transform: translate3d(30px, -150px, 0) scale(0);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  90% {
    transform: translate3d(30px, -150px, 0) scale(1);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  95% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; } }

@keyframes animatedListElement4End {
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px; } }

@media (min-width: 1024px) {
  .seriesIntro.animated .animatedListElement5 {
    animation-name: animatedListElement5;
    animation-duration: 4s;
    animation-delay: 18s;
    transform: translate3d(30px, -170px, 0) scale(0); } }

@keyframes animatedListElement5 {
  0% {
    opacity: 0;
    transform: translate3d(30px, -170px, 0) scale(0);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  90% {
    transform: translate3d(30px, -170px, 0) scale(1);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  95% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; } }

@keyframes animatedListElement5End {
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px; } }

@media (min-width: 1024px) {
  .seriesIntro.animated .animatedListElement6 {
    animation-name: animatedListElement6;
    animation-duration: 4s;
    animation-delay: 22s;
    transform: translate3d(30px, -190px, 0) scale(0); } }

@keyframes animatedListElement6 {
  0% {
    opacity: 0;
    transform: translate3d(30px, -190px, 0) scale(0);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  90% {
    transform: translate3d(30px, -190px, 0) scale(1);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  95% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; } }

@keyframes animatedListElement6End {
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px; } }

@media (min-width: 1024px) {
  .seriesIntro.animated .animatedListElement7 {
    animation-name: animatedListElement7;
    animation-duration: 4s;
    animation-delay: 26s;
    transform: translate3d(30px, -210px, 0) scale(0); } }

@keyframes animatedListElement7 {
  0% {
    opacity: 0;
    transform: translate3d(30px, -210px, 0) scale(0);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  90% {
    transform: translate3d(30px, -210px, 0) scale(1);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  95% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; } }

@keyframes animatedListElement7End {
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px; } }

@media (min-width: 1024px) {
  .seriesIntro.animated .animatedListElement8 {
    animation-name: animatedListElement8;
    animation-duration: 4s;
    animation-delay: 30s;
    transform: translate3d(30px, -230px, 0) scale(0); } }

@keyframes animatedListElement8 {
  0% {
    opacity: 0;
    transform: translate3d(30px, -230px, 0) scale(0);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  90% {
    transform: translate3d(30px, -230px, 0) scale(1);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  95% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; } }

@keyframes animatedListElement8End {
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px; } }

@media (min-width: 1024px) {
  .seriesIntro.animated .animatedListElement9 {
    animation-name: animatedListElement9;
    animation-duration: 4s;
    animation-delay: 34s;
    transform: translate3d(30px, -250px, 0) scale(0); } }

@keyframes animatedListElement9 {
  0% {
    opacity: 0;
    transform: translate3d(30px, -250px, 0) scale(0);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  90% {
    transform: translate3d(30px, -250px, 0) scale(1);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  95% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; } }

@keyframes animatedListElement9End {
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px; } }

@media (min-width: 1024px) {
  .seriesIntro.animated .animatedListElement10 {
    animation-name: animatedListElement10;
    animation-duration: 4s;
    animation-delay: 38s;
    transform: translate3d(30px, -270px, 0) scale(0); } }

@keyframes animatedListElement10 {
  0% {
    opacity: 0;
    transform: translate3d(30px, -270px, 0) scale(0);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  90% {
    transform: translate3d(30px, -270px, 0) scale(1);
    background-position: 28px 0;
    padding-left: 52px;
    font-size: 28px;
    line-height: 28px; }
  95% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px; } }

@keyframes animatedListElement10End {
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    background-position: 3px 0;
    padding-left: 12px; } }

.parallax-window h1 {
  font-size: 25px;
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  text-shadow: 0px 0px 15px #969696; }
  @media (min-width: 768px) {
    .parallax-window h1 {
      font-size: 45px; } }
  @media (min-width: 1024px) {
    .parallax-window h1 {
      font-size: 58px; } }

@media (min-width: 1024px) {
  .seriesSectionConcept {
    min-height: 570px;
    background: white url("/img/series/series08-concept.jpg") no-repeat right 50px; }
    .seriesSectionConcept.seriesSectionConcept12 {
      background: transparent url("/img/series/series12-concept.jpg") no-repeat right 50px; }
    .seriesSectionConcept.seriesSectionConcept15 {
      background: transparent url("/img/series/series15-concept.jpg") no-repeat right 50px; }
    .seriesSectionConcept.seriesSectionConcept18 {
      background: transparent url("/img/series/series18-concept.jpg") no-repeat right 85px; }
    .seriesSectionConcept.seriesSectionConcept24 {
      background: transparent url("/img/series/series24-concept.jpg") no-repeat right 85px; }
    .seriesSectionConcept.seriesSectionConcept26 {
      background: transparent url("/img/series/series26-concept.jpg") no-repeat right 50px; }
    .seriesSectionConcept.seriesSectionConceptMill {
      background: transparent url("/img/series/seriesMill-concept.jpg") no-repeat right 50px; }
    .seriesSectionConcept.seriesSectionBaselineFZ12FXbaseline {
      background: none; }
    .seriesSectionConcept.seriesSectionBaselineFZ15Wbaseline {
      background: none; }
    .seriesSectionConcept.seriesSectionBaselineMILLFX800baseline {
      background: none; }
    .seriesSectionConcept.seriesSectionBaselineFZ12FXbaseline h2 {
      margin-bottom: 60px; }
    .seriesSectionConcept.seriesSectionBaselineFZ15Wbaseline h2 {
      margin-bottom: 30px; }
    .seriesSectionConcept.seriesSectionBaselineMILLFX800baseline h2 {
      margin-bottom: 40px; }
    .seriesSectionConcept.seriesSectionConcept08 .standardList {
      max-width: 500px; }
    .seriesSectionConcept.seriesSectionConcept12 .standardList {
      max-width: 660px; }
    .seriesSectionConcept.seriesSectionConcept15 .standardList {
      max-width: 600px; }
    .seriesSectionConcept.seriesSectionConcept18 .standardList {
      max-width: 380px; }
    .seriesSectionConcept.seriesSectionConcept24 .standardList {
      max-width: 440px; }
    .seriesSectionConcept.seriesSectionConceptMill .standardList {
      max-width: 540px; } }

.variantsMatrixWrapper {
  margin-top: 40px; }
  .variantsMatrixWrapper.variantsMatrixWrapper15 .variantsMatrix {
    height: 518px; }
    .variantsMatrixWrapper.variantsMatrixWrapper15 .variantsMatrix .moreInformationBox {
      height: 341px; }
  .variantsMatrixWrapper.variantsMatrixWrapper18 .variantsMatrix {
    height: 450px; }
    .variantsMatrixWrapper.variantsMatrixWrapper18 .variantsMatrix .moreInformationBox {
      height: 272px; }
  .variantsMatrixWrapper.variantsMatrixWrapperMill .variantsMatrix {
    height: 448px;
    width: 542px;
    background: white url("/img/sprite.png") no-repeat left -688px; }
    .variantsMatrixWrapper.variantsMatrixWrapperMill .variantsMatrix .label4 {
      top: 90px;
      left: 42px;
      height: 30px;
      background: white;
      width: 155px; }
    .variantsMatrixWrapper.variantsMatrixWrapperMill .variantsMatrix .variantsBox {
      left: 206px; }
    .variantsMatrixWrapper.variantsMatrixWrapperMill .variantsMatrix .variantsOverviewBox span {
      font-size: 30px; }
    .variantsMatrixWrapper.variantsMatrixWrapperMill .variantsMatrix .iconsX {
      left: 206px; }
      .variantsMatrixWrapper.variantsMatrixWrapperMill .variantsMatrix .iconsX .iconX {
        display: table;
        text-align: center;
        vertical-align: middle;
        height: 65px;
        width: 65px;
        table-layout: fixed;
        float: left;
        margin: 0 1px;
        font-size: 13px; }
        .variantsMatrixWrapper.variantsMatrixWrapperMill .variantsMatrix .iconsX .iconX span {
          display: table-cell;
          vertical-align: middle; }
    .variantsMatrixWrapper.variantsMatrixWrapperMill .variantsMatrix .moreInformationBox {
      left: 206px;
      height: 272px; }
  .variantsMatrixWrapper.variantsMatrixWrapperMill .variantsMatrixImageWrapper {
    width: 397px; }

.variantsMatrix {
  position: relative;
  float: left;
  width: 475px;
  height: 388px;
  margin-top: 21px;
  background: white url("/img/sprite.png") no-repeat left -188px; }
  .variantsMatrix .variantsMatrixNavigation {
    background: white;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left; }
    .variantsMatrix .variantsMatrixNavigation p {
      float: left;
      margin: 0;
      margin-right: 20px; }
    .variantsMatrix .variantsMatrixNavigation a {
      display: block;
      width: 17px;
      height: 17px;
      float: left;
      margin-left: 3px;
      background-color: #d2d2d2; }
      .variantsMatrix .variantsMatrixNavigation a:hover, .variantsMatrix .variantsMatrixNavigation a.active, .variantsMatrix .variantsMatrixNavigation a.activeClick {
        background-color: #696969; }
      .variantsMatrix .variantsMatrixNavigation a.linkToOverview {
        background-image: url("/img/sprite.png");
        background-position: left -106px; }
  .variantsMatrix .moreInformationBox {
    z-index: 4;
    display: none;
    background: #b4b4b4;
    position: absolute;
    width: 333px;
    height: 203px;
    left: 140px;
    top: 140px;
    font-size: 13px;
    text-align: center;
    transform: scale(0);
    opacity: 0;
    animation: animInfoBoxOut2 .3s ease-in-out; }
    .variantsMatrix .moreInformationBox p, .variantsMatrix .moreInformationBox ul li {
      font-size: 13px; }
    .variantsMatrix .moreInformationBox.active, .variantsMatrix .moreInformationBox.activeClick {
      transform: scale(1);
      opacity: 1;
      animation: animInfoBoxIn .3s ease-in-out; }
    .variantsMatrix .moreInformationBox.moreInformationVariant {
      z-index: 3; }
    .variantsMatrix .moreInformationBox.moreInformation_icon {
      text-align: left;
      padding: 20px; }

@keyframes animInfoBoxIn {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes animInfoBoxOut2 {
  0% {
    opacity: 1;
    transform: scale(1); }
  100% {
    transform: scale(0);
    opacity: 0; } }
  .variantsMatrix .label {
    font-size: 14px;
    display: block;
    position: absolute; }
  .variantsMatrix .label1, .variantsMatrix .label2, .variantsMatrix .label3 {
    font-family: "Frutiger Next LT W06 Regular", sans-serif;
    color: #000000;
    left: 140px; }
  .variantsMatrix .label1 {
    top: -5px; }
  .variantsMatrix .label2 {
    top: 13px; }
  .variantsMatrix .label3 {
    top: 30px; }
  .variantsMatrix .label4 {
    font-family: "Frutiger Next LT W06 Medium", sans-serif;
    color: #b4b4b4;
    top: 80px;
    left: 24px;
    width: 95px; }
  .variantsMatrix .iconsX {
    display: block;
    height: 65px;
    position: absolute;
    left: 139px;
    top: 66px; }
    .variantsMatrix .iconsX .icon {
      float: left;
      margin: 0 1px; }
  .variantsMatrix .iconsY1 {
    display: block;
    width: 65px;
    position: absolute;
    left: 0px;
    top: 136px; }
    .variantsMatrix .iconsY1 .icon {
      margin: 4px 0 0; }
  .variantsMatrix .iconsY2 {
    display: block;
    width: 65px;
    position: absolute;
    left: 67px;
    top: 136px; }
    .variantsMatrix .iconsY2 .icon {
      margin: 4px 0 0; }
  .variantsMatrix .iconsY3 {
    display: block;
    width: 65px;
    position: absolute;
    left: 134px;
    top: 136px; }
    .variantsMatrix .iconsY3 .icon {
      margin: 4px 0 0; }
  .variantsMatrix .icon {
    display: block;
    width: 65px;
    height: 65px;
    background: white;
    color: #686868; }
    .variantsMatrix .icon:hover, .variantsMatrix .icon.active, .variantsMatrix .icon.activeClick {
      color: #e30018; }
  .variantsMatrix .variantsBox {
    position: absolute;
    width: 335px;
    height: 208px;
    left: 139px;
    top: 138px;
    z-index: 2; }
  .variantsMatrix .variantsOverviewBox {
    width: 65px;
    height: 65px;
    background: #f2f2f2;
    text-align: center;
    display: table;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin: 2px 1px;
    cursor: default;
    font-size: 13px;
    table-layout: fixed; }
    .variantsMatrix .variantsOverviewBox span {
      display: table-cell;
      vertical-align: middle; }
    .variantsMatrix .variantsOverviewBox.multiline {
      line-height: 14px;
      font-size: 13px; }
    .variantsMatrix .variantsOverviewBox.linkChangeVariant {
      cursor: pointer; }
    .variantsMatrix .variantsOverviewBox.active, .variantsMatrix .variantsOverviewBox.activeClick {
      background: #e30018;
      color: #ffffff; }

.variantsMatrixImageWrapper {
  float: left;
  margin-left: 20px;
  width: 464px;
  height: 414px;
  position: relative; }
  .variantsMatrixImageWrapper .variantsMatrixImageBackground {
    bottom: 50px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 203px;
    z-index: 2;
    background: #f2f2f2;
    background: linear-gradient(to right, #f2f2f2 0%, #ffffff 20%, #ffffff 80%, #f2f2f2 100%); }
  .variantsMatrixImageWrapper .variantsMatrixImageVariant {
    z-index: 3;
    width: 100%;
    position: absolute;
    text-align: center;
    display: none;
    transform: scale(0);
    opacity: 0;
    animation: animInfoBoxOut2 .3s ease-in-out; }
    .variantsMatrixImageWrapper .variantsMatrixImageVariant.variantsMatrixImageVariant_Overview {
      display: block; }
    .variantsMatrixImageWrapper .variantsMatrixImageVariant.active, .variantsMatrixImageWrapper .variantsMatrixImageVariant.activeClick {
      transform: scale(1);
      opacity: 1;
      animation: animInfoBoxIn .3s ease-in-out; }
    .variantsMatrixImageWrapper .variantsMatrixImageVariant .variantsMatrixImageVariantActions {
      position: absolute;
      bottom: 25px;
      right: 0; }
      .variantsMatrixImageWrapper .variantsMatrixImageVariant .variantsMatrixImageVariantActions .zoom, .variantsMatrixImageWrapper .variantsMatrixImageVariant .variantsMatrixImageVariantActions .title {
        float: right;
        padding: 0 7px;
        margin-left: 2px;
        background-color: #696969;
        color: #ffffff;
        font-size: 13px;
        text-decoration: none; }

.zoomLink {
  float: right;
  padding: 0 7px;
  margin-left: 2px;
  background-color: #696969;
  color: #ffffff;
  font-size: 13px;
  text-decoration: none; }

.usecaseStage {
  position: relative; }
  .usecaseStage .usecaseElement {
    z-index: 4;
    display: none;
    transform: scale(0);
    transform-origin: center center;
    opacity: 0;
    animation: animInfoBoxOut2 .5s ease-in-out; }
    .usecaseStage .usecaseElement.usecaseID_0 {
      display: block; }
    .usecaseStage .usecaseElement.active {
      transform: scale(1);
      opacity: 1;
      animation: animInfoBoxIn .5s ease-in-out; }
    .usecaseStage .usecaseElement .usecaseLinkVideoBig .videoIcon {
      height: 200px;
      position: absolute;
      top: 110px;
      left: 210px;
      color: #ffffff;
      transition: all 0.3s ease-in-out; }
    .usecaseStage .usecaseElement .usecaseLinkVideoBig:hover .videoIcon {
      color: #e30018; }
  .usecaseStage .usecaseStageImageDummy {
    position: relative;
    margin-top: 140px;
    margin-bottom: 30px;
    top: 0;
    left: 0; }
    @media (min-width: 768px) {
      .usecaseStage .usecaseStageImageDummy {
        margin-top: 41px;
        padding-right: 300px; } }
    .usecaseStage .usecaseStageImageDummy .usecaseStageImageInner {
      width: 100%;
      max-width: 600px; }
      .usecaseStage .usecaseStageImageDummy .usecaseStageImageInner img {
        width: 100%; }
  .usecaseStage .usecaseStageImage {
    position: absolute;
    top: 140px;
    left: 0; }
    @media (min-width: 768px) {
      .usecaseStage .usecaseStageImage {
        top: 41px;
        padding-right: 300px; } }
    .usecaseStage .usecaseStageImage .usecaseStageImageInner {
      width: 100%;
      max-width: 600px;
      border-top: 1px solid #cecece;
      border-bottom: 1px solid #cecece; }
      .usecaseStage .usecaseStageImage .usecaseStageImageInner img {
        width: 100%; }
  .usecaseStage .usecaseStageMeta {
    background: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .usecaseStage .usecaseStageMeta {
        width: auto; } }
    .usecaseStage .usecaseStageMeta h4 {
      font-size: 20px;
      color: #000000;
      font-family: "Frutiger Next LT W06 Regular", sans-serif;
      margin-bottom: 15px; }
    .usecaseStage .usecaseStageMeta .usecaseStageDescription {
      min-width: 100%;
      background: #ffffff; }
      @media (min-width: 768px) {
        .usecaseStage .usecaseStageMeta .usecaseStageDescription {
          min-width: 275px; } }
    .usecaseStage .usecaseStageMeta .usecaseStageDescriptionIndustries {
      margin-top: 4px;
      text-align: left;
      display: none; }
      @media (min-width: 768px) {
        .usecaseStage .usecaseStageMeta .usecaseStageDescriptionIndustries {
          display: block; } }
      .usecaseStage .usecaseStageMeta .usecaseStageDescriptionIndustries span {
        width: 64px;
        height: 64px;
        margin-right: 4px;
        display: block; }

.usecasesLinks .usecaseLink {
  display: block;
  text-decoration: none;
  margin: 0 8px 4px 0;
  padding-bottom: 0px;
  float: left;
  position: relative;
  border: 1px solid #cecece; }
  .usecasesLinks .usecaseLink img {
    display: block; }
  .usecasesLinks .usecaseLink.usecaseLink:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #e30018;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out; }
  .usecasesLinks .usecaseLink.usecaseLink:hover:after, .usecasesLinks .usecaseLink.active:after {
    visibility: visible;
    transform: scaleX(1); }
  .usecasesLinks .usecaseLink.usecaseLinkVideo .videoIcon {
    height: 40px;
    position: absolute;
    top: 15px;
    left: 30px;
    color: #ffffff;
    transition: all 0.3s ease-in-out; }
  .usecasesLinks .usecaseLink.usecaseLinkVideo:hover .videoIcon {
    color: #e30018; }

.precisionplusinline img {
  float: left; }

.precisionplusinline span {
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  width: 100px; }

.stage {
  position: relative; }
  .stage .stageElement {
    z-index: 4;
    display: none;
    transform: scale(0);
    transform-origin: center center;
    opacity: 0;
    animation: animInfoBoxOut2 .5s ease-in-out; }
    .stage .stageElement.stageID_0 {
      display: block; }
    .stage .stageElement.active {
      transform: scale(1);
      opacity: 1;
      animation: animInfoBoxIn .5s ease-in-out; }
    .stage .stageElement .sStageLinkVideoBig .videoIcon {
      height: 200px;
      position: absolute;
      top: 110px;
      left: 210px;
      color: #ffffff;
      transition: all 0.3s ease-in-out; }
    .stage .stageElement .sStageLinkVideoBig:hover .videoIcon {
      color: #e30018; }
  .stage .stageImageDummy {
    position: relative;
    margin-top: 140px;
    margin-bottom: 30px;
    top: 0;
    left: 0; }
    @media (min-width: 768px) {
      .stage .stageImageDummy {
        margin-top: 0px;
        padding-right: 300px; } }
    .stage .stageImageDummy .stageImageInner {
      width: 100%;
      max-width: 600px; }
      .stage .stageImageDummy .stageImageInner img {
        width: 100%; }
  .stage .stageImage {
    position: absolute;
    top: 140px;
    left: 0; }
    @media (min-width: 768px) {
      .stage .stageImage {
        top: 0px;
        padding-right: 300px; } }
    .stage .stageImage .stageImageInner {
      width: 100%;
      max-width: 600px;
      border-top: 1px solid #cecece;
      border-bottom: 1px solid #cecece; }
      .stage .stageImage .stageImageInner img {
        width: 100%; }
  .stage .stageMeta {
    background: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .stage .stageMeta {
        width: auto; } }
    .stage .stageMeta h4 {
      font-size: 20px;
      color: #000000;
      font-family: "Frutiger Next LT W06 Regular", sans-serif;
      margin-bottom: 15px; }
    .stage .stageMeta .stageDescription {
      min-width: 100%;
      background: #ffffff; }
      @media (min-width: 768px) {
        .stage .stageMeta .stageDescription {
          min-width: 275px;
          max-width: 350px; } }

.stageLinks .stageLink {
  display: block;
  text-decoration: none;
  margin: 0 8px 4px 0;
  padding-bottom: 0px;
  float: left;
  position: relative;
  border: 1px solid #cecece; }
  .stageLinks .stageLink img {
    display: block; }
  .stageLinks .stageLink.stageLink:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #e30018;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out; }
  .stageLinks .stageLink.stageLink:hover:after, .stageLinks .stageLink.active:after {
    visibility: visible;
    transform: scaleX(1); }
  .stageLinks .stageLink.stageLinkVideo .videoIcon {
    height: 40px;
    position: absolute;
    top: 15px;
    left: 30px;
    color: #ffffff;
    transition: all 0.3s ease-in-out; }
  .stageLinks .stageLink.stageLinkVideo:hover .videoIcon {
    color: #e30018; }

@media (min-width: 768px) {
  .efficientProfileMaschiningHeader {
    background-image: url("/img/bg-profilbearbeitung.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 480px; } }

@media (min-width: 768px) {
  .fiveAxisHeader {
    background-image: url("/img/bg-5-axis.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 573px; } }

.fixeAxisImage2 {
  display: none; }
  @media (min-width: 768px) {
    .fixeAxisImage2 {
      display: block;
      margin: 100% 50px 0 0;
      zoom: 1; }
      .fixeAxisImage2:before, .fixeAxisImage2:after {
        content: " ";
        display: table; }
      .fixeAxisImage2:after {
        clear: both; }
      .fixeAxisImage2 img {
        float: right; }
      .fixeAxisImage2 span {
        float: right;
        width: 125px;
        margin-right: 25px;
        margin-top: 35px; } }
  @media (min-width: 768px) {
    .fixeAxisImage2 {
      margin: 540px 50px 0 0; } }

@media (min-width: 768px) {
  .multiSpindleMaschiningHeader {
    background-image: url("/img/bg-multispindle.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 579px; } }

@media (min-width: 768px) {
  .longBedAndPendulumMaschiningHeader {
    background-image: url("/img/bg-longBedAndPendulumMaschining.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 654px; } }

@media (min-width: 768px) {
  .mt-technology-and-bar-machiningHeader {
    background-image: url("/img/bg-mt-technology-and-bar-machining.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 818px; } }

/*
.high-speed-technology-section3 {
		background-image: url('/img/high-speed-technology-image1.jpg');
		background-position: top 0px right 30px;
		background-repeat: no-repeat;
		padding: 50px 0 60px 0;
}
.high-speed-technology-section4 {
		background-image: url('/img/high-speed-technology-image2.jpg');
		background-position: 40px 50px;
		background-repeat: no-repeat;
		padding: 20px 0 0px 0;
}
.high-speed-technology-section5 {
		background-image: url('/img/high-speed-technology-image3.jpg');
		background-position: top 0 right 120px;
		background-repeat: no-repeat;
		padding: 40px 0 170px 0;
}
.high-speed-technology-section6 {
		background-image: url('/img/high-speed-technology-image4.jpg');
		background-position: bottom left;
		background-repeat: no-repeat;
		padding: 0px 0 130px 0;
}
*/
@media (min-width: 768px) {
  .flexible-automationHeader {
    background-image: url("/img/bg-automation.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 665px; } }

@media (min-width: 768px) {
  .flexible-automation-section3 {
    background-image: url("/img/bg-automation2.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 490px; } }

.successstoriesWrapper {
  margin-top: 40px; }

.successstoriesLeft img {
  float: left;
  margin-right: 20px;
  box-shadow: 0 0 10px 0px #b0b0b0; }

.successstoriesAssets .successstoriesAssetsBig {
  width: 353px;
  min-height: 260px;
  position: relative;
  float: left;
  margin-right: 10px; }
  .successstoriesAssets .successstoriesAssetsBig .successstoriesAssetBig {
    z-index: 4;
    display: none;
    transform: scale(0);
    transform-origin: center center;
    opacity: 0;
    animation: animInfoBoxOut2 .5s ease-in-out;
    position: absolute;
    top: 0;
    left: 0; }
    .successstoriesAssets .successstoriesAssetsBig .successstoriesAssetBig.first {
      display: block; }
    .successstoriesAssets .successstoriesAssetsBig .successstoriesAssetBig.active {
      transform: scale(1);
      opacity: 1;
      animation: animInfoBoxIn .5s ease-in-out; }

.successstoriesAssets .successstoriesAssetsSmall {
  float: left;
  width: 71px; }
  .successstoriesAssets .successstoriesAssetsSmall .successstoriesAssetSmall {
    display: block;
    text-decoration: none;
    margin: 0 0px 8px 0;
    padding-right: 4px;
    float: left;
    position: relative; }
    .successstoriesAssets .successstoriesAssetsSmall .successstoriesAssetSmall img {
      display: block; }
    .successstoriesAssets .successstoriesAssetsSmall .successstoriesAssetSmall.successstoriesAssetSmall:after {
      content: "";
      position: absolute;
      height: 100%;
      width: 2px;
      top: 0;
      right: 0;
      background-color: #e30018;
      visibility: hidden;
      transform: scaleY(0);
      transition: all 0.3s ease-in-out; }
    .successstoriesAssets .successstoriesAssetsSmall .successstoriesAssetSmall.successstoriesAssetSmall:hover:after, .successstoriesAssets .successstoriesAssetsSmall .successstoriesAssetSmall.active:after {
      visibility: visible;
      transform: scaleY(1); }
    .successstoriesAssets .successstoriesAssetsSmall .successstoriesAssetSmall.successstoriesAssetSmallVideo .videoIcon {
      height: 40px;
      position: absolute;
      top: 15px;
      left: 20px;
      color: #ffffff;
      transition: all 0.3s ease-in-out; }
    .successstoriesAssets .successstoriesAssetsSmall .successstoriesAssetSmall.successstoriesAssetSmallVideo:hover .videoIcon {
      color: #e30018; }

.seriesIcon {
  display: inline-block;
  margin-right: 5px;
  width: 64px;
  height: 64px;
  text-align: center;
  line-height: 64px;
  font-size: 30px;
  background: #e30018;
  color: #ffffff; }

@media (min-width: 768px) {
  .aerospaceHeader {
    background-image: url("/img/bg-aerospace.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 755px;
    background-size: contain;
    margin-bottom: 0; } }

@media (min-width: 768px) {
  .automotiveHeader {
    background-image: url("/img/bg-automotive.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    min-height: 650px;
    background-size: contain; } }

@media (min-width: 768px) {
  .medicalHeader {
    background-image: url("/img/bg-medical.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    margin-bottom: 0;
    background-size: contain; } }

@media (min-width: 768px) {
  .precisionHeader {
    background-image: url("/img/bg-precision.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    min-height: 680px;
    background-size: contain; } }

@media (min-width: 768px) {
  .mechanicalHeader {
    background-image: url("/img/bg-mechanical.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    margin-bottom: 0;
    background-size: contain; } }

.turnkeyHeader {
  background-repeat: no-repeat;
  background-position: top right; }
  @media (min-width: 768px) {
    .turnkeyHeader {
      background-image: url("/img/bg-turnkey.jpg"); } }

.turnkeyNavigation {
  position: relative;
  height: 83px;
  width: 100%;
  margin-left: 1%; }
  .turnkeyNavigation .turnkeyNavigationLink {
    display: block;
    float: left;
    height: 83px;
    margin-left: -2%;
    position: relative;
    top: 0;
    width: 22%; }
    .turnkeyNavigation .turnkeyNavigationLink .text {
      line-height: 83px;
      width: 100%;
      text-decoration: none;
      text-align: center;
      color: #ffffff;
      position: absolute;
      opacity: 0.5;
      font-size: 12px; }
      @media (min-width: 768px) {
        .turnkeyNavigation .turnkeyNavigationLink .text {
          font-size: 14px; } }
    .turnkeyNavigation .turnkeyNavigationLink:hover .text, .turnkeyNavigation .turnkeyNavigationLink.active .text {
      opacity: 1; }
    .turnkeyNavigation .turnkeyNavigationLink .background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink1 {
      color: #004486; }
      .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink1 .text {
        opacity: 1; }
    .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink2 {
      color: #a3cbe8; }
      .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink2:hover, .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink2.active {
        color: #4A96D1; }
    .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink3 {
      color: #80c7cc; }
      .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink3:hover, .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink3.active {
        color: #009097; }
    .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink4 {
      color: #c9e08e; }
      .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink4:hover, .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink4.active {
        color: #93C11C; }
    .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink5 {
      color: #fbd380; }
      .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink5:hover, .turnkeyNavigation .turnkeyNavigationLink.turnkeyNavigationLink5.active {
        color: #F7A600; }

.turnkeySwiperWrapper {
  width: 100%;
  overflow: hidden;
  margin-top: 40px; }
  .turnkeySwiperWrapper .swiper-container-turnkey {
    width: 100%;
    height: 100%; }
    .turnkeySwiperWrapper .swiper-container-turnkey .swiper-slide .h2 {
      width: 100%;
      margin-left: 0; }
    .turnkeySwiperWrapper .swiper-container-turnkey .swiper-slide .turnkeyVideoLink {
      border: 1px solid #d9d9d9;
      display: block;
      position: relative; }
      .turnkeySwiperWrapper .swiper-container-turnkey .swiper-slide .turnkeyVideoLink img {
        width: 100%;
        display: block; }
      .turnkeySwiperWrapper .swiper-container-turnkey .swiper-slide .turnkeyVideoLink .videoIconWrapper {
        border-radius: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        margin-top: -30px;
        position: absolute;
        top: 50%;
        width: 60px;
        background: rgba(255, 255, 255, 0.5); }
        .turnkeySwiperWrapper .swiper-container-turnkey .swiper-slide .turnkeyVideoLink .videoIconWrapper .videoIcon {
          position: absolute;
          top: 9px;
          left: 13px;
          display: block;
          height: 40px;
          width: 40px;
          color: #ffffff;
          transition: all 0.3s ease-in-out; }
        .turnkeySwiperWrapper .swiper-container-turnkey .swiper-slide .turnkeyVideoLink .videoIconWrapper:hover .videoIcon {
          color: #e30018; }

@media (min-width: 768px) {
  .plantsAndSystemsHeader {
    background-image: url("/img/bg-plantsAndSystems.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 406px;
    margin-bottom: 0; } }

.inlineImageWrapper {
  margin-left: 20px; }
  .inlineImageWrapper .inlineImage {
    width: auto;
    display: block;
    float: left; }
    .inlineImageWrapper .inlineImage span {
      display: block; }

@media (min-width: 768px) {
  .plantsAndSytemsRight {
    margin-top: 20%; } }

@media (min-width: 1024px) {
  .plantsAndSytemsRight {
    margin-top: 280px; } }

@media (min-width: 768px) {
  .trainingsHeader {
    background-image: url("/img/bg-trainings.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain; } }

.trainingsHeader .standardList li {
  margin-bottom: 5px;
  line-height: 18px; }
  .trainingsHeader .standardList li a {
    color: #008080; }

.trainingHeaderDownload {
  margin-top: 505px; }
  .trainingHeaderDownload p.downloadText {
    line-height: 22px; }
  .trainingHeaderDownload p.downloadText a {
    margin-left: 0; }

.boxAccordion.active .trainingAccordion {
  height: auto; }

.trainingBox {
  margin: 0 10px 10px 10px;
  padding: 2px 0;
  box-shadow: 0 0 10px 0 #cfcfcf; }
  @media (min-width: 768px) {
    .trainingBox {
      margin: 0 15px 15px 15px; } }
  .trainingBox .trainingBoxInner {
    background: #ffffff;
    padding-top: 22px; }
    .trainingBox .trainingBoxInner .standardList li {
      margin-bottom: 20px;
      line-height: 17px; }

.trainingBoxAccordionWrapper {
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-left: 15px; }
  .trainingBoxAccordionWrapper .trainingBoxAccordion {
    background: #f2f2f2;
    margin-bottom: 5px; }
    .trainingBoxAccordionWrapper .trainingBoxAccordion .trainingBoxHeader {
      border-bottom: 1px solid #ffffff;
      padding: 5px;
      position: relative;
      cursor: hand; }
      .trainingBoxAccordionWrapper .trainingBoxAccordion .trainingBoxHeader h2 {
        margin: 0; }
    .trainingBoxAccordionWrapper .trainingBoxAccordion:nth-child(odd) {
      background: #f2f2f2; }
      .trainingBoxAccordionWrapper .trainingBoxAccordion:nth-child(odd) .trainingBoxHeader {
        background: #f2f2f2; }
      .trainingBoxAccordionWrapper .trainingBoxAccordion:nth-child(odd) .trainingBoxContent {
        background: #f2f2f2; }
    .trainingBoxAccordionWrapper .trainingBoxAccordion:nth-child(even) {
      background: #e6e6e6; }
      .trainingBoxAccordionWrapper .trainingBoxAccordion:nth-child(even) .trainingBoxHeader {
        background: #e6e6e6; }
      .trainingBoxAccordionWrapper .trainingBoxAccordion:nth-child(even) .trainingBoxContent {
        background: #e6e6e6; }
    .trainingBoxAccordionWrapper .trainingBoxAccordion:last-child {
      margin-bottom: 0; }
    .trainingBoxAccordionWrapper .trainingBoxAccordion.active .trainingBoxContent {
      height: auto; }
    .trainingBoxAccordionWrapper .trainingBoxAccordion .trainingBoxContent {
      transition: all 0.3s ease-in-out;
      overflow: hidden;
      height: 0; }
      .trainingBoxAccordionWrapper .trainingBoxAccordion .trainingBoxContent .standardList {
        margin: 0; }
        .trainingBoxAccordionWrapper .trainingBoxAccordion .trainingBoxContent .standardList li {
          margin: 25px 0; }
      .trainingBoxAccordionWrapper .trainingBoxAccordion .trainingBoxContent .column50 {
        padding-left: 0; }

@media (min-width: 768px) {
  .smartlineHeader {
    background-image: url("/img/bg-dataline.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 409px;
    margin-bottom: 0;
    padding-bottom: 0; } }

.smartlineHeader h1 span {
  font-family: "Frutiger Next LT W06 Regular", sans-serif; }

@media (min-width: 768px) {
  .processlineHeader {
    background-image: url("/img/bg-processline.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain; } }

.processlineHeader h1 span {
  font-family: "Frutiger Next LT W06 Regular", sans-serif; }

@media (min-width: 768px) {
  .datalineHeader {
    background-image: url("/img/bg-dataline.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 409px;
    margin-bottom: 0;
    padding-bottom: 0; } }

.datalineHeader h1 span {
  font-family: "Frutiger Next LT W06 Regular", sans-serif; }

.contentFirstDataline {
  background: #dddcde;
  background: linear-gradient(to bottom, #dddcde 0%, #ffffff 340px, #ffffff 100%); }

.hotlineHeader {
  padding-top: 0; }
  .hotlineHeader .column50 {
    padding-top: 40px; }

.supportHeader {
  padding-top: 0; }
  .supportHeader .column50 {
    padding-top: 40px; }

@media (min-width: 1024px) {
  .qualityHeader {
    background-image: url("/img/bg-quality.jpg");
    background-position: top right;
    background-repeat: no-repeat; } }

@media (min-width: 1024px) {
  .indentContentWrapper .column50.paddingTopQualityAndService {
    padding-top: 430px; } }

.guidingPrincipleHeader {
  background-image: url("/img/bg-guiding-principle.jpg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 480px; }
  @media (min-width: 1024px) {
    .guidingPrincipleHeader {
      height: 610px; } }
  .guidingPrincipleHeader .indentContentWrapper {
    margin-top: 500px; }

@media (min-width: 768px) {
  .chironWorldwideHeader {
    background-image: url("/img/bg-chiron-worldwide-standalone.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 1000px;
    min-height: 1000px; } }

.mapLegend {
  margin-top: 420px;
  padding-bottom: 140px; }
  .mapLegend p {
    padding-left: 20px;
    position: relative;
    margin-bottom: 5px;
    width: 175px; }
    .mapLegend p span {
      display: block;
      position: absolute;
      left: 0; }
  .mapLegend .mapLegend1 span {
    background-color: #e30018;
    width: 7px;
    height: 7px;
    top: 6px; }
  .mapLegend .mapLegend2 span {
    background-color: #000000;
    width: 3px;
    height: 3px;
    top: 10px; }

.chironWorldWideMap {
  display: none; }
  @media (min-width: 768px) {
    .chironWorldWideMap {
      display: block; } }

.boxesSmall {
  margin-top: 70px; }
  .boxesSmall .boxSmallWrapper {
    width: 100%;
    padding: 6px 4px;
    float: left; }
    @media (min-width: 768px) {
      .boxesSmall .boxSmallWrapper {
        width: 50%; } }
    @media (min-width: 1024px) {
      .boxesSmall .boxSmallWrapper {
        width: 25%; } }
    .boxesSmall .boxSmallWrapper .boxSmall {
      background: #ffffff;
      box-shadow: 0 0 10px 0 #cfcfcf;
      position: relative; }
      .boxesSmall .boxSmallWrapper .boxSmall .boxSmallHeader {
        width: 100%;
        padding: 15px 12px 20px;
        min-height: 60px; }
      .boxesSmall .boxSmallWrapper .boxSmall .boxSmallContent {
        min-height: 190px;
        padding: 0 12px;
        position: relative;
        overflow: hidden; }
        .boxesSmall .boxSmallWrapper .boxSmall .boxSmallContent p {
          margin: 0; }
      .boxesSmall .boxSmallWrapper .boxSmall .boxSmallFooter {
        background-color: #f2f2f2;
        height: 43px;
        width: 100%;
        padding-left: 25px;
        transition: all 0.3s ease-in-out; }
        .boxesSmall .boxSmallWrapper .boxSmall .boxSmallFooter:hover {
          background-color: #bbbbbb; }
          .boxesSmall .boxSmallWrapper .boxSmall .boxSmallFooter:hover p, .boxesSmall .boxSmallWrapper .boxSmall .boxSmallFooter:hover a {
            color: #ffffff; }
        .boxesSmall .boxSmallWrapper .boxSmall .boxSmallFooter a {
          transition: all 0.3s ease-in-out;
          color: #000000;
          text-decoration: none;
          padding-right: 20px;
          line-height: 43px; }
          .boxesSmall .boxSmallWrapper .boxSmall .boxSmallFooter a:hover {
            color: #000000; }
      .boxesSmall .boxSmallWrapper .boxSmall.active .boxSmallFooter {
        background-color: #bbbbbb; }
        .boxesSmall .boxSmallWrapper .boxSmall.active .boxSmallFooter a {
          color: #ffffff; }
        .boxesSmall .boxSmallWrapper .boxSmall.active .boxSmallFooter a:last-child {
          color: #000000; }

.boxSmallCountry .boxSmallHeader {
  font-size: 20px; }
  .boxSmallCountry .boxSmallHeader span {
    margin-right: 5px; }

.boxSmallCountry .boxSmallContent p {
  font-size: 14px; }

.chironGroupHeader {
  background-image: url("/img/bg-chironGroup.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  min-height: 810px; }

.groupBoxes {
  margin-top: 70px; }
  .groupBoxes .groupBoxWrapper {
    width: 100%;
    padding: 6px 4px;
    float: left; }
    @media (min-width: 768px) {
      .groupBoxes .groupBoxWrapper {
        width: 33.33%; } }
    .groupBoxes .groupBoxWrapper .groupBox {
      background: #ffffff;
      box-shadow: 0 0 10px 0 #cfcfcf;
      position: relative; }
      .groupBoxes .groupBoxWrapper .groupBox .groupBoxHeader {
        height: 94px;
        width: 100%;
        padding: 25px 25px 0; }
        .groupBoxes .groupBoxWrapper .groupBox .groupBoxHeader .groupBoxLogoChiron {
          height: 47px;
          width: 140px; }
        .groupBoxes .groupBoxWrapper .groupBox .groupBoxHeader .groupBoxLogoStama {
          height: 30px;
          width: 170px;
          background-image: url("/img/sprite.png");
          background-position: 0 -128px;
          background-repeat: no-repeat;
          margin-top: 9px; }
        .groupBoxes .groupBoxWrapper .groupBox .groupBoxHeader .groupBoxLogoScherer {
          height: 52px;
          width: 175px; }
        .groupBoxes .groupBoxWrapper .groupBox .groupBoxHeader .groupBoxLogoCMS {
          height: 56px;
          width: 104px;
          background-image: url("/img/sprite.png");
          background-position: -188px -128px;
          background-repeat: no-repeat; }
      .groupBoxes .groupBoxWrapper .groupBox .groupSiteImage {
        height: 230px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 20px; }
      .groupBoxes .groupBoxWrapper .groupBox .groupSiteImageChiron {
        background-image: url("/img/chiron-building.jpg"); }
      .groupBoxes .groupBoxWrapper .groupBox .groupSiteImageStama {
        background-image: url("/img/stama-building.jpg"); }
      .groupBoxes .groupBoxWrapper .groupBox .groupSiteImageScherer {
        background-image: url("/img/scherer-building.jpg"); }
      .groupBoxes .groupBoxWrapper .groupBox .groupBoxContent {
        min-height: 270px;
        padding: 0 25px;
        position: relative;
        overflow: hidden; }
        .groupBoxes .groupBoxWrapper .groupBox .groupBoxContent p {
          margin: 0; }
        .groupBoxes .groupBoxWrapper .groupBox .groupBoxContent .groupBoxOverlay {
          transition: all 0.3s ease-in-out;
          display: block;
          background-color: #f2f2f2;
          position: absolute;
          top: 100%;
          left: 0;
          height: 100%;
          width: 100%;
          padding: 10px 25px 0; }
          .groupBoxes .groupBoxWrapper .groupBox .groupBoxContent .groupBoxOverlay p {
            margin-bottom: 20px; }
          .groupBoxes .groupBoxWrapper .groupBox .groupBoxContent .groupBoxOverlay a {
            color: #000000;
            text-decoration: none; }
            .groupBoxes .groupBoxWrapper .groupBox .groupBoxContent .groupBoxOverlay a:hover {
              text-decoration: underline; }
      .groupBoxes .groupBoxWrapper .groupBox .groupBoxFooter {
        background-color: #f2f2f2;
        height: 43px;
        width: 100%;
        padding-left: 25px;
        transition: all 0.3s ease-in-out; }
        .groupBoxes .groupBoxWrapper .groupBox .groupBoxFooter:hover {
          background-color: #bbbbbb; }
          .groupBoxes .groupBoxWrapper .groupBox .groupBoxFooter:hover p, .groupBoxes .groupBoxWrapper .groupBox .groupBoxFooter:hover a {
            color: #ffffff; }
        .groupBoxes .groupBoxWrapper .groupBox .groupBoxFooter a {
          transition: all 0.3s ease-in-out;
          color: #000000;
          text-decoration: none;
          padding-right: 20px;
          line-height: 43px; }
          .groupBoxes .groupBoxWrapper .groupBox .groupBoxFooter a:hover {
            color: #000000; }
      .groupBoxes .groupBoxWrapper .groupBox.active .groupBoxContent .groupBoxOverlay {
        top: 0%; }
      .groupBoxes .groupBoxWrapper .groupBox.active .groupBoxFooter {
        background-color: #bbbbbb; }
        .groupBoxes .groupBoxWrapper .groupBox.active .groupBoxFooter a {
          color: #ffffff; }
        .groupBoxes .groupBoxWrapper .groupBox.active .groupBoxFooter a:last-child {
          color: #000000; }

.historySwiperWrapper {
  width: 100%;
  overflow: hidden;
  margin-top: 40px; }
  .historySwiperWrapper .swiper-container-history {
    width: 100%;
    height: 100%; }
    .historySwiperWrapper .swiper-container-history .swiper-slide .column50 {
      padding: 15px 15px 0; }
    .historySwiperWrapper .swiper-container-history .swiper-slide .historyImage {
      border: 10px solid #ffffff;
      box-shadow: 0 0 10px 0 #cfcfcf;
      width: 100%; }

.historyNavigationWrapper {
  width: 100%;
  overflow: hidden;
  padding-bottom: 5px;
  position: relative;
  height: 120px; }
  .historyNavigationWrapper .historyNavigation {
    width: 10000px;
    border-bottom: 1px solid #696969;
    padding-left: 50%;
    position: relative;
    left: 0;
    transition: all 0.3s ease-in-out; }
    .historyNavigationWrapper .historyNavigation .historyTimeline {
      list-style: outside none none;
      margin-left: -75px; }
      .historyNavigationWrapper .historyNavigation .historyTimeline li {
        float: left;
        width: 150px;
        position: relative;
        text-align: center; }
        .historyNavigationWrapper .historyNavigation .historyTimeline li span {
          padding-bottom: 15px;
          transform: translateZ(0px);
          z-index: 2;
          display: block;
          height: 60px;
          line-height: 60px;
          font-size: 25px;
          color: #bbbbbb;
          transition: all 0.3s ease-in-out; }
          .historyNavigationWrapper .historyNavigation .historyTimeline li span:after {
            transition: all 0.3s ease-in-out;
            background-color: #bbbbbb;
            bottom: -4px;
            content: "";
            height: 7px;
            left: 50%;
            position: absolute;
            right: auto;
            transform: translateX(-50%);
            transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s;
            width: 7px; }
        .historyNavigationWrapper .historyNavigation .historyTimeline li.active span {
          color: #e30018;
          font-size: 40px; }
          .historyNavigationWrapper .historyNavigation .historyTimeline li.active span:after {
            background-color: #e30018; }
        .historyNavigationWrapper .historyNavigation .historyTimeline li.level1 span {
          color: #000000;
          font-size: 35px; }
          .historyNavigationWrapper .historyNavigation .historyTimeline li.level1 span:after {
            background-color: #000000; }
        .historyNavigationWrapper .historyNavigation .historyTimeline li.level2 span {
          color: #969696;
          font-size: 30px; }
          .historyNavigationWrapper .historyNavigation .historyTimeline li.level2 span:after {
            background-color: #969696; }
  .historyNavigationWrapper .historyNavigationRight {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 100%;
    z-index: 7;
    text-align: right;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 45%); }
    .historyNavigationWrapper .historyNavigationRight .chevronRight {
      height: 100%;
      width: 30px;
      margin-right: 5px; }
  .historyNavigationWrapper .historyNavigationLeft {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 100%;
    z-index: 7;
    text-align: left;
    background: white;
    background: linear-gradient(to right, white 55%, rgba(255, 255, 255, 0) 100%); }
    .historyNavigationWrapper .historyNavigationLeft .chevronLeft {
      height: 100%;
      width: 30px;
      margin-left: 5px; }

.newsHeader {
  min-height: 500px; }
  .newsHeader .newsContent {
    margin-top: 60px; }
    .newsHeader .newsContent .newsList .newsListBox {
      display: block;
      padding-right: 70px;
      text-decoration: none; }
      .newsHeader .newsContent .newsList .newsListBox .newsListBoxLeft {
        float: left;
        width: 160px;
        margin-right: 20px; }
      .newsHeader .newsContent .newsList .newsListBox .newsListBoxRight .date {
        color: #9e9e9e;
        font-size: 14px;
        font-family: "Frutiger Next LT W06 Bold", sans-serif;
        display: block;
        margin-bottom: 10px;
        text-decoration: none; }
      .newsHeader .newsContent .newsList .newsListBox .newsListBoxRight .headline {
        font-size: 20px;
        color: #000000;
        text-decoration: none; }

.newsDetailHeader .column h3 {
  margin: 50px 0 0 0;
  color: #8c8c8c; }

.newsDetailHeader .column h2 {
  margin: 0 0 25px 0; }

.newsDetailHeader .column .standardList li {
  font-family: "Frutiger Next LT W06 Bold", sans-serif; }

.newsDetailHeader .newsImages {
  float: right;
  width: 281px;
  margin-left: 40px; }
  .newsDetailHeader .newsImages .newsImage {
    margin-bottom: 70px; }
    .newsDetailHeader .newsImages .newsImage img {
      display: block; }
    .newsDetailHeader .newsImages .newsImage a {
      display: block;
      border: 1px solid #ccc; }
    .newsDetailHeader .newsImages .newsImage p {
      font-size: 13px; }

.eventDetailHeader .column h3 {
  margin: 30px 0 0 0;
  color: #8c8c8c; }

.eventDetailHeader .column h2 {
  margin: 0 0 25px 0; }

.eventDetailHeader .column .standardList li {
  font-family: "Frutiger Next LT W06 Bold", sans-serif; }

.amb2016Header {
  background-image: url("/img/events/amb2016Header.jpg");
  background-position: bottom left;
  background-repeat: no-repeat; }

.airtec2016Header {
  background-image: url("/img/events/airtec2016Header.jpg");
  background-position: bottom left;
  background-repeat: no-repeat; }

.kolloquiumHeader {
  background-image: url("/img/events/kolloquiumHeader.jpg");
  background-position: bottom left;
  background-repeat: no-repeat; }

.chironHeader {
  background-image: url("/img/events/chironHeader.jpg");
  background-position: bottom left;
  background-repeat: no-repeat; }

.fruehstueckHeader {
  background-image: url("/img/events/headerFruehstueck.jpg");
  background-position: top left;
  background-repeat: no-repeat; }

.prodex2016Header {
  background-image: url("/img/events/prodex2016Header.jpg");
  background-position: top left;
  background-repeat: no-repeat; }

.eventOverview .boxLink {
  margin-bottom: 0; }

.eventOverview .boxLinkWrapper div.boxLink:hover .boxLinkContent {
  background: #ffffff; }

.salesAndServiceSearchHeader {
  padding-bottom: 0; }

.ajaxResponsePlz {
  margin-top: 50px; }

.plzInput, .cityInput {
  background: #f2f2f2;
  display: inline-block;
  width: 150px;
  padding: 5px; }

.plzInputLink, .cityInputLink {
  display: inline-block;
  width: 20px;
  height: 17px;
  margin-left: 10px; }

.worldMap {
  width: 100%;
  height: 670px;
  margin: 40px auto 20px;
  position: relative; }
  .worldMap svg {
    display: none; }
    @media (min-width: 768px) {
      .worldMap svg {
        display: block; } }
  .worldMap .regionBox {
    width: 100%;
    background: white;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
    margin-bottom: 15px;
    border-bottom: 2px solid #efefef; }
    @media (min-width: 768px) {
      .worldMap .regionBox {
        margin-bottom: 0;
        position: absolute;
        left: 15px;
        top: 50px;
        width: 315px;
        box-shadow: 0 0 10px 0 #cfcfcf;
        visibility: hidden;
        opacity: 0;
        border-bottom: none; } }
    @media (min-width: 1024px) {
      .worldMap .regionBox {
        left: 125px; } }
    .worldMap .regionBox.active {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.3s linear; }
    .worldMap .regionBox .regionBoxCloseLink {
      display: none; }
      @media (min-width: 768px) {
        .worldMap .regionBox .regionBoxCloseLink {
          display: block;
          width: 25px;
          height: 25px;
          position: absolute;
          top: 20px;
          right: 20px;
          background: url("/img/sprite.png") no-repeat -67px -5px; } }
    .worldMap .regionBox.regionBox_america {
      left: 315px; }
      @media (min-width: 1024px) {
        .worldMap .regionBox.regionBox_america {
          left: 615px; } }
    @media (min-width: 768px) {
      .worldMap .regionBox.regionBox_europe {
        width: 720px; } }
    .worldMap .regionBox.regionBox_usa {
      width: 100%;
      top: 0; }
      @media (min-width: 768px) {
        .worldMap .regionBox.regionBox_usa {
          width: 715px; } }
      .worldMap .regionBox.regionBox_usa .regionBoxCountryList a {
        margin-bottom: 1px;
        font-size: 15px; }
      @media (min-width: 1024px) {
        .worldMap .regionBox.regionBox_usa {
          top: 50px;
          width: 935px; }
          .worldMap .regionBox.regionBox_usa .regionBoxCountryList a {
            margin-bottom: 15px;
            font-size: 16px; } }
    .worldMap .regionBox .regionBoxHeadline {
      font-size: 22px;
      padding: 20px 10px;
      display: block; }
      @media (min-width: 768px) {
        .worldMap .regionBox .regionBoxHeadline {
          padding: 20px; } }
    .worldMap .regionBox .regionBoxCountryList {
      padding: 15px 10px; }
      @media (min-width: 768px) {
        .worldMap .regionBox .regionBoxCountryList {
          padding: 15px 20px;
          max-height: 500px;
          overflow-y: auto; } }
      .worldMap .regionBox .regionBoxCountryList a {
        display: inline-block;
        min-width: 220px;
        margin-bottom: 10px;
        color: #000000;
        text-decoration: none;
        font-size: 16px; }
        .worldMap .regionBox .regionBoxCountryList a span {
          margin-right: 15px; }
  .worldMap g {
    fill: #cfd0d0; }
    .worldMap g:hover, .worldMap g.active {
      fill: #616262; }

.ajaxResponse h2 {
  margin-left: 0; }

.ajaxResponse .salesmanBox {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top; }

.stateLink {
  padding-left: 42px; }

@media (min-width: 768px) {
  .careerHeader {
    background-image: url("/img/bg-career.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 350px; } }

@media (min-width: 1024px) {
  .careerHeader {
    min-height: 640px; } }

.careerPartner {
  display: inline-block;
  background-image: url("/img/careerPartners.jpg");
  background-position: top left;
  background-repeat: no-repeat;
  margin-bottom: 20px; }
  .careerPartner.careerPartnerDHBWStuttgart {
    width: 157px;
    height: 33px; }
  .careerPartner.careerPartnerDHBWVillingen {
    width: 266px;
    height: 33px;
    background-position: 0px -54px;
    margin-bottom: 15px; }
  .careerPartner.careerPartnerHFU {
    width: 146px;
    height: 52px;
    background-position: 0px -117px;
    margin-right: 35px; }
  .careerPartner.careerPartnerWorldskills {
    width: 77px;
    height: 71px;
    background-position: -181px -99px; }

.azubiLink {
  display: inline-block;
  background-image: url("/img/careerLink.jpg");
  background-position: top left;
  background-repeat: no-repeat;
  width: 141px;
  height: 34px;
  margin-left: 20px; }

.azubiLinkText {
  width: 190px;
  display: inline-block; }

.tableKeyFigures {
  display: none;
  width: 100%; }
  @media (min-width: 768px) {
    .tableKeyFigures {
      display: block; } }
  .tableKeyFigures td, .tableKeyFigures th {
    width: 20%; }
  .tableKeyFigures tbody {
    box-shadow: 0 0 10px 0 #cfcfcf; }
    .tableKeyFigures tbody tr td {
      background: #fff;
      border-bottom: 7px solid #efefef;
      vertical-align: middle;
      min-height: 83px; }
      .tableKeyFigures tbody tr td.borderRight {
        border-right: 1px solid #efefef; }
    .tableKeyFigures tbody tr.lastRow td {
      border-bottom: none; }
  .tableKeyFigures td.lastColumn, .tableKeyFigures th.lastColumn {
    padding-left: 15px; }
  .tableKeyFigures tfoot td, .tableKeyFigures thead th {
    font-family: "Frutiger Next LT W06 Medium", sans-serif;
    line-height: 50px; }

.tableCompetence {
  display: none;
  width: 100%; }
  @media (min-width: 768px) {
    .tableCompetence {
      display: block; } }
  .tableCompetence td, .tableCompetence th {
    width: 20%; }
  .tableCompetence th {
    text-align: center; }
  .tableCompetence tbody {
    box-shadow: 0 0 10px 0 #cfcfcf; }
    .tableCompetence tbody tr td {
      background: #fff;
      border-bottom: 3px solid #efefef;
      border-right: 3px solid #efefef;
      vertical-align: middle;
      min-height: 83px;
      padding: 13px;
      text-align: center; }
      .tableCompetence tbody tr td.borderRight {
        border-right: 1px solid #efefef; }
    .tableCompetence tbody tr.lastRow td {
      border-bottom: none; }
  .tableCompetence tfoot td, .tableCompetence thead th {
    font-family: "Frutiger Next LT W06 Medium", sans-serif;
    line-height: 50px; }

.donutGraph {
  display: inline-block; }

.keyFiguresLogoChiron {
  height: 38px;
  width: 112px;
  display: inline-block; }

.keyFiguresLogoStama {
  height: 38px;
  width: 136px;
  display: inline-block;
  background-image: url("/img/sprite.png");
  background-position: -322px -121px;
  background-repeat: no-repeat; }

.keyFiguresLogoScherer {
  height: 38px;
  width: 139px;
  display: inline-block; }

.keyFiguresLogoCMS {
  display: inline-block;
  height: 38px;
  width: 83px;
  background-image: url("/img/sprite.png");
  background-position: -489px -128px;
  background-repeat: no-repeat; }

@media (min-width: 768px) {
  .tableKeyFiguresMobile {
    display: none; } }

@media (min-width: 768px) {
  .tableCompetenceMobile {
    display: none; } }

.tableKeyFiguresMobileBox {
  background: #fff;
  box-shadow: 0 0 10px 0 #cfcfcf;
  margin-bottom: 15px;
  padding: 15px; }
  .tableKeyFiguresMobileBox div {
    margin: 0 15px 15px 0; }

@media (min-width: 768px) {
  .chironGroupSitesHeader {
    background-image: url("/img/bg-group-worldwide.jpg");
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat; } }

.hlGroup span {
  font-family: "Frutiger Next LT W06 Regular", sans-serif; }

.regular {
  font-family: "Frutiger Next LT W06 Regular", sans-serif; }

.videoLink {
  border: 1px solid #d9d9d9;
  display: block;
  position: relative; }
  .videoLink img {
    width: 100%;
    display: block; }
  .videoLink .videoIconWrapper {
    border-radius: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 60px;
    background: rgba(255, 255, 255, 0.5); }
    .videoLink .videoIconWrapper .videoIcon {
      position: absolute;
      top: 9px;
      left: 13px;
      display: block;
      height: 40px;
      width: 40px;
      color: #ffffff;
      transition: all 0.3s ease-in-out; }
    .videoLink .videoIconWrapper:hover .videoIcon {
      color: #e30018; }

.groupSites {
  margin-top: 20px;
  margin-bottom: 40px; }
  @media (min-width: 768px) {
    .groupSites {
      margin-top: 380px;
      margin-bottom: 120px; } }
  @media (min-width: 1024px) {
    .groupSites {
      margin-top: 495px; } }
  .groupSites .groupSiteWrapper {
    width: 100%;
    padding: 6px 4px;
    float: left; }
    @media (min-width: 768px) {
      .groupSites .groupSiteWrapper {
        width: 50%; } }
    @media (min-width: 1024px) {
      .groupSites .groupSiteWrapper {
        width: 25%; } }
    .groupSites .groupSiteWrapper .groupSite {
      background: #ffffff;
      box-shadow: 0 0 10px 0 #cfcfcf;
      position: relative; }
      .groupSites .groupSiteWrapper .groupSite .groupSiteHeader {
        min-height: 70px;
        width: 100%;
        padding: 15px 15px 0;
        margin-bottom: 5px; }
      .groupSites .groupSiteWrapper .groupSite .groupSiteImage {
        height: 230px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 20px; }
      .groupSites .groupSiteWrapper .groupSite .groupSiteImageChiron {
        background-image: url("/img/chiron-building.jpg"); }
      .groupSites .groupSiteWrapper .groupSite .groupSiteImageStama {
        background-image: url("/img/stama-building.jpg"); }
      .groupSites .groupSiteWrapper .groupSite .groupSiteImageScherer {
        background-image: url("/img/scherer-building.jpg"); }
      .groupSites .groupSiteWrapper .groupSite .groupSiteImageCMS {
        background-image: url("/img/cms-building.jpg"); }
      .groupSites .groupSiteWrapper .groupSite .groupSiteContent {
        min-height: 180px;
        padding: 0 15px;
        position: relative;
        overflow: hidden; }
        .groupSites .groupSiteWrapper .groupSite .groupSiteContent p {
          margin: 0; }
      .groupSites .groupSiteWrapper .groupSite .groupSiteFooter {
        background-color: #f2f2f2;
        height: 43px;
        width: 100%;
        padding-left: 25px;
        transition: all 0.3s ease-in-out; }
        .groupSites .groupSiteWrapper .groupSite .groupSiteFooter:hover {
          background-color: #bbbbbb; }
          .groupSites .groupSiteWrapper .groupSite .groupSiteFooter:hover p, .groupSites .groupSiteWrapper .groupSite .groupSiteFooter:hover a {
            color: #ffffff; }
        .groupSites .groupSiteWrapper .groupSite .groupSiteFooter a {
          transition: all 0.3s ease-in-out;
          color: #000000;
          text-decoration: none;
          padding-right: 20px;
          line-height: 43px; }
          .groupSites .groupSiteWrapper .groupSite .groupSiteFooter a:hover {
            color: #000000; }
      .groupSites .groupSiteWrapper .groupSite.active .groupBoxContent .groupBoxOverlay {
        top: 0%; }
      .groupSites .groupSiteWrapper .groupSite.active .groupBoxFooter {
        background-color: #bbbbbb; }
        .groupSites .groupSiteWrapper .groupSite.active .groupBoxFooter a {
          color: #ffffff; }
        .groupSites .groupSiteWrapper .groupSite.active .groupBoxFooter a:last-child {
          color: #000000; }

.pdfLinkDownloads {
  margin: 10px 10px 10px 0;
  padding: 10px 10px 10px 0;
  display: inline-block; }

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 40; }

.footerHeader {
  position: relative;
  width: 100%;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  display: none; }
  @media (min-width: 768px) {
    .footerHeader {
      display: inherit; } }

.hasFooterHeaderIcon .footerHeaderIcon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 3000px;
  height: 40px;
  display: inline-block;
  vertical-align: baseline; }

footer.inactive #icon-footer-arrow-up {
  visibility: visible; }

footer.inactive #icon-footer-arrow-down {
  visibility: hidden; }

footer.inactive .hasFooterHeaderIcon:hover .footerHeaderIcon path,
footer.inactive .hasFooterHeaderIcon:hover .footerHeaderIcon polyline {
  transform: translateY(-5px); }

footer.active #icon-footer-arrow-up {
  visibility: hidden; }

footer.active #icon-footer-arrow-down {
  visibility: visible; }

footer.active .hasFooterHeaderIcon:hover .footerHeaderIcon path,
footer.active .hasFooterHeaderIcon:hover .footerHeaderIcon polyline {
  transform: translateY(5px); }

.sitemap {
  padding: 0 15px; }
  .sitemap > li {
    float: left;
    margin: 0 1%;
    vertical-align: top; }
    @media (min-width: 1024px) {
      .sitemap > li {
        margin: 0 10px; } }
    .sitemap > li.sitemap_products {
      width: 18%; }
      @media (min-width: 1024px) {
        .sitemap > li.sitemap_products {
          width: auto; } }
    .sitemap > li.sitemap_solutions {
      width: 14%; }
      @media (min-width: 1024px) {
        .sitemap > li.sitemap_solutions {
          width: 110px; } }
    .sitemap > li.sitemap_chiron-group {
      width: 14%; }
      @media (min-width: 1024px) {
        .sitemap > li.sitemap_chiron-group {
          width: 110px; } }
    .sitemap > li.sitemap_news-and-press {
      width: 14%; }
      @media (min-width: 1024px) {
        .sitemap > li.sitemap_news-and-press {
          width: 95px; } }
    .sitemap > li.sitemap_sales-and-service {
      width: 14%; }
      @media (min-width: 1024px) {
        .sitemap > li.sitemap_sales-and-service {
          width: 100px; } }
    .sitemap > li.sitemap_career {
      width: 14%; }
      @media (min-width: 1024px) {
        .sitemap > li.sitemap_career {
          width: 95px; } }
    .sitemap > li.sitemap_contact {
      width: 14%; }
      @media (min-width: 1024px) {
        .sitemap > li.sitemap_contact {
          width: 85px; } }
    .sitemap > li > a {
      font-size: 12px;
      color: #ffffff;
      font-family: "Frutiger Next LT W06 Regular", sans-serif;
      text-decoration: none;
      border-bottom: 1px solid #ffffff;
      margin-bottom: 10px;
      padding-bottom: 4px;
      display: block; }
    .sitemap > li > ul.sitemapLeft {
      float: left;
      width: 88px; }
    .sitemap > li > ul.sitemapRight {
      float: left;
      width: 142px; }
    .sitemap > li > ul > li {
      line-height: 16px; }
      .sitemap > li > ul > li.breaker span {
        background: #b4b4b4;
        height: 1px;
        width: 15px;
        display: block;
        margin: 10px 0; }
      .sitemap > li > ul > li.breaker:last-child {
        display: none; }
      .sitemap > li > ul > li > a {
        font-family: "Frutiger Next LT W06 Regular", sans-serif;
        font-size: 12px;
        color: #b4b4b4;
        text-decoration: none; }
        .sitemap > li > ul > li > a:hover {
          text-decoration: underline; }

.footerContent {
  background-color: #696969;
  overflow: hidden;
  transition: all 250ms ease-in-out;
  display: none; }
  @media (min-width: 768px) {
    .footerContent {
      display: inherit; } }
  .footerContent .footerContentInner {
    padding: 25px 0 45px 0; }

footer.inactive .footerContent {
  height: 0; }

footer.active .footerContent {
  height: 495px; }
  @media (min-width: 1024px) {
    footer.active .footerContent {
      height: 365px; } }

.footerFooter {
  background: #696969;
  padding: 0 4px 10px; }
  .footerFooter .footerFooterInner {
    padding: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .footerFooter .footerFooterInner {
        padding: 0 5px 0 25px; } }
    .footerFooter .footerFooterInner p, .footerFooter .footerFooterInner a {
      font-size: 12px;
      color: #b4b4b4;
      margin: 0;
      padding: 0;
      line-height: 45px; }
    .footerFooter .footerFooterInner a {
      text-decoration: none;
      margin-left: 10px;
      position: relative;
      background: #696969; }
    .footerFooter .footerFooterInner a:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      bottom: 0;
      left: 0;
      background-color: #b4b4b4;
      visibility: hidden;
      transform: scaleX(0);
      transition: all 0.3s ease-in-out; }
    .footerFooter .footerFooterInner a:hover:after {
      visibility: visible;
      transform: scaleX(1); }
    @media (max-width: 768px) {
      .footerFooter .footerFooterInner .floatLeft, .footerFooter .footerFooterInner .floatRight {
        float: none;
        display: block; }
        .footerFooter .footerFooterInner .floatLeft p, .footerFooter .footerFooterInner .floatLeft a, .footerFooter .footerFooterInner .floatRight p, .footerFooter .footerFooterInner .floatRight a {
          line-height: 25px;
          margin-left: 10px; } }
  @media (min-width: 768px) {
    .footerFooter {
      padding: 0 4px; } }

.testWrapper {
  background-color: #696969; }

a.test {
  position: relative;
  color: #b4b4b4;
  text-decoration: none;
  background-color: #696969; }

a.test:hover {
  color: #b4b4b4; }

a.test:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #b4b4b4;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s; }

a.test:hover:before {
  visibility: visible;
  transform: scaleX(1); }

.form-vertical label {
  display: block;
  font-size: 13px; }

.form-vertical input[type="text"], .form-vertical input[type="submit"], .form-vertical select, .form-vertical textarea {
  background: #f2f2f2;
  display: block;
  width: 100%;
  padding: 5px; }

.form-vertical .checkboxOption {
  display: block;
  margin-bottom: 10px;
  padding: 5px; }
  .form-vertical .checkboxOption span {
    display: inline-block; }
  .form-vertical .checkboxOption input[type="checkbox"] {
    margin-right: 5px; }

.form-vertical .checkboxOptionInline {
  display: inline-block;
  margin-right: 20px;
  padding: 5px; }
  .form-vertical .checkboxOptionInline input[type="checkbox"] {
    margin-right: 5px; }

.form-vertical .addParticipent {
  display: block;
  background: #f2f2f2;
  color: #000000;
  padding: 5px;
  text-decoration: none;
  margin-top: 16px;
  width: 29px;
  text-align: center;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
  .form-vertical .addParticipent:hover {
    color: #f2f2f2;
    background: #000000; }

.form-vertical hr {
  border-bottom: 1px solid #f2f2f2;
  margin: 20px 0; }

.form-vertical p {
  margin: 0;
  line-height: 29px; }

.form-vertical .form-group-inline label, .form-vertical .form-group-inline input, .form-vertical .form-group-inline select {
  display: inline-block; }

.form-vertical .indentContentWrapper {
  padding: 0 5px; }
  @media (min-width: 768px) {
    .form-vertical .indentContentWrapper {
      padding: 0 15px;
      margin-bottom: 25px; } }
  .form-vertical .indentContentWrapper .column33, .form-vertical .indentContentWrapper .column50, .form-vertical .indentContentWrapper .column66, .form-vertical .indentContentWrapper .column100 {
    padding: 0 5px; }
  .form-vertical .indentContentWrapper .column {
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .form-vertical .indentContentWrapper .column {
        margin-bottom: 0; } }
    .form-vertical .indentContentWrapper .column .column {
      margin-bottom: 10px;
      padding: 0; }
      @media (min-width: 768px) {
        .form-vertical .indentContentWrapper .column .column {
          padding: 0 0 0 5px; }
          .form-vertical .indentContentWrapper .column .column:first-of-type {
            padding: 0; } }

.form-vertical input[type="submit"] {
  font-size: 16px;
  background: #696969;
  color: #ffffff;
  padding: 12px;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
  .form-vertical input[type="submit"]:hover {
    color: #696969;
    background: #f2f2f2; }

/*! Lity - v1.6.0 - 2016-01-11
* http://sorgalla.com/lity/
* Copyright (c) 2016 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  transition: opacity .3s ease; }

.lity.lity-opened {
  opacity: 1; }

.lity.lity-closed {
  opacity: 0; }

.lity * {
  box-sizing: border-box; }

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important; }

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  opacity: 0;
  transition: opacity .3s ease; }

.lity-loading .lity-loader {
  opacity: 1; }

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important; }

.lity-content {
  z-index: 9993;
  width: 100%;
  transform: scale(1);
  transition: transform .3s ease; }

.lity-loading .lity-content, .lity-closed .lity-content {
  transform: scale(0.8); }

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none; }

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0; }

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none; }

.lity-close:active {
  top: 1px; }

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0; }

.lity-iframe .lity-container {
  width: 100%;
  max-width: 964px; }

.lity-iframe-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

.lity-hide {
  display: none; }

.jqvmap-label {
  position: absolute;
  display: none;
  border-radius: 3px;
  background: #292929;
  color: white;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 3px; }

.jqvmap-zoomin, .jqvmap-zoomout {
  position: absolute;
  left: 10px;
  border-radius: 3px;
  background: #000000;
  padding: 3px;
  color: white;
  width: 10px;
  height: 10px;
  cursor: pointer;
  line-height: 10px;
  text-align: center; }

.jqvmap-zoomin {
  top: 10px; }

.jqvmap-zoomout {
  top: 30px; }

.jqvmap-region {
  cursor: pointer; }

.jqvmap-ajax_response {
  width: 100%;
  height: 500px; }

.wahrewerteHeader {
  background-image: url("/img/specials/headerWahrewerte.jpg");
  background-position: top left;
  background-repeat: no-repeat;
  min-height: 524px; }
  .wahrewerteHeader h1, .wahrewerteHeader h2 {
    color: #fff; }
  .wahrewerteHeader h1 {
    font-size: 35px;
    margin: 0; }
  .wahrewerteHeader h2 {
    font-size: 22px; }
  .wahrewerteHeader .column h3 {
    color: #000;
    font-size: 15px;
    margin: 30px 0 20px;
    max-width: 250px; }
  .wahrewerteHeader .standardList {
    margin-top: 70px; }

.specialMaschineBox .headerImage {
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%; }

.specialMaschineBox h1 {
  margin-bottom: 20px; }

.specialMaschineBox .standardTableHeadline {
  margin-bottom: 5px; }

.specialMaschineBox .price {
  font-family: "Frutiger Next LT W06 Bold", sans-serif; }
  .specialMaschineBox .price span {
    margin-top: 10px;
    font-family: "Frutiger Next LT W06 Bold", sans-serif;
    display: block;
    font-size: 30px;
    line-height: 30px; }

.specialMaschineBox .maschineImage {
  width: 100%;
  max-width: 100%; }
  @media (min-width: 768px) {
    .specialMaschineBox .maschineImage {
      width: auto; } }

.specialMaschineBoxdisclaimer {
  margin: 20px 0; }

.parallax-window h1.black {
  color: #000;
  text-shadow: 0px 0px 15px #fff; }

.body_en .turnkeyNavigationLink2 .text {
  padding-left: 20px; }

.body_en .plantsAndSystemsHeader {
  min-height: 390px; }

.body_en .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetail {
  width: 327px;
  height: 225px; }

.body_en .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries18 {
  height: 240px; }

.body_en .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill {
  width: 380px;
  height: 245px; }
  .body_en .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill .textLeft {
    width: 245px; }

.body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetail {
  width: 327px;
  height: 245px; }

.body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries08 {
  width: 370px;
  height: 225px; }
  .body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries08 .textLeft {
    width: 215px; }

.body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries12 {
  width: 370px;
  height: 225px; }
  .body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries12 .textLeft {
    width: 205px; }

.body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries15 {
  width: 380px;
  height: 235px; }
  .body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries15 .textLeft {
    width: 210px; }

.body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries18 {
  height: 220px;
  width: 360px; }
  .body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries18 .textLeft {
    width: 215px; }

.body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries24 {
  width: 380px;
  height: 220px; }
  .body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries24 .textLeft {
    width: 220px; }

.body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill {
  width: 380px;
  height: 245px; }
  .body_fr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill .textLeft {
    width: 235px; }

.body_fr .swiperWrapperOuter .swiperWrapperInner .swiper-slide .sliderContentBoxInner .sliderContentBoxHover .sliderContentBoxHoverBottom a {
  font-size: 15px; }

.body_fr .inlineNavigationWrapper .inlineNavigation a {
  font-size: 16px; }

.body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetail {
  width: 327px;
  height: 245px; }

.body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries08 {
  width: 370px;
  height: 225px; }
  .body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries08 .textLeft {
    width: 215px; }

.body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries12 {
  width: 370px;
  height: 245px; }
  .body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries12 .textLeft {
    width: 205px; }

.body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries15 {
  width: 380px;
  height: 255px; }
  .body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries15 .textLeft {
    width: 210px; }

.body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries18 {
  height: 250px;
  width: 360px; }
  .body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries18 .textLeft {
    width: 215px; }

.body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries24 {
  width: 380px;
  height: 250px; }
  .body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries24 .textLeft {
    width: 220px; }

.body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill {
  width: 380px;
  height: 245px; }
  .body_it .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill .textLeft {
    width: 235px; }

.body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetail {
  width: 327px;
  height: 245px; }

.body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries08 {
  width: 370px;
  height: 225px; }
  .body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries08 .textLeft {
    width: 215px; }

.body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries12 {
  width: 370px;
  height: 245px; }
  .body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries12 .textLeft {
    width: 205px; }

.body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries15 {
  width: 380px;
  height: 255px; }
  .body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries15 .textLeft {
    width: 210px; }

.body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries18 {
  height: 250px;
  width: 360px; }
  .body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries18 .textLeft {
    width: 215px; }

.body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries24 {
  width: 380px;
  height: 250px; }
  .body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries24 .textLeft {
    width: 220px; }

.body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill {
  width: 380px;
  height: 245px; }
  .body_pl .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill .textLeft {
    width: 235px; }

.body_tr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetail {
  width: 327px;
  height: 245px; }

.body_tr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries12 {
  width: 370px;
  height: 245px; }
  .body_tr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries12 .textLeft {
    width: 205px; }

.body_tr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries24 {
  width: 380px;
  height: 230px; }
  .body_tr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeries24 .textLeft {
    width: 220px; }

.body_tr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill {
  width: 370px;
  height: 260px; }
  .body_tr .seriesOverviewBoxes .seriesOverviewBox:hover .seriesOverviewBoxDetailSeriesMill .textLeft {
    width: 235px; }

.body_cn .boxesSmall .boxSmallWrapper .boxSmall .boxSmallHeader {
  min-height: 70px; }

/*!Animate.css - http://daneden.me/animate Licensed under the MIT license -http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

.animated.hinge {
  animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut {
  animation-duration: .75s; }

.animated.flipOutX, .animated.flipOutY {
  animation-duration: .75s; }

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

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

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  animation-name: flash; }

@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    transform: scale3d(1, 1, 1); } }

.pulse {
  animation-name: pulse; }

@keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  animation-name: rubberBand; }

@keyframes shake {
  0%, 100% {
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0); } }

.shake {
  animation-name: shake; }

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  transform-origin: top center;
  animation-name: swing; }

@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    transform: scale3d(1, 1, 1); } }

.tada {
  animation-name: tada; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    transform: none; } }

.wobble {
  animation-name: wobble; }

@keyframes jello {
  11.1% {
    transform: none; }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }
  100% {
    transform: none; } }

.jello {
  animation-name: jello;
  transform-origin: center; }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  animation-name: bounceIn; }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  100% {
    transform: none; } }

.bounceInDown {
  animation-name: bounceInDown; }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  100% {
    transform: none; } }

.bounceInLeft {
  animation-name: bounceInLeft; }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  100% {
    transform: none; } }

.bounceInRight {
  animation-name: bounceInRight; }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  animation-name: bounceInUp; }

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  animation-name: bounceOut; }

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  animation-name: bounceOutDown; }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  animation-name: bounceOutLeft; }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  animation-name: bounceOutRight; }

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  animation-name: bounceOutUp; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  animation-name: fadeIn; }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.fadeInDown {
  animation-name: fadeInDown; }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.fadeInDownBig {
  animation-name: fadeInDownBig; }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.fadeInLeft {
  animation-name: fadeInLeft; }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.fadeInLeftBig {
  animation-name: fadeInLeftBig; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.fadeInRight {
  animation-name: fadeInRight; }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.fadeInRightBig {
  animation-name: fadeInRightBig; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.fadeInUp {
  animation-name: fadeInUp; }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.fadeInUpBig {
  animation-name: fadeInUpBig; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  animation-name: fadeOutDown; }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig; }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  animation-name: fadeOutRight; }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  animation-name: fadeOutRightBig; }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  animation-name: fadeOutUp; }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  animation-name: fadeOutUpBig; }

@keyframes flip {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in; }
  100% {
    transform: perspective(400px);
    animation-timing-function: ease-in; } }

.animated.flip {
  backface-visibility: visible;
  animation-name: flip; }

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    transform: perspective(400px); } }

.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX; }

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    transform: perspective(400px); } }

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY; }

@keyframes flipOutX {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important; }

@keyframes flipOutY {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg);
    opacity: 1; }
  100% {
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out; }

@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in; }

@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    transform-origin: center;
    transform: none;
    opacity: 1; } }

.rotateIn {
  animation-name: rotateIn; }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  animation-name: rotateInDownLeft; }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownRight {
  animation-name: rotateInDownRight; }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  animation-name: rotateInUpLeft; }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpRight {
  animation-name: rotateInUpRight; }

@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1; }
  100% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  animation-name: rotateOut; }

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft; }

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  animation-name: rotateOutDownRight; }

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft; }

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  animation-name: rotateOutUpRight; }

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  animation-name: hinge; }

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    transform: none; } }

.rollIn {
  animation-name: rollIn; }

@keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  animation-name: rollOut; }

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  animation-name: zoomIn; }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  animation-name: zoomInDown; }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  animation-name: zoomInLeft; }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  animation-name: zoomInRight; }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  animation-name: zoomInUp; }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

.zoomOut {
  animation-name: zoomOut; }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  animation-name: zoomOutDown; }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

.zoomOutLeft {
  animation-name: zoomOutLeft; }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

.zoomOutRight {
  animation-name: zoomOutRight; }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  animation-name: zoomOutUp; }

@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  animation-name: slideInDown; }

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  animation-name: slideInLeft; }

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  animation-name: slideInRight; }

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  animation-name: slideInUp; }

@keyframes slideOutDown {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  animation-name: slideOutDown; }

@keyframes slideOutLeft {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  animation-name: slideOutLeft; }

@keyframes slideOutRight {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  animation-name: slideOutRight; }

@keyframes slideOutUp {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  animation-name: slideOutUp; }

/**
 * Swiper 3.2.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: December 7, 2015
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: transform,height; }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px; }

.swiper-container-3d {
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  transform-origin: 0 0;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  filter: blur(50px);
  z-index: 0; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

@charset "UTF-8";
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.2857142857em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.8571428571em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 22px;
  line-height: 15px;
  border: 1px solid #ccc; }
  .flag-icon:before {
    content: '\00a0'; }
  .flag-icon.flag-icon-squared {
    width: 1em; }

.flag-icon-ad {
  background-image: url(../img/flags/4x3/ad.svg); }
  .flag-icon-ad.flag-icon-squared {
    background-image: url(../img/flags/1x1/ad.svg); }

.flag-icon-ae {
  background-image: url(../img/flags/4x3/ae.svg); }
  .flag-icon-ae.flag-icon-squared {
    background-image: url(../img/flags/1x1/ae.svg); }

.flag-icon-af {
  background-image: url(../img/flags/4x3/af.svg); }
  .flag-icon-af.flag-icon-squared {
    background-image: url(../img/flags/1x1/af.svg); }

.flag-icon-ag {
  background-image: url(../img/flags/4x3/ag.svg); }
  .flag-icon-ag.flag-icon-squared {
    background-image: url(../img/flags/1x1/ag.svg); }

.flag-icon-ai {
  background-image: url(../img/flags/4x3/ai.svg); }
  .flag-icon-ai.flag-icon-squared {
    background-image: url(../img/flags/1x1/ai.svg); }

.flag-icon-al {
  background-image: url(../img/flags/4x3/al.svg); }
  .flag-icon-al.flag-icon-squared {
    background-image: url(../img/flags/1x1/al.svg); }

.flag-icon-am {
  background-image: url(../img/flags/4x3/am.svg); }
  .flag-icon-am.flag-icon-squared {
    background-image: url(../img/flags/1x1/am.svg); }

.flag-icon-ao {
  background-image: url(../img/flags/4x3/ao.svg); }
  .flag-icon-ao.flag-icon-squared {
    background-image: url(../img/flags/1x1/ao.svg); }

.flag-icon-aq {
  background-image: url(../img/flags/4x3/aq.svg); }
  .flag-icon-aq.flag-icon-squared {
    background-image: url(../img/flags/1x1/aq.svg); }

.flag-icon-ar {
  background-image: url(../img/flags/4x3/ar.svg); }
  .flag-icon-ar.flag-icon-squared {
    background-image: url(../img/flags/1x1/ar.svg); }

.flag-icon-as {
  background-image: url(../img/flags/4x3/as.svg); }
  .flag-icon-as.flag-icon-squared {
    background-image: url(../img/flags/1x1/as.svg); }

.flag-icon-at {
  background-image: url(../img/flags/4x3/at.svg); }
  .flag-icon-at.flag-icon-squared {
    background-image: url(../img/flags/1x1/at.svg); }

.flag-icon-au {
  background-image: url(../img/flags/4x3/au.svg); }
  .flag-icon-au.flag-icon-squared {
    background-image: url(../img/flags/1x1/au.svg); }

.flag-icon-aw {
  background-image: url(../img/flags/4x3/aw.svg); }
  .flag-icon-aw.flag-icon-squared {
    background-image: url(../img/flags/1x1/aw.svg); }

.flag-icon-ax {
  background-image: url(../img/flags/4x3/ax.svg); }
  .flag-icon-ax.flag-icon-squared {
    background-image: url(../img/flags/1x1/ax.svg); }

.flag-icon-az {
  background-image: url(../img/flags/4x3/az.svg); }
  .flag-icon-az.flag-icon-squared {
    background-image: url(../img/flags/1x1/az.svg); }

.flag-icon-ba {
  background-image: url(../img/flags/4x3/ba.svg); }
  .flag-icon-ba.flag-icon-squared {
    background-image: url(../img/flags/1x1/ba.svg); }

.flag-icon-bb {
  background-image: url(../img/flags/4x3/bb.svg); }
  .flag-icon-bb.flag-icon-squared {
    background-image: url(../img/flags/1x1/bb.svg); }

.flag-icon-bd {
  background-image: url(../img/flags/4x3/bd.svg); }
  .flag-icon-bd.flag-icon-squared {
    background-image: url(../img/flags/1x1/bd.svg); }

.flag-icon-be {
  background-image: url(../img/flags/4x3/be.svg); }
  .flag-icon-be.flag-icon-squared {
    background-image: url(../img/flags/1x1/be.svg); }

.flag-icon-bf {
  background-image: url(../img/flags/4x3/bf.svg); }
  .flag-icon-bf.flag-icon-squared {
    background-image: url(../img/flags/1x1/bf.svg); }

.flag-icon-bg {
  background-image: url(../img/flags/4x3/bg.svg); }
  .flag-icon-bg.flag-icon-squared {
    background-image: url(../img/flags/1x1/bg.svg); }

.flag-icon-bh {
  background-image: url(../img/flags/4x3/bh.svg); }
  .flag-icon-bh.flag-icon-squared {
    background-image: url(../img/flags/1x1/bh.svg); }

.flag-icon-bi {
  background-image: url(../img/flags/4x3/bi.svg); }
  .flag-icon-bi.flag-icon-squared {
    background-image: url(../img/flags/1x1/bi.svg); }

.flag-icon-bj {
  background-image: url(../img/flags/4x3/bj.svg); }
  .flag-icon-bj.flag-icon-squared {
    background-image: url(../img/flags/1x1/bj.svg); }

.flag-icon-bl {
  background-image: url(../img/flags/4x3/bl.svg); }
  .flag-icon-bl.flag-icon-squared {
    background-image: url(../img/flags/1x1/bl.svg); }

.flag-icon-bm {
  background-image: url(../img/flags/4x3/bm.svg); }
  .flag-icon-bm.flag-icon-squared {
    background-image: url(../img/flags/1x1/bm.svg); }

.flag-icon-bn {
  background-image: url(../img/flags/4x3/bn.svg); }
  .flag-icon-bn.flag-icon-squared {
    background-image: url(../img/flags/1x1/bn.svg); }

.flag-icon-bo {
  background-image: url(../img/flags/4x3/bo.svg); }
  .flag-icon-bo.flag-icon-squared {
    background-image: url(../img/flags/1x1/bo.svg); }

.flag-icon-bq {
  background-image: url(../img/flags/4x3/bq.svg); }
  .flag-icon-bq.flag-icon-squared {
    background-image: url(../img/flags/1x1/bq.svg); }

.flag-icon-br {
  background-image: url(../img/flags/4x3/br.svg); }
  .flag-icon-br.flag-icon-squared {
    background-image: url(../img/flags/1x1/br.svg); }

.flag-icon-bs {
  background-image: url(../img/flags/4x3/bs.svg); }
  .flag-icon-bs.flag-icon-squared {
    background-image: url(../img/flags/1x1/bs.svg); }

.flag-icon-bt {
  background-image: url(../img/flags/4x3/bt.svg); }
  .flag-icon-bt.flag-icon-squared {
    background-image: url(../img/flags/1x1/bt.svg); }

.flag-icon-bv {
  background-image: url(../img/flags/4x3/bv.svg); }
  .flag-icon-bv.flag-icon-squared {
    background-image: url(../img/flags/1x1/bv.svg); }

.flag-icon-bw {
  background-image: url(../img/flags/4x3/bw.svg); }
  .flag-icon-bw.flag-icon-squared {
    background-image: url(../img/flags/1x1/bw.svg); }

.flag-icon-by {
  background-image: url(../img/flags/4x3/by.svg); }
  .flag-icon-by.flag-icon-squared {
    background-image: url(../img/flags/1x1/by.svg); }

.flag-icon-bz {
  background-image: url(../img/flags/4x3/bz.svg); }
  .flag-icon-bz.flag-icon-squared {
    background-image: url(../img/flags/1x1/bz.svg); }

.flag-icon-ca {
  background-image: url(../img/flags/4x3/ca.svg); }
  .flag-icon-ca.flag-icon-squared {
    background-image: url(../img/flags/1x1/ca.svg); }

.flag-icon-cc {
  background-image: url(../img/flags/4x3/cc.svg); }
  .flag-icon-cc.flag-icon-squared {
    background-image: url(../img/flags/1x1/cc.svg); }

.flag-icon-cd {
  background-image: url(../img/flags/4x3/cd.svg); }
  .flag-icon-cd.flag-icon-squared {
    background-image: url(../img/flags/1x1/cd.svg); }

.flag-icon-cf {
  background-image: url(../img/flags/4x3/cf.svg); }
  .flag-icon-cf.flag-icon-squared {
    background-image: url(../img/flags/1x1/cf.svg); }

.flag-icon-cg {
  background-image: url(../img/flags/4x3/cg.svg); }
  .flag-icon-cg.flag-icon-squared {
    background-image: url(../img/flags/1x1/cg.svg); }

.flag-icon-ch {
  background-image: url(../img/flags/4x3/ch.svg); }
  .flag-icon-ch.flag-icon-squared {
    background-image: url(../img/flags/1x1/ch.svg); }

.flag-icon-ci {
  background-image: url(../img/flags/4x3/ci.svg); }
  .flag-icon-ci.flag-icon-squared {
    background-image: url(../img/flags/1x1/ci.svg); }

.flag-icon-ck {
  background-image: url(../img/flags/4x3/ck.svg); }
  .flag-icon-ck.flag-icon-squared {
    background-image: url(../img/flags/1x1/ck.svg); }

.flag-icon-cl {
  background-image: url(../img/flags/4x3/cl.svg); }
  .flag-icon-cl.flag-icon-squared {
    background-image: url(../img/flags/1x1/cl.svg); }

.flag-icon-cm {
  background-image: url(../img/flags/4x3/cm.svg); }
  .flag-icon-cm.flag-icon-squared {
    background-image: url(../img/flags/1x1/cm.svg); }

.flag-icon-cn {
  background-image: url(../img/flags/4x3/cn.svg); }
  .flag-icon-cn.flag-icon-squared {
    background-image: url(../img/flags/1x1/cn.svg); }

.flag-icon-co {
  background-image: url(../img/flags/4x3/co.svg); }
  .flag-icon-co.flag-icon-squared {
    background-image: url(../img/flags/1x1/co.svg); }

.flag-icon-cr {
  background-image: url(../img/flags/4x3/cr.svg); }
  .flag-icon-cr.flag-icon-squared {
    background-image: url(../img/flags/1x1/cr.svg); }

.flag-icon-cu {
  background-image: url(../img/flags/4x3/cu.svg); }
  .flag-icon-cu.flag-icon-squared {
    background-image: url(../img/flags/1x1/cu.svg); }

.flag-icon-cv {
  background-image: url(../img/flags/4x3/cv.svg); }
  .flag-icon-cv.flag-icon-squared {
    background-image: url(../img/flags/1x1/cv.svg); }

.flag-icon-cw {
  background-image: url(../img/flags/4x3/cw.svg); }
  .flag-icon-cw.flag-icon-squared {
    background-image: url(../img/flags/1x1/cw.svg); }

.flag-icon-cx {
  background-image: url(../img/flags/4x3/cx.svg); }
  .flag-icon-cx.flag-icon-squared {
    background-image: url(../img/flags/1x1/cx.svg); }

.flag-icon-cy {
  background-image: url(../img/flags/4x3/cy.svg); }
  .flag-icon-cy.flag-icon-squared {
    background-image: url(../img/flags/1x1/cy.svg); }

.flag-icon-cz {
  background-image: url(../img/flags/4x3/cz.svg); }
  .flag-icon-cz.flag-icon-squared {
    background-image: url(../img/flags/1x1/cz.svg); }

.flag-icon-de {
  background-image: url(../img/flags/4x3/de.svg); }
  .flag-icon-de.flag-icon-squared {
    background-image: url(../img/flags/1x1/de.svg); }

.flag-icon-dj {
  background-image: url(../img/flags/4x3/dj.svg); }
  .flag-icon-dj.flag-icon-squared {
    background-image: url(../img/flags/1x1/dj.svg); }

.flag-icon-dk {
  background-image: url(../img/flags/4x3/dk.svg); }
  .flag-icon-dk.flag-icon-squared {
    background-image: url(../img/flags/1x1/dk.svg); }

.flag-icon-dm {
  background-image: url(../img/flags/4x3/dm.svg); }
  .flag-icon-dm.flag-icon-squared {
    background-image: url(../img/flags/1x1/dm.svg); }

.flag-icon-do {
  background-image: url(../img/flags/4x3/do.svg); }
  .flag-icon-do.flag-icon-squared {
    background-image: url(../img/flags/1x1/do.svg); }

.flag-icon-dz {
  background-image: url(../img/flags/4x3/dz.svg); }
  .flag-icon-dz.flag-icon-squared {
    background-image: url(../img/flags/1x1/dz.svg); }

.flag-icon-ec {
  background-image: url(../img/flags/4x3/ec.svg); }
  .flag-icon-ec.flag-icon-squared {
    background-image: url(../img/flags/1x1/ec.svg); }

.flag-icon-ee {
  background-image: url(../img/flags/4x3/ee.svg); }
  .flag-icon-ee.flag-icon-squared {
    background-image: url(../img/flags/1x1/ee.svg); }

.flag-icon-eg {
  background-image: url(../img/flags/4x3/eg.svg); }
  .flag-icon-eg.flag-icon-squared {
    background-image: url(../img/flags/1x1/eg.svg); }

.flag-icon-eh {
  background-image: url(../img/flags/4x3/eh.svg); }
  .flag-icon-eh.flag-icon-squared {
    background-image: url(../img/flags/1x1/eh.svg); }

.flag-icon-er {
  background-image: url(../img/flags/4x3/er.svg); }
  .flag-icon-er.flag-icon-squared {
    background-image: url(../img/flags/1x1/er.svg); }

.flag-icon-es {
  background-image: url(../img/flags/4x3/es.svg); }
  .flag-icon-es.flag-icon-squared {
    background-image: url(../img/flags/1x1/es.svg); }

.flag-icon-et {
  background-image: url(../img/flags/4x3/et.svg); }
  .flag-icon-et.flag-icon-squared {
    background-image: url(../img/flags/1x1/et.svg); }

.flag-icon-fi {
  background-image: url(../img/flags/4x3/fi.svg); }
  .flag-icon-fi.flag-icon-squared {
    background-image: url(../img/flags/1x1/fi.svg); }

.flag-icon-fj {
  background-image: url(../img/flags/4x3/fj.svg); }
  .flag-icon-fj.flag-icon-squared {
    background-image: url(../img/flags/1x1/fj.svg); }

.flag-icon-fk {
  background-image: url(../img/flags/4x3/fk.svg); }
  .flag-icon-fk.flag-icon-squared {
    background-image: url(../img/flags/1x1/fk.svg); }

.flag-icon-fm {
  background-image: url(../img/flags/4x3/fm.svg); }
  .flag-icon-fm.flag-icon-squared {
    background-image: url(../img/flags/1x1/fm.svg); }

.flag-icon-fo {
  background-image: url(../img/flags/4x3/fo.svg); }
  .flag-icon-fo.flag-icon-squared {
    background-image: url(../img/flags/1x1/fo.svg); }

.flag-icon-fr {
  background-image: url(../img/flags/4x3/fr.svg); }
  .flag-icon-fr.flag-icon-squared {
    background-image: url(../img/flags/1x1/fr.svg); }

.flag-icon-ga {
  background-image: url(../img/flags/4x3/ga.svg); }
  .flag-icon-ga.flag-icon-squared {
    background-image: url(../img/flags/1x1/ga.svg); }

.flag-icon-gb {
  background-image: url(../img/flags/4x3/gb.svg); }
  .flag-icon-gb.flag-icon-squared {
    background-image: url(../img/flags/1x1/gb.svg); }

.flag-icon-gd {
  background-image: url(../img/flags/4x3/gd.svg); }
  .flag-icon-gd.flag-icon-squared {
    background-image: url(../img/flags/1x1/gd.svg); }

.flag-icon-ge {
  background-image: url(../img/flags/4x3/ge.svg); }
  .flag-icon-ge.flag-icon-squared {
    background-image: url(../img/flags/1x1/ge.svg); }

.flag-icon-gf {
  background-image: url(../img/flags/4x3/gf.svg); }
  .flag-icon-gf.flag-icon-squared {
    background-image: url(../img/flags/1x1/gf.svg); }

.flag-icon-gg {
  background-image: url(../img/flags/4x3/gg.svg); }
  .flag-icon-gg.flag-icon-squared {
    background-image: url(../img/flags/1x1/gg.svg); }

.flag-icon-gh {
  background-image: url(../img/flags/4x3/gh.svg); }
  .flag-icon-gh.flag-icon-squared {
    background-image: url(../img/flags/1x1/gh.svg); }

.flag-icon-gi {
  background-image: url(../img/flags/4x3/gi.svg); }
  .flag-icon-gi.flag-icon-squared {
    background-image: url(../img/flags/1x1/gi.svg); }

.flag-icon-gl {
  background-image: url(../img/flags/4x3/gl.svg); }
  .flag-icon-gl.flag-icon-squared {
    background-image: url(../img/flags/1x1/gl.svg); }

.flag-icon-gm {
  background-image: url(../img/flags/4x3/gm.svg); }
  .flag-icon-gm.flag-icon-squared {
    background-image: url(../img/flags/1x1/gm.svg); }

.flag-icon-gn {
  background-image: url(../img/flags/4x3/gn.svg); }
  .flag-icon-gn.flag-icon-squared {
    background-image: url(../img/flags/1x1/gn.svg); }

.flag-icon-gp {
  background-image: url(../img/flags/4x3/gp.svg); }
  .flag-icon-gp.flag-icon-squared {
    background-image: url(../img/flags/1x1/gp.svg); }

.flag-icon-gq {
  background-image: url(../img/flags/4x3/gq.svg); }
  .flag-icon-gq.flag-icon-squared {
    background-image: url(../img/flags/1x1/gq.svg); }

.flag-icon-gr {
  background-image: url(../img/flags/4x3/gr.svg); }
  .flag-icon-gr.flag-icon-squared {
    background-image: url(../img/flags/1x1/gr.svg); }

.flag-icon-gs {
  background-image: url(../img/flags/4x3/gs.svg); }
  .flag-icon-gs.flag-icon-squared {
    background-image: url(../img/flags/1x1/gs.svg); }

.flag-icon-gt {
  background-image: url(../img/flags/4x3/gt.svg); }
  .flag-icon-gt.flag-icon-squared {
    background-image: url(../img/flags/1x1/gt.svg); }

.flag-icon-gu {
  background-image: url(../img/flags/4x3/gu.svg); }
  .flag-icon-gu.flag-icon-squared {
    background-image: url(../img/flags/1x1/gu.svg); }

.flag-icon-gw {
  background-image: url(../img/flags/4x3/gw.svg); }
  .flag-icon-gw.flag-icon-squared {
    background-image: url(../img/flags/1x1/gw.svg); }

.flag-icon-gy {
  background-image: url(../img/flags/4x3/gy.svg); }
  .flag-icon-gy.flag-icon-squared {
    background-image: url(../img/flags/1x1/gy.svg); }

.flag-icon-hk {
  background-image: url(../img/flags/4x3/hk.svg); }
  .flag-icon-hk.flag-icon-squared {
    background-image: url(../img/flags/1x1/hk.svg); }

.flag-icon-hm {
  background-image: url(../img/flags/4x3/hm.svg); }
  .flag-icon-hm.flag-icon-squared {
    background-image: url(../img/flags/1x1/hm.svg); }

.flag-icon-hn {
  background-image: url(../img/flags/4x3/hn.svg); }
  .flag-icon-hn.flag-icon-squared {
    background-image: url(../img/flags/1x1/hn.svg); }

.flag-icon-hr {
  background-image: url(../img/flags/4x3/hr.svg); }
  .flag-icon-hr.flag-icon-squared {
    background-image: url(../img/flags/1x1/hr.svg); }

.flag-icon-ht {
  background-image: url(../img/flags/4x3/ht.svg); }
  .flag-icon-ht.flag-icon-squared {
    background-image: url(../img/flags/1x1/ht.svg); }

.flag-icon-hu {
  background-image: url(../img/flags/4x3/hu.svg); }
  .flag-icon-hu.flag-icon-squared {
    background-image: url(../img/flags/1x1/hu.svg); }

.flag-icon-id {
  background-image: url(../img/flags/4x3/id.svg); }
  .flag-icon-id.flag-icon-squared {
    background-image: url(../img/flags/1x1/id.svg); }

.flag-icon-ie {
  background-image: url(../img/flags/4x3/ie.svg); }
  .flag-icon-ie.flag-icon-squared {
    background-image: url(../img/flags/1x1/ie.svg); }

.flag-icon-il {
  background-image: url(../img/flags/4x3/il.svg); }
  .flag-icon-il.flag-icon-squared {
    background-image: url(../img/flags/1x1/il.svg); }

.flag-icon-im {
  background-image: url(../img/flags/4x3/im.svg); }
  .flag-icon-im.flag-icon-squared {
    background-image: url(../img/flags/1x1/im.svg); }

.flag-icon-in {
  background-image: url(../img/flags/4x3/in.svg); }
  .flag-icon-in.flag-icon-squared {
    background-image: url(../img/flags/1x1/in.svg); }

.flag-icon-io {
  background-image: url(../img/flags/4x3/io.svg); }
  .flag-icon-io.flag-icon-squared {
    background-image: url(../img/flags/1x1/io.svg); }

.flag-icon-iq {
  background-image: url(../img/flags/4x3/iq.svg); }
  .flag-icon-iq.flag-icon-squared {
    background-image: url(../img/flags/1x1/iq.svg); }

.flag-icon-ir {
  background-image: url(../img/flags/4x3/ir.svg); }
  .flag-icon-ir.flag-icon-squared {
    background-image: url(../img/flags/1x1/ir.svg); }

.flag-icon-is {
  background-image: url(../img/flags/4x3/is.svg); }
  .flag-icon-is.flag-icon-squared {
    background-image: url(../img/flags/1x1/is.svg); }

.flag-icon-it {
  background-image: url(../img/flags/4x3/it.svg); }
  .flag-icon-it.flag-icon-squared {
    background-image: url(../img/flags/1x1/it.svg); }

.flag-icon-je {
  background-image: url(../img/flags/4x3/je.svg); }
  .flag-icon-je.flag-icon-squared {
    background-image: url(../img/flags/1x1/je.svg); }

.flag-icon-jm {
  background-image: url(../img/flags/4x3/jm.svg); }
  .flag-icon-jm.flag-icon-squared {
    background-image: url(../img/flags/1x1/jm.svg); }

.flag-icon-jo {
  background-image: url(../img/flags/4x3/jo.svg); }
  .flag-icon-jo.flag-icon-squared {
    background-image: url(../img/flags/1x1/jo.svg); }

.flag-icon-jp {
  background-image: url(../img/flags/4x3/jp.svg); }
  .flag-icon-jp.flag-icon-squared {
    background-image: url(../img/flags/1x1/jp.svg); }

.flag-icon-ke {
  background-image: url(../img/flags/4x3/ke.svg); }
  .flag-icon-ke.flag-icon-squared {
    background-image: url(../img/flags/1x1/ke.svg); }

.flag-icon-kg {
  background-image: url(../img/flags/4x3/kg.svg); }
  .flag-icon-kg.flag-icon-squared {
    background-image: url(../img/flags/1x1/kg.svg); }

.flag-icon-kh {
  background-image: url(../img/flags/4x3/kh.svg); }
  .flag-icon-kh.flag-icon-squared {
    background-image: url(../img/flags/1x1/kh.svg); }

.flag-icon-ki {
  background-image: url(../img/flags/4x3/ki.svg); }
  .flag-icon-ki.flag-icon-squared {
    background-image: url(../img/flags/1x1/ki.svg); }

.flag-icon-km {
  background-image: url(../img/flags/4x3/km.svg); }
  .flag-icon-km.flag-icon-squared {
    background-image: url(../img/flags/1x1/km.svg); }

.flag-icon-kn {
  background-image: url(../img/flags/4x3/kn.svg); }
  .flag-icon-kn.flag-icon-squared {
    background-image: url(../img/flags/1x1/kn.svg); }

.flag-icon-kp {
  background-image: url(../img/flags/4x3/kp.svg); }
  .flag-icon-kp.flag-icon-squared {
    background-image: url(../img/flags/1x1/kp.svg); }

.flag-icon-kr {
  background-image: url(../img/flags/4x3/kr.svg); }
  .flag-icon-kr.flag-icon-squared {
    background-image: url(../img/flags/1x1/kr.svg); }

.flag-icon-kw {
  background-image: url(../img/flags/4x3/kw.svg); }
  .flag-icon-kw.flag-icon-squared {
    background-image: url(../img/flags/1x1/kw.svg); }

.flag-icon-ky {
  background-image: url(../img/flags/4x3/ky.svg); }
  .flag-icon-ky.flag-icon-squared {
    background-image: url(../img/flags/1x1/ky.svg); }

.flag-icon-kz {
  background-image: url(../img/flags/4x3/kz.svg); }
  .flag-icon-kz.flag-icon-squared {
    background-image: url(../img/flags/1x1/kz.svg); }

.flag-icon-la {
  background-image: url(../img/flags/4x3/la.svg); }
  .flag-icon-la.flag-icon-squared {
    background-image: url(../img/flags/1x1/la.svg); }

.flag-icon-lb {
  background-image: url(../img/flags/4x3/lb.svg); }
  .flag-icon-lb.flag-icon-squared {
    background-image: url(../img/flags/1x1/lb.svg); }

.flag-icon-lc {
  background-image: url(../img/flags/4x3/lc.svg); }
  .flag-icon-lc.flag-icon-squared {
    background-image: url(../img/flags/1x1/lc.svg); }

.flag-icon-li {
  background-image: url(../img/flags/4x3/li.svg); }
  .flag-icon-li.flag-icon-squared {
    background-image: url(../img/flags/1x1/li.svg); }

.flag-icon-lk {
  background-image: url(../img/flags/4x3/lk.svg); }
  .flag-icon-lk.flag-icon-squared {
    background-image: url(../img/flags/1x1/lk.svg); }

.flag-icon-lr {
  background-image: url(../img/flags/4x3/lr.svg); }
  .flag-icon-lr.flag-icon-squared {
    background-image: url(../img/flags/1x1/lr.svg); }

.flag-icon-ls {
  background-image: url(../img/flags/4x3/ls.svg); }
  .flag-icon-ls.flag-icon-squared {
    background-image: url(../img/flags/1x1/ls.svg); }

.flag-icon-lt {
  background-image: url(../img/flags/4x3/lt.svg); }
  .flag-icon-lt.flag-icon-squared {
    background-image: url(../img/flags/1x1/lt.svg); }

.flag-icon-lu {
  background-image: url(../img/flags/4x3/lu.svg); }
  .flag-icon-lu.flag-icon-squared {
    background-image: url(../img/flags/1x1/lu.svg); }

.flag-icon-lv {
  background-image: url(../img/flags/4x3/lv.svg); }
  .flag-icon-lv.flag-icon-squared {
    background-image: url(../img/flags/1x1/lv.svg); }

.flag-icon-ly {
  background-image: url(../img/flags/4x3/ly.svg); }
  .flag-icon-ly.flag-icon-squared {
    background-image: url(../img/flags/1x1/ly.svg); }

.flag-icon-ma {
  background-image: url(../img/flags/4x3/ma.svg); }
  .flag-icon-ma.flag-icon-squared {
    background-image: url(../img/flags/1x1/ma.svg); }

.flag-icon-mc {
  background-image: url(../img/flags/4x3/mc.svg); }
  .flag-icon-mc.flag-icon-squared {
    background-image: url(../img/flags/1x1/mc.svg); }

.flag-icon-md {
  background-image: url(../img/flags/4x3/md.svg); }
  .flag-icon-md.flag-icon-squared {
    background-image: url(../img/flags/1x1/md.svg); }

.flag-icon-me {
  background-image: url(../img/flags/4x3/me.svg); }
  .flag-icon-me.flag-icon-squared {
    background-image: url(../img/flags/1x1/me.svg); }

.flag-icon-mf {
  background-image: url(../img/flags/4x3/mf.svg); }
  .flag-icon-mf.flag-icon-squared {
    background-image: url(../img/flags/1x1/mf.svg); }

.flag-icon-mg {
  background-image: url(../img/flags/4x3/mg.svg); }
  .flag-icon-mg.flag-icon-squared {
    background-image: url(../img/flags/1x1/mg.svg); }

.flag-icon-mh {
  background-image: url(../img/flags/4x3/mh.svg); }
  .flag-icon-mh.flag-icon-squared {
    background-image: url(../img/flags/1x1/mh.svg); }

.flag-icon-mk {
  background-image: url(../img/flags/4x3/mk.svg); }
  .flag-icon-mk.flag-icon-squared {
    background-image: url(../img/flags/1x1/mk.svg); }

.flag-icon-ml {
  background-image: url(../img/flags/4x3/ml.svg); }
  .flag-icon-ml.flag-icon-squared {
    background-image: url(../img/flags/1x1/ml.svg); }

.flag-icon-mm {
  background-image: url(../img/flags/4x3/mm.svg); }
  .flag-icon-mm.flag-icon-squared {
    background-image: url(../img/flags/1x1/mm.svg); }

.flag-icon-mn {
  background-image: url(../img/flags/4x3/mn.svg); }
  .flag-icon-mn.flag-icon-squared {
    background-image: url(../img/flags/1x1/mn.svg); }

.flag-icon-mo {
  background-image: url(../img/flags/4x3/mo.svg); }
  .flag-icon-mo.flag-icon-squared {
    background-image: url(../img/flags/1x1/mo.svg); }

.flag-icon-mp {
  background-image: url(../img/flags/4x3/mp.svg); }
  .flag-icon-mp.flag-icon-squared {
    background-image: url(../img/flags/1x1/mp.svg); }

.flag-icon-mq {
  background-image: url(../img/flags/4x3/mq.svg); }
  .flag-icon-mq.flag-icon-squared {
    background-image: url(../img/flags/1x1/mq.svg); }

.flag-icon-mr {
  background-image: url(../img/flags/4x3/mr.svg); }
  .flag-icon-mr.flag-icon-squared {
    background-image: url(../img/flags/1x1/mr.svg); }

.flag-icon-ms {
  background-image: url(../img/flags/4x3/ms.svg); }
  .flag-icon-ms.flag-icon-squared {
    background-image: url(../img/flags/1x1/ms.svg); }

.flag-icon-mt {
  background-image: url(../img/flags/4x3/mt.svg); }
  .flag-icon-mt.flag-icon-squared {
    background-image: url(../img/flags/1x1/mt.svg); }

.flag-icon-mu {
  background-image: url(../img/flags/4x3/mu.svg); }
  .flag-icon-mu.flag-icon-squared {
    background-image: url(../img/flags/1x1/mu.svg); }

.flag-icon-mv {
  background-image: url(../img/flags/4x3/mv.svg); }
  .flag-icon-mv.flag-icon-squared {
    background-image: url(../img/flags/1x1/mv.svg); }

.flag-icon-mw {
  background-image: url(../img/flags/4x3/mw.svg); }
  .flag-icon-mw.flag-icon-squared {
    background-image: url(../img/flags/1x1/mw.svg); }

.flag-icon-mx {
  background-image: url(../img/flags/4x3/mx.svg); }
  .flag-icon-mx.flag-icon-squared {
    background-image: url(../img/flags/1x1/mx.svg); }

.flag-icon-my {
  background-image: url(../img/flags/4x3/my.svg); }
  .flag-icon-my.flag-icon-squared {
    background-image: url(../img/flags/1x1/my.svg); }

.flag-icon-mz {
  background-image: url(../img/flags/4x3/mz.svg); }
  .flag-icon-mz.flag-icon-squared {
    background-image: url(../img/flags/1x1/mz.svg); }

.flag-icon-na {
  background-image: url(../img/flags/4x3/na.svg); }
  .flag-icon-na.flag-icon-squared {
    background-image: url(../img/flags/1x1/na.svg); }

.flag-icon-nc {
  background-image: url(../img/flags/4x3/nc.svg); }
  .flag-icon-nc.flag-icon-squared {
    background-image: url(../img/flags/1x1/nc.svg); }

.flag-icon-ne {
  background-image: url(../img/flags/4x3/ne.svg); }
  .flag-icon-ne.flag-icon-squared {
    background-image: url(../img/flags/1x1/ne.svg); }

.flag-icon-nf {
  background-image: url(../img/flags/4x3/nf.svg); }
  .flag-icon-nf.flag-icon-squared {
    background-image: url(../img/flags/1x1/nf.svg); }

.flag-icon-ng {
  background-image: url(../img/flags/4x3/ng.svg); }
  .flag-icon-ng.flag-icon-squared {
    background-image: url(../img/flags/1x1/ng.svg); }

.flag-icon-ni {
  background-image: url(../img/flags/4x3/ni.svg); }
  .flag-icon-ni.flag-icon-squared {
    background-image: url(../img/flags/1x1/ni.svg); }

.flag-icon-nl {
  background-image: url(../img/flags/4x3/nl.svg); }
  .flag-icon-nl.flag-icon-squared {
    background-image: url(../img/flags/1x1/nl.svg); }

.flag-icon-no {
  background-image: url(../img/flags/4x3/no.svg); }
  .flag-icon-no.flag-icon-squared {
    background-image: url(../img/flags/1x1/no.svg); }

.flag-icon-np {
  background-image: url(../img/flags/4x3/np.svg); }
  .flag-icon-np.flag-icon-squared {
    background-image: url(../img/flags/1x1/np.svg); }

.flag-icon-nr {
  background-image: url(../img/flags/4x3/nr.svg); }
  .flag-icon-nr.flag-icon-squared {
    background-image: url(../img/flags/1x1/nr.svg); }

.flag-icon-nu {
  background-image: url(../img/flags/4x3/nu.svg); }
  .flag-icon-nu.flag-icon-squared {
    background-image: url(../img/flags/1x1/nu.svg); }

.flag-icon-nz {
  background-image: url(../img/flags/4x3/nz.svg); }
  .flag-icon-nz.flag-icon-squared {
    background-image: url(../img/flags/1x1/nz.svg); }

.flag-icon-om {
  background-image: url(../img/flags/4x3/om.svg); }
  .flag-icon-om.flag-icon-squared {
    background-image: url(../img/flags/1x1/om.svg); }

.flag-icon-pa {
  background-image: url(../img/flags/4x3/pa.svg); }
  .flag-icon-pa.flag-icon-squared {
    background-image: url(../img/flags/1x1/pa.svg); }

.flag-icon-pe {
  background-image: url(../img/flags/4x3/pe.svg); }
  .flag-icon-pe.flag-icon-squared {
    background-image: url(../img/flags/1x1/pe.svg); }

.flag-icon-pf {
  background-image: url(../img/flags/4x3/pf.svg); }
  .flag-icon-pf.flag-icon-squared {
    background-image: url(../img/flags/1x1/pf.svg); }

.flag-icon-pg {
  background-image: url(../img/flags/4x3/pg.svg); }
  .flag-icon-pg.flag-icon-squared {
    background-image: url(../img/flags/1x1/pg.svg); }

.flag-icon-ph {
  background-image: url(../img/flags/4x3/ph.svg); }
  .flag-icon-ph.flag-icon-squared {
    background-image: url(../img/flags/1x1/ph.svg); }

.flag-icon-pk {
  background-image: url(../img/flags/4x3/pk.svg); }
  .flag-icon-pk.flag-icon-squared {
    background-image: url(../img/flags/1x1/pk.svg); }

.flag-icon-pl {
  background-image: url(../img/flags/4x3/pl.svg); }
  .flag-icon-pl.flag-icon-squared {
    background-image: url(../img/flags/1x1/pl.svg); }

.flag-icon-pm {
  background-image: url(../img/flags/4x3/pm.svg); }
  .flag-icon-pm.flag-icon-squared {
    background-image: url(../img/flags/1x1/pm.svg); }

.flag-icon-pn {
  background-image: url(../img/flags/4x3/pn.svg); }
  .flag-icon-pn.flag-icon-squared {
    background-image: url(../img/flags/1x1/pn.svg); }

.flag-icon-pr {
  background-image: url(../img/flags/4x3/pr.svg); }
  .flag-icon-pr.flag-icon-squared {
    background-image: url(../img/flags/1x1/pr.svg); }

.flag-icon-ps {
  background-image: url(../img/flags/4x3/ps.svg); }
  .flag-icon-ps.flag-icon-squared {
    background-image: url(../img/flags/1x1/ps.svg); }

.flag-icon-pt {
  background-image: url(../img/flags/4x3/pt.svg); }
  .flag-icon-pt.flag-icon-squared {
    background-image: url(../img/flags/1x1/pt.svg); }

.flag-icon-pw {
  background-image: url(../img/flags/4x3/pw.svg); }
  .flag-icon-pw.flag-icon-squared {
    background-image: url(../img/flags/1x1/pw.svg); }

.flag-icon-py {
  background-image: url(../img/flags/4x3/py.svg); }
  .flag-icon-py.flag-icon-squared {
    background-image: url(../img/flags/1x1/py.svg); }

.flag-icon-qa {
  background-image: url(../img/flags/4x3/qa.svg); }
  .flag-icon-qa.flag-icon-squared {
    background-image: url(../img/flags/1x1/qa.svg); }

.flag-icon-re {
  background-image: url(../img/flags/4x3/re.svg); }
  .flag-icon-re.flag-icon-squared {
    background-image: url(../img/flags/1x1/re.svg); }

.flag-icon-ro {
  background-image: url(../img/flags/4x3/ro.svg); }
  .flag-icon-ro.flag-icon-squared {
    background-image: url(../img/flags/1x1/ro.svg); }

.flag-icon-rs {
  background-image: url(../img/flags/4x3/rs.svg); }
  .flag-icon-rs.flag-icon-squared {
    background-image: url(../img/flags/1x1/rs.svg); }

.flag-icon-ru {
  background-image: url(../img/flags/4x3/ru.svg); }
  .flag-icon-ru.flag-icon-squared {
    background-image: url(../img/flags/1x1/ru.svg); }

.flag-icon-rw {
  background-image: url(../img/flags/4x3/rw.svg); }
  .flag-icon-rw.flag-icon-squared {
    background-image: url(../img/flags/1x1/rw.svg); }

.flag-icon-sa {
  background-image: url(../img/flags/4x3/sa.svg); }
  .flag-icon-sa.flag-icon-squared {
    background-image: url(../img/flags/1x1/sa.svg); }

.flag-icon-sb {
  background-image: url(../img/flags/4x3/sb.svg); }
  .flag-icon-sb.flag-icon-squared {
    background-image: url(../img/flags/1x1/sb.svg); }

.flag-icon-sc {
  background-image: url(../img/flags/4x3/sc.svg); }
  .flag-icon-sc.flag-icon-squared {
    background-image: url(../img/flags/1x1/sc.svg); }

.flag-icon-sd {
  background-image: url(../img/flags/4x3/sd.svg); }
  .flag-icon-sd.flag-icon-squared {
    background-image: url(../img/flags/1x1/sd.svg); }

.flag-icon-se {
  background-image: url(../img/flags/4x3/se.svg); }
  .flag-icon-se.flag-icon-squared {
    background-image: url(../img/flags/1x1/se.svg); }

.flag-icon-sg {
  background-image: url(../img/flags/4x3/sg.svg); }
  .flag-icon-sg.flag-icon-squared {
    background-image: url(../img/flags/1x1/sg.svg); }

.flag-icon-sh {
  background-image: url(../img/flags/4x3/sh.svg); }
  .flag-icon-sh.flag-icon-squared {
    background-image: url(../img/flags/1x1/sh.svg); }

.flag-icon-si {
  background-image: url(../img/flags/4x3/si.svg); }
  .flag-icon-si.flag-icon-squared {
    background-image: url(../img/flags/1x1/si.svg); }

.flag-icon-sj {
  background-image: url(../img/flags/4x3/sj.svg); }
  .flag-icon-sj.flag-icon-squared {
    background-image: url(../img/flags/1x1/sj.svg); }

.flag-icon-sk {
  background-image: url(../img/flags/4x3/sk.svg); }
  .flag-icon-sk.flag-icon-squared {
    background-image: url(../img/flags/1x1/sk.svg); }

.flag-icon-sl {
  background-image: url(../img/flags/4x3/sl.svg); }
  .flag-icon-sl.flag-icon-squared {
    background-image: url(../img/flags/1x1/sl.svg); }

.flag-icon-sm {
  background-image: url(../img/flags/4x3/sm.svg); }
  .flag-icon-sm.flag-icon-squared {
    background-image: url(../img/flags/1x1/sm.svg); }

.flag-icon-sn {
  background-image: url(../img/flags/4x3/sn.svg); }
  .flag-icon-sn.flag-icon-squared {
    background-image: url(../img/flags/1x1/sn.svg); }

.flag-icon-so {
  background-image: url(../img/flags/4x3/so.svg); }
  .flag-icon-so.flag-icon-squared {
    background-image: url(../img/flags/1x1/so.svg); }

.flag-icon-sr {
  background-image: url(../img/flags/4x3/sr.svg); }
  .flag-icon-sr.flag-icon-squared {
    background-image: url(../img/flags/1x1/sr.svg); }

.flag-icon-ss {
  background-image: url(../img/flags/4x3/ss.svg); }
  .flag-icon-ss.flag-icon-squared {
    background-image: url(../img/flags/1x1/ss.svg); }

.flag-icon-st {
  background-image: url(../img/flags/4x3/st.svg); }
  .flag-icon-st.flag-icon-squared {
    background-image: url(../img/flags/1x1/st.svg); }

.flag-icon-sv {
  background-image: url(../img/flags/4x3/sv.svg); }
  .flag-icon-sv.flag-icon-squared {
    background-image: url(../img/flags/1x1/sv.svg); }

.flag-icon-sx {
  background-image: url(../img/flags/4x3/sx.svg); }
  .flag-icon-sx.flag-icon-squared {
    background-image: url(../img/flags/1x1/sx.svg); }

.flag-icon-sy {
  background-image: url(../img/flags/4x3/sy.svg); }
  .flag-icon-sy.flag-icon-squared {
    background-image: url(../img/flags/1x1/sy.svg); }

.flag-icon-sz {
  background-image: url(../img/flags/4x3/sz.svg); }
  .flag-icon-sz.flag-icon-squared {
    background-image: url(../img/flags/1x1/sz.svg); }

.flag-icon-tc {
  background-image: url(../img/flags/4x3/tc.svg); }
  .flag-icon-tc.flag-icon-squared {
    background-image: url(../img/flags/1x1/tc.svg); }

.flag-icon-td {
  background-image: url(../img/flags/4x3/td.svg); }
  .flag-icon-td.flag-icon-squared {
    background-image: url(../img/flags/1x1/td.svg); }

.flag-icon-tf {
  background-image: url(../img/flags/4x3/tf.svg); }
  .flag-icon-tf.flag-icon-squared {
    background-image: url(../img/flags/1x1/tf.svg); }

.flag-icon-tg {
  background-image: url(../img/flags/4x3/tg.svg); }
  .flag-icon-tg.flag-icon-squared {
    background-image: url(../img/flags/1x1/tg.svg); }

.flag-icon-th {
  background-image: url(../img/flags/4x3/th.svg); }
  .flag-icon-th.flag-icon-squared {
    background-image: url(../img/flags/1x1/th.svg); }

.flag-icon-tj {
  background-image: url(../img/flags/4x3/tj.svg); }
  .flag-icon-tj.flag-icon-squared {
    background-image: url(../img/flags/1x1/tj.svg); }

.flag-icon-tk {
  background-image: url(../img/flags/4x3/tk.svg); }
  .flag-icon-tk.flag-icon-squared {
    background-image: url(../img/flags/1x1/tk.svg); }

.flag-icon-tl {
  background-image: url(../img/flags/4x3/tl.svg); }
  .flag-icon-tl.flag-icon-squared {
    background-image: url(../img/flags/1x1/tl.svg); }

.flag-icon-tm {
  background-image: url(../img/flags/4x3/tm.svg); }
  .flag-icon-tm.flag-icon-squared {
    background-image: url(../img/flags/1x1/tm.svg); }

.flag-icon-tn {
  background-image: url(../img/flags/4x3/tn.svg); }
  .flag-icon-tn.flag-icon-squared {
    background-image: url(../img/flags/1x1/tn.svg); }

.flag-icon-to {
  background-image: url(../img/flags/4x3/to.svg); }
  .flag-icon-to.flag-icon-squared {
    background-image: url(../img/flags/1x1/to.svg); }

.flag-icon-tr {
  background-image: url(../img/flags/4x3/tr.svg); }
  .flag-icon-tr.flag-icon-squared {
    background-image: url(../img/flags/1x1/tr.svg); }

.flag-icon-tt {
  background-image: url(../img/flags/4x3/tt.svg); }
  .flag-icon-tt.flag-icon-squared {
    background-image: url(../img/flags/1x1/tt.svg); }

.flag-icon-tv {
  background-image: url(../img/flags/4x3/tv.svg); }
  .flag-icon-tv.flag-icon-squared {
    background-image: url(../img/flags/1x1/tv.svg); }

.flag-icon-tw {
  background-image: url(../img/flags/4x3/tw.svg); }
  .flag-icon-tw.flag-icon-squared {
    background-image: url(../img/flags/1x1/tw.svg); }

.flag-icon-tz {
  background-image: url(../img/flags/4x3/tz.svg); }
  .flag-icon-tz.flag-icon-squared {
    background-image: url(../img/flags/1x1/tz.svg); }

.flag-icon-ua {
  background-image: url(../img/flags/4x3/ua.svg); }
  .flag-icon-ua.flag-icon-squared {
    background-image: url(../img/flags/1x1/ua.svg); }

.flag-icon-ug {
  background-image: url(../img/flags/4x3/ug.svg); }
  .flag-icon-ug.flag-icon-squared {
    background-image: url(../img/flags/1x1/ug.svg); }

.flag-icon-um {
  background-image: url(../img/flags/4x3/um.svg); }
  .flag-icon-um.flag-icon-squared {
    background-image: url(../img/flags/1x1/um.svg); }

.flag-icon-us {
  background-image: url(../img/flags/4x3/us.svg); }
  .flag-icon-us.flag-icon-squared {
    background-image: url(../img/flags/1x1/us.svg); }

.flag-icon-uy {
  background-image: url(../img/flags/4x3/uy.svg); }
  .flag-icon-uy.flag-icon-squared {
    background-image: url(../img/flags/1x1/uy.svg); }

.flag-icon-uz {
  background-image: url(../img/flags/4x3/uz.svg); }
  .flag-icon-uz.flag-icon-squared {
    background-image: url(../img/flags/1x1/uz.svg); }

.flag-icon-va {
  background-image: url(../img/flags/4x3/va.svg); }
  .flag-icon-va.flag-icon-squared {
    background-image: url(../img/flags/1x1/va.svg); }

.flag-icon-vc {
  background-image: url(../img/flags/4x3/vc.svg); }
  .flag-icon-vc.flag-icon-squared {
    background-image: url(../img/flags/1x1/vc.svg); }

.flag-icon-ve {
  background-image: url(../img/flags/4x3/ve.svg); }
  .flag-icon-ve.flag-icon-squared {
    background-image: url(../img/flags/1x1/ve.svg); }

.flag-icon-vg {
  background-image: url(../img/flags/4x3/vg.svg); }
  .flag-icon-vg.flag-icon-squared {
    background-image: url(../img/flags/1x1/vg.svg); }

.flag-icon-vi {
  background-image: url(../img/flags/4x3/vi.svg); }
  .flag-icon-vi.flag-icon-squared {
    background-image: url(../img/flags/1x1/vi.svg); }

.flag-icon-vn {
  background-image: url(../img/flags/4x3/vn.svg); }
  .flag-icon-vn.flag-icon-squared {
    background-image: url(../img/flags/1x1/vn.svg); }

.flag-icon-vu {
  background-image: url(../img/flags/4x3/vu.svg); }
  .flag-icon-vu.flag-icon-squared {
    background-image: url(../img/flags/1x1/vu.svg); }

.flag-icon-wf {
  background-image: url(../img/flags/4x3/wf.svg); }
  .flag-icon-wf.flag-icon-squared {
    background-image: url(../img/flags/1x1/wf.svg); }

.flag-icon-ws {
  background-image: url(../img/flags/4x3/ws.svg); }
  .flag-icon-ws.flag-icon-squared {
    background-image: url(../img/flags/1x1/ws.svg); }

.flag-icon-ye {
  background-image: url(../img/flags/4x3/ye.svg); }
  .flag-icon-ye.flag-icon-squared {
    background-image: url(../img/flags/1x1/ye.svg); }

.flag-icon-yt {
  background-image: url(../img/flags/4x3/yt.svg); }
  .flag-icon-yt.flag-icon-squared {
    background-image: url(../img/flags/1x1/yt.svg); }

.flag-icon-za {
  background-image: url(../img/flags/4x3/za.svg); }
  .flag-icon-za.flag-icon-squared {
    background-image: url(../img/flags/1x1/za.svg); }

.flag-icon-zm {
  background-image: url(../img/flags/4x3/zm.svg); }
  .flag-icon-zm.flag-icon-squared {
    background-image: url(../img/flags/1x1/zm.svg); }

.flag-icon-zw {
  background-image: url(../img/flags/4x3/zw.svg); }
  .flag-icon-zw.flag-icon-squared {
    background-image: url(../img/flags/1x1/zw.svg); }

.flag-icon-en {
  background-image: url(../img/flags/4x3/en.svg); }
  .flag-icon-en.flag-icon-squared {
    background-image: url(../img/flags/1x1/en.svg); }

.flag-icon-eu {
  background-image: url(../img/flags/4x3/eu.svg); }
  .flag-icon-eu.flag-icon-squared {
    background-image: url(../img/flags/1x1/eu.svg); }

.flag-icon-gb-eng {
  background-image: url(../img/flags/4x3/gb-eng.svg); }
  .flag-icon-gb-eng.flag-icon-squared {
    background-image: url(../img/flags/1x1/gb-eng.svg); }

.flag-icon-gb-sct {
  background-image: url(../img/flags/4x3/gb-sct.svg); }
  .flag-icon-gb-sct.flag-icon-squared {
    background-image: url(../img/flags/1x1/gb-sct.svg); }

.flag-icon-gb-wls {
  background-image: url(../img/flags/4x3/gb-wls.svg); }
  .flag-icon-gb-wls.flag-icon-squared {
    background-image: url(../img/flags/1x1/gb-wls.svg); }

/*# sourceMappingURL=app.css.map */
