.karcher-landing {
  background: #fff; }
  .karcher-landing > section {
    margin-bottom: 40px; }
    .karcher-landing > section.no-margin {
      margin-bottom: 0; }
  .karcher-landing .hero-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
    .karcher-landing .hero-section .banner-slide {
      height: auto; }
      .karcher-landing .hero-section .banner-slide a {
        display: block;
        min-height: 280px;
        border: 0 none;
        text-decoration: none;
        outline: none; }
        @media only screen and (min-width: 1520px) {
          .karcher-landing .hero-section .banner-slide a {
            min-height: 360px; } }
      .karcher-landing .hero-section .banner-slide img {
        display: block;
        max-width: 100%; }
  .karcher-landing .banners-section .banner-block {
    display: block; }
    .karcher-landing .banners-section .banner-block > a {
      display: block;
      border: 0 none;
      text-decoration: none;
      outline: none; }
    .karcher-landing .banners-section .banner-block img {
      display: block;
      max-width: 100%;
      width: 100%; }
  .karcher-landing .banners-section .banners-block {
    margin: 0 -15px; }
    .karcher-landing .banners-section .banners-block__item {
      float: left;
      width: 50%;
      max-width: 50%;
      padding: 0 15px; }
      .karcher-landing .banners-section .banners-block__item > a {
        display: block;
        border: 0 none;
        text-decoration: none;
        outline: none; }
      .karcher-landing .banners-section .banners-block__item img {
        display: block;
        max-width: 100%;
        width: 100%; }
  .karcher-landing .categories-section.first {
    margin-bottom: 10px; }
  .karcher-landing .categories-section:not(.first) .formatted_text {
    padding-top: 28px;
    border-top: 1px solid #eee; }
  .karcher-landing .categories-section .formatted_text .title {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.18px; }
  .karcher-landing .categories-section .formatted_text p {
    margin: 4px 0 0 0;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.09px;
    line-height: 20px; }
  .karcher-landing .categories-section .categories-list {
    margin: 0 -15px;
    font-size: 0;
    text-align: center; }
    .karcher-landing .categories-section .categories-list__item {
      display: inline-block;
      vertical-align: top;
      width: 16.666%;
      max-width: 16.666%;
      margin-top: 40px;
      padding: 0 15px; }
      @media only screen and (max-width: 1299px) {
        .karcher-landing .categories-section .categories-list__item {
          width: 20%;
          max-width: 20%; } }
      @media only screen and (max-width: 899px) {
        .karcher-landing .categories-section .categories-list__item {
          width: 25%;
          max-width: 25%; } }
      .karcher-landing .categories-section .categories-list__item a {
        display: block;
        min-height: 226px;
        padding: 20px 20px 20px 20px;
        border: 2px solid transparent;
        text-decoration: none;
        outline: none; }
        .karcher-landing .categories-section .categories-list__item a span {
          display: block; }
        .karcher-landing .categories-section .categories-list__item a .image-wrap {
          width: 100%; }
          .karcher-landing .categories-section .categories-list__item a .image-wrap .image {
            position: relative;
            padding-bottom: 100%; }
          .karcher-landing .categories-section .categories-list__item a .image-wrap img {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            max-width: 96%;
            max-height: 96%;
            width: auto;
            height: auto;
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
        .karcher-landing .categories-section .categories-list__item a .title {
          height: 40px;
          margin-top: 10px;
          color: #212121;
          font-size: 14px;
          font-weight: 600;
          letter-spacing: 0px;
          line-height: 20px;
          text-align: center;
          text-transform: uppercase;
          word-break: break-word; }
        .karcher-landing .categories-section .categories-list__item a:hover {
          border-color: #feed00; }
  .karcher-landing .text-image-section .text_image_block .text_image_item {
    width: 100%;
    background-color: #feed00;
    margin-bottom: 30px; }
    @media only screen and (min-width: 900px) {
      .karcher-landing .text-image-section .text_image_block .text_image_item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: nowrap row;
        -moz-flex-flow: nowrap row;
        -ms-flex-flow: nowrap row;
        flex-flow: nowrap row; } }
    .karcher-landing .text-image-section .text_image_block .text_image_item:last-child {
      margin-bottom: 0; }
    @media only screen and (min-width: 900px) {
      .karcher-landing .text-image-section .text_image_block .text_image_item.even .image_cont {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        padding: 0 0 0 15px; }
        .karcher-landing .text-image-section .text_image_block .text_image_item.even .image_cont .image {
          left: 15px;
          right: 0; } }
  .karcher-landing .text-image-section .text_image_block .image_cont {
    position: relative; }
    @media only screen and (max-width: 900px) {
      .karcher-landing .text-image-section .text_image_block .image_cont {
        height: 600px; } }
    @media only screen and (min-width: 900px) {
      .karcher-landing .text-image-section .text_image_block .image_cont {
        -webkit-box-flex: 0 0 50%;
        -moz-box-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px 0 0; } }
    .karcher-landing .text-image-section .text_image_block .image_cont .image {
      position: absolute;
      top: 0;
      right: 15px;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 900px) {
        .karcher-landing .text-image-section .text_image_block .image_cont .image {
          right: 0; } }
    .karcher-landing .text-image-section .text_image_block .image_cont .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: auto 94px;
      background-position: center;
      background-repeat: no-repeat;
      background-color: rgba(216, 216, 216, 0.3);
      cursor: pointer; }
    .karcher-landing .text-image-section .text_image_block .image_cont .iframe_wrapper {
      width: 100%;
      height: 100%; }
      .karcher-landing .text-image-section .text_image_block .image_cont .iframe_wrapper .iframe_holder {
        position: relative;
        width: 100%;
        height: 100%; }
        .karcher-landing .text-image-section .text_image_block .image_cont .iframe_wrapper .iframe_holder iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100% !important;
          height: 100% !important; }
  .karcher-landing .text-image-section .text_image_block .info_cont {
    width: 100%;
    padding: 50px 165px 50px 125px; }
    @media only screen and (min-width: 900px) {
      .karcher-landing .text-image-section .text_image_block .info_cont {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 0 0 50%;
        -moz-box-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
        max-width: 50%;
        min-height: 396px; } }
    @media only screen and (max-width: 1400px) {
      .karcher-landing .text-image-section .text_image_block .info_cont {
        padding: 50px 125px 50px 85px; } }
    @media only screen and (max-width: 1080px) {
      .karcher-landing .text-image-section .text_image_block .info_cont {
        padding: 30px 20px 30px 20px; } }
    @media only screen and (min-width: 900px) {
      .karcher-landing .text-image-section .text_image_block .info_cont > div {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        align-self: center; } }
  .karcher-landing .text-image-section .text_image_block .title {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    text-transform: none; }
  .karcher-landing .text-image-section .text_image_block .text {
    margin: 15px 0 0; }
    .karcher-landing .text-image-section .text_image_block .text p {
      margin: 12px 0;
      font-size: 14px;
      line-height: 24px; }
      .karcher-landing .text-image-section .text_image_block .text p:first-child {
        margin-top: 0; }
      .karcher-landing .text-image-section .text_image_block .text p:last-child {
        margin-bottom: 0; }
  .karcher-landing .text-image-section .text_image_block .btns_holder {
    text-align: left;
    margin-top: 20px; }
  .karcher-landing .text-section {
    padding: 90px 0; }
    .karcher-landing .text-section .formatted_text .title {
      margin: 0 0 18px;
      font-size: 24px;
      font-weight: 600;
      letter-spacing: 0.32px; }
    .karcher-landing .text-section .formatted_text p, .karcher-landing .text-section .formatted_text a, .karcher-landing .text-section .formatted_text li, .karcher-landing .text-section .formatted_text td, .karcher-landing .text-section .formatted_text div {
      font-size: 14px;
      letter-spacing: 0.16px;
      line-height: 22px; }
    .karcher-landing .text-section .formatted_text p {
      margin: 20px 0; }
      .karcher-landing .text-section .formatted_text p:first-child {
        margin-top: 0; }
      .karcher-landing .text-section .formatted_text p:last-child {
        margin-bottom: 0; }
  .karcher-landing .karcher_btn {
    display: inline-block;
    vertical-align: top;
    min-width: 232px;
    line-height: 44px;
    padding: 0 15px;
    background-color: #212121;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.19px;
    text-align: center;
    text-transform: uppercase; }
    .karcher-landing .karcher_btn:hover {
      opacity: 0.8; }