@charset "UTF-8";
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img, video {
  max-width: 100%;
  height: auto;
}

.clearfix:before, .node-solution.view-mode-full .ds-header:before, .node-product .group-visuals:before, .node-product .field-product-accessories-view .view-content:before, .clearfix:after, .node-solution.view-mode-full .ds-header:after, .node-product .group-visuals:after, .node-product .field-product-accessories-view .view-content:after {
  display: table;
  content: "";
}
.clearfix:after, .node-solution.view-mode-full .ds-header:after, .node-product .group-visuals:after, .node-product .field-product-accessories-view .view-content:after {
  clear: both;
}

.node-type-product-basket .field-title h2, .node-type-product-basket .field-title .horizontal-tabs-pane > legend, .node-type-product-basket .field-body, .node-type-product-basket .field-basket-products, .node-product.view-mode-full .ds-left,
.node-product.view-mode-full .ds-middle,
.node-product.view-mode-full .ds-right,
.node-product.view-mode-full .ds-right2, .field-specifications td, .view-product-listings .product-thumb, .pane-taxonomy-term-field-segment-related-tech .field-segment-related-tech, .node-solution.view-mode-full .ds-header, .node-solution.view-mode-full .ds-right, .node-solution.view-mode-full aside.field-features, .node-solution.view-mode-full .field-share, .fielded-tabs .field-system-tab-content, .related-product, .field-group-htab.group-docs, .field-group-htab.group-dimensions, .field-group-htab.group-specifications, .node-product .ds-left,
.node-product .related-product {
  background: white;
  padding: 1em 1em;
}

.node-type-product-basket .field-title h2, .node-type-product-basket .field-title .horizontal-tabs-pane > legend, .node-type-product-basket .field-body, .node-type-product-basket .field-basket-products, .node-product.view-mode-full .ds-left,
.node-product.view-mode-full .ds-middle,
.node-product.view-mode-full .ds-right,
.node-product.view-mode-full .ds-right2, .field-specifications td, .view-product-listings .product-thumb, .pane-taxonomy-term-field-segment-related-tech .field-segment-related-tech, .node-solution.view-mode-full .ds-header, .node-solution.view-mode-full .ds-right, .node-solution.view-mode-full aside.field-features, .node-solution.view-mode-full .field-share, .fielded-tabs .field-system-tab-content {
  box-shadow: 0 1px 4px -2px rgba(22, 22, 22, 0.3);
  -webkit-box-shadow: rgba(22, 22, 22, 0.3) 0px 1px 4px -2px;
  -moz-box-shadow: rgba(22, 22, 22, 0.3) 0px 1px 4px -2px;
  box-shadow: rgba(22, 22, 22, 0.3) 0px 1px 4px -2px;
}

.node-product.view-mode-full .ds-left .field-image a:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

