@charset "UTF-8";
/* @import 'utilities/pureCssSelect'; */
@import url(./iconfont/material-icons.css);
[hidden] {
  display: none;
}

.max-width {
  width: 100% !important;
}

.checkout select {
  background-color: transparent;
  margin: 0;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  width: 100%;
  box-shadow: 0px 1px 0px #f1f1f1;
  font-size: 12px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #535353;
  text-decoration: none;
  text-shadow: none;
  width: 100%;
  padding: 5px;
  margin-bottom: 4px;
  background-image: url(./iconfont/iconsvgs/ic_keyboard_arrow_down_black_24px.svg);
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: 100% 90%;
}
.checkout select:focus {
  outline: 1px solid #ddd;
}
.checkout select option {
  background-color: white !important;
  color: #535353;
}
.checkout select option:hover {
  background: #ddd !important;
  color: #535353 !important;
  border: none !important;
}
.checkout select option:focus {
  outline: 1px solid #ddd;
}

.utillitiesTooltiptext {
  visibility: hidden;
  background-color: #535353;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 7px 10px 4px 10px;
  border-radius: 6px;
  height: 19px;
  white-space: nowrap;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1000;
  margin-top: 5px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 1s;
}

.floatInlineRight {
  float: right;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes inputfield {
  from {
    width: 24px;
  }
  to {
    width: 40px;
  }
}
body {
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  background-color: #F8F8F8;
}

a {
  color: #535353;
}

.checkout input:focus {
  border: 1px solid #355f8b;
  outline: none;
}

.checkoutBoxOptions [type="radio"]:checked,
.checkoutBoxOptions [type="radio"]:not(:checked),
.checkoutBoxOptions [type="checkbox"]:checked,
.checkoutBoxOptions [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.checkoutBoxOptions [type="radio"]:checked + label,
.checkoutBoxOptions [type="radio"]:not(:checked) + label,
.checkoutBoxOptions [type="checkbox"]:checked + label,
.checkoutBoxOptions [type="checkbox"]:not(:checked) + label {
  position: relative;
  padding: 3px 0 0 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #535353;
}
.checkoutBoxOptions [type="radio"]:checked + label:before,
.checkoutBoxOptions [type="radio"]:not(:checked) + label:before,
.checkoutBoxOptions [type="checkbox"]:checked + label:before,
.checkoutBoxOptions [type="checkbox"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.checkoutBoxOptions [type="radio"]:checked + label:after,
.checkoutBoxOptions [type="radio"]:not(:checked) + label:after,
.checkoutBoxOptions [type="checkbox"]:checked + label:after,
.checkoutBoxOptions [type="checkbox"]:not(:checked) + label:after {
  content: '';
  width: 9px;
  height: 9px;
  background: #5c8fc4;
  position: absolute;
  top: 8px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.checkoutBoxOptions [type="radio"]:not(:checked) + label:after,
.checkoutBoxOptions [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.checkoutBoxOptions [type="radio"]:checked + label:after,
.checkoutBoxOptions [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.checkoutBoxOptions [type="checkbox"]:checked + label:before,
.checkoutBoxOptions [type="checkbox"]:not(:checked) + label:before,
.checkoutBoxOptions [type="checkbox"]:checked + label:after,
.checkoutBoxOptions [type="checkbox"]:not(:checked) + label:after {
  border-radius: 3px;
}

.boxwrap {
  float: left;
  width: 100%;
}

.floatInlineLeft {
  display: inline-block;
  float: left;
}

.floatInlineRight {
  display: inline-block;
  float: right;
}

.width10 {
  width: 10%;
}

.width15 {
  width: 15%;
}

.width20 {
  width: 20%;
}

.width25 {
  width: 25%;
}

.width30 {
  width: 30%;
}

.width33 {
  width: 33%;
}

.width40 {
  width: 40%;
}

.width50 {
  width: 50%;
}

.width60 {
  width: 60%;
}

.width66 {
  width: 66%;
}

.width70 {
  width: 70%;
}

.width75 {
  width: 75%;
}

.width80 {
  width: 80%;
}

.width90 {
  width: 90%;
}

.width100 {
  width: 100%;
}

.material-icons {
  text-align: center;
  vertical-align: middle;
}

.icons20x20, .removeProductIcon, .basketProductIcon, .iconBundle, .status-icon-01, .status-icon-02, .status-icon-20, .status-icon-30, .status-icon-99, .similarProductIcon, .compareProductIcon, .wishlistProductIcon {
  background-image: url(img/arp-icons.png);
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
}

.icons32x32, .updateQuantityIcon {
  background-image: url(img/arp-icons.png);
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  max-width: 32px;
  max-height: 32px;
}

.updateQuantityIcon {
  background-position: -425px -160px;
}

.removeProductIcon {
  background-position: -340px -100px;
}

.basketProductIcon {
  background-position: 160px 40px;
}

.iconBundle {
  background-position: 19px 33px;
}

.energyLabel {
  background-image: url(./icons/energy_labels.png);
  display: inline-block;
  vertical-align: middle;
  height: 20px;
}

/* if you delete these please delete the class on the <i> tag in xhtml*/
.status-icon-01 {
  background-position: 0 -60px;
}

.status-icon-02 {
  background-position: -20px -60px;
}

.status-icon-20 {
  background-position: -40px -60px;
}

.status-icon-30 {
  background-position: -60px -60px;
}

.status-icon-99 {
  background-position: -100px -60px;
}

.similarProductIcon {
  background-position: 160px 40px;
}

.compareProductIcon {
  background-position: 160px 40px;
}

.wishlistProductIcon {
  background-position: 160px 40px;
}

.availlableState {
  color: #919191;
  width: auto;
  line-height: 1.7;
  border-radius: 2px;
  padding: 1px 5px 1px 6px;
  margin-top: 2px;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
}
.availlableState i {
  background-image: url(icons/arp-icons.png);
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.availlableState .availlableStatus-state01 {
  background-position: -3px 139px;
}
.availlableState .availlable-state02 {
  background-position: -22px 139px;
}
.availlableState .availlable-state20 {
  background-position: -42px 139px;
}
.availlableState .availlable-state30 {
  background-position: -63px 139px;
}
.availlableState .availlable-state99 {
  background-position: -102px 139px;
}
.availlableState .availlable-state100 {
  background-position: -80px 139px;
}

/* don't import whole allUtilities, as it contains a reset! */
.btn-regularBlue, .btn-back {
  font-size: 14px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: white;
  text-decoration: none;
  text-shadow: none;
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  font-weight: bold;
  border-radius: 3px;
  padding: 6px 10px;
  background-image: none;
  border: none;
  background-color: #355f8b;
  cursor: hand;
  cursor: pointer;
}
.btn-regularBlue:hover, .btn-back:hover {
  background: #053e77;
}

.btn-regularGrey {
  font-size: 14px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #535353;
  text-decoration: none;
  text-shadow: none;
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  font-weight: bold;
  border-radius: 3px;
  padding: 6px 10px;
  background-image: none;
  border: none;
  background-color: #ddd;
  cursor: hand;
  cursor: pointer;
}
.btn-regularGrey:hover {
  background: #bbb;
}

.btn-regularGreen, .btn-largeGreen, .btn-order, .btn-offer, .productAddToCartButton {
  font-size: 12px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: white;
  text-decoration: none;
  text-shadow: none;
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  height: 30px;
  border-radius: 3px;
  padding: 0px 5px 0px 5px;
  background-image: none;
  border: none;
  background-color: #3ba114;
  cursor: hand;
  cursor: pointer;
}
.btn-regularGreen:hover, .btn-largeGreen:hover, .btn-order:hover, .btn-offer:hover, .productAddToCartButton:hover {
  background: #348d12;
}

.btn-largeGreen, .btn-order, .btn-offer {
  font-size: 20px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: white;
  text-decoration: none;
  text-shadow: none;
  font-weight: bold;
  width: 30%;
}

.btn-largeBlue, .btn-offer {
  font-size: 20px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: white;
  text-decoration: none;
  text-shadow: none;
  font-weight: bold;
  width: 33%;
  height: 30px;
  border-radius: 3px;
  padding: 0px 5px 0px 5px;
  background-image: none;
  border: none;
  background-color: #355f8b;
  cursor: hand;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
.btn-largeBlue:hover, .btn-offer:hover {
  background: #053e77;
}

.btn-order, .btn-offer {
  width: 100%;
}

.btn-expand, .btn-edit, .btn-regularSaveInput, .btn-save, .btn-updatePrice {
  transition: width 0.3s ease-in-out;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  background-color: white;
  margin: 0;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ddd;
  width: 100%;
  box-shadow: 0px 1px 0px #f1f1f1;
  color: #bbb;
  height: 22px;
  width: auto;
  text-align: center;
  padding: 1px 0 0 2px;
  overflow: hidden;
}
.btn-expand i, .btn-edit i, .btn-regularSaveInput i, .btn-save i, .btn-updatePrice i {
  float: left;
  font-size: 17px;
  margin-right: -2px;
}
.btn-expand span, .btn-edit span, .btn-regularSaveInput span, .btn-save span, .btn-updatePrice span {
  transition: width 0.3s ease-in-out;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  width: 0px;
  display: inline-block;
  float: right;
  padding-left: 3px;
  margin-top: 1px;
  color: #bbb;
}
.btn-expand:hover, .btn-edit:hover, .btn-regularSaveInput:hover, .btn-save:hover, .btn-updatePrice:hover {
  color: #535353;
  border: 1px solid #535353;
  padding: 1px 6px 2px 3px;
  height: 22px;
}
.btn-expand:hover span, .btn-edit:hover span, .btn-regularSaveInput:hover span, .btn-save:hover span, .btn-updatePrice:hover span {
  color: #535353;
  width: 60px;
  cursor: hand;
  cursor: pointer;
}

.btn-edit, .btn-regularSaveInput {
  font-weight: normal;
  float: right;
  display: none;
}
.btn-edit:hover, .btn-regularSaveInput:hover {
  color: #053e77;
  border: 1px solid #053e77;
}
.btn-edit:hover span, .btn-regularSaveInput:hover span {
  color: #053e77;
}

.btn-save {
  font-weight: normal;
  float: right;
}
.btn-save:hover {
  color: #348d12;
  border: 1px solid #348d12;
}
.btn-save:hover span {
  color: #348d12;
  cursor: hand;
  cursor: pointer;
}

.btn-regularSaveInput, .btn-updatePrice {
  float: right;
}
.btn-regularSaveInput:hover, .btn-updatePrice:hover {
  color: #348d12;
  border: 1px solid #348d12;
}
.btn-regularSaveInput:hover span, .btn-updatePrice:hover span {
  color: #348d12;
}

.btn-updatePrice:hover i {
  animation: spin 0.5s ease-in-out 0.1s 1;
  animation-fill-mode: forwards;
}

.giveAHeight {
  float: left;
  display: block;
  margin-right: 1.0447574073%;
  width: 100%;
  margin-bottom: 5px;
}
.giveAHeight:last-child {
  margin-right: 0;
}

.productAddToCartButton {
  display: block;
}
.productAddToCartButton:hover {
  background-image: linear-gradient(to bottom, #348d12, #40ae15);
  background-repeat: repeat-x;
  text-decoration: none;
}

.productServiceButton a {
  display: block;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  padding: 3px;
  text-decoration: none;
  background-color: #efefef;
  border-radius: 100px;
  border: 1px solid #bbb;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.productServiceButton a:hover {
  background-color: #d8d8d8;
  text-decoration: none;
}
.productServiceButton a i {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
}
.productServiceButton .productComparisonServiceButton {
  padding-top: 1px;
}
.productServiceButton .productComparisonServiceButton i {
  background-image: url("icons/icon_compare.png");
  background-size: 24px;
}
.productServiceButton .productWishlistServiceButton i {
  background-image: url("icons/arp-icons.png");
  background-position: -360px 0px;
  background-size: 530px;
}
.productServiceButton .productSimilarServiceButton i {
  background-image: url("icons/similarProducts_icon.png");
  background-size: 24px;
}

/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%;
}

body {
  font-size: 14px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #535353;
  text-decoration: none;
  text-shadow: none;
}

/* clear */
.clear:before,
.clear:after {
  content: ' ';
  display: table;
}

.clear:after {
  clear: both;
}

.clear {
  *zoom: 1;
}

img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}

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

a:hover {
  color: #444;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

input:focus {
  outline: 0;
  border: 1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
  max-width: 1280px;
  width: 95%;
  margin: 0 auto;
  position: relative;
}

/* header */
/* logo */
/* nav */
/* sidebar */
/* footer */
/*------------------------------------*\
    PAGES
\*------------------------------------*/
/*------------------------------------*\
    IMAGES
\*------------------------------------*/
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
  font-family: 'Font-Name';
  src: url("fonts/font-name.eot");
  src: url("fonts/font-name.eot?#iefix") format("embedded-opentype"), url("fonts/font-name.woff") format("woff"), url("fonts/font-name.ttf") format("truetype"), url("fonts/font-name.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*
 Theme Name:   ARP Theme Startpages
 Theme URI:    http://cms-i.arp.com/wordpress/arp_2/
 Description:  Arp template for startpages
 Author:       Ermanno Schinca
 Author URI:   http://cms-i.arp.com
 Template:     arp_2
 Version:      1.0.0
 Text Domain:  arp_2-sp-child
*/
/* utilities */
.show {
  display: block;
}

.hide {
  display: none;
}

/* img and img options */
img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
  margin: 0em 1em 0.5em 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

.img-reveal {
  opacity: 0.3;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.img-reveal:hover {
  opacity: 1;
  height: inherit;
}

.img-elevate {
  transition: all .2s ease-in-out;
}
.img-elevate:hover {
  transform: scale(1.02);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}

.border {
  border: 1px solid #ddd;
}

/* button */
.CTA {
  box-sizing: border-box;
  padding: 10px;
  display: block;
  border-radius: 2px;
  color: #ffffff !important;
  background-image: url("https://www.arp.ch/static/css/3rdparty/icons/ic_keyboard_arrow_right_white_24dp_1x.png");
  background-image: url("https://www.arp.ch/static/css/3rdparty/icons/ic_keyboard_arrow_right_white_24px.svg");
  background-color: #103b68;
  background-repeat: no-repeat;
  background-positionX: 100%;
  background-position-x: 100%;
  background-positionY: 50%;
  background-position-y: 50%;
  background-position: 100% 50%;
  background-size: 34px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.CTA:hover {
  text-decoration: none !important;
  color: #ffffff !important;
  background-color: #103b68;
  border-radius: 3px;
}
@media screen and (max-width: 480px) {
  .CTA {
    padding: 10px 20px 10px 10px !important;
    width: 100% !important;
    height: 41px !important;
  }
}

/*old css classes for microsites, 
please leave this here as they are used in old, but still active pages*/
.img50 {
  width: 100% !important;
  height: auto;
}

.title50 {
  margin-top: -12px;
}

.boxcolored {
  box-sizing: border-box;
  padding: 9px;
  width: 100%;
}
.boxcolored h4, .boxcolored p {
  color: white !important;
}

.wp-chevron-right-blue {
  background-image: url(https://www.arp.ch/static/css/3rdparty/icons/arp-icon-chevron-right-blue.png);
  background-image: url(https://www.arp.ch/static/css/3rdparty/icons/ic_keyboard_arrow_right_black_24px.svg);
  background-repeat: no-repeat;
  background-positionX: 99%;
  background-position-x: 99%;
  background-positionY: 50%;
  background-position-y: 50%;
  background-position: 99% 50%;
}

.contentpage {
  box-sizing: border-box;
  padding: 1px 25px 10px;
  background-color: #ffffff;
  /* @include span-columns(12); */
  max-width: 1050px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
}
.contentpage .content {
  /* @include span-columns(9); */
  max-width: 75%;
  float: left;
}

.sidebar {
  /* @include span-columns(3); */
  max-width: 22%;
  float: right;
  text-align: left;
}

.contact {
  font-size: 12px;
  display: inline-block;
  margin-bottom: 50px;
}

/* is this still used?
.wp-startpage-body{
	width: 790px !important;
} */
.wp-startpage-banner {
  overflow: hidden;
  padding: 0px;
}
.wp-startpage-banner img {
  width: 100%;
}

.wp-row, .w25, .w33, .w50, .w66, .w100 {
  /* @include boxpadding(null 1% null null); */
  float: left;
  border: none;
  padding-right: 1%;
  display: inline-block;
}
@media screen and (max-width: 480px) {
  .wp-row, .w25, .w33, .w50, .w66, .w100 {
    /* @include span-columns(12); */
    width: 97%;
    padding: 0 5px;
  }
}

.w25 img, .w33 img, .w50 img, .w66 img {
  max-width: 100%;
}

/* .wp-row div:first-child, */
.w25:last-of-type, .w33:last-of-type, .w50:last-of-type, .w66:last-of-type {
  /*first-child for ie8, others for all other*/
  padding-right: 0;
  margin-right: 0;
}

.wp-row {
  /* @include span-columns(12);
  @include boxpadding(5px 0); */
  width: 100%;
  padding: 5px 0;
}
.wp-row::after {
  clear: both;
  content: "";
  display: block;
}

.w25 {
  /* @include span-columns(3); 
  padding-right: 4px !important; */
  width: 24.25%;
  /* &.wp-startpage-box {
  	width: 24.25%; 
  	padding-right:1% !important;
  } 
  &:first-of-type{
  	padding-right: none !important;
  }
  */
}
.w25.productBoxMS {
  width: 23.5%;
  margin-right: 17.3px;
}

.w33 {
  /* @include span-columns(4); */
  width: 32.66%;
}
.w33.productBoxMS {
  width: 32.45%;
  margin-right: 10px;
}

.w50 {
  /* 	@include span-columns(6); */
  width: 49.5%;
}
.w50.productBoxMS {
  width: 49.3%;
  margin-right: 10px;
}

.w66 {
  /* @include span-columns(8); */
  width: 66.3%;
}

.w100 {
  /* @include span-columns(12); */
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .w100 {
    padding: 0 5px;
  }
}
.w100.productBoxMS {
  width: 99.9%;
}

body {
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #535353;
}

.contentpage, .container {
  /* use title styles on h2-4 */
}
.contentpage h1, .contentpage h2, .contentpage h3, .contentpage h4, .contentpage h5, .contentpage h6, .container h1, .container h2, .container h3, .container h4, .container h5, .container h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1;
  color: #053e77;
  text-rendering: optimizelegibility;
  margin: 30px 0px 10px 0px;
}
.contentpage h4, .contentpage h5, .contentpage h6, .container h4, .container h5, .container h6 {
  margin: 10px 0px 10px 0px;
}
.contentpage h1, .container h1 {
  line-height: 30px;
  margin-bottom: 0px;
  color: #053e77;
  font-size: 32px;
  font-weight: normal;
}
.contentpage h1.brandshop, .container h1.brandshop {
  margin: 0px 0px 20px 0px;
}
.contentpage h2, .container h2 {
  font-size: 27px;
  line-height: 40px;
}
.contentpage h3, .container h3 {
  font-size: 24px;
  line-height: 40px;
}
.wp-startpage-box .contentpage h3, .wp-startpage-box .container h3 {
  text-rendering: auto;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #535353;
  margin: 0px;
}
.contentpage h4, .container h4 {
  font-size: 16px;
  line-height: 20px;
}
.contentpage h5, .container h5 {
  font-size: 14px;
  line-height: 20px;
}
.contentpage h6, .container h6 {
  font-size: 12px;
  line-height: 20px;
}
.contentpage blockquote, .container blockquote {
  font-size: 12px;
  font-style: italic;
}
.contentpage p, .container p {
  margin: 0 0 9.5px;
}
.contentpage p a, .container p a {
  color: #053e77;
  text-decoration: none;
}
.contentpage p ul, .contentpage p ol, .container p ul, .container p ol {
  padding: 0;
  margin: 0 0 9.5px 25px;
}
.contentpage .titleL, .contentpage .titleM, .contentpage .titleS, .contentpage .titleXS, .contentpage .headlineL, .contentpage .headlineM, .container .titleL, .container .titleM, .container .titleS, .container .titleXS, .container .headlineL, .container .headlineM {
  color: #535353;
  line-height: 1.4;
}
.contentpage .headlineL, .container .headlineL {
  font-size: 32px !important;
  line-height: unset !important;
}
.contentpage .titleL, .container .titleL {
  font-size: 27px !important;
  line-height: 30px !important;
}
.contentpage .headlineM, .container .headlineM {
  font-size: 23px !important;
  line-height: unset !important;
}
.contentpage .titleM, .container .titleM {
  font-size: 18px !important;
  margin: 14px 0 4px 0;
}
.contentpage .titleS, .container .titleS {
  font-size: 16px !important;
  margin: 14px 0 4px 0;
}
.contentpage .titleXS, .container .titleXS {
  font-size: 14px !important;
  font-weight: bold !important;
  margin: 14px 0 4px 0;
}
.contentpage .fineprint, .container .fineprint {
  font-size: 11px;
  font-style: italic;
  color: #a3a3a3;
}

/* Hide Honeypot field for forms*/
#websites {
  display: none;
}

.email_invalid {
  color: red;
}

#newsletter.email-error {
  display: none !important;
}

.registration_thankyou {
  font-size: 21px;
  display: block;
  margin-top: 5px;
  color: #bbb;
}

/* Hide the error div when loading the page */
.errorMessage {
  display: none;
}

#preferences {
  color: #535353;
  min-height: 300px;
}
#preferences input[type="text"] {
  width: 90%;
}
#preferences #day {
  font-size: 14px;
  height: 24px;
  width: 30%;
}
#preferences h4 {
  color: #b3b3b3;
}

#preferences_personaldata, .formbox_left {
  float: left;
  width: 49%;
  padding-right: 6px;
}

#preferences_checkboxes, .formbox_right {
  float: right;
  width: 49%;
}

#preferences_checkboxes > h3 {
  margin-top: 0;
}

.preferences_intro {
  font-size: 18px;
  line-height: 1.4;
  color: #535353;
}

.newsletter_footer {
  margin-top: 30px;
  border-top: 1px solid #ddd;
  width: 100%;
}

.nl_socialbtns {
  margin: 0;
  width: 200px;
  padding: 10px 0 0 0;
}
.nl_socialbtns img {
  height: 30px;
  display: inline-block;
  float: left;
  margin: 10px 10px 0 0;
  opacity: 0.75;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.nl_socialbtns img:hover {
  opacity: 1;
  transform: scale(1.1);
}

.NL_icon_connect {
  display: block;
  float: right;
}

.salesforce_contact_header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  font-size: 17px;
  color: #b3b3b3;
}

.salesforce_contact input:focus:required:invalid:focus, .salesforce_contact textarea:focus:required:invalid:focus,
.salesforce_contact select:focus:required:invalid:focus, .salesforce_contact select:focus,
.salesforce_contact input[type="text"]:focus, .salesforce_contact input[type="search"]:focus, .salesforce_contact textarea:focus,
.salesforce_contact input[type="email"]:focus, .salesforce_contact input[type="tel"]:focus, .salesforce_contact input[type="number"]:focus,
.salesforce_contact input[type="date"]:focus {
  outline: none;
  border: 1px solid #535353;
  color: #535353;
  box-shadow: none;
}

.salesforce_contact {
  color: #535353;
}
.salesforce_contact .span10 {
  width: 48%;
  margin-right: 12px;
}
.salesforce_contact .wpcf7-form-control {
  width: 96.8%;
}
.salesforce_contact select {
  width: 100% !important;
  height: 34px;
  padding-top: 6px;
  font-size: 14px;
  color: #b3b3b3;
}
.salesforce_contact .reason, .salesforce_contact .subjectSelect {
  margin-top: -24px;
}
.salesforce_contact button.btn, .salesforce_contact input[type="submit"].btn {
  width: 30%;
  float: right;
}
.salesforce_contact .error {
  color: red;
  font-style: italic;
  margin-top: 2px;
  margin-bottom: 0;
}
.salesforce_contact .wpcf7-textarea {
  height: 196px;
  font-size: 14px;
}
.salesforce_contact .wpcf7-list-item-label {
  padding: 0 10px;
}
.salesforce_contact input[type="radio"], .salesforce_contact input[type="checkbox"] {
  margin: 0 0 0 10px;
}
.salesforce_contact .Quantity, .salesforce_contact .numberOfEmployees, .salesforce_contact .numberOfPCs {
  width: 20%;
}
.salesforce_contact .Quantity {
  font-size: 14px;
  height: 24px;
}
.salesforce_contact select {
  height: 34px;
  width: 100%;
}
.salesforce_contact .formSmallLeft {
  width: 20%;
  display: inline-block;
  margin-right: 1.5%;
}
.salesforce_contact .formSmallRight {
  width: 72%;
  display: inline-block;
}
.salesforce_contact .formSmallRight select {
  width: 76.3%;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

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

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  background: url(flexslider/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
  background-positionX: 100%;
  background-position-x: 100%;
  background-positionY: 0;
  background-position-y: 0;
  background-position: 100% 0;
  right: -36px;
}

.flex-direction-nav .flex-prev {
  left: -36px;
}

.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 5px;
}

.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 5px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #535353;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #3a3a3a;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #3a3a3a;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
}
/******************************/
/********   Cockpit  *********/
/****************************/
.flexslider-container.main .flexslider.cockpit-slider .slides {
  min-height: 180px;
  max-height: 180px;
  height: 180px;
}

.flexslider-container.main .flexslider.cockpit-slider .slides img {
  width: auto;
  margin: 0 auto;
  padding: 35px;
}

.flexslider-container.main .flexslider.cockpit-slider .slides .row .span10 {
  width: 338px;
  margin-top: 20px;
  margin-left: 20px;
}

.flexslider-container.main .flexslider.cockpit-slider .slides .row .span10 h5 {
  margin-bottom: 15px;
}

.flexslider-container.main .flexslider.cockpit-slider .slides .row .span10 i.arp-icon20-chevron-right-blue-small {
  position: relative;
  top: -3px;
}

.flexslider-container.main .flexslider.cockpit-slider .slides .slide-description {
  min-height: 158px;
  max-height: 158px;
  height: 158px;
}

.flexslider-container-barless {
  /* IE7, IE8 opacity fixes */
}

.flexslider-container-barless .flex-direction-nav a {
  background: url(flexslider/bg_direction_nav_a100.png) no-repeat 0 0;
}

.flexslider-container-barless .flex-direction-nav .flex-disabled {
  opacity: 1 !important;
  filter: none;
  background-image: url(flexslider/bg_direction_nav_a30.png);
}

.flexslider-container-barless.product {
  margin: 0 auto;
}

.flexslider-container-barless.product > .flexslider {
  overflow: hidden;
}

.flexslider-container-barless.product > .flexslider li .image-container {
  cursor: url("/static/css/3rdparty/icons/zoom-in.png"), pointer;
}

.flexslider-container-barless.product .flexslider {
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.flexslider-container-barless.product .flexslider .image-container {
  display: table;
  background-color: #ffffff;
  cursor: pointer;
  width: 100%;
  height: 300px;
  min-height: 300px;
}

.flexslider-container-barless.product .flexslider .image-container div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.flexslider-container-barless.product .flexslider .image-container div img {
  width: auto;
  max-width: 460px;
  max-height: 340px;
  margin: 0 auto;
  padding: 30px;
}

.flexslider-container-barless.product .flexslider .image-container div iframe {
  width: 380px;
  height: 240px;
}

.flexslider-container-barless.thumb {
  padding: 4px 4px 2px 4px;
  width: 222px;
  margin: 10px auto 10px auto;
  background-color: #F8F8F8;
  background-image: -moz-linear-gradient(top, #e5e5e5, #F8F8F8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#F8F8F8));
  background-image: -webkit-linear-gradient(top, #e5e5e5, #F8F8F8);
  background-image: -o-linear-gradient(top, #e5e5e5, #F8F8F8);
  background-image: linear-gradient(to bottom, #e5e5e5, #F8F8F8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$superlightgrey', endColorstr='$almostwhite', GradientType=0);
  -webkit-box-shadow: inset 0px 2px 2px #b3b3b3;
  -moz-box-shadow: inset 0px 2px 2px #b3b3b3;
  box-shadow: inset 0px 2px 2px #b3b3b3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.flexslider-container-barless.thumb .flexslider {
  background-color: transparent;
}

.flexslider-container-barless.thumb .flexslider .slides li {
  padding: 0 0 2px 0;
  margin-right: 3px;
}

.flexslider-container-barless.thumb .flexslider .slides li.flex-active-slide .image-container {
  border-color: #ddd;
}

.flexslider-container-barless.thumb .flexslider .slides li .image-container {
  display: table;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  min-height: 40px;
  border: solid 1px #ffffff;
  background-color: #ffffff;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 1px 0px #b3b3b3;
  -moz-box-shadow: 0px 1px 1px 0px #b3b3b3;
  box-shadow: 0px 1px 1px 0px #b3b3b3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.flexslider-container-barless.thumb .flexslider .slides li .image-container div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.flexslider-container-barless.thumb .flexslider .slides li .image-container div img {
  width: auto;
  max-width: 40px;
  max-height: 40px;
  margin: 0 auto;
  padding: 0;
}

.flexslider-container-barless.thumb .flexslider .flex-next,
.flexslider-container-barless.thumb .flexslider .flex-prev {
  top: 32px;
  opacity: 1;
  filter: none;
}

.flexslider-container-barless.thumb .flexslider .flex-next {
  right: -35px;
}

.flexslider-container-barless.thumb .flexslider .flex-prev {
  left: -35px;
}

.flexslider-container {
  /* IE7, IE8 opacity fixes */
}

.flexslider-container .flex-direction-nav a {
  background: url(flexslider/bg_direction_nav_a100.png) no-repeat 0 0;
}

.flexslider-container .flex-direction-nav .flex-disabled {
  opacity: 1 !important;
  filter: none;
  background-image: url(flexslider/bg_direction_nav_a30.png);
}

.flexslider-container.main {
  background: white;
  position: relative;
  zoom: 1;
}

.flexslider-container.main .flexslider {
  margin: 0;
  border-width: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.flexslider-container.main .flexslider .slides li .span7 {
  width: 269px;
}

.flexslider-container.main .flexslider .slides li .span9 {
  width: 349px;
}

.flexslider-container.main .flexslider .slide-description {
  height: 217px;
  padding: 10px;
  background-image: url(../../images/checker.png);
}

.flexslider-container.main .flexslider .slide-description .arp-icon20-ok {
  margin: -3px 5px 0 0;
}

.flexslider-container.main .flexslider .slide-description .post-free {
  margin: 0;
}

.flexslider-container.main .flexslider .slide-description .old-price {
  margin-left: 10px;
}

.flexslider-container.main .flexslider .slide-description .price {
  margin: 0 0 0 10px;
}

.flexslider-container.main .flexslider .slide-description .btn.arp-btn-main {
  margin-top: 10px;
}

.flexslider-container.main .flexslider .slide-description p {
  margin-bottom: 5px;
}

.flexslider-container.main .flexslider h2 {
  color: #103b68;
  font-size: 22px;
  line-height: 24px;
}

.flexslider-container.main .flexslider h4 {
  color: #3a3a3a;
  font-size: 12px;
  padding: 10px 0;
}

.flexslider-container.product {
  width: 440px;
  margin: 0 auto;
}

.flexslider-container.product > .flexslider {
  overflow: hidden;
}

.flexslider-container.product > .flexslider li .image-container {
  cursor: url("/static/css/3rdparty/icons/zoom-in.png"), pointer;
}

.flexslider-container.product .flexslider {
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.flexslider-container.product .flexslider .image-container {
  display: table;
  background-color: #ffffff;
  cursor: pointer;
  width: 100%;
  height: 300px;
  min-height: 300px;
}

.flexslider-container.product .flexslider .image-container div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.flexslider-container.product .flexslider .image-container div img {
  width: auto;
  max-width: 360px;
  max-height: 240px;
  margin: 0 auto;
  padding: 30px;
}

.flexslider-container.product .flexslider .image-container div iframe {
  width: 380px;
  height: 240px;
}

.flexslider-container.thumb {
  padding: 4px 4px 2px 4px;
  width: 222px;
  margin: 10px auto 10px auto;
  background-color: #F8F8F8;
  background-image: -moz-linear-gradient(top, #e5e5e5, #F8F8F8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#F8F8F8));
  background-image: -webkit-linear-gradient(top, #e5e5e5, #F8F8F8);
  background-image: -o-linear-gradient(top, #e5e5e5, #F8F8F8);
  background-image: linear-gradient(to bottom, #e5e5e5, #F8F8F8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$superlightgrey', endColorstr='$almostwhite', GradientType=0);
  -webkit-box-shadow: inset 0px 2px 2px #b3b3b3;
  -moz-box-shadow: inset 0px 2px 2px #b3b3b3;
  box-shadow: inset 0px 2px 2px #b3b3b3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.flexslider-container.thumb .flexslider {
  background-color: transparent;
}

.flexslider-container.thumb .flexslider .slides li {
  padding: 0 0 2px 0;
  margin-right: 3px;
}

.flexslider-container.thumb .flexslider .slides li.flex-active-slide .image-container {
  border-color: #ddd;
}

.flexslider-container.thumb .flexslider .slides li .image-container {
  display: table;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  min-height: 40px;
  border: solid 1px #ffffff;
  background-color: #ffffff;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 1px 0px #b3b3b3;
  -moz-box-shadow: 0px 1px 1px 0px #b3b3b3;
  box-shadow: 0px 1px 1px 0px #b3b3b3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.flexslider-container.thumb .flexslider .slides li .image-container div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.flexslider-container.thumb .flexslider .slides li .image-container div img {
  width: auto;
  max-width: 40px;
  max-height: 40px;
  margin: 0 auto;
  padding: 0;
}

.flexslider-container.thumb .flexslider .flex-next,
.flexslider-container.thumb .flexslider .flex-prev {
  top: 32px;
  opacity: 1;
  filter: none;
}

.flexslider-container.thumb .flexslider .flex-next {
  right: -35px;
}

.flexslider-container.thumb .flexslider .flex-prev {
  left: -35px;
}

.flexslider-container.supply {
  width: 720px;
  padding: 18px 34px 5px 34px;
}

.flexslider-container.supply.teaser {
  width: 570px;
  height: 180px;
  padding: 18px 29px 5px 29px;
}

.flexslider-container.supply.teaser .flexslider .slides li {
  max-width: 178px;
}

.flexslider-container.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header {
  background-color: #F8F8F8;
  padding: 5px;
  font-weight: bold;
  color: #535353;
  *zoom: 1;
}

.flexslider-container.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header:before,
.flexslider-container.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header:after {
  display: table;
  content: "";
  line-height: 0;
}

.flexslider-container.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header:after {
  clear: both;
}

.flexslider-container.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header img {
  width: auto;
  height: auto;
  float: right;
  margin-top: 4px;
}

.flexslider-container.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header span {
  float: left;
}

.flexslider-container.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .body {
  min-height: 130px;
}

.flexslider-container.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .body .image-container,
.flexslider-container.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .body img {
  max-width: 176px;
  min-width: 176px;
  height: 130px;
  max-height: 130px;
}

.flexslider-container.supply.landing-page {
  width: 900px;
  padding: 18px 24px 5px 24px;
}

.flexslider-container.supply.landing-page .flexslider .flex-direction-nav .flex-next {
  right: -18px;
}

.flexslider-container.supply.landing-page .flexslider .flex-direction-nav .flex-prev {
  left: -18px;
}

.flexslider-container.supply .flexslider {
  border: none;
  background-color: transparent;
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.flexslider-container.supply .flexslider .slides li {
  padding: 0 6px;
  max-width: 168px;
  float: left;
}

.flexslider-container.supply .flexslider .slides li .image-container {
  width: 166px;
  max-width: 166px;
  min-width: 166px;
  height: 85px;
  max-height: 85px;
  background-color: #ffffff;
}

.flexslider-container.supply .flexslider .slides li .image-container img {
  width: auto;
  max-width: 166px;
  max-height: 85px;
  margin: 0 auto;
}

.flexslider-container.supply .flexslider .slides li a {
  display: block;
}

.flexslider-container.supply .flexslider .slides li a:hover {
  text-decoration: none;
}

.flexslider-container.supply .flexslider .slides li a.supply-category-link {
  color: #535353;
}

.flexslider-container.supply .flexslider .slides li a.supply-category-link:hover {
  text-decoration: underline;
}

.flexslider-container.supply .flexslider .slides li a.supply-category-link .arp-icon20-chevron-right-grey-small {
  margin-top: -4px;
}

.flexslider-container.supply .flexslider .flex-direction-nav .flex-next,
.flexslider-container.supply .flexslider .flex-direction-nav .flex-prev {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  position: absolute;
  opacity: 1.0;
  filter: none;
}

.flexslider-container.supply .flexslider .flex-direction-nav .flex-next {
  right: -22px;
}

.flexslider-container.supply .flexslider .flex-direction-nav .flex-prev {
  left: -22px;
}

.flexslider-container.supply .flexslider .flex-control-nav {
  height: 0;
  top: -42px;
}

.flexslider-container.supply .flexslider .flex-control-nav li a {
  background-color: #b3b3b3;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flexslider-container.supply .flexslider .flex-control-nav li a.flex-active {
  background-color: #535353;
}

.flexslider-container.supply .flexslider .flex-control-nav li a:hover {
  background-color: #535353;
}

.flexslider-container-barless.supply {
  width: 860px;
  padding: 18px 34px 5px 34px;
}

.flexslider-container-barless.supply.teaser {
  width: 570px;
  height: 180px;
  padding: 18px 29px 5px 29px;
}

.flexslider-container-barless.supply.teaser .flexslider .slides li {
  max-width: 178px;
}

.flexslider-container-barless.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header {
  background-color: #F8F8F8;
  padding: 5px;
  font-weight: bold;
  color: #535353;
  *zoom: 1;
}

.flexslider-container-barless.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header:before,
.flexslider-container-barless.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header:after {
  display: table;
  content: "";
  line-height: 0;
}

.flexslider-container-barless.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header:after {
  clear: both;
}

.flexslider-container-barless.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header img {
  width: auto;
  height: auto;
  float: right;
  margin-top: 4px;
}

.flexslider-container-barless.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .header span {
  float: left;
}

.flexslider-container-barless.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .body {
  min-height: 130px;
}

.flexslider-container-barless.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .body .image-container,
.flexslider-container-barless.supply.teaser .flexslider .slides li .box.box-product-supply-teaser .body img {
  max-width: 176px;
  min-width: 176px;
  height: 130px;
  max-height: 130px;
}

.flexslider-container-barless.supply.landing-page {
  width: 900px;
  padding: 18px 24px 5px 24px;
}

.flexslider-container-barless.supply.landing-page .flexslider .flex-direction-nav .flex-next {
  right: -18px;
}

.flexslider-container-barless.supply.landing-page .flexslider .flex-direction-nav .flex-prev {
  left: -18px;
}

.flexslider-container-barless.supply .flexslider {
  border: none;
  background-color: transparent;
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.flexslider-container-barless.supply .flexslider .slides li {
  padding: 0 6px;
  max-width: 160px;
  float: left;
}

.flexslider-container-barless.supply .flexslider .slides li .image-container {
  width: 158px;
  max-width: 158px;
  min-width: 158px;
  height: 80px;
  max-height: 80px;
  background-color: #ffffff;
}

.flexslider-container-barless.supply .flexslider .slides li .image-container img {
  width: auto;
  max-width: 160px;
  max-height: 80px;
  margin: 0 auto;
}

.flexslider-container-barless.supply .flexslider .slides li a {
  display: block;
}

.flexslider-container-barless.supply .flexslider .slides li a:hover {
  text-decoration: none;
}

.flexslider-container-barless.supply .flexslider .slides li a.supply-category-link {
  color: #535353;
}

.flexslider-container-barless.supply .flexslider .slides li a.supply-category-link:hover {
  text-decoration: underline;
}

.flexslider-container-barless.supply .flexslider .slides li a.supply-category-link .arp-icon20-chevron-right-grey-small {
  margin-top: -4px;
}

.flexslider-container-barless.supply .flexslider .flex-direction-nav .flex-next,
.flexslider-container-barless.supply .flexslider .flex-direction-nav .flex-prev {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  position: absolute;
  opacity: 1.0;
  filter: none;
}

.flexslider-container-barless.supply .flexslider .flex-direction-nav .flex-next {
  right: -22px;
}

.flexslider-container-barless.supply .flexslider .flex-direction-nav .flex-prev {
  left: -22px;
}

.flexslider-container-barless.supply .flexslider .flex-control-nav {
  height: 0;
  top: -42px;
}

.flexslider-container-barless.supply .flexslider .flex-control-nav li a {
  background-color: #bbb;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flexslider-container-barless.supply .flexslider .flex-control-nav li a.flex-active {
  background-color: #535353;
}

.flexslider-container-barless.supply .flexslider .flex-control-nav li a:hover {
  background-color: #535353;
}

.tabs {
  float: none;
  margin: 0;
  width: 100%;
}

.tabs table {
  width: 100%;
}

.tabs table td {
  background-color: #e5e5e5;
  text-align: center;
  min-height: 33px;
  height: 33px;
  cursor: pointer;
  color: #535353;
  width: 15%;
}

.tabs table td:hover,
.tabs table td.flex-active {
  font-weight: bold;
  background-color: #e5e5e5;
}

.tabs table td.flex-active {
  background: #e5e5e5 url(./icons/arp-icon-active-slide.png) no-repeat 49% 0;
}

.flexslider-nav-controls {
  position: relative;
}

.flex-direction-nav a {
  width: 16px;
  height: 20px;
}

.flex-direction-nav a.flex-next, .flex-direction-nav a.flex-prev {
  width: 30px;
  height: 30px;
}

.flex-direction-nav a.flex-prev {
  background-positionX: 0;
  background-position-x: 0;
  background-positionY: 1px;
  background-position-y: 1px;
  background-position: 0 1px;
}

.flex-direction-nav a.flex-next {
  background-positionX: 100%;
  background-position-x: 100%;
  background-positionY: 1px;
  background-position-y: 1px;
  background-position: 100% 1px;
}

.flexslider.picturebox {
  margin: 0;
  border: none;
  height: auto;
  height: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.flexslider.picturebox iframe {
  min-width: 100%;
}

.flexslider.picturebox .slides {
  height: 100%;
}

.flexslider.picturebox .slides li,
.flexslider.picturebox .image-container {
  height: 100%;
}

.flexslider.picturebox .image-container {
  margin: 0 auto;
}

.flexslider.picturebox a.image-link {
  display: none;
}

.flexslider.picturebox img {
  width: auto;
}

/* list style type checkmark > set ul class to "check"*/
.check {
  list-style-type: none;
  position: relative;
  margin-bottom: 16px;
  color: #535353;
}
.check li:before {
  content: "✓";
  position: absolute;
  margin-left: -20px;
  font-weight: bold;
}

/* Product Card design > wrapper shortcode "productBoxMSRow" */
.productBoxMSRow {
  width: 100%;
  box-sizing: border-box;
  padding: 50px 24px;
  background-color: #efefef;
}
.productBoxMSRow::after {
  content: "";
  display: table;
  clear: both;
}

.productBoxMS {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: white;
  color: #535353;
  cursor: hand;
  cursor: pointer;
  transition: all .2s ease-in-out;
}
.productBoxMS:hover {
  text-decoration: none;
  color: #535353;
}
.productBoxMS:last-of-type {
  margin-right: 0;
}
.productBoxMS:hover {
  transform: scale(1.02);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}
.productBoxMS .boxtop {
  box-sizing: border-box;
  padding: 18px 0 30px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.w100 .productBoxMS .boxtop {
  box-sizing: border-box;
  padding: 15px;
  width: 50%;
}
.productBoxMS .boxbottom {
  width: 100%;
}
.productBoxMS .boxbottom .boxtext {
  padding: 10px;
}
.w100 .productBoxMS .boxbottom {
  width: 50%;
  box-sizing: border-box;
}
.productBoxMS img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  vertical-align: middle;
  margin: 0 auto;
}
.productBoxMS .titleS {
  padding-left: 8px;
  margin-bottom: 6px;
  line-height: 1.2;
  color: #535353;
}
.productBoxMS .titleXS {
  margin-top: 0px !important;
  margin-left: 8px;
  color: #535353;
}
.productBoxMS ul {
  list-style-type: none;
  margin-bottom: 16px;
  margin-top: 10px;
  color: #535353;
  overflow-wrap: break-word;
}
.productBoxMS ul::after {
  clear: both;
  content: "";
  display: block;
}
.productBoxMS ul li:before {
  content: "✓";
  position: absolute;
  margin-left: -17px;
  font-weight: bold;
}
.productBoxMS .price {
  margin-right: 8px;
  text-align: right;
}
.productBoxMS .price .oldPrice {
  font-size: 11px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #b3b3b3;
  text-decoration: none;
  text-shadow: none;
  font-weight: bold;
  margin-bottom: 0;
  text-decoration: line-through;
}
.productBoxMS .price .oldPrice .currency {
  color: #b3b3b3 !important;
}
.productBoxMS .price .totalPrice {
  font-weight: bold;
  font-size: 18px;
}
.productBoxMS .price .smallPrice {
  font-weight: initial;
  line-height: 1;
}
.productBoxMS .price .smallPrice .exclPrice {
  margin: 0;
}
.productBoxMS .price .currency {
  padding-right: 3px;
}
.productBoxMS .price .currency, .productBoxMS .price .smallPrice {
  color: #535353;
  font-size: 11px;
  margin: 0;
}
.productBoxMS .CTA {
  border-radius: 0 0 3px 3px;
  background-positionX: 100%;
  background-position-x: 100%;
  background-positionY: 70%;
  background-position-y: 70%;
  background-position: 100% 70%;
  margin-top: 10px;
}
.productBoxMS .CTA::after {
  clear: both;
  content: "";
  display: block;
}
.productBoxMS .CTA:hover {
  cursor: pointer;
  cursor: hand;
}
.w100 .productBoxMS .CTA {
  border-radius: 0 0 3px 0;
}

.w100 .productBoxMS .boxtop, .w100 .productBoxMS .boxbottom {
  border: none;
}

/* NL partner page shortcodes*/
.partnerIntro {
  border: 1px solid #ddd;
}
.partnerIntro a:hover {
  text-decoration: none;
}
.partnerIntro .partnerLogo {
  background: white;
  border-right: none;
  margin-right: -1px;
  vertical-align: middle;
  padding: 3px;
}
.partnerIntro .partnerLogo img {
  width: 100%;
  height: auto;
}

.partnerImage, .partnerLogo {
  background: white;
  overflow: hidden;
}

.partnerImage img {
  height: 207px;
  width: auto;
  max-width: 150%;
}

.partnerIntro .box20, .partnerPage .box20 {
  vertical-align: top;
}

.partnerPage .partnerLogo {
  border: 1px solid #ddd;
  border-top: none;
  vertical-align: middle;
  padding: 3px;
}
.partnerPage .partnerImage {
  width: 200px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.partnerPage .partnerImage img, .partnerPage .partnerLogo img {
  width: 100%;
  height: auto;
}

.partnerIntroTxt, .partnerPageTxt {
  background-color: #cbefeb;
  color: initial;
  margin: 0 0 0 1px;
  padding: 9px;
}
.partnerIntroTxt p, .partnerPageTxt p {
  margin-bottom: 0;
}

.partnerPageBox {
  background-color: #cbefeb;
  color: initial;
  padding: 9px;
  margin-bottom: 15px;
}

/* contact shortcode */
.contactImg {
  width: 116px;
  height: 120px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
}
.contactImg img {
  max-height: 100%;
  width: auto;
  vertical-align: middle;
  border: 0;
}

/* box with background options */
.bgbox {
  height: auto;
  min-height: 50px;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 15px !important;
  box-sizing: border-box;
  color: #fff;
}
.bgbox .productBoxReco {
  width: 24.48%;
}
.bgbox .price {
  color: #535353;
}

/*New general Tabs design */
.NewTabs_li > a, .NewTabs_li.active > a, .NewTabs_li.active > a:hover,
.NewTabs_li > a:hover, .NewTabs_tabContent {
  /*theme css reset*/
  background: none;
}

.NewTabs ul {
  margin-left: -1px;
}
.NewTabs .NewTabs_li > a {
  background-color: #F8F8F8 !important;
  color: #bbb;
  border: 1px solid #ddd !important;
  margin: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.NewTabs .NewTabs_li > a:hover {
  color: #535353;
  background-color: #ddd !important;
}
.NewTabs .NewTabs_li.active > a {
  color: #535353;
  border-radius: 4px 4px 0px 0px;
  background-color: #ffffff !important;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff !important;
}
.NewTabs .NewTabs_li.active > a:hover {
  background-color: transparent !important;
  color: #535353;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff !important;
}
.NewTabs .NewTabs_li.active > a:focus {
  outline: none;
}
.NewTabs .NewTabs_tabContent {
  padding: 10px;
}

.boxcta {
  display: block;
  width: 100%;
  color: #535353;
  background: white;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.boxcta:hover {
  text-decoration: none;
  color: #535353;
}
.boxcta .boxtop {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.boxcta .boxtext {
  padding: 0 8px 10px 8px !important;
  box-sizing: border-box;
}
.boxcta .boxcontent
.CTA {
  border-radius: 0 0 3px 3px;
  margin-top: 6px;
}
.boxcta h3 {
  color: #535353;
  display: block;
}

.w100 .boxcta .boxtop, .w100 .boxcta .boxbottom {
  width: 50%;
}
.w100 .boxcta .CTA {
  border-radius: 0 0 3px 0;
}

/* wp startpage shortbanner boxes */
.wp-startpage-box {
  overflow: hidden;
  margin-bottom: 15px;
}
.wp-startpage-box .header {
  padding: 5px !important;
  background-color: #e5e5e5;
}
.wp-startpage-box .body {
  padding: 0px;
}
.wp-startpage-box img {
  width: 100%;
}
.wp-startpage-box a:hover {
  color: #535353;
}
.wp-startpage-box h3 {
  font-size: 14px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #535353;
  text-decoration: none;
  text-shadow: none;
  font-weight: bold;
  line-height: 20px;
  margin: 0px;
}

[class^="onsale-"] {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.onsale-hide {
  display: none;
}

.onsale-de {
  background-image: url("https://www.arp.ch/static/images/pdp/aktion_de.png");
}

.onsale-fr {
  background-image: url("https://www.arp.ch/static/images/pdp/aktion_fr.png");
}

.onsale-nl {
  background-image: url("https://www.arp.ch/static/images/pdp/aktion_nl.png");
}

.onsale-en {
  background-image: url("https://www.arp.ch/static/images/pdp/aktion_en.png");
}

.sloganBox {
  position: relative;
  width: 100%;
  display: block;
}
.sloganBox img {
  transition: all 1s ease;
  backface-visibility: hidden;
  box-sizing: border-box;
}
.sloganBox:hover > img {
  opacity: 0.75;
}
.sloganBox .manufacturerLogo, .sloganBox .title, .sloganBox .CTA, .sloganBox [class^="onsale-"] {
  z-index: 1;
}
.sloganBox .manufacturerLogo, .sloganBox .titlecolor, .sloganBox .CTA {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
.sloganBox .manufacturerLogo {
  position: absolute;
  top: 8px;
  left: 8px;
  height: 50px;
}
.sloganBox .manufacturerLogo img {
  max-height: 100%;
}
.w50 .sloganBox .manufacturerLogo, .w33 .sloganBox .manufacturerLogo {
  height: 35px;
}
.w25 .sloganBox .manufacturerLogo {
  height: 25px;
}
.w25 .sloganBox .manufacturerLogo {
  top: 4px;
  left: 4px;
}
.sloganBox .title {
  position: absolute;
  bottom: 8px;
}
.w25 .sloganBox .title {
  bottom: 28px;
}
.sloganBox h1, .sloganBox h2, .sloganBox h3, .sloganBox h4, .sloganBox .titleL, .sloganBox .titleM, .sloganBox .titleS, .sloganBox .titleXS {
  margin: 0 !important;
}
.sloganBox .headlineL {
  line-height: 48px !important;
}
.w50 .sloganBox .headlineL, .w33 .sloganBox .headlineL {
  font-size: 19px !important;
  line-height: 30px !important;
}
.w25 .sloganBox .headlineL {
  font-size: 16px !important;
  line-height: 26px !important;
}
.sloganBox .headlineM {
  line-height: 37px !important;
}
.w50 .sloganBox .headlineM, .w33 .sloganBox .headlineM {
  font-size: 14px !important;
  line-height: 23px !important;
}
.w25 .sloganBox .headlineM {
  font-size: 13px !important;
  line-height: 23px !important;
}
.sloganBox .titlecolor {
  padding: 0 8px 2px 8px;
  color: #fff;
}
.w25 .sloganBox .titlecolor {
  padding: 0 4px 2px 4px;
}
.sloganBox .CTA {
  position: absolute;
  bottom: 8px;
  right: 8px;
  padding: 4px 26px 5px 10px;
  background-size: 28px;
}
.w50 .sloganBox .CTA, .w33 .sloganBox .CTA, .w25 .sloganBox .CTA {
  padding: 1px 17px 2px 8px;
  background-size: 21px 21px;
  background-positionX: 101%;
  background-position-x: 101%;
  background-positionY: 50%;
  background-position-y: 50%;
  background-position: 101% 50%;
  font-size: 13px;
}
.w25 .sloganBox .CTA {
  bottom: 4px;
  right: 3px;
  font-size: 12px;
  background-size: 20px 20px;
  background-positionX: 102%;
  background-position-x: 102%;
  background-positionY: 50%;
  background-position-y: 50%;
  background-position: 102% 50%;
}
.w100 .sloganBox [class^="onsale-"] {
  width: 90px;
  height: 90px;
}
.w25 .sloganBox [class^="onsale-"] {
  width: 40px;
  height: 40px;
}

.customerStartpageBox {
  position: relative;
}
.customerStartpageBox .manufacturerLogo {
  height: 50px;
}
.customerStartpageBox .manufacturerLogo img {
  max-height: 100%;
}
.customerStartpageBox .topleft {
  position: absolute;
  top: 8px;
  left: 8px;
}
.customerStartpageBox .left {
  position: absolute;
  top: 40%;
  left: 10%;
}
.customerStartpageBox .center {
  left: 45%;
  top: 40%;
  postition: absolute;
}
.customerStartpageBox .bottomline {
  height: 10px;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.slides .wp-row {
  padding: 0;
}
.slides .w100 {
  margin: 0;
}

/* bugfixes */
.recorow::after {
  display: block;
  content: "";
  clear: both;
}

.boxcta a, .boxcta a:hover {
  text-decoration: none;
}

/* shortcake UI form fields */
#tinymce {
  max-width: 1000px;
  box-sizing: border-box;
  padding: 15px !important;
  margin: 0;
}

.media-toolbar-primary .search-form {
  width: 15% !important;
}

.add-shortcode-list .shortcode-list-item {
  margin: 5px !important;
  width: 200px !important;
  height: 200px !important;
  background: white !important;
  box-shadow: none !important;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  transition: all .2s ease-in-out;
}
.add-shortcode-list .shortcode-list-item:hover {
  transform: scale(1.02) translateZ(0);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}

.add-shortcode-list .shortcode-list-item .add-shortcode-list-item-title {
  box-shadow: none !important;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
}

.add-shortcode-list .shortcode-list-item .add-shortcode-list-item-icon {
  height: 172px !important;
}

.add-shortcode-list .shortcode-list-item .add-shortcode-list-item-title {
  background: rgba(255, 255, 255, 0.95) !important;
}

.add-shortcode-list .shortcode-list-item .add-shortcode-list-item-icon img {
  max-width: 99% !important;
  max-height: 99% !important;
}

.edit-shortcode-form-fields {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.edit-shortcode-form-fields > div {
  width: 250px !important;
  float: left;
  padding-right: 5px;
}

.edit-shortcode-form input[type=url], .edit-shortcode-form textarea {
  width: 100%;
}

.wp-picker-container .iris-picker {
  width: 190px !important;
  height: 165px !important;
}

.iris-border .iris-picker-inner {
  top: 5px !important;
  right: 5px !important;
  left: 5px !important;
  bottom: 5px !important;
}

.iris-border .iris-palette-container {
  left: 5px !important;
  bottom: 5px !important;
}

.iris-picker .iris-square {
  margin-right: 5px !important;
  width: 150px !important;
  height: 150px !important;
}

.iris-picker .iris-strip {
  height: 150px !important;
  width: 24px !important;
}

.shortcode-ui-edit-productBoxRow > div:nth-of-type(6), .shortcode-ui-edit-productBoxRow > div:nth-of-type(18), .shortcode-ui-edit-productBoxRow > div:nth-of-type(30), .shortcode-ui-edit-productBoxRow > div:nth-of-type(42) {
  width: 100% !important;
  border-bottom: 1px solid #ddd;
  border-top: 2px solid #bbb;
  padding: 10px 0 0 0;
}

.shortcode-ui-edit-ctaBoxRow > div:nth-of-type(5), .shortcode-ui-edit-ctaBoxRow > div:nth-of-type(12), .shortcode-ui-edit-ctaBoxRow > div:nth-of-type(19), .shortcode-ui-edit-ctaBoxRow > div:nth-of-type(26) {
  width: 100% !important;
  border-bottom: 1px solid #ddd;
  border-top: 2px solid #bbb;
  padding: 10px 0 0 0;
}

.shortcode-ui-edit-spBoxRow > div:nth-of-type(2), .shortcode-ui-edit-spBoxRow > div:nth-of-type(8), .shortcode-ui-edit-spBoxRow > div:nth-of-type(14), .shortcode-ui-edit-spBoxRow > div:nth-of-type(20) {
  width: 100% !important;
  border-bottom: 1px solid #ddd;
  border-top: 2px solid #bbb;
  padding: 10px 0 0 0;
}

.shortcode-ui-edit-boxrow > div:nth-of-type(2), .shortcode-ui-edit-boxrow > div:nth-of-type(5), .shortcode-ui-edit-boxrow > div:nth-of-type(8), .shortcode-ui-edit-boxrow > div:nth-of-type(11) {
  width: 100% !important;
  border-bottom: 1px solid #ddd;
  border-top: 2px solid #bbb;
  padding: 10px 0 0 0;
}

.shortcode-ui-edit-sloganBoxRow > div:nth-of-type(7), .shortcode-ui-edit-sloganBoxRow > div:nth-of-type(20), .shortcode-ui-edit-sloganBoxRow > div:nth-of-type(33), .shortcode-ui-edit-sloganBoxRow > div:nth-of-type(46) {
  width: 100% !important;
  border-bottom: 1px solid #ddd;
  border-top: 2px solid #bbb;
  padding: 10px 0 0 0;
}

.shortcode-ui-attribute-boxtitle {
  width: 100%;
  padding: 0 !important;
  font-weight: bold;
  font-size: 20pt;
}
.shortcode-ui-attribute-boxtitle .description {
  font-weight: normal !important;
  color: red !important;
}
.shortcode-ui-attribute-boxtitle input {
  display: none;
}

.shortcode-ui-field-color label {
  float: left;
  width: 50%;
}

.shortcode-ui-field-radio label {
  float: left;
  width: 50%;
  clear: none;
}
.shortcode-ui-field-radio label:first-of-type {
  width: 100%;
}

.shortcode-ui-field-attachment .description {
  margin: 0;
}
.shortcode-ui-field-attachment .edit-shortcode-form .button.shortcake-attachment-select button {
  width: 30%;
  float: right;
  margin-right: 15px;
  margin-top: -31px;
}

.edit-shortcode-form .shortcake-attachment-preview-container {
  margin-right: 10px;
  width: 100px !important;
  height: 100px !important;
}

.edit-shortcode-form .shortcake-attachment-preview-container .button.remove:after {
  left: 3px !important;
}

.shortcode-ui-field-url .media-frame input[type=url] {
  width: 100%;
}

.ie8-fallback datalist, .boxRow .overlay {
  display: none;
}

.nav-topbar li div:first-child a {
  width: 80px;
}

.ie8noborder {
  width: 180px;
  border-right: #fff 0px solid !important;
}

.laSelect .ie8noborder {
  width: 40px;
}

.ie8phone {
  width: 120px;
  float: left;
  border: none;
}

.abovenavi .header-search-container form .search-btn-new {
  width: 40px;
}

.w25 {
  width: 25%;
}
.w25.productBoxMS {
  width: 25%;
}

.w33 {
  width: 33%;
}
.w33.productBoxMS {
  width: 33%;
}

.w50 {
  width: 50%;
}
.w50.productBoxMS {
  width: 50%;
}

.w66 {
  width: 66%;
}

.w25, .w33, .w50, .productBoxReco {
  padding: 0;
  margin: 0;
  border-right: 8px solid white;
  box-sizing: border-box;
}

.productBoxMSRow .w25, .productBoxMSRow .w33, .productBoxMSRow .w50 {
  border-right: 8px solid #efefef;
}

.productBoxReco {
  height: 300px;
}

.productBoxReco .overlay {
  display: none;
}

.productBoxRow {
  display: table;
}

.productBoxRow .productImageWrap {
  width: 250px;
  padding: 10px;
  padding-top: 4px;
}
.productBoxRow .productImageWrap .defaultImage {
  width: 130px;
}

.productBoxRow .productImageWrap img {
  margin: 0 auto;
  width: 95%;
}

.productBoxRow .boxtop {
  height: 150px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.productBoxRow .boxtop > img {
  max-width: 100%;
}

.productBoxBtns button {
  height: 30px;
}

.w100 .productBoxMS {
  display: table;
}
.w100 .productBoxMS .sticktobottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 105px;
}
.w100 .productBoxMS .boxtop, .w100 .productBoxMS .boxbottom {
  display: table-cell;
}

.productBoxMS .boxtop, .productBoxMS .boxbottom {
  position: relative;
}
.productBoxMS .boxtop > img {
  width: 100%;
}

.partnerIntro a {
  display: block;
}
.partnerIntro .partnerLogo {
  width: 20%;
}

.partnerIntro .box20, .partnerPage .box20 {
  width: 20%;
  height: 200px;
  display: table-cell;
}
.partnerPage .box20 {
  padding-left: 13px;
}

.partnerPage .partnerLogo {
  width: 192px;
}

.partnerIntroTxt, .partnerPageTxt {
  display: table-cell;
}
.partnerIntro .partnerIntroTxt, .partnerIntro .partnerPageTxt {
  width: 57%;
}
.partnerPage .partnerIntroTxt, .partnerPage .partnerPageTxt {
  width: 80%;
}

.partnerPageBox {
  width: 98.2%;
}

.w100 .boxcta {
  display: table;
  position: relative;
}
.w100 .boxcta .boxtop, .w100 .boxcta .boxbottom {
  display: table-cell;
  position: relative;
  vertical-align: top;
}
.w100 .boxcta .boxtop {
  padding-right: 1%;
  box-sizing: border-box;
}
.w100 .boxcta .boxtop > img {
  width: 100%;
}
.w100 .boxcta .boxcontentwrap {
  display: table;
  width: 100%;
}
.w100 .boxcta .boxcontent {
  display: table-row;
}
.w100 .boxcta .CTA {
  position: absolute;
  bottom: 0;
  width: 100%;
}

[class^="onsale-"] {
  background-position: 100% 0;
}

.w50 [class^="onsale-"], .w33 [class^="onsale-"] {
  background-size: 50px 50px;
}

.w25 [class^="onsale-"] {
  background-size: 40px 40px;
}

.productBoxRow .productImageWrap img {
  width: auto;
}

.bgbox {
  display: table;
}

.footer-description {
  width: 100%;
  float: left;
}

.ie8lastfooterdiv {
  width: 333px;
}

@supports (display: flex) {
  .productBoxMSRow,
  .productBoxMSRow .w25,
  .productBoxMSRow .w33,
  .productBoxMSRow .w50,
  .productBoxMSRow .w100,
  .productBoxMS,
  .ctaboxrow,
  .ctaboxrow .w25,
  .ctaboxrow .w33,
  .ctaboxrow .w50,
  .ctaboxrow .w100 {
    display: flex;
  }

  .boxcta, .boxbottom {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
  }

  .productBoxMS {
    display: grid;
  }
  .w33 .productBoxMS, .w25 .productBoxMS {
    grid-template-rows: 150px 1fr;
  }
  .w50 .productBoxMS {
    grid-template-rows: 250px 1fr;
  }

  .w100 .productBoxMS, .w100 .boxcta {
    display: flex;
    flex-direction: row;
  }
  .w100 .productBoxMS .sticktobottom {
    position: relative;
  }

  .w100 .boxcta .CTA {
    position: relative;
  }

  /* .partnerIntro .img-elevate {
  	display: grid;
  	grid-template-columns: 20% 60% 20%;
  }
  .partnerPageIntro {
  	display: grid;
  	grid-template-columns: 79% 20%;
  		grid-column-gap: 1%;
  } */
}
/* overwrite ie8 fallbacks */
@supports (border-radius: 3px) {
  .abovenavi .header-search-container form .search-btn-new {
    width: 0px;
  }

  .w25, .w33, .w50 {
    padding-right: 1%;
    border-right: none;
    box-sizing: unset;
  }

  .w25 {
    width: 24.25%;
  }
  .w25.productBoxMS {
    width: 23.5%;
  }

  .w33 {
    width: 32.66%;
  }
  .w33.productBoxMS {
    width: 32.45%;
  }

  .w50 {
    width: 49.5%;
  }
  .w50.productBoxMS {
    width: 49.3%;
  }

  .w66 {
    width: 66.3%;
  }

  .productBoxReco {
    margin-right: 4px;
    box-sizing: unset;
  }
  .productBoxReco .overlay {
    display: block;
  }

  .productBoxMSRow .w25, .productBoxMSRow .w33, .productBoxMSRow .w50 {
    padding-right: 1%;
    border-right: none;
  }

  .ie8noborder, .laSelect .ie8noborder,
  .nav-topbar li div:first-child a,
  .productBoxRow .productImageWrap img,
  .productBoxMS .boxtop > img {
    width: auto;
  }

  .w100 .productBoxMS .sticktobottom {
    height: auto;
  }
}
/* bugfix tinten toner finder */
.wp-row > .span16 {
  width: 100%;
}

.box-category .row {
  width: 100%;
  margin: 0;
}
.box-category .row .span3 {
  width: 9%;
}
.box-category .row .span13 {
  width: 88%;
  float: right;
}
.box-category .row .span9 {
  width: 69%;
}
.box-category .row .span4 {
  width: 21%;
  float: right;
}
.box-category .row .span7 {
  width: 41%;
  float: right;
}
.box-category .row .span6 {
  width: 50%;
}
.box-category .row .span6 h6 {
  margin: 0;
}
.box-category .row .span6 td {
  vertical-align: middle;
}
.box-category .span12 h3 {
  font-size: 14px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #535353;
  text-decoration: none;
  text-shadow: none;
  font-weight: bold;
  margin: 10px 0;
}

/*
 Theme Name:   ARP Theme Startpages
 Theme URI:    http://cms-i.arp.com/wordpress/arp_2/
 Description:  Arp template for startpages
 Author:       Ermanno Schinca, Anina Achermann
 Author URI:   http://cms-i.arp.com
 Template:     com
 Version:      1.0.0
 Text Domain:  com
*/
.wrapper {
  max-width: 100%;
  width: 100%;
  position: unset;
}

main, .content-container {
  max-width: 1280px;
  width: 95%;
  margin: 0 auto 0 auto;
}
@media screen and (max-width: 980px) {
  main, .content-container {
    width: 100%;
  }
}

.header > div {
  padding: 5px 0px;
}

main {
  width: 100%;
  max-width: 100%;
  background: white;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
  margin-top: 60px;
}
@media screen and (max-width: 1600px) {
  main {
    margin-top: 96px;
  }
}
@media screen and (max-width: 680px) {
  main {
    margin-top: 86px;
  }
}

.header, .footer {
  width: 100%;
}

.header {
  top: 0px;
  position: fixed;
  display: table;
  z-index: 100;
  height: 40px;
}
@media screen and (max-width: 980px) {
  .header {
    height: 91px;
  }
}
@media screen and (max-width: 680px) {
  .header {
    height: 80px;
    opacity: 1;
  }
}

.headerbar {
  background: #fff;
  opacity: 0.8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 53px;
  display: table;
  padding: 0 !important;
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 1190px) {
  .headerbar {
    height: 91px;
  }
}
@media screen and (max-width: 680px) {
  .headerbar {
    height: 80px;
  }
}

.logo {
  float: left;
}
@media screen and (max-width: 1190px) {
  .logo {
    margin: 10px 0 0 10px;
    width: 50px;
  }
}
@media screen and (max-width: 680px) {
  .logo {
    width: 40px;
    height: auto;
    margin-top: 4px;
  }
}

.header #search-2 {
  float: right;
  padding: 4px 0;
}
@media screen and (min-width: 1600px) {
  .header #search-2 {
    position: absolute;
    right: 135px;
  }
}
@media screen and (max-width: 1600px) {
  .header #search-2 {
    position: absolute;
    right: 135px;
  }
}
@media screen and (max-width: 1190px) {
  .header #search-2 {
    position: relative;
    right: auto;
  }
}
@media screen and (max-width: 680px) {
  .header #search-2 {
    width: 100%;
    padding: 10px 0 0 10px;
  }
  .header #search-2 form.search {
    display: grid;
    grid-template-columns: 1fr 50px;
  }
}
.header #search-2 h3 {
  display: none;
}
.header #search-2 input[type="search"] {
  transition: width 0.3s ease-in-out;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  box-sizing: border-box;
  padding: 0 6px;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 30px;
  width: 80px;
}
@media screen and (min-width: 320px) {
  .header #search-2 input[type="search"]:focus, .header #search-2 input[type="search"]:hover {
    width: 240px;
  }
}
@media screen and (max-width: 680px) {
  .header #search-2 input[type="search"] {
    width: auto;
  }
  .header #search-2 input[type="search"]:focus, .header #search-2 input[type="search"]:hover {
    width: auto;
  }
}
.header #search-2 .search-submit {
  height: 30px;
  width: 30px;
  position: relative;
  right: 0;
  top: 4px;
  border: none;
  background: none;
  color: rgba(83, 83, 83, 0);
}
.header #search-2 .search-submit:before {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 1px;
  left: 5px;
  background-size: 24px;
  background-image: url(./iconfont/iconpngs/ic_search_black_24dp_2x.png);
  background-image: url(./iconfont/iconsvgs/ic_search_grey_24px.svg);
  background-image: url(https://www.arp.ch/static/facelets/css/iconfont/iconpngs/ic_search_black_24dp_2x.png);
  background-image: url(https://www.arp.ch/static/facelets/css/iconfont/iconsvgs/ic_search_grey_24px.svg);
}
@media screen and (max-width: 680px) {
  .header #search-2 .search-submit {
    position: unset;
  }
  .header #search-2 .search-submit:before {
    position: relative;
    top: 3px;
    left: 2px;
  }
}

h1.entry-title {
  padding: 20px 10px 10px 25px;
  margin: 0;
  display: inline-block;
  box-sizing: border-box;
}

.footer {
  position: relative;
  display: table;
  background-color: #008688;
}

.footer-container {
  background-color: #d8d8d8;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #aaa;
  text-decoration: none;
  text-shadow: none;
  font-weight: normal;
}
.footer-container h4 {
  font-size: 18px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #aaa;
  text-decoration: none;
  text-shadow: none;
  margin: 0;
  display: inline-block;
  padding-top: 15px;
}

.footer-partners {
  padding: 20px 0px;
  display: table;
}

.partners-left, .partners-right {
  float: left;
  width: 50%;
}
@media screen and (max-width: 980px) {
  .partners-left, .partners-right {
    width: 100%;
  }
}
.partners-left div, .partners-right div {
  float: left;
  width: 25%;
  text-align: center;
  padding: 5px;
}
@media screen and (max-width: 680px) {
  .partners-left div, .partners-right div {
    width: 50%;
  }
}
@media screen and (max-width: 319px) {
  .partners-left div, .partners-right div {
    width: 100%;
  }
}

@media screen and (max-width: 980px) {
  .partners-left {
    margin-bottom: 20px;
  }
}

#footer-sidebar {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (max-width: 980px) {
  #footer-sidebar {
    margin-top: 10px;
    padding-left: 11px;
  }
}
#footer-sidebar .menu {
  padding: 0;
  display: inline-grid;
  width: 100%;
}
#footer-sidebar .menu li a {
  color: white;
  text-transform: initial;
  font-weight: normal;
  margin: 0;
  padding: 5px 10px 4px 10px;
}
#footer-sidebar .menu li a:hover {
  color: white;
  border: none;
  text-decoration: underline;
}
#footer-sidebar .menu .sub-menu {
  display: block;
  position: relative;
  box-shadow: none;
  padding-left: 10px;
}
#footer-sidebar .menu .sub-menu li {
  height: auto;
  width: 100%;
}
#footer-sidebar .menu .sub-menu li a {
  padding: 3px 16px;
  font-weight: normal;
}
#footer-sidebar .widget_nav_menu, #footer-sidebar #ssba_widget-2 {
  float: left;
  padding-right: 50px;
  margin-left: -10px;
}
@media screen and (max-width: 480px) {
  #footer-sidebar .widget_nav_menu, #footer-sidebar #ssba_widget-2 {
    padding-right: 0;
    width: 100%;
  }
}
#footer-sidebar .widget_nav_menu h3, #footer-sidebar #ssba_widget-2 h3 {
  text-transform: uppercase;
  font-size: 13px;
  padding-left: 10px;
  color: white;
}
#footer-sidebar .widget_nav_menu:last-of-type, #footer-sidebar #ssba_widget-2:last-of-type {
  padding-right: 0;
}

