@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url("https://fonts.googleapis.com/css2?family=Mohave:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

@font-face {
  font-family: "Mohave-SemiBoldItalic";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/Mohave-SemiBoldItalic.eot);
  src: url(../fonts/Mohave-SemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/Mohave-SemiBoldItalic.woff) format("woff"), url(../fonts/Mohave-SemiBoldItalic.ttf) format("truetype"), url(../fonts/Mohave-SemiBoldItalic.svg#Mohave-SemiBoldItalic) format("svg");
}
@font-face {
  font-family: "Ngenic Mohave";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/ngenic-mohave.eot);
  src: url(../fonts/ngenic-mohave.eot?#iefix) format("embedded-opentype"), url(../fonts/ngenic-mohave.woff) format("woff"), url(../fonts/ngenic-mohave.ttf) format("truetype"), url(../fonts/ngenic-mohave.svg#ngenic-mohave) format("svg");
}
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, blockquote, form, input, button, header, main, section, address {
  margin: 0;
  padding: 0;
  border: 0;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

header, main, section, address {
  display: block;
}

cite {
  font-style: normal;
}

html {
  font-size: 62.5%;
  min-width: 320px;
}

body {
  background: #ffffff;
  position: relative;
}

html.no-hero-bg #content {
  padding: 100px 0 0 0;
}

.wrapper {
  margin: 0 30px;
}

.align-right {
  float: right;
}

.hidden {
  display: none;
}

/*
 * Links
 */
a {
  color: #666666;
}

a:hover {
  color: #999999;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/*
 * Buttons
 */
a.button {
  background: #6cc36c;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 16px;
  height: 32px;
  line-height: 32px;
  padding: 0 12px 0 16px;
  font-weight: 600;
}
a.button span {
  margin-right: 4px;
}
a.button span:after {
  background: url("../images/icon-arrow-white.svg") 100% 50% no-repeat;
  content: "";
  width: 15px;
  height: 32px;
  display: block;
  float: right;
}
a.button:hover {
  background: #5BA65B;
}
a.button:hover span:after {
  position: relative;
  right: -2px;
}
a.button.button-alt {
  background: #626262;
}
a.button.button-alt:hover {
  background: #444;
}
a.button.button-big {
  font-size: 16px;
  font-size: 1.6rem;
  height: 40px;
  line-height: 40px;
  padding: 0 26px;
  border-radius: 20px;
}
a.button.button-big span:after {
  height: 40px;
  background-size: 16px auto;
}
a.button.button-dark {
  background: #1D5E1D;
}
a.button.button-dark:hover {
  background: #123B12;
}
a.button.button-no-arrow {
  padding-right: 16px;
}
a.button.button-no-arrow.button-big {
  padding-right: 26px;
}
a.button.button-no-arrow span {
  margin-right: 0;
}
a.button.button-no-arrow span:after {
  display: none;
}

@media all and (max-width: 1120px) {
  html.no-hero-bg #content {
    padding: 92px 0 0 0;
  }
}
@media all and (max-width: 1000px) {
  html.no-hero-bg #content {
    padding: 70px 0 0 0;
  }
}
@media all and (max-width: 500px) {
  .wrapper {
    margin: 0 20px;
  }
}
html {
  font-size: 62.5%;
}

body {
  font-family: "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #222222;
  line-height: 24px;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-face: swap;
}

#mfn_container_single .mfn-title,
.title-large,
.title-medium,
.title-medium-alt,
.title-small,
.title-extra-small,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
  font-family: "Mohave-SemiBoldItalic", sans-serif;
  font-weight: normal;
  color: #000000;
  font-face: swap;
}

#mfn_container_single .mfn-title,
.title-large {
  font-size: 60px;
  font-size: 6rem;
  line-height: 72px;
}

.title-medium,
.page-content h2 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 40px;
}

.title-medium-alt,
.page-content h1 {
  font-size: 40px;
  font-size: 4rem;
  line-height: 48px;
}

.title-small,
.page-content h3 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
}

.title-extra-small,
.page-content h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
}

.title-small-alt,
.page-content h5,
.page-content h6 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 20px;
}

#mfn_container_single .mfn-content p,
.text-large p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 28px;
  margin-bottom: 28px;
}

.text-medium p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  margin-bottom: 24px;
}

.text-small p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  margin-bottom: 20px;
}

.text-extra-small {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  margin-bottom: 16px;
}

#mfn_container_single .mfn-content ul,
.text-large ul {
  padding: 0 0 28px 0;
}
#mfn_container_single .mfn-content ul li,
.text-large ul li {
  font-size: 18px;
  font-size: 1.8rem;
  list-style-type: disc;
  margin: 0 0 16px 20px;
}

#mfn_container_single .mfn-content ol,
.text-large ol {
  padding: 0 0 28px 0;
}
#mfn_container_single .mfn-content ol li,
.text-large ol li {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 28px;
  margin: 0 0 20px 20px;
}

.text-medium ul {
  padding: 0 0 24px 0;
}
.text-medium ul li {
  font-size: 16px;
  font-size: 1.6rem;
  list-style-type: disc;
  margin: 0 0 20px 20px;
}

.text-medium ol {
  padding: 0 0 24px 0;
}
.text-medium ol li {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 20px 20px;
}

.text-small ul li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  list-style-type: disc;
  margin: 0 0 20px 20px;
}

#mfn_container_single .mfn-content p a,
.text-large p a,
.text-large ul a,
.text-large ol a {
  font-weight: 600;
  color: #222222;
  border-bottom: 2px solid #6cc36c;
}
#mfn_container_single .mfn-content p a:hover,
.text-large p a:hover,
.text-large ul a:hover,
.text-large ol a:hover {
  color: #333;
  border-bottom: 2px solid #ffcc66;
}

.text-medium a {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #222222;
  border-bottom: 2px solid #6cc36c;
}
.text-medium a:hover {
  color: #333;
  border-bottom: 2px solid #ffcc66;
}

.text-small p a {
  font-weight: 600;
  color: #222222;
  border-bottom: 2px solid #6cc36c;
}
.text-small p a:hover {
  color: #333;
  border-bottom: 2px solid #ffcc66;
}

.text-medium blockquote p {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 40px;
  border-left: 5px solid #ccc;
  padding-left: 20px;
}

@media all and (max-width: 800px) {
  #mfn_container_single .mfn-title, .title-large {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 62px;
  }
  .title-medium-alt, .page-content h1 {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 42px;
  }
  #mfn_container_single .mfn-content p, .text-large p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    margin-bottom: 24px;
  }
  #mfn_container_single .mfn-content ul,
.text-large ul {
    padding: 0 0 24px 0;
  }
  #mfn_container_single .mfn-content ul li,
.text-large ul li {
    font-size: 16px;
    font-size: 1.6rem;
    list-style-type: disc;
    margin: 0 0 16px 20px;
  }
  #mfn_container_single .mfn-content ol,
.text-large ol {
    padding: 0 0 24px 0;
  }
  #mfn_container_single .mfn-content ol li,
.text-large ol li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    margin: 0 0 20px 20px;
  }
}
@media all and (max-width: 600px) {
  #mfn_container_single .mfn-title, .title-large {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px;
  }
  .title-medium-alt, .page-content h1 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
  }
  .title-medium, .page-content h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 32px;
  }
  .title-small, .page-content h3 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
  }
}
.grid {
  display: grid;
  gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}

.grid-full {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}

.grid-12 {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.grid-10 {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.grid-8 {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}

.grid-columns-30-70 {
  grid-template-columns: 4fr 7fr;
}

.grid-columns-66-33 {
  grid-template-columns: 8fr 4fr;
}

.grid-columns-60-40 {
  grid-template-columns: 6fr 4fr;
}

.grid-columns-50-50 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-columns-33-33-33 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-columns-25-25-25-25 {
  grid-template-columns: repeat(4, 1fr);
}

/*
.align-top {align-self:start;}
.align-middle {align-self:center;}
.align-center {justify-content:center;}
*/
.align-bottom {
  align-self: end;
}

.align-middle {
  align-self: center;
}

.block {
  width: 100%;
  margin: 0 auto;
}

.block-12 {
  max-width: 1180px;
}

.block-10 {
  max-width: 980px;
}

.block-8 {
  max-width: 780px;
}

.block-6 {
  max-width: 580px;
}

.grid-v2 {
  width: 100%;
  max-width: 1392px;
  margin: 0 auto 30px auto;
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  gap: 30px;
}
.grid-v2.align-center {
  align-items: center;
}
.grid-v2 .grid-col-3 {
  grid-column: span 3;
}
.grid-v2 .grid-col-4 {
  grid-column: span 4;
}
.grid-v2 .grid-col-5 {
  grid-column: span 5;
}
.grid-v2 .grid-col-6 {
  grid-column: span 6;
}
.grid-v2 .grid-col-12 {
  grid-column: span 12;
}
.grid-v2 .grid-row-1 {
  grid-row: span 1;
}
.grid-v2 .grid-row-2 {
  grid-row: span 2;
}
.grid-v2 .grid-row-3 {
  grid-row: span 3;
}
.grid-v2 .grid-row-4 {
  grid-row: span 4;
}
.grid-v2 .grid-row-5 {
  grid-row: span 5;
}
.grid-v2 .grid-row-6 {
  grid-row: span 6;
}

.flexgrid {
  width: 100%;
  max-width: 1392px;
  margin: 0 auto 30px auto;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 30px;
}
.flexgrid .flexgrid-col-3 {
  width: 326px;
  flex: 0 0 326px;
  height: auto;
}
.flexgrid .flexgrid-col-6-fluid {
  width: 100%;
  height: auto;
}

/*
  Section-intro
*/
.section-intro {
  display: block;
  padding: 0 0 40px 0;
}
.section-intro.section-intro-products {
  padding-bottom: 16px;
}
.section-intro .title-large,
.section-intro .title-medium-alt {
  text-align: center;
}
.section-intro .text-medium {
  text-align: center;
  color: #838383;
  margin: 12px 0 0 0;
}

/*
  Post Image
*/
.post-image img {
  display: block;
  width: 100%;
  height: auto;
}

/*
  Item
*/
.item {
  background: #eeeeee;
  border-radius: 11px;
  display: block;
}

/*
  Item - Post
*/
.post {
  overflow: hidden;
  display: block;
  min-height: 440px;
  position: relative;
}
.post header {
  margin: 0 0 8px 0;
}
.post header a {
  display: block;
  color: #000000;
}
.post header a:hover {
  color: #777777;
}
.post .content {
  padding: 20px 30px 48px 30px;
  color: #222222;
}
.post .meta {
  position: absolute;
  bottom: 20px;
  left: 30px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #8E8E8E;
}

/*
  Item - Product
*/
.item-product {
  padding: 32px;
  min-height: 296px;
}
.item-product img {
  display: inline-block;
  margin: 0 0 16px 0;
}
.item-product .title-medium-alt {
  padding: 0 0 8px 0;
}
.item-product.item-product-track {
  display: flex;
  min-height: auto;
}
.item-product.item-product-track img {
  align-self: self-start;
}
.item-product.item-product-track .item-product-metadata {
  margin-left: 20px;
}

.products {
  padding: 0 0 80px 0;
}
.products.has-sales-cta {
  padding-bottom: 20px;
}

/*
  Single
*/
.block.single {
  margin-bottom: 120px;
}
.block.single .post-image {
  margin: 0 0 32px 0;
}

/*
  Button list
*/
.button-list {
  /*
  a:last-child {
    margin-right:0;
  }
  */
}
.button-list a {
  margin: 0 10px 20px 10px;
}

/*
  Video thumbnail
*/
.video-thumbnail-wrapper .video-thumbnail {
  width: 320px;
  position: relative;
  z-index: 2;
}
.video-thumbnail-wrapper .video-thumbnail video {
  display: block;
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.06);
}
.video-thumbnail-wrapper .video-thumbnail img {
  width: 100%;
  display: block;
  border-radius: 6px;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.06);
}
.video-thumbnail-wrapper .video-thumbnail a:hover img,
.video-thumbnail-wrapper .video-thumbnail a:hover video {
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  filter: saturate(110%);
}
.video-thumbnail-wrapper .video-thumbnail a:after {
  content: "";
  display: block;
  background: url("../images/icon-play-white.svg") 0 0 no-repeat;
  width: 57px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -35px 0 0 -20px;
}
.video-thumbnail-wrapper .video-thumbnail-caption {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #939393;
  margin: 5px 0 0 0;
}