@font-face {
  font-family: 'zicons';
  src: url("../icons/fontello.eot?90291196");
  src: url("../icons/fontello.eot?90291196#iefix") format("embedded-opentype"), url("../icons/fontello.woff?90291196") format("woff"), url("../icons/fontello.ttf?90291196") format("truetype"), url("../icons/fontello.svg?90291196#zicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?90291196#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, .breadcrumb .delimiter:before, [class*=" icon-"]:before {
  font-family: "zicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-ok:before {
  content: '\e800';
}

/* '' */
.icon-right-open:before, .breadcrumb .delimiter:before {
  content: '\e801';
}

/* '' */
.icon-up-open:before {
  content: '\e802';
}

/* '' */
.icon-left-open:before {
  content: '\e803';
}

/* '' */
.icon-down-open:before {
  content: '\e804';
}

/* '' */
.icon-youtube:before {
  content: '\e805';
}

/* '' */
.icon-wordpress:before {
  content: '\e806';
}

/* '' */
.icon-skype:before {
  content: '\e807';
}

/* '' */
.icon-twitter:before {
  content: '\e808';
}

/* '' */
.icon-gplus:before {
  content: '\e809';
}

/* '' */
.icon-linkedin:before {
  content: '\e80a';
}

/* '' */
.icon-facebook:before {
  content: '\e80b';
}

/* '' */
.icon-menu:before {
  content: '\e80c';
}

/* '' */
.icon-spin5:before {
  content: '\e80d';
}

/* '' */
.icon-heart-empty:before {
  content: '\e80e';
}

/* '' */
.icon-heart:before {
  content: '\e80f';
}

/* '' */
.icon-star-empty:before {
  content: '\e810';
}

/* '' */
.icon-star:before {
  content: '\e811';
}

/* '' */
.icon-star-half:before {
  content: '\e812';
}

/* '' */
.icon-star-half-alt:before {
  content: '\e813';
}

/* '' */
.icon-block:before {
  content: '\e814';
}

/* '' */
.icon-cancel:before {
  content: '\e815';
}

/* '' */
.icon-mail:before {
  content: '\e816';
}

/* '' */
.icon-cog:before {
  content: '\e817';
}

/* '' */
.icon-rss:before {
  content: '\e818';
}

/* '' */
.icon-phone:before {
  content: '\e819';
}

/* '' */
.icon-arrows-cw:before {
  content: '\e81a';
}

/* '' */
.icon-share:before {
  content: '\e81b';
}

/* '' */
.icon-location:before {
  content: '\e81c';
}

/* '' */
.icon-spin3:before {
  content: '\e81d';
}

/* '' */
.icon-angle-left:before {
  content: '\e81e';
}

/* '' */
.icon-angle-right:before {
  content: '\e81f';
}

/* '' */
.icon-angle-up:before {
  content: '\e820';
}

/* '' */
.icon-angle-down:before {
  content: '\e821';
}

/* '' */
.icon-award:before {
  content: '\e822';
}

/* '' */
.node-type-product-basket .panel-col {
  max-width: 50em;
  margin: 1em auto 2em 0;
}
.node-type-product-basket .field-title h2, .node-type-product-basket .field-title .horizontal-tabs-pane > legend {
  display: inline-block;
  padding: 1rem;
}
.node-type-product-basket h3.field-label {
  margin-left: 1rem;
}
.node-type-product-basket .field-print-pdf-block {
  margin: 1em 0;
}
.node-type-product-basket .field-body {
  background: #e6e6e6;
  margin-bottom: 1rem;
}
.node-type-product-basket .field-body p {
  margin-bottom: 0.78571em;
}

.node-webform.view-mode-short_contact_form textarea {
  width: 100%;
}

.node-product.view-mode-teaser,
.node-product.view-mode-full .ds-left,
.related-product,
.product-thumb {
  text-align: center;
}
.node-product.view-mode-teaser .field-title,
.node-product.view-mode-full .ds-left .field-title,
.related-product .field-title,
.product-thumb .field-title {
  text-transform: uppercase;
}
.node-product.view-mode-teaser .field-body,
.node-product.view-mode-full .ds-left .field-body,
.related-product .field-body,
.product-thumb .field-body {
  line-height: 17px;
}

.pane-taxonomy-term-field-segment-related-tech .field-icon,
.pane-taxonomy-term-field-segment-related-tech .field-title,
.tech-listing .field-icon,
.tech-listing .field-title,
.field-features .field-icon,
.field-features .field-title,
.term-listing-heading .field-icon,
.term-listing-heading .field-title {
  display: inline-block;
  vertical-align: middle;
}

body .tech-listing .views-row {
  padding: 1rem;
}
body .tech-listing .field-icon img {
  display: inline;
  vertical-align: bottom;
}

.js .node-product.view-mode-teaser {
  position: relative;
}

.field-specifications {
  padding: 1em 0;
}
.field-specifications table {
  margin: 0.5em 0;
  border-collapse: separate;
  border-spacing: 5px;
  border: none;
}
@media (min-width: 880px) {
  .field-specifications table {
    width: 49.01961%;
    float: left;
  }
  .field-specifications table:nth-of-type(2n-1) {
    margin-right: 1.96078%;
  }
}
.field-specifications table:only-of-type {
  width: 100%;
  margin-right: 0;
}
.field-specifications td, .field-specifications th {
  border: none;
  vertical-align: top;
}
.field-specifications td {
  padding: 4px;
}

.related-product,
.view-product-listings .product-thumb {
  display: block;
  padding: 1rem;
}
.related-product a,
.view-product-listings .product-thumb a {
  display: block;
}

.taxonomy-term-description {
  margin: 5px 0 20px;
}

.pane-taxonomy-term-field-segment-related-tech {
  margin-bottom: 0 !important;
}
.pane-taxonomy-term-field-segment-related-tech .field-segment-related-tech {
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 880px) {
  .pane-taxonomy-term-field-segment-related-tech .field-segment-related-tech {
    width: 24.09639%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 1.20482%;
  }
  .pane-taxonomy-term-field-segment-related-tech .field-segment-related-tech:nth-child(4n+4) {
    margin-right: 0;
  }
}
@media (min-width: 480px) and (max-width: 880px) {
  .pane-taxonomy-term-field-segment-related-tech .field-segment-related-tech {
    width: 48.78049%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 2.43902%;
  }
  .pane-taxonomy-term-field-segment-related-tech .field-segment-related-tech:nth-child(2n+2) {
    margin-right: 0;
  }
}
.pane-taxonomy-term-field-segment-related-tech .field-segment-related-tech .field-icon img {
  display: block;
}

.node-solution.view-mode-full .ds-header {
  position: relative;
  margin-bottom: 1rem;
}
.node-solution.view-mode-full .ds-header img {
  display: block;
}
@media (min-width: 880px) {
  .node-solution.view-mode-full .ds-left {
    width: 49.01961%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
  .node-solution.view-mode-full .ds-middle {
    display: none;
  }
  .node-solution.view-mode-full .ds-right {
    width: 49.01961%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  .node-solution.view-mode-full .ds-footer {
    clear: both;
    float: left;
    width: 100%;
  }
}
.node-solution.view-mode-full .field-solution-full-screen-image {
  margin-bottom: 0.78571em;
}
@media (min-width: 480px) {
  .node-solution.view-mode-full .field-body.first-col,
  .node-solution.view-mode-full .field-body-2nd-col.first-col {
    width: 48.78049%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    margin-bottom: 1rem;
  }
  .node-solution.view-mode-full .field-body.second-col,
  .node-solution.view-mode-full .field-body-2nd-col.second-col {
    width: 48.78049%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    margin-bottom: 1rem;
  }
  .node-solution.view-mode-full .field-body.second-col + div,
  .node-solution.view-mode-full .field-body-2nd-col.second-col + div {
    clear: both;
  }
}
.node-solution.view-mode-full aside.field-features {
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 880px) {
  .node-solution.view-mode-full aside.field-features {
    width: 48.78049%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 2.43902%;
  }
  .node-solution.view-mode-full aside.field-features:nth-child(2n+2) {
    margin-right: 0;
  }
}
@media (min-width: 480px) and (max-width: 880px) {
  .node-solution.view-mode-full aside.field-features {
    width: 48.78049%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 2.43902%;
  }
  .node-solution.view-mode-full aside.field-features:nth-child(2n+2) {
    margin-right: 0;
  }
}
.node-solution.view-mode-full aside.field-features .field-icon img {
  display: block;
}
.node-solution.view-mode-full .field-share {
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 880px) {
  .node-solution.view-mode-full .field-share {
    width: 48.78049%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 2.43902%;
    margin-right: 0;
  }
}
@media (min-width: 480px) and (max-width: 880px) {
  .node-solution.view-mode-full .field-share {
    width: 48.78049%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 2.43902%;
    margin-right: 0;
  }
}
.node-solution.view-mode-full .field-share .addthis_toolbox > a {
  margin: 4px 4px 4px 0;
}

.view-id-termfields img,
.view-id-termfields h1 {
  display: inline;
  vertical-align: middle;
}
.view-id-termfields .term-description {
  margin-top: 1em;
}

/*
.view-technologies-listing,
.view-systems-listing,
.view-id-sub_technologies_listing {
  //@extend %shadowed-box;
	h5 {
		padding-top: rhythm(1/2) !important;
		line-height: 1.2em !important;
		span {
			display: inline-block;
			vertical-align: middle;
		}
	}
	h5.with-icon {
	  @extend .clearfix;
  	margin-left: 50px !important;
  	span {
  	  float: left;
    	margin-left: -50px;
    	position: relative;
  	}
	}
}
*/
.view-systems-listing {
  margin-top: 10px;
}
.view-systems-listing p {
  padding: 1em 1em;
}

.field-collection-container {
  border-bottom: 0;
}
.field-collection-container .field-collection-view.view-mode-full {
  margin: 0;
}

.field-group-htab.group-dimensions img {
  width: 100%;
  height: auto;
}

.node-product.view-mode-full .ds-left .field-image a {
  position: relative;
}
.node-product.view-mode-full .ds-left .field-image a:after {
  content: '\e800';
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #868686;
  z-index: 1;
}
.node-product.view-mode-full .ds-left .field-image a:hover:after {
  color: #ffd600;
  text-decoration: none;
}
.node-product.view-mode-full .ds-left .field-image a img {
  margin: 0 auto;
}
.node-product.view-mode-full .group-specifications table tr {
  background-color: white;
}

a img {
  border: 0;
}

#node_product_full_group_specifications table {
  table-layout: fixed;
}

.view-product-listings-by-node .flex-direction-nav a {
  font-size: 0;
  padding-top: 10px;
  text-decoration: none !important;
}
.view-product-listings-by-node .flex-direction-nav a:before {
  font-size: 40px;
  display: block;
  top: 0;
}

.horizontal-tabs {
  margin-top: 1em;
}

.horizontal-tabs-list {
  float: left;
  width: 100%;
  height: auto;
  clear: both;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.horizontal-tabs-list li {
  background: #e6e6e6;
  float: left;
  /* LTR */
}
.horizontal-tabs-list li.selected {
  background-color: #ffd600;
}
.horizontal-tabs-list li a {
  display: block;
  text-decoration: none;
  color: #565656;
  padding: 0.5em 1em;
}
.horizontal-tabs-list li a:focus, .horizontal-tabs-list li a:active, .horizontal-tabs-list li a:hover, .horizontal-tabs-list li a:visited {
  outline: none;
}
.horizontal-tabs-list li:focus, .horizontal-tabs-list li:active, .horizontal-tabs-list li:hover, .horizontal-tabs-list li:visited {
  outline: none;
}
.horizontal-tabs-list .summary {
  display: block;
  line-height: normal;
  margin-bottom: 0;
}

.horizontal-tabs-panes {
  float: left;
  clear: both;
  width: 100%;
  background: white;
  padding: 0 0 1em 0;
}

fieldset.horizontal-tabs-pane {
  padding: 1em;
  margin: 0;
  border: 0;
}

.horizontal-tabs-pane > legend {
  display: none;
}

div.field-group-htabs-wrapper .field-group-format-wrapper {
  clear: both;
}

/*hide*/
.horizontal-tabs .horizontal-tab-hidden {
  display: block;
  position: absolute;
  top: -100000px;
  width: 100%;
}

.fielded-tabs {
  float: left;
  width: 100%;
  position: relative;
  margin: 0 0 1.57143em 0;
  padding: 0;
}
.fielded-tabs li {
  float: left;
  display: block;
}
.fielded-tabs input[type="radio"] {
  position: absolute;
  display: none;
}
.fielded-tabs .field-system-tab-title {
  font-weight: bolder;
  display: block;
  background: #e6e6e6;
  padding: 0.5em 1em;
  cursor: pointer;
  position: relative;
}
.fielded-tabs .field-system-tab-title:hover {
  background: #ffd600;
}
.fielded-tabs .field-system-tab-title + h2, .fielded-tabs .horizontal-tabs-pane > .field-system-tab-title + legend {
  display: none;
}
.fielded-tabs .field-system-tab-content {
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 2.5em;
  left: 0;
}
.fielded-tabs [id^="tab"]:checked + .field-system-tab-title {
  top: 0;
  background: #ffd600;
}
.fielded-tabs [id^="tab"]:checked ~ [class*="tab-content"] {
  display: block;
}

* html {
  font-size: 87.5%;
}

html {
  font-size: 14px;
  line-height: 1.57143em;
}

::selection,
::-moz-selection {
  background: #ffd600;
}

@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?38411230");
  src: url("../font/fontello.eot?38411230#iefix") format("embedded-opentype"), url("../font/fontello.woff?38411230") format("woff"), url("../font/fontello.ttf?38411230") format("truetype"), url("../font/fontello.svg?38411230#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Roboto", Arial, sans-serif;
  background-color: #f1f2f2;
  color: #565656;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  -webkit-tap-highlight-color: rgba(255, 214, 0, 0.6) !important;
  overflow-x: hidden;
  background-attachment: fixed;
  background-size: cover;
}

hr {
  background: #c6c6c6;
  border: none;
  height: 1px;
}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea {
  background: white;
  border: 1px solid #c6c6c6;
  font-size: 14px;
  padding: 0.25em 0.25em;
  font-family: "Roboto", Arial, sans-serif;
  color: #565656;
  margin: 0.25em 0;
}

body select, body select.form-select {
  border: 1px solid #c6c6c6;
  font-size: 16px;
  padding-left: 0.25em;
  padding-bottom: 0.25em;
  padding-top: 0.25em;
  font-family: "Roboto", Arial, sans-serif;
  color: #565656;
  margin: 0.25em 0;
  width: 100%;
}

h1, h2, .horizontal-tabs-pane > legend, h3, h4, h5, h6 {
  font-family: "Roboto Slab", "Roboto", Arial, sans-serif;
  margin: 0;
}
h1 a, h2 a, .horizontal-tabs-pane > legend a, h3 a, h4 a, h5 a, h6 a {
  color: #565656;
}

html {
  font-size: 16px;
}

h1, h2, .horizontal-tabs-pane > legend, h3, h4 {
  text-transform: normal;
}

h1, h2, .horizontal-tabs-pane > legend, h3, h4, h5 {
  font-family: "Roboto", Arial, sans-serif;
}

h1 {
  font-size: 2.42857em;
  line-height: 1.29412em;
}

h2, .horizontal-tabs-pane > legend {
  font-size: 1.6em;
  line-height: 1.47321em;
  font-weight: 600;
}
h2.pane-title:not(.collapsible-handle), .horizontal-tabs-pane > legend.pane-title:not(.collapsible-handle) {
  margin-bottom: 1rem;
}

h3 {
  font-size: 1.4em;
  line-height: 1.68367em;
  font-weight: 400;
}

h4 {
  font-size: 1.28571em;
  line-height: 1.22222em;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 0.78571em;
  line-height: 2em;
}

a {
  text-decoration: none;
  color: #00657f;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #003c4c;
}
a:focus {
  color: #003c4c;
}
a:hover {
  color: #00657f;
}
a:active {
  color: #003c4c;
}

ul {
  margin: 0 0 1em 0;
}

p {
  margin: 0 0 1.57143em 0;
  font-size: 16px;
}

fieldset {
  border: 1px solid #c6c6c6;
  margin-bottom: 1rem;
}

figure {
  margin: 0;
  padding: 0;
}
figure a, figure img {
  display: block;
}

table {
  width: 100%;
  border-collapse: collapse;
}

thead {
  color: #161616;
  text-align: left;
}

td, th {
  padding: 0.5em;
}

.text-color--white,
.text-color--white * {
  color: white;
}

.text-color--black,
.text-color--black * {
  color: black;
}

.fluid-video-container,
.fluid-video-container--letterbox {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 35px;
  margin-bottom: 1em;
  overflow: hidden;
}
.fluid-video-container iframe,
.fluid-video-container--letterbox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fluid-video-container--letterbox {
  padding-bottom: 75%;
}

.block-gtranslate {
  position: relative;
  float: left;
}
.block-gtranslate header {
  visibility: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -300;
}

.breadcrumb {
  position: relative;
  padding: 0 1em;
  margin: 10px 0;
  color: #565656;
}
.breadcrumb:after, .breadcrumb:before {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: inherit;
}
.breadcrumb:before {
  left: -100%;
}
.breadcrumb:after {
  right: -100%;
}
.breadcrumb a {
  color: inherit;
}
.breadcrumb .delimiter {
  text-align: center;
  display: inline-block;
  color: transparent;
  width: 1.4em;
  height: 15px;
  overflow: hidden;
  font-size: 9px;
  margin: 0 1.1em;
}
.breadcrumb .delimiter:before {
  color: #565656;
}

.front .easy-breadcrumb {
  background: transparent;
}

.webform-component-markup {
  margin: 0.5em 0 1em;
}

#block-domain-switcher h2, #block-domain-switcher .horizontal-tabs-pane > legend {
  display: none;
}
#block-domain-switcher ul {
  margin: 0.3em 0 0 0;
}
#block-domain-switcher ul li {
  font-family: "Roboto Condensed";
  display: inline-block;
  margin-right: .8em;
  padding: 4px 8px 4px 8px;
}
#block-domain-switcher ul li.active {
  background-color: white;
}