.ssba div a img {
  width: 27px !important;
  padding: 2px 4px;
}

.menu {
  list-style-type: none;
  padding: 8px 0 0 0;
  margin: 0;
}
.menu .sub-menu {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  display: none;
  padding: 0;
  position: absolute;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  background: white;
  z-index: 1;
}
.menu .sub-menu li {
  float: none;
  height: 40px;
  list-style-type: none;
}
.menu .sub-menu li a {
  margin-top: 0px;
}
.menu li {
  float: left;
}
.menu li a {
  display: block;
  box-sizing: border-box;
  padding: 12px;
  font-size: 12.5px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #535353;
  text-decoration: none;
  text-shadow: none;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.menu li a:hover {
  text-decoration: none;
  color: #008688;
  box-shadow: inset 0 -5px 0 #008688;
}

.menu-item-has-children:hover > .sub-menu {
  display: block;
}

.wpml-ls-current-language {
  float: right !important;
  width: 130px;
}
@media screen and (max-width: 480px) {
  .wpml-ls-current-language {
    border-top: 1px solid #535353;
  }
}
.wpml-ls-current-language a {
  padding: 13px 10px 26px 10px !important;
}
@media screen and (max-width: 480px) {
  .wpml-ls-current-language a {
    padding: 13px 10px 26px 16px !important;
  }
}
.wpml-ls-current-language .sub-menu {
  width: 130px;
}
.wpml-ls-current-language .sub-menu li a {
  padding: 10px 7px !important;
  float: left;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .wpml-ls-current-language .sub-menu li a {
    padding: 10px 16px !important;
  }
}
.wpml-ls-current-language .wpml-ls-flag {
  margin-top: 1px;
}
.wpml-ls-current-language .wpml-ls-flag, .wpml-ls-current-language .wpml-ls-native {
  display: block;
  float: left;
}

#menuToggle {
  display: block;
  position: relative;
  top: 0px;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Transform all the slices of hamburger into a crossmark. */
  /* But let's hide the middle one.*/
  /* And the last one should go the other direction */
}
#menuToggle input[type="checkbox"], #menuToggle .hamburger {
  display: none;
  width: 40px;
  position: absolute;
  right: 0;
  top: 4px;
}
@media screen and (max-width: 680px) {
  #menuToggle input[type="checkbox"], #menuToggle .hamburger {
    display: block;
  }
}
#menuToggle input[type="checkbox"] {
  display: block;
  height: 32px;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 2;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
}
#menuToggle [class^="burgerline-"] {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #535353;
  border-radius: 3px;
  z-index: 1;
  -webkit-transform-origin: 4px 0px;
  transform-origin: 4px 0px;
  -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