/*
  Video fullscreen
*/
.video-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  box-sizing: border-box;
  text-align: center;
  background: rgba(0, 0, 0, 0.75);
  display: none;
}
.video-fullscreen #close-video {
  background: url("../images/icon-close.svg") 0 0 no-repeat;
  position: absolute;
  width: 32px;
  height: 32px;
  display: block;
  top: 50px;
  right: 50px;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 3;
}
.video-fullscreen .video-fullscreen-inner {
  height: 100%;
  display: block;
  position: relative;
}
.video-fullscreen video {
  width: 80%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*
  Quotes
*/
.quotes-wrapper {
  padding: 0 0 80px 0;
}

.quote.five-stars blockquote {
  background: url("../images/icon-five-stars.svg") 8px 0 no-repeat;
  padding-top: 40px;
}
.quote.quote-big blockquote {
  background: url("../images/icon-quote.svg") 8px 0 no-repeat;
  padding-top: 40px;
}
.quote blockquote,
.quote cite,
.quote img {
  padding-left: 8px;
  padding-right: 8px;
}
.quote cite {
  display: block;
}
.quote .meta {
  color: #7E7E7E;
}

/*
  Contact sales
*/
.contact-sales {
  background: #6cc36c;
  padding: 24px 32px;
  margin: 0 0 100px 0;
  border-radius: 11px;
  position: relative;
  box-sizing: border-box;
}
.contact-sales .title-medium-alt {
  padding: 0 0 4px 0;
  color: #fff;
}
.contact-sales .text-medium p {
  color: #1D5E1D;
  margin-bottom: 0;
}
.contact-sales a.button {
  position: absolute;
  right: 32px;
  position: "absolute";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.contact-sales .sales-images {
  position: absolute;
  right: 240px;
  position: "absolute";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  height: 54px;
}
.contact-sales img {
  display: inline-block;
  width: 54px;
  height: 54px;
  border-radius: 30px;
  border: 2px solid #ffffff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.contact-sales picture {
  display: inline-block;
  width: 58px;
  height: 58px;
  position: relative;
  z-index: 1;
}
.contact-sales picture:nth-child(2) {
  left: -8px;
  z-index: 2;
}
.contact-sales picture:nth-child(3) {
  left: -16px;
  z-index: 5;
}
.contact-sales picture:nth-child(4) {
  left: -24px;
  z-index: 4;
}
.contact-sales picture:nth-child(5) {
  left: -32px;
  z-index: 3;
}

.products .contact-sales {
  padding: 32px;
  height: 100%;
  margin: 0;
}
.products .contact-sales .title-medium-alt {
  padding-bottom: 8px;
}
.products .contact-sales .text-large p {
  color: #1D5E1D;
  margin-bottom: 28px;
}
.products .contact-sales .sales-images {
  margin: 32px 0 0 0;
  top: 0;
  position: relative;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  right: 0;
  display: block;
}
.products .contact-sales a.button {
  top: 0;
  position: relative;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  right: 0;
}

/*
  Sortiment promo
*/
.promo-sortiment {
  background: #eeeeee;
  padding: 24px 32px;
  min-height: 124px;
  display: block;
  margin: 0 0 20px 0;
  border-radius: 11px;
  position: relative;
  box-sizing: border-box;
}
.promo-sortiment .title-medium-alt {
  position: absolute;
  position: "absolute";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.promo-sortiment a.button {
  position: absolute;
  right: 32px;
  position: "absolute";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.promo-sortiment .sortiment-image {
  position: absolute;
  right: 280px;
  position: "absolute";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  height: 88px;
}
.promo-sortiment .sortiment-image img {
  display: block;
}

/*
	Home promo
*/
.promo-home {
  background: #222;
  border-radius: 11px;
  position: relative;
  margin: 0 0 0px 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.promo-home:hover {
  background: #333;
}
.promo-home .title-medium {
  padding: 24px 60px 24px 24px;
  color: #ffcc66;
  line-height: 36px;
}
.promo-home .title-medium span {
  color: #fff;
}
.promo-home .title-medium span span {
  white-space: nowrap;
}
.promo-home .promo-arrow {
  position: absolute;
  width: 16px;
  height: 28px;
  background: url("../images/icon-arrow-promo.svg") 0 0 no-repeat;
  right: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.promo-home.campaign-tune {
  background: url("../images/campaign-2024-01-bg.jpg") 0 0 no-repeat;
  background-size: 100% auto;
}
.promo-home.campaign-tune:hover {
  opacity: 0.9;
}
.promo-home.campaign-tune .image {
  background: url("../images/campaign-2024-01-phone.png") 50% 100% no-repeat;
  background-size: 152px auto;
  width: 200px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
}
.promo-home.campaign-tune .title-medium {
  padding-left: 210px;
}
.promo-home.campaign-track {
  background: url("../images/campaign-2024-09-bg.jpg") 0 0 no-repeat;
  background-size: 100% auto;
}
.promo-home.campaign-track:hover {
  opacity: 0.9;
}
.promo-home.campaign-track .image {
  background: url("../images/campaign-2024-09-track.png") 0 50% no-repeat;
  background-size: 312px auto;
  width: 312px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 30px;
}
.promo-home.campaign-track .title-medium {
  padding-left: 370px;
}
.promo-home.campaign-track-han {
  background-image: url("/wp-content/uploads/iStock-1153611944-1536x1024.jpg");
  background-size: 100% auto;
  height: 120px;
  display: flex;
  /* Chrome 66+, Edge 79+, Opera 53+, Android Brower 80+ */
  /* FF 66+ */
}
.promo-home.campaign-track-han:hover {
  opacity: 0.9;
}
.promo-home.campaign-track-han .image {
  background: url("/wp-content/uploads/enhet-track-tradad-small.png") 0 50% no-repeat;
  position: static;
  background-size: 95px auto;
  width: 95px;
  height: 120px;
  margin: 0 20px 0 50px;
}
.promo-home.campaign-track-han .title-medium {
  position: relative;
  display: block;
  padding: 0 107px 0 76px;
  flex-grow: 1;
  will-change: opacity;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.promo-home.campaign-track-han .title-medium:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: calc(100% - 60px);
  background-color: #333;
  clip-path: polygon(60px 0%, 100% 0%, calc(100% - 60px) 100%, 0% 100%);
  z-index: -1;
  opacity: 0.9;
}
.promo-home.campaign-track-han .title-medium:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 100%;
  background: #333;
  opacity: 0.8;
  clip-path: polygon(60px 0%, 100% 0%, calc(100% - 60px) 100%, 0% 100%);
}
@media all and (max-width: 1350px) {
  .promo-home.campaign-track-han .title-medium {
    font-size: 2.5rem;
    line-height: 32px;
  }
}
@media all and (max-width: 1110px) {
  .promo-home.campaign-track-han .title-medium {
    font-size: 2.2rem;
    line-height: 32px;
  }
}
.promo-home.campaign-track-han .promo-arrow {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  width: 200px;
  height: 100%;
  background: url("../images/icon-arrow-promo.svg") 90% 50% no-repeat;
  transform: none;
}
.promo-home.campaign-track-han .promo-arrow:after {
  content: "Läs mer";
  background: #6cc36c;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 20px;
  height: 40px;
  line-height: 40px;
  padding: 0 26px;
  font-weight: 600;
  position: absolute;
  white-space: nowrap;
  top: 50%;
  right: 55px;
  transform: translateY(-50%);
}
@media all and (max-width: 1240px) {
  .promo-home.campaign-track-han .image {
    position: absolute;
    margin: 0px 20px 0 20px;
    z-index: 10;
  }
  .promo-home.campaign-track-han .title-medium {
    padding: 0 107px 0 131px;
    margin-left: 0;
  }
  .promo-home.campaign-track-han .title-medium:before {
    clip-path: polygon(0% 0%, 100% 0%, calc(100% - 60px) 100%, 0% 100%);
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
  }
}
@media all and (max-width: 850px) {
  .promo-home.campaign-track-han .title-medium:before {
    width: 100%;
  }
  .promo-home.campaign-track-han .title-medium:after {
    display: none;
  }
  .promo-home.campaign-track-han .promo-arrow {
    width: 260px;
  }
}
@media all and (max-width: 760px) {
  .promo-home.campaign-track-han {
    background-color: rgba(51, 51, 51, 0.8117647059);
    background-blend-mode: multiply;
  }
  .promo-home.campaign-track-han .title-medium {
    padding-right: 20px;
  }
  .promo-home.campaign-track-han .title-medium:before {
    display: none;
  }
  .promo-home.campaign-track-han .title-medium:after {
    display: none;
  }
  .promo-home.campaign-track-han .promo-arrow {
    width: 60px;
    background-position: 50% 50%;
  }
  .promo-home.campaign-track-han .promo-arrow:after {
    display: none;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  @supports (background-image: -webkit-image-set(url("/wp-content/uploads/iStock-1153611944-1536x1024.jpg.webp") 1x)) {
    .promo-home.campaign-track-han {
      background-image: -webkit-image-set(url("/wp-content/uploads/iStock-1153611944-1536x1024.jpg.webp") 1x);
    }
  }
}
@supports (flex-basis: max-content) and (-moz-appearance: meterbar) {
  .promo-home.campaign-track-han {
    background-image: url("/wp-content/uploads/iStock-1153611944-1536x1024.jpg.webp");
  }
}

html[lang=en-US] .promo-home.campaign-track-han .promo-arrow:after {
  content: "Read more";
}

.resellers {
	margin-bottom: 80px;
}

.resellers .resellers__list {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;	
}

.resellers .resellers__list .resellers__reseller {
	flex: 1 1 220px;
	display: flex;
	align-items: center;
}

/*
  News-block
*/
.news-block {
  padding: 0 0 120px 0;
}
.news-block.has-pagination {
  padding-bottom: 32px;
}

.pagination {
  overflow: hidden;
  padding: 0 0 140px 0;
}
.pagination a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #959595;
}
.pagination a:hover {
  color: #444;
}
.pagination .pagination-newer {
  float: left;
}
.pagination .pagination-older {
  float: right;
}

/*
  Jobs block (Home)
*/
.block-jobs-home {
  padding: 0 0 120px 0;
}

/*
  Content block
*/
.content-block {
  padding: 0 0 144px 0;
}
.content-block .title-medium-alt {
  margin: 0 0 24px 0;
}
.content-block a.pdf {
  background: url("../images/icon-pdf.svg") 0 50% no-repeat;
  padding: 2px 0 4px 26px;
  margin: 0 24px 0 0;
  border: 0;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
}
.content-block a.pdf span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #292929;
  font-weight: 600;
  border-bottom: 2px solid #6cc36c;
  line-height: 20px;
}
.content-block a.pdf:hover span {
  color: #333;
  border-bottom: 2px solid #ffcc66;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.content-block.content_image_left img, .content-block.content_image_right img {
  display: block;
  width: 100%;
}
.content-block.content_image_left .text-medium p:last-child, .content-block.content_image_right .text-medium p:last-child {
  margin-bottom: 0;
}
.content-block.content_image_left .text-small.read-more p,
.content-block.content_image_left .text-small.read-more a.button, .content-block.content_image_right .text-small.read-more p,
.content-block.content_image_right .text-small.read-more a.button {
  margin: 20px 0 0 0;
}
.content-block.content_image_left .content {
  padding: 0 0 0 50px;
}
.content-block.content_image_right .image {
  order: 1;
}
.content-block.content_image_right .content {
  padding: 0 50px 0 0;
}
.content-block.content_image_large .title-medium-alt, .content-block.content_image_no .title-medium-alt {
  text-align: center;
}
.content-block.content_image_large .text-medium,
.content-block.content_image_large .question-wrapper-centered, .content-block.content_image_no .text-medium,
.content-block.content_image_no .question-wrapper-centered {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
}
.content-block.content_image_large .title-medium-alt {
  padding-top: 32px;
}
.content-block.content-block-columns {
  margin: 0 40px;
}
.content-block.content-block-columns .title-medium-alt {
  margin: 0 0 16px 0;
  text-align: center;
}
.content-block.content-block-columns .text-medium {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
}
.content-block.content-block-columns .app-links {
  padding-top: 8px;
}
.content-block.content-block-columns .text-medium .app-links .app-badge {
  height: 40px;
}
.content-block.content-block-columns .text-medium .app-links .app-badge.app-badge-ios {
  width: 120px;
  background-size: auto 100%;
}
.content-block.content-block-columns .text-medium .app-links .app-badge.app-badge-android {
  width: 135px;
  background-size: auto 100%;
}
.content-block.content-block-columns .text-medium .app-links a {
  border: 0;
}
.content-block.content-block-columns .grid {
  padding-top: 48px;
}
.content-block.content-block-columns img {
  display: block;
  width: 100%;
  margin: 0 0 16px 0;
}
.content-block.content-block-columns .image.phone {
  background: #fff;
  padding: 10px;
  border-radius: 20px;
  box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.1);
  margin: 0 0 24px 0;
}
.content-block.content-block-columns .image.phone img {
  border-radius: 12px;
  margin: 0;
}
.content-block.content-block-columns .title-small-alt {
  margin: 0 0 4px 0;
}
.content-block.content-block-columns .text-small {
  margin: 0 8px 0 0;
}
.content-block .faq-link {
  margin: 32px 0 0 0;
}
.content-block.content-block-cta {
  padding-top: 32px;
}
.content-block.content-block-cta .title-large {
  margin: 0 0 56px 0;
  text-align: center;
}
.content-block.content-block-cta .column-image {
  border-radius: 11px;
  background-color: #333;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.content-block.content-block-cta .column-cta {
  background: #F2F2F2;
  box-sizing: border-box;
  min-height: 380px;
  border-radius: 11px;
  padding: 30px;
  text-align: center;
}
.content-block.content-block-cta .column-cta.main {
  background: #ffffff;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
}
.content-block.content-block-cta .column-contact {
  background: #6cc36c;
}
.content-block.content-block-cta .column-contact.main {
  background: #6cc36c;
}
.content-block.content-block-cta .column-contact .title-small {
  margin: 40px 0 8px 0;
  color: #fff;
}
.content-block.content-block-cta .column-contact .text-small {
  padding: 0 0 16px 0;
  color: #1D5E1D;
}
.content-block.content-block-cta .column-contact .sales-images {
  display: block;
  height: 54px;
  margin: 0 -8px 20px 0;
}
.content-block.content-block-cta .column-contact .sales-images img {
  display: inline-block;
  width: 54px;
  height: 54px;
  border-radius: 30px;
  border: 2px solid #ffffff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.content-block.content-block-cta .column-contact .sales-images picture {
  display: inline-block;
  width: 58px;
  height: 58px;
  position: relative;
  z-index: 1;
}
.content-block.content-block-cta .column-contact .sales-images picture:nth-child(2) {
  left: -8px;
  z-index: 2;
}
.content-block.content-block-cta .column-contact .sales-images picture:nth-child(3) {
  left: -16px;
  z-index: 5;
}
.content-block.content-block-cta .column-contact .sales-images picture:nth-child(4) {
  left: -24px;
  z-index: 4;
}
.content-block.content-block-cta .column-contact .sales-images picture:nth-child(5) {
  left: -32px;
  z-index: 3;
}
.content-block.content-block-cta .column-documents {
  position: relative;
}
.content-block.content-block-cta .column-documents ul {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  display: inline-block;
}
.content-block.content-block-cta .column-documents ul li {
  margin: 14px 0;
}
.content-block.content-block-cta .column-documents ul li a {
  background: url("../images/icon-pdf.svg") 0 50% no-repeat;
  padding: 2px 0 6px 30px;
}
.content-block.content-block-cta .column-documents ul li a span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #292929;
  font-weight: 600;
  border-bottom: 2px solid #6cc36c;
  line-height: 20px;
}
.content-block.content-block-cta .column-documents ul li a:hover span {
  color: #333;
  border-bottom: 2px solid #ffcc66;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.content-block.content-block-cta .column-product .title-small {
  margin: 16px 0 22px 0;
}
.content-block.content-block-cta .column-product.has-regularprice .title-small {
  margin-bottom: 16px;
}
.content-block.content-block-cta .column-product s.regular-price {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  display: block;
  color: #C4C4C4;
}
.content-block.content-block-cta .column-product span.price {
  font-size: 28px;
  font-size: 2.8rem;
  color: #818181;
  line-height: 40px;
  display: block;
  margin: 0 0 26px 0;
}
.content-block.content-block-cta .column-product span.price.main {
  color: #6cc36c;
}
.content-block.content-block-cta .column-product.has-regularprice span.price {
  margin-bottom: 16px;
}
.content-block.content-block-cta .column-product span.price.has-regular-price {
  margin-bottom: 0;
}
.content-block.content-block-cta .column-product span.regular-price {
  color: #AAAAAA;
  margin-bottom: 16px;
  text-decoration: line-through;
  display: block;
}
.content-block.content-block-cta .column-product .text-small {
  padding: 0 0 24px 0;
}
.content-block.content-block-cta .column-product .text-small p {
  line-height: 32px;
}
.content-block.content-block-related {
  padding: 64px 0 0 0;
}
.content-block.content-block-related .title-extra-small {
  text-align: center;
  margin: 0 0 24px 0;
}
.content-block.content-block-related .column {
  background: #F2F2F2;
  border-radius: 11px;
  padding: 24px 0;
}
.content-block.content-block-related .image {
  width: 160px;
  float: left;
}
.content-block.content-block-related .image img {
  display: block;
  width: 100%;
  max-width: 95px;
  margin: -10px auto 0 auto;
}
.content-block.content-block-related .content {
  margin: 0 30px 0 160px;
}
.content-block.content-block-related .content .title-small {
  margin: 0 0 8px 0;
}
.content-block.content-block-related .text-small p {
  color: #545454;
  margin: 0 0 8px 0;
}
.content-block.content-block-related .text-small p:last-child {
  margin-bottom: 0;
}
.content-block.content-block-resellers {
  padding: 64px 0 0 0;
}
.content-block.content-block-resellers .title-extra-small {
  text-align: center;
  margin: 0 0 24px 0;
}
.content-block.content-block-resellers .block-10 {
  overflow: hidden;
  padding: 1px 0 0 0;
}
.content-block.content-block-resellers .reseller-link {
  display: block;
  float: left;
  border: 1px solid #DADADA;
  position: relative;
  margin-right: -1px;
  margin-top: -1px;
  width: 20%;
  box-sizing: border-box;
}
.content-block.content-block-resellers .reseller-link img {
  display: block;
  width: 100%;
}
.content-block.content-block-resellers .reseller-link a:hover img {
  opacity: 0.6;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.component-block-airpatrol-promo ul,
.component-block-airpatrol-promo ul li:last-child {
    margin-bottom: 0;
}

/*
  FAQ toggle
*/
.question-wrapper {
  border-bottom: 1px solid #ddd;
  margin: 0 0 0 0;
}
.question-wrapper .question a {
  background: url("../images/icon-expand.svg") 100% 50% no-repeat;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #222222;
  display: block;
  padding: 4px 0;
  line-height: 40px;
}
.question-wrapper .question a:hover {
  color: #555;
}
.question-wrapper .question.expanded a {
  background-image: url("../images/icon-collapse.svg");
}
.question-wrapper .answer {
  display: none;
}
.question-wrapper .text-small {
  padding: 0px 16px 10px 0;
}
.question-wrapper .text-small p {
  margin-bottom: 12px;
}

/*
  Card - Contact
*/
.card-contact {
  background: #F2F2F2;
  border-radius: 11px;
  padding: 20px 20px 24px 20px;
  text-align: center;
}
.card-contact .image {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
  margin-bottom: 16px;
  overflow: hidden;
  border-radius: 100%;
  box-sizing: border-box;
}
.card-contact .image.no-image {
  background-color: #dddddd;
}
.card-contact .image img {
  width: 100%;
  display: block;
  
}
.card-contact span.title {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 600;
  color: #7E7E7E;
  display: block;
  text-align: center;
  margin: 0 0 12px 0;
}
.card-contact .text-small p {
  margin-bottom: 0;
}
.card-contact.card-contact-small {
  background: transparent;
  border-radius: 0;
  padding: 0 0 40px 0;
  overflow: hidden;
  text-align: left;
}
.card-contact.card-contact-small .image {
  width: 60px;
  margin: 4px 0 0 0;
  padding: 0 0 0 0;
  float: left;
}
.card-contact.card-contact-small .title-small,
.card-contact.card-contact-small span.title,
.card-contact.card-contact-small .text-small {
  margin: 0 0 0 80px;
  text-align: left;
}
.card-contact.card-contact-small .text-small {
  padding-bottom: 2px;
}
.card-contact.card-contact-small .text-small p {
  font-size: 13px;
  font-size: 1.3rem;
}

/*
  Card - Location
*/
.card-location {
  background: #F2F2F2;
  display: block;
  min-height: 280px;
  border-radius: 11px;
  padding: 40px 40px 30px 40px;
}
.card-location .title-small {
  color: #7E7E7E;
  min-height: 60px;
}
.card-location .text-small p {
  line-height: 24px;
}
.card-location .text-small p a {
  color: #222;
  border-bottom: 1px solid #222;
  font-weight: normal;
}
.card-location .text-small p a:hover {
  color: #777;
  border-color: #777;
}
.card-location .text-small p a.phone-no {
  border-bottom: 0;
}
.card-location .text-small:last-child p {
  margin-bottom: 0;
}

/*
  Page: Contact
*/
.contact-people {
  padding-bottom: 80px;
}

.contact-locations {
  padding-bottom: 120px;
}

/*
  Headline w divider
*/
.title-divider {
  position: relative;
  margin: 0 0 32px 0;
  display: block;
  width: 100%;
}
.title-divider:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #D8D8D8;
  position: absolute;
  top: 50%;
  left: 0;
}
.title-divider span {
  color: #737373;
  position: relative;
  background: #fff;
  z-index: 2;
  display: inline-block;
  padding: 0 10px 0 0;
}

/*
  Page default
*/
.page-default {
  margin: 0 0 160px 0;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
  margin-bottom: 8px;
}

.page-content span.highlight {
  color: #888;
}

.page-content img {
  display: block;
  margin: 0 auto;
  padding: 24px 0;
  max-width: 100%;
  height: auto;
}

.page-content img.alignleft {
  float: left;
  padding: 0 24px 0 0;
}

.page-content img.aligncenter {
  margin: 0 auto;
}

.page-content img.alignright {
  float: right;
  padding: 0 24px 0 0;
}

.page-content .wp-caption {
  width: auto !important;
}

.page-content p.wp-caption-text {
  font-size: 14px;
  font-size: 1.4rem;
  color: #888;
  margin-top: -12px;
  text-align: center;
}

.page-content table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-align: left;
  margin: 0 0 32px 0;
  width: 100%;
  box-sizing: border-box;
}
.page-content table th, .page-content table td {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  padding: 12px;
  vertical-align: top;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/*
  Press
*/
.press-images {
  padding: 0 0 120px 0;
}
.press-images .column {
  padding: 0 0 20px 0;
}
.press-images .column img {
  display: block;
  width: 100%;
}
.press-images a span {
  font-size: 12px;
  font-size: 1.2rem;
  color: #8E8E8E;
}
.press-images a:hover span {
  color: #666;
}

/*
  Disclaimer
*/
.block-disclaimer {
  padding-top: 40px;
  padding-bottom: 80px;
}
.block-disclaimer .title-small {
  padding-bottom: 8px;
}
.block-disclaimer .disclaimer-inner {
  border: 1px solid #ccc;
  padding: 30px 20px 40px 20px;
}
.block-disclaimer a.button {
  margin-right: 20px;
}

/*
  Support
*/
.wrapper-support {
  margin-bottom: 200px;
}

.support-navigation {
  padding: 0 0 80px 0;
}
.support-navigation .title-medium {
  margin: 0 0 20px 0;
}
.support-navigation a {
  display: block;
  background: #F2F2F2;
  border-radius: 11px;
  padding: 30px 0;
  text-align: center;
}
.support-navigation a .headline {
  font-family: "Mohave-SemiBoldItalic", sans-serif;
  font-weight: normal;
  color: #000000;
  font-face: swap;
  font-size: 20px;
  font-size: 2rem;
  display: block;
  text-align: center;
  margin: 8px 0 0 0;
}
.support-navigation a:hover {
  background: #E8E8E8;
}
.support-navigation a.active {
  background: #ffcc66;
}

.support-block-wrapper {
  margin: 0 0 60px 0;
}
.support-block-wrapper .title-medium {
  padding: 0 0 20px 0;
}
.support-block-wrapper .support-block {
  background: #F2F2F2;
  border-radius: 11px;
  text-align: center;
  padding: 40px 20px;
  margin: 0 0 20px 0;
}
.support-block-wrapper .support-block .headline {
  font-size: 14px;
  font-size: 1.4rem;
  color: #676767;
  font-weight: 700;
  text-transform: uppercase;
}
.support-block-wrapper .support-block .main {
  display: block;
}
.support-block-wrapper .support-block .main a {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 48px;
  display: inline-block;
  color: #000;
  font-weight: 600;
}
.support-block-wrapper .support-block .main a:hover {
  color: #666;
}
.support-block-wrapper .support-block .meta {
  margin: 12px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #939393;
  display: block;
  text-align: center;
}
.support-block-wrapper .support-block .meta a {
  text-decoration: underline;
}
.support-block-wrapper .support-block.support-block-main {
  background: #fff;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
  padding: 60px 20px;
}
.support-block-wrapper .support-block.support-block-main .main a {
  border-bottom: 3px solid #6cc36c;
}
.support-block-wrapper .support-block.support-block-main .main a:hover {
  border-color: #ffcc66;
  color: #666;
}

/*
  People
*/
.people {
  background: #F2F2F2;
  padding: 40px 60px;
  box-sizing: border-box;
  margin-bottom: 48px;
  border-radius: 11px;
}
.people .people-intro {
  overflow: hidden;
  margin: 0 0 24px 0;
}
.people .image {
  width: 100px;
  float: left;
}
.people .image img {
  display: block;
  width: 100%;
  border-radius: 50px;
}
.people .name-title {
  margin: 8px 0 0 0;
}
.people.has-image .name-title {
  margin-left: 120px;
}
.people .meta-title {
  margin: 3px 0 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #7E7E7E;
}
.people .meta-description {
  font-size: 14px;
  font-size: 1.4rem;
  color: #9A9A9A;
}
.people ul.info {
  font-size: 14px;
  font-size: 1.4rem;
}
.people ul.info span {
  font-weight: 700;
  text-transform: uppercase;
}
.people ul.info li {
  margin-bottom: 8px;
}
.people ul.info li:last-child {
  margin-bottom: 0;
}

.page-template-page-people .wrapper {
  margin-bottom: 140px;
}

/*
  Job list
*/
.job-list-wrapper {
  padding-bottom: 200px;
}
.job-list-wrapper .title-medium {
  padding-bottom: 8px;
}

.job-city {
  text-align: center;
  color: #A9A9A9;
}
.job-city p {
  margin: 4px 0 0 0;
}

/*
  Log in overlay
*/
.login-overlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
}

.login-container {
  background: #fff;
  width: 100%;
  max-width: 370px;
  box-sizing: border-box;
  border-radius: 11px;
  padding: 24px 24px 30px 24px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.login-container a.close {
  background: url("../images/icon-close-gray.svg") 0 0 no-repeat;
  background-size: 12px 12px;
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.login-container .title-small {
  padding: 0 0 8px 12px;
  color: #8C8C8C;
}
.login-container li a {
  display: block;
  color: #222222;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 10px 16px 10px 50px;
  border: 2px solid #C8C8C8;
  border-radius: 11px;
  margin: 8px 0 0 0;
  position: relative;
}
.login-container li a:before {
  content: "";
  background: url("../images/icon-arrow-gray.svg") 0 0 no-repeat;
  display: block;
  width: 17px;
  height: 12px;
  position: absolute;
  right: 18px;
  top: 16px;
}
.login-container li.fairshare a {
  background: url("../images/support-icon-fairshare.png") 12px 50% no-repeat;
  background-size: auto 24px;
}
.login-container li.tune-highrise a {
  background: url("../images/support-icon-tune-highrise.png") 10px 50% no-repeat;
  background-size: auto 24px;
}
.login-container li.gridtuner a {
  background: url("../images/support-icon-gridtuner.png") 12px 50% no-repeat;
  background-size: auto 24px;
}
.login-container li.ngenic-tune a {
  background: url("../images/icon-ngenic-tune.png") 12px 50% no-repeat;
  background-size: auto 24px;
}
.login-container li a:hover {
  background-color: #F5F5F5;
}

/*
  Campaign
*/
.block-campaign {
  padding: 0 0 120px 0;
}
.block-campaign .title-medium-alt {
  margin: 0 0 16px 0;
}

.columns-campaign {
  padding: 0 0 120px 0;
}
.columns-campaign .title-medium-alt {
  margin: 0 0 32px 0;
}
.columns-campaign .title-small {
  margin: 0 0 4px 0;
}

.campaign-cta {
  text-align: center;
}

/*
  Responsive video
*/
.video-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.video-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

/*
  App links
*/
.app-links {
  text-align: center;
  margin: 0 0 30px 0;
}
.app-links .app-badge {
  display: inline-block;
  text-indent: -9999px;
  height: 48px;
  margin: 0 10px;
}
.app-links .app-badge.app-badge-ios {
  background: url("../images/app-badge-ios.svg") 0 0 no-repeat;
  width: 144px;
  background-size: 100%;
}
.app-links .app-badge.app-badge-android {
  background: url("../images/app-badge-android.svg") 0 0 no-repeat;
  width: 162px;
  background-size: 100%;
}
.app-links .app-badge:hover {
  opacity: 0.8;
}

.app-link-image {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 120px auto;
}
.app-link-image img {
  display: block;
  width: 100%;
}

/*
  Jobs list
*/
.job-list-wrapper .title-medium,
.job-list-wrapper .text-medium {
  text-align: center;
}
.job-list-wrapper .title-medium {
  margin: 0 0 8px 0;
}

.jobs-list {
  background: #F2F2F2;
  border-radius: 11px;
  padding: 20px 32px;
}
.jobs-list ul li {
  border-bottom: 1px solid #C7C7C7;
  overflow: hidden;
  padding: 12px 0;
}
.jobs-list ul li a {
  color: #6cc36c;
  font-weight: 600;
}
.jobs-list ul li a:hover {
  color: #222;
}
.jobs-list ul li .city {
  float: right;
  font-size: 14px;
  font-size: 1.4rem;
  color: #A6A6A6;
  line-height: 24px;
}
.jobs-list ul li:last-child {
  border-bottom: 0;
}

/*
  Error block (404)
*/
.block-error {
  padding: 60px 0 160px 0;
  box-sizing: border-box;
  background: url("../images/image-404.png") 100% 100% no-repeat;
  background-size: 400px auto;
}
.block-error .title-medium-alt {
  margin: 0 0 32px 0;
}
.block-error .title-medium-alt span {
  font-size: 120px;
  font-size: 12rem;
  line-height: 132px;
  display: block;
  color: #ADADAD;
}

/*
  Framework agreements
*/
.framework-agreements {
  margin: 48px 0 0 0;
}
.framework-agreements .fwa-sinfra,
.framework-agreements .fwa-hbv {
  display: inline-block;
  text-indent: -9999px;
  vertical-align: middle;
}
.framework-agreements .fwa-sinfra {
  background: url("../images/logo-sinfra-fwa.png") 0 0 no-repeat;
  width: 90px;
  height: 90px;
  background-size: 100% auto;
}
.framework-agreements .fwa-hbv {
  background: url("../images/logo-hbv-fwa.png") 0 0 no-repeat;
  width: 70px;
  height: 70px;
  background-size: 100% auto;
  margin: 0 0 0 24px;
}

/* Page: NIBE with Ngenic Tune */
body.page-id-2444 .page-content img {
  padding: 0;
}

body.page-id-2444 a.nibe-cta {
  display: inline-block;
  margin-top: 8px;
}

body.page-id-2444 .quote {
  border-left: 3px solid #E3E3E3;
  padding-left: 20px;
}

body.page-id-2444 .text-large ul li {
  margin-bottom: 0;
}

body.page-id-2444 .text-large ul {
  padding-bottom: 16px;
}

body.page-id-2444 .text-large ul li p {
  margin-bottom: 8px;
}

/*
	Glide.js
*/
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.glide * {
  box-sizing: inherit;
}

.glide__track {
  overflow: hidden;
}

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}

.glide__slides--dragging {
  user-select: none;
}

.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}

.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}