.panel-has-image {
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 880px) {
  .panel-has-image {
    background-image: none !important;
  }
}

h1, h2, .horizontal-tabs-pane > legend, h3, h4, .node-office .adr[itemprop="name"] {
  text-transform: normal;
}

.white-box2 {
  padding-left: 17px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
  background: white;
  color: #565656;
  text-align: left;
  width: 100%;
  margin-bottom: 0px;
}

/* This is a test for a new white box to be used with smart trim */
.white-box3 {
  padding-left: 17px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
  background: white;
  color: #565656;
  text-align: left;
  width: 100%;
  margin-bottom: 0px;
}

.white-box4 {
  padding-left: 20px;
  padding-top: -5px;
  padding-right: 20px;
  padding-bottom: 10px;
  margin-bottom: -18px;
  background: white;
  color: #565656;
  font-size: 16px;
  text-align: left;
  width: 100%;
}

.form-item.webform-component > label {
  display: initial !important;
}

html {
  margin: 0 !important;
  padding: 0 !important;
  background-color: white;
}

body {
  padding: 10pt;
  margin: 0;
  border: 0;
  color: black;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 8pt;
  line-height: 1.5;
  background: transparent;
}

h1, h2, .horizontal-tabs-pane > legend, h3, h4, h5, h6 {
  font-family: "Roboto Slab", "Roboto", Arial, sans-serif;
}