#menuToggle .burgerline-1 {
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
#menuToggle .burgerline-2 {
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
#menuToggle input[type="checkbox"]:checked ~ .hamburger .burgerline-1 {
  opacity: 1;
  -webkit-transform: rotate(45deg) translate(-2px, -1px);
  transform: rotate(45deg) translate(-2px, -1px);
}
#menuToggle input[type="checkbox"]:checked ~ .hamburger .burgerline-3 {
  opacity: 0;
  -webkit-transform: rotate(0deg) scale(0.2, 0.2);
  transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input[type="checkbox"]:checked ~ .hamburger .burgerline-2 {
  opacity: 1;
  -webkit-transform: rotate(-45deg) translate(-8px, 7px);
  transform: rotate(-45deg) translate(-8px, 7px);
}
#menuToggle #nav_menu-2 {
  padding-left: 85px;
}
@media screen and (max-width: 1190px) {
  #menuToggle #nav_menu-2 {
    padding-left: 65px;
  }
}
@media screen and (max-width: 680px) {
  #menuToggle #nav_menu-2 {
    position: absolute;
    width: 100%;
    margin: 75px 0 0 0;
    padding: 0 0 10px 0;
    background-color: white;
    list-style-type: none;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  #menuToggle #nav_menu-2 ul {
    padding: 0;
    display: block;
    box-shadow: none;
    width: 100%;
  }
  #menuToggle #nav_menu-2 ul li {
    float: none;
    width: 100%;
  }
  #menuToggle #nav_menu-2 ul li a {
    margin: 0;
  }
  #menuToggle #nav_menu-2 ul li a:hover {
    border: none;
  }
  #menuToggle #nav_menu-2 ul .sub-menu {
    position: relative;
  }
  #menuToggle #nav_menu-2 ul .sub-menu a {
    padding-left: 30px;
  }
}
#menuToggle input[type="checkbox"]:checked ~ #nav_menu-2 {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