.glide--rtl {
  direction: rtl;
}

/*
  CTA with price
*/
.cta-with-price {
  padding: 24px 0 0 0;
}
.cta-with-price .price-wrapper {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 0 20px 0 0;
  position: relative;
  top: -1px;
}
.cta-with-price .price-wrapper.has-campaign {
  top: -6px;
}
.cta-with-price .price-wrapper .regular-price {
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: line-through;
  color: #ccc;
  line-height: 14px;
  margin: 0 8px 0 0;
  display: inline-block;
}
.cta-with-price .button-big {
  display: inline-block;
  margin: 0 45px 0 0;
}
.cta-with-price a.read-more {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  font-weight: 600;
  color: #A3A3A3;
  border-bottom: 1px solid #A3A3A3;
}
.cta-with-price a.read-more:hover {
  color: #fff;
  border-color: #fff;
}

@media all and (max-width: 1300px) {
  .cta-with-price {
    padding-top: 8px;
  }
}
@media all and (max-width: 1200px) {
  .product-block .column {
    padding-right: 24px;
  }
  .product-block .image img {
    max-height: 40px;
    width: auto;
  }
}
@media all and (max-width: 1120px) {
  .product-block.grid-columns-33-33-33 {
    grid-template-columns: 1fr 1fr;
  }
  .product-block.grid-12 {
    max-width: 720px;
  }
  .item-product {
    min-height: 340px;
  }
  .content-block.content_image_left .content {
    padding-left: 25px;
  }
  .content-block.content_image_right .content {
    padding-right: 25px;
  }
  .content-block.content-block-columns .grid {
    gap: 40px;
    column-gap: 40px;
    row-gap: 40px;
  }
  .content-block.content-block-columns .grid-12 {
    max-width: 580px;
  }
  .content-block.content-block-columns .grid-columns-25-25-25-25 {
    grid-template-columns: 1fr 1fr;
  }
  .content-block.content-block-cta .column-cta {
    padding: 20px;
    min-height: 330px;
  }
  .content-block.content-block-cta .column-product span.price {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 32px;
  }
  .content-block.content-block-cta .column-product .text-small {
    padding-bottom: 8px;
  }
  .contact-people.grid-columns-25-25-25-25,
.contact-locations.grid-columns-25-25-25-25 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .block-error {
    padding: 20px 40px 100px 40px;
  }
  .block-error .title-medium-alt span {
    font-size: 100px;
    font-size: 10rem;
    line-height: 112px;
  }
  .page-intro-large.intro-image-large .framework-agreements {
    text-align: center;
    margin-bottom: 24px;
  }
}
@media all and (max-width: 1120px) {
  .contact-sales .text-medium p {
    max-width: 280px;
  }
  .promo-home.campaign-track .image {
    width: 240px;
    background-size: 240px auto;
  }
  .promo-home.campaign-track .title-medium {
    padding-left: 300px;
  }
}
@media all and (max-width: 1000px) {
  .item-product {
    min-height: 380px;
  }
  .page-template-page-consumer .item-product img {
    height: 100px;
  }
  .promo-sortiment .sortiment-image {
    right: 250px;
    height: 50px;
  }
  .promo-sortiment .sortiment-image img {
    height: 50px;
  }
  .promo-home .title-medium {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 28px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .promo-home.campaign-tune .image {
    width: 160px;
  }
  .promo-home.campaign-tune .title-medium {
    padding-left: 180px;
  }
  .contact-sales {
    text-align: center;
  }
  .contact-sales .text-medium p {
    max-width: 100%;
    margin-bottom: 24px;
  }
  .contact-sales a.button {
    position: relative;
    right: 0;
    top: 0;
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  .contact-sales .sales-images {
    position: relative;
    right: -16px;
    top: 0;
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    width: 100%;
    margin-top: 24px;
  }
  .products .contact-sales {
    text-align: left;
  }
  .grid-columns-50-50.content_image_left {
    grid-template-columns: 5fr 7fr;
  }
  .grid-columns-50-50.content_image_right {
    grid-template-columns: 7fr 5fr;
  }
  .content-block.content_image_left .content {
    padding-left: 10px;
  }
  .content-block.content_image_right .content {
    padding-right: 10px;
  }
  .content-block.content-block-cta .grid-12.grid-columns-33-33-33 {
    max-width: 780px;
  }
  .content-block.content-block-cta .grid-columns-33-33-33 {
    grid-template-columns: 1fr 1fr;
  }
  .content-block.content-block-cta .grid-12.grid-columns-33-33-33 .column-image {
    display: none;
  }
  .content-block.content-block-related .grid.grid-columns-50-50 {
    max-width: 780px;
  }
  .content-block.content-block-related .grid-columns-50-50 {
    grid-template-columns: 1fr;
  }
}
@media all and (max-width: 900px) {
  .promo-home.campaign-track {
    padding: 30px;
    background-size: 200% auto;
  }
  .promo-home.campaign-track .image {
    width: 200px;
    height: 57px;
    background-size: 200px auto;
    position: relative;
    left: 0;
  }
  .promo-home.campaign-track .title-medium {
    padding: 20px 40px 0 0;
  }
}
@media all and (max-width: 800px) {
  .news-block.grid-columns-33-33-33 {
    grid-template-columns: 1fr 1fr;
  }
  .news-block.grid-columns-33-33-33 .column:last-child {
    display: none;
  }
  .quotes-wrapper-small.grid-columns-33-33-33 {
    grid-template-columns: 1fr 1fr;
  }
  .quotes-wrapper-small.grid-columns-33-33-33 .column:last-child {
    display: none;
  }
  .promo-sortiment {
    text-align: center;
  }
  .promo-sortiment .title-medium-alt {
    position: relative;
    top: 0;
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    margin-bottom: 16px;
  }
  .promo-sortiment a.button {
    position: relative;
    right: 0;
    top: 0;
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  .promo-sortiment .sortiment-image {
    position: relative;
    right: 0;
    top: 0;
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    margin-top: 32px;
    display: block;
  }
  .promo-sortiment .sortiment-image img {
    margin: 0 auto;
  }
  .promo-home.campaign-tune {
    background-size: auto 200%;
  }
  .promo-home.campaign-tune .title-medium {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 122px;
    padding-right: 40px;
  }
  .promo-home.campaign-tune .image {
    top: auto;
    bottom: 0;
    height: 120px;
  }
  .promo-home .promo-arrow {
    right: 20px;
  }
  body.page-template-page-consumer .promo-home {
    margin-bottom: 20px;
  }
  .page-template-page-consumer .item-product img {
    height: 80px;
  }
  .content-block {
    padding-bottom: 100px;
  }
  .grid-columns-50-50.content_image_left {
    grid-template-columns: 1fr;
  }
  .grid-columns-50-50.content_image_right {
    grid-template-columns: 1fr;
  }
  .content-block.content_image_left .content {
    padding-left: 0;
  }
  .content-block.content_image_right .content {
    padding-right: 0;
  }
  .content-block.content_image_right .image {
    order: 0;
  }
  .content-block.content_image_large .title-medium-alt, .content-block.content_image_no .title-medium-alt {
    text-align: left;
  }
  .content-block.content_image_large .text-medium, .content-block.content_image_large .question-wrapper-centered, .content-block.content_image_no .text-medium, .content-block.content_image_no .question-wrapper-centered {
    max-width: 100%;
  }
  .content-block.content-block-resellers .reseller-link {
    width: 25%;
  }
  .support-navigation a {
    padding: 15px 0;
  }
  .support-navigation a img {
    height: 32px;
  }
  .support-navigation a .headline {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .press-images.grid-columns-25-25-25-25 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .contact-people.grid-columns-25-25-25-25,
.contact-locations.grid-columns-25-25-25-25 {
    grid-template-columns: 1fr 1fr;
  }
  .people {
    padding: 30px;
  }
  .jobs-list {
    padding: 4px 20px;
  }
  .block-error {
    padding: 20px 0 50px 0;
    background-size: 300px auto;
  }
  .block-error .title-medium-alt {
    margin-bottom: 24px;
  }
  .block-error .title-medium-alt span {
    font-size: 80px;
    font-size: 8rem;
    line-height: 92px;
  }
  .framework-agreements .fwa-sinfra {
    width: 70px;
    height: 70px;
  }
  .framework-agreements .fwa-hbv {
    width: 55px;
    height: 55px;
  }
  .cta-with-price .price-wrapper {
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 12px;
    line-height: 18px;
    position: relative;
  }
  .cta-with-price .price-wrapper.has-campaign {
    top: -3px;
  }
  .cta-with-price .price-wrapper .regular-price {
    line-height: 12px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .cta-with-price a.button.button-big {
    font-size: 14px;
    font-size: 1.4rem;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    margin-right: 25px;
  }
  .cta-with-price a.read-more {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    position: relative;
    top: -1px;
  }
}
@media all and (max-width: 740px) {
  .product-block .image {
    top: 0;
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    right: 0;
    position: relative;
    margin-bottom: 8px;
  }
}
@media all and (max-width: 700px) {
  .promo-home {
    margin: 0 30px 30px 30px;
  }
}
@media all and (max-width: 680px) {
  .product-block.grid-columns-33-33-33 {
    grid-template-columns: 1fr;
  }
  .product-block.grid-12 {
    max-width: 340px;
  }
  .products.grid-columns-50-50 {
    grid-template-columns: 1fr;
  }
  .item-product {
    min-height: auto;
  }
  .content-block.content-block-cta .grid-12.grid-columns-33-33-33 {
    max-width: 320px;
  }
  .content-block.content-block-cta .grid-columns-33-33-33 {
    grid-template-columns: 1fr;
  }
  .content-block.content-block-cta .grid.grid-columns-50-50 {
    max-width: 320px;
  }
  .content-block.content-block-cta .grid-columns-50-50 {
    grid-template-columns: 1fr;
  }
  .content-block.content-block-cta .grid.grid-columns-50-50 .column-image {
    display: none;
  }
  .content-block.content-block-related .grid.grid-columns-50-50 {
    max-width: 320px;
  }
  .content-block.content-block-related .image {
    float: none;
    width: 120px;
  }
  .content-block.content-block-related .image img {
    max-width: 70px;
  }
  .content-block.content-block-related .content {
    margin: 16px 30px 0 30px;
  }
  .content-block.content-block-resellers .reseller-link {
    width: 33.3333333333%;
  }
  .contact-people.grid-12 {
    max-width: 320px;
  }
  .contact-people.grid-columns-25-25-25-25 {
    grid-template-columns: 1fr;
  }
}
@media all and (max-width: 600px) {
  .quotes-wrapper-big.grid-columns-50-50 {
    grid-template-columns: 1fr;
  }
  .quote.quote-big {
    margin: 0 0 24px 0;
  }
  .quote.quote-big blockquote {
    background-size: 20px auto;
    padding-top: 20px;
  }
  .quote img {
    max-height: 32px;
  }
  .quotes-wrapper-small.grid-columns-33-33-33 {
    grid-template-columns: 1fr;
  }
  .quotes-wrapper-small.grid-columns-33-33-33 .column {
    display: none;
  }
  .quotes-wrapper-small.grid-columns-33-33-33 .column:first-child {
    display: block;
  }
  .page-template-page-consumer .quotes-wrapper-small.grid-columns-33-33-33 .column,
.quotes-wrapper-small.grid-columns-33-33-33.mobile-show-all .column {
    display: block;
  }
  .content-block.content-block-columns .grid {
    gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
  }
  .content-block.content-block-columns .grid-12 {
    max-width: 580px;
  }
  .content-block.content-block-columns .grid-columns-25-25-25-25 {
    grid-template-columns: 1fr;
  }
  .content-block.content-block-columns .image.phone {
    max-width: 180px;
  }
  .content-block.content-block-cta .column-contact .sales-images img {
    width: 40px;
    height: 40px;
  }
  .contact-locations.grid-12 {
    max-width: 320px;
  }
  .contact-locations.grid-columns-25-25-25-25 {
    grid-template-columns: 1fr;
  }
  .contact-sales img {
    width: 40px;
    height: 40px;
  }
  .people .image {
    width: 70px;
    margin: 10px 0 0 0;
  }
  .people.has-image .name-title {
    margin-left: 90px;
  }
  .job-city p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .block-error {
    padding: 0px 0 50px 0;
  }
  .block-error .title-medium-alt span {
    font-size: 60px;
    font-size: 6rem;
    line-height: 72px;
  }
  .page-intro-large.intro-image-large .framework-agreements {
    margin-bottom: 8px;
  }
}
@media all and (max-width: 500px) {
  .news-block.grid-12 {
    max-width: 320px;
  }
  .news-block.grid-columns-33-33-33 {
    grid-template-columns: 1fr;
  }
  .news-block.grid-columns-33-33-33 .column:last-child {
    display: block;
  }
  .item-product {
    padding: 30px 20px 20px 20px;
  }
  .content-block.content-block-resellers .reseller-link {
    width: 50%;
  }
  .promo-home {
    margin: 0 20px 20px 20px;
  }
  .promo-home .title-medium {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
  }
  .promo-home.campaign-track {
    padding: 20px;
  }
  .promo-home.campaign-track .title-medium {
    padding-top: 10px;
  }
  .support-navigation .grid-columns-33-33-33 {
    grid-template-columns: 1fr 1fr;
  }
  .support-block-wrapper .support-block .main a {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 32px;
  }
  .press-images.grid-columns-25-25-25-25 {
    grid-template-columns: 1fr 1fr;
  }
  .people {
    padding: 20px;
  }
  .people .image {
    width: 50px;
    margin: 13px 0 0 0;
  }
  .people.has-image .name-title {
    margin-left: 70px;
  }
  .columns-campaign .grid-columns-50-50 {
    grid-template-columns: 1fr;
  }
  .jobs-list ul li a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  .jobs-list ul li .city {
    float: none;
    line-height: 20px;
  }
  .block-error {
    background-position: 50% 100%;
    background-size: 200px auto;
    padding-bottom: 200px;
  }
}
.cta-scroll-wrapper {
  width: 100%;
  max-width: 1392px;
  margin: 0 auto 0 auto;
  position: sticky;
  right: 0;
  top: 81px;
  height: 0;
  z-index: 5;
  text-align: right;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.cta-scroll-wrapper.cta-scroll-visible {
  opacity: 1;
}
.cta-scroll-wrapper a.button {
  font-size: 2.5rem;
  font-family: "Mohave", sans-serif;
  font-weight: 400;
  font-style: italic;
  padding: 8px 38px;
  border-radius: 36px;
  text-transform: uppercase;
  padding-right: 38px !important;
  box-shadow: 0 0 37px 2px rgba(0, 0, 0, 0.35);
}
body.display-mobile-nav {
  height: 100%;
  overflow: hidden;
}

#header {
  padding: 0 30px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}

.wrapper-header {
  display: block;
  margin: 30px auto;
  width: 100%;
  max-width: 1392px;
  height: 40px;
  position: relative;
}
.wrapper-header p.logo {
  position: absolute;
  left: 0px;
  top: 0;
}
.wrapper-header p.logo img {
  display: block;
  width: 136px;
}
.wrapper-header nav li {
  display: inline;
}
.wrapper-header nav#menu {
  text-align: center;
  padding: 8px 0 0 0;
}
.wrapper-header nav#menu li {
  margin-right: 48px;
  font-size: 18px;
  font-size: 1.8rem;
}
.wrapper-header nav#menu li:last-child {
  margin-right: 0;
}
.wrapper-header nav#menu a {
  color: #000;
}
.wrapper-header nav#menu a:hover {
  color: #777;
}
.wrapper-header nav#secondary {
  position: absolute;
  top: 7px;
  right: 0;
}
.wrapper-header nav#secondary a {
  color: #8E8E8E;
}
.wrapper-header nav#secondary a:hover {
  color: #000000;
}
.wrapper-header nav#secondary li {
  margin-left: 30px;
}
.wrapper-header nav#secondary li.log-in {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  color: #8E8E8E;
  padding: 20px 0;
}
.wrapper-header nav#secondary li.log-in a#log_in:after {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid #8E8E8E;
  border-width: 1px 1px 0 0;
  display: inline-block;
  vertical-align: middle;
  margin: -5px 0 0 5px;
  transform: rotate(135deg);
}
.wrapper-header nav#secondary li.log-in a#log_in:hover {
  color: #aaa;
}
.wrapper-header nav#secondary li.log-in a#log_in:hover:after {
  border-color: #aaa;
}
.wrapper-header nav#secondary li.log-in ul {
  width: 120px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  padding: 0 16px 2px 16px;
  position: absolute;
  top: 48px;
  left: -16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.wrapper-header nav#secondary li.log-in ul li {
  display: block;
  margin: 0;
}
.wrapper-header nav#secondary li.log-in ul li a {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #F1F1F1;
  color: #000;
}
.wrapper-header nav#secondary li.log-in ul li a span {
  font-size: 11px;
  font-size: 1.1rem;
  color: #9C9C9C;
  display: inline-block;
  margin: 0 0 0 3px;
}
.wrapper-header nav#secondary li.log-in ul li a:hover {
  color: #6cc36c;
}
.wrapper-header nav#secondary li.log-in ul li:last-child a {
  border-bottom: 0;
}
.wrapper-header nav#secondary li.log-in:hover ul {
  opacity: 1;
  visibility: visible;
}
.wrapper-header nav#secondary li.cart a {
  background: url("../images/icon-cart.svg") 0 2px no-repeat;
  background-size: 20px auto;
  padding: 0 0 0 25px;
}
.wrapper-header nav#secondary li.cart a span {
  background: #E9E9E9;
  color: #A1A1A1;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  box-sizing: border-box;
  padding: 0 7px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 20px;
}
.wrapper-header nav#secondary li.cart a.has-items span {
  background: #CDEFCD;
  color: #6cc36c;
}
.wrapper-header nav#secondary li.cart:hover {
  opacity: 0.8;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.wrapper-header a#show_navigation {
  background: url("../images/icon-nav.svg") 0 0 no-repeat;
  width: 22px;
  height: 16px;
  display: none;
  position: absolute;
  left: 30px;
  top: 27px;
}
.wrapper-header a#shopping_cart_mobile {
  position: absolute;
  right: 30px;
  top: 21px;
  background: url("../images/icon-cart.svg") 0 4px no-repeat;
  background-size: 19px auto;
  padding: 0 0 0 24px;
  display: none;
}
.wrapper-header a#shopping_cart_mobile span {
  background: #E9E9E9;
  color: #A1A1A1;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  box-sizing: border-box;
  padding: 0 7px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 20px;
}
.wrapper-header a#shopping_cart_mobile.has-items span {
  background: #CDEFCD;
  color: #6cc36c;
}

.header-light .wrapper-header nav#menu a {
  color: #ffffff;
}
.header-light .wrapper-header nav#menu a:hover {
  color: #dddddd;
}
.header-light .wrapper-header nav#secondary a {
  color: #BDBDBD;
}
.header-light .wrapper-header nav#secondary a:hover {
  color: #dddddd;
}
.header-light .wrapper-header nav#secondary .log-in a#log_in:after {
  border-color: #BDBDBD;
}
.header-light .wrapper-header nav#secondary .log-in a#log_in:hover {
  color: #dddddd;
}
.header-light .wrapper-header nav#secondary .log-in a#log_in:hover:after {
  border-color: #dddddd;
}
.header-light .wrapper-header nav#secondary li.cart a {
  background-image: url("../images/icon-cart-light.svg");
}
.header-light .wrapper-header nav#secondary li.cart a span {
  background: #A1A1A1;
  color: #E9E9E9;
}
.header-light .wrapper-header nav#secondary li.cart a.has-items span {
  background: #6cc36c;
  color: #CDEFCD;
}
.header-light a#show_navigation {
  background: url("../images/icon-nav-light.svg") 0 0 no-repeat;
}

/*
  Header - sticky nav
*/
#header.stickynav-hide,
#header.header-light.stickynav-hide {
  background: #fff;
  position: fixed;
  top: -100px;
}