@page {
  padding-top: 100px;
  margin: 5cm;
}

header {
  height: 5cm;
  margin-bottom: 40px;
}

header:before {
  display: block;
  content: "";
  margin-bottom: 10px;
}

hr {
  color: #000;
  background-color: #000;
  height: 1px;
  border: 0;
  margin: 2em 0;
}

p {
  font-size: 8pt;
  page-break-inside: avoid;
  padding: 0.78571em 0 0;
  margin: 0;
}

ul {
  margin: 0;
  padding: 1.57143em 0 0.78571em 1.3em;
}

h3 {
  font-family: "Roboto Slab", "Roboto", Arial, sans-serif;
  font-weight: 700;
  page-break-after: avoid;
  text-transform: uppercase;
  color: black;
  padding-top: 1em;
}

.horizontal-tabs .horizontal-tab-hidden {
  position: inherit !important;
  top: auto !important;
}

.webform-client-form,
.node-webform {
  display: none !important;
}

.element-invisible {
  display: none;
}

.field-basket-products + .field-basket-products {
  page-break-before: always;
  padding-top: 4em;
}

.node-product {
  overflow: visible !important;
}
.node-product.view-mode-print + .view-mode-print {
  page-break-before: always;
}
.node-product > aside, .node-product > .field-collection-container {
  margin-bottom: 2em;
}
.node-product .field-product-code,
.node-product .field-title,
.node-product .field-body {
  text-align: center;
  color: #000;
}
.node-product .field-systems {
  display: none;
}
.node-product .field-product-code {
  display: block;
  font-size: 14pt;
}
.node-product > .field-title h2, .node-product > .field-title .horizontal-tabs-pane > legend {
  font-size: 20pt;
  margin-bottom: 0;
  padding-bottom: 0;
}
.node-product .field-body {
  font-size: 10pt;
}
.node-product .field-body p {
  padding: 0.78571em 0;
}
.node-product .field-box {
  margin: 0.78571em 0 0;
  padding: 0;
}
.node-product .description-wrapper {
  page-break-inside: avoid;
  padding-top: 0.78571em;
}
.node-product .group-tech-dim-wrapper {
  page-break-inside: avoid;
  padding-top: 0.78571em;
}
.node-product .group-visuals {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding-bottom: 0.78571em;
  margin-top: 0.78571em;
}
.node-product .field-image {
  float: left;
  width: 50%;
  text-align: center;
  margin-top: 3px;
}
.node-product .field-image + .group-features {
  float: left;
  width: 45%;
}
.node-product .group-features {
  padding-top: 2em;
  padding-top: 1em;
}
.node-product .group-features .field-features {
  float: none;
}
.node-product .group-features .field-title {
  vertical-align: top;
}
.node-product .group-features h5 {
  margin: 0.5em 0.25em;
}
.node-product .group-spec-wrapper {
  page-break-inside: avoid;
  margin-top: 1em;
}
.node-product .field-collection-view {
  padding: 0;
}
.node-product tr, .node-product th {
  page-break-inside: avoid;
}
.node-product table {
  margin-bottom: 0;
  overflow: visible !important;
}
.node-product tr th:first-child,
.node-product tr td:first-child {
  width: 35%;
}
.node-product th {
  padding-top: 1em;
  padding-bottom: 0.3em;
  border-bottom: 2px solid #c6c6c6;
  color: black;
  text-transform: uppercase;
}
.node-product td {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #c6c6c6;
  color: black;
}
.node-product .ds-left,
.node-product .related-product {
  text-align: center;
}
.node-product .field-product-accessories-view {
  page-break-inside: avoid;
  margin-top: 3em;
}
.node-product .field-product-accessories-view .view-content {
  margin-top: 1em;
}
.node-product .field-product-accessories-view div.related-product {
  float: left;
}
.node-product .field-product-accessories-view div.related-product img {
  height: 12em;
  width: auto;
}

.print-logo {
  text-align: center;
  max-width: 80%;
  height: auto;
  margin: 0 auto;
}

figure img {
  display: inline;
}

.horizontal-tabs-list {
  display: none;
}

.horizontal-tabs-pane > legend {
  display: block;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

.field-features {
  float: left;
  display: block;
  margin: 0 5pt;
}

.field-features .field-icon {
  display: inline;
}