.elementor-section-wrap {
  position: relative;
}

.elementor-section {
  padding: 25px;
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
  padding: 0 !important;
}

.elementor-section-stretched {
  max-width: 100%;
  left: 0 !important;
  padding: 0;
}
.elementor-section-stretched img {
  width: 100%;
}
.elementor-section-stretched > .elementor-container {
  width: 100%;
}

.elementor-widget-text-editor {
  font-size: 14px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #535353;
  text-decoration: none;
  text-shadow: none;
}

.post-edit-link {
  color: #aaa;
  text-decoration: none;
  border: 1px solid #ddd;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 3px;
  margin: 4px 0 4px 4px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.post-edit-link:hover {
  background: #d8d8d8;
  color: #535353;
}

.hero-nav {
  position: absolute !important;
  top: 0px;
  z-index: 3;
  width: 100% !important;
}
.hero-nav .elementor-container {
  width: 800px;
}
.hero-nav .hero-btn .elementor-widget-container {
  width: 40%;
  height: 40%;
  margin: 0 auto;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}

.pseudo-tooltip {
  margin-bottom: 12px !important;
}
.pseudo-tooltip .elementor-widget-container {
  position: relative;
}
.pseudo-tooltip .elementor-widget-container .elementor-text-editor {
  background: #535353;
  color: white;
  padding: 5px 5px 7px 5px;
  width: 100%;
  border-radius: 3px;
  position: absolute;
  bottom: 0px;
  z-index: 1000;
  opacity: 0;
  transition: opacity 1s;
  display: none;
}
.pseudo-tooltip .elementor-widget-container .elementor-text-editor p {
  margin: 0;
}
.pseudo-tooltip .elementor-widget-container .elementor-text-editor::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #535353 transparent transparent transparent;
}