#header.stickynav-show,
#header.header-light.stickynav-show {
  position: fixed;
  top: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.25);
  -webkit-transition: top 0.2s ease-in-out;
  -moz-transition: top 0.2s ease-in-out;
  -o-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
}
#header.stickynav-show .wrapper-header,
#header.header-light.stickynav-show .wrapper-header {
  margin: 16px auto;
  height: 32px;
}
#header.stickynav-show .wrapper-header p.logo a,
#header.header-light.stickynav-show .wrapper-header p.logo a {
  display: block;
  background: url("../images/logo-ngenic.svg") 0 0 no-repeat;
  background-size: 100% auto;
}
#header.stickynav-show .wrapper-header p.logo img,
#header.header-light.stickynav-show .wrapper-header p.logo img {
  display: block;
  width: 109px;
  visibility: hidden;
}
#header.stickynav-show .wrapper-header nav#menu,
#header.header-light.stickynav-show .wrapper-header nav#menu {
  padding: 5px 0 0 0;
  text-align: center;
}
#header.stickynav-show .wrapper-header nav#menu li,
#header.header-light.stickynav-show .wrapper-header nav#menu li {
  margin-right: 40px;
  font-size: 16px;
  font-size: 1.6rem;
}
#header.stickynav-show .wrapper-header nav#menu li:last-child,
#header.header-light.stickynav-show .wrapper-header nav#menu li:last-child {
  margin-right: 0;
}
#header.stickynav-show .wrapper-header nav#menu a,
#header.header-light.stickynav-show .wrapper-header nav#menu a {
  color: #000;
}
#header.stickynav-show .wrapper-header nav#menu a:hover,
#header.header-light.stickynav-show .wrapper-header nav#menu a:hover {
  color: #777;
}
#header.stickynav-show .wrapper-header nav#secondary,
#header.header-light.stickynav-show .wrapper-header nav#secondary {
  top: 2px;
}
#header.stickynav-show .wrapper-header nav#secondary a,
#header.header-light.stickynav-show .wrapper-header nav#secondary a {
  color: #8E8E8E;
}
#header.stickynav-show .wrapper-header nav#secondary a:hover,
#header.header-light.stickynav-show .wrapper-header nav#secondary a:hover {
  color: #000000;
}
#header.stickynav-show .wrapper-header nav#secondary li.log-in,
#header.header-light.stickynav-show .wrapper-header nav#secondary li.log-in {
  color: #8E8E8E;
}
#header.stickynav-show .wrapper-header nav#secondary li.log-in a#log_in:after,
#header.header-light.stickynav-show .wrapper-header nav#secondary li.log-in a#log_in:after {
  border: 1px solid #8E8E8E;
  border-width: 1px 1px 0 0;
}
#header.stickynav-show .wrapper-header nav#secondary li.log-in a#log_in:hover,
#header.header-light.stickynav-show .wrapper-header nav#secondary li.log-in a#log_in:hover {
  color: #aaa;
}
#header.stickynav-show .wrapper-header nav#secondary li.log-in a#log_in:hover:after,
#header.header-light.stickynav-show .wrapper-header nav#secondary li.log-in a#log_in:hover:after {
  border-color: #aaa;
}
#header.stickynav-show .wrapper-header nav#secondary li.log-in ul li a,
#header.header-light.stickynav-show .wrapper-header nav#secondary li.log-in ul li a {
  color: #000;
}
#header.stickynav-show .wrapper-header nav#secondary li.log-in ul li a:hover,
#header.header-light.stickynav-show .wrapper-header nav#secondary li.log-in ul li a:hover {
  color: #6cc36c;
}
#header.stickynav-show .wrapper-header nav#secondary li.cart a,
#header.header-light.stickynav-show .wrapper-header nav#secondary li.cart a {
  background-image: url("../images/icon-cart.svg");
}
#header.stickynav-show .wrapper-header nav#secondary li.cart a span,
#header.header-light.stickynav-show .wrapper-header nav#secondary li.cart a span {
  background: #E9E9E9;
  color: #A1A1A1;
}
#header.stickynav-show .wrapper-header nav#secondary li.cart a.has-items span,
#header.header-light.stickynav-show .wrapper-header nav#secondary li.cart a.has-items span {
  background: #CDEFCD;
  color: #6cc36c;
}
#header.stickynav-show .wrapper-header a#show_navigation,
#header.header-light.stickynav-show .wrapper-header a#show_navigation {
  background: url("../images/icon-nav.svg") 0 0 no-repeat;
  width: 22px;
  height: 16px;
  display: none;
  position: absolute;
  right: 30px;
  top: 27px;
}

/*
  Header - stripped
*/
#header_stripped {
  padding: 30px 0;
}
#header_stripped p.logo {
  width: 90px;
  margin: 0 auto;
}
#header_stripped p.logo img {
  width: 100%;
  display: block;
}

body.page-template-page-campaign #header_stripped {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

/*
  Subnav
*/
nav#subnav {
  padding: 24px 0 0 0;
  display: block;
  text-align: center;
}
nav#subnav ul {
  display: inline-block;
  border-bottom: 1px solid #D8D8D8;
}
nav#subnav ul li {
  display: inline-block;
  margin-right: 30px;
}
nav#subnav ul li:last-child {
  margin-right: 0;
}
nav#subnav ul a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #8E8E8E;
  display: block;
  line-height: 40px;
  margin-bottom: -1px;
}
nav#subnav ul li.current_page_item a {
  color: #6cc36c;
  border-bottom: 2px solid #6cc36c;
}

@media all and (max-width: 1300px) {
  .wrapper-header p.logo {
    left: 0px;
  }
  .wrapper-header nav#secondary {
    right: 0px;
  }
  .wrapper-header nav#menu li {
    margin-right: 40px;
  }
  .wrapper-header nav#secondary li {
    margin-left: 20px;
  }
}
@media all and (max-width: 1120px) {
  .wrapper-header {
    height: 32px;
  }
  .wrapper-header p.logo img {
    width: 110px;
  }
  .wrapper-header nav#menu {
    padding-top: 4px;
  }
  .wrapper-header nav#menu li {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 30px;
  }
  .wrapper-header nav#secondary {
    font-size: 14px;
    font-size: 1.4rem;
    top: 3px;
  }
  nav#subnav {
    padding-top: 8px;
  }
  nav#subnav ul a {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 32px;
  }
  #header.stickynav-show .wrapper-header nav#menu li,
#header.header-light.stickynav-show .wrapper-header nav#menu li {
    margin-right: 30px;
  }
}
@media all and (max-width: 1000px) {
  .wrapper-header {
    margin: 20px 0;
    height: 30px;
  }
  .wrapper-header p.logo {
    top: 2px;
  }
  .wrapper-header p.logo img {
    width: 100px;
  }
  .wrapper-header nav#secondary li {
    margin-left: 12px;
  }
  #header.stickynav-show .wrapper-header p.logo,
#header.header-light.stickynav-show .wrapper-header p.logo {
    top: 1px;
  }
  #header.stickynav-show .wrapper-header p.logo img,
#header.header-light.stickynav-show .wrapper-header p.logo img {
    width: 100px;
  }
}
@media all and (max-width: 870px) {
  .wrapper-header nav#secondary li.log-in {
    display: none;
  }
}
@media all and (max-width: 800px) {
  #header {
    padding: 0;
  }
  .wrapper-header {
    margin: 0;
    padding: 20px 30px;
    width: auto;
    max-width: 100%;
  }
  .wrapper-header {
    text-align: center;
  }
  .wrapper-header p.logo {
    top: 0px;
    position: relative;
    display: inline-block;
  }
  .wrapper-header a#show_navigation {
    display: block;
  }
  .wrapper-header a#shopping_cart_mobile {
    display: block;
  }
  body.display-mobile-nav .wrapper-header a#show_navigation {
    background: url("../images/icon-nav-close.svg") 50% 0 no-repeat;
  }
  body.display-mobile-nav .header-light .wrapper-header a#show_navigation {
    background: url("../images/icon-nav-close-light.svg") 50% 0 no-repeat;
  }
  .wrapper-header .menus {
    background: #fff;
    display: none;
    position: fixed;
    left: 0;
    top: 50px;
    width: 100%;
    height: 100%;
    z-index: 9;
  }
  body.display-mobile-nav .header-light .wrapper-header,
.header-light .wrapper-header .menus {
    background: #222;
  }
  body.display-mobile-nav .header-light.stickynav-show .wrapper-header,
.header-light.stickynav-show .wrapper-header .menus {
    background: #fff;
  }
  .wrapper-header nav#menu {
    margin-top: 20px;
  }
  .wrapper-header nav#menu li {
    display: block;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .wrapper-header nav#secondary {
    position: relative;
    top: 0;
  }
  .wrapper-header nav#secondary li {
    margin-left: 0;
    display: block;
  }
  .wrapper-header nav#secondary li.language-selector {
    display: block;
    padding-top: 16px;
    margin-bottom: 12px;
  }
  .wrapper-header nav#secondary li.log-in {
    display: block;
    padding-top: 20px;
    margin-bottom: 16px;
  }
  .wrapper-header nav#secondary li.cart {
    display: none;
  }
  .wrapper-header nav#secondary li.log-in a {
    font-weight: 700;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .wrapper-header nav#secondary li.log-in a#log_in:after {
    display: none;
  }
  .wrapper-header nav#secondary li.log-in ul {
    visibility: visible;
    opacity: 1;
    position: relative;
    left: auto;
    top: auto;
    text-align: center;
    width: auto;
    box-shadow: 0 0 0 transparent;
    border: 0;
    padding: 2px 0 0 0;
    background: transparent;
  }
  .wrapper-header nav#secondary li.log-in ul li a {
    border: 0;
    padding: 3px 0;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .header-light .wrapper-header nav#secondary li.log-in a {
    color: #666;
  }
  .header-light .wrapper-header nav#secondary li.log-in ul li a {
    color: #fff;
  }
  body.display-mobile-nav .wrapper-header .menus {
    display: block;
  }
  nav#subnav {
    padding-top: 0;
    padding-bottom: 8px;
  }
  nav#subnav {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  nav#subnav ul {
    margin: 0 20px;
  }
  nav#subnav ul li {
    margin-right: 20px;
  }
  body.display-mobile-nav #header.stickynav-show, body.display-mobile-nav #header.header-light.stickynav-show {
    background: #fff;
  }
  #header.stickynav-show .wrapper-header, #header.header-light.stickynav-show .wrapper-header {
    margin: 0;
  }
  #header.stickynav-show .wrapper-header a#show_navigation, #header.header-light.stickynav-show .wrapper-header a#show_navigation {
    display: block;
  }
  #header.stickynav-show .wrapper-header nav#menu li, #header.header-light.stickynav-show .wrapper-header nav#menu li {
    margin-right: 0;
  }
  body.display-mobile-nav #header.stickynav-show .wrapper-header a#show_navigation {
    background: url(../images/icon-nav-close.svg) 50% 0 no-repeat;
  }
}
@media all and (max-width: 500px) {
  #header a#show_navigation {
    right: 20px;
  }
}
#footer {
  background: #151515;
  padding: 56px 30px 16px 30px;
  overflow: hidden;
}
#footer .footer-main {
  overflow: hidden;
}
#footer svg:hover #icon-facebook {
  fill: #ff0000;
}
#footer .company-info {
  float: left;
}
#footer .title-small-alt {
  color: #fff;
  margin: 0 0 8px 0;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.8px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 20px;
}
#footer .column ul {
  padding: 0 0 24px 0;
  max-width: 150px;
}
#footer .column ul#menu-footer-foretag {
  padding-bottom: 0;
}
#footer .column li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  margin: 0 0 10px 0;
  display: block;
}
#footer .column li:last-child {
  margin-bottom: 0;
}
#footer .column li span {
  display: none;
}
#footer .column li a {
  color: #A4A4A4;
}
#footer .column li a:hover {
  color: #fff;
}
#footer ul.social-media {
  border-top: 1px solid #383838;
  margin: 18px 0 40px 0;
  padding: 18px 0 0 0;
}
#footer ul.social-media li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px 0 0;
}
#footer ul.social-media li:last-child {
  margin-right: 0;
}
#footer ul.social-media li span {
  display: none;
}
#footer ul.social-media li a:hover svg {
  fill: #fff;
}
#footer .footer-secondary {
  border-top: 1px solid #383838;
  margin-top: 20px;
  padding: 20px 0 0 0;
  overflow: hidden;
}
#footer .footer-secondary a {
  color: #A4A4A4;
}
#footer .footer-secondary a:hover {
  color: #ffffff;
}
#footer .footer-secondary ul.language-selector {
  background: url("../images/icon-globe.svg") 0 50% no-repeat;
  padding: 0 0 0 28px;
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 20px;
}
#footer .footer-secondary ul.language-selector li {
  float: left;
  margin-right: 16px;
}
#footer .footer-secondary ul.language-selector li.current-lang a {
  color: #fff;
  font-weight: 700;
}
#footer #routerLink {
  background: url("../images/icon-settings.svg") 0 50% no-repeat;
  padding: 0 0 0 25px;
  font-family: "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif;
  background-color: transparent;
  color: #A4A4A4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 20px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  float: right;
}
#footer #routerLink:hover {
  color: #fff;
}

@media all and (max-width: 1060px) {
  #footer .block-12 {
    max-width: 780px;
  }
  #footer .company-info {
    float: none;
    width: 118px;
    margin: 32px auto 0 auto;
  }
  #footer .company-info .certificates {
    text-align: center;
  }
  #footer .grid-columns-25-25-25-25.align-right {
    float: none;
  }
  #footer .footer-secondary {
    margin-top: 40px;
  }
}
@media all and (max-width: 700px) {
  #footer .grid-8 {
    max-width: 580px;
  }
  #footer .grid-columns-25-25-25-25 {
    grid-template-columns: repeat(1, 1fr);
  }
  #footer .column ul {
    max-width: 100%;
    overflow: hidden;
  }
  #footer .column li {
    float: left;
  }
  #footer .column li:after {
    content: "•";
    color: #555;
    margin: 0 10px;
  }
  #footer .column li:last-child:after {
    content: "";
    margin: 0;
  }
}
@media all and (max-width: 500px) {
  #footer .footer-secondary ul.language-selector {
    display: block;
    overflow: hidden;
  }
  #footer #routerLink {
    float: none;
    margin: 16px 0 32px 0;
  }
}
/*
  Page intro
*/
.page-intro-large {
  background: #333;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100px 0 0 0;
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.page-intro-large .title-large {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.29);
}
.page-intro-large .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 190px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0) 50%);
}
.page-intro-large .page-intro-inner {
  margin: 0 30px;
  position: relative;
  z-index: 5;
  color: #fff;
}
.page-intro-large .page-intro-inner .column:last-child {
  position: relative;
}
.page-intro-large .gradient {
  z-index: 1;
}
.page-intro-large h1 {
  color: #ffcc66;
}
.page-intro-large h3 {
  color: #ffffff;
}
.page-intro-large .screen-desktop {
  background: #fff;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F3F3F3 52%);
  padding: 20px 20px 0 20px;
  border-radius: 11px 11px 0 0;
  box-shadow: 0 20px 30px 30px rgba(0, 0, 0, 0.2);
}
.page-intro-large .screen-desktop .screen-inner {
  border: 1px solid #272727;
  border-bottom: 0;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  overflow: hidden;
}
.page-intro-large .hardware {
  width: 220px;
  display: block;
  position: absolute;
  bottom: 30px;
  left: -80px;
}
.page-intro-large .hardware img {
  width: 100%;
  display: block;
}
.page-intro-large .screen-mobile {
  background: #fff;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F3F3F3 52%);
  padding: 14px 14px 0 14px;
  border-radius: 40px 40px 0 0;
  box-shadow: 0 20px 30px 30px rgba(0, 0, 0, 0.2);
  max-width: 340px;
  margin: 0 auto;
}
.page-intro-large .screen-mobile .screen-inner {
  border: 1px solid #272727;
  border-bottom: 0;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 184.10596026%;
  overflow: hidden;
  border-radius: 30px 30px 0 0;
}
.page-intro-large.page-intro--noframe .screen-mobile {
  background: none;
  padding: 14px 14px 0 14px;
  border-radius: 0;
  box-shadow: none;
}
.page-intro-large.page-intro--noframe .screen-mobile .screen-inner {
  border: 0;
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  overflow: visible;
  border-radius: 0;
}

.page-intro-large.product {
  padding-top: 140px;
  margin: 0 0 128px 0;
}
.page-intro-large.product.has-promo {
  margin-bottom: 80px;
}
.page-intro-large.product .title-large {
  margin: 0 0 16px 0;
}
.page-intro-large.product .column img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 420px;
}
.page-intro-large.product .framework-agreements {
  margin-top: 40px;
}

.page-intro-large.intro-image-large {
  padding-top: 140px;
  margin: 0 0 128px 0;
}
.page-intro-large.intro-image-large .title-large {
  margin: 0 0 16px 0;
}
.page-intro-large.intro-image-large .description {
  padding-right: 20px;
}
.page-intro-large.intro-image-large .column img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.page-intro-large.intro-no-image {
  padding: 160px 30px 64px 30px;
  margin: 0 0 80px 0;
}
.page-intro-large.intro-no-image .title-small,
.page-intro-large.intro-no-image .title-large {
  text-align: center;
  color: #ffcc66;
}
.page-intro-large.intro-no-image .title-small {
  margin: 0 0 16px 0;
  color: #fff;
}
.page-intro-large.intro-no-image .description {
  width: 100%;
  max-width: 580px;
  padding: 24px 0 0 0;
  margin: 0 auto;
  color: #fff;
}
.page-intro-large.intro-no-image.intro-no-subheadline {
  padding: 200px 0 100px 0;
}
.page-intro-large.intro-no-image.intro-no-margin {
  padding-bottom: 120px;
  margin-bottom: 0;
}
.page-intro-large.intro-no-image .framework-agreements {
  width: 100%;
  max-width: 580px;
  margin: 24px auto 0 auto;
  text-align: center;
}

.subpages-wrapper {
  background: #fff;
  width: 100%;
  max-width: 780px;
  margin: 0 auto 40px auto;
  border-radius: 11px;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.07);
  position: relative;
  top: -66px;
  padding: 24px 0 8px 24px;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 2;
}
.subpages-wrapper .description {
  display: inline-block;
  width: 38%;
}
.subpages-wrapper .title-medium {
  margin: 0 0 4px 0;
}
.subpages-wrapper .text-medium {
  width: 100%;
  max-width: 320px;
  padding: 0 0 8px 0;
  margin: 0 auto;
}
.subpages-wrapper .text-small p {
  margin-bottom: 0;
  color: #757575;
}
.subpages-wrapper .button-list {
  display: inline-block;
  width: 60%;
  float: right;
  margin: 4px 0 0 0;
}
.subpages-wrapper .button-list a {
  margin: 0 8px 16px 8px;
}

.page-intro {
  display: block;
  width: 100%;
  padding: 60px 0 40px 0;
  margin: 0 auto;
}
.page-intro.page-intro-campaign {
  padding-top: 8px;
}
.page-intro.page-intro-campaign .title-medium {
  text-align: center;
}
.page-intro.page-intro-campaign .image {
  width: 100%;
  max-width: 780px;
  margin: 60px auto 60px auto;
}
.page-intro.page-intro-campaign .image img {
  display: block;
  width: 100%;
}
.page-intro.no-description {
  padding-bottom: 60px;
}
.page-intro .title-small {
  text-align: center;
  color: #8E8E8E;
  margin: 0 0 16px 0;
}
.page-intro .title-large {
  text-align: center;
}
.page-intro .meta {
  margin: 16px 0 0 0;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  color: #ACACAC;
}
.page-intro .description {
  width: 100%;
  max-width: 580px;
  padding: 24px 0 0 0;
  margin: 0 auto;
}

@media all and (max-width: 1120px) {
  .page-intro {
    padding-top: 40px;
  }
  .page-intro-large.intro-no-image {
    padding: 140px 0 100px 0;
  }
  .page-intro-large .screen-mobile {
    max-width: 300px;
  }
  .page-intro-large.intro-no-image.intro-no-subheadline {
    padding-top: 140px;
  }
  .page-intro-large.intro-image-large {
    padding-top: 120px;
  }
  .page-intro-large.intro-image-large .description {
    padding-right: 0;
    max-width: 580px;
    margin: 0 auto;
  }
  .page-intro-large.intro-image-large .title-large {
    text-align: center;
  }
  .page-intro-large.intro-image-large .grid-columns-30-70 {
    grid-template-columns: 1fr;
  }
  .page-intro-large .screen-desktop {
    max-width: 600px;
    margin: 0 auto;
  }
}
@media all and (max-width: 1000px) {
  .page-intro-large.intro-no-image {
    padding-top: 120px;
  }
}
@media all and (max-width: 800px) {
  .page-intro {
    padding-top: 20px;
  }
  .page-intro-large .screen-mobile {
    max-width: 260px;
  }
  .page-intro-large.intro-image-large {
    padding-top: 100px;
  }
  .page-intro-large.intro-no-image.intro-no-subheadline {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .page-intro-large.intro-no-image {
    padding-top: 100px;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .page-intro-large.intro-no-image .title-small {
    margin-bottom: 8px;
  }
  .page-intro-large.intro-no-image .description {
    padding-top: 16px;
  }
  .page-intro-large.product {
    padding-top: 100px;
    margin-bottom: 80px;
  }
  .page-intro-large.product .description {
    margin-right: 20px;
  }
  .page-intro .title-small {
    margin-bottom: 8px;
  }
  .subpages-wrapper {
    max-width: 640px;
    padding: 24px 24px 8px 24px;
  }
  .subpages-wrapper .description {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 24px;
  }
  .subpages-wrapper .button-list {
    width: 100%;
    display: block;
    float: none;
    text-align: center;
  }
}
@media all and (max-width: 600px) {
  .page-intro-large .screen-mobile {
    max-width: 180px;
    padding: 7px 7px 0 7px;
    border-radius: 20px 20px 0 0;
  }
  .page-intro-large .screen-mobile .screen-inner {
    border-radius: 15px 15px 0 0;
  }
  .page-intro-large .screen-desktop {
    padding: 12px 12px 0 12px;
  }
  .page-intro-large.intro-no-image .title-large {
    padding: 0 20px;
  }
  .page-intro-large.intro-no-image .description {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .page-intro-large.product .grid-10.grid-columns-50-50 {
    grid-template-columns: 1fr;
  }
  .page-intro-large.product .title-large {
    text-align: center;
  }
  .page-intro-large.product .description {
    margin-right: 0;
  }
  .page-intro-large.product .description a.button {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 16px;
  }
  .page-intro-large.product .framework-agreements {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 8px;
  }
}
/*
  Page intro
*/
.page-intro-v2-large {
  background: #333;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  padding: 120px 0 0 0;
  margin: 0 0 70px 0;
  /*
  .price-wrapper {
  	padding: 8px 0 24px 0;

  	.regular-price {
  		text-decoration:line-through;
  		opacity:0.5;
  		@include font-size(16);
  	}

  	.price {
  		font-weight:600;
  		@include font-size(18);
  	}
  }
  */
}
.page-intro-v2-large .page-intro-v2-inner {
  margin: 0 30px;
}
.page-intro-v2-large .grid-col-intro-description {
  grid-column: 2/span 5;
  align-self: center;
}
.page-intro-v2-large .grid-col-intro-image {
  grid-column: 7/span 6;
  align-self: end;
  position: relative;
}
.page-intro-v2-large.page-intro-v2-large--bright-header .title-large {
  color: #fff;
}
.page-intro-v2-large .title-large {
  color: #ffcc66;
  margin: 0 0 16px 0;
}
.page-intro-v2-large .text-large {
  color: #ffffff;
}
.page-intro-v2-large .image {
  display: block;
  width: 100%;
}
.page-intro-v2-large .image img {
  display: block;
  width: 100%;
  max-width: 444px;
  margin: 0 auto;
}
.page-intro-v2-large .framework-agreements {
  margin: 0;
  position: absolute;
  bottom: 32px;
  right: 30px;
}
.page-intro-v2-large .framework-agreements .fwa-sinfra {
  width: 100px;
  height: 100px;
}
.page-intro-v2-large .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 190px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0) 50%);
}
.page-intro-v2-large--compact .grid-col-intro-description {
  grid-column: 1/span 7;
  margin-bottom: 20px;
}
.page-intro-v2-large--compact .grid-col-intro-description .title-large {
  font-size: 5rem;
}
.page-intro-v2-large--compact .grid-col-intro-image {
  grid-column: 8/span 4;
  overflow: hidden;
}
.page-intro-v2-large--compact .grid-col-intro-image .image {
  width: 80%;
  margin: 0 auto -100px auto;
}
@media all and (max-width: 1300px) {
  .page-intro-v2-large--compact .grid-col-intro-description .title-large {
    font-size: 4rem;
    line-height: 58px;
  }
}
@media all and (max-width: 950px) {
  .page-intro-v2-large--compact .grid-col-intro-description .title-large {
    font-size: 3.8rem;
    line-height: 48px;
  }
}
@media all and (max-width: 830px) {
  .page-intro-v2-large--compact .grid-col-intro-description .title-large {
    font-size: 3.8rem;
    line-height: 48px;
  }
  .page-intro-v2-large--compact .grid-col-intro-description p {
    font-size: 1.6rem;
    line-height: 24px;
  }
  .page-intro-v2-large--compact .grid-col-intro-description .price-wrapper .price {
    font-size: 1.6rem;
  }
  .page-intro-v2-large--compact .grid-col-intro-description a.button.button-big {
    font-size: 1.4rem;
    height: 36px;
    line-height: 36px;
  }
}
/* Ngenic Track */
body.page-id-222 .page-intro-v2-large .gradient {
  height: 230px;
}

