/*
Theme Name: Fade Ceilings
Theme URI: http://fadeceilings.com/
Author: Spicy Web
Author URI: https://spicyweb.dk/
Description: Design for Fade Ceilings
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fadeceil
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 */

/* This stylesheet generated by Transfonter (http://transfonter.org) on February 3, 2017 2:05 PM */

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

@font-face {
	font-family: 'Seravek';
	src: url('font/Seravek-BoldItalic.eot');
	src: url('font/Seravek-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('font/Seravek-BoldItalic.woff') format('woff'),
		url('font/Seravek-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Seravek';
	src: url('font/Seravek-LightItalic.eot');
	src: url('font/Seravek-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('font/Seravek-LightItalic.woff') format('woff'),
		url('font/Seravek-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

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

@font-face {
	font-family: 'Seravek';
	src: url('font/Seravek-ExtraLightItalic.eot');
	src: url('font/Seravek-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
		url('font/Seravek-ExtraLightItalic.woff') format('woff'),
		url('font/Seravek-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}

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

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

@font-face {
	font-family: 'Seravek';
	src: url('font/Seravek-MediumItalic.eot');
	src: url('font/Seravek-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('font/Seravek-MediumItalic.woff') format('woff'),
		url('font/Seravek-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

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

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


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	/*font-style: inherit;*/
	/*font-weight: inherit;*/
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style-position: outside;
        margin-left: 20px;
}

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

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

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a {
   cursor: pointer;
}

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

a img {
	border: 0;
}


/**
 * 2.0 - Genericons
 */

.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}

/************/
/* MAIN CSS */
/************/
html {
  height: 100%;
}
body {
  height: 100%;
}

body {
   font-size: 12px;
   font-weight: lighter;
   line-height: 21px;
   margin: 0;
   vertical-align: baseline;
}

body,h3,h4,h5,h6,p,a,ul,li,span,input,textarea,button{
	font-family: "Seravek", "Helvetica Neue", Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-style: normal;
}
h1, h2 { 
	font-family: "Seravek", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 700; 
	font-style: normal; 
	line-height: 1.4em;
      margin-bottom: 0.9em;
}
h3,h4,h5,h6 {
    line-height: 1.2em;
    font-weight: 700;
}

p {
   margin-bottom: 20px;
}

.main-container {
   min-height: calc(100vh - 500px);
   position: relative;
}

.page-content {
   position: relative;
}

.outer-wrap {
   width: 100%;
}

.inner-wrap,
.inner-flex-wrap {
   max-width: 1000px;
   margin: 0 auto;
   position: relative;
}
.inner-flex-wrap {
   display: flex;
   flex-wrap: wrap;
}
.content-wrap {
   max-width: 1000px;
   margin: 0 auto;
   position: relative;
}

.clearfix:before, .clearfix:after, .inner-wrap:before, .inner-wrap:after, .outer-wrap:before, .outer-wrap:after, .content-wrap:before, .content-wrap:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after, .inner-wrap:after, .outer-wrap:after, .content-wrap:after { clear: both; }  
.clearfix, .inner-wrap, .outer-wrap, .content-wrap { zoom: 1; }

.btn {
   text-align: center;
   padding: 0px 9px;
   width: 142px;
   font-size: 17px;
   line-height: 40px;
   height: 40px;
   transition: all 0.3s ease 0s;
   text-decoration: none;
   border: 2px solid transparent;
}
.btn,
input[type=button],
input[type=submit],
button {
   -webkit-appearance: none;
}
.green-cta-btn {
   background: #9ca87a;
   color: #fff;
   font-size: 16px;
   height: 40px;
   line-height: 40px;
   display: block;
   text-transform: uppercase;
   
}

.seperator {
   content: " ";
   width: 60%;
   height: 1px;
   background: #000;
   top: 0px;
   left: 50%;
   margin-left: -30%;
   position: absolute;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #888;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #888;
}
:-moz-placeholder { /* Firefox 18- */
  color: #888;
}

/*.main-container {
   padding-bottom: 100px;
}*/

/* Top bar */
.top-bar {
   /*background: #f8f8f8;*/
   padding: 50px 0;
}
.home .top-bar > .inner-wrap {
   /*width: 1600px;*/
}
.top-bar .logo {
   float: left; /* TODO: Use Flexbox if possible according to browser use */
   vertical-align: top;
   text-decoration: none;
}
.top-bar .logo img {
   height: auto;
   max-height: 55px;
   margin-top: 5px;
}

/* Main menu */
.main-menu {
   margin-top: 30px;
   float: right;
}
.main-menu ul {
   float: right;
   list-style-type: none;
   font-size: 18px;
   margin: 0;
   padding: 0;
   border-left: 1px solid transparent;
   border-top: 1px solid #000;
}
.main-menu ul li {
   float: left;
   position: relative;
}
.main-menu ul li a {
   display: block;
   text-decoration: none;
   text-transform: uppercase;
   padding: 10px;
   color: #000;
   font-weight: 300;
   position: relative;
}
.main-menu ul li a:hover {
   font-weight: lighter;
}
.main-menu ul > li:first-child a {
   padding-left: 0;
}
.main-menu ul > li:last-child a {
   padding-right: 0;
}
.main-menu ul li:hover > .sub-menu {
   display: block;
}
.main-menu .sub-menu {
   position: absolute;
   z-index: 1;
   left: -1px;
   display: none;
   background: #fff;
   min-width: 170px;
}
.main-menu .sub-menu > li {
   float: none;
   border-bottom: 1px solid #fff;
}
.main-menu .sub-menu > li > a {
   border-right: 0;
   padding: 20px;
   /*color: #fff;*/
   white-space: nowrap;
}
.main-menu .sub-menu > li:first-child > a,
.main-menu .sub-menu > li:last-child > a {
   padding: 20px;
}
.main-menu .menu > .wpml-ls-item > .sub-menu {
    min-width: 0;
}
.main-menu .wpml-ls-item .sub-menu li > a {
   padding: 10px;
}
/*.main-menu .wpml-ls-item .sub-menu li.wpml-ls-item-fr {
   display: none !important; 
}*/

.mobile-menu,
#mobileMenuIcon {
   display: none;
}

/* Frontpage */
.front-top-image {
   height: 700px;
   position: relative;
   background-position: center center;
   background-size: cover;
}
.front-top-image img {
   display: block;
   position: absolute;
   top: 100%;
   left: 0%;
   margin-top: -180px;
   margin-left: -180px;
   display: none;
}
.front-top-image-small {
   width: 100%;
   max-width: 1000px;
   max-height: 570px;
   overflow: hidden;
   position: relative;
}
.front-top-image-small img {
   max-width: 85%;
   margin-left: 15%;
   height: auto;
}
.front-top-image-small .front-top-badge {
   background: #313131;
   background: rgba(49,49,49,.57);
   min-width: 320px;
   width: auto;
   display: inline-block;
   height: 150px;
   position: absolute;
   left: 0px;
   bottom: 80px;
   right: auto;
   padding: 50px 20px 20px;
   color: #fff;
}
.page-id-10564 .front-top-image-small .front-top-badge {
   padding-top: 30px;
}
.case-study .front-top-image-small .front-top-badge {
   bottom: 30px;
   font-size: 11px;
   line-height: 1.2em;
   padding: 70px 10px 20px;
   display: none;
   right: auto;
}
.front-top-image-small .front-top-badge p {
   font-weight: lighter;
   font-size: 19px;
   line-height: 1.3em;
   margin-bottom: 0px;
}
.front-top-image-small .front-top-badge p span {
   font-weight: lighter;
   line-height: 1.4em;
}
.front-top-image-small .front-top-buttons {
   height: 35px;
   width: 320px;
   bottom: 35px;
   left: 0px;
   position: absolute;
}
.front-top-image-small .front-top-buttons a {
   height: 35px;
   line-height: 35px;
   font-size: 14px;
   font-weight: lighter;
   color: #fff;
   display: inline-block;
   text-decoration: none;
   text-align: center;
   position: absolute;
   width: 100%;
   background: #b3bbb6;
}
.front-top-image-small .cradle2cradle-logo {
   position: absolute;
   right: 20px;
   bottom: 20px;
   width: 77px;
   height: 75px;
}
.front-top-image .front-image-arrow,
.front-top-image-small .front-image-arrow {
   font-size: 50px;
   position: absolute;
   bottom: 20px;
   left: 50%;
   margin-left: -25px;
   animation: FrontImageArrowMoveUpDown 1s linear infinite;
}
@keyframes FrontImageArrowMoveUpDown {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
  100% {
    bottom: 0;
  }
}
.front-top-badge {
   position: absolute;
   right: 0;
   left: 0;
   bottom: 250px;
}
.front-top-badge > .inner-wrap {
   padding-right: 20px;
}
.front-top-badge h1 {
   margin: 0;
   font-size: 28px;
   font-weight: lighter;
   line-height: 1em;
   padding-top: 5px;
}
.front-top-badge h1 span {
   font-weight: 300;
}
@media (max-width: 991px) {
  .front-top-badge h1 {
    font-size: 25px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .front-top-badge h1 {
    font-size: 20px;
    line-height: 40px;
  }
}

@media (max-width: 1024px) {
   .top-bar .logo img {
      max-width: 90px;
   }
   .main-menu {
      margin-top: 10px;
   }
   .main-menu .menu > .wpml-ls-item {
      width: 117px;
   }
   .main-menu .menu > .wpml-ls-item > a {
      padding-right: 10px;
   }
   .main-menu .menu > .wpml-ls-item > a,
   .main-menu .menu > .wpml-ls-item > .sub-menu {
      float: left;
   }
   .main-menu .menu > .wpml-ls-item > .sub-menu {
      display: block;
      position: relative;
      left: auto;
      border-top: 0;
      width: 78px;
      min-width: 0px;
   }
   .main-menu .menu > .wpml-ls-item > .sub-menu > li {
      float: left;
   }
   
   .front-top-image {
      height: 400px;
   }
}

@media (max-width: 736px) {
   .front-top-image {
      height: 300px;
   }
}

.front-top-feature {
   margin: 35px auto 0;
   position: relative;
   background: #e5e5de;
}
.front-top-feature .feature-text-video {
   margin-top: 60px;
   margin-bottom: 20px;
   padding: 40px 0 0;
   border-top: #d7d7d7 1px solid;
   position: relative;
   height: 540px;
}
.front-top-feature .feature-text-video .feature-text {
   width: 50%;
   max-width: 470px;
   position: absolute;
   left: 0px;
   bottom: 0px;
   z-index: 2;
}
.front-top-feature .feature-text-video .fade-video {
   height: 500px;
   width: 730px;
   /*background: #fff;*/
   position: absolute;
   right: 0;
   top: 40px;
   z-index: 1;
}
.front-top-feature .feature-text-video .fade-video video,
.front-top-feature .feature-text-video .fade-video > img {
   max-width: 100%;
   height: 100%;
}
.front-top-feature .feature-text-video .fade-video > img {
   display: none;
}
.front-top-feature .feature-text-video p {
   font-size: 13px;
   line-height: 1.4em;
   font-weight: lighter;
}
.front-top-feature h2 {
   font-weight: lighter;
   font-size: 24px;
   padding-bottom: 15px;
   margin: 0 0;
   position: relative;
   text-transform: uppercase;
}
.front-top-feature ul {
   position: relative;
   bottom: -120px;
   list-style-type: none;
   margin-left: 0;
   display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
   display: -ms-flexbox;  /* TWEENER - IE 10 */
   display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
   display: flex;
   justify-content: space-around;
   overflow: hidden;
}
.front-top-feature ul li {
   width: 260px;
   padding: 45px 65px 65px;
   font-weight: lighter;
   font-size: 12px;
   line-height: 1.4em;
   text-align: center;
   background-color: #333;
   color: #e5e5de;
}
.front-top-feature ul li img {
   display: block;
   margin: 0 auto;
}
.front-top-feature ul li span {
   display: block;
   padding: 20px 0 15px;
   font-size: 13px;
}

.product-list {
   background: #232323;
   padding: 160px 0 90px;
}
.product-list.request-sample {
   padding: 0;
   background: transparent;
}
.page-template-page-products .product-list {
   background: #e5e5de;
   padding: 40px 0;
   min-height: calc(100vh - 172px - 154px - 500px);
}
.product-list .product-list-headline {
   height: 125px;
   position: relative;
}
.product-list h2 {
   display: block;
   position: relative;
   font-size: 24px;
   color: #fff;
   text-align: center;
   border-bottom: 1px solid #fff;
   font-weight: 100;
   padding-bottom: 20px;
}
.product-list ul {
   display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
   display: -ms-flexbox;  /* TWEENER - IE 10 */
   display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
   display: flex;
   -webkit-flex-direction: column; /* Safari 6.1+ */
   flex-direction: column; 
   -webkit-justify-content: center;
   justify-content: center;
   list-style-type: none;
   margin: 0;
   padding: 0;
   align-items: center;
}
.product-list.request-sample ul {
   -webkit-flex-direction: row; /* Safari 6.1+ */
   flex-direction: row; 
   justify-content: space-between;
   align-items: stretch;
   flex-wrap: wrap;
}
.product-list ul.not-stacked {
   -webkit-flex-direction: row; /* Safari 6.1+ */
   flex-direction: row;
}
.home .product-list ul.not-stacked,
.page-template-page-products .product-list ul.not-stacked {
   -webkit-justify-content: space-between;
   justify-content: space-between;
}
.product-list ul li {
   position: relative;
   margin: 10px 0;
}
.product-list.request-sample ul li {
   margin: 0;
   width: 49%;
   background: #232323;
   padding: 20px;
   border-radius: 5px;
}
.product-list.request-sample ul li.empty {
   background: transparent;
}
.product-list.request-sample.special-sample-types h3 {
   text-align: left;
   padding: 25px 0 10px;
   font-size: 24px;
}
.product-list.request-sample.special-sample-types h3:first-of-type {
   padding-top: 0;
}
.product-list.request-sample.special-sample-types ul li {
   width: 32%;
}
.product-list.request-sample.special-sample-types ul li:nth-child(4),
.product-list.request-sample.special-sample-types ul li:nth-child(5),
.product-list.request-sample.special-sample-types ul li:nth-child(6) {
   margin: 20px 0;
}
.product-list ul li > div.product-sample {
   float: left;
}
.product-list.request-sample ul li > div.product-sample {
   float: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
}
.product-list.request-sample ul li > div.product-sample .sample-type-heading {
   font-size: 20px;
   color: #fff;
   display: block;
   font-weight: 100;
   margin: 0 auto;
}
.product-list.request-sample.special-sample-types ul li > div.product-sample > img {
   display: block;
   margin: 10px auto;
}
.product-list.request-sample.special-sample-types ul li > div.product-sample > .product-sample-image-dummy-text {
   height: 180px;
   width: 180px;
   margin: 10px auto;
   color: #fff;
   /*text-align: left;*/
   display: flex;
   align-items: center;
   font-size: 16px;
}
.product-list ul li .product-surface {
   position: relative;
   width: 330px;
   height: 330px;
   float: left;
   overflow: hidden;
}
.product-list.request-sample.special-sample-types ul li > div.product-sample .sample-type-products {
   display: flex;
   /*color: #fff;*/
   justify-content: center;
   width: 100%;
}
.product-list.request-sample.special-sample-types ul li > div.product-sample .sample-type-products label {
   /*width: 50%;*/
   text-align: left;
   font-size: 18px;
   color: #fff;
   line-height: 20px;
   display: flex;
   align-content: center;
   padding: 0 10px;
}
.product-list ul.not-stacked li .product-surface {
   width: 300px;
   height: 300px;
}
body.home .product-list ul.not-stacked li .product-surface,
.page-template-page-products .product-list ul.not-stacked li .product-surface {
   width: 280px;
   height: 280px;
}
.product-list ul li .product-surface .product-name {
   font-size: 35px;
   color: #fff;
   background: #4d4e4c;
   background: rgba(77,78,76,0.79);
   height: 40px;
   line-height: 40px;
   padding: 0 10px;
   text-align: center;
   left: 30px;
   bottom: 85px;
   position: absolute;
   font-weight: 100;
   text-transform: uppercase;
}
.product-list ul.not-stacked li .product-surface .certified-logos {
   position: absolute;
   right: 10px;
   bottom: 5px;
}
.product-list ul.not-stacked li .product-surface .certified-logos img {
   display: inline-block;
   margin-left: 3px;
   width: 50px;
   height: 49px;
}
.product-list ul li .product-surface img {
   max-width: 100%;
   height: auto;
}
.product-list ul li .product-surface img.attachment-product-surface-front {
   width: 100%;
}
.product-list.request-sample ul li .product-surface {
   width: 225px;
   height: 225px;
   float: none;
}
.product-list ul li .product-surface img:first-of-type {
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
}
.product-list ul li .product-surface:hover > img:first-of-type {
   -ms-transform: scale(1.1);;
   -moz-transform: scale(1.1);;
   -webkit-transform: scale(1.1);;
   -o-transform: scale(1.1);;
   transform: scale(1.1);;
}
.product-list ul li .product-surface .fade-logo {
   position: absolute;
   bottom: 130px;
   left: 30px;
}
.product-list ul li .surface-info {
   width: 205px;
   height: 330px;
   margin-right: 10px;
   background: #333;
   float: left;
   padding: 20px;
   color: #fff;
   line-height: 1.2em;
   font-size: 13px;
   position: relative;
}
.product-list ul.not-stacked li .surface-info {
   height: 300px;
   width: 185px;
   padding: 20px 10px;
}
body.home .product-list ul.not-stacked li .surface-info,
.page-template-page-products .product-list ul.not-stacked li .surface-info {
   width: 205px;
   height: 280px;
   padding: 25px;
}
.product-list ul li .product-sample .surface-info {
   padding-top: 0;
   text-align: left;
   font-size: 14px;
}
.product-list.request-sample ul li .surface-info {
   height: auto;
   width: 100%;
   background: transparent;
   padding: 0px;
   margin-top: 5px;
   margin-right: 0;
   float: none;
}
.product-list ul li .surface-info span {
   font-weight: 100;
   display: block;
}
.product-list ul li .surface-info .surface {
   display: block;
   font-weight: lighter;
   font-size: 15px;
}
body.home .product-list ul li .surface-info .surface,
.page-template-page-products .product-list ul li .surface-info .surface{
   margin-bottom: 20px;
}
.product-list ul li .surface-info .surface:first-letter {
   text-transform: uppercase;
}
.product-list ul li label .surface-info .surface {
   text-transform: capitalize;
   font-size: 16px;
}
.product-list.request-sample ul li div.product-sample .product-surface .surface {
   font-size: 26px;
   text-transform: capitalize;
   display: block;
   font-weight: lighter;
   position: absolute;
   top: 10px;
   left: 10px;
}
.product-list ul li .surface-info .surface-description {
   display: block;
   margin: 15px 0 0;
}
.product-list ul li .surface-info > a {
   display: block;
   position: absolute;
   bottom: 50px;
   left: 20px;
   right: 20px;
   padding: 0 7px;
   height: 23px;
   line-height: 23px;
   text-transform: uppercase;
   text-decoration: none;
   text-align: center;
   font-size: 12px;
   color: #010101;
   font-weight: 100;
   background: #e5e5de;
   padding-top: 2px;
}
.product-list ul li .surface-info > a:last-child {
   bottom: 20px;
}
.product-list ul.not-stacked li .surface-info a {
   left: 10px;
   bottom: 40px;
   right: 30px;
}
.product-list ul.not-stacked li .surface-info > a:last-child {
   bottom: 10px;
}
body.home .product-list ul.not-stacked li .surface-info > a:last-child,
.page-template-page-products .product-list ul.not-stacked li .surface-info > a:last-child {
   bottom: 25px;
   left: 25px;
   border-radius: 5px;
   line-height: 22px;
}
.product-list.request-sample .surface-colours {
   color: #fff;
   font-size: 18px;
   width: 190px;
   text-align: left;
   padding-left: 10px;
   position: relative;
}
.product-list.request-sample .surface-colours .custom-color-explain {
   display: block;
   font-size: 10px;
   line-height: 14px;
   position: absolute;
   bottom: 40px;
}
.product-surfaces {
   margin-bottom: 40px;
}
.product-surfaces h2 {
   font-weight: lighter;
   font-size: 24px;
   padding-bottom: 15px;
   margin: 0 0 25px;
   text-align: center;
   position: relative;
   text-transform: uppercase;
   border-bottom: #d7d7d7 1px solid;
   color: #fff;
}
.product-surfaces ul {
   list-style-type: none;
   margin: 0;
   background: #fafafa;
   padding: 35px;
}
.product-surfaces li {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   position: relative;
   padding: 10px 0 30px;
}
.product-surfaces li:last-child {
   padding-bottom: 0;
}
.product-surfaces li > div {
   position: relative;
}
.product-surfaces li div .product-name {
   position: absolute;
   width: 100%;
   text-align: center;
   font-size: 23px;
   height: 30px;
   line-height: 30px;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -15px;
   font-size: 23px;
   font-weight: lighter;
}
.product-surfaces li .surface-info {
   font-size: 14px;
   line-height: 1.3em;
   font-weight: lighter;
   position: relative;
   height: 280px;
   width: 280px;
   display: block;
}
.product-surfaces li .surface-info span {
   display: block;
   font-weight: lighter;
}
.product-surfaces li .surface-info .surface-description {
   display: block;
   height: 160px;
}
.product-surfaces li .surface-info a {
   display: block;
   width: 100%;
   background: #9ca87b;
   color: #fff;
   text-transform: uppercase;
   line-height: 35px;
   height: 35px;
   font-size: 18px;
   font-weight: lighter;
   text-align: center;
   text-decoration: none;
   position: absolute;
   bottom: 0;
}

.wva {
   margin-bottom: 80px;
   background: #eeeeee;
   padding: 50px 0 100px;
}
.wva h2 {
   font-weight: lighter;
   font-size: 26px;
   padding-bottom: 15px;
   margin: 0 0 75px;
   text-align: center;
   position: relative;
   text-transform: uppercase;
   border-bottom: #d7d7d7 1px solid;
}
.wva .row {
   display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
   display: -ms-flexbox;  /* TWEENER - IE 10 */
   display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
   display: flex;
   align-items: center;
   justify-content: space-around;
   padding: 20px;
}
.wva .row .wwa-row-image,
.wva .wwa-text {
   width: 47%;
}
.wva .row .wwa-row-image {
   overflow: hidden;
}
.wva .row .wwa-row-image img {
   width: 100%;
   height: auto;
   display: block;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
}
.wva .row .wwa-row-image:hover img {
   -ms-transform: scale(1.1);;
   -moz-transform: scale(1.1);;
   -webkit-transform: scale(1.1);;
   -o-transform: scale(1.1);;
   transform: scale(1.1);;
}
.wva .wwa-text,
.wva .wwa-text p {
   font-size: 13px;
   font-weight: lighter;
}

.references-projects h2 {
   font-weight: lighter;
   font-size: 26px;
   text-transform: uppercase;
   margin: 60px 0 50px;
   text-align: center;
   position: relative;
}
.references-projects h2:before {
   content: "";
   position: absolute;
   height: 2px;
   background: #000;
   width: 80px;
   top: -10px;
   left: 50%;
   margin-left: -40px;
}
.home .references-projects h2 {
   font-weight: lighter;
   font-size: 26px;
   padding-bottom: 15px;
   margin: 0 auto 25px;
   text-align: center;
   position: relative;
   text-transform: uppercase;
   border-bottom: #d7d7d7 1px solid;
}
.home .references-projects h2:before {
   content: none;
}

/* CASE STUDY TEMPLATE */
.case-study-body {
   font-size: 16px;
   padding-top: 60px;
   padding-bottom: 30px;
}
.case-study-body .column {
   float: left;
}
.case-study-body .column {
   width: 60%;
   padding-right: 8%;
}
.case-study-body .case-study-facts {
   float: right;
   width: 40%;
   margin: 0;
}
.case-study-body .case-study-facts ul {
   list-style-type: none;
   margin: 0;
   padding: 40px;
   border: 1px solid #777777;
}
.case-study-body .case-study-facts li {
   padding-bottom: 20px;
   font-size: 18px;
   font-weight: lighter;
}
.case-study-body .case-study-facts li:first-child {
   padding-bottom: 40px;
   font-weight: 300;
   text-transform: uppercase;
}
.case-study-body .case-study-facts li:last-child {
   padding-bottom: 0;
}
.case-study-body .case-study-facts li span {
   font-weight: 300;
   padding-right: 10px;
   text-transform: uppercase;
}
.case-study-body .download-cs-pdf-btn {
   height: 50px;
   line-height: 50px;
   text-transform: uppercase;
   background: #b9b8b5;
   text-align: center;
   font-size: 20px;
   color: #000;
   text-decoration: none;
   font-weight: lighter;
   display: block;
   margin-top: 30px;
}
.case-study-body .download-cs-pdf-btn span {
   font-weight: 300;
}
.case-study-body p {
   font-weight: lighter;
}
.case-study-body strong {
   font-weight: 300;
}
.case-study .project-galleries,
.case-study .project-gallery {
   display: block;
}
.case-study .project-galleries {
   padding: 0;
   background: transparent;
   margin-bottom: 30px;
}
.case-study .project-gallery {
   background: #f8f8f8;
   padding-top: 20px;
}
.case-study .gallery-nav {
   display: block;
   list-style-type: none;
   text-align: center;
}
.case-study .gallery-nav li {
   display: inline-block;
   width: 10px;
   height: 10px;
   border: 1px solid #000;
   border-radius: 50%;
   margin: 10px 15px;
   cursor: pointer;
}
.case-study .product-surfaces {
   padding: 60px 0;
   border-top: 2px solid #d7d7d7;
   border-bottom: 2px solid #d7d7d7;
   margin-bottom: 0;
}
.case-study .product-surfaces li {
   padding: 0;
}
.case-study .landingpage-footer {
   max-width: 1000px;
}

/* CONTACT PAGE */
.contact-page-content {
   padding: 30px 0;
   min-height: 800px;
   margin: 0 auto;
}
.contact-page-content h1 {
   font-size: 30px;
   font-weight: lighter;
   margin: 0px;
}

.contact-page-content .contact-intro p {
   font-size: 16px;
}
.contact-page-content .contact-intro p a {
   color: #000;
   font-weight: 100;
}
.contact-page-content .contact-column {
   float: left;
   max-width: 500px;
   width: 50%;
}
.contact-page-content .contact-column .contact-column-field-wrapper.phone .phone-extension,
.contact-page-content .contact-column .contact-column-field-wrapper.phone .phone,
.contact-page-content .contact-column .contact-column-field-wrapper.phone .contact-phone,
.contact-page-content .contact-column .contact-column-field-wrapper.phone .contact-phone-extension {
   float: left;
}
.contact-page-content .contact-column .contact-column-field-wrapper.phone .phone-extension,
.contact-page-content .contact-column .contact-column-field-wrapper.phone .contact-phone-extension {
   max-width: 80px;
   margin-right: 10px;
}
.contact-page-content .contact-column .contact-column-field-wrapper.phone .phone {
   width: calc(100% - 90px);
}
.contact-page-content .contact-column .contact-column-field-wrapper.phone .contact-phone {
   width: calc(100% - 100px);
}
.contact-page-content .contact-fullwidth-column {
   clear: both;
   max-width: 1000px;
   width: 100%;
   padding-bottom: 15px;
}
.contact-page-content .contact-fullwidth-column.product-samples {
   display: block;
}
.contact-page-content .contact-fullwidth-column.product-samples,
.contact-page-content .contact-fullwidth-column.add-product-samples-btn,
.contact-page-content .contact-fullwidth-column.add-special-samples-btn {
   background: #e5e5de;
   padding: 25px;
   margin-bottom: 15px;
   text-align: center;
   font-size: 0;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke {
   background: transparent;
   border: 1px solid #e5e5de;
   position: relative;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .product-list.request-sample ul {
   margin-bottom: 0;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke [name^="productSample"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #222;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke [name^="productSample"]::-moz-placeholder { /* Firefox 19+ */
  color: #222;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke [name^="productSample"]:-ms-input-placeholder { /* IE 10+ */
  color: #222;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke [name^="productSample"]:-moz-placeholder { /* Firefox 18- */
  color: #222;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .wpcf7-form-control-wrap.board-thickness .ui-widget {
   margin-bottom: 15px;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .colorcode-inputs {
   text-align: left;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .colorcode-inputs em {
   font-size: 14px;
   font-weight: lighter;
   line-height: 35px;
}

.colorcode-inputs .inputfields {
   display: flex;
   width: 100%;
}
.colorcode-inputs .inputfields.hidden {
   display: none;
}
.colorcode-inputs .inputfields input[type=text],
.colorcode-inputs .inputfields input[type=number] {
   width: 35px;
   height: 35px;
   text-align: center;
   line-height: 35px;
   background-color: #e5e5de;
   border: 0;
   border-radius: 0;
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0;
   outline: none;
}
.colorcode-inputs .inputfields input[type=text] {
   text-transform: uppercase;
}
.colorcode-inputs .inputfields input.skip-input {
   background: transparent;
   font-size: 14px;
   border: 1px solid #e5e5de;
}
.colorcode-inputs .inputfields input.mandatory:not(.skip-input),
.colorcode-inputs .inputfields input.not-mandatory.not-valid {
   border: 1px solid red;
}
.colorcode-inputs .inputfields input.mandatory.valid,
.colorcode-inputs .inputfields input.not-mandatory.valid {
   border: 1px solid green;
}
.colorcode-inputs .inputfields input[type=number] {
   -moz-appearance: textfield;
}
.colorcode-inputs .inputfields input[type=number]::-webkit-outer-spin-button,
.colorcode-inputs .inputfields input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.colorcode-inputs .inputfields .pretext,
.colorcode-inputs .inputfields .dash-seperator {
   height: 35px;
   text-align: center;
   line-height: 35px;
   margin-right: 5px;
   font-size: 14px;
   padding: 0 5px;
   font-weight: lighter;
}
.colorcode-inputs .inputfields .dash-seperator {
   width: auto;
   padding: 0;
   font-weight: normal;
}
.bespoke-sample-preview {
   display: flex;
   background-color: #e5e5de;
   padding: 20px;
   border-radius: 5px;
   margin-bottom: 25px;
   justify-content: space-between;
}
.bespoke-sample-preview > img,
.bespoke-sample-preview > p {
   width: 49%;
}
.bespoke-sample-preview > p {
   text-align: left;
   /*padding-left: 2%;*/
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke textarea {
   max-width: 100%;
   margin-top: 25px;
   margin-bottom: 0;
   display: block;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke textarea::-webkit-input-placeholder {
   color: #888 !important;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke textarea:-ms-input-placeholder {
   color: #888 !important;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke textarea::-moz-placeholder {
   color: #888 !important;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke textarea:-moz-placeholder {
   color: #888 !important;
}
.contact-page-content .contact-fullwidth-column.add-product-samples-btn,
.contact-page-content .contact-fullwidth-column.add-special-samples-btn {
   color: #232323;
   display: block;
   font-size: 17px;
   font-weight: lighter;
   text-align: left;
   padding: 10px 25px;
   position: relative;
   cursor: pointer;
}
.contact-page-content .contact-fullwidth-column.add-product-samples-btn .ref-expand-icon,
.contact-page-content .contact-fullwidth-column.add-special-samples-btn .ref-expand-icon {
   right: 25px;
}
.contact-page-content .contact-fullwidth-column.product-samples .sample-specs {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding-bottom: 20px;
}
.contact-page-content .contact-fullwidth-column.product-samples .sample-specs > p,
.contact-page-content .contact-fullwidth-column.product-samples .sample-specs > .colorcode-inputs {
   width: 49%;
}
.contact-page-content .contact-fullwidth-column.product-samples .sample-specs.special-sample > p {
   width: 100%;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .field-headline {
   text-align: left;
   font-weight: lighter;
   display: block;
   padding: 10px 0 0px;
   font-size: 15px;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .color-swap > span {
   display: block;
   text-align: left;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .color-swap > span button {
   width: 100%;
   border: 0;
   text-align: center;
   margin-bottom: 5px;
   background: #b1c3ab;
   color: #fff;
   font-size: 15px;
   font-weight: lighter;
   text-transform: uppercase;
   text-decoration: none;
   height: 35px;
   line-height: 35px;
   cursor: pointer;
}
/*.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .color-swap.color-brush-sample {
   padding-bottom: 30px;
}*/
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .color-brush-explainer {
   font-size: 13px;
   line-height: 15px;
   font-weight: lighter;
   text-align: left;
   display: block;
   margin-bottom: 10px;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .optional-wrapper {
   display: flex;
   width: 100%;
   justify-content: space-between;
   margin-bottom: 20px;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .optional-wrapper > p {
   width: 49%;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .optional-wrapper > p.brush-sample-address {
   font-size: 14px;
   text-align: left;
   display: none;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .optional-wrapper > p.brush-sample-address.show {
   display: block;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .color-swap.swap-file {
   display: none;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .color-swap.swap-file-info span {
   font-weight: lighter;
   font-size: 16px;
   height: 35px;
   line-height: 18px;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .color-swap > span label {
   font-weight: lighter;
   font-size: 14px;
}
.contact-page-content .contact-fullwidth-column.product-samples.bespoke .sample-specs .color-swap > span label input[type=checkbox] {
   margin-top: 5px;
}
.contact-page-content .product-samples .sample-specs.bespoke-no {
   padding: 20px 0 0;
}
.contact-page-content .product-samples .sample-specs.bespoke-no input {
   max-width: 100%;
   margin-bottom: 0;
}
.page-template-page-request-sample form,
.page-template-page-request-bespoke-sample form {
   margin-bottom: 60px;
}
.page-template-page-request-bespoke-sample .contact-intro {
   margin-bottom: 60px;
}
/*.bespoke-steps > div {
   display: none;
}
.bespoke-steps > div.visible {
   display: block;
}*/
.bespoke-steps > div .colorchart-links {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.bespoke-steps > div .colorchart-links.other {
   margin-top: 40px;
}
.bespoke-steps > div .colorchart-links > a {
   width: 49%;
   text-align: center;
   margin-bottom: 2%;
   background: #e5e5de;
   color: #000;
   font-size: 18px;
   font-weight: lighter;
   text-transform: uppercase;
   text-decoration: none;
   height: 45px;
   line-height: 45px;
}
.bespoke-steps > div .colorchart-links.other > a {
   background: #b1c3ab;
   color: #fff;
   width: 100%;
}
.bespoke-steps > div .colorchart-links > span {
   width: 49%;
   font-weight: lighter;
   font-size: 16px;
   line-height: 20px;
   padding-bottom: 10px;
}
.bespoke-steps > div .colorchart-links.other > span:first-of-type {
   width: 100%;
}

.product-samples .remove-sample {
   font-size: 16px;
   font-weight: lighter;
   position: absolute;
   top: 25px;
   right: 25px;
   color: #555;
   display: none;
}
.copy-info {
   font-size: 14px;
}
.samples-headline,
.samples-sub-headline,
.wpcf7-acceptance .wpcf7-list-item label span {
   display: block;
   font-size: 17px;
   font-weight: lighter;
   text-align: left;
   line-height: 20px;
}
.wpcf7-acceptance .wpcf7-list-item label span {
   display: inline;
   font-size: 15px;
}
.wpcf7-acceptance .wpcf7-list-item {
   margin-left: 0;
}
.samples-sub-headline {
   font-size: 13px;
   margin-bottom: 25px;
}
.product-sample input[type="checkbox"],
.product-sample input[type="radio"] {
   display: none;
}
.product-sample .sample-checkmark {
   position: absolute;
   bottom: 10px;
   right: 10px;
   height: 30px;
   line-height: 30px;
   width: 30px;
   background: transparent url('gfx/sample-checkmark-ring.svg') no-repeat center top;
   background-size: cover;
}
.product-sample input[type="radio"] + .sample-checkmark:after {
   content: none;
}
.product-sample input[type="checkbox"]:checked + .sample-checkmark:after,
.product-sample input[type="radio"]:checked + .sample-checkmark:after {
   content: " ";
   background: transparent url('gfx/sample-checkmark.svg') no-repeat center top;
   position: absolute;
   top: 0px;
   right: 0px;
   height: 30px;
   line-height: 30px;
   width: 30px;
}
.product-list.request-sample.special-sample-types ul li > div.product-sample .sample-checkmark {
   background: transparent url('gfx/sample-checkmark-ring-white.svg') no-repeat center top;
   position: relative;
   top: auto;
   right: auto;
   bottom: auto;
   display: inline-block;
   height: 20px;
   line-height: 20px;
   width: 20px;
   margin-right: 5px;
}
.product-list.request-sample.special-sample-types ul li > div.product-sample input[type="radio"] + .sample-checkmark:after {
   content: none;
}
.product-list.request-sample.special-sample-types ul li > div.product-sample input[type="radio"]:checked + .sample-checkmark:after {
   content: " ";
   background: transparent url('gfx/sample-checkmark-white.svg') no-repeat center top;
   height: 20px;
   line-height: 20px;
   width: 20px;
}
.contact-page-content form p,
.training-contact-form-section form p {
   margin: 0;
}
.contact-page-content form input[type=text],
.contact-page-content form input[type=email],
.contact-page-content form input[type=submit],
.contact-page-content form input[type=file],
.contact-page-content form textarea,
.training-contact-form-section form input,
.training-contact-form-section form textarea {
   background: #e5e5de;
   border: 0;
   height: 35px;
   line-height: 35px;
   padding: 0 15px;
   max-width: 490px;
   width: 100%;
   color: #222;
   font-size: 12px;
   margin-bottom: 15px;
}
.contact-page-content form .contact-person input[type=text],
.contact-page-content form .contact-country input[type=text],
.contact-page-content form .zip input[type=text],
.training-contact-form-section form .contact-person input[type=text],
.training-contact-form-section form .contact-country input[type=text],
.training-contact-form-section form .zip input[type=text] {
   max-width: 500px;
}
.contact-page-content form .phone-wrapper input[type=text] {
   max-width: 380px;
}
.contact-page-content form .phone-wrapper .phone-cc input[type=text],
.contact-page-content form .phone-wrapper .contact-phone-cc input[type=text],
.training-contact-form-section form .phone-wrapper .phone-cc input[type=text],
.training-contact-form-section .phone-wrapper .contact-phone-cc input[type=text] {
   width: 110px;
   margin-right: 10px;
}
.contact-page-content .contact-fullwidth-column input[type=text] {
   max-width: 100%;
}
.contact-page-content form .product-sample-file-input {
   margin: 25px 0 0;
   color: #000;
   display: block;
   text-align: left;
   font-size: 14px;
   font-weight: 100;
}
.contact-page-content form .product-sample-file-input input[type=file] {
   max-width: none;
   margin: 0;
   margin-bottom: 5px;
}
.hidden-file-upload {
   display: none;
}
.product-sample .product-sample-custom-color {
   position: absolute;
   bottom: 0;
   right: 0;
   left: 10px;
} 
.request-sample .product-sample .product-sample-custom-color input {
   margin: 0;
   border-radius: 15px;
}
@media(max-width: 500px) {
   .contact-page-content form .phone-wrapper input[type=text] {
      max-width: 180px;
   }
   .wpcf7-form-control-wrap.board-thickness .ui-widget {
      margin-bottom: 15px;
   }
   .page-template-page-request-sample .contact-page-content form .mandatory-explainer,
   .page-template-page-request-sample .contact-page-content form input[type=submit],
   .page-template-page-request-bespoke-sample .contact-page-content form .mandatory-explainer,
   .page-template-page-request-bespoke-sample .contact-page-content form input[type=submit] {
      display: block;
      width: 100%;
      float: none;
   }
   .page-template-page-request-sample .contact-page-content form .mandatory-explainer,
   .page-template-page-request-bespoke-sample .contact-page-content form .mandatory-explainer {
      clear: both;
      /*line-height: 1.4em;*/
   }
   .page-template-page-request-sample .contact-page-content form input[type=submit],
   .page-template-page-request-bespoke-sample .contact-page-content form input[type=submit] {
      margin-top: 5px;
   }
}
.wpcf7-form-control-wrap.contact-email input,
.wpcf7-form-control-wrap.size .ui-widget {
   max-width: 100% !important;
}
.contact-page-content .contact-column:nth-of-type(3) input {
   max-width: 500px;
}
.contact-page-content form textarea,
.training-contact-form-section form textarea {
   max-width: 100%;
}
.contact-page-content form input[type=submit],
.training-contact-form-section form input[type=submit] {
   background: #b1c3ab;
   color: #fff;
   float: right;
   font-size: 16px;
   margin-bottom: 0;
   font-weight: lighter;
   text-transform: uppercase;
   width: auto;
   padding: 0 30px;
   cursor: pointer;
}
.contact-page-content form .ajax-loader {
   float: right;
}
.contact-page-content form textarea,
.training-contact-form-section form textarea {
   width: 100%;
   height: 150px;
   line-height: 1.3em;
   padding: 15px;
   margin-bottom: 0;
}
.contact-page-content form textarea[name="inquirer"] {
   margin-bottom: 10px;
}
.contact-page-content form .ui-selectmenu-button.ui-button,
.page-template-page-landingpage-type3 .ui-selectmenu-button.ui-button {
   max-width: 490px;
   width: 100%;
   border: 0;
   border-radius: 0;
   background: #e5e5de;
   height: 35px;
   line-height: 29px;
   float: left;
   margin-right: 0;
   padding: 4px 15px 4px;
   z-index: 10;
}
.contact-page-content .contact-fullwidth-column .shipment-priority {
   padding-top: 5px;
   display: block;
}
.contact-page-content .contact-fullwidth-column.product-samples .sample-specs.special-sample .ui-selectmenu-button.ui-button,
.contact-page-content .contact-fullwidth-column .shipment-priority .ui-selectmenu-button.ui-button {
   max-width: none;
}
.contact-page-content form .sample .ui-selectmenu-button.ui-button,
.contact-page-content form .contact-country .ui-selectmenu-button.ui-button {
   max-width: 500px;
}
.contact-page-content form .contact-fullwidth-column .i-am .ui-selectmenu-button.ui-button {
   margin-right: 10px;
}
.contact-page-content form .ui-selectmenu-text,
.page-template-page-landingpage-type3 form .ui-selectmenu-text {
   color: #222;
   font-size: 12px;
}
.contact-page-content form .contact-country .ui-selectmenu-text {
   color: #888;
}
.contact-page-content form .contact-country .selected .ui-selectmenu-text {
   color: #222;
}
.contact-page-content form .ui-icon-triangle-1-s,
.page-template-page-landingpage-type3 form .ui-icon-triangle-1-s {
   background-position: -60px -13px;
}
.contact-page-content form .mandatory-explainer,
.training-contact-form-section form .mandatory-explainer {
   font-style: italic;
   color: #222;
   font-size: 12px;
   line-height: 15px !important;
   float: left;
}
.contact-page-content form .wpcf7-form-control-wrap {
   position: relative;
}
.contact-page-content form span.wpcf7-not-valid-tip {
   position: relative;
   left: 0;
   text-align: left;
   top: -10px;
}
.contact-page-content .contact-fullwidth-column.product-samples span.wpcf7-not-valid-tip {
   top: 0px;
   left: 3px;
}
.contact-page-content form .ui-selectmenu-button.ui-button + span.wpcf7-not-valid-tip {
   top: 5px;
   display: block;
   z-index: 1;
}
.contact-page-content form div.wpcf7-validation-errors,
.contact-page-content form div.wpcf7-mail-sent-ok {
   max-width: 530px;
   border: 0;
   background: #f7e700;
   line-height: 30px;
   height: 30px;
}
.contact-page-content form .visible-only-if-valid {
    display: none;
}
.contact-page-content form .wpcf7-response-output {
   max-width: 100% !important;
   margin: 0;
   padding: 0 15px;
   background: #398f14 !important;
   color: #fff;
   height: auto !important;
   line-height: 1.4em;
   font-size: 16px;
   border-width: 0;
}
.contact-page-content form .wpcf7-response-output.wpcf7-mail-sent-ok + .visible-only-if-valid {
   display: block;
   padding: 0 15px 5px;
   color: #fff;
   line-height: 1.4em;
   background: #398f14;
   font-size: 16px;
}
.contact-page-content form .wpcf7-response-output.wpcf7-mail-sent-ok {
   padding-top: 5px;
}
.contact-sidebar {
   float: right;
   width: 250px;
   text-align: center;
   padding: 30px 0 20px;
}
.contact-sidebar > img {
   margin-bottom: 30px;
}
.contact-sidebar .headline,
.contact-sidebar .sub-headline {
   display: block;
   font-size: 18px;
   padding-bottom: 25px;
}
.contact-sidebar .sub-headline {
   font-size: 16px;
}
.fc-departments {
   list-style-type: none;
}
.fc-departments li {
   font-size: 14px;
   font-weight: lighter;
   padding-bottom: 20px;
}
.fc-departments li:last-child {
   padding-bottom: 0;
}
.fc-departments li span {
   font-weight: normal;
}

/* STANDARDSKABELON */
.article-header h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
   font-size: 54px;
   margin-bottom: 0px;
   font-weight: lighter;
   line-height: 1.2em;
}
.page-content h2 {
   font-size: 34px;
}
.page-content h3 {
   font-size: 28px;
}
.page-content h4 {
   font-size: 24px;
}
.page-content h5 {
   font-size: 22px;
}
.page-content h6 {
   font-size: 20px;
}
.page-content,
.page-content p {
   font-size: 18px;
   font-weight: 100;
   line-height: 1.4em;
}
.page-content ul,
.page-content ol {
   margin-bottom: 20px;
   font-weight: 100;
}
.page-content li {
   font-weight: 100;
}

/* PRODUKOVERSIGT */
.products-header {
   padding: 20px 0;
}
.products-header h1 {
   font-size: 34px;
   margin-bottom: 0px;
   font-weight: lighter;
   line-height: 1.2em;
}
.products-header .products-introtext {
   font-size: 16px;
   font-weight: lighter;
   line-height: 1.4em;
}

/* PRODUCT */
.product-top .product-description {
   /*height: 510px;*/
   overflow: hidden;
   background-size: cover;
}
.product-description h1 {
   font-size: 46px;
   line-height: 1em;
   line-height: 35px;
   font-weight: lighter;
   margin-bottom: 10px;
   display: inline-block;
}
.product-top .product-description .product-preview {
   height: 465px;
   position: relative;
}
.product-top .product-description .product-preview-image {
   float: left;
   width: 825px;
   height: 100%;
   overflow: hidden;
   position: relative;
}
.product-top .product-description .product-preview-image > img {
   max-width: 100%;
   width: auto;
   height: 100%;
   display: block;
   /*min-height: 400px;*/
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
}
.product-top .product-description:hover .product-preview-image > img {
   -ms-transform: scale(1.1);;
   -moz-transform: scale(1.1);;
   -webkit-transform: scale(1.1);;
   -o-transform: scale(1.1);;
   transform: scale(1.1);;
}
.product-info-box {
   line-height: 1.3em;
/*   background: #fff;
   background: rgba(255,255,255,0.57);*/
   width: 230px;
   /*padding: 30px;*/
   position: absolute;
   top: 185px;
   margin-left: 25px;
}
.product-info-box p {
   margin-bottom: 15px;
   font-weight: lighter;
   font-size: 14px;
}
.product-info-box p strong {
   font-weight: normal;
}
.product-info-box .buttons a {
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   font-weight: lighter;
   color: #fff;
   color: #000;
   border: 1px solid #000;
   background: transparent;
   display: inline-block;
   text-decoration: none;
   text-align: center;
   border-radius: 10px;
   width: 100%;
}
.product-info-box .buttons a.spec-generator {
   background: #000;
   border: 0;
   color: #fff;
   margin-bottom: 10px;
   margin-top: 5px;
}
.product-top .product-description .product-preview-image .certified-logos {
   position: absolute;
   bottom: 15px;
   right: 20px;
}
.product-top .product-description .product-preview-image .certified-logos img {
   margin-left: 20px;
}
.product-description .product-description-text {
   clear: both;
   border-radius: 10px;
   color: #fff;
   background: #000;
   padding: 15px 25px;
   margin-top: 10px;
}
.product-description .product-description-text p {
   font-size: 14px;
   font-weight: 200;
}
.product-description .product-description-text p:last-child {
   margin-bottom: 0;
}
.product-colors {
   width: 160px;
   float: right;
}
.product-colors .altcolors,
.product-list.request-sample .surface-colours .altcolors,
body.home .product-list .altcolors,
.page-template-page-products .product-list .altcolors {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-content: space-between;
   flex-direction: column;
   max-height: 360px;
}
.product-list.request-sample .surface-colours .altcolors {
   max-height: 180px;
   margin-bottom: 22px;
   flex-direction: row;
}
body.home .product-list .altcolors,
.page-template-page-products .product-list .altcolors {
   flex-direction: row;
   max-width: 110px;
}
.product-colors .color {
   width: 45px;
   height: 45px;
   line-height: 45px;
   margin-top: 15px;
   cursor: pointer;
}
.product-list.request-sample .surface-colours .color {
   width: 20px;
   height: 20px;
   line-height: 20px;
   margin-top: 5px;
   margin-right: 0px;
   cursor: pointer;
}
body.home .product-list .altcolors .color,
.page-template-page-products .product-list .altcolors .color {
   width: 12px;
   height: 12px;
   line-height: 12px;
   margin-bottom: 5px;
   margin-right: 4px;
}
.product-list.request-sample .surface-colours .color.active {
   border: 1px solid #fff;
}
.product-list.request-sample .surface-colours .color.default {
   height: 30px;
   line-height: 30px;
   width: 100%;
   font-size: 14px;
   text-transform: uppercase;
   text-align: center;
   margin-top: 0;
   display: block;
   color: #232323;
}
.product-list.request-sample .surface-colours .color.default.active {
   line-height: 28px;
   border-color: #a0a0a0;
}
.product-colors .color.default {
   width: 100%;
   height: 60px;
   line-height: 60px;
   font-size: 14px;
   font-weight: lighter;
   text-transform: uppercase;
   text-align: center;
   margin-top: 0;
   display: block;
   border: 1px solid #000;
}
.product-colors .color.active {
   border: 1px solid #fff;
}
.product-colors .color.default.active {
   border-width: 2px;
   line-height: 58px;
}
.product-colors .color-value {
   height: 30px;
   line-height: 30px;
   background: #232323;
   font-size: 12px;
   text-align: center;
   text-transform: uppercase;
   color: #fff;
   font-weight: 200;
   margin-top: 15px;
}
.product-info-tabs {
   margin-top: 50px;
}
.product-info-tabs .product-tabs {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.product-info-tabs .product-tabs label {
   width: 24%;
   margin-bottom: 0;
   display: flex;
   height: 50px;
/*   background: #515151;*/
   color: #000;
   text-align: center;
   cursor: pointer;
   border-top: 1px solid #000;
}
.product-info-tabs .product-tabs label.active {
   background: #fafafa;
   color: #000;
}
.product-info-tabs .product-tabs label span {
   text-align: center;
   font-weight: 200;
   font-size: 15px;
   line-height: 15px;
   display: inline-block;
   width: 100%;
   align-self: center;
   
}
.product-info-tabs .product-tabs label.active span {
   font-weight: 300;
}
.product-info-tab-content {
   font-size: 15px;
   font-weight: lighter;
   padding: 50px 20px 20px;
   display: none;
   background: #fafafa;
}
.product-info-tab-content.am-content {
   padding: 50px 0px 0px;
   text-align: center;
}
.product-info-tab-content.am-content img {
   margin: 0 8.5px 40px;
   display: inline-block;
}
.product-info-tabs input[type=radio] {
   display: none;
}
.product-info-tabs input[type=radio]:checked + .product-info-tab-content {
   display: block;
}
.product-info-tab-content .product-info-tab-content {
   padding: 30px;
}
.toi,
.app {
   float: left;
   width: 300px;
   margin-bottom: 50px;
}
.app {
   width: 280px;
}
.toi:nth-child(3n+2) {
   margin: 0 30px;
}
.app:nth-child(4n+3) {
   margin: 0 60px;
}
.toi .toi-count,
.step .step-count {
   float: left;
   font-size: 15px;
   font-weight: lighter;
   color: #fff;
   background: #313131;
   width: 35px;
   height: 35px;
   line-height: 35px;
   border-radius: 50%;
   text-align: center;
}
.toi .toi-headline {
   padding-top: 15px;
   padding-bottom: 20px;
   display: block;
   clear: both;
   font-size: 18px;
   font-weight: 300;
}
.toi p,
.app .app-text {
   font-weight: lighter;
   line-height: 1.3em;
   height: 110px;
   overflow: hidden;
}
.app .app-text {
   min-height: 310px;
   height: auto;
}
.app .app-text li strong:first-of-type,
.app .app-text li b:first-of-type {
   color: #232323;
}
.toi img,
.app img {
   max-width: 100%;
   height: auto;
}
.toi-disclaimer {
   border: 1px solid #bcbcbc;
   padding: 35px;
   clear: both;
   line-height: 1.3em;
}
.toi-disclaimer p {
   font-weight: lighter;
}
.toi-disclaimer strong {
   font-weight: lighter;
}
.applications-intro {
   font-size: 18px;
   line-height: 1.3em;
   font-weight: 300;
   padding-bottom: 40px;
   text-align: center;
}
.applications-intro p {
   font-weight: 300;
}
.applications-intro p:last-of-type {
   margin: 0;
}
.app ul {
   list-style-type: none;
   margin-left: 0;
}
.app ul li {
   font-weight: lighter;
   text-indent: 15px;
   position: relative;
}
.app ul li:before {
   content: "\f111";
   font-family: FontAwesome;
   position: absolute;
   left: -13px;
   top: 0px;
   font-size: 7px;
}
.product-docs {
   list-style-type: none;
   border-top: 1px solid #d7d7d7;
   margin-left: 0px;
}
.product-docs li {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: space-around;
   background: #fcfcfc;
   height: 90px;
   border-bottom: 1px solid #d7d7d7;
}
.product-docs li span {
   font-size: 14px;
   font-weight: 100;
   text-align: center;
}
.product-docs li span a {
   font-size: 14px;
   font-weight: 100;
   text-align: center;
}
.product-docs li.column-heads span {
   text-transform: uppercase;
   font-size: 16px;
}
.product-docs li span:nth-of-type(1) {
   width: 40%;
   text-align: left;
}
.product-docs li span:nth-of-type(2) {
   width: 10%;
   text-transform: uppercase;
}
.product-docs li span:nth-of-type(3) {
   width: 15%;
   text-transform: uppercase;
}
.product-docs li span:nth-of-type(4) {
   width: 10%;
}
.step {
   float: left;
   width: 50%;
   margin-bottom: 50px;
}
.step img,
.step .step-count,
.step .step-explanation {
   float: left;
}
.step img {
   margin-right: 10px;
}
.step .step-count {
   margin-bottom: 10px;
   margin-right: 130px;
}
.step .step-explanation {
   width: 195px;
   line-height: 1.3em;
}
.step .step-explanation p {
   font-weight: lighter;
}
.step .step-explanation strong {
   font-weight: normal;
}
.datasheet-headline,
.datasheet {
   display: block;
   font-size: 20px;
   font-weight: lighter;
   text-align: center;
   margin-bottom: 30px;
   text-decoration: none;
   color: #000;
}
.datasheet:hover {
   font-weight: 300;
}
.datasheet-headline {
   font-weight: 300;
}
.product-btn,
.downloads-accordion-pane {
   display: block;
   width:70%;
   min-width: 300px;
   font-size: 20px;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
   height: 50px;
   line-height: 50px;
   margin: 50px auto 0px;
   background: #bfc1ba;
   color: #fff;
   font-weight: lighter
}
.downloads-accordion-pane {
   width: 100%;
   cursor: pointer;
   position: relative;
   margin-top: 0;
}
.downloads-accordion-pane:first-child {
   margin-top: 20px;
}
.downloads-accordion-pane + div {
   max-height: 0;
   overflow: hidden;
   margin-bottom: 50px;
}
.downloads-accordion-pane.active + div {
   max-height: 9999px;
   transition-property: all;
   transition-duration: .5s;
   transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
   overflow: visible;
}
.front.product-btn {
   margin-bottom: 60px;
}
.dwg-library-wrapper {
   padding: 20px 0;
}
.dwg-library-wrapper .dwg-files {
   float: right;
   border: 1px solid #000;
   width: 42%;
   padding: 20px;
   display: none;
}
.dwg-library-wrapper .dwg-select-wrapper {
   background: #434343;
   padding: 10px 20px 15px;
   margin-bottom: 20px;
}
.downloads-product-selector {
   width: 600px;
   margin: 0 auto;
   padding: 18px 0px;
}
.dwg-library-wrapper .dwg-options {
   float: left;
   clear: left;
   width: 55%;
}
.dwg-library-wrapper .dwg-select-wrapper .select-title,
.downloads-product-selector .select-title {
   color: #fff;
   font-size: 13px;
   font-weight: 100;
   display: block;
   margin-bottom: 3px;
}
.downloads-product-selector .select-title {
   float: left;
   margin: 0;
   height: 31px;
   line-height: 31px;
   font-size: 20px;
   margin-right: 30px;
   color: #232323;
}
.dwg-library-wrapper .dwg-select-wrapper .ui-selectmenu-button.ui-button,
.downloads-product-selector .ui-selectmenu-button.ui-button {
   width: 100%;
   border: 0;
   border-radius: 0;
   background: #f8f8f8;
   height: 35px;
   line-height: 29px;
   float: left;
   margin-right: 0;
   padding: 4px 15px 4px;
   z-index: 10;
   border-radius: 10px;
}
.downloads-product-selector .ui-selectmenu-button.ui-button {
   float: right;
   width: 430px;
   height: 31px;
   line-height: 26px;
   background: transparent;
   border: 1px solid #232323;
}
.dwg-library-wrapper .dwg-select-wrapper .ui-selectmenu-text,
.downloads-product-selector .ui-selectmenu-text {
   color: #222;
   font-size: 12px;
   font-weight: 100;
}
.downloads-product-selector .ui-selectmenu-text {
   font-size: 14px;
}
.dwg-library-wrapper .dwg-select-wrapper .ui-icon-triangle-1-s,
.downloads-product-selector .ui-icon-triangle-1-s {
   background-position: -60px 2px;
   margin-top: 4px;
}
.downloads-product-selector .ui-icon-triangle-1-s {
   margin-top: 2px !important;
}
.dwg-absorption-info {
   border-radius: 10px;
   background: #efd234;
   padding: 10px 20px;
   height: 75px;
}
.dwg-absorption-info .absorption-title,
.dwg-absorption-info .product-absorption {
   float: left;
   width: 25%;
   padding: 0 1%;
   height: 55px;
}
.dwg-absorption-info .product-absorption:last-child {
   width: 24%;
   padding-right: 0;
}
.dwg-absorption-info .absorption-title {
   width: 49%;
   padding: 0;
   font-size: 12px;
   font-weight: 100;
   line-height: 55px;
}
.dwg-absorption-info .product-absorption {
   border-left: 1px solid #000;
}
.dwg-absorption-info .product-absorption > span {
   display: block;
   text-align: center;
   font-weight: 300;
   font-size: 12px;
   line-height: 1.4em;
}
.dwg-absorption-info .product-absorption .product-name {
   font-size: 16px;
   padding-bottom: 2px;
   text-transform: uppercase;
}
.dwg-absorption-info .product-absorption .product-absorption-specs {
   font-weight: 100;
}
.dwg-files ul {
   list-style-type: none;
   margin: 0;
}
.dwg-files ul li {
   position: relative;
   height: 23px;
   line-height: 23px;
   margin-bottom: 5px;
   cursor: default;
   display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
   display: -ms-flexbox;  /* TWEENER - IE 10 */
   display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
   display: flex;
   justify-content: space-between;
   -webkit-justify-content: space-between;
}
/*.dwg-files ul li a {
   position: absolute;
   top: 0px;
   left: 0px;
}
.dwg-files ul li a:nth-of-type(2) {
   left: 23px;
}*/
.dwg-files ul li .file-text {
   /*display: block;*/
   /*padding-left: 65px;*/
   height: 23px;
   line-height: 23px;
   overflow: hidden;
   font-weight: 100;
   font-size: 14px;
   width: 310px;
}
.dwg-files .dwg-files-section-title {
   font-size: 16px;
   font-weight: 300;
   text-transform: uppercase;
   padding: 45px 0 20px 65px;
   display: block;
}
.dwg-files ul li .preview-image,
.document-list li .preview-image {
   position: absolute;
   right: -165px;
   top: 50%;
   margin-top: -76px;
   border: 1px solid #bfc1ba;
   border: 1px solid #000;
   display: none;
   z-index: 100;
}
.document-list li .preview-image {
   margin-top: -80px;
}
.dwg-files ul li:hover .preview-image,
.document-list li:hover .preview-image {
   display: block;
}
.dwg-files ul li .preview-image:before,
.document-list li .preview-image:before {
   content: "";
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-right-color: #bfc1ba;
   border-right-color: #000;
   left: -20px;
   top: 50%;
   margin-top: -10px;
   position: absolute;
}
.dwg-files ul li .preview-image img,
.document-list li .preview-image img {
   display: block;
}

/* DOWNLOADS PAGE */
p.document-explain {
   max-width: 600px;
   margin: 40px auto 30px;
   font-size: 14px;
}
.document-list {
   list-style-type: none;
   margin-left: 0;
   max-width: 600px;
   margin: 30px auto;
}
.document-list li {
   position: relative;
   display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
   display: -ms-flexbox;  /* TWEENER - IE 10 */
   display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
   display: flex;
   justify-content: space-between;
   -webkit-justify-content: space-between;
}
.document-list li > span,
.document-list li > a {
   font-size: 15px;
   font-weight: 100;
}
.document-list li > a {
   color: #000;
   text-decoration: none;
}
.document-list li > span.doc-name {
   width: 55%;
}
.document-list li > .preview-doc {
   cursor: pointer;
   width: 55px;
}
.general-product-docs {
   display: none;
}
.product-info-tab-content .general-product-docs {
   display: block;
}
.general-product-docs .doc-sektion-headline {
   background: #fafafa;
   border-radius: 10px;
   margin-bottom: 30px;
   font-size: 16px;
   padding: 0 10px;
   line-height: 30px;
   height: 30px;
   font-weight: 100;
   cursor: pointer;
   position: relative;
}
.general-product-docs .doc-sektion-headline .ref-expand-icon {
   top: 9px;
}
.general-product-docs .document-list.active .doc-sektion-headline .ref-expand-icon::before {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.general-product-docs .document-list.active .doc-sektion-headline .ref-expand-icon::after {
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}
.product-info-tab-content .general-product-docs .doc-sektion-headline {
   background: #fff;
   text-transform: uppercase;
}
.general-product-docs .document-list li:not(.doc-sektion-headline) {
   display: none;
}
.general-product-docs .document-list.active li:not(.doc-sektion-headline) {
   display: flex !important;
}

/* SPECIFICATION GENERATOR */
.specification-generator h1 {
   text-align: center;
   font-size: 24px;
   font-weight: 100;
   text-transform: uppercase;
   border-bottom: 1px solid #000;
   padding: 40px 0 5px;
   margin-bottom: 20px;
}
.spec-generator-wrapper {
   font-size: 13px;
   font-weight: 100;
   padding: 20px;
}
.spec-generator-wrapper .spec-generator-text {
   line-height: 1.2em;
}
.spec-generator-wrapper p {
   font-size: 13px;
}
.spec-generator-wrapper > p:last-of-type {
   margin-bottom: 0;
}
.spec-generator-wrapper .dwg-absorption-info .product-absorption:last-child {
   width: 25%;
   padding-right: 0;
}
.spec-generator-wrapper .dwg-absorption-info .absorption-title {
   width: 74%;
}
#dwgLibrary .spec-generator-wrapper .dwg-absorption-info .absorption-title {
   width: 50%;
}
.spec-generator-wrapper .dwg-library-wrapper .dwg-files {
   padding: 30px 20px;
}
.dwg-files .spec-files li a {
   display: block;
   position: relative;
   top: auto;
   left: auto;
   overflow: hidden;
   font-weight: 100;
   font-size: 12px;
   text-decoration: none;
   color: #000;
   width: 100%;
   /*padding-left: 50px;*/
}
.dwg-files .spec-files li,
.dwg-files .spec-files li a {
   height: 35px;
   line-height: 35px;
}
.dwg-files .spec-files li a img {
   position: absolute;
   right: 0;
   top: 6px;
}

/* PROJECT REFERENCES GALLERY */
.references-projects {
   margin-top: 80px;
}
.references-projects > .inner-wrap {
   max-width: 1000px;
}
.references-projects .projects-thumbs {
   list-style-type: none;
   padding-bottom: 50px;
}
.references-projects .projects-thumbs.less-padding {
   padding-bottom: 20px;
}
.references-projects .projects-thumbs > .reference {
   float: left;
   width: 32%;
   cursor: pointer;
   height: 265px;
   position: relative;
   overflow: hidden;
   /*margin-bottom: 50px;*/
}
.references-projects .projects-thumbs > .reference:nth-child(3n+2) {
   margin-right: 2%;
   margin-left: 2%;
}
.references-projects .projects-thumbs > .reference img {
   width: 100%;
   height: auto;
   position: absolute;
   top: 265px;
}
.references-projects .reference .reference-info {
   padding: 5px 40px 5px 20px;
   color: #555;
   position: absolute;
   line-height: 1.4em;
   bottom: 0px;
   width: 100%;
   background: #fff;
   height: 42px;
}
.references-projects .reference .reference-info .project-title,
.references-projects .project-gallery .project-title {
   font-size: 14px;
   font-weight: light;
   display: block;
}
.references-projects .reference .reference-info .project-customer {
   font-size: 11px;
   display: block;
}
.ref-expand-icon {
   display: block;
   position: absolute;
   top: 15px;
   right: 15px;
   height: 13px;
   width: 13px;
   -moz-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out;
   -webkit-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;
   border: none;
   cursor: pointer;
   display: inline-block;
   background: transparent;
   outline: none;
}
.ref-expand-icon::before,
.ref-expand-icon::after {
   content: "";
   display: block;
   position: absolute;
   -moz-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out;
   -webkit-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;
   background: #666666;
}
.ref-expand-icon::before {
   width: 13px;
   height: 1px;
   top: 6px;
}
.ref-expand-icon::after {
   top: 0;
   left: 6px;
   width: 1px;
   height: 13px;
}
.references-projects .projects-thumbs > .reference.visible-project .ref-expand-icon::before {
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.references-projects .projects-thumbs > .reference.visible-project .ref-expand-icon::after {
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}
.downloads-accordion-pane .ref-expand-icon {
   height: 17px;
   width: 17px;
   top: 17px;
   right: 30px;
}
.downloads-accordion-pane .ref-expand-icon:before,
.downloads-accordion-pane .ref-expand-icon:after {
   background: #000;
}
.downloads-accordion-pane .ref-expand-icon:before {
   width: 17px;
   top: 8px;
}
.downloads-accordion-pane .ref-expand-icon:after {
   height: 17px;
   left: 8px;
}
.downloads-accordion-pane.active .ref-expand-icon::before {
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.downloads-accordion-pane.active .ref-expand-icon::after {
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}
.project-galleries {
   display: none;
   background: #f8f8f8;
   padding: 60px 0;
   margin-bottom: 40px;
}
.project-galleries > .inner-wrap {
   max-width: 1200px;
}
.gallery-slider {
   position: relative;
   background: #f8f8f8;
}
.gallery-slider .slider-navigate {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 250px;
   height: 365px;
   overflow: hidden;
   text-align: right;
   cursor: pointer;
}
.case-study .gallery-slider .slider-navigate {
   width: 200px;
   left: 20px;
}
.gallery-slider .slider-navigate.right {
   left: auto;
   right: 0px;
   text-align: left;
}
.case-study .gallery-slider .slider-navigate.right {
   right: 20px;
}
.gallery-slider .slider-navigate img {
   opacity: 0.5;
   height: 100%;
   float: left;
}
.gallery-slider .slider-navigate.left img {
   float: right;
}
.gallery-slider .slider-visible-image {
   width: 650px;
   margin: 0 auto 0px;
   overflow: hidden;
   transition : all 300ms ease-in-out;
}
.case-study .gallery-slider .slider-visible-image {
   width: 520px;
}
.gallery-slider .slider-images-container {
   float: left;
}
.gallery-slider .slider-images-container img {
   width: 650px;
   height: auto;
   float: left;
}
.case-study .gallery-slider .slider-images-container img {
   width: 520px;
}
.project-gallery {
/*   margin-top: 60px;
   margin-bottom: 60px;*/
   display: none;
}
.project-gallery .project-info {
   margin: 20px auto 0;
   width: 650px;
   color: #555;
   font-size: 14px;
   position: relative;
}
.references-projects .project-gallery .project-title {
   padding-bottom: 30px;
}
.references-projects .project-gallery .project-title span {
   font-weight: normal;
}
.project-gallery .project-info .project-info-value {
   float: left;
   clear: left;
   padding-bottom: 5px;
   width: 50%;
}
.project-gallery .project-info .project-info-value span:first-child {
   width: 90px;
   float: left;
}
.project-gallery .project-info .download-pdf-btn {
   height: 35px;
   line-height: 35px;
   text-transform: uppercase;
   background: #b9b8b5;
   text-align: center;
   font-size: 14px;
   color: #000;
   text-decoration: none;
   font-weight: lighter;
   display: block;
   position: absolute;
   right: 0px;
   bottom: 10px;
   padding: 0 30px;
}
.project-gallery .project-info .download-pdf-btn span {
   font-weight: 300;
}
.project-gallery .project-info .project-info-comment {
   float: right;
   width: 50%;
   padding-left: 90px;
   position: relative;
}
.project-gallery .project-info .project-info-comment span:first-child {
   width: 90px;
   position: absolute;
   top: 0px;
   left: 0px;
}

/* PROJECTS PAGE */
.page-template-page-projects .references-projects {
   margin-top: 55px;
}
.page-template-page-projects .ui-selectmenu-button.ui-button {
   width: 250px;
   width: 32%;
   border: 0;
   border-radius: 0;
   background: #f8f8f8;
   height: 35px;
   line-height: 29px;
   float: left;
   margin-right: 0;
   padding: 4px 15px 4px;
}
.page-template-page-projects .ui-selectmenu-button.ui-button:nth-of-type(3n+2) {
   margin-right: 2%;
   margin-left: 2%;
}
.page-template-page-projects .ui-icon-triangle-1-s {
   background-position: -60px -13px;
}

/* DOCUMENTATION */
.doc-products .doc-product {
   float: left;
   width: 33.33%;
   padding: 220px 0;
   text-align: center;
}
.doc-products .doc-product .product-title,
.doc-products .doc-product .data-sheet-link,
.construction-details .details-title {
   font-size: 18px;
   font-weight: lighter;
   display: block;
   text-decoration: none;
   color: #000;
   line-height: 2em;
}
.doc-products .doc-product .data-sheet-link:after,
.doc-products .doc-product .data-sheet-link.tender-text:after {
   content: none;
}
.doc-products .doc-product .product-title,
.construction-details .details-title {
   font-size: 48px;
   position: relative;
}
.doc-products .doc-product .product-title:after,
.doc-system-setup > span:after {
   content: " ";
   width: 30px;
   height: 2px;
   background: #000;
   bottom: 10px;
   left: 50%;
   margin-left: -15px;
   position: absolute;
   display: none;
}
.doc-products .doc-product .product-title.current-prod-doc:after,
.doc-system-setup:hover > span:after {
   display: block;
}
.doc-products .doc-product .data-sheet-link.tender-text {
   background: #dcdcdc;
   text-transform: uppercase;
   margin: 0 auto;
   width: 70%;
   font-size: 24px;
}
.construction-details,
.product-timelines {
   padding: 170px 0 90px;
   text-align: center;
}
.doc-system-setup {
   min-height: 150px;
}
.construction-details .details-title {
   text-align: center;
   text-transform: uppercase;
}
.doc-system-setup span,
.doc-system-setup a {
   font-size: 18px;
   font-weight: lighter;
   text-decoration: none;
   color: #000;
   line-height: 1.8em;
}
.doc-system-setup > span {
   display: block;
   position: relative;
   margin-bottom: 10px;
}
.doc-system-setup > span:after {
   bottom: -5px;
}
.doc-system-setup a {
   display: inline-block;
   line-height: 2.2em;
}
.doc-system-setup a:after {
   content: none;
}
.doc-system-setup .doc-system-setup-links {
   max-height: 0;
   -webkit-transition: max-height 0.5s; 
   -moz-transition: max-height 0.5s; 
   -ms-transition: max-height 0.5s; 
   -o-transition: max-height 0.5s; 
   transition: max-height 0.5s;  
   overflow: hidden;
}
.doc-system-setup:hover .doc-system-setup-links {
   max-height: 500px;
}

.product-timelines,
.product-timelines li {
   list-style-type: none;
   display: block;
   max-width: 570px;
   margin: 0 auto;
}
.product-timelines li {
   padding: 30px;
   position: relative;
}
.product-timelines .tl-product-name {
   display: block;
   text-align: left;
   font-size: 18px;
   line-height: 50px;
   font-weight: lighter;
}
.product-timelines li img {
   position: relative;
}
.product-timelines li img.tl-color-image {
   position: absolute;
   top: 80px;
   left: 30px;
   display: none;
}

/* MAIN FOOTER */
.main-footer {
   background: #222;
   padding-top: 10px;
/*   margin-top: -40px;*/
}
.main-footer .footer-content {
   color: #fff;
}
.main-footer .footer-content .footer-columns {
   padding: 5% 2% 5% 5%;
}
.main-footer .footer-content .footer-columns > div {
   width: 17%;
   margin: 0 1.5%;
   float: left;
}
.main-footer .footer-content .footer-columns > div.news-press {
   width: 19%;
   margin-right: 4%;
}
.main-footer .footer-content .footer-columns > div.specialties {
   width: 15%;
   margin-right: 2.5%;
}
.main-footer .footer-content .footer-columns > div.cases {
   margin-right: 0;
   width: 15%;
}
.main-footer .footer-content .footer-columns > div.cases a,
.main-footer .footer-content .footer-columns > div.cases .link-timestamp,
.main-footer .footer-content .footer-columns > div.specialties a {
   display: block;
}
.main-footer .footer-content .footer-columns > div.cases .link-timestamp,
.main-footer .footer-content .footer-columns > div.specialties a {
   margin-bottom: 20px;
}
.main-footer .footer-content .footer-columns > div,
.footer-content .footer-columns span {
   font-size: 13px;
   font-weight: lighter;
   line-height: 1.2em;
}
.footer-content .footer-columns .footer-headline,
.footer-content .footer-columns .footer-headline a {
   font-size: 22px;
   margin-bottom: 20px;
   display: block;
}
.footer-content .footer-columns address {
   margin-bottom: 25px;
   font-style: normal;
   position: relative;
}
.footer-content .footer-columns .address-title {
   display: block;
   font-size: 17px;
   font-weight: 200;
   line-height: 1.3em;
}
.footer-content .footer-columns span.telephone,
.footer-content .footer-columns span.email {
   display: block;
   margin-bottom: 25px;
   position: relative;
}
.footer-content .footer-columns span.telephone:before,
.footer-content .footer-columns span.email:before {
   display: block;
   content: "\f095";
   font-family: FontAwesome;
   position: absolute;
   top: 0px;
   left: -30px;
   font-size: 17px;
   font-weight: 100;
}
.footer-content .footer-columns span.email:before {
   content: "\f003";
}
.footer-content .addresses .head-office:before,
.footer-content .addresses .test-warehouse:before {
   display: block;
   content: "\f0b1";
   font-family: FontAwesome;
   font-size: 17px;
   position: absolute;
   top: 5px;
   left: -30px;
   font-weight: 100;
}
.footer-content .addresses .test-warehouse:before {
   content: "\f275";
}
.main-footer a {
   color: #fff;
   text-decoration: none;
   font-weight: 100;
}
.main-footer .footer-content .footer-columns .news-press > a,
.main-footer .footer-content .footer-columns .news-press .link-timestamp {
   display: block;
   font-weight: 100;
   font-size: 17px;
}
.main-footer .footer-content .footer-columns .news-press a:hover {
   text-decoration: underline;
}
.main-footer .footer-content .footer-columns .news-press .link-timestamp {
   text-transform: uppercase;
   margin-bottom: 20px;
   margin-top: 2px;
   font-size: 12px;
}
.main-footer .footer-content .footer-columns .some a {
   font-size: 24px;
   display: inline-block;
   margin: 0 15px;
}
.main-footer .footer-content .footer-columns .read-more ul {
   list-style-type: none;
   margin: 0;
}
.main-footer .footer-content .footer-columns .read-more ul li a {
   font-size: 13px;
   font-weight: lighter;
   display: block;
   margin-bottom: 20px;
   text-decoration: underline;
}
.main-footer .footer-content .footer-columns .read-more ul li a:hover {
   text-decoration: underline;
}
.main-footer .footer-copyrights {
   /*padding: 0 9%;*/
   font-size: 12px;
   font-weight: 100;
   line-height: 1.2em;
   background: #707070;
   color: #fff;
   padding: 15px 0 15px;
   text-align: center;
}

/* Text pages */
.page-wrapper {
   margin: 20px auto;
   padding: 20px;
   font-size: 17px;
   line-height: 1.4em;
}
.page-wrapper h1,
.page-wrapper h2,
.page-wrapper h3,
.page-wrapper h4,
.page-wrapper h5,
.page-wrapper h6 {
   margin-bottom: 0.4em;
}
.page-wrapper h1 {
   font-size: 44px;
}
.page-wrapper h2 {
   font-size: 30px;
}
.page-wrapper h3 {
   font-size: 24px;
}
.page-wrapper h4 {
   font-size: 18px;
}
.page-wrapper h5 {
   font-size: 16px;
}
.page-wrapper h6 {
   font-size: 14px;
}

.page-wrapper img {
   height: auto;
   max-width: 100%;
}

.page-wrapper .videocontainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.page-wrapper .videocontainer iframe {
   position: absolute;
   top:0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* Landingpages */
.landingpage {
   font-size: 20px;
   margin-bottom: 0;
   padding-bottom: 0;
}
.landingpage.training.top-area {
   margin-bottom: 30px;
}
.landingpage.training.top-area:before {
   content: "";
   position: absolute;
   left: calc(50% - 50vw);
   background: rgba(0,0,0, 0.4);
   width: 48vw;
   height: 80px;
   bottom: 20%;
   z-index: 1;
}
.landingpage.lp-type3 {
   margin-top: 0;
   padding-top: 0;
}
.page-wrapper.lp-type3.who-we-are,
.page-wrapper.training {
   padding: 20px 0;
}
.landingpage .top-section {
   position: relative;
}
.landingpage.lp-type2 .top-section {
   max-width: 900px;
   font-size: 14px;
}
.landingpage.lp-type3 .top-section {
   padding-top: 100px;
   margin-bottom: 40px;
}
.landingpage.lp-type3.who-we-are .top-section {
   padding-bottom: 20px;
}
.landingpage.lp-type3 .top-section .partner-logo {
   position: absolute;
   top: 0px;
   right: 0px;
   background: #b0b0ab;
   padding: 20px 30px 20px 130px;
   z-index: -1;
}
.video-right-block {
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   background: #b0b0ab;
   width: 330px;
   z-index: -1;
}
.lp-top-video {
   max-width: 750px;
   position: relative;
   margin-right: 20px;
}
.lp-top-video video,
.lp-top-video iframe {
   width: 100%;
}
.lp-top-video iframe {
   /*height: auto;*/
}
.landingpage.lp-type3 .top-section .partner-logo img {
   max-width: 125px;
   height: 120px;
   display: block;
}
.landingpage.training .top-section {
   width: 100%;
}
.landingpage .top-section > img {
   max-width: 650px;
   width: 65%;
   float: left;
}
.landingpage.lp-type3 .top-section > img,
.landingpage.training .top-section > img {
   width: 100%;
   max-width: 800px;
   float: none;
   max-width: 75%;
   margin-left: 10%;
}
.landingpage.training .top-section > img {
   display: block;
   margin: 50px 0 50px 20px;
   max-width: 85%;
}
.landingpage .top-section .top-text-box {
   float: left;
   width: 35%;
   padding: 0px 25px 0px;
}
.landingpage .top-section .top-text-box p,
.landingpage .top-section .top-text-box span {
   font-weight: lighter;
   font-size: 13px;
   line-height: 1.2em;
}
.landingpage .top-section .contact-link {
   display: block;
   margin: 0 auto;
   background: #9ca87a;
   color: #fff;
   font-size: 16px;
   font-weight: lighter;
   text-transform: uppercase;
   border: 0;
   height: 40px;
   line-height: 40px;
}
.landingpage.lp-type3 .top-section .lp-headline,
.landingpage.training .top-section .lp-headline {
   position: absolute;
   /*background: rgba(148,135,127, .7);*/
   background: rgba(0,0,0, 0.55);
   color: #fff;
   left: 0px;
   bottom: 10%;
   padding: 20px 10px;
}
.landingpage.training .top-section .lp-headline {
   bottom: 20%;
   left: 20px;
   padding: 15px 20px;
   color: #000;
   height: 80px;
   background-color: transparent;
   z-index: 2;
}
.landingpage.training .top-section .lp-headline img {
   max-height: 35px;
   margin-right: 5px;
}
.landingpage.lp-type3 .top-section .lp-headline h1,
.landingpage.training .top-section .lp-headline h1 {
   font-size: 39px;
   line-height: 1.3em;
}
.landingpage.training .top-section .lp-headline h1 {
   margin-bottom: 0px;
}
.landingpage.training .top-section .lp-headline h1 span {
   display: inline-block;
   width: 3px;
   height: 40px;
   border-radius: 1.5px;
   background-color: #fff;
   margin: 0 10px -5px;
}
.landingpage.lp-type3 .top-section .lp-headline p {
   margin: 0;
   font-size: 16px;
}
.landingpage.training .top-section .lp-headline p,
.landingpage.training .top-section .lp-headline p em,
.landingpage.training .top-section .lp-headline p strong {
   margin: 0;
   font-size: 28px;
}
/*.landingpage.training .top-section .lp-headline p {
   padding-left: 20px;
}*/
.landingpage.training .top-section .lp-headline p strong {
   font-weight: normal;
}
.landingpage.lp-type3 .top-section .lp-headline p em {
   font-size: 16px;
}
.landingpage.training .top-section .video-right-block {
   width: 200px;
}
@media (max-width: 900px) {
   .landingpage.training.top-area:before {
      width: 20px;
   }
   .landingpage.training .top-section .lp-headline {
      background-color: rgba(0,0,0, 0.4);
   }
}
@media (max-width: 767px) {
   .landingpage.training.top-area:before {
      width: 10px;
   }
   .landingpage.training .top-section .lp-headline {
      left: 0px;
   }
}
@media (max-width: 600px) {
   .landingpage.training.top-area:before {
      content: none;
   }
   .landingpage.training .top-section .lp-headline {
      background-color: rgba(0,0,0, 0.4);
   }
}
@media (max-width: 450px) {
/*   .landingpage.training.top-area:before {
      width: 440px;
   }*/
   .landingpage.training .top-section .lp-headline {
      padding: 10px;
      height: auto;
   }
   .landingpage.training .top-section .lp-headline h1 {
      font-size: 25px;
   }
   .landingpage.training .top-section .lp-headline img {
      max-height: 25px;
   }
}
.landingpage .column {
   float: left;
   width: 50%;
   padding: 2% 5% 2% 0;
}
.landingpage .column:nth-child(2n+2) {
   padding: 2% 0 2% 5%;
}
.landingpage h1,
.landingpage h2 {
   font-size: 50px;
   font-weight: lighter;
   margin-bottom: 10px;
}
.landingpage .top-section h1 {
   font-size: 32px;
   font-weight: lighter;
}
.landingpage h2 {
   font-size: 21px;
   font-weight: lighter;
   padding-bottom: 5px;
   margin: 45px auto 35px;
   text-align: center;
   position: relative;
   text-transform: uppercase;
   border-bottom: #d7d7d7 1px solid;
}
.landingpage .references-projects h2:before {
   content: none;
}
.landingpage .middle-section .columns {
   max-width: 750px;
   margin: 0 auto;
}
.landingpage .middle-image-box,
.landingpage .middle-text-box {
   float: left;
   max-width: 370px;
   padding: 0;
}
.landingpage .middle-image-box img {
   margin-bottom: 25px;
}
.landingpage .middle-image-box img:last-child {
   margin-bottom: 0;
}
.landingpage .middle-text-box.column {
   padding: 0 35px;
}
.landingpage .middle-text-box p,
.landingpage .middle-text-box p * {
   font-weight: lighter;
   font-size: 13px;
   line-height: 1.2em;
}
.landingpage .middle-text-box h3 {
   font-size: 19px;
   padding-bottom: 15px;
   font-weight: lighter;
}
.landingpage .middle-text-box .btn {
   margin: 0 auto;
   width: auto;
   font-weight: lighter;
   display: inline-block;
   margin-left: 30px;
}
.landingpage .middle-image {
   clear: both;
   padding: 40px 0;
   border-top: 1px solid #d7d7d7;
   border-bottom: 1px solid #d7d7d7;
}
.landingpage .middle-image > img {
   max-width: 900px;
   width: 100%;
   margin: 0 auto;
   display: block;
}
.landingpage .video-section {
   padding-bottom: 20px;
   border-bottom: #d7d7d7 1px solid;
}
.landingpage p,
.landingpage p * {
   font-weight: lighter;
   line-height: 1.2em;
   font-size: 13px;
}
.landingpage-footer {
   margin-top: 50px;
   max-width: 900px;
}
.landingpage-footer > div {
   float: left;
   width: 37.3333%;
   padding: 0 2%;
}
.landingpage-footer > div:first-child {
   padding-right: 0;
   padding-left: 0;
   width: 25.3333%;
}
.landingpage-footer > div:nth-child(3n+2) {
   width: 41.3333%;
   padding-right: 4%;
}
.landingpage-footer > div:last-child {
   padding-right: 0;
   width: 33.3333%;
}
.landingpage.lp-type1 .landingpage-footer > div:last-child,
.case-study .landingpage-footer > div:last-child{
   width: 100%;
}
.landingpage-footer ul {
   list-style-type: none;
   margin-left: 0;
}
.landingpage-footer ul li {
   padding: 0 2%;
   font-weight: lighter;
   font-size: 12px;
   line-height: 1.4em;
   text-align: center;
   margin-bottom: 20px;
   display: block;
   max-width: 180px;
}
.landingpage-footer ul li img {
   display: block;
   margin: 0 auto;
}
.landingpage-footer ul li span {
   display: block;
   padding: 15px 0 15px;
   font-size: 11px;
}
.landingpage-footer form {
   font-size: 30px;
   font-weight: lighter;
   position: relative;
}
.landingpage-footer form > p:first-of-type {
   font-size: 25px;
}
.landingpage-footer form > p {
   margin-bottom: 15px;
   font-weight: lighter;
   line-height: 1.2em;
   font-size: 13px;
}
.landingpage-footer form label {
   font-size: 16px;
   text-transform: uppercase;
   line-height: 1.7em;
   font-weight: lighter;
}
.landingpage-footer form input[type=text],
.landingpage-footer form input[type=email],
.landingpage-footer form textarea {
   border: 1px solid #000;
   width: 100%;
   height: 32px;
   line-height: 32px;
   font-size: 16px;
   margin-bottom: -5px;
}
.landingpage.lp-type1 .landingpage-footer form > p:nth-of-type(2),
.landingpage.lp-type1 .landingpage-footer form > p:nth-of-type(3),
.landingpage.lp-type1 .landingpage-footer form > p:nth-of-type(4),
.landingpage.lp-type1 .landingpage-footer form > p:nth-of-type(5),
.case-study .landingpage-footer form > p:nth-of-type(2),
.case-study .landingpage-footer form > p:nth-of-type(3),
.case-study .landingpage-footer form > p:nth-of-type(4),
.case-study .landingpage-footer form > p:nth-of-type(5){
   width: 29.3333%;
   float: left;
   clear: left;
}
.landingpage.lp-type1 .landingpage-footer form > p:nth-of-type(6),
.case-study .landingpage-footer form > p:nth-of-type(6) {
   width: 65%;
   position: absolute;
   right: 0px;
}
.landingpage.lp-type1 .landingpage-footer form > p:nth-of-type(7),
.case-study .landingpage-footer form > p:nth-of-type(7) {
   clear: both;
}
.landingpage-footer form textarea {
   height: 130px;
}
.landingpage.lp-type1 .landingpage-footer form textarea,
.case-study .landingpage-footer form textarea{
   height: 250px;
}
.landingpage-footer form input[type=submit] {
    background: #9ca87a;
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: lighter;
    text-transform: uppercase;
    margin-bottom: 0;
    border: 0;
    height: 35px;
    line-height: 35px;
    width: 100px;
}
.landingpage.lp-type1 .landingpage-footer form input[type=submit] {
   margin-top: -20px;
}
.landingpage .references-projects {
   margin-top: 30px;
}

.landingpage .yt-ajax-load {
   display: block;
   max-width: 900px;
   position: relative;
   margin: 0 auto 20px;
}
.landingpage .yt-ajax-load .fa {
   position: absolute;
   font-size: 90px !important;
   top: 50%;
   left: 50%;
   height: 50px;
   width: 93px;
   padding-left: 7px;
   margin-top: -25px;
   margin-left: -50px;
   border-radius: 23%;
   line-height: 52px !important;
   text-align: center;
   color: #000;
}
.landingpage .yt-ajax-load .fa:before {
   display: inline-block;
}
.landingpage .yt-ajax-load:hover .fa,
.landingpage .yt-ajax-load:active .fa {
   color: #fff;
}
.landingpage .video-text {
   max-width: 900px;
   font-size: 13px;
   margin: 0 auto;
}

.landingpage .yt-video-container {
   position: relative;
   height: 0;
   margin-bottom: 15px;
   overflow: hidden; 
}
.landingpage .yt-video-container.visible {
   padding-bottom: 56.25%;
   padding-top: 30px;
   max-width: 900px;
   margin: 0 auto;
}

.landingpage .yt-video-container iframe, 
.landingpage .yt-video-container object, 
.landingpage .yt-video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.lp3-section {
   padding: 80px 0;
   background: #dddfdb;
}
.lp3-section.white {
   background: #fff;
}
.signup-form.lp3-section {
   padding-bottom: 0;
}
.lp3-section.signup-info {
   background: #b0b0ab;
   padding-top: 0px;
   padding-bottom: 120px;
}
.lp3-section-content {
   display: flex;
   max-width: 960px;
   margin: 0 auto;
   font-size: 16px;
   font-weight: lighter;
   line-height: 1.4em;
   position: relative;
}
.who-we-are .lp3-section-content {
   max-width: 1000px;
}
.lp3-section-content .column-first {
   width: 69%;
   padding-right: 10%;
   border-right: 0.5px solid #000;
   position: relative;
}
.lp3-section-content .column-first.no-border {
   border: 0;
}
.lp3-section-content .column-second {
   width: 56%;
   padding-left: 10%;   
   position: relative;
}
.signup-form.lp3-section .column-first,
.signup-form.lp3-section .column-second {
   padding-bottom: 80px;
}
.who-we-are.lp3-section .column-first,
.who-we-are.lp3-section .column-second {
   width: 50%;
}
.who-we-are.lp3-section .column-first {
   padding-right: 5%;
}
.who-we-are.lp3-section .column-second {
   padding-left: 5%;
}
.lp3-section.who-we-are .column-first .signup-btn-large {
   position: relative;
}
.lp3-section.who-we-are .image-column img {
   display: block;
   width: 100%;
   max-width: 100%;
}
.lp3-section.signup-info .column-first,
.lp3-section.signup-info .column-second {
   padding-top: 80px;
}
.lp3-section-content .column-headline,
.lp3-section-content .column-first > h2,
.lp3-section-content .column-second > h2 {
   font-size: 30px;
   font-weight: lighter;
   display: block;
   margin-bottom: 15px;
   line-height: 1.4em;
}
.lp3-section-content .column-headline strong {
   font-weight: 300;
}
.lp3-section-content p {
   font-size: 16px;
   font-weight: lighter;
   line-height: 1.4em;
}
.lp3-section-content form {
   margin-top: 20px;
   display: flex;
   flex-wrap: wrap;
}
.lp3-section-content form > p {
   margin-bottom: 0;
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
.lp3-section-content form > p > span {
   display: flex;
   width: 100%;
}
.lp3-section-content form input[type=text],
.lp3-section-content form input[type=email],
.lp3-section-content form input[type=submit] {
   background: #bfbeb5;
   border: 0;
   height: 35px;
   line-height: 35px;
   padding: 0 15px;
   max-width: 490px;
   width: 100%;
   color: #222;
   font-size: 12px;
   margin-bottom: 15px;
}
.lp3-section-content form input[type=submit] {
   width: 30%;
   color: #fff;
   text-transform: uppercase;
   background: #b1c3ab;
}
.page-template-page-landingpage-type3 .ui-selectmenu-button.ui-button {
   background: #bfbeb5;
   margin-bottom: 15px;
}
.lp3-section-content form .mandatory-explainer {
   font-style: italic;
   color: #222;
   font-size: 12px;
   line-height: 15px !important;
   width: 70%;
}
.lp3-section-content form .wpcf7-response-output {
   margin-top: 0px !important;
}
.lp3-section-content .course-program-infolist {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 40px;
}
.lp3-section-content .course-program-infolist .label {
   width: 40%;
   margin-bottom: 1em;
}
.lp3-section-content .course-program-infolist .info-text {
   width: 60%;
   margin-bottom: 1em;
}
.lp3-section-content .column-second .course-program-infolist .label {
   width: 44%;
}
.lp3-section-content .column-second .course-program-infolist .info-text {
   width: 56%;
}
.lp3-section-content .signup-btn-large,
.lp-top-video .download-video,
.lp-top-video + .download-video {
   display: block;
   position: absolute;
   bottom: 0;
   right: 0px;
   height: 50px;
   line-height: 50px;
   color: #fff;
   text-align: center;
   width: 80%;
   background: #b1c3ab;
   text-decoration: none;
   font-size: 28px;
   font-weight: lighter;
}
.lp-top-video .download-video,
.lp-top-video + .download-video {
   bottom: auto;
   top: -70px;
   width: auto;
   padding: 0 40px;
   text-transform: uppercase;
}
.lp-top-video + .download-video.mobile {
   display: none;
}
#ctaMenu .aia-education {
   background: #b0b0ab;
   height: 40px;
   line-height: 42px;
   font-size: 13px;
   padding-left: 45px;
}
/* Training landingpages */
.training-lp-section {
   background-color: #b0b0ab;
   padding: 40px 0;
   display: none;
}
.training-lp-section.training-intro-section.first-section {
   padding-bottom: 0px;
}
.training-lp-section.training-intro-section.first-section + .training-lp-section.training-intro-section {
   padding-top:0px;
}
.training-lp-section.light-background {
   background-color: #dddeda;
}
.training-lp-section.visible {
   display: block;
}
.training-lp-section.training-videos-section.first {
   padding-bottom: 0px;
}
.training-lp-section.training-video-section.second {
   padding-top: 0px;
}
.training-lp-section .training-content-row {
   max-width: 1000px;
   display: flex;
   margin: 0 auto;
   justify-content: space-between;
   font-weight: lighter;
   position: relative;
}
.training-lp-section .training-content-row.content-section {
   padding: 40px 0;
}
.training-lp-section .training-content-row.content-section:first-child,
.training-lp-section.training-intro-section.last-section {
   padding-top: 0px;
}
.training-lp-section.training-intro-section.first-section + .training-lp-section.training-intro-section .training-content-row.content-section:first-child,
.training-lp-section.training-intro-section.last-section .training-content-row.content-section:first-child {
   padding-top: 40px;
}
.training-lp-section:not(.first) .training-content-row.content-section:last-child,
.training-lp-section.training-intro-section.first-section + .training-lp-section.training-intro-section {
   padding-bottom: 0;
}
.training-lp-section.training-intro-section.first-section > .training-content-row.content-section:last-child,
.training-lp-section.training-intro-section.first-section + .training-lp-section.training-intro-section .training-content-row.content-section:last-child {
   padding-bottom: 40px;
}
.training-lp-section.training-video-section .training-content-row.step-by-step-intro {
   padding-top: 80px;
}
.training-lp-section .training-content-row.content-section:after {
   content: "";
   width: 1px;
   background-color: #000;
   position: absolute;
   top: 0px;
   bottom: 0;
   left: 50%
}
.training-lp-section .training-content-row.content-section .column {
   width: 100%;
   max-width: 50%;
   padding-right: 7%;
   position: relative;
}
.training-lp-section .training-content-row.content-section .column:last-child {
   padding-left: 7%;
   padding-right: 0;
   order: 3;
}
.training-lp-section .training-content-row.content-section .column p {
   font-size: 14px;
   font-weight: lighter;
   padding-left: 10px;
}
.training-lp-section .training-content-row.content-section .column p:last-child {
   margin-bottom: 0px;
}
.training-lp-section .training-content-row.content-section .column .training-quote {
   font-size: 30px;
   position: relative;
   line-height: 1.2em;
   width: 100%;
}
.training-lp-section .training-content-row.content-section .column .training-quote strong {
   font-weight: normal;
}
.training-lp-section .training-content-row.content-section .column .training-quote:before {
   content: "";
   position: absolute;
   height: 5px;
   background-color: #fff;
   border-radius: 2.5px;
   width: 100%;
   top: -25px;
}
.training-lp-section .select-training-section {
   justify-content: center;
}
.select-training-section .select-title {
   height: 31px;
   line-height: 31px;
   font-size: 20px;
   margin-right: 30px;
   color: #232323;
   font-weight: lighter
}
.select-training-section .ui-selectmenu-button.ui-button {
   width: 430px;
   height: 31px;
   line-height: 26px;
   background: #fff;
   border: 1px solid #232323;
   padding: 4px 15px 4px;
   /*z-index: 10;*/
   border-radius: 10px;
}
.select-training-section .ui-icon-triangle-1-s {
   margin-top: 2px !important;
   background-position: -60px 2px;
}
.training-step-headline,
.training-contact-form-headline {
   font-size: 39px;
   line-height: 1.1em;
   font-weight: inherit;
   padding-left: 10px;
   display: block;
   position: relative;
   margin-bottom: 20px;
}
.training-step-headline .deco-line {
   background: #fff;
   width: 3px;
   height: 100%;
   min-height: 55px;
   border-radius: 1.5px;
   display: inline-block;
   margin-right: 5px;
}
.training-step-headline:before,
.training-contact-form-headline:before {
   content: "";
   background: #fff;
   width: 3px;
   height: 100%;
   /*min-height: 55px;*/
   border-radius: 1.5px;
   position: absolute;
   left: 0;
   bottom: 6px;
}
.training-lp-section.training-videos-section.first .training-step-headline {
   
}
/*.training-video-section .step-by-step-intro .training-step-headline:before,
.training-repair-section .step-by-step-intro .training-step-headline:before {
   height: 200%;
}*/
/*.training-video-section .step-by-step-step .training-step-headline:before {
   height: 175%;
}*/
.training-step-headline strong {
   font-weight: normal;
}
.step-by-step-step .training-step-headline {
   font-size: 21px;
   line-height: 31px;
   max-height: 29px;
}
.step-by-step-step .training-step-headline:before {
   bottom: 0px;
}
.step-by-step-step .training-step-headline .step-no {
   font-weight: lighter;
   margin-right: 5px;
   font-size: 41px;
}
.download-training-material,
.watch-traning-video {
   display: block;
   background: #c4ceba;
   padding: 10px;
   width: 100%;
   color: #fff;
   text-decoration: none;
   font-size: 20px;
   font-weight: inherit;
   text-align: center;
   cursor: pointer;
}
.watch-traning-video-thumb {
   cursor: pointer;
}
.download-guide .download-training-material {
   width: 200px;
}
.step-by-step-intro .column:last-child {
   display: flex;
   align-items: flex-end;
}
.step-by-step-step .column figure {
   margin: 0 0 20px 20px;
   float: right;
}
.step-by-step-step .column.video > img,
.training-content-row .column.video > img {
   width: 100%;
   display: block;
   margin-bottom: 20px;
}
.training-contact-form-section {
   padding: 30px 0;
}
.training-contact-form-section .wpcf7 {
   display: block;
   width: 100%;
}
.training-contact-form-section .wpcf7 form {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.training-contact-form-section .wpcf7 form div {
   width: 49%;
}
.training-contact-form-section .wpcf7 form div.contact-fullwidth-column {
   width: 100%;
}
.training-contact-form-headline {
   font-weight: lighter;
}
.training-contact-form-headline:before {
   background-color: #e5e5de;
   bottom: 0;
}
.training-video-overlay {
   display: none;
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background: #222;
   background-color: rgba(0,0,0,0.5);
   z-index: 9999;
   text-align: center;
   align-items: center;
   justify-content: center;
}
.training-video-overlay.visible {
   display: flex;
}
.training-video-overlay .close-overlay {
   height: 50px;
   width: 50px;
   font-size: 50px;
   color: #fff;
   position: absolute;
   top: 20px;
   right: 20px;
   cursor: pointer;
}

@media (max-width: 1039px) {
   .training-lp-section .training-content-row,
   .training-contact-form-section .wpcf7,
   .training-contact-form-headline {
      max-width: calc(100% - 40px);
   }
   .training-contact-form-headline,
   .training-contact-form-section .wpcf7 {
      margin: 0 auto;
   }
   .training-contact-form-headline {
      width: 100%;
      margin-bottom: 20px;
   }
}
@media (max-width: 767px) {
   .landingpage.training .top-section > img {
      max-width: 100%;
      margin-left: 0;
   }
   .training-lp-section .training-content-row {
      width: calc(100% - 40px);
      max-width: 490px;
   }
   .training-lp-section .training-content-row {
      flex-direction: column;
   }
   .training-lp-section .training-content-row.content-section .column,
   .training-lp-section .training-content-row.content-section .column:last-child {
      max-width: 100%;
      padding: 0;
   }
   .training-lp-section .training-content-row.content-section .column:last-child {
      padding-top: 7%;
      padding-left: 10px;
   }
   .training-lp-section .training-content-row.content-section:after {
      content: none;
   }
   .training-lp-section .training-content-row.content-section .column .training-quote {
      margin-top: 50px;
   }
}
@media (max-width: 600px) {
   .landingpage.training .top-section > img {
      margin: 0;
      max-width: 100%;
      /*padding: 15px;*/
   }
   .landingpage.training .top-section .lp-headline h1,
   .landingpage.training .top-section .lp-headline p {
      padding: 0;
      text-align: center;
   }
   .landingpage.training .top-section .lp-headline {
      position: relative;
      bottom: auto;
      left: auto;
   }
   .select-training-section .ui-selectmenu-button.ui-button {
      width: 100%;
      max-width: 300px;
      margin: 0 auto;
   }
   .training-lp-section .select-training-section {
      text-align: center;
   }
}
@media (max-width: 490px) {
   .training-video-section .step-by-step-intro .training-step-headline:before, 
   .training-repair-section .step-by-step-intro .training-step-headline:before {
      height: 100%;
   }
   .training-contact-form-section .wpcf7 form div {
      width: 100%;
   }
   .training-contact-form-section form input, 
   .training-contact-form-section form textarea {
      max-width: 100%;
   }
}
@media (max-width: 414px) {
   .step-by-step-step .training-step-headline {
      font-size: 17px;
   }
   .step-by-step-step .training-step-headline .step-no {
      font-size: 37px;
   }
}

#ctaMenu .aia-education img {
   height: 30px;
   width: 30px;
   top: 5px;
   left: 5px;
}
#ctaMenu .aia-education img path {
   color: #fff;
}

@media (max-width: 1070px) {
   .landingpage.lp-type3 > .content-wrap {
      padding-right: 0;
      padding-left: 0;
   }
   .landingpage.lp-type3,
   .lp3-section {
      padding-right: 15px;
      padding-left: 15px;
   }
   .lp3-section-content .column-first {
      padding-right: 5%;
   }
   .lp3-section-content .column-second {
      padding-left: 5%;
   }
   .lp3-section-content .signup-btn-large {
      width: 90%;
   }
   .landingpage.lp-type3 .top-section .partner-logo {
      z-index: 1;
   }
}
@media (max-width: 767px) {
   .landingpage.lp-type3 .top-section {
      padding-top: 30px;
      margin-right: 0;
      margin-left: 0;
   }
   .landingpage.lp-type3.who-we-are .top-section {
      padding-bottom: 0;
      padding-top: 0px;
      margin-bottom: 15px;
   }
   .lp-top-video {
      max-width: 100%;
      margin-right: 0;
      
      overflow: hidden;
      width: 100%;
      padding-top: 56.25%;
      /*margin-bottom: 70px;*/
   }
   .lp-top-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
   }
   .video-right-block {
      display: none;
   }
   .lp-top-video .download-video {
      display: none;
/*      position: relative;
      top: 0px;
      bottom: -70px;*/
   }
   .lp-top-video + .download-video.mobile {
      display: block;
      position: relative;
      top: auto;
      margin-top: 15px;
   }
   .landingpage.lp-type3 .top-section > img {
      display: block;
   }
   .landingpage.lp-type3 .top-section .lp-headline:before {
      content: none;
   }
   .landingpage.lp-type3 .top-section .lp-headline {
      padding: 15px;
   }
   .landingpage.lp-type3 .top-section .lp-headline h1 {
      font-size: 30px;
      line-height: 1.2em;
   }
   .landingpage.lp-type3 .top-section .lp-headline p {
      font-size: 20px;
   }
   .lp3-section-content {
      flex-direction: column;
      align-items: center;
   }
   .lp3-section-content .column-first {
      border-right: 0;
   }
   .lp3-section-content .column-first,
   .lp3-section-content .column-second,
   .who-we-are.lp3-section .column-first, 
   .who-we-are.lp3-section .column-second,
   .landingpage.lp-type3.who-we-are {
      width: 100%;
      padding: 0;
      max-width: 490px;
   }
   .landingpage.lp-type3.who-we-are.top-area {
      max-width: calc(100% - 30px);
   }
   .signup-form.lp3-section .column-first, 
   .signup-form.lp3-section .column-second {
      padding-bottom: 40px;
   }
   .who-we-are.lp3-section .column-first.image-column {
      padding: 40px 0;
   }
   .lp3-section-content .signup-btn-large {
      position: relative;
      width: 100%;
   }
}
@media (max-width: 600px) {
   .landingpage.lp-type3 .top-section .lp-headline {
      position: relative;
   }
   .landingpage.lp-type3 .top-section .partner-logo img {
      max-width: 50px;
      max-height: 50px;
   }
   .landingpage.lp-type3 .top-section .partner-logo {
      padding-left: 60px;
   }
}

/* Posts */
body.single .content-area article {
   max-width: 800px;
   position: relative;
   padding: 40px;
   border: 1px solid #bfc1ba;
}
body.single .content-area article,
body.single .content-area article p {
   font-weight: 100;
   font-size: 18px;
   line-height: 1.6em;
}
body.single .content-area article p:last-child {
   margin-bottom: 0;
}
body.single .content-area article h1 {
   font-size: 34px;
   line-height: 41px;
   font-weight: lighter;
   margin: 0px;
   padding-right: 25px;
   position: relative;
}
body.single article p.post-date {
   font-size: 15px;
}
body.single post-date span {
   font-weight: 100;
}
body.single .content-area article .share-post-url {
   position: absolute;
   top: 0px;
   right: 0px;
   cursor: pointer;
}
body.single .content-area article .share-post-url {
   font-size: 15px;
   color: #707070;
}
body.single .comments-area {
   max-width: 800px;
   padding: 20px;
   margin: 0 auto;
}
body.single .comments-area .comment-list {
   list-style-type: none;
   margin: 0;
}
body.single .comments-area .comment-list li {
   padding-top: 25px;
   padding-bottom: 30px;
   border-bottom: #d7d7d7 1px solid;
}
body.single .comments-area .comment-list .comment-author b {
   font-weight: normal;
}
body.single .comments-area .comment-list .comment-author span {
   font-weight: lighter;
}
.comment-awaiting-moderation {
   font-size: 14px;
}
body.single .comments-area .reply a {
   display: block;
   width: 10%;
   min-width: 100px;
   font-size: 16px;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
   height: 35px;
   line-height: 35px;
   /*margin: 50px auto 0px;*/
   background: #bfc1ba;
   color: #fff;
   font-weight: lighter;
}
body.single .comment-respond {
   padding-top: 30px;
   font-size: 16px;
}
body.single .comments-area h2,
body.single .comment-respond h3 {
   font-size: 20px;
   font-weight: lighter;
   margin-bottom: 5px;
}
body.single .comments-area h2 {
   font-size: 13px;
}
body.single .comment-respond form a,
.comment-metadata a {
   font-size: 14px;
   font-weight: lighter;
   color: #000;
}
body.single .comment-form-comment > label {
   display: block;
   font-weight: lighter;
}
.comment-notes,
.comment-notes span {
   font-weight: lighter;
   font-size: 14px;
}
body.single .comment-form-comment #comment {
   width: 100%;
   height: 150px;
   line-height: 1.3em;
   padding: 15px;
   margin-bottom: 0;
   background: #e5e5de;
   border: 0;
   color: #222;
   font-size: 12px;
}
body.single .comment-form-author,
body.single .comment-form-email {
   margin-bottom: 0;
}
body.single .comment-form input[type=text],
body.single .comment-form input[type=email] {
   background: #e5e5de;
   border: 0;
   height: 35px;
   line-height: 35px;
   padding: 0 15px;
   max-width: 490px;
   width: 100%;
   color: #222;
   font-size: 12px;
   margin-bottom: 15px;
}
body.single .comment-form  input[type=submit] {
   border: 0;
   height: 35px;
   line-height: 35px;
   background: #9ca87a;
   color: #fff;
   /*float: right;*/
   font-size: 16px;
   margin-bottom: 0;
   font-weight: lighter;
   text-transform: uppercase;
   width: auto;
   padding: 0 30px;
   cursor: pointer;
}

/* Blog archive */
.blog-archive {
   padding-bottom: 50px;
}
.blog-archive h1,
.blog-archive h2 {
   font-weight: lighter;
   font-size: 34px;
}
.blog-archive h2 {
   font-size: 24px;
   position: relative;
   margin: 10px 0 15px;
   padding-right: 25px;
}
.blog-archive ul {
   list-style-type: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   justify-content: space-between;
   -webkit-justify-content: space-between;
   flex-wrap: wrap;
   margin: 0;
}
.blog-archive ul li {
   max-width: 500px;
   width: 48%;
   padding-bottom: 20px;
   margin-bottom: 70px;
   border-bottom: 1px solid #bfc1ba;
}
.blog-archive ul li > img {
   max-width: 100%;
   height: auto;
   display: block;
}
.blog-archive .share-post-url {
   position: absolute;
   right: 0;
   top: 0px;
}
.blog-archive .share-post-url .fa {
   font-size: 15px;
   color: #707070;
}
.blog-archive .post-excerpt {
   padding: 0px;
   font-size: 15px;
   font-weight: lighter;
}
.blog-archive .post-excerpt p {
   margin: 0;
   font-size: 15px;
   font-weight: lighter;
}
.blog-archive .read-more-link {
   display: block;
   text-decoration: none;
   color: #000;
   position: relative;
   overflow: hidden;
}
.blog-archive .read-more-text {
   display: block;
   text-align: right;
   padding-top: 10px;
}

/* Share URL popup */
.share-url-popup {
   position: relative;
   width: 100vw;
   height: 100vh;
   background: rgba(0,0,0,0.58);
   position: fixed;
   top: 0px;
   left: 0px;
   z-index: -1;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
   -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
   transition: opacity 0.3s 0s, visibility 0s 0.3s;
   overflow-y: scroll;
}
.share-url-popup .fa {
   font-size: 14px;
}
.share-url-popup input {
   height: 40px;
   line-height: 40px;
   text-align: center;
   display: block;
   font-size: 15px;
   font-weight: lighter;
   width: 100%;
   margin: 15px 0;
   outline: none;
   border: 1px solid #eee;
}
.share-url-popup button {
   width: 40%;
   border: 0;
   height: 35px;
   line-height: 35px;
   background: #9ca87a;
   color: #fff;
   /* float: right; */
   font-size: 16px;
   margin-bottom: 0;
   font-weight: lighter;
   text-transform: uppercase;
   width: auto;
   padding: 0 30px;
   cursor: pointer;
}
.share-url-popup button.cancel-popup {
   background: #bfc1ba;
}
.share-url-popup.visible {
   opacity: 1;
   visibility: visible;
   z-index: 1000;
   -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
   -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
   transition: opacity 0.3s 0s, visibility 0s 0s;
}
.share-url-popup .popup-content {
   color: #000;
   font-size: 19px;
   text-align: left;
   font-weight: lighter;
   background: #fff;
   padding: 40px;
   width: calc(100% - 80px);
   max-width: 500px;
   top: 50%;
   left: 50%;
   margin-left: -250px;
   margin-top: -100px;
   position: absolute;
   -webkit-transform: translateY(-40px);
   -moz-transform: translateY(-40px);
   -ms-transform: translateY(-40px);
   -o-transform: translateY(-40px);
   transform: translateY(-40px);
   -webkit-backface-visibility: hidden;
   -webkit-transition-property: -webkit-transform;
   -moz-transition-property: -moz-transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   transition-duration: 0.3s;
}
.share-url-popup.visible .popup-content {
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
}

/*@media (max-width: 1220px) {
   .product-sample:nth-of-type(2) {
      margin: 0 80px;
   }
}*/

@media (max-width: 1180px) {
   .landingpage .top-section .top-text-box {
      top: 5%;
   }
   .landingpage .top-section > img,
   .landingpage .middle-section > img {
      width: 65%;
   }
}
@media (max-width: 1080px) {
   .landingpage .top-section .top-text-box {
      padding-right: 40px;
   }
   .landingpage .top-section > .contact-link {
      right: 0px;
      bottom: 20px;
   }
}

/*@media (max-width: 999px) {
   .product-sample:nth-of-type(2) {
      margin: 0 2%;
   }
}*/

@media (max-width: 970px) {
   .landingpage .top-section .top-text-box {
      max-width: 70%;
      padding: 2%;
      top: 2%;
   }
   .landingpage .top-section h1 {
      font-size: 40px;
   }
   .landingpage .top-section > .contact-link {
      bottom: 2%;
   }
   .landingpage .middle-text-box * {
      font-size: 16px;
   }
}
@media (max-width: 767px) {
   .landingpage .top-section,
   .landingpage .middle-section,
   .landingpage .video-section {
      margin-left: 10px;
      margin-right: 10px;
   }
   .landingpage .top-section .top-text-box {
      position: relative;
      top: 0px;
      max-height: none;
   }
   .landingpage .top-section > .contact-link {
      position: relative;
      display: block;
      bottom: 0px;
      width: 100%;
   }
   .landingpage .top-section .top-text-box,
   .landingpage .top-section > img, 
   .landingpage .middle-section > img {
      max-width: 100%;
      width: 100%;
   }
   
   .landingpage.lp-type1 .landingpage-footer {
      
   }
   
   .landingpage.lp-type1 .landingpage-footer form > p:nth-of-type(2),
   .landingpage.lp-type1 .landingpage-footer form > p:nth-of-type(3),
   .landingpage.lp-type1 .landingpage-footer form > p:nth-of-type(4),
   .landingpage.lp-type1 .landingpage-footer form > p:nth-of-type(5) {
      width: 100%;
      float: none;
      clear: left;
   }
   .landingpage.lp-type1 .landingpage-footer form > p:nth-of-type(6) {
      width: 100%;
      position: relative;
      right: auto;
   }
}

/* Sitemaps */
.page-content.sitemap {
   background: #f8f8f8;
   padding: 25px;
   margin-top: 25px;
}
.page-content.sitemap ul {
   margin: 0;
   list-style-type: none;
}
.page-content.sitemap ul li {
   margin-bottom: 20px;
   font-size: 17px;
}
.page-content.sitemap ul li:last-child {
   margin-bottom: 0;
}
.page-content.sitemap ul li a {
   display: block;
   color: #000;
   font-size: 17px;
   padding-bottom: 3px;
}

/* Site footer */
.site-footer {
   border-top: 1px solid transparent;
   padding: 20px 0;
}
.site-footer .footer-logo {
   margin-bottom: 40px;
   height: 40px;
}
.site-footer .footer-nav {
   float: left;
   width: 25%;
}
.site-footer .footer-nav h3 {
    margin: 0 0 25px;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 21px;
    line-height: 26px;
}
.site-footer .footer-nav ul {
   list-style-type: none;
   padding: 0;
   font-size: 16px;
   margin-bottom: 0;
}
.site-footer .footer-nav ul li {
   margin-bottom: 10px;
}
.site-footer .footer-nav a {
   text-decoration: none;
}
.site-footer address {
   text-align: center;
   padding-top: 40px;
}
.site-footer .copyright {
   text-align: center;
}

@media (max-width: 1220px) {
   
   .home .top-bar > .inner-wrap {
      /*max-width: 1200px;*/
      width: auto;
   }
   
   .references-projects .projects-thumbs > .reference {
      height: auto;
   }
   .references-projects .projects-thumbs > .reference img,
   .references-projects .reference .reference-info {
      position: relative;
   }
   
   .product-top .attachment-product-thumb {
      width: 50%;
      height: auto;
   }
/*   .product-description {
      width: 48%;
      margin-left: 2%;
      height: auto;
   }*/
   
   .toi,
   .app {
      float: left;
      width: 31%;
      margin-bottom: 50px;
   }
   .toi:nth-child(3n+2),
   .app:nth-child(4n+3) {
      margin: 0 3.5%;
   }
   
   .project-galleries {
      padding: 10px 0;
      max-width: 630px;
      width: auto;
      margin: 0 auto 40px;
   }
   .gallery-slider {
      display: block;
      margin: 0 auto;
   }
   .gallery-slider .slider-navigate,
   .case-study .gallery-slider .slider-navigate{
      display: none;
   }
   .gallery-slider .slider-visible-image,
   .case-study .gallery-slider .slider-visible-image {
      min-height: 365px;
      width: auto;
   }
   .gallery-slider .slider-images-container > span,
   .case-study .gallery-slider .slider-images-container > span {
      float: left;
      height: auto;
      text-align: center;
      width: 0;
   }
   .gallery-slider .slider-images-container img,
   .case-study .gallery-slider .slider-images-container img {
      width: 100%;
      float: none;
   }
   .project-gallery .project-info {
      width: 100%;
   }
   .gallery-slider .current-slide {
      position: relative;
   }
   .gallery-slider:before,
   .gallery-slider:after {
      content: "\f104";
      font-family: FontAwesome;
      display: block;
      position: absolute;
      font-size: 50px;
      top: 50%;
      margin-top: -25px;
      z-index: 10;
   }
   .gallery-slider:before {
      left: 10px;
      animation: GalleryArrowMoveLeft 1s linear infinite;
   }
   .gallery-slider:after {
      content: "\f105";
      right: 10px;
      animation: GalleryArrowMoveRight 1s linear infinite;
   }
}

@keyframes GalleryArrowMoveLeft {
  0% {
    left: 5px;
  }
  50% {
    left: 13px;
  }
  100% {
    left: 5px;
  }
}
@keyframes GalleryArrowMoveRight {
  0% {
    right: 5px;
  }
  50% {
    right: 13px;
  }
  100% {
    right: 5px;
  }
}

@media (max-width: 1139px) {
   .step {
      padding: 0 8%;
   }
   .step img {
      margin: 0;
      max-width: 100%;
   }
   .step .step-count {
      clear: left;
      float: left;
      margin-top: 10px;
      margin-right: 10px;
   }
   .step .step-explanation {
      max-width: 100%;
      width: 310px;
      display: inline-block;
      float: none;
      padding-top: 5px;
   }
   .step .step-explanation p {
      margin-top: 5px;
   }
}

@media (max-width: 1023px) {
   .inner-wrap,
   .content-wrap{
      padding-left: 10px;
      padding-right: 10px;
   }
   
   .front-top-feature .feature-text-video .fade-video > video {
      display: none;
   }
   .front-top-feature .feature-text-video .fade-video > img {
      display: block;
   }
   
   .product-top .attachment-product-thumb {
      width: 39%;
      height: auto;
   }
   .product-top .product-description .product-preview {
      height: auto;
   }
   .product-top .product-description .product-preview-image,
   .product-top .product-description .product-colors {
      float: none;
   }
   .product-top .product-description .product-preview-image {
      width: 100%;
   }
   .product-top .product-description .product-colors {
      width: 100%;
      margin-top: 10px;
   }
   .product-top .product-description .product-colors {
      display: flex;
/*      flex-wrap: wrap;*/
      justify-content: space-between;
      height: 100px; 
   }
   .product-colors .color {
      margin-top: 0;
   }
   .product-colors .color.default,
   .product-colors .color-value {
      width: 210px;
      height: 100px;
      line-height: 100px;
      margin-top: 0;
   }
   .product-colors .altcolors {
      padding: 0 15px;
      align-content: space-between;
      max-width: 479px;
      flex-direction: row;
   }
   
   .front-top-feature ul li {
      width: 220px;
      padding: 45px 25px;
   }
   
   .product-list {
      padding-top: 110px;
   }
   
   .contact-page-content .contact-column {
      width: 50%;
      padding: 0 1%;
   }
   .contact-page-content .contact-fullwidth-column {
      padding: 0 1%;
   }
   .contact-page-content .contact-fullwidth-column.product-samples,
   .contact-page-content .contact-fullwidth-column.add-product-samples-btn,
   .contact-page-content .contact-fullwidth-column.add-special-samples-btn {
      margin: 0 1% 1%;
      width: 98%;
   }
   .home .product-list ul.not-stacked {
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      justify-content: center;
   }
   .product-list.request-sample ul li > div.product-sample {
      flex-wrap: nowrap;
   }
   .product-list.request-sample ul li .product-surface {
      width: auto;
      max-width: 220px;
      height: auto;
   }
   .product-list.request-sample ul li .product-surface img {
      display: block;
   }
   .product-list ul li .surface-info .surface-description {
      font-size: 13px;
      margin-top: 5px;
   }
   
   .contact-page-content .contact-column .contact-column-field-wrapper.phone .contact-phone {
      width: calc(100% - 90px);
   }
}

@media (max-width: 919px) {
   .contact-page-content .contact-fullwidth-column.product-samples {
      padding: 25px;
   }
   .product-list.request-sample ul li .product-surface img {
      max-width: 180px;
   }
   .request-sample .product-sample .product-sample-custom-color input {
      height: 30px;
      line-height: 30px;
   }
   .product-list.request-sample .surface-colours .custom-color-explain {
      bottom: 35px;
   }
}

@media (max-width: 880px) {
   .product-surfaces li > div,
   .product-surfaces li > .surface-info {
      width: 30%;
      height: auto;
   }
   .product-surfaces li > div img {
      max-width: 100%;
      height: auto;
   }
   .product-surfaces li .surface-info .surface-description {
      height: auto;
      margin-bottom: 20px;
   }
   .product-surfaces li .surface-info a {
      position: relative;
      bottom: auto;
      margin-top: 20px;
   }
   
   .product-list.request-sample ul {
      flex-direction: column;
      align-items: center;
   }
   .product-list.request-sample ul li {
      margin-bottom: 10px;
      min-width: 430px;
   }
   .product-list.request-sample ul li:last-child {
      margin-bottom: 0;
   }
   .product-list.request-sample ul li .product-surface img {
      max-width: 220px;
   }
   
   .product-colors .color.default, 
   .product-colors .color-value {
      width: 100px;
      line-height: 20px;
      padding: 30px 0;
   }
   
   .lp-type1 .landingpage-footer > div {
      float: none;
      width: 100%;
      max-width: 300px;
      margin: 10px auto;
      padding: 10px 0;
   }
   .landingpage.lp-type1 .landingpage-footer > div:first-child,
   .landingpage.lp-type1 .landingpage-footer > div:last-child  {
      max-width: 100%;
   }
   
   .case-study-body .column {
      float: none;
      width: 100%;
      padding: 0;
   }
   .case-study-body .case-study-facts {
      min-width: 340px;
      margin-left: 30px;
      margin-bottom: 20px;
      padding: 20px;
   }
}

@media (max-width: 833px) {
   .front-top-feature > img {
      display: none;
   }
   .front-top-feature .feature-text {
      max-width: 100%;
   }
   .product-top .attachment-product-thumb {
      float: right;
      margin-bottom: -100%;
   }
   .product-info-box p {
      margin-bottom: 15px;
   }
   
/*   .contact-page-content .contact-fullwidth-column.product-samples {
      padding: 25px 0;
   }*/
/*   .product-sample {
      width: 30%;
   }
   .product-sample img {
      max-width: 100%;
      height: auto;
   }
   .product-sample:nth-of-type(2) {
      margin: 0 2%;
   }*/
}

@media (max-width: 767px) {
   .top-bar {
      padding: 10px 0;
   }
   .top-bar > div {
      padding: 10px 3%;
   }
   .top-bar .logo {
      margin: 0;
   }
   
   .main-menu {
      display: none;
   }
   #mobileMenuIcon {
      display: block;
   }
   .mobile-menu {
      position: absolute;
      width: 100%;
      top: 106px;
      left: 0px;
      z-index: 100;
      background: #fff;
   }
   .mobile-menu ul {
      border-top: 1px solid transparent;
   }
   .mobile-menu ul,
   .mobile-menu ul li {
      width: 100%;
      display: block;
      margin: 0;
      padding: 0;
   }
   .mobile-menu ul li {
      border-bottom: 1px solid #000;
   }
   .mobile-menu ul li a {
      font-size: 17px;
      text-decoration: none;
      padding: 4% 2%;
      display: block;
      border-bottom: 1px solid transparent;
      color: #000;
   }
   .mobile-menu ul li > .sub-menu li a {
      padding-left: 6%;
   }
   
   .front-top-feature .feature-text-video {
      height: auto;
   }
   .front-top-feature .feature-text-video .fade-video {
      display: none;
   }
   .front-top-feature .feature-text-video .feature-text {
      width: 100%;
      max-width: none;
      position: relative;
      left: auto;
      bottom: auto;
   }
   .front-top-feature ul {
      flex-direction: column;
   }
   .product-list ul {
      justify-content: center;
      flex-wrap: wrap;
   }
   .front-top-feature ul li {
      width: 100%;
   }
   .front-top-feature ul li:nth-child(2) {
      margin: 20px 0;
   }
   .product-list ul li {
      margin-bottom: 20px;
   }
   
   .product-info-tabs .product-tabs label span {
      font-size: 14px;
   }
   .step {
      padding: 0 2%;
   }
   
   .dwg-library-wrapper .dwg-options {
      width: 45%;
   }
   .dwg-library-wrapper .dwg-files {
      width: 52%
   }
   .specification-generator .absorption-title {
      line-height: 16px;
      padding: 11px 0;
   }
   .general-product-docs .document-list li > .preview-doc,
   .document-list li > .preview-doc {
      display: none;
   }
   
   .main-footer .footer-content .footer-columns {
      padding: 0;
   }
   .main-footer .footer-content .footer-columns > div,
   .main-footer .footer-content .footer-columns > div.news-press,
   .main-footer .footer-content .footer-columns > div.specialties,
   .main-footer .footer-content .footer-columns > div.cases {
      width: 50%;
      min-width: 280px;
      margin: 60px auto;
      float: none;
   }
   .footer-content .footer-columns .footer-headline {
      margin-bottom: 5px;
   }
}

@media (max-width: 700px) {
   .product-docs li {
      height: auto;
      min-height: 90px;
   }
   .product-docs li span:nth-of-type(1) {
      width: 100%;
      text-align: center;
   }
   .product-docs li span:nth-of-type(2) {
      width: 30%;
   }
   .product-docs li span:nth-of-type(3) {
      width: 35%;
   }
   .product-docs li span:nth-of-type(4) {
      width: 30%;
   }
   
   .landingpage.lp-type2 .landingpage-footer > div,
   .landingpage.lp-type2 .landingpage-footer > div:first-child,
   .landingpage.lp-type2 .landingpage-footer > div:last-child {
      width: 50%;
   }
   
   .lp-type2 .landingpage-footer > div:nth-child(2) {
      display: none;
   }
   
   .product-top .product-description .product-colors {
      height: auto;
      flex-wrap: wrap;
   }
   .product-colors .color.default, .product-colors .color-value {
      width: 49%;
      height: 40px;
      line-height: 40px;
      padding: 0;
   }   
   .product-colors .color.default {
      order: 1;
   }
   .product-colors .color-value {
      order: 2;
   }
   .product-colors .altcolors {
      order: 3;
      width: 100%;
      max-width: none;
      padding: 10px 0 0;
   }
   .product-colors .color {
      width: 5%;
      height: auto;
   }
}

@media (max-width: 650px) {
   .case-study-body .case-study-facts {
      float: none;
      margin-left: 0;
      width: 100%;
      min-width: 0;
      padding: 0;
   }
   
   .product-list ul li .product-surface {
      width: 300px;
      height: 300px;
   }
   .product-list ul li .surface-info {
      height: 300px;
   }
   
   .product-info-box {
      bottom: 25px;
   }
   .dwg-library-wrapper .dwg-files,
   .dwg-library-wrapper .dwg-options {
      width: 100%;
   }
   .dwg-library-wrapper .dwg-options {
      margin-bottom: 20px;
   }
   .dwg-library-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      flex-direction: column;
   }
   .dwg-library-wrapper:after,
   .dwg-library-wrapper:before {
      content: none;
   }
   .dwg-library-wrapper .dwg-options {
      order: 1;
   }
   .dwg-library-wrapper .dwg-files {
      order: 2;
   }
}

@media (max-width: 580px) {
   .blog-archive h2 {
      font-size: 21px;
      line-height: 24px;
   }
   
   .share-url-popup .popup-content {
      max-width: 100%;
      width: calc(100% - 40px);
      left: 20px;
      margin-left: 0;
      padding: 20px;
   }
   .share-url-popup input {
      width: calc(100% - 2px);
      padding: 0 10px;
   }
   .share-url-popup .popup-content button {
      width: 48%;
   }
   .share-url-popup .popup-content button:first-of-type {
      margin-right: 2%;
   }
}

@media (max-width: 540px) {
   .product-list ul li {
      display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
      display: -ms-flexbox;  /* TWEENER - IE 10 */
      display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
      display: flex;
      -webkit-flex-direction: column; /* Safari 6.1+ */
      flex-direction: column; 
      -webkit-justify-content: center;
      justify-content: center;
   }
   body.home .product-list ul.not-stacked li .surface-info,
   .product-list ul li .surface-info,
   .product-list ul.not-stacked li .surface-info {
      width: 100%;
      height: auto;
      padding-bottom: 100px;
   }
   
   .downloads-product-selector {
      width: 100%;
      max-width: 500px;
   }
   .downloads-product-selector .select-title,
   .downloads-product-selector .ui-selectmenu-button.ui-button {
      float: none;
      display: block;
      width: 100%;
      text-align: center;
   }
   .downloads-product-selector .ui-selectmenu-button.ui-button {
      max-width: 340px;
      margin: 0 auto;
   }
}

@media (max-width: 510px) {
   .product-list.request-sample ul li,
   .product-list.request-sample.special-sample-types ul li {
      min-width: 0px;
      width: 100%;
   }
   .product-list.request-sample.special-sample-types ul li .product-sample {
      flex-direction: column;
   }
   .product-list.request-sample.special-sample-types ul li > div.product-sample .sample-type-products label {
      flex-direction: row;
   }
}

@media (max-width: 500px) {
   .inner-wrap,
   .content-wrap {
      max-width: 320px;
   }
   .landingpage.lp-type3.who-we-are {
      max-width: 100%;
   }
   .landingpage.lp-type3.who-we-are .content-wrap {
      max-width: 100%;
      padding-right: 15px;
      padding-left: 15px
   }
   .landingpage.lp-type3.who-we-are.top-area .content-wrap {
      padding: 0;
   }
   
   .blog-archive ul li {
      width: 100%;
      max-width: 100%;
   }
   
   .wva .row {
      padding: 0px 0 20px;
      flex-wrap: wrap;
   }
   .wva .row img, 
   .wva .wwa-text {
      width: 100%;
   }
   .wva .row img {
      order: 1;
      margin-bottom: 20px;
   }
   .wva .wwa-text {
      order: 2;
   }
   
   .front-top-image-small .front-top-badge,
   .case-study .front-top-image-small .front-top-badge,
   .front-top-image-small .front-top-buttons,
   .product-info-box {
      position: relative;
      left: auto;
      bottom: auto;
      padding: 10px;
      height: auto;
      width: 100%;
      min-width: 0px;
   }
   .page-id-10564 .front-top-image-small .front-top-badge {
      padding-top: 10px;
   }
   .front-top-image-small img {
      max-width: 100%;
      margin-left: 0px;
   }
   .front-top-image-small .front-top-buttons {
      padding: 0;
      height: 35px;
   }
   .front-top-image-small .cradle2cradle-logo {
      display: none;
   }
   
   .landingpage .middle-image-box.column,
   .landingpage .middle-text-box.column,
   .landingpage .column {
      width: 100%;
   }
   .landingpage .middle-text-box.column,
   .landingpage .column {
      padding: 20px 0;
   }
   .landingpage .middle-text-box .btn {
      margin: 0;
      width: 100%;
   }
   
   .front-top-feature ul {
      padding-top: 0;
   }
   .front-top-feature ul li {
      width: 100%;
      float: none;
      margin-bottom: 20px;
   }
   .front-top-feature ul li span {
      padding: 10px 0;
   }
   
   .product-surfaces li {
      display: block;
      max-width: 280px;
      margin: 0 auto;
      border-bottom: 1px solid #d7d7d7;
      padding: 30px 0;
   }
   .product-surfaces li > div, 
   .product-surfaces li > .surface-info {
      width: 100%;
   }
   .product-surfaces li > .surface-info {
      text-align: center;
      padding-top: 10px;
   }
   .product-surfaces li .surface-info a {
      margin-bottom: 20px;
   }
   
   .product-top .attachment-product-thumb {
      float: none;
      margin-bottom: 0;
      width: 100%;
   }
   .product-top .product-description {
      float: none;
      display: block;
      margin-top: 20px;
      height: auto;
   }
   .product-info-box {
      width: 100%;
      margin-left: 0;
      padding: 0;
      padding-top: 20px;
      top: auto;
   }
   .product-description h1 {
      display: block;
      margin: 5px 0 15px;
   }
   .product-top .product-description .product-preview-image {
      height: auto;
   }
   .product-top .product-description img {
      min-height: 0;
   }
   .product-top .product-description .product-preview-image > img {
      height: auto;
   }
   .product-info-box .buttons {
      height: auto;
   }
   .product-info-box .buttons a,
   .product-info-box .buttons a:first-child,
   .product-info-box .buttons a:last-child {
      display: block;
      width: 100%;
      margin-top: 5px;
   }
   .product-info-tabs .product-tabs label {
      width: 100%;
      margin: 1px 0;
   }   
   .product-top .product-description .product-preview-image .certified-logos img {
      height: 50px;
      margin-left: 15px;
   }
   .product-colors .color {
      width: 10.1%;
      height: auto;
      margin-bottom: 4px;
   }   
   .product-top .product-description .product-preview-image .certified-logos {
      bottom: auto;
      top: 20px;
   }
   .product-colors .color.default, .product-colors .color-value {
      font-size: 13px;
   }
   .product-description .product-description-text {
      padding: 15px;
   }
   
   .toi,
   .app,
   .step {
      width: 100%;
      padding: 0;
   }
   .toi:nth-child(3n+2),
   .app:nth-child(4n+3) {
      margin: 0;
      margin-bottom: 50px;
   }
   .app,
   .app:nth-child(4n+3) {
      margin-bottom: 25px;
   }
   .toi p, .app .app-text {
      height: auto;
   }
   .app .app-text {
      min-height: 0;
   }
   .step .step-explanation {
      display: inline;
   }
   .step .step-count {
      margin-top: 0px;
   }
   .step img {
      margin-bottom: 5px;
   }
   .document-list li {
      align-items: center;
   }
   .document-list li > span.doc-name,
   .document-list li > a {
      font-size: 15px;
   }
   .dwg-absorption-info .absorption-title {
      line-height: 16px;
      padding: 22px 0 0;
   }
   .dwg-absorption-info {
      padding: 10px;
   }
   .specification-generator .dwg-files ul li .file-text {
      height: auto;
      overflow: visible;
      line-height: 18px;
   }
   .specification-generator .dwg-files ul li {
      height: auto;
      align-items: center;
   }
   .specification-generator .dwg-files ul li a {
      font-size: 11px;
   }
   
   .page-template-page-projects .ui-selectmenu-button.ui-button,
   .references-projects .projects-thumbs > .reference,
   .product-info {
      width: 100%
   }
   .references-projects .projects-thumbs > .reference:nth-child(3n+2) {
      margin: 0;
   }
   .page-template-page-projects .ui-selectmenu-button.ui-button:nth-of-type(3n+2),
   .product-info:nth-child(3n+2) {
      margin: 5px 0;
   }
   
   .gallery-slider .slider-visible-image,
   .case-study .gallery-slider .slider-visible-image {
      min-height: 0;
   }
   
   .product-docs li span:nth-of-type(1) {
      padding: 5px 0;
   }
   
   .main-footer .footer-content .footer-columns > div.addresses {
      padding-left: 45px;
   }
   
   .landingpage.lp-type2 .landingpage-footer > div,
   .landingpage.lp-type2 .landingpage-footer > div:first-child,
   .landingpage.lp-type2 .landingpage-footer > div:last-child {
      width: 100%;
   }
   
   .landingpage-footer ul li {
      margin-right: auto;
      margin-left: auto;
   }
   
   .contact-page-content .contact-column,
   .contact-page-content .contact-fullwidth-column {
      width: 100%;
      padding: 0;
   }
   .contact-page-content .contact-fullwidth-column.add-product-samples-btn,
   .contact-page-content .contact-fullwidth-column.add-special-samples-btn {
      width: 100%;
      margin: 0 0 25px;
   }
   .contact-page-content .contact-fullwidth-column.product-samples {
      width: 100%;
      margin: 0 0 25px;
   }
   .contact-page-content .contact-column .contact-country > span {
      margin-bottom: 15px;
   } 
   .product-list.request-sample.special-sample-types ul li {
      min-width: 0;
      width: 100%;
   }
   .product-list.request-sample.special-sample-types ul li:nth-child(4), 
   .product-list.request-sample.special-sample-types ul li:nth-child(5), 
   .product-list.request-sample.special-sample-types ul li:nth-child(6) {
      margin: 0 0 10px;
   }
   .product-list.request-sample ul li > div.product-sample {
      flex-direction: column;
   }
   .product-list.request-sample .surface-colours {
      width: 100%;
      padding: 10px 0 0;
   }
   .product-list.request-sample .surface-colours .custom-color-explain {
      margin-top: 5px;
      margin-bottom: 2px;
   }
   .product-list.request-sample .surface-colours .custom-color-explain,
   .product-sample .product-sample-custom-color {
      position: relative;
      bottom: auto;
   }
   .product-sample .product-sample-custom-color {
      right: auto;
      left: auto;
   }
   
   .single-product .ui-selectmenu-menu ul.ui-menu,
   .page-template-page-downloads .ui-selectmenu-menu ul.ui-menu {
      max-width: 240px !important;
   }
   .downloads-accordion-pane .ref-expand-icon {
      right: 7px;
   }
   
   .case-study-body .case-study-facts ul {
      padding: 20px;
   }
   .case-study-body .download-cs-pdf-btn {
      font-size: 18px;
   }
   
   .project-gallery .project-info .download-pdf-btn {
      position: relative;
      right: auto;
      bottom: auto;
      clear: both;
   }
}

/* Mobile Menu Icon */
#mobileMenuIcon {
  width: 30px;
  height: 30px;
  position: relative;
  top: 25px;
  right: 10px;
  float: right;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#mobileMenuIcon span {
  position: absolute;
  background: #000;
  height: 5px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#mobileMenuIcon span:nth-child(1) {
  top: 0px;
}
#mobileMenuIcon span:nth-child(2),#mobileMenuIcon span:nth-child(3) {
  top: 9px;
}
#mobileMenuIcon span:nth-child(4) {
  top: 18px;
}
#mobileMenuIcon.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}
#mobileMenuIcon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobileMenuIcon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#mobileMenuIcon.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.cta-menu {
   position: fixed;
   right: 0;
   top: 175px;
   width: 0px;
   overflow: hidden;
   z-index: 1000;
}
.cta-menu.small {
   -webkit-transition: width 0.5s ease-in-out;
   -moz-transition: width 0.5s ease-in-out;
   -o-transition: width 0.5s ease-in-out;
   transition: width 0.5s ease-in-out;
}
.cta-menu.small:hover {
   width: 180px !important;
}
.page-template-page-contact .cta-menu,
.page-template-page-request-sample .cta-menu,
.page-template-page-request-bespoke-sample .cta-menu,
.page-template-page-landingpage-type3 .cta-menu,
.page-template-page-products .cta-menu,
.page-id-607 .cta-menu,
.page-id-945 .cta-menu,
.page-id-946 .cta-menu {
   display: none;
}
.cta-menu a {
   display: block;
   background: #bfc1ba;
   font-size: 11px;
   text-transform: uppercase;
   text-decoration: none;
   color: #fff;
   line-height: 30px;
   height: 30px;
   padding-left: 40px;
   position: relative;
   overflow: hidden;
}
.cta-menu a:first-child {
   background: #9ca87a;
   margin-bottom: 15px;
}
.cta-menu a:last-child {
   background: #acada8;
   margin-top: 15px;
}
.cta-menu a img {
   position: absolute;
   left: 10px;
   top: 5px;
}

/* Partner login */
.partner-login {
   margin-bottom: 100px;
}
.partner-login h1 {
   font-size: 30px;
   font-weight: lighter;
   margin: 0px;
   text-transform: uppercase;
   padding-bottom: 20px;
}
.partner-login:not(.dropbox) h1,
.partner-login form {
   max-width: 400px;
   margin: 0 auto;
}
.partner-login form {
   position: relative;
}
.partner-login label,
.partner-login label + input {
   display: block;
}
.partner-login input[type=text],
.partner-login input[type=password] {
   background: #e5e5de;
   border: 0;
   height: 35px;
   line-height: 35px;
   padding: 0 15px;
   max-width: 490px;
   width: 100%;
   color: #222;
   font-size: 12px;
   /*margin-bottom: 15px;*/
}
.partner-login input[type=submit],
.logout-btn {
   background: #9ca87a;
   color: #fff;
   display: block;
   font-size: 16px;
   margin-bottom: 0;
   font-weight: lighter;
   text-transform: uppercase;
   width: auto;
   padding: 0 30px;
   cursor: pointer;
   height: 35px;
   line-height: 35px;
   border: 0;
   width: 100%;
}
.partner-login .lost-password {
   color: #000;
   text-decoration: none;
   position: absolute;
   right: 0;
   bottom: 57px;
   font-weight: 100;
}
.logout-btn {
   text-decoration: none;
   float: right;
   margin-bottom: 40px;
   width: auto;
}

/* Dropbox */
.db-folders {
   display: flex;
   justify-content: space-between;
   flex-direction: column;
}
.db-folders > div {
   border: 1px solid #e5e5de;
}
#OutoftheBox .ajax-filelist,
#OutoftheBox .nav-header, #OutoftheBox .selected-folder, #OutoftheBox .fileuploadform, #OutoftheBox .fileupload-info-container,
#OutoftheBox, #OutoftheBox .loading, #OutoftheBox .loading.search, #OutoftheBox div.scroll-to-top {
   background-color: #fff !important;
}
#OutoftheBox .nav-header {
   background-color: #e5e5de !important;
   border-bottom: 0 !important;
   padding-bottom: 0 !important;
}
#OutoftheBox .ajax-filelist {
   padding-top: 0 !important;
}
#OutoftheBox .files .column_names {
   padding-top: 10px !important;
}
#OutoftheBox .nav-title {
   padding-left: 5px !important;
}
#OutoftheBox .nav-header i.fas {
   font-size: 18px;
}