.hero-nav div div:hover > .pseudo-tooltip .elementor-widget-container .elementor-text-editor {
  opacity: 1;
  display: block;
}

.searchresults {
  padding-bottom: 25px;
}
.searchresults::after {
  clear: both;
  content: "";
  display: block;
}
.searchresults .searchresultstitle {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #535353;
  text-decoration: none;
  text-shadow: none;
  border-bottom: 1px solid #ddd;
  width: 100%;
  display: inline-block;
  padding: 10px 30px;
}
.searchresults article.status-publish {
  margin: 0 25px;
  border: 1px solid #ddd;
  padding: 5px;
  border-radius: 3px;
  float: left;
  margin-right: 1%;
  width: 33%;
}
.searchresults article.status-publish:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 980px) {
  .searchresults article.status-publish {
    width: 50%;
  }
}
@media screen and (max-width: 680px) {
  .searchresults article.status-publish {
    width: 100%;
  }
}
.searchresults article.status-publish h2 {
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #535353;
  text-decoration: none;
  text-shadow: none;
}
.searchresults article.status-publish .date, .searchresults article.status-publish .author, .searchresults article.status-publish .comments {
  font-size: 12px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #b3b3b3;
  text-decoration: none;
  text-shadow: none;
}
.searchresults article.status-publish .view-article {
  font-size: 12px;
  line-height: 1.4;
  font-family: "Open Sans", Helvetica, Arial, sansserif;
  color: #053e77;
  text-decoration: none;
  text-shadow: none;
}