@media all and (max-width: 1400px) {
  .page-intro-v2-large .framework-agreements {
    right: 0;
  }
}
@media all and (max-width: 1300px) {
  .page-intro-v2-large .framework-agreements {
    right: auto;
    left: -50px;
  }
}
@media all and (max-width: 1200px) {
  .page-intro-v2-large .grid-col-intro-description {
    grid-column: 1/span 6;
  }
  .page-intro-v2-large .grid-col-intro-image {
    grid-column: 7/span 6;
  }
}
@media all and (max-width: 1100px) {
  .page-intro-v2-large .framework-agreements {
    left: -70px;
  }
  .page-intro-v2-large .framework-agreements .fwa-sinfra {
    width: 80px;
    height: 80px;
  }
}
@media all and (max-width: 1000px) {
  .page-intro-v2-large {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 900px) {
  .page-intro-v2-large a.button {
    margin-bottom: 32px;
  }
}
@media all and (max-width: 800px) {
  .page-intro-v2-large {
    padding-top: 80px;
  }
  .page-intro-v2-large .grid-v2 {
    gap: 0;
    margin-bottom: 0;
  }
  .page-intro-v2-large .price-wrapper .price {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .page-intro-v2-large a.button {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 740px) {
  .page-intro-v2-large .grid-col-intro-description {
    grid-column: span 12;
  }
  .page-intro-v2-large .grid-col-intro-image {
    grid-column: span 12;
  }
  .page-intro-v2-large a.button {
    margin-bottom: 20px;
  }
  .page-intro-v2-large .image img {
    max-width: 280px;
  }
  .page-intro-v2-large .framework-agreements {
    left: 0px;
    width: 100%;
    text-align: center;
  }
  .page-intro-v2-large .framework-agreements .fwa-sinfra {
    width: 60px;
    height: 60px;
    margin-left: -320px;
  }
  body.page-id-222 .page-intro-v2-large {
    background-position: 0 0;
    padding-bottom: 20px;
  } /* Ngenic Track */
}
@media all and (max-width: 600px) {
  .page-intro-v2-large {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 540px) {
  .page-intro-v2-large a.button {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 440px) {
  .page-intro-v2-large .image img {
    max-width: 220px;
  }
  .page-intro-v2-large .framework-agreements .fwa-sinfra {
    margin-left: -270px;
  }
}
@media all and (max-width: 370px) {
  .page-intro-v2-large .framework-agreements .fwa-sinfra {
    width: 50px;
    height: 50px;
    margin-left: -250px;
  }
}
.compatibility-form-wrapper {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}
.compatibility-form-wrapper .align-center {
  text-align: center;
}
.compatibility-form-wrapper .meta-footer {
  max-width: 600px;
  margin: 20px auto 60px auto;
  color: #888888;
}
.compatibility-form-wrapper .meta-footer .text-small p {
  line-height: 24px;
}
.compatibility-form-wrapper .meta-manufacturers {
  width: 100%;
  text-align: center;
  padding: 0 0 100px 0;
}
.compatibility-form-wrapper .meta-manufacturers img {
  width: 100%;
  max-width: 672px;
  margin: 0 auto;
  display: inline-block;
}

#compatibility_form {
  background: #F2F2F2;
  border-radius: 11px;
  padding: 40px 80px;
}
#compatibility_form .hide {
  display: none;
}
#compatibility_form .title-medium {
  margin: 0 0 8px 0;
}
#compatibility_form .form-fields {
  width: 100%;
  max-width: 400px;
  padding: 8px 0 0 0;
  margin: 0 auto;
}
#compatibility_form select {
  font-family: "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif;
  width: 100%;
  margin: 0 0 10px 0;
  box-sizing: border-box;
  padding: 8px;
}
#compatibility_form .selected-heatsystem {
  display: block;
  text-align: center;
  margin: 0 0 20px 0;
}
#compatibility_form .selected-heatsystem .selected-name,
#compatibility_form .selected-heatsystem .selected-type,
#compatibility_form .selected-heatsystem .selected-edit {
  display: block;
  text-align: center;
}
#compatibility_form .selected-heatsystem .selected-name {
  font-size: 16px;
  font-size: 1.6rem;
}
#compatibility_form .selected-heatsystem .selected-type {
  font-size: 14px;
  font-size: 1.4rem;
}
#compatibility_form .selected-heatsystem .selected-edit {
  font-size: 12px;
  font-size: 1.2rem;
}
#compatibility_form .selected-heatsystem .selected-edit a {
  text-decoration: underline;
}
#compatibility_form .response {
  text-align: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
#compatibility_form .response.info .text-small p {
  margin: 4px 0 0 0;
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
}
#compatibility_form .response.has-support .title-extra-small {
  color: #6cc36c;
}
#compatibility_form .response.has-no-support {
  margin-top: 20px;
  text-align: left;
}
#compatibility_form .response.has-no-support .title-extra-small {
  color: #FF584D;
  margin: 0 0 4px 0;
}
#compatibility_form .response .button {
  margin: 24px 0 0 0;
}

@media all and (max-width: 700px) {
  .compatibility-form-wrapper .meta-footer br {
    display: none;
  }
}
@media all and (max-width: 600px) {
  #compatibility_form {
    padding: 40px 20px;
  }
}
/*
  Form
*/
.form-wrapper {
  background: #fff;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
  border-radius: 11px;
  padding: 40px 40px 16px 40px;
  margin: 0 0 120px 0;
}
.form-wrapper h5 {
  font-size: 13px;
  font-size: 1.3rem;
  color: #535353;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}
.form-wrapper ul {
  padding-bottom: 24px;
}
.form-wrapper ul li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  list-style-type: disc;
  margin: 0 0 16px 20px;
}
.form-wrapper ul li p {
  margin-bottom: 8px;
}
.form-wrapper ul li a {
  color: #000;
  text-decoration: underline;
}
.form-wrapper .wpcf7 p {
  margin: 0 0 24px 0;
}
.form-wrapper .wpcf7-form.sent .form-block,
.form-wrapper .wpcf7-form.sent p {
  display: none;
}
.form-wrapper .wpcf7 form.sent .wpcf7-response-output {
  border: 0;
  margin: 0;
  padding: 0 0 24px 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #222;
}
.form-wrapper .form-block {
  margin: 0 0 48px 0;
}
.form-wrapper .form-block .title-medium {
  margin: 0 0 8px 0;
}
.form-wrapper .form-block p.form-description {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  margin: 0 0 12px 0;
}
.form-wrapper .form-block-columns {
  overflow: hidden;
  position: relative;
}
.form-wrapper .form-block-columns p {
  display: inline;
}
.form-wrapper .form-block-columns label {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  margin: 0 0 24px 0;
}
.form-wrapper .form-block-columns p:nth-child(2) label,
.form-wrapper .form-block-columns p:nth-child(4) label,
.form-wrapper .form-block-columns p:nth-child(6) label {
  float: right;
}
.form-wrapper label,
.form-wrapper span.label {
  font-size: 14px;
  font-size: 1.4rem;
  color: #535353;
  font-weight: 700;
  display: block;
}
.form-wrapper span.label {
  display: inline;
  line-height: 16px;
}
.form-wrapper span.optional {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-transform: none;
  margin: 0 0 12px 0;
  color: #989898;
  line-height: 16px;
}
.form-wrapper span.optional-textfield {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-transform: none;
  margin: 0 0 0 6px;
  color: #989898;
  line-height: 16px;
}
.form-wrapper .wpcf7-not-valid-tip {
  text-transform: none;
  font-size: 12px;
  margin: 4px 0 0 0;
  display: inline-block;
}
.form-wrapper input[type=text],
.form-wrapper input[type=email],
.form-wrapper input[type=tel],
.form-wrapper textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #BEBEBE;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  font-family: "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 14px;
  margin: 6px 0 0 0;
}
.form-wrapper input[type=text].wpcf7-not-valid,
.form-wrapper input[type=email].wpcf7-not-valid,
.form-wrapper input[type=tel].wpcf7-not-valid,
.form-wrapper textarea.wpcf7-not-valid {
  background: #FFF1F0;
  border: 1px solid #FF584D;
}
.form-wrapper input[type=text]:focus,
.form-wrapper input[type=email]:focus,
.form-wrapper input[type=tel]:focus,
.form-wrapper textarea:focus {
  outline: none;
  background: #fff;
  border: 2px solid #6cc36c;
  padding: 9px 12px;
}
.form-wrapper input[type=text].wpcf7-not-valid:focus,
.form-wrapper input[type=email].wpcf7-not-valid:focus,
.form-wrapper input[type=tel].wpcf7-not-valid:focus,
.form-wrapper textarea.wpcf7-not-valid:focus {
  background: #FFF1F0;
  border: 2px solid #FF584D;
  padding: 9px 12px;
}
.form-wrapper textarea {
  height: 120px;
}
.form-wrapper .wpcf7-checkbox {
  padding: 0 0 0 0;
  display: block;
}
.form-wrapper .wpcf7-checkbox label {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-transform: none;
}
.form-wrapper .wpcf7-radio {
  padding: 0 0 0 0;
  display: block;
}
.form-wrapper .wpcf7-radio input[type=radio] {
  position: relative;
  bottom: -2px;
  margin: 0 2px 10px 0;
}
.form-wrapper .wpcf7-radio label {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-transform: none;
}
.form-wrapper .wpcf7-list-item {
  display: block;
  margin-left: 0;
}
.form-wrapper input[type=submit] {
  background: #6cc36c;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 16px;
  height: 32px;
  line-height: 32px;
  padding: 0 16px 0 16px;
  font-weight: 600;
  cursor: pointer;
}

.form-wrapper-imd .register-field {
  padding: 0 0 16px 0;
}
.form-wrapper-imd .title-medium {
  margin: 32px 0 8px 0;
}
.form-wrapper-imd .title-medium:first-child {
  margin-top: 0;
}
.form-wrapper-imd .register-boxes {
  padding: 0 0 16px 0;
}
.form-wrapper-imd .register-boxes label {
  display: inline-block;
  line-height: 12px;
  margin: 0 16px 0 0;
  font-weight: normal;
  text-transform: none;
}
.form-wrapper-imd .register-boxes input {
  float: left;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.form-wrapper-imd .register-boxes.placement label {
  display: block;
  margin: 0 0 16px 0;
}
.form-wrapper-imd .text-small p {
  margin-bottom: 10px;
}
.form-wrapper-imd .register-field.invalid input[type=text] {
  border: 1px solid #FF584D;
}
.form-wrapper-imd .error-msg {
  color: #FF584D;
  font-size: 12px;
  font-size: 1.2rem;
}
.form-wrapper-imd .btn {
  background: #6cc36c;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 16px;
  height: 32px;
  line-height: 32px;
  padding: 0 16px 0 16px;
  font-weight: 600;
  margin: 20px 0 30px 0;
  cursor: pointer;
}
.form-wrapper-imd .btn.disabled {
  opacity: 0.6;
  cursor: default;
}
.form-wrapper-imd #register-confirmation {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 20px;
}