.solutionsnav a {
  display: inline-block;
  vertical-align: middle;
  height: 50px !important;
  width: 50px !important;
  padding: 17px 10px 10px 9px !important;
  border-radius: 100px !important;
  border: 1px solid white;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  /*background: #e1e1e1;*/
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.solutionsnav a::before {
  content: "";
  position: absolute;
  z-index: -1;
  height: 51px !important;
  width: 51px !important;
  border-radius: 100px !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: -1px 0 0 -1px;
  background: white;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.solutionsnav a:hover::before, .solutionsnav a:focus::before, .solutionsnav a:active::before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*.solutionsnav a:hover, .solutionsnav a:focus, .solutionsnav a:active {
  color: #535353;
}*/
.quotes {
  width: 45px;
  position: absolute !important;
  left: -20px;
  margin-top: -9px;
}
.quotes img {
  width: 35px !important;
  height: 35px !important;
}

.quotes-big {
  left: -50px;
}

.quotes-right {
  left: unset;
  right: -30px;
}

.quotes-right-big {
  left: unset;
  right: -50px;
}

.testimonial {
  width: 315px !important;
}

.elementor-testimonial-text-align-right {
  overflow: visible !important;
}

.solutions-row .elementor-row {
  flex-wrap: wrap;
}
.solutions-row .elementor-icon-list-icon {
  margin-top: -2px;
}
.solutions-row .elementor-image img {
  height: 90px;
  width: auto;
}
@media screen and (max-width: 1200px) {
  .solutions-row .elementor-column.elementor-col-33, .solutions-row .elementor-column[data-col="33"] {
    width: 50% !important;
  }
}
@media screen and (max-width: 767px) {
  .solutions-row .elementor-column.elementor-col-33, .solutions-row .elementor-column[data-col="33"] {
    width: 100% !important;
  }
  .solutions-row .solutionsnav {
    max-width: 100% !important;
  }
  .solutions-row .solutionsnav .elementor-column {
    width: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .solutions-row .elementor-column.elementor-col-33, .solutions-row .elementor-column[data-col="33"] {
    width: 33.333% !important;
  }
  .solutions-row .solutionsnav {
    max-width: 450px !important;
  }
}

/*# sourceMappingURL=com.css.map */