@media all and (max-width: 600px) {
  .form-wrapper {
    padding: 20px 20px 16px 20px;
  }
  .form-wrapper-imd .register-boxes label {
    display: block;
    margin: 0 0 16px 0;
  }
  .form-wrapper-imd .register-boxes label.chargingpost,
.form-wrapper-imd .register-boxes label.solarcells,
.form-wrapper-imd .register-boxes label.solarcellschargingpost,
.form-wrapper-imd .register-boxes label.setcontrol {
    display: inline-block;
    margin: 0 16px 0 0;
  }
  .form-wrapper .form-block-columns label {
    float: none;
    width: 100%;
  }
}
.component-block {
  background: #F2F2F2;
  border-radius: 11px;
  padding: 36px 40px 40px 40px;
}
.component-block .title-medium-alt {
  margin: 0 0 20px 0;
}
.component-block .image.image-top {
  margin: 0 0 16px 0;
}
.component-block .image.image-bottom {
  margin: 16px 0 0 0;
}
.component-block .image img {
  width: auto;
  max-width: 100%;
}
.component-block.component-block-default div:last-child p:last-child {
  margin-bottom: 0;
}
.component-block.component-block-dark {
  background-color: #222222;
}
.component-block.component-block-dark .title-medium-alt {
  color: #ffcc66;
}
.component-block.component-block-dark .text-small,
.component-block.component-block-dark .text-medium,
.component-block.component-block-dark .text-large,
.component-block.component-block-dark .text-extra-large {
  color: #ffffff;
}
.component-block.component-block-dark .text-small p a, .component-block.component-block-dark .text-small ul a, .component-block.component-block-dark .text-small ol a,
.component-block.component-block-dark .text-medium p a,
.component-block.component-block-dark .text-medium ul a,
.component-block.component-block-dark .text-medium ol a,
.component-block.component-block-dark .text-large p a,
.component-block.component-block-dark .text-large ul a,
.component-block.component-block-dark .text-large ol a,
.component-block.component-block-dark .text-extra-large p a,
.component-block.component-block-dark .text-extra-large ul a,
.component-block.component-block-dark .text-extra-large ol a {
  color: #fff;
}
.component-block.component-block-dark .text-small p a:hover, .component-block.component-block-dark .text-small ul a:hover, .component-block.component-block-dark .text-small ol a:hover,
.component-block.component-block-dark .text-medium p a:hover,
.component-block.component-block-dark .text-medium ul a:hover,
.component-block.component-block-dark .text-medium ol a:hover,
.component-block.component-block-dark .text-large p a:hover,
.component-block.component-block-dark .text-large ul a:hover,
.component-block.component-block-dark .text-large ol a:hover,
.component-block.component-block-dark .text-extra-large p a:hover,
.component-block.component-block-dark .text-extra-large ul a:hover,
.component-block.component-block-dark .text-extra-large ol a:hover {
  color: #eee;
}
.component-block.component-block-list {
  background-color: #fffcf3;
  position: relative;
}
.component-block.component-block-list .component-block-list__ribbon {
  --f: 0.6em;
  font-family: "Mohave", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1.8;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: var(--f);
  border-image: conic-gradient(rgba(0, 0, 0, 0.5333333333) 0 0) 51%/var(--f);
  clip-path: polygon(100% calc(100% - var(--f)), 100% 100%, calc(100% - var(--f)) calc(100% - var(--f)), var(--f) calc(100% - var(--f)), 0 100%, 0 calc(100% - var(--f)), 999px calc(100% - var(--f) - 999px), calc(100% - 999px) calc(100% - var(--f) - 999px));
  transform: translate(calc((1 - cos(45deg)) * 100%), -100%) rotate(45deg);
  transform-origin: 0% 100%;
  background-color: #6cc36c;
  z-index: 1;
}
.component-block.component-block-list .component-block-list__title {
  font-family: "Mohave", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 2.5rem;
  margin-bottom: 16px;
  display: block;
  text-transform: uppercase;
}
.component-block.component-block-list ul {
  list-style: none;
  padding-left: 0;
}
.component-block.component-block-list ul li {
  margin-bottom: 12px;
  counter-increment: item;
  display: flex;
  padding-left: 0;
  align-items: start;
  line-height: 30px;
}
.component-block.component-block-list ul li::before {
  content: counter(item);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #f9c867;
  color: #fff;
  border-radius: 50%;
  margin-right: 16px;
}
.component-block.component-block-slideshow {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 80px;
}
.component-block.component-block-slideshow .title-medium-alt {
  margin-left: 40px;
  margin-bottom: 0;
}
.component-block.component-block-slideshow .text-medium p {
  margin-bottom: 0;
}
.component-block.component-block-slideshow .glide__track:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100px;
  height: 100%;
  opacity: 0.5;
  background-image: linear-gradient(90deg, rgba(242, 242, 242, 0) 0%, #F2F2F2 95%);
}
.component-block.component-block-slideshow.component-block-dark .glide__track:before {
  display: none;
}
.component-block.component-block-slideshow .glide__arrows {
  overflow: hidden;
  position: absolute;
  top: 100%;
  right: 20px;
  padding: 26px 0 0 0;
}
.component-block.component-block-slideshow .glide__arrow {
  display: block;
  width: 35px;
  height: 24px;
  text-indent: -9999px;
  cursor: pointer;
  float: left;
  z-index: 3;
}
.component-block.component-block-slideshow .glide__arrow.glide__arrow--left {
  background: url("../images/icon-arrow-large-left.svg") 50% 0 no-repeat;
  background-size: auto 100%;
  margin-right: 0px;
}
.component-block.component-block-slideshow .glide__arrow.glide__arrow--right {
  background: url("../images/icon-arrow-large-right.svg") 50% 0 no-repeat;
  background-size: auto 100%;
}
.component-block.component-block-slideshow .glide__arrow.glide__arrow--disabled {
  opacity: 0.2;
  cursor: default;
}
.component-block.component-block-slideshow.component-block-dark .glide__arrow.glide__arrow--left {
  background: url("../images/icon-arrow-large-light-left.svg") 50% 0 no-repeat;
}
.component-block.component-block-slideshow.component-block-dark .glide__arrow.glide__arrow--right {
  background: url("../images/icon-arrow-large-light-right.svg") 50% 0 no-repeat;
}
.component-block.component-block-slideshow .glide-slideshow-3-col .glide__arrows {
  display: none;
}
.component-block.component-block-slideshow .glide__slide {
  height: auto;
  margin-bottom: 7px;
}
.component-block.component-block-slideshow .slideshow-item {
  background: #ffffff;
  padding: 28px 30px;
  border-radius: 11px;
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
  min-height: 100%;
}
.component-block.component-block-slideshow .slideshow-item .title-small {
  margin-bottom: 4px;
}
.component-block.component-block-slideshow .image img {
  display: block;
  width: 100%;
}
.component-block.component-block-slideshow.glide-slideshow-default--no-slide {
  padding-bottom: 25px;
}
.component-block.component-block-slideshow.glide-slideshow-default--no-slide .glide__slides {
  position: initial;
  justify-content: space-between;
  gap: 20px;
  padding: 0 20px;
  touch-action: initial;
  overflow: initial;
  overflow-x: scroll;
}
.component-block.component-block-slideshow.glide-slideshow-default--no-slide .glide__slides .glide__slide {
  width: auto;
}
.component-block.component-block-slideshow.glide-slideshow-default--no-slide .glide__arrows {
  display: none;
}
.component-block.component-block-slideshow.component-block-slideshow-3-col {
  padding-bottom: 40px;
}
.component-block.component-block-slideshow.component-block-slideshow-3-col .title-small {
  margin-bottom: 16px;
}
.component-block.component-block-slideshow.component-block-slideshow-3-col .read-more p {
  margin-bottom: 10px;
}
.component-block.component-block-slideshow.component-block-slideshow-3-col .read-more.pdf-icon p {
  margin-top: 30px;
}
.component-block.component-block-slideshow.component-block-slideshow-3-col .read-more.pdf-icon p a {
  background: url("../images/icon-pdf-dark.svg") 0 50% no-repeat;
  background-size: 17px auto;
  padding: 2px 0 6px 26px;
  border: 0;
}
.component-block.component-block-slideshow.component-block-slideshow-3-col .read-more.pdf-icon p a span {
  border-bottom: 2px solid #6cc36c;
}
.component-block.component-block-slideshow.component-block-slideshow-3-col .read-more.pdf-icon p a:hover span {
  border-color: #ffcc66;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.component-block.component-block-slideshow-3-col.component-block-dark {
  background: #644F4F;
  background-image: linear-gradient(180deg, #423434 0%, #644F4F 52%);
}
.component-block.component-block-slideshow-3-col.component-block-dark .title-medium-alt {
  color: #fff;
}
.component-block.component-block-slideshow-3-col.component-block-dark .slideshow-item {
  background: #282121;
  box-shadow: 2px 2px 5px 2px rgba(40, 36, 36, 0.2);
}
.component-block.component-block-slideshow-3-col.component-block-dark .title-small {
  color: #fff;
}
.component-block.component-block-slideshow-3-col.component-block-dark .title-small span {
  color: #ffcc66;
}
.component-block.component-block-slideshow-3-col.component-block-dark .text-small {
  color: #C0C0C0;
}
.component-block.component-block-slideshow-3-col.component-block-dark .text-small p a {
  color: #fff;
}
.component-block.component-block-slideshow-3-col.component-block-dark .text-small p a:hover {
  color: #eee;
}
.component-block.component-block-slideshow-3-col.component-block-dark .text-small.pdf-icon p a {
  background: url("../images/icon-pdf-light.svg") 0 50% no-repeat;
}
.component-block.component-block-slideshow-3-col.component-block-dark .text-small.pdf-icon p a:hover span {
  border-color: #ffcc66;
  color: #eee;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.component-block.component-block-slideshow-quotes {
  background: #FFCC66;
  background-image: linear-gradient(180deg, #FFE89F 0%, #FFCC66 50%);
  background-size: 100% 200px;
  background-repeat: no-repeat;
}
.component-block.component-block-slideshow-quotes .glide__track:before {
  background-image: linear-gradient(90deg, rgba(242, 242, 242, 0) 0%, #FFCC66 95%);
  opacity: 0.1;
}
.component-block.component-block-slideshow-quotes .glide__slide {
  height: auto;
  margin-bottom: 4px;
}
.component-block.component-block-slideshow-quotes .slideshow-item {
  min-height: 100%;
}
.component-block.component-block-slideshow-quotes .slideshow-item svg {
  margin: 0 0 4px 0;
}
.component-block.component-block-slideshow-quotes .text-small.source p {
  margin-bottom: 0;
}
.component-block.component-block-slideshow-quotes .text-small.source p span {
  color: #8F8F8F;
}
.component-block.component-block-faq .title-small {
  color: #ffffff;
}
.component-block.component-block-faq .text-small {
  color: #C0C0C0;
}
.component-block.component-block-faq .text-small ol {
  margin: 0 0 8px 0;
}
.component-block.component-block-faq .text-small ol li {
  margin: 0 0 0 16px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
}
.component-block.component-block-faq .accordion-wrapper {
  border-bottom: 1px solid #6E6E6E;
  margin: 0 0 24px 0;
}
.component-block.component-block-faq .accordion-wrapper button.accordion-trigger {
  background: transparent;
  color: #fff;
  font-family: "Mohave-SemiBoldItalic", sans-serif;
  font-weight: normal;
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  border-top: 1px solid #6E6E6E;
  padding: 8px 0;
}
.component-block.component-block-faq .accordion-wrapper button.accordion-trigger:hover {
  color: #ccc;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.component-block.component-block-faq .accordion-wrapper button.accordion-trigger svg {
  margin-right: 8px;
}
.component-block.component-block-faq .accordion-wrapper .title-small {
  border-bottom: 1px solid #6E6E6E;
  padding: 8px 0;
}
.component-block.component-block-faq .accordion-wrapper .title-small a {
  color: #fff;
}
.component-block.component-block-faq .accordion-wrapper .text-small {
  border-top: 1px solid #6E6E6E;
  padding: 8px 0 0 0;
}
.component-block.component-block-faq .accordion-wrapper .text-small p {
  margin-bottom: 16px;
}
.component-block.component-block-faq .accordion-wrapper .text-small a {
  color: #fff;
  font-weight: 600;
  border-bottom: 2px solid #6cc36c;
}
.component-block.component-block-faq .accordion-wrapper .text-small a:hover {
  border-color: #ffcc66;
  color: #eee;
}
.component-block.component-block-faq .accordion-wrapper .accordion-item .accordion-content {
  display: none;
}
.component-block.component-block-faq .accordion-wrapper .accordion-item.collapsed button.accordion-trigger svg {
  transform: rotate(180deg);
}
.component-block.component-block-faq .accordion-wrapper .accordion-item.collapsed .accordion-content {
  display: block;
}
.component-block.background-full {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.component-block.background-bottom {
  background-repeat: no-repeat;
  background-size: auto 248px;
  background-position: 50% 100%;
}
.component-block.background-bottom-full {
  background-repeat: no-repeat;
  background-position: 50% 100%;
}
.component-block.background-right {
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: 100% 50%;
  padding-right: 53.99408284%; /* 730px */
}
.component-block ul.appstore-links {
  list-style: none;
  overflow: hidden;
  display: inline-block;
  float: right;
  margin-right: 40px;
}
.component-block ul.appstore-links li {
  float: left;
  margin-top: 4px;
  margin-bottom: 4px;
}
.component-block ul.appstore-links li.appstore {
  margin-right: 20px;
}
.component-block ul.appstore-links a {
  display: block;
  height: 40px;
  text-indent: -99999px;
}
.component-block ul.appstore-links a:hover {
  opacity: 0.8;
}
.component-block ul.appstore-links li.appstore a {
  background: url("../images/app-badge-ios-sv.png") 0 0 no-repeat;
  background-size: auto 100%;
  width: 120px;
}
.component-block ul.appstore-links li.googleplay a {
  background: url("../images/app-badge-android-sv.png") 0 0 no-repeat;
  background-size: auto 100%;
  width: 135px;
}
.component-block ul.appstore-links.appstore-links-en li.appstore a {
  background: url("../images/app-badge-ios-en.png") 0 0 no-repeat;
  background-size: auto 100%;
}
.component-block ul.appstore-links.appstore-links-en li.googleplay a {
  background: url("../images/app-badge-android-en.png") 0 0 no-repeat;
  background-size: auto 100%;
}
.component-block.component-block-main {
  background-color: #ffcc66;
  background-image: linear-gradient(180deg, #FFE89F 0%, #FFCC66 78%);
}
.component-block.component-block-main--image-left {
  display: flex;
  gap: 40px;
}
.component-block.component-block-main--image-left .image {
  align-self: center;
}
@media all and (max-width: 800px) {
  .component-block.component-block-main--image-left {
    flex-direction: column;
    align-items: center;
  }
  .component-block.component-block-main--image-left .image {
    align-self: initial;
  }
}
.component-block.component-block-main .image.image-top img {
  height: auto;
  max-height: 278px;
}
.component-block.content-block-tune-dynamic {
  padding-bottom: 160px;
}
.component-block.content-block-tune-spotprice {
  background-color: #1D0801;
  min-height: 280px;
}
.component-block.content-block-slideshow-app .image.image-bottom {
  margin: 32px 0 16px 0;
}
.component-block.content-block-slideshow-app .image.image-bottom img {
  max-width: 260px;
  margin: 0 auto;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.35));
}
.component-block.content-block-tune-casestudies .slideshow-item {
  padding-top: 8px;
  padding-left: 0;
  padding-right: 0;
}
.component-block.content-block-tune-casestudies .title-small,
.component-block.content-block-tune-casestudies .text-small {
  padding-left: 30px;
  padding-right: 30px;
}
.component-block.content-block-compatibility .image {
  margin: 56px 0 16px 0;
}
.component-block.content-block-compatibility .image img {
  width: 100%;
  max-width: 530px;
  display: block;
  margin: 0 auto;
}
.component-block.component-block-track-meter {
  padding-bottom: 360px;
  position: relative;
}
.component-block.component-block-track-meter .image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.component-block.component-block-track-meter .image img {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.component-block.component-block-track-meter-han {
  background-color: #f7e1a5;
}
.component-block.component-block-track-tune .image img {
  display: block;
  width: 100%;
  max-width: 192px;
}
.component-block.component-block-track-extender {
  background-size: 109px auto;
  background-repeat: no-repeat;
  background-position: 40px 25px;
}
.component-block.component-block-track-extender .title-medium-alt {
  padding-left: 129px;
}
.component-block.content-block-savings {
  padding-top: 60px;
  padding-bottom: 80px;
  background-position: 100% 50%;
}

.component-block-track-wires {
  background-image: linear-gradient(180deg, #2e712e 0%, #4ba34b 95%);
}
.component-block-track-wires .image.image-bottom {
  text-align: center;
  margin: 0 auto;
}
.component-block-track-wires .title-medium-alt, .component-block-track-wires .text-medium {
  color: #fff;
}

.component-block-cta {
  background-color: #ffffff;
  background-image: linear-gradient(180deg, #F2F2F2 0%, #FFFFFF 32%);
  background-size: 100% 980px;
  background-repeat: no-repeat;
  border-top: 1px solid #D8D8D8;
  padding: 56px 0 100px 0;
}
.component-block-cta .wrapper-cta {
  margin: 0 30px;
}
.component-block-cta .title-large {
  width: 100%;
  max-width: 1392px;
  margin: 0 auto;
}
.component-block-cta .title-small {
  margin-bottom: 16px;
}
.component-block-cta .product-image-wrapper {
  position: relative;
}
.component-block-cta .product-image-wrapper img.product-image {
  position: absolute;
  display: block;
  width: 100%;
  max-width: 605px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.component-block-cta.content-block-cta-track .product-image-wrapper img.product-image {
  max-width: 380px;
  top: 40px;
  left: 50px;
  transform: translate(0, 0);
}
.component-block-cta .product-item {
  background: #ffffff;
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
  border-radius: 11px;
  padding: 32px 40px 36px 40px;
  margin: 48px 0 0 0;
}
.component-block-cta .product-item .price-wrapper {
  margin: 24px 0 38px 0;
  color: #818181;
}
.component-block-cta .product-item .price-wrapper.has-campaign {
  margin: 8px 0 30px 0;
}
.component-block-cta .product-item .price-wrapper .regular-price {
  text-decoration: line-through;
  color: #8F8F8F;
  position: relative;
  bottom: -4px;
}
.component-block-cta .product-item .price-wrapper .price {
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 40px;
}
.component-block-cta .product-item .price-wrapper .price .monthly {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  position: relative;
  top: -5px;
}
.component-block-cta .product-item .price-wrapper.lang-en .price {
  font-size: 30px;
  font-size: 3rem;
}
.component-block-cta .product-item.product-item-main .price-wrapper {
  color: #6cc36c;
}
.component-block-cta .product-item.product-item-main .price-wrapper .regular-price {
  color: #6cc36c;
}
.component-block-cta .text-small ul {
  margin: 0 0 46px 0;
}
.component-block-cta .text-small ul li {
  background: url("../images/icon-check.svg") 0 2px no-repeat;
  list-style: none;
  color: #545454;
  margin: 0 0 16px 0;
  padding: 0 0 0 24px;
}

.component-block-related {
  width: 100%;
  max-width: 1392px;
  margin: 0 auto;
  padding: 80px 0 0 0;
}
.component-block-related .title-small.title-border {
  color: #737373;
}
.component-block-related .glide__arrows {
  overflow: hidden;
  position: absolute;
  top: 100%;
  right: 0px;
  padding: 16px 0 0 0;
  display: none;
}
.component-block-related .glide__arrow {
  display: block;
  width: 35px;
  height: 24px;
  text-indent: -9999px;
  cursor: pointer;
  float: left;
  z-index: 3;
}
.component-block-related .glide__arrow.glide__arrow--left {
  background: url("../images/icon-arrow-large-left.svg") 50% 0 no-repeat;
  background-size: auto 100%;
  margin-right: 0px;
}
.component-block-related .glide__arrow.glide__arrow--right {
  background: url("../images/icon-arrow-large-right.svg") 50% 0 no-repeat;
  background-size: auto 100%;
}
.component-block-related .glide__arrow.glide__arrow--disabled {
  opacity: 0.2;
  cursor: default;
}
.component-block-related .related-item .related-header {
  overflow: hidden;
  margin: 2px 0 8px 0;
}
.component-block-related .related-item .related-header .title-small {
  float: left;
  padding: 0 0 0 1px;
  margin: 20px 0 0 0;
}
.component-block-related .related-item .related-header .price-wrapper {
  text-align: right;
  float: right;
  color: #6cc36c;
  margin: 20px 0 5px 0;
  font-size: 18px;
  font-size: 1.8rem;
}
.component-block-related .related-item .related-header .price-wrapper.lang-en {
  font-size: 15px;
  font-size: 1.5rem;
}
.component-block-related .related-item .related-header .price-wrapper.has-campaign {
  margin: 0 0 0 0;
  position: relative;
  top: -5px;
}
.component-block-related .related-item .related-header .price-wrapper .monthly {
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  top: -1px;
}
.component-block-related .related-item .related-header .price-wrapper .regular-price {
  font-size: 13px;
  font-size: 1.3rem;
  text-decoration: line-through;
  position: relative;
  color: #AAA;
  bottom: -9px;
}
.component-block-related .related-item .related-header .price-wrapper .regular-price .monthly {
  font-size: 13px;
  font-size: 1.3rem;
  top: 0;
}
.component-block-related .image {
  display: block;
  border: 1px solid #DFDFDF;
  border-radius: 6px;
}
.component-block-related .image img {
  display: block;
  width: 100%;
}
.component-block-related a .text-small p {
  color: #222222;
}
.component-block-related a:hover .title-small {
  color: #777;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.component-block-related a:hover .text-small p {
  color: #777;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.component-block-related a:hover .image {
  border-color: #BBB;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.component-block-features {
  padding-left: 20px;
  padding-right: 20px;
}
.component-block-features .featurelist {
  display: grid;
  grid-template-columns: 50% 25% 25%;
  background-color: #fff;
  border-radius: 11px;
  padding: 6px;
}
.component-block-features .featurelist__headerrow, .component-block-features .featurelist__item {
  display: contents;
}
.component-block-features .featurelist__headerrow .featurelist__header {
  border-bottom: none;
}
.component-block-features .featurelist__colheader-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.component-block-features .featurelist__price {
  font-style: 2rem;
  margin-top: 6px;
}
.component-block-features .featurelist__unit {
  font-style: italic;
}
.component-block-features .featurelist__item:last-child .featurelist__header {
  border-bottom: none;
}
.component-block-features .featurelist__item:last-child .featurelist__marker-wrapper {
  border-bottom: none;
}
.component-block-features .featurelist__header {
  font-size: 1.4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #DFDFDF;
}
.component-block-features .featurelist__marker-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #DFDFDF;
}
.component-block-features .featurelist__marker {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #6cc36c;
}
.component-block-features .featurelist + .button {
    margin-top: 16px;
}
@media all and (min-width: 420px) {
  .component-block-features .featurelist__header {
    justify-content: center;
  }
}
@media all and (min-width: 476px) {
  .component-block-features .featurelist {
    padding: 12px;
  }
  .component-block-features .featurelist__header {
    justify-content: center;
  }
}
@media all and (min-width: 476px) {
  .component-block-features {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.component-block-subscription--promo {
  aspect-ratio: 2.7462121212;
}

@media all and (max-width: 1410px) {
  .component-block ul.appstore-links a {
    height: 35px;
  }
  .component-block ul.appstore-links li.appstore {
    margin-right: 12px;
  }
  .component-block ul.appstore-links li.appstore a {
    width: 105px;
  }
  .component-block ul.appstore-links li.googleplay a {
    width: 118px;
  }
}
@media all and (max-width: 1300px) {
  .content-block-slideshow-app .grid-v2 {
    gap: 16px 30px;
  }
  .content-block-slideshow-app .grid-v2 .grid-col-4 {
    grid-column: span 7;
    order: 1;
  }
  .content-block-slideshow-app .grid-v2 .grid-col-5 {
    grid-column: span 12;
    order: 3;
  }
  .content-block-slideshow-app .grid-v2 .grid-col-3 {
    grid-column: span 5;
    order: 2;
  }
  .content-block-slideshow-app .grid-v2 .grid-col-5 .text-medium {
    margin: 0 40px;
  }
  .component-block-cta .flexgrid .flexgrid-col-3 {
    width: 300px;
    flex: 0 0 300px;
  }
  .component-block-cta .product-item .price-wrapper .price {
    font-size: 30px;
    font-size: 3rem;
  }
  .component-block-cta .product-item .price-wrapper.lang-en .price {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media all and (max-width: 1200px) {
  body.page-template-page-product-v2 .title-medium-alt {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 38px;
  }
  .component-block.component-block-slideshow .glide-slideshow-3-col .glide__arrows {
    display: block;
  }
  .component-block-related .glide__arrows {
    display: block;
  }
  .component-block.component-block-slideshow.component-block-slideshow-3-col {
    padding-bottom: 80px;
  }
  .component-block-related .glide__track:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 100px;
    height: 100%;
    opacity: 0.8;
    background-image: linear-gradient(90deg, rgba(242, 242, 242, 0) 0%, #FFFFFF 95%);
  }
  .component-block.content-block-slideshow-app .image.image-bottom img {
    max-width: 200px;
  }
  .component-block.component-block-track-extender {
    background-size: 90px auto;
  }
  .component-block.component-block-track-extender .title-medium-alt {
    padding-left: 110px;
  }
  .component-block.content-block-savings {
    background-position: 60% 50%;
  }
}
@media all and (max-width: 1000px) {
  body.page-template-page-product-v2 .wrapper .grid-v2,
body.page-template-page-blocks .wrapper .grid-v2 {
    max-width: 840px;
  }
  body.page-template-page-product-v2 .grid-col-6.component-block,
body.page-template-page-product-v2 .grid-col-4.component-block,
body.page-template-page-product-v2 .grid-col-3.component-block,
body.page-template-page-blocks .grid-col-6.component-block,
body.page-template-page-blocks .grid-col-4.component-block,
body.page-template-page-blocks .grid-col-3.component-block {
    grid-column: span 12;
  }
  .component-block.component-block-main .image.image-top img {
    max-height: 180px;
  }
  .component-block.content-block-tune-spotprice.background-right {
    min-height: auto;
    background-position: 120% 50%;
    padding-right: 43%;
  }
  .component-block.component-block-track-meter {
    padding-bottom: 0;
  }
  .component-block.component-block-track-meter .image {
    position: relative;
  }
  .component-block.component-block-track-meter .image img {
    max-width: 240px;
    margin: 0;
  }
  .component-block-cta .flexgrid {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
  }
  .component-block-cta .flexgrid .flexgrid-col-3:nth-child(1) {
    order: 2;
  }
  .component-block-cta .flexgrid .flexgrid-col-3:nth-child(2) {
    order: 3;
  }
  .component-block-cta .flexgrid .flexgrid-col-6-fluid {
    order: 1;
    width: 100%;
    flex: 0 0 100%;
  }
  .component-block-cta .product-item {
    margin-top: 8px;
  }
  .component-block-cta .product-image-wrapper img.product-image,
.component-block-cta.content-block-cta-track .product-image-wrapper img.product-image {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    max-width: 280px;
    margin: 40px auto 0 auto;
  }
  .component-block-cta .title-large {
    text-align: center;
  }
  .component-block-related .wrapper-cta {
    margin: 0;
  }
  .component-block-related .title-divider {
    margin-left: 30px;
    margin-right: 30px;
    box-sizing: border-box;
    width: auto;
  }
  .component-block-related .glide__arrows {
    right: 30px;
  }
  .component-block-related .glide__track:before {
    display: none;
  }
  .component-block.content-block-savings {
    background-position: 50% 50%;
  }
  .component-block.component-block-track-meter-han {
    background-image: linear-gradient(180deg, #FFE89F 0%, #FFCC66 78%) !important;
    padding-bottom: 40px;
  }
}
@media all and (max-width: 800px) {
  .content-block-slideshow-app .grid-v2 .grid-col-4 {
    grid-column: span 12;
    order: 1;
  }
  .content-block-slideshow-app .grid-v2 .grid-col-5 {
    grid-column: span 12;
    order: 2;
  }
  .content-block-slideshow-app .grid-v2 .grid-col-3 {
    grid-column: span 12;
    order: 3;
  }
  .content-block-slideshow-app ul.appstore-links {
    float: none;
    margin-left: 40px;
    margin-top: 8px;
  }
  .component-block.content-block-tune-spotprice.background-right {
    padding-right: 40px;
    background-image: none !important;
  }
  .component-block.content-block-savings {
    background-position: 0 50%;
  }
}
@media all and (max-width: 600px) {
  body.page-template-page-product-v2 .promo-home {
    margin-top: 20px;
  }
  body.page-template-page-product-v2 .title-medium-alt,
body.page-template-page-blocks .title-medium-alt {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
  }
  body.page-template-page-product-v2 .wrapper,
body.page-template-page-blocks .wrapper {
    margin: 0;
  }
  body.page-template-page-product-v2 .wrapper .grid-v2,
body.page-template-page-blocks .wrapper .grid-v2 {
    gap: 0;
  }
  .component-block {
    border-radius: 0;
  }
  .component-block.component-block-slideshow.content-block-slideshow-app .title-medium-alt {
    margin-bottom: 20px;
  }
  .content-block-slideshow-app ul.appstore-links {
    margin-top: 20px;
  }
  .component-block.component-block-slideshow .glide__track:before {
    display: none;
  }
  .component-block-related .related-item .related-header .title-small {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
  }
  .component-block.component-block-track-meter .image img {
    max-width: 180px;
  }
  .component-block.component-block-track-extender {
    background-size: 60px auto;
    background-position: 40px 40px;
  }
  .component-block.component-block-track-extender .title-medium-alt {
    padding-left: 80px;
  }
  .component-block.content-block-compatibility-meters {
    border-top: 1px solid #ccc;
  }
}
@media all and (max-width: 370px) {
  .component-block-cta .flexgrid .flexgrid-col-3 {
    width: 280px;
    flex: 0 0 280px;
  }
  .component-block-cta .product-item {
    padding: 32px 30px 36px 30px;
  }
}


.component-subscriptions__intro {
  display: flex;
  flex-wrap: wrap;
  max-width: 1170px;
  margin: 0 auto;
}
.component-subscriptions__introText {
  flex: 0 0 auto;
  width: 100%;
  padding: 0 40px;
  box-sizing: border-box;
}
.component-subscriptions__introText h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: "Mohave", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 52px;
  line-height: 1.2;
  color: #222222;
  text-transform: uppercase;
}
.component-subscriptions__introText p {
  color: #696969;
}
@media (min-width: 1024px) {
  .component-subscriptions__introText {
    flex: 0 0 auto;
    width: 75%;
    margin: 0;
  }
  .component-subscriptions__introText h1 {
    font-size: 72px;
  }
}
.component-subscriptions__billingtoggle {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2.28rem;
}
@media (min-width: 1024px) {
  .component-subscriptions__billingtoggle {
    flex: 0 0 auto;
    width: 25%;
    margin-top: 0;
  }
}
.component-subscriptions__billingtoggle .billing-toggle {
  position: relative;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  background-color: #e9ecef;
  border-radius: 50rem;
  padding: 0.78rem;
  cursor: pointer;
  overflow: hidden;
}
.component-subscriptions__billingtoggle .billing-toggle-item {
  z-index: 2;
  color: #6c757d;
  background: transparent;
  text-align: center;
  transition: color 0.3s ease;
  user-select: none;
  padding: 0;
  cursor: pointer;
  padding: 12px 20px;
  text-decoration: none;
}
.component-subscriptions__billingtoggle .billing-toggle-item--selected {
  color: #495057;
}
.component-subscriptions__billingtoggle .billing-toggle-item:nth-child(2).billing-toggle-item--selected ~ .billing-toggle__slider {
  transform: translateX(100%);
}
.component-subscriptions__billingtoggle .billing-toggle__slider {
  content: "";
  position: absolute;
  top: 0.78rem;
  left: 0.78rem;
  width: calc(50% - 0.78rem);
  height: calc(100% - 1.56rem);
  border-radius: 50rem;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1;
  transition: transform 0.3s ease;
}
.component-subscriptions__billingtoggle p {
  font-size: 1.2rem;
  margin-top: 6px;
  color: #696969;
}

.component-subscriptions__nobindingtime {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  justify-content: center;
}
.component-subscriptions__nobindingtime .max-content {
  width: max-content;
}
.component-subscriptions__nobindingtime .callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-width: 0 0 0 5px;
  border-radius: 5px;
  border-left-color: #6cc36c;
  background-color: #edf8ed;
  color: #2c6d2c;
  margin: 0 20px;
}
@media (min-width: 768px) {
  .component-subscriptions__nobindingtime .callout {
    margin: 0;
  }
}

.component-subscriptions__contentWrapper {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.component-subscriptions__contentWrapper > * {
  grid-row: 1;
  grid-column: 1;
}
.component-subscriptions__month, .component-subscriptions__year {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}
.component-subscriptions__month.active, .component-subscriptions__year.active {
  opacity: 1;
  transform: translateY(0);
  z-index: 4;
}
.component-subscriptions__wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-right: -1.2rem;
  margin-left: -1.2rem;
  margin-top: 1.28rem !important;
  margin-bottom: 1.28rem !important;
}
@media (min-width: 768px) {
  .component-subscriptions__wrapper {
    margin-top: 4.8rem !important;
    margin-bottom: 4.8rem !important;
  }
}
.component-subscriptions__col {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
  margin-top: 2.4rem;
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .component-subscriptions__col {
    flex: 0 0 auto;
    width: 33.33333333%;
    max-width: 390px;
  }
}
.component-subscriptions__col--primary {
  order: -1;
}
@media (min-width: 1024px) {
  .component-subscriptions__col--primary {
    order: 0;
  }
}
.component-subscriptions__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  color: #696969;
  word-wrap: break-word;
  background-color: #f8f9fa;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.175);
  border-radius: 8px;
  margin: 0 auto;
}
@media (min-width: 476px) {
  .component-subscriptions__card {
    width: 80%;
    max-width: 530px;
  }
}
@media (min-width: 1024px) {
  .component-subscriptions__card {
    width: 100%;
    max-width: initial;
    background-color: transparent;
    max-width: 350px;
  }
}
.component-subscriptions__card--popular {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.component-subscriptions__card--popular .component-subscriptions__card__popuplarbadge {
  margin-top: 0;
  font-family: "Mohave", sans-serif;
  font-style: italic;
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 36px;
  color: #323232;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: linear-gradient(to right, #c761d1, #ffcc66);
}
.component-subscriptions__card--popular .component-subscriptions__card__title {
  color: #fc6;
  margin-top: 0;
}
.component-subscriptions__card--popular .component-subscriptions__card__title .subscriptionplan-price {
  color: #fff;
}
.component-subscriptions__card--popular .component-subscriptions__card__body,
.component-subscriptions__card--popular .component-subscriptions__card__footer {
    color: #ced4da;
  background-color: #323232;
}
.component-subscriptions__card__body {
  font-size: 15px;
  flex: 1 1 auto;
  padding: 40px 24px;
}
.component-subscriptions__card__title {
  display: inline-flex;
  flex-direction: column;
  font-family: "Mohave", sans-serif;
  font-style: italic;
  font-size: 24px;
  font-weight: 400;
  color: #adb5bd;
  margin: 3.2rem 0 15px 0;
  text-transform: uppercase;
}
.component-subscriptions__card__subtitle {
  font-family: "Open Sans", "Sans Serif Collection", sans-serif;
  font-size: 1.2rem;
  margin-bottom: 30px;
  font-style: normal;
  text-transform: initial;
  margin-top: -0.4rem;
}
.component-subscriptions__card .subscriptionplan-price {
  color: #262626;
}
.component-subscriptions__card .subscriptionplan-price__price {
  font-size: 48px;
  line-height: 1;
  font-weight: 300;
}
.component-subscriptions__card .subscriptionplan-price__super {
  position: relative;
  font-size: 2.4em;
  line-height: 0;
  vertical-align: baseline;
  top: -1.92rem;
  font-size: 24px;
}
.component-subscriptions__card__description {
  margin-bottom: 1.6rem;
}
.component-subscriptions__card__features {
  padding-left: 0;
  margin-right: 0.4rem;
  margin-left: 0.4rem;
}
.component-subscriptions__card__features li {
  display: flex;
  align-items: center;
}
.component-subscriptions__card__features li::before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: #6c6;
  margin-right: 0.8rem;
  flex-shrink: 0;
  align-self: start;
  margin-top: 0.6rem;
}
.component-subscriptions__card__footer {
  padding: 40px 24px;
  border-top: 0 solid rgba(0, 0, 0, 0.175);
}
.component-subscriptions__card__footer:last-child {
  border-radius: 0 0 8px 8px;
}
.component-subscriptions__button {
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  padding: 16px 40px;
  font-family: "Mohave", sans-serif;
  font-size: 2rem;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
  color: #323232;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid #262626;
  border-radius: 0.8rem;
  background-color: #fff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.component-subscriptions__button:hover {
  color: #000;
  background-color: #ecedee;
  border-color: #212529;
}
.component-subscriptions__button--contrast {
  border: 1px solid #adb5bd;
  box-shadow: 0 2px 0 #adb5bd;
}
.component-subscriptions__button--contrast:hover {
  box-shadow: 0 2px 0 #6c757d;
}





body.home .wrapper {
  padding-bottom: 96px;
}

.page-intro-home {
  padding: 0px 30px 30px 30px;
}
.page-intro-home .page-intro-home-inner {
  background-color: #654E39;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 100%;
  max-width: 1392px;
  min-height: 646px;
  border-radius: 11px;
  padding: 24px 24px 24px 80px;
  box-sizing: border-box;
  color: #ffffff;
  position: relative;
}
.page-intro-home h1 {
  color: #ffcc66;
  text-shadow: 0 0 20px #000000;
  margin: 0 0 20px 0;
}
.page-intro-home .main {
  width: 41.66666667%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-intro-home .image img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 36px;
  display: block;
  width: 47.12643678%;
  height: auto;
}

.subpages-wrapper-home {
  background: #fff;
  width: 100%;
  max-width: 780px;
  margin: 0 auto 20px auto;
  border-radius: 11px;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.07);
  position: relative;
  top: -67px;
  padding: 20px 0 4px 24px;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 2;
}
.subpages-wrapper-home .description {
  display: inline-block;
  width: 38%;
}
.subpages-wrapper-home .title-small {
  margin: 4px 0 0 0;
}
.subpages-wrapper-home .text-medium {
  width: 100%;
  max-width: 320px;
  padding: 0 0 8px 0;
  margin: 0 auto;
}
.subpages-wrapper-home .text-small p {
  margin-bottom: 0;
  color: #757575;
}
.subpages-wrapper-home .button-list {
  display: inline-block;
  width: 60%;
  float: right;
  margin: 0 0 0 0;
}
.subpages-wrapper-home .button-list a {
  margin: 0 8px 16px 8px;
}

html[lang=en-US] .subpages-wrapper-home {
  max-width: 840px;
}

html[lang=en-US] .subpages-wrapper-home .description {
  width: 30%;
}

html[lang=en-US] .subpages-wrapper-home .button-list {
  width: 65%;
}

/*
	Services
*/
.component-block-home-services .title-medium-alt {
  margin-bottom: 8px;
}
.component-block-home-services .text-medium p {
  margin-bottom: 40px;
}

.product-block {
  padding: 0 0 0 0;
}
.product-block.grid-v2 {
  gap: 24px;
  margin-bottom: 0;
}
.product-block .grid-col-6 {
  background: #fff;
  padding: 4px 12px 4px 16px;
  border-radius: 11px;
  position: relative;
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
}
.product-block .image {
  position: absolute;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 8px;
  width: 77px;
}
.product-block .image img {
  margin: 0 auto;
  display: block;
  width: 100%;
  height: auto;
}
.product-block .description {
  display: block;
  margin: 16px 0 0 75px;
}
.product-block a {
  display: block;
}
.product-block a .text-extra-small p {
  margin-bottom: 0;
  color: #000;
}
.product-block a:hover .title-small {
  color: #6cc36c;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/*
	About Ngenic
*/
.component-block-home-about {
  background-color: #222;
  background-size: cover;
  background-repeat: no-repeat;
}
.component-block-home-about .title-medium-alt {
  text-shadow: 0 0 20px #000000;
  margin-bottom: 8px;
}
.component-block-home-about .text-medium {
  width: 100%;
  max-width: 575px;
}

.video-thumbnail-wrapper.home {
  margin: 0 0 40px 0;
}
.video-thumbnail-wrapper.home .video-thumbnail {
  width: 100%;
  max-width: 260px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
}
.video-thumbnail-wrapper.home .video-thumbnail-caption {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

/*
	News
*/
.component-block-home-news article {
  margin: 0 0 24px 0;
}
.component-block-home-news article a {
  display: block;
  overflow: hidden;
}
.component-block-home-news article a .post-image img {
  float: left;
  display: block;
  width: 100%;
  max-width: 180px;
  border-radius: 6px;
}
.component-block-home-news article a .main {
  display: block;
  margin: 0 0 0 200px;
}
.component-block-home-news article a time {
  font-size: 12px;
  font-size: 1.2rem;
  color: #8E8E8E;
  line-height: 16px;
  display: block;
  margin-bottom: 8px;
}
.component-block-home-news article a .title-small {
  margin-bottom: 12px;
}
.component-block-home-news article a .text-small {
  color: #222222;
}
.component-block-home-news article a:hover .post-image {
  opacity: 0.8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.component-block-home-news article a:hover .title-small {
  color: #888;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/*
	Quote
*/
.component-block-home-quote {
  background: #fff;
  border: 1px solid #D8D8D8;
}
.component-block-home-quote .home-quote-inner {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.component-block-home-quote img {
  display: block;
  width: 100%;
  max-width: 140px;
}
.component-block-home-quote .text-medium p {
  margin: 16px 0 12px 0;
}
.component-block-home-quote .text-small {
  font-weight: 700;
}
.component-block-home-quote .text-small p {
  margin-bottom: 0;
}

/*
	Contact sales
*/
.component-block-home-sales {
  background: #6cc36c;
}
.component-block-home-sales .title-medium-alt {
  color: #fff;
  margin-bottom: 8px;
}
.component-block-home-sales .text-medium {
  color: #1D5E1D;
}
.component-block-home-sales .sales-images {
  display: inline-block;
  vertical-align: middle;
}
.component-block-home-sales img {
  display: inline-block;
  width: 54px;
  height: 54px;
  border-radius: 30px;
  border: 2px solid #ffffff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.component-block-home-sales picture {
  display: inline-block;
  width: 58px;
  height: 58px;
  position: relative;
  z-index: 1;
}
.component-block-home-sales picture:nth-child(2) {
  left: -8px;
  z-index: 2;
}
.component-block-home-sales picture:nth-child(3) {
  left: -16px;
  z-index: 5;
}
.component-block-home-sales picture:nth-child(4) {
  left: -24px;
  z-index: 4;
}
.component-block-home-sales picture:nth-child(5) {
  left: -32px;
  z-index: 3;
}
.component-block-home-sales a.button {
  vertical-align: middle;
}

@media all and (max-width: 1400px) {
  .product-block.grid-v2 {
    gap: 16px;
  }
  .product-block .image {
    width: 55px;
  }
  .product-block .description {
    margin-left: 57px;
  }
}
@media all and (max-width: 1300px) {
  .page-intro-home .page-intro-home-inner {
    padding-left: 50px;
    min-height: 600px;
  }
  .product-block .grid-col-6 {
    padding: 12px 12px;
  }
  .product-block .image {
    top: 0;
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    left: 2px;
    margin: 0 0 6px 0;
  }
  .product-block .description {
    margin: 4px 0 0 4px;
  }
  .product-block .description .text-extra-small {
    margin-bottom: 0;
  }
}
@media all and (max-width: 1200px) {
  body.home .title-medium-alt {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 38px;
  }
}
@media all and (max-width: 1100px) {
  .product-block.grid-v2 .grid-col-6 {
    grid-column: span 12;
  }
  .product-block .image {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 12px;
  }
  .product-block .description {
    margin-left: 65px;
  }
  .component-block-home-news article a .post-image img {
    max-width: 120px;
  }
  .component-block-home-news article a .main {
    margin-left: 140px;
  }
}
@media all and (max-width: 1000px) {
  body.home .wrapper .grid-v2 {
    max-width: 840px;
  }
  body.home .wrapper .grid-v2 .grid-col-6 {
    grid-column: span 12;
  }
  .page-intro-home .page-intro-home-inner {
    padding: 40px 30px 60px 30px;
  }
  .page-intro-home h1 {
    text-align: center;
  }
  .page-intro-home .main {
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    top: 0;
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  .page-intro-home .image img {
    top: 0;
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    right: auto;
    width: 100%;
    max-width: 340px;
    margin: 40px auto 0 auto;
  }
  body.home .wrapper .product-block.grid-v2 .grid-col-6 {
    grid-column: span 6;
  }
  .component-block-home-about .text-medium {
    max-width: 100%;
  }
  .component-block-home-news article a .post-image img {
    max-width: 180px;
  }
  .component-block-home-news article a .main {
    margin-left: 200px;
  }
  .component-block-home-quote .home-quote-inner {
    top: 0;
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@media all and (max-width: 900px) {
  .subpages-wrapper-home {
    margin-bottom: 0;
  }
  html[lang=en-US] .subpages-wrapper-home, .subpages-wrapper-home {
    max-width: 80%;
    padding-right: 20px;
  }
  html[lang=en-US] .subpages-wrapper-home .description, .subpages-wrapper-home .description {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 16px 0;
  }
  html[lang=en-US] .subpages-wrapper-home .button-list, .subpages-wrapper-home .button-list {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
  }
}
@media all and (max-width: 700px) {
  body.home .wrapper {
    margin: 0;
    padding: 0;
  }
  body.home .wrapper .grid-v2 {
    gap: 0;
    margin-bottom: 0;
  }
  body.home .wrapper .product-block.grid-v2 {
    gap: 16px;
  }
  body.home .component-block {
    border-radius: 0;
  }
  body.home .wrapper .product-block.grid-v2 .grid-col-6 {
    grid-column: span 12;
  }
  .component-block-home-quote {
    border: 0;
  }
}
@media all and (max-width: 600px) {
  body.home .title-medium-alt {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
  }
  .component-block-home-news article a .post-image img {
    max-width: 100px;
  }
  .component-block-home-news article a .main {
    margin-left: 120px;
  }
  .component-block-home-news article a .title-small {
    margin-bottom: 8px;
  }
}
@media all and (max-width: 500px) {
  .page-intro-home {
    padding: 0 20px 20px 20px;
  }
  .component-block-home-news article a .post-image img {
    display: block;
    float: none;
    max-width: 240px;
  }
  .component-block-home-news article a .main {
    margin-top: 16px;
    margin-left: 0;
  }
}
@media all and (max-width: 400px) {
  .component-block-home-sales .sales-images {
    margin-bottom: 16px;
  }
}
.block-ir {
  background: #F2F2F2;
  border-radius: 11px;
  margin-bottom: 40px;
}

.block-ir-pressreleases {
  box-sizing: border-box;
  position: relative;
}
.block-ir-pressreleases .block-ir-content {
  width: 50%;
  padding: 60px;
  box-sizing: border-box;
}
.block-ir-pressreleases .block-ir-image {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  display: block;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 0 11px 11px 0;
}

#mfn_container .mfn-tags span {
  display: none;
}
#mfn_container .mfn-select {
  font-family: "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif;
  margin: 16px 0 16px 0;
  padding: 3px;
  font-size: 12px;
  font-size: 1.2rem;
}
#mfn_container .mfn-row {
  margin-bottom: 16px;
}
#mfn_container .mfn-date {
  font-size: 12px;
  font-size: 1.2rem;
  color: #909090;
  line-height: 20px;
}
#mfn_container .mfn-title a {
  font-weight: 600;
  color: #222222;
  border-bottom: 2px solid #6cc36c;
}
#mfn_container .mfn-title a:hover {
  color: #333;
  border-bottom: 2px solid #ffcc66;
}
#mfn_container .mfn-tag {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  background: #D8D8D8;
  color: #5D5D5D;
  display: inline-block;
  padding: 0 5px;
  border-radius: 4px;
  margin-top: 10px;
}
#mfn_container .mfn-pagination-link {
  padding-top: 16px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  font-weight: 600;
  color: #222222;
  border-bottom: 2px solid #6cc36c;
  display: inline-block;
}
#mfn_container .mfn-pagination-link:hover {
  cursor: pointer;
  color: #333;
  border-bottom: 2px solid #ffcc66;
}
#mfn_container .mfn-prev {
  float: right;
}

.block-ir-columns {
  background: #282828;
  position: relative;
}
.block-ir-columns:before {
  content: "";
  background: #565656;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 33.3333333333%;
}
.block-ir-columns:after {
  content: "";
  background: #565656;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 66.6666666666%;
}
.block-ir-columns .title-medium {
  color: #fff;
  margin: 0 0 20px 0;
}
.block-ir-columns .block-ir-column {
  display: inline-block;
  vertical-align: top;
  width: 33.3333333333%;
  box-sizing: border-box;
  padding: 60px;
}
.block-ir-columns ul {
  color: #BABABA;
}
.block-ir-columns li {
  margin: 0 0 20px 0;
}
.block-ir-columns span.date {
  font-size: 12px;
  color: #909090;
  display: block;
  line-height: 20px;
}
.block-ir-columns span.name {
  font-weight: 600;
}
.block-ir-columns li a {
  color: #fff;
  font-weight: 600;
}
.block-ir-columns .item-contact {
  overflow: hidden;
  margin: 0 0 20px 0;
}
.block-ir-columns .item-contact .image {
  width: 40px;
  border-radius: 20px;
  overflow: hidden;
  float: left;
}
.block-ir-columns .item-contact .image img {
  width: 100%;
  display: block;
}
.block-ir-columns .item-contact .description {
  margin-left: 60px;
  color: #BABABA;
}
.block-ir-columns .item-contact .description .text-small p a {
  color: #fff;
  border: 0;
}
.block-ir-columns .item-contact .text-extra-small p {
  color: #BABABA;
  max-width: 250px;
}

.block-ir-newsletter {
  position: relative;
  margin-bottom: 120px;
}
.block-ir-newsletter .block-ir-content {
  position: relative;
  width: 50%;
  left: 50%;
  padding: 60px;
  box-sizing: border-box;
}
.block-ir-newsletter .block-ir-content .title-medium {
  margin-bottom: 16px;
}
.block-ir-newsletter .block-ir-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  display: block;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 11px 0 0 11px;
}

.ir-subscription-wrapper p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  margin-bottom: 24px;
}
.ir-subscription-wrapper input[type=text] {
  padding: 8px 12px;
  font-family: "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #979797;
  border-radius: 6px;
  margin: 0 0 16px 0;
}
.ir-subscription-wrapper button {
  background: #6cc36c;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 16px;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  font-weight: 600;
  cursor: pointer;
}

#subscribe-module .mfn-info {
  padding-top: 8px;
}
#subscribe-module ul {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 24px;
}
#subscribe-module .mfn-info p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  margin-bottom: 24px;
}
#subscribe-module input#sub-email {
  padding: 8px 12px;
  font-family: "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #979797;
  border-radius: 6px;
  margin: 0 0 16px 0;
}
#subscribe-module .mfn-approve-container {
  font-size: 14px;
  font-size: 1.4rem;
}
#subscribe-module .mfn-approve-checkbox {
  float: left;
  position: relative;
  top: 5px;
  margin-right: 4px;
}
#subscribe-module p#policy-text {
  margin-bottom: 24px;
}
#subscribe-module p#policy-text a {
  font-weight: 600;
  color: #222222;
  border-bottom: 2px solid #6cc36c;
}
#subscribe-module p#policy-text a:hover {
  color: #333;
  border-bottom: 2px solid #ffcc66;
}
#subscribe-module button {
  background: #6cc36c;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 16px;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  font-weight: 600;
  cursor: pointer;
}

#mfn_container_single .mfn-title {
  text-align: center;
  padding: 60px 0 0 0;
}
#mfn_container_single .mfn-date {
  display: block;
  margin: 16px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  color: #ACACAC;
  text-align: center;
}
#mfn_container_single .mfn-tags-list {
  text-align: center;
}
#mfn_container_single .mfn-tag {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  background: #D8D8D8;
  color: #5D5D5D;
  display: inline-block;
  padding: 0 5px;
  border-radius: 4px;
  margin-right: 10px;
}
#mfn_container_single .mfn-content {
  margin: 40px 0 0 0;
}
#mfn_container_single .mfn-attachment img {
  width: 100%;
  max-width: 240px;
  border: 1px solid #ccc;
}

@media all and (max-width: 1000px) {
  .block-ir-pressreleases .block-ir-content,
.block-ir-columns .block-ir-column,
.block-ir-newsletter .block-ir-content {
    padding: 40px 30px;
  }
}
@media all and (max-width: 900px) {
  .block-ir-pressreleases {
    max-width: 580px;
  }
  .block-ir-pressreleases .block-ir-content {
    width: 100%;
  }
  .block-ir-pressreleases .block-ir-image {
    display: none;
  }
  .block-ir-columns {
    max-width: 580px;
  }
  .block-ir-columns:before,
.block-ir-columns:after {
    display: none;
  }
  .block-ir-columns .block-ir-column {
    width: 50%;
    position: relative;
  }
  .block-ir-columns .block-ir-column:nth-child(1):before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    background: #565656;
    display: block;
  }
  .block-ir-columns .block-ir-column:nth-child(2):before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #565656;
    display: block;
  }
  .block-ir-columns .block-ir-column:last-child {
    width: 100%;
    border-top: 1px solid #565656;
  }
  .block-ir-columns .item-contact .text-extra-small p {
    max-width: 100%;
  }
  .block-ir-newsletter {
    max-width: 580px;
  }
  .block-ir-newsletter .block-ir-content {
    width: 100%;
    left: 0;
  }
  .block-ir-newsletter .block-ir-image {
    display: none;
  }
}
@media all and (max-width: 600px) {
  .block-ir-columns .block-ir-column {
    width: 100%;
  }
  .block-ir-columns .block-ir-column:nth-child(1):before,
.block-ir-columns .block-ir-column:nth-child(2):before {
    display: none;
  }
  .block-ir-columns .block-ir-column:nth-child(2) {
    border-top: 1px solid #565656;
  }
}
.page-template-page-how-it-works {
  background: #5285C4;
}
.page-template-page-how-it-works .page-intro {
  padding-top: 160px;
  padding-bottom: 100px;
}
.page-template-page-how-it-works .page-intro .title-small {
  color: #fff;
}
.page-template-page-how-it-works .page-intro .title-small a {
  color: #fff;
}
.page-template-page-how-it-works .page-intro .title-large {
  color: #ffcc66;
}
.page-template-page-how-it-works .guide {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.page-template-page-how-it-works .step {
  overflow: hidden;
  width: 500px;
  margin: 0 auto 60px auto;
  padding: 0 0 120px 0;
  background: url("../images/icon-arrow-down.svg") 70% 100% no-repeat;
  position: relative;
}
.page-template-page-how-it-works .step .image {
  display: inline-block;
  width: 180px;
  vertical-align: middle;
}
.page-template-page-how-it-works .step .image img {
  float: right;
}
.page-template-page-how-it-works .step .description {
  width: 300px;
  padding: 0 0 0 20px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.page-template-page-how-it-works .step .title-medium {
  color: #fff;
}
.page-template-page-how-it-works .step .text-medium {
  color: #D8E3F2;
}
.page-template-page-how-it-works .step:nth-child(2),
.page-template-page-how-it-works .step:nth-child(4),
.page-template-page-how-it-works .step:nth-child(6) {
  float: right;
  background: url("../images/icon-arrow-down-alt.svg") 10% 100% no-repeat;
}
.page-template-page-how-it-works .step:nth-child(6) {
  padding-bottom: 80px;
  background: none;
}
.page-template-page-how-it-works .how-it-works-cta {
  text-align: center;
  padding: 0 0 140px 0;
}

@media all and (max-width: 1120px) {
  .page-template-page-how-it-works .page-intro {
    padding-top: 140px;
  }
}
@media all and (max-width: 1000px) {
  .page-template-page-how-it-works .page-intro {
    padding-top: 120px;
  }
}
@media all and (max-width: 800px) {
  .page-template-page-how-it-works .page-intro {
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .page-template-page-how-it-works .step {
    width: 100%;
    max-width: 500px;
  }
  .page-template-page-how-it-works .step .image {
    width: 100%;
    display: block;
    text-align: left;
    padding-bottom: 10px;
    box-sizing: border-box;
  }
  .page-template-page-how-it-works .step .image img {
    float: none;
  }
  .page-template-page-how-it-works .step .description {
    width: 100%;
    display: block;
    padding-left: 0;
  }
  .page-template-page-how-it-works .step:nth-child(2),
.page-template-page-how-it-works .step:nth-child(4),
.page-template-page-how-it-works .step:nth-child(6) {
    float: none;
  }
}
body.page-template-page-sortiment .wrapper {
  margin-bottom: 150px;
}

.sortiment-search {
  width: 100%;
  max-width: 780px;
  margin: 30px auto 0px auto;
  position: relative;
}
.sortiment-search input {
  background: url("../images/icon-search.svg") 14px 50% no-repeat;
  font-family: "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  padding: 14px 14px 14px 40px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.39);
}
.sortiment-search input::-webkit-search-decoration,
.sortiment-search input::-webkit-search-cancel-button,
.sortiment-search input::-webkit-search-results-button,
.sortiment-search input::-webkit-search-results-decoration {
  display: none;
}
.sortiment-search a.sortiment-search-clear {
  background: url("../images/icon-close-gray.svg") 50% 50% no-repeat;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  position: absolute;
  top: 6px;
  right: 0px;
  display: none;
}
.sortiment-search a.sortiment-search-clear:hover {
  opacity: 0.6;
}

.sortiment-no-results {
  padding: 20px 0 360px 0;
  display: none;
}
.sortiment-no-results p {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  color: #8E8E8E;
}

#sortiment-filters {
  width: 100%;
  max-width: 780px;
  margin: 30px auto 30px auto;
}
#sortiment-filters a.sortiment-filter {
  font-family: "Mohave-SemiBoldItalic", sans-serif;
  color: #222222;
  font-size: 20px;
  font-size: 2rem;
  display: block;
  background-color: #F2F2F2;
  background-repeat: no-repeat;
  background-position: 50% 20px;
  text-align: center;
  border-radius: 11px;
  padding: 65px 20px 20px 20px;
}
#sortiment-filters a.sortiment-filter.sortiment-elmatare {
  background-image: url("../images/icon-sortiment-elmatare.svg");
}
#sortiment-filters a.sortiment-filter.sortiment-vattenmatare {
  background-image: url("../images/icon-sortiment-vattenmatare.svg");
}
#sortiment-filters a.sortiment-filter.sortiment-varmematare {
  background-image: url("../images/icon-sortiment-varmematare.svg");
}
#sortiment-filters a.sortiment-filter.sortiment-kommunikation {
  background-image: url("../images/icon-sortiment-kommunikation.svg");
}
#sortiment-filters a.sortiment-filter:hover {
  background-color: #E8E8E8;
}
#sortiment-filters a.sortiment-filter.active {
  background-color: #ffcc66;
}

.sortiment-item {
  margin: 0 0 0px 0;
}
.sortiment-item .image {
  border: 1px solid #D6D6D6;
  border-radius: 11px 11px 0 0;
  padding: 20px 0;
}
.sortiment-item .image img {
  display: block;
  width: 100%;
  max-width: 115px;
  margin: 0 auto;
}
.sortiment-item .description {
  background: #F2F2F2;
  border: 1px solid #D6D6D6;
  border-top: 0;
  border-radius: 0 0 11px 11px;
  display: block;
  padding: 10px 15px 0 15px;
  min-height: 160px;
}
.sortiment-item .description .description-main {
  display: block;
  min-height: 100px;
}
.sortiment-item .description .meta {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 24px;
  color: #8E8E8E;
  display: block;
  margin: 0 0 4px 0;
}
.sortiment-item .description .title-small-alt {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 0px 0;
}
.sortiment-item .description .description-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  display: block;
}
.sortiment-item .description ul {
  overflow: hidden;
}
.sortiment-item .description ul li {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  float: left;
  margin: 0 10px 10px 0;
}
.sortiment-item .description ul li a {
  display: block;
  text-align: center;
  width: 20px;
  padding: 24px 0 0 0;
  background: url("../images/icon-pdf.svg") 50% 0 no-repeat;
}

@media all and (max-width: 1200px) {
  .sortiment-item .description {
    min-height: 170px;
  }
}
@media all and (max-width: 1000px) {
  .page-template-page-sortiment .sortiment-grid.grid-columns-25-25-25-25 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media all and (max-width: 800px) {
  .sortiment-item .image img {
    max-width: 80px;
  }
  #sortiment-filters {
    margin-bottom: 10px;
  }
  #sortiment-filters a.sortiment-filter {
    background-size: auto 24px;
    background-position: 50% 14px;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 45px 14px 14px 14px;
  }
}
@media all and (max-width: 724px) {
  .page-template-page-sortiment .sortiment-grid.grid-columns-25-25-25-25 {
    grid-template-columns: 1fr 1fr;
  }
  .sortiment-item .image {
    padding: 15px 0;
  }
  .sortiment-item .image img {
    max-width: 60px;
  }
  #sortiment-filters a.sortiment-filter {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media all and (max-width: 600px) {
  .sortiment-item .description {
    padding: 10px 10px 0 10px;
  }
  .sortiment-item .description .title-small-alt,
.sortiment-item .description .description-text {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
  }
  #sortiment-filters {
    margin-bottom: 0px;
  }
  #sortiment-filters .grid-columns-25-25-25-25 {
    grid-template-columns: 1fr 1fr;
  }
}
body.page-template-page-campaign .page-intro-large.page-intro-large--noimage {
  background: #ffcc66;
}
body.page-template-page-campaign .page-intro-large .gradient {
  display: none;
}
body.page-template-page-campaign .page-intro-large .title-large {
  color: #fff;
  text-shadow: none;
}
body.page-template-page-campaign .page-intro-large .title-large span {
  background-color: #222;
  padding: 8px 10px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 82px;
}
body.page-template-page-campaign .page-intro-large .page-intro-inner {
  color: #222;
}
body.page-template-page-campaign .page-intro-large.page-intro--dark .page-intro-inner {
  color: #fff;
}

@media all and (max-width: 800px) {
  body.page-template-page-campaign .page-intro-large .title-large span {
    line-height: 68px;
  }
}
@media all and (max-width: 600px) {
  body.page-template-page-campaign .page-intro-large .title-large span {
    line-height: 52px;
  }
}
.page-intro-large.intro-no-image.about {
  margin-bottom: 56px;
  padding-bottom: 72px;
}

.grid-about {
  padding-bottom: 64px;
}
.grid-about .text-medium {
  margin: 0 70px 0 0;
}

.about-certificates {
  margin: 0 0 48px 0;
}
.about-certificates .title-divider {
  margin-bottom: 8px;
}
.about-certificates .certificate {
  display: inline-block;
  width: 110px;
  padding: 0 16px 0 0;
}
.about-certificates .certificate a span {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6C6C6C;
  display: block;
}
.about-certificates .certificate a img {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #979797;
}
.about-certificates .certificate a:hover img {
  border-color: #6cc36c;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.about-logolist.agreements {
  margin-bottom: 40px;
}
.about-logolist .title-divider {
  margin-bottom: 16px;
}
.about-logolist .logolist-logo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 24px 0 0;
}
.about-logolist.member .logolist-logo {
  margin: 0 32px 8px 0;
}

@media all and (max-width: 900px) {
  .grid-about.grid-columns-66-33 {
    grid-template-columns: 1fr;
  }
  .grid-about .text-medium {
    margin: 0 0 40px 0;
  }
}
@media all and (max-width: 800px) {
  .page-intro-large.intro-no-image.about {
    padding-bottom: 32px;
    margin-bottom: 48px;
  }
}
body.page-template-page-form-contact-sales .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}
body.page-template-page-form-contact-sales .form-wrapper {
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: 0 0 0 0;
}
body.page-template-page-form-contact-sales .page-contact-sales {
  padding: 160px 0 160px 0;
  background-color: #777;
  background-size: cover;
  background-position: 50% 0;
}
body.page-template-page-form-contact-sales .page-contact-sales .block-outer {
  padding: 0 30px;
}
body.page-template-page-form-contact-sales .page-contact-sales .block-12 {
  background: #F2F2F2;
  border-radius: 11px;
  overflow: hidden;
  z-index: 2;
  position: relative;
}
body.page-template-page-form-contact-sales .block-contact-sales-main,
body.page-template-page-form-contact-sales .block-contact-sales-sidebar {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 32px;
}
body.page-template-page-form-contact-sales .block-contact-sales-main {
  width: 59.3220339%;
  background: #ffffff;
}
body.page-template-page-form-contact-sales .block-contact-sales-sidebar {
  width: 40.6779661%;
}
body.page-template-page-form-contact-sales .block-contact-sales-sidebar .card-contact-small {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}
body.page-template-page-form-contact-sales .block-contact-sales-sidebar .card-contact-small:last-child {
  padding-bottom: 0;
}
body.page-template-page-form-contact-sales .block-contact-sales-main-inner {
  width: 100%;
  max-width: 425px;
  min-height: 450px;
  margin: 0 auto;
  padding: 40px 0 10px 0;
}
body.page-template-page-form-contact-sales .block-contact-sales-main-inner .title-medium-alt {
  text-align: center;
  margin: 0 0 8px 0;
}
body.page-template-page-form-contact-sales .block-contact-sales-main-inner .text-small {
  padding: 0 0 16px 0;
}
body.page-template-page-form-contact-sales .block-contact-sales-main-inner .text-small p {
  text-align: center;
  color: #838383;
}

@media all and (max-width: 1000px) {
  body.page-template-page-form-contact-sales .page-contact-sales .block-outer {
    padding: 0 20px;
  }
}
@media all and (max-width: 900px) {
  body.page-template-page-form-contact-sales .page-contact-sales {
    padding: 100px 0 100px 0;
  }
  body.page-template-page-form-contact-sales .page-contact-sales .block-12 {
    max-width: 500px;
  }
  body.page-template-page-form-contact-sales .block-contact-sales-main,
body.page-template-page-form-contact-sales .block-contact-sales-sidebar {
    display: block;
    width: 100%;
    vertical-align: top;
  }
  body.page-template-page-form-contact-sales .block-contact-sales-main {
    padding-bottom: 10px;
  }
  body.page-template-page-form-contact-sales .block-contact-sales-main-inner {
    padding: 20px 0 0 0;
  }
  body.page-template-page-form-contact-sales .block-contact-sales-sidebar {
    padding: 60px 20px;
  }
}
@media all and (max-width: 360px) {
  .card-contact.card-contact-small .image {
    width: 40px;
  }
  .card-contact.card-contact-small .title-small, .card-contact.card-contact-small span.title, .card-contact.card-contact-small .text-small {
    margin-left: 55px;
  }
}
body.page-template-page-savings .page-intro-home h1 {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
body.page-template-page-savings .component-block-savings {
  background-image: linear-gradient(180deg, #E5E5E5 0%, #F2F2F2 78%);
}
body.page-template-page-savings .component-block-savings h2.title-medium {
  color: #59A659;
}
body.page-template-page-savings .component-block-savings {
  position: relative;
}
body.page-template-page-savings .component-block-savings-inner {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  padding: 24px 0 24px 0;
  margin-bottom: 24px;
  position: relative;
}
body.page-template-page-savings .table-savings-wrapper {
  display: block;
  width: 100%;
  overflow-x: auto;
}
body.page-template-page-savings table.table-savings {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 48px 0 20px 0;
}
body.page-template-page-savings table.table-savings thead {
  color: #59A659;
  font-size: 16px;
  font-size: 1.6rem;
}
body.page-template-page-savings table.table-savings thead tr th:first-child {
  text-align: left;
  padding-left: 20px;
  width: 35%;
  box-sizing: border-box;
}
body.page-template-page-savings table.table-savings thead tr th {
  padding-bottom: 8px;
  vertical-align: bottom;
}
body.page-template-page-savings table.table-savings thead .th-icon {
  display: inline-block;
  margin: 0 0 0 8px;
}
body.page-template-page-savings table.table-savings thead .th-icon.icon_small {
  background: url("../images/icon-house-small.svg") 0 0 no-repeat;
  background-size: 100% auto;
  width: 35px;
  height: 31px;
}
body.page-template-page-savings table.table-savings thead .th-icon.icon_medium {
  background: url("../images/icon-house-medium.svg") 0 0 no-repeat;
  background-size: 100% auto;
  width: 39px;
  height: 37px;
}
body.page-template-page-savings table.table-savings thead .th-icon.icon_large {
  background: url("../images/icon-house-large.svg") 0 0 no-repeat;
  background-size: 100% auto;
  width: 39px;
  height: 47px;
}
body.page-template-page-savings table.table-savings tbody {
  background: #fff;
}
body.page-template-page-savings table.table-savings tbody tr td:first-child {
  text-align: left;
  border-left: 1px solid #C1C1C1;
  font-size: 18px;
  font-size: 1.8rem;
}
body.page-template-page-savings table.table-savings tbody tr:first-child td {
  border-top: 1px solid #C1C1C1;
}
body.page-template-page-savings table.table-savings tbody tr:first-child td:first-child {
  border-top-left-radius: 6px;
}
body.page-template-page-savings table.table-savings tbody tr:first-child td:last-child {
  border-top-right-radius: 6px;
}
body.page-template-page-savings table.table-savings tbody tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}
body.page-template-page-savings table.table-savings tbody tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}
body.page-template-page-savings table.table-savings tbody tr td {
  padding: 27px 20px;
  border-right: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  white-space: nowrap;
}
body.page-template-page-savings table.table-savings tbody tr td:first-child {
  white-space: normal;
}
body.page-template-page-savings table.table-savings tbody tr td span {
  font-weight: 700;
}
body.page-template-page-savings table.table-savings tbody tr:nth-child(even) {
  background: #FAFAFA;
}
body.page-template-page-savings .tooltip {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}
body.page-template-page-savings .tooltip .tooltip-trigger {
  padding: 0 0 0 25px;
  background: url("../images/icon-info.svg") 0 50% no-repeat;
  display: inline-block;
  line-height: 20px;
  color: #898989;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  cursor: default;
  position: relative;
}
body.page-template-page-savings .tooltip .tooltip-trigger:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 5px 0 0 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #ffffff;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
}
body.page-template-page-savings .tooltip .tooltip-content {
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  width: 440px;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 20px 25px;
  margin: 12px 0 0 0;
  position: absolute;
  top: 100%;
  right: 0;
  visibility: hidden;
  opacity: 0;
}
body.page-template-page-savings .tooltip .tooltip-content .text-small p {
  margin-bottom: 0;
}
body.page-template-page-savings .tooltip:hover .tooltip-trigger:after {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
body.page-template-page-savings .tooltip:hover .tooltip-content {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
body.page-template-page-savings .savings-cta {
  text-align: center;
  margin: 100px 0 80px 0;
}
body.page-template-page-savings .savings-cta .image img {
  width: 100%;
  height: auto;
  max-width: 600px;
}
body.page-template-page-savings .savings-cta a.button {
  margin-bottom: 72px;
}
body.page-template-page-savings .savings-cta .text-small p {
  color: #ABABAB;
}

@media all and (max-width: 1300px) and (min-width: 1221px) {
  body.page-template-page-savings .page-intro-home h1.title-large {
    font-size: 56px;
    font-size: 5.6rem;
    line-height: 64px;
  }
}
@media all and (max-width: 1220px) and (min-width: 1101px) {
  body.page-template-page-savings .page-intro-home h1.title-large {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 56px;
  }
}
@media all and (max-width: 1100px) and (min-width: 801px) {
  body.page-template-page-savings .page-intro-home h1.title-large {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 52px;
  }
}
@media all and (max-width: 1000px) {
  body.page-template-page-savings table.table-savings {
    font-size: 18px;
    font-size: 1.8rem;
  }
  body.page-template-page-savings table.table-savings thead {
    font-size: 14px;
    font-size: 1.4rem;
  }
  body.page-template-page-savings table.table-savings tbody tr td:first-child {
    font-size: 16px;
    font-size: 1.6rem;
  }
  body.page-template-page-savings table.table-savings thead .th-icon.icon_small {
    width: 22px;
    height: 19px;
  }
  body.page-template-page-savings table.table-savings thead .th-icon.icon_medium {
    width: 24px;
    height: 23px;
  }
  body.page-template-page-savings table.table-savings thead .th-icon.icon_large {
    width: 24px;
    height: 29px;
  }
}
@media all and (max-width: 700px) {
  body.page-template-page-savings .wrapper {
    margin: 0;
    padding: 0;
  }
  body.page-template-page-savings .wrapper .grid-v2 {
    gap: 0;
    margin-bottom: 0;
  }
  body.page-template-page-savings .wrapper .product-block.grid-v2 {
    gap: 16px;
  }
  body.page-template-page-savings .component-block {
    border-radius: 0;
  }
  body.page-template-page-savings table.table-savings {
    font-size: 16px;
    font-size: 1.6rem;
  }
  body.page-template-page-savings table.table-savings thead {
    font-size: 13px;
    font-size: 1.3rem;
  }
  body.page-template-page-savings table.table-savings tbody tr td:first-child {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  body.page-template-page-savings table.table-savings tbody tr td {
    padding: 20px 15px;
  }
}
@media all and (max-width: 600px) {
  body.page-template-page-savings table.table-savings {
    font-size: 14px;
    font-size: 1.4rem;
  }
  body.page-template-page-savings table.table-savings thead {
    font-size: 12px;
    font-size: 1.2rem;
  }
  body.page-template-page-savings table.table-savings tbody tr td:first-child {
    font-size: 12px;
    font-size: 1.2rem;
  }
  body.page-template-page-savings table.table-savings tbody tr td {
    padding: 10px 10px;
  }
  body.page-template-page-savings table.table-savings thead tr th {
    padding-bottom: 3px;
  }
  body.page-template-page-savings table.table-savings thead .th-icon {
    display: none;
  }
  body.page-template-page-savings .tooltip .tooltip-trigger {
    font-size: 12px;
    font-size: 1.2rem;
    background-size: 16px auto;
    padding-left: 20px;
  }
}
@media all and (max-width: 500px) {
  body.page-template-page-savings .component-block {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.page-template-page-savings .tooltip .tooltip-content {
    width: 270px;
    padding: 15px 20px;
  }
  body.page-template-page-savings .tooltip .tooltip-content .text-small p {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 16px;
  }
}
@media all and (max-width: 445px) {
  body.page-template-page-savings .component-block-savings h2.title-medium,
body.page-template-page-savings .component-block-savings h3.title-medium-alt,
body.page-template-page-savings .component-block-savings .text-medium {
    padding-right: 20px;
  }
  body.page-template-page-savings .component-block {
    padding-right: 0px;
  }
  body.page-template-page-savings table.table-savings {
    min-width: 460px;
    margin-top: 16px;
    margin-right: 20px;
  }
  body.page-template-page-savings .tooltip {
    right: 20px;
  }
}

.page__termsofservice ol {
  counter-reset: item;
  padding-left: 28px;
}
.page__termsofservice li {
  margin-left: 0 !important;
  counter-increment: item;
  padding-left: 14px;
}
.page__termsofservice ol[type="a"] {
  list-style-type: lower-alpha;
}
.page__termsofservice ol[type="a"] li::marker {
  content: initial;
  counter-increment: initial;
}
.page__termsofservice li::marker {
  content: counters(item, ".") " ";
  font-family: "Mohave-SemiBoldItalic", sans-serif;
  font-weight: normal;
  color: #000000;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 40px;
  margin-right: 12px;
}
.page__termsofservice li li::marker {
  font-family: "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-weight: normal;
  color: #222222;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 28px;	
}