/*==============================================================================
 * General
 *============================================================================*/
body, html{
  /*overflow-x: hidden!important;*/
}

body{
  /*height: 100vh!important;*/
}

* {
	box-sizing: border-box;
	word-wrap: break-word;
	white-space: normal;
	outline: none !important;
}

a:not(.datepicker) {
	transition-duration: 0.4s;
}

html {
  /*overflow: hidden!important;*/
	/*overflow-x: hidden !important;*/
	font-size: 12px;
}

html,
body {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	background: none;
  max-width: 100%;
  /*overflow: hidden;*/
}

/*.site-inner{*/
  /*overflow: hidden!important;*/
/*}*/

/*#inquiry-form .wpcf7-list-item-label{
	cursor: pointer;
}*/

#inquiry-form .gform_wrapper .gform_heading {
  display: none !important;
}

/*
#inquiry-form .colours {
  display: inline-grid;
  text-align: center;
  margin: 1rem auto 0.5rem;
}

#inquiry-form .colour {
  margin: 0 1rem 0.5rem;
}
*/

.modal-fix{
  position: absolute;
}

.modal-fix2{
  position: fixed;
}

/* block */

#inquiry-form .colour-dropdown {
	position: relative;
	max-width: 100%;
	/*max-width: 400px;*/
}

#inquiry-form #colour-dropbtn, .mobile #colour-dropbtn {
  cursor: pointer;
  width: 100%;
  /*max-width: 400px;*/
  border: 1px solid #d7d7d7;
  padding: 0.5rem 1rem !important;
  background: initial;
  color: initial;
  text-align: left;
  height: 50px;
}
/*
.colour-dropdown::after {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  position: relative;
  top: 13px;
  right: 2rem;
}*/

.mobile #colour-dropbtn {
  background: #FFFFFF;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  /*margin-left: 1rem;*//*8px;*/
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  /*position: -webkit-sticky;
  position: sticky;
  left: 100%;
  top: 0;*/
}

#inquiry-form .color-list, .mobile .color-list {
  margin-bottom: 1rem;
}

#inquiry-form .colour-display, .mobile .colour-display {
  /*background-color: rgba(0,100,255,0.4);*/
  vertical-align: middle;
  display: none;
  border-radius: 50%;
}

.colour-desc, .caretspace {
  /*padding: 0 0 0 1rem;*/
}

.colour-desc {
  float: left;
}

.colourtext.active {
	top: -3px !important;
}

.caretspace {
  float: right;
}

#inquiry-form .colour-dropdown:focus .colour-content, .mobile .colour-dropdown:focus .colour-content {
  display: block;
}

#inquiry-form .colour, #inquiry-form .colourtext {
  display: inline-flex;
  font-size: 1rem;
  position: relative;
  width: 50%;
}

#inquiry-form .colourtext {
  height: 2rem;
}

#inquiry-form .colourtext {
  top: 2px;
}

.mobile .colour, .mobile .colourtext {
  display: inherit;
}

#inquiry-form .colour, .mobile .colour {
  min-width: 1.5rem;
  min-height: 1.5rem;
  margin: 0/*5px 1rem 14px 5px !important*/;
}

#inquiry-form a.active > .colourtext, .mobile a.active > .colourtext {
	top: 0;
}

#inquiry-form a .colour,
#inquiry-form span .colour,
.mobile span .colour {
	-webkit-transition: border 600ms ease-out, box-shadow 600ms ease-out, background-color 600ms ease-out;
	-moz-transition:  border 600ms ease-out, box-shadow 600ms ease-out, background-color 600ms ease-out;
	-o-transition:    border 600ms ease-out, box-shadow 600ms ease-out, background-color 600ms ease-out;
	transition:     border 600ms ease-out, box-shadow 600ms ease-out, background-color 600ms ease-out;
  border-radius: 50%;
  margin-right: 1rem;
  margin-bottom: 1px;
  width: 1.5rem;
  height: 1.5rem;
}

/* items */

#inquiry-form .colour-content, .mobile .colour-content {
  display: none;
  position: absolute;
  background: #FFFFFF;
  padding: 0.5rem 1rem;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 103;
  /*min-width: 400px;*/
  width: 100%;
}

#inquiry-form .colour-content a, .mobile .colour-content a {
  display: block;
}

/* etc */

#inquiry-form label {
	font-family: "brandon-grotesque",sans-serif;
  font-weight: 900;
  font-size: 10px;
  line-height: 4em;
  color: #a3a3a3;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* Modal CSS */

#inquiry-form #gform_submit_button_1 {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 3px;
  text-transform: uppercase;
}


#inquiry-form #gform_submit_button_1:disabled {
  cursor: not-allowed;
}

#inquiry-form .colour-options {
  margin-top: 1rem;
}

#inquiry-form .title-group {
	border-bottom: solid 1px #f3f3f3;
	margin-bottom: 1rem;
}

/* Input fields */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])
{
  padding: 8px 16px !important;
}

#inquiry-form input[type="text"],
#inquiry-form textarea,
#inquiry-form input[type="email"] {
	width: 100%;
	border: 1px solid #d7d7d7;
}

#inquiry-form textarea {
	height: 102px;
}

#inquiry-form label {
	font-family: "brandon-grotesque",sans-serif;
  font-weight: 900;
  font-size: 10px;
  line-height: 4em;
  color: #a3a3a3;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#inquiry-form .section-title {
  font-size: 11px;
  font-family: "brandon-grotesque",sans-serif;
  line-height: 20px;
  padding: 0;
  color: #8c7040;
}

#inquiry-form .section-title:before {
  display: none;
}

.gform_wrapper .top_label div.ginput_container {
  margin-top: 0 !important;
}

/*.wh_maxwidth {
  max-width: 208px;
}*/

body .gform_wrapper ul li.gfield
{
  margin-top: 0 !important;
}

nav li {
	display: inline-block;
}

nav li li {
	display: block;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

@-webkit-keyframes fadeOutUpShort {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}

@keyframes fadeOutUpShort {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

.fadeOutUpShort.goAway {
  -webkit-animation-name: fadeOutUpShort;
  animation-name: fadeOutUpShort;
}

.error-404 {
  padding-top: 256px;
}

#akeologo {
  width: 55px;
  overflow: visible;
}

body:not(.page-template-product_template) .line-nav {
    display: none !important;
}

/*==============================================================================
 * Typography
 *============================================================================*/


* {
	font-family: "futura-pt", "Futura New", sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* > span {
	font-size: inherit;
	font-weight: inherit;
	-webkit-font-smoothing: antialiased;
}

p {
	font-family: "futura-pt", "Futura New", sans-serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	/*font-size: 14px;*/
	/*font-weight: 100;*/
}

h1, h2, h3, h4, h5, h6 {
	font-family: "futura-pt", "Futura New", sans-serif;
	line-height: 1;
	font-weight: 300;
	margin-bottom: 0.5rem;
	-webkit-font-smoothing: antialiased;
}

h1 { font-size: 2.6rem; }
h2 { font-size: 2rem; }
h3 { font-size: 2.8rem; }
h4 { font-size: 1.6rem; }
h5 { font-size: 1.4rem; }
h6 { font-size: 1.2rem; }

h1, h2, h3, h4, h5, h6 {
	text-align: center;
}

a {
	/*color: rgb(134, 117, 77);*/
	/*font-weight: 400;*/
}

a:hover,
a:focus,
a:active,
a:visited {
	color: inherit;
	text-decoration: none;
}

body, button, input, textarea {
	font-family: inherit;
	-webkit-font-smoothing: antialiased;
}




/*==============================================================================
 * Header
 *============================================================================*/


.page-title {
	display: none;
}

.page-title h1 {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 1.3rem;
}

.menu-toggle {
	font-weight: 700;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 10px;
	text-align: right;
	display: inline-block;
	float: right;
	font-family: "brandon-grotesque",sans-serif;
	letter-spacing: 1px;
}

.menu-toggle img {
	width: 20px;
	vertical-align: middle;
	z-index: 100 !important;
}

.site-logo img {
	width: 5rem;
}

/*==============================================================================
 * Navigation
 *============================================================================*/


#menu li {
	display: inline-block;
	margin: 1rem;
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display: block;
}
#menu{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

#main-header {
	margin: 0 auto;
	background-color: #ffffff;
	padding: 1rem 2rem;
}

#main-header .wrap {
	width: 100%;
	/*padding: 5px;*/
}

h1.entry-title {
  padding: 3px 0;
  line-height: 45px;
  font-size: 22px;
  font-weight: 400; 
  min-height: 51px;
}


/* Timeline */

.line-nav {
	display: none;
	text-align: center;
	position: relative;
}

.line-nav:before,
.line-nav:after {
	position: absolute;
	display: block;
	content: "";
	width: 50%;
	height: 1px;
	top: 0;
}

.line-nav:before {
	left: 0;
	background-color: #f3f3f3;
}

.line-nav:after {
	right: 0;
	background-color: #f3f3f3;
}

.line-nav * {
	transition-duration: 2s;
}

.line-nav ul {
	display: table;
  margin: 0;
  padding: 0;
  width: 75%;
  /*margin: 0 auto;*/
  table-layout: fixed;
}

.line-nav li {
	font-size: 0.5rem;
	text-transform: uppercase;
	font-weight: 700;
	padding: 1rem 0;
	position: relative;
	z-index: 90;
	margin-left: -4px;
	/*top: -0.35rem;*/
	top: 0;
	display: table-cell;
}

.line-nav li:before,
.line-nav li:after {
	position: absolute;
	display: block;
	content: "";
	width: 50%;
	height: 1px;
	top: 0;
	background-color: #f3f3f3;
}
.line-nav li:before { left: 0; }
.line-nav li:after { right: 0; }

.line-nav li.active:before {
	background-color: #e0d1b6;
}

.line-nav li.first.active:before {
	background-color: #e0d1b6;
}

.line-nav li.higher:before,
.line-nav li.higher:after {
	background-color: #e0d1b6;
}

.line-nav li.first.higher:before {
	background-color: #e0d1b6;
}

.line-nav li.higher:last-child:after {
	background-color: #f3f3f3;
}

.line-nav li a {
	font-size: 0.55rem;
	color: #a3a3a3;
	font-weight: 700;
	letter-spacing: 1px;
	font-family: "brandon-grotesque",sans-serif;
}

.line-nav li.higher a,
.line-nav li.active a {
	color: #98753c /*#6d7175*/;
}

.line-nav li a:before {
	position: absolute;
	display: block;
	content: "";
	height: 5px;
	width: 5px;
	border-radius: 50%;
	background-color: #e1e2e3;
  top: -2.5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 91;
  opacity: 1;
  -webkit-transition: opacity 700ms ease-in 200ms;
  -moz-transition: opacity 700ms ease-in 200ms;
  -o-transition: opacity 700ms ease-in 200ms;
  transition: opacity 700ms ease-in 200ms;
}

.line-nav li a.hide_circle{
  opacity: 0;
}

.line-nav li.higher a:before,
.line-nav li.active a:before {
	background-color: #98753c;
}

a.inquiry,
#ideas-id a.inquiry{
  position: absolute;
  top: 20%;
  right: 0;
  border: 2px solid #98753c;
  background-color: #98753c;
  color: #ffffff /*#5f6266*/;
  padding: 0.6% 3% 0.5%;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  font-weight: 700;
  font-size: 0.7rem;
  font-family: "brandon-grotesque",sans-serif;
}

#ideas-id a.inquiry {
  position: relative;
  top: 2.1rem;
  right: 53%;
  font-size: 0.8rem;
  padding: 0.6rem 2.8rem 0.6rem;
}

.podio-page #ideas-id a.inquiry {
  top: 2.2rem;
}

.axedo-page #ideas-id a.inquiry {
  transform: rotate(12deg) scale(0.7);
	top: 2.2rem;
}


/* Drop Down Navigation */

.drop-down-nav {
	display: none;
	position: fixed;
	top: 3rem;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #ffffff;
	z-index: 100;
	overflow: auto;
}

.flex-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	background-color: #ffffff;
}

.drop-down-nav .flex-nav {
}

@media (max-height: 650px) {
  .drop-down-nav .flex-nav {
    align-items: flex-start;
  }
}

.drop-down-nav .animatedParent {
	height: auto;
}

h3.nav-products {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.3rem;
  color: #98753c;
	text-align: left;
	margin-bottom: 1rem;
}

.upper-nav a {
	display: block;
	font-weight: 700;
	font-size: 2rem;
	color: #a0a0a0;
	padding: 0.3rem 0;
}

.upper-nav a:hover {
	color: #000000;
}

.lower-nav {
	margin-top: 2rem;
}

.lower-nav a {
	display: block;
	font-size: 1.2rem;
	color: #a0a0a0;
	padding: 0.5rem 0;
}

.lower-nav a:hover {
	color: #000000;
}

.splash {
	display: none;
}

.splash,
.splash * {
	text-align: center;
}

.drop-down-nav .nav-slider {
	margin: 0 0 10rem;
	/*display: none;*/
	min-height: 20rem;
	position: relative;
}

.drop-down-nav .nav-slider a {
	display: block;
}

.drop-down-nav .single {
	position: absolute;
	display: none;
	min-height: 20rem;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.drop-down-nav .single h3 {
	font-size: 10rem;
	/*color: #dddddd;*/
  color: black;
  font-weight: 400;
}

.drop-down-nav .single img {
  /*width: 23rem;*/
  display: block;
  margin: 0 auto;
  margin-top: -3.5rem;
}

.lang_container_outer {
  width: 100%;
  text-align: center;
}

.lang_container {
  display: inline-block;
  /*width: 23rem;*/
  width: 26.5rem;
}

.language_selector.mobile {
  display: none;
}

.language_selector {
  float: left;
  padding-left: 1.7rem;
}

.language_selector span,
.language_selector a {
  float: left;
  display: inline-block;
  text-decoration: none;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #dfdede;
  font-size: 12px;
  color: #a0a0a0;
  text-transform: uppercase;
  /*font-weight: 900;*/
  font-weight: 700;
  margin-right: 7px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.language_selector span{
  background-color: #846a41;
  border: 1px solid #846a41;
  color: #fff;
}

.privacy-ta-copyright {
	float: right;
	padding-bottom: 0.5rem;
}

.privacy-ta-copyright span {
  color: #a0a0a0;
  /*font-size: 0.6rem;*/
  font-size: 0.48rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  padding: 0;
  /*font-weight: 900;*/
  font-weight: bold;
}

.copyright {
  width: 76%;
  margin: 0 auto;
}

.copyright,
.copyright div {
	font-weight: 700;
	font-size: 0.5rem;
}

.copyright img {
	height: 1rem;
}




/*==============================================================================
 * Footer
 *============================================================================*/


.site-footer {
	padding: 0;
}

#footer-id {
	text-align: left;
	border: none;
	font-size: 0.6rem;
	padding: 0;
}

#footer-id .wrap {
  max-width: 49.8rem;
	background-color: #fbfbfb;
	padding: 4rem 2rem;
}

#footer-id,
#footer-id a {
	color: #686868;
}

#footer-id h4 {
	text-align: left;
	font-weight: 700;
	font-size: 1.4rem;
}

#footer-id .contact-right {
	padding: 1rem 0.5rem 0;
	font-family: "PlayfairDisplay", serif;
}

#footer-id .contact-right div {
	font-family: "PlayfairDisplay", serif;
	font-size: 0.9rem;
	padding-top: 0.3rem;
	position: relative;
}

#footer-id hr {
  border: none;
  width: 1.5rem;
  border-top: 1px solid #cccccc;
  display: inline-block;
  margin: 1rem 0;
}

.footer-menu h4 {
	margin: 2rem 0 1rem;
}

.footer-menu ul {
	list-style: none;
	margin: 0;
	font-size: 1rem;
}

.footer-menu a {
	text-decoration: none;
	font-family: "PlayfairDisplay", serif;
	display: block;
	margin: 0 0 0.5rem;
}

.footer-menu a:hover {
	color: #000000;
}

.footer-logos img {
  position: relative;
  top: 54px;
  left: 0;
	max-height: 164px;
	float: left;
}

.footer-logos img.cat-logo {
	top: 68px;
}

.footer-logos p {
	font-family: "futura-pt", "Futura New", sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #000000;
	position: relative;
	top: 50px;
	float: left;
}

.footer-logos .footer-logo {
	margin-right: 20px;
}

@media (max-width: 768px) {
  .footer-logos img {
    top: 8px;
  }
}

.copyright {
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	font-size: 0.8rem;
	margin-top: 4rem;
  margin-bottom: 2rem;
}

.copyright .col-9 {
	padding-left: 7rem;
}


#menu-link .active {
  display: none;
}

#menu-link .inactive img,
#menu-link .active span {
	margin-left: 0.4rem;
}

#menu-link .active span {
	font-size: 1.2rem;
	vertical-align: middle;
	position: relative;
  bottom: 2px !important;
}




/*==============================================================================
 * Pages
 *============================================================================*/


/*
 * Common
 */

.wrap {
 	position: relative;
 	-webkit-font-smoothing: antialiased;
}

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

.entry {
	margin: 0;
  padding-top: 256px;
}

.site-inner {
	padding: 0;
}

.sideimg {
	display: inline-block;
}

.section {
	text-align: center;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
	height: 100vh;
	text-align: center;
	justify-content: center;
}

.animatedParent {
	margin: 0 auto;
	position: relative;
	padding: 0 30px;
	min-height: 90vmin;
}

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*
 * Home Page
 */


/*
 * Product Pages
 */
#intro-id {
	margin: 70px auto 8rem auto;
}

.product-name {
	color: #000000;
	font-size: 8rem;
	text-align: center;
	margin: 0;
	padding: 0;
  font-weight: 400;
}

.edition {
	position: absolute;
	right: 0;
	top: 160px;
	display: none;
	padding: 0;
	text-transform: uppercase;
	font-weight: 700;
  width: 300px;
  height: 110px;
}

.edition span {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
}

.edition .edition-text  {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 10px;
  line-height: 14px;
  color: #282827;
  font-weight: 900;
  text-transform: uppercase;
  /* Original left value was 10px */
  left: 0px;
  right: auto;
  letter-spacing: 0.3em;
  top: 50px;
  z-index: 1;
}

.edition .edition-year {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 126px;
  line-height: 140px;
  color: #e0e0e0;
  font-weight: 100;
}

#intro-id .recyclable-intro-text h3 {
  position: relative;
  display: inline-block;
  top: 0;
  right: 0;
}

#intro-id .recyclable-intro-text {
	font-family: "PlayfairDisplay", serif;
  font-size: 1.4rem;
  line-height: 14px;
  color: #282827;
  letter-spacing: 0.1em;
  position: relative;
  top: 110px;
}

@media (min-width: 1360px) {
  #intro-id .recyclable-intro-text {
    top: 205px;
    position: relative;
  }
}

@media (max-width: 1360px) {
  .edition {
    top: 60px;
    width: 235px;
  }

  .edition .edition-year {
    font-size: 90px;
  }
}

@media (max-width: 991px) {
  .edition {
    top: 40px;
    width: 235px;
  }

  #intro-id .recyclable-intro-text {
    top: 0px;
  }
}

.edition img {
	width: 16rem;
}

.parallax {
	text-align: center;
}
.parallax img {
	width: 80%;
}

/* Latera intro */
#intro-id .parallax .left,
#intro-id .parallax .right {
	display: none;
}

#intro-id .parallax .middle {
	margin-top: -2.5rem;
}

/* Podio Intro */
.podio-page #intro-id .parallax .left img  {
  width: 8rem;
}
.podio-page #intro-id .parallax .right img {
  width: 10rem;
}

/* Horto Intro */
.horto-page #intro-id .parallax .left img  {
  width: 8rem;
}

.horto-page #intro-id .parallax .right img {
  width: 10rem;
}

.innovative {
	text-align: center;
	color: #98753c;
}

.scroll-dots {
  margin-top: 4rem;
  padding-top: 3rem;
  background-image: url('../images/scroll-dots.png');
  background-repeat: no-repeat;
  background-position: 50% 0;
  color: #a3a3a3;
  text-transform: uppercase;
  font-size: 0.65rem;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 900;
  letter-spacing: 1px;
}

.section-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: 0.2rem;
	font-weight: 700;
	padding: 2rem 0 4rem;
  position: relative;
  z-index:9;
}

.section-title:before {
	display: block;
	content: "";
	height: 1rem;
	width: 0.1rem;
	margin: 0 auto 1.5rem;
}

#product-video-id {
  margin: 1rem auto;
}

#product-video-id .animatedParent {
  height: auto;
}

#product-video-id .video-holder {
  max-width: 830px;
  max-height: 480px;
  position: relative;
  margin: auto;
}

#product-video-id .video-holder .ytplayer-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

#product-video-id .video-holder .ytplayer-overlay .play-video {
  /*width: 64px;*/
  /*height: 64px;*/
  width: 72px;
  height: 72px;
  cursor: pointer;
  /*padding: 32px;*/
  padding: 36px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* outer circle */
#product-video-id .video-holder .ytplayer-overlay .play-video::before {
  content: "";
  display: block;
  width: 84px;
  height: 84px;
  position: absolute;
  left: -7px;
  top: -7px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  /*width: 76px;*/
  /*height: 76px;*/
}
/* play arrow */
#product-video-id .video-holder .ytplayer-overlay .play-video::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #997b3f;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#what-is-id .section-title { color: #8c7040; }
#what-is-id .section-title:before { background-color: #d0d0d0; }

#what-is-id .left {
	position: absolute;
	left: -10rem;
	bottom: 0rem;
  z-index: -1;
}

#what-is-id .right {
	padding-bottom: 5rem;
}

.what-is img {
  max-width: none;
  width: 100%;
  margin: 0;
}

.what-is p {
  color: #202020;
	text-align: left;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.2;
}


/* In action */

#in-action-id .animatedParent {
	background-image: url('../images/bg-latera-in-action.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
	/*background-size: 500%;*/
  padding: 0 20px;
}

/* Podio in action */
.podio-page #in-action-id .animatedParent {
  background-image: url('../images/bg-podio-in-action.jpg');
}

/* Horto in action */
.horto-page #in-action-id .animatedParent {
  background-image: url('../images/bg-horto-in-action.jpg');
}

/* Axedo in action */
.axedo-page #in-action-id .animatedParent {
  background-image: url('../images/bg-axedo-in-action.jpg');
}

/* Implico in action */
.implico-page #in-action-id .animatedParent {
  background-image: url('../images/bg-implico-in-action.jpg');
}

#in-action-id .section-title {
	color: #ffffff;
	padding: 2rem 0 0.8rem;
}

#in-action-id .section-title:before {
  background-color: #ffffff;
}

.in-action {
	font-family: 'PlayfairDisplay', serif;
	color: #ffffff;
  font-size: 1.5rem;
  margin: 0 0 4rem;
	font-weight: 200 !important;
}

#in-action-id .left,
#in-action-id .right {
	display: none;
}

.in-action-gallery .left img,
.ideas-gallery .left img {
	transform: rotate(15deg);
}

.in-action-gallery .right img,
.ideas-gallery .right img {
	transform: scale(0.7) rotate(-30deg);
}

.in-action-slider,
.ideas-slider {
	position: relative;
	width: 100%;
}

.loadingCover {
  min-height: 590px;
}

.in-action-gallery .page,
.ideas-gallery .page {
  display: inline-block;
  background: #ffffff;
  color: #000000;
  padding: 1.1rem;
  position: relative;
  top: -9.8rem;
  font-size: 0.8rem;
  font-weight: 700;
}

#next-product-id a h3{
	font-weight: 400;
}

.in-action-gallery .slick-slide>img,
.ideas-gallery .slick-slide>img{
	margin-bottom: 40px;
	-webkit-box-shadow: 0 19px 50px 0 rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 19px 50px 0 rgba(0, 0, 0, 0.45);
	box-shadow: 0 19px 50px 0 rgba(0, 0, 0, 0.45);
}

.in-action-gallery .page:after,
.ideas-galleryr .page:after{
  display: block;
  content: "";
  position: absolute;
  width: 3rem;
  height: 1px;
  background-color: #cccccc;
  top: 2.5rem;
  left: 1.5rem;
}

.in-action-slider button,
.ideas-slider button{
	display: none !important;
	position: absolute;
	top: 11rem;
	background: none;
	border: 2px solid #ffffff;
	padding: 0.5rem 1.5rem;
	z-index: 10;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 0.6rem;
	letter-spacing: 0.1rem;
	font-weight: 700;
	transition-duration: 0.2s;
	font-family: "brandon-grotesque",sans-serif;
}

.in-action-slider .slick-prev,
.in-action-slider .slick-next,
.ideas-slider .slick-prev,
.ideas-slider .slick-next{
	top: 20rem;
}

.in-action-slider .slick-prev,
.ideas-slider .slick-prev{
	left: -6rem;
}

.in-action-slider .slick-next,
.ideas-slider .slick-next{
	right: -6rem;
}

.in-action-slider .slick-prev:before,
.ideas-slider .slick-prev:before {
	display: block;
	content: "";
	height: 0.1rem;
	width: 1.2rem;
	background-color: #ffffff;
  position: absolute;
  top: 48%;
  right: 90%;
}

.in-action-slider .slick-next:after,
.ideas-slider .slick-next:after {
	display: block;
	content: "";
	height: 0.1rem;
	width: 1.2rem;
	background-color: #ffffff;
  position: absolute;
  top: 48%;
  left: 90%;
}

.slick-slide {
	margin: 0;
}


/* Features */

#features-id .animatedParent {
	background-image: url('../images/bg-features.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 500%;
}

#features-id .section-title:before {
	display: none;
}

/* Podio features */
.podio-page #features-id .animatedParent {
  background-image: url('../images/bg-podio-features.jpg');
}
.podio-page #features-id .animated.second img {
  margin-bottom: 5rem;
}
.podio-page #features-id .animated.first img {
  width: 22rem; padding-top: 1rem;
}

/* Horto features */
.horto-page #features-id .animatedParent {
  background-image: url('../images/bg-horto-features.png');
}
.horto-page #features-id .animated.second img {
  margin-bottom: 5rem;
}
.horto-page h3.recyclable {
  margin-top: 10rem;
}

/* Implico features */
.implico-page #features-id .animatedParent {
  background-image: url('../images/bg-implico-features.png');
}

/* Implico features */
.axedo-page #features-id .animatedParent {
  background-image: url('../images/bg-axedo-features.jpg');
}

#features-id * {
	color: #ffffff;
}
#features-id .section-title {
	margin: 2rem 1rem 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
}
#features-id ul {
	padding-left: 1rem;
	margin-left: 0;
	text-align: left;
}
#features-id ul li {
	font-size: 1.2rem;
	list-style: none;
	line-height: 1.8;
	font-weight: 700;
	position: relative;
	z-index: 1;
}

#features-id .anims {
	display: none;
}

#features-id .animated {
	position: absolute;
}
#features-id .animated.first {
	display: none;
	top: -5%;
	right: 20%;
}
#features-id .animated.first img {
	width: 15rem;
}
#features-id .animated.second {
	display: none;
	bottom: 5%;
	right: -17%;
}
#features-id .animated.second img {
	width: 30rem;
}
#features-id .animated.third {
	bottom: -3%;
	left: -12%;
}
#features-id .animated.third img {
	width: 22rem;
}

/* Podio Features */
.podio-page #features-id .animated.third {
  bottom: -7%;
  left: -15%;
}

/* Horto Features */
.horto-page #features-id .animated.first {
	top: 8%;
	right: 26%;
}
.horto-page #features-id .animated.first img {
	width: 15rem;
  margin-top: -3em;
  margin-right: 5rem;
}
.horto-page #features-id .animated.second {
	bottom: 5%;
	right: -17%;
}
.horto-page #features-id .animated.third {
  bottom: -0.6%;
  left: 0.2%;
}

/* Implico Features */
.implico-page #features-id .animated.first {
  top: -3%;
  right: 4%;
}
.implico-page #features-id .animated.first img {
	width: 35rem;
}
.implico-page #features-id .animated.second {
  bottom: 10%;
  right: -3%;
}
.implico-page #features-id .animated.second img {
	width: 30rem;
}
.implico-page #features-id .animated.third {
  bottom: -10%;
  left: 0;
}
.implico-page #features-id .animated.third img {
	width: 40rem;
}


.recyclable {
	font-family: "PlayfairDisplay", serif;
	font-size: 1.65rem;
	text-align: left;
	padding: 0 1rem;
	line-height: 1.2;
	position: relative;
  z-index: 1;
}

#features-id table {
	/*display: block;*/
	margin: 0 auto;
	position: relative;
	z-index: 11;
	border: none;
	text-transform: uppercase;
}
#features-id td {
	width: 5.5rem;
	border: none;
	font-size: 0.6rem;
	padding: 0.8rem 0;
	font-family: "brandon-grotesque",sans-serif;
  font-weight: 900;
  letter-spacing: 1px;
}
#features-id table img {
	padding-bottom: 1rem;
  height: 100%;
  max-height: 76px;
	width: 4.2rem;
}

/* Podio Features */
.podio-page #features-id table {
  /*margin-top: 8rem;*/
}

/* Horto Features */
.horto-page #features-id table {
  /*margin-top: 8rem;*/
}

/* Implico Features */
.implico-page #features-id table {
  /*margin-top: 8rem;*/
}

/* Axedo Features */
.axedo-page #features-id table {
  /*margin-top: 8rem;*/
}
.axedo-page #features-id .animated.third img {
  padding-bottom: 12rem
}
.axedo-page #features-id .animated.first img {
  width: 23rem; padding-top: 2rem;
}
.axedo-page h3.recyclable {
  margin-top: 11rem;
}

/* Ideas */

.mobile {
  display: none;
}

#ideas-id {
	z-index: 2;
}

#ideas-id * {
	/*color: #ffffff;*/
}

#ideas-id .animatedParent {
	background-image: url('../images/bg-ideas.jpg');
	background-position: 0 0;
	background-size: cover;
  height: auto;
}

#ideas-id .noshadow img {
  box-shadow: none !important;
}

#ideas-id .recyclable {
  margin-top: 4rem;
  left: 1rem;
  bottom: 20px;
}

#ideas-id .ideas {
  margin: 0.5rem 0rem;
}

#ideas-id .bigpic
{
  margin: 4rem 0rem 2rem;
  position: relative;
  right: 5rem;
}

.mobile .slick-slide.slick-current.slick-active, .mobile .slick-slide{
  /*max-width: 260px !important;*/
  max-height: 360px !important;
}

.mobile .slick-slide.slick-current.slick-active{
  opacity: 1;
  width: initial !important;
  position: absolute !important;
  left: 0 !important;
}

.mobile .in-action-gallery .slick-list,
.mobile .ideas-gallery .slick-list {
  max-height: 360px !important;
}

.mobile .slick-slide{
  float: inherit !important;
}

.mobile .in-action-gallery,
.mobile .ideas-gallery {
  margin-bottom: 4rem !important;
  -webkit-box-shadow: 0 19px 50px 0 rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 19px 50px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 0 19px 50px 0 rgba(0, 0, 0, 0.45);
}

.wall-explore {
	display: none;
}

.wall-explore * {
	text-align: left;
	padding-left: 5rem;
}

.wall-explore .section-title {
	padding: 0;
	margin: 4rem 0 1rem 4rem;
}

.explore-more {
	font-family: "PlayfairDisplay", serif;
	color: #98753c;
	padding-left: 4rem;
	line-height: 1.2;
	margin-bottom: 2rem;
}

.where-to-use {
  font-size: 0.3rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  transform: rotate(-90deg);
  position: relative;
  right: -5rem;
  top: -14rem;
  border-left: 2px solid #98753c;
  padding: 0.8rem 1rem 0.8rem 3rem;
}

.ideal-for {
  text-align: left;
  font-size: 0.6rem;
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 0.5rem;
  color: #686868;
  font-family: "brandon-grotesque",sans-serif;
  letter-spacing: 1px;
  color: #838180;
}

.ideal-for span {
	text-transform: none;
	font-style: italic;
	font-weight: 400;
	font-family: "PlayfairDisplay", serif;
	display: inline-block;
	padding-left: 10rem;
  color: #333333;
  font-size: 0.8rem;
}

#ideas-id .upper {
	padding: 2rem 1rem;
}

#ideas-id .upper img,
#ideas-id .lower img {
	box-shadow: -4rem 0.8rem 5rem rgba(0, 0, 0, 0.27);
	width: 100%;
}

.ideas h2 {
	font-size: 6rem;
	font-weight: 700;
	line-height: 1;
	color: #000000;
	margin: 0;
	padding: 0;
}

#ideas-id .low-grid {
	display: none;
}

#ideas-id .lower {
	text-align: right;
	padding: 0 0 5% 6rem;
}

#ideas-id .lower-right {
	position: absolute;
  top: 57%;
  right: 8%;
}


#ideas-id .lower-right img {
	width: 15rem;
}

.bottom-ideas {
	display: none;
}

#ideas-id .pic5  {
  transform: rotate(45deg) scale(0.7);
  bottom: 2.9rem;
  position: relative;
}

#ideas-id .pic3 {
  transform: scale(0.6);
  position: relative;
  bottom: 9rem;
  left: 1rem;
}

/* Podio ideas */
.podio-page #ideas-id .lower-right {
  right: 12%;
}
.podio-page #ideas-id .lower-right img {
  width: 8rem;
}

/* Horto ideas */
.horto-page #ideas-id .lower-right {
  right: 10%;
}
.horto-page #ideas-id .lower-right img {
  transform: rotate(15deg);
}

/* implico ideas */
.implico-page #ideas-id .lower img {
  box-shadow: none
}
.implico-page #ideas-id .lower-right {
  top: 57%; right: 13%;
}
.implico-page #ideas-id .lower-right img {
  transform: scaleX(-1);
}


/* Axedo ideas */
.axedo-page #ideas-id .lower-right img {
	margin-right: 8rem;
}


/* Tech Specs */

#tech-specs-id .animatedParent {
	background-image: url('../images/bg-specs.png');
	padding: 2rem;
}

#tech-specs-id .section-title {
	color: #8c7040;
	padding: 0;
	/*line-height: 1rem;*/
}

#tech-specs-id .section-title:before {
	background-color: #8c7040;
	margin: 2rem auto 1rem;
}

#tech-specs-id .specs {
	font-family: "PlayfairDisplay", serif;
	font-size: 1.5rem;
}

.tech-scheme {
	padding: 4rem 1rem 0 3.2rem;
}

.tech-scheme img{
	width: 100%;
}

.tech-scheme .top {
  text-align: left;
}

.tech-scheme .top img {
  max-width: 409px;
  max-height: 52px;
  width: initial;
}

.tech-scheme .bot img {
  max-width: 409px;
  max-height: 409px;
  width: initial;
}

.podio-page .tech-scheme img {
	width: 90%;
  padding-top: 4rem;
}


/* PDF Instructions */

#pdf-instructions-id .animatedParent {
  height: auto;
	background-color: #ffffff;
  margin: -8rem auto;
}

#pdf-instructions-id .section-title {
	color: #8c7040;
	padding: 0;
	/*line-height: 1rem;*/
}

#pdf-instructions-id .section-title:before {
	background-color: #8c7040;
	margin: 2rem auto 1rem;
}

#pdf-instructions-id .subtitle {
	font-family: "PlayfairDisplay", serif;
	font-size: 1.8rem;
  color: #000000;
}

@-webkit-keyframes loadclick {
  0% {
    background-color: #000000;
  }
  50% {
    background-color: #a0a0a0;
  }
  100% {
    background-color: #000000;
  }
}

@-webkit-keyframes buttonpop {
  0% {
    background-size: 50%;
  }
  50% {
    background-size: 25%;
  }
  100% {
    background-size: 50%;
  }
}

#pdf-instructions-id .download-button {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0.6rem 2.8rem 0.6rem;
  background-color: #000000;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.8rem;
  font-family: "brandon-grotesque",sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  transition: border 200ms ease-in-out,box-shadow 200ms ease-in-out,background-color 200ms ease-in-out,top 150ms ease;
  border: 2px solid #000000;
}

#pdf-instructions-id .download-button:hover,
#pdf-instructions-id .download-button:hover span {
  background-color: #1d1d1d;
}

#pdf-instructions-id .download-button:focus,
#pdf-instructions-id .download-button:focus span {
  animation-name: loadclick;
  animation-duration: 800ms;
  -webkit-animation-name: loadclick;
  -webkit-animation-duration: 800ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}

#pdf-instructions-id .download-button span {
  background-image: url('../images/download-icon.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0 1.0rem 0 0;
  padding: 1rem;
  border: none;
}

#pdf-instructions-id .download-button:disabled {
	background-color: #7b7b7b;
	border: 2px solid #7b7b7b;
}

#pdf-instructions-id .col-12 {
  margin: 1.3rem auto;
}

/* Axedo tech specs */
.axedo-page .tech-scheme .top {
	width: auto;
	height: 40rem;
	padding-top: 2rem;
}
.axedo-page .specs-data .lower {
	  margin-top: 21rem;
}

.triggers {
	width: 100%;
	padding: 2rem 0rem 1rem;
}

.triggers,
.triggers * {
	vertical-align: middle;
	text-decoration: none;
	display: inline-block;
	text-align: left;
	font-size: 0.8rem;
}

.triggers a {
	text-decoration: none;
	padding: 1rem 2rem 1rem 0;
	color: #999999;
	font-weight: 700;
}

.triggers a:hover,
.triggers a:focus,
.triggers a:active {
	color: #000000;
}

.triggers .opt {
  width: 35px;
  border: 1px solid #000;
  margin-right: 15px;
  opacity: 0.323;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=32.3)";
  filter: alpha(opacity=32.3);
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.triggers .opt1_look {
  height: 35px;
}

.triggers .opt2_look {
  height: 35px;
  -webkit-transform: scaleY(0.5);
  -moz-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.triggers .opt3_look {
  height: 35px;
  border: none;
  background-image: url('../images/latera-corner.svg');
  background-position: center center;
  background-repeat: no-repeat;
}

.triggers a:hover > .opt,
.triggers a:focus > .opt,
.triggers a:active > .opt {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.triggers img {
	max-height: 2rem;
	margin-right: 0.8rem;
	width: 2rem !important;
}

.specs-data {
	background-color: #fbfbfb;
	padding: 1rem;
	text-align: left;
}

.specs-data dl {
	margin: 0;
}

/* Horto Specs Data*/
.horto-page .specs-data {
  /*padding-right: 0;*/
}
/*.horto-page .specs-data dd { font-size: 2.8rem; }*/

.horto-page .tech-scheme img {
  padding-top: 5rem;
  width: 200%;
  max-width: 200%;
}

.horto-page .specs-data dd {
  /* font-size: 2.8rem; */
}
sup {
  top: -1.5em;
}
sub, sup {
  font-size: 25%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  font-weight: 800;
}

.specs-data dt {
  margin: 0;
  padding: 0;
  font-size: 0.6rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-family: "brandon-grotesque",sans-serif;
  color: #8a8a8a;
  position: absolute;
}

.specs-data dd {
	margin: 0;
	padding: 0;
	font-size: 2.2rem;
	color: #8c7040;
}

.specs-data dd span {
	display: block;
	font-size: 0.8rem;
	font-weight: 700;
	color: #000000;
	margin-top: -0.8rem;
}

.specs-data hr {
	display: block;
	height: 0.1rem;
	border: 0;
	border-top: 0.1rem solid #e8e9e9;
	margin: 1rem 0;
	padding: 0;
}

.specs-data .lower {
	margin-top: 7rem;
}

/* Podio tech specs */
.podio-lock {
	text-align: center;
	border-top:1px solid #e8e9e9;
}


.podio-lock img {
  display: inline-block;
  /*width: 10rem;*/
  margin: 8rem 0rem 3rem 2rem;
}

.podio-lock .specs-data dt{
	position:relative;
}

#tech-specs-id div.grid-top .podio-lock dt{
	position:relative;
}

.lower dd {
	font-size: 1rem;
	color: #000000;
	margin-bottom: 2rem;
	font-weight: 400;
}

.podio-page .specs-data .lower {
	margin-top: 0rem;
}


/* Pattern & Colours */

#pattern-colours-id .pattern-colours-group,
#inquiry-form .pattern-colours-group {
  background-repeat: no-repeat;
  background-position: center;
}

#pattern-colours-id .pattern-colours-group {
	background-size: contain;
	width: 100%;
	height: 0;
	padding-top: 35.8%;
	position: relative;
	top: 119px;
	left: 22px;
}

#pattern-colours-id .pattern-colours-group.latera-stone-grey,
#inquiry-form .pattern-colours-group.latera-stone-grey {
	background-image: url('../images/latera-stone-grey.png');
}
#pattern-colours-id .pattern-colours-group.latera-dye-free,
#inquiry-form .pattern-colours-group.latera-dye-free {
	background-image: url('../images/latera-dye-free.png');
	display: none;
}
#pattern-colours-id .pattern-colours-group.latera-earth-brown,
#inquiry-form .pattern-colours-group.latera-earth-brown {
	background-image: url('../images/latera-earth-brown.png');
	display: none;
}
#pattern-colours-id .pattern-colours-group.latera-maroon-red {
	background-image: url('../images/latera-maroon-red.png');
	display: none;
}
#pattern-colours-id .pattern-colours-group.latera-woody {
	background-image: url('../images/latera-woody.png');
	display: none;
}
#pattern-colours-id .pattern-colours-group.latera-custom-made {
	background-image: url('../images/latera-custom-made.png');
	display: none;
}

.recyclable-pattern {
	/*padding-top: 14rem;*/
	padding-top: 190px;
	font-family: "PlayfairDisplay", serif;
	font-size: 1.2rem;
	line-height: 1.2;
  z-index: 1;
}

/** Horto **/

#pattern-colours-id .pattern-colours-group.horto-stone-grey {
	background-image: url('../images/horto-stone-grey.png');
}

/** Podio **/
#pattern-colours-id .pattern-colours-group.podio-stone-grey {
  background-image: url('../images/podio-stone-grey.png');
}

#pattern-colours-id .pattern-colours-group.podio-dye-free {
	background-image: url('../images/podio-dye-free.png');
	display: none;
}

#pattern-colours-id .pattern-colours-group.podio-earth-brown {
	background-image: url('../images/podio-earth-brown.png');
	display: none;
}

#pattern-colours-id .pattern-colours-group.podio-maroon-red {
	background-image: url('../images/podio-maroon-red.png');
	display: none;
}

#pattern-colours-id .pattern-colours-group.podio-custom-made {
	background-image: url('../images/podio-custom-made.png');
	display: none;
}

/** Axedo **/
#pattern-colours-id .pattern-colours-group.axedo-stone-grey {
	background-image: url('../images/axedo-stone-grey.png');
}
#pattern-colours-id .pattern-colours-group.axedo-dye-free {
	background-image: url('../images/axedo-dye-free.png');
	display: none;
}
#pattern-colours-id .pattern-colours-group.axedo-earth-brown {
	background-image: url('../images/axedo-earth-brown.png');
	display: none;
}
#pattern-colours-id .pattern-colours-group.axedo-maroon-red {
	background-image: url('../images/axedo-maroon-red.png');
	display: none;
}
#pattern-colours-id .pattern-colours-group.axedo-custom-made {
	background-image: url('../images/axedo-custom-made.png');
	display: none;
}

/** Implico **/
#pattern-colours-id .pattern-colours-group.implico-stone-grey {
	background-image: url('../images/implico-stone-grey.png');
}
#pattern-colours-id .pattern-colours-group.implico-dye-free {
	background-image: url('../images/implico-dye-free.png');
	display: none;
}
#pattern-colours-id .pattern-colours-group.implico-earth-brown {
	background-image: url('../images/implico-earth-brown.png');
	display: none;
}
#pattern-colours-id .pattern-colours-group.implico-maroon-red {
	background-image: url('../images/implico-maroon-red.png');
	display: none;
}
#pattern-colours-id .pattern-colours-group.implico-custom-made {
	background-image: url('../images/implico-custom-made.png');
	display: none;
}

#pattern-colours-id .pattern-colours-group img{
	display: none;
	position: absolute;
	top: -54px;
	right: 80px;
  width: 25%
}

#pattern-colours-id .pattern-colours-group .pattern-colours-point-outer {
	width: 54px;
	height: 54px;
	border: 2px solid #ffffff;
	border-radius: 100%;
	position: absolute;
	top: 14.8rem;
	left: 45rem;
	cursor: pointer;
}

#pattern-colours-id .pattern-colours-group .pattern-colours-point-outer .pattern-colours-point-inner {
	width: 42px;
	height: 42px;
	background-color: #FFFFFF;
	border-radius: 100%;
	position: relative;
	top: 50%;
	left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: transform 0.1s ease-out;
  -moz-transition: transform 0.1s ease-out;
  -ms-transition: transform 0.1s ease-out;
  -o-transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
}

#pattern-colours-id .pattern-colours-group .pattern-colours-point-outer .pattern-colours-point-inner span {
	background-color: #000000;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: transform 0.1s ease-out;
  -moz-transition: transform 0.1s ease-out;
  -ms-transition: transform 0.1s ease-out;
  -o-transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
}

#pattern-colours-id .pattern-colours-group .pattern-colours-point-outer .pattern-colours-point-inner .horizontal{
	height: 3px;
	width: 13px;
}
#pattern-colours-id .pattern-colours-group .pattern-colours-point-outer .pattern-colours-point-inner .vertical{
	height: 13px;
	width: 3px;
}

#pattern-colours-id .animatedParent {
	/*background-color: #fcfcfc;*/
	padding: 2rem;
	background-image: url('../images/patterns-and-colors-bg.jpg');
	background-repeat: repeat;
	background-position: 0 0;
	background-size: cover;
}

#pattern-colours-id .section-title {
	color: #8c7040;
	padding: 21px;
	/*padding: 0;*/
}

#pattern-colours-id .section-title:before {
	background-color: #8c7040;
	margin: 3rem auto 1rem;
}

#pattern-colours-id .subtitle {
	font-family: "PlayfairDisplay", serif;
	font-size: 2rem;
	font-weight: 200;
	margin-bottom: 3rem;
	letter-spacing: -1px;
}

#pattern-colours-id .colours a {
	display: inline-block;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.8rem;
	/*padding: 0 0.7rem;*/
	width: 97px;
	/*width: 120px;*/
	/*pointer-events: none;*/
	cursor: pointer;
}

#pattern-colours-id .colours{
	padding-top: 7px;
	/*padding-left: 13px;*/
}

#pattern-colours-id .colours a:hover{
	color: rgba(51, 51, 51, 0.75);
}

#pattern-colours-id .colours a .colour{
	position: relative;
	top: 0;
	-webkit-transition: border 600ms ease-out,box-shadow 600ms ease-out,background-color 600ms ease-out,top 150ms linear;
	-moz-transition: border 600ms ease-out,box-shadow 600ms ease-out,background-color 600ms ease-out,top 150ms linear;
	-o-transition: border 600ms ease-out,box-shadow 600ms ease-out,background-color 600ms ease-out,top 150ms linear;
	transition: border 600ms ease-out,box-shadow 600ms ease-out,background-color 600ms ease-out,top 150ms linear;
}
/*
#pattern-colours-id .colours a .colour.active{

}*/

/*#pattern-colours-id .colours a:hover > .colour{
	top: -5px;
}*/

.colours .colour {
	width: 2rem;
	/*width: 1.7rem;*/
	height: 2rem;
	/*height: 1.7rem;*/
	border-radius: 50%;
	margin: 0 auto 0.5rem;
}

.dye-free.active .colour{
	-moz-box-shadow: 0 0 0 1px #c0cfcd;
	-webkit-box-shadow: 0 0 0 1px #c0cfcd;
	box-shadow: 0 0 0 1px #c0cfcd;
	border: 7px solid #ffffff;
}

.earth-brown.active .colour{
	-moz-box-shadow: 0 0 0 1px #856b3e;
	-webkit-box-shadow: 0 0 0 1px #856b3e;
	box-shadow: 0 0 0 1px #856b3e;
	border: 7px solid #ffffff;
}

.stone-grey.active .colour{
	-moz-box-shadow: 0 0 0 1px #484c50;
	-webkit-box-shadow: 0 0 0 1px #484c50;
	box-shadow: 0 0 0 1px #484c50;
	border: 7px solid #ffffff;
}

.maroon-red.active .colour{
	-moz-box-shadow: 0 0 0 1px #963c31;
	-webkit-box-shadow: 0 0 0 1px #963c31;
	box-shadow: 0 0 0 1px #963c31;
	border: 7px solid #ffffff;
}

.woody.active .colour{
	-moz-box-shadow: 0 0 0 1px #ab6b58;
	-webkit-box-shadow: 0 0 0 1px #ab6b58;
	box-shadow: 0 0 0 1px #ab6b58;
	border: 7px solid #ffffff;
}

.custom-made.active .colour{
	-moz-box-shadow: 0 0 0 1px #484c50;
	-webkit-box-shadow: 0 0 0 1px #484c50;
	box-shadow: 0 0 0 1px #484c50;
	border: 7px solid #ffffff;
}


.dye-free .colour     { background-color: #c0cfcd; border: 7px  solid #c0cfcd;}
.earth-brown .colour   { background-color: #856b3e; border: 7px  solid #856b3e;}
.stone-grey .colour   { background-color: #484c50; border: 7px  solid #484c50;}
.maroon-red .colour   { background-color: #963c31; border: 7px  solid #963c31;}
.woody .colour         { background-color: #ab6b58; border: 7px  solid #ab6b58;}
.custom-made .colour   { background: linear-gradient(to right bottom, #484c50 50%, #856b3e 50%);
             border-top: 7px solid #484c50;  border-right: 7px solid #856b3e;
             border-left: 7px solid #484c50; border-bottom: 7px solid #856b3e;}

#pattern-colours-id .placeholder {
	width: 100%;
}


/* Testimonials */

#testimonials-id .animatedParent {
	background-image: url('../images/bg-testimonials.jpg');
	background-size: 230%;
	background-repeat: no-repeat;
	background-position: 50% 10%;
	padding: 1rem 0;
}

/* Podio Testimonials */
.podio-page #testimonials-id .animatedParent {
  background-image: url('../images/bg-podio-testimonials.jpg');
}

/* Horto Testimonials */
.horto-page #testimonials-id .animatedParent {
  background-image: url('../images/bg-horto-testimonials.jpg');
}

/* Axedo Testimonials */
.axedo-page #testimonials-id .animatedParent {
  background-image: url('../images/bg-horto-testimonials.jpg');
}

#testimonials-id .section-title {
	color: #8c7040;
	padding: 0;
}

#testimonials-id .section-title:before {
	background-color: #8c7040;
	margin: 2rem auto 1rem;
}

#testimonials-id .subtitle {
	font-family: "PlayfairDisplay", serif;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 4.6rem;
}




/* Horto Testimonials Subtitle */
/*.horto-page #testimonials-id .slider .slick-prev {
  left: 3rem;
  top: 20rem;
}

.horto-page #testimonials-id .slider .slick-next {
  left: 38rem;
  top: 20rem;
}*/

/*.horto-page #testimonials-id .subtitle {
  margin-bottom: 0;
}*/

.slider {
  margin: 0 auto;
	text-align: center;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
	/*height: 100vh;*/
	text-align: center;
	justify-content: center;
}

.colour {
  border-radius: 50%;
}

.slick-slide {
  margin: 0;
}

.slick-slide img {
  width: 100%;
  height: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

#testimonials-id .slider {
	display: inline-block;
  width: 100%;
  height: 0;
	background-color: white; /*url('../images/bg-testimonials-slider.jpg')*/
	background-position: 50% 0;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	flex-wrap: wrap;
	/*margin: 0 2rem;*/
	padding: 0 1.8rem 100%;
  /*-webkit-box-shadow: 0 19px 50px 0 rgba(0, 0, 0, 0.45);*/
  /*-moz-box-shadow: 0 19px 50px 0 rgba(0, 0, 0, 0.45);*/
  /*box-shadow: 0 19px 50px 0 rgba(0, 0, 0, 0.45);*/
}

/* Podio Testimonials slider */
.podio-page #testimonials-id .slider {
	background: #FFFFFF; /*url('../images/bg-podio-slider-testimonials.jpg')*/
	/*padding: 3rem 1.4rem 50%;*/
}

/* Horto Testimonials slider */
.horto-page #testimonials-id .slider {
	background: #FFFFFF; /*url('../images/bg-horto-slider-testimonials.png')*/
	/*background-position: 50%;
	padding: 0 0 100%;
  height: 0!important;*/
}

/*.horto-page #testimonials-id .slider > div:before {
	margin: 6rem auto 2.5rem;
}*/

.horto-page #testimonials-id .single-slide {
	padding: 0rem 6rem 0;
}

/* Axedo Testimonials slider */
.axedo-page #testimonials-id .slider {
  background: #FFFFFF; /*url('../images/bg-axedo-slider-testimonials.jpg')*/
}


#testimonials-id .slider div {
	color: #000000;
	font-weight: 700;
	font-size: 1.2rem;
	/*padding: 0 1rem;*/
}

#testimonials-id .slider > div:before {
	display: block;
	content: "";
	height: 1rem;
	width: 0.1rem;
	background-color: #ffffff;
	margin: 1rem auto 2.5rem;
}

#testimonials-id .sign {
	font-family: "PlayfairDisplay", serif;
}

#testimonials-id div.sign {
	font-family: "PlayfairDisplay", serif;
	font-weight: 400;
	font-size: 1.3rem !important
}

#testimonials-id div.sign:before {
	display: block;
	content: "";
	width: 2rem;
	height: 0.1rem;
	background-color: #ffffff;
	margin: 2rem auto;
}

#testimonials-id .sign span {
	display: block;
	font-family: "brandon-grotesque",sans-serif;
	font-size: 0.6rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 0.7rem;
}

#testimonials-id .title-group {
  position: relative;
  top: 3rem;
}

.testimonials-page{
  display: inline-block;
  background: #ffffff;
  color: #000000;
  padding: 1.1rem;
  top: 51rem;
  right: 36.6rem;
  font-size: 0.8rem;
  font-weight: 700;
  position: absolute;
}

.testimonials-page:after {
  display: block;
  content: "";
  position: absolute;
  width: 3rem;
  height: 1px;
  background-color: #cccccc;
  top: 2.5rem;
  left: 1.5rem;
}


ul.slick-dots {
	display: flex;
	flex: 0 0 100%;
	clear: both;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	bottom: 0;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	justify-content: center;
	font-size: 0.8rem;
}

/**********************************************************/

#testimonials-id .slider button {
  position: absolute;
  top: 11rem;
  background: #ffffff;
  border: 2px solid #ffffff;
  padding: 0.5rem 1.2rem;
  z-index: 10;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  font-weight: 700;
  transition-duration: 0.2s;
  font-family: "brandon-grotesque",sans-serif;
	color: #000000
}

#testimonials-id .slider button:hover {
  background-color: #000000;
  color: #ffffff;
  border: 2px solid #000000;
}

#testimonials-id .slider .slick-prev {
  left: -7rem;
  top: 14rem;
}

#testimonials-id .slider .slick-next {
  right: -7rem;
  top: 14rem;
}

#testimonials-id .slider .slick-prev:before {
  display: block;
  content: "";
  height: 0.1rem;
  width: 1.2rem;
  background-color: #ffffff;
  position: absolute;
  top: 48%;
  right: 90%;
}

#testimonials-id .slider .slick-next:after {
  display: block;
  content: "";
  height: 0.1rem;
  width: 1.2rem;
  background-color: #ffffff;
  position: absolute;
  top: 48%;
  left: 90%;
}

#testimonials-id  .slick-slide {
  margin: 0;
}


#testimonials-id .image-1 {
  position: absolute;
  left: 6rem;
  top: 30rem;
}
#testimonials-id .image-2 {
	position: absolute;
  right: 22rem;
  top: 45rem;
  z-index: 1;
}
#testimonials-id .image-3 {
  position: absolute;
  right: 3rem;
  bottom: 27rem;
}

/************************************************************/

/* Horto Slick Dots */
/*.horto-page ul.slick-dots { bottom: 3rem; }*/

.slick-dots li {
	display: none;
	margin: 0 2rem;
}
.slick-dots a {
	color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
  font-family: "brandon-grotesque",sans-serif;
  font-size: 0.9rem;
  letter-spacing: 4px;
}

.slick-active a {
	border-bottom: 0.15rem solid #ffffff;
}


/* Next product */
#next-product-id a {
	text-decoration: none;
  color: #000000;
}

#next-product-id a:hover {
  color: #686868;
}

#next-product-id a * {
	color: inherit;
}

#next-product-id .section-title {
	margin: 0 0 0 0.7rem;
	padding: 0;
	text-align: left;
	color: #856b3e;
}

#next-product-id .product-title {
	font-size: 7rem;
	text-align: left;
  word-wrap: initial;
}

/*
#next-product-id .section {
  margin: 8rem auto;
}
*/
.modal .col-6_sm-12 {
  padding: 0;
}

/* Global slider button styling */
.slider button {
	background: #ffffff;
	border: 2px solid #ffffff;
	padding: 0.5rem 1.2rem;
	z-index: 10;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 0.6rem;
	letter-spacing: 0.1rem;
	font-weight: 700;
	transition-duration: 0.2s;
	font-family: "brandon-grotesque",sans-serif;
	color: #000000;
  width: 90px;
  height: 45px;
}

.slider button::after{
   display: none!important;
}

.slider button::before{
  display: none!important;
}

.slider button svg{
  position: absolute;
  top: 50%;
  left: 50%;
}

.slider button.slick-next svg{
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slider button.slick-prev svg{
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -moz-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  -o-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}

.slider button:hover {
	background-color: #000000;
	color: #ffffff;
	border: 2px solid #000000;
}

.slider button:hover svg path {
  fill: #ffffff;
}


/* About Company page */

.page-id-231 .section:not(#intro-id) .animatedParent ,
.page-id-812 .section:not(#intro-id) .animatedParent ,
.page-id-833 .section:not(#intro-id) .animatedParent ,
.page-id-663 .section:not(#intro-id) .animatedParent ,
.page-id-649 .section:not(#intro-id) .animatedParent {
	height: auto;
}

.page-id-231 .section-title ,
.page-id-812 .section-title ,
.page-id-833 .section-title ,
.page-id-663 .section-title ,
.page-id-649 .section-title {
	padding: 2rem 0 0;
  color: #98753c;
}

.page-id-231 .section-title {
	margin-bottom: 1rem;
}

.page-id-812 .section-title:before ,
.page-id-833 .section-title:before ,
.page-id-663 .section-title:before ,
.page-id-649 .section-title:before {
	background-color: #444444;
}

.page-id-231 .section-title:before {
	background-color: #d0d0d0;
}

.about-subtitle {
	color: #444444;
	font-family: "PlayfairDisplay", serif;
	font-size: 2rem;
  position: relative;
  z-index: 9;
}

.main-logo {
	width: 25rem;
	padding: 5rem 0;
  position: relative;
  z-index: 2;
}

.page-id-231 #intro-id .parallax ,
.page-id-812 #intro-id .parallax ,
.page-id-833 #intro-id .parallax ,
.page-id-663 #intro-id .parallax ,
.page-id-649 #intro-id .parallax {
	display: none;
}

.page-id-231 #intro-id .parallax img ,
.page-id-812 #intro-id .parallax img ,
.page-id-833 #intro-id .parallax img ,
.page-id-663 #intro-id .parallax img ,
.page-id-649 #intro-id .parallax img {
	display: block;
  width: 35rem;
}

.page-id-231 #intro-id .parallax .animated ,
.page-id-812 #intro-id .parallax .animated ,
.page-id-833 #intro-id .parallax .animated ,
.page-id-663 #intro-id .parallax .animated ,
.page-id-649 #intro-id .parallax .animated {
	position: absolute;
}

.page-id-812 #intro-id .parallax .left.animated ,
.page-id-833 #intro-id .parallax .left.animated ,
.page-id-663 #intro-id .parallax .left.animated ,
.page-id-649 #intro-id .parallax .left.animated {
	top: 0;
	right: 5rem;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
}

.page-id-231 #intro-id .parallax .left.animated {
	top: 10rem;
	right: 2rem;
}

.page-id-231 #intro-id .parallax .left.animated img ,
.page-id-812 #intro-id .parallax .left.animated img ,
.page-id-833 #intro-id .parallax .left.animated img ,
.page-id-663 #intro-id .parallax .left.animated img ,
.page-id-649 #intro-id .parallax .left.animated img {
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
	width: 30rem;
}

.page-id-231 #intro-id .parallax .left.animated img  {
	width: 27rem;
}

.page-id-231 #intro-id .parallax .middle.animated img ,
.page-id-812 #intro-id .parallax .middle.animated img ,
.page-id-833 #intro-id .parallax .middle.animated img ,
.page-id-663 #intro-id .parallax .middle.animated img ,
.page-id-649 #intro-id .parallax .middle.animated img {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
	width: 30rem;
}

.page-id-231 #intro-id .parallax .right.animated {
  bottom: -5rem;
  left: 1rem;
}

.page-id-812 #intro-id .parallax .right.animated ,
.page-id-833 #intro-id .parallax .right.animated ,
.page-id-663 #intro-id .parallax .right.animated ,
.page-id-649 #intro-id .parallax .right.animated {
	bottom: 5rem;
	left: 0;
}

.page-id-231 #intro-id .parallax .right.animated img
.page-id-812 #intro-id .parallax .right.animated img ,
.page-id-833 #intro-id .parallax .right.animated img ,
.page-id-663 #intro-id .parallax .right.animated img ,
.page-id-649 #intro-id .parallax .right.animated img {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
	width: 35rem;
}

.page-id-231 #short-description-id h2.section-title ,
.page-id-812 #short-description-id h2.section-title ,
.page-id-833 #short-description-id h2.section-title ,
.page-id-663 #short-description-id h2.section-title ,
.page-id-649 #short-description-id h2.section-title {
	margin-bottom: 6rem;
}

.page-id-231 #short-description-id h2.section-title {
  margin-bottom: 6.2rem;
  margin-top: -4rem;
}

.page-id-231 #short-description-id .left:before ,
.page-id-812 #short-description-id .left:before ,
.page-id-833 #short-description-id .left:before ,
.page-id-663 #short-description-id .left:before ,
.page-id-649 #short-description-id .left:before {
	display: block;
	content: "";
	border-top: 0.2rem solid #444444;
	width: 5rem;
	margin: 0 auto 5rem;
}

.page-id-231 #short-description-id .left:before {
	display: block;
	content: "";
	border-top: 0.2rem solid #8c7040;
	width: 5rem;
	margin: 0 auto 5rem;
}

.page-id-231 .what-is .section-title ,
.page-id-812 .what-is .section-title ,
.page-id-833 .what-is .section-title ,
.page-id-663 .what-is .section-title ,
.page-id-649 .what-is .section-title {
	margin-bottom: 10rem;
}

.page-id-231 .what-is img ,
.page-id-812 .what-is img ,
.page-id-833 .what-is img ,
.page-id-663 .what-is img ,
.page-id-649 .what-is img {
	margin: 0;
}

.page-id-231 .what-is img.sup ,
.page-id-812 .what-is img.sup ,
.page-id-833 .what-is img.sup ,
.page-id-663 .what-is img.sup ,
.page-id-649 .what-is img.sup {
	width: 85% /*75%*/;
	position: relative;
	z-index: 1;
}


.page-id-231 .what-is img.sub ,
.page-id-812 .what-is img.sub ,
.page-id-833 .what-is img.sub ,
.page-id-663 .what-is img.sub ,
.page-id-649 .what-is img.sub {
	width: 100% /*75%*/;
	position: relative;
	z-index: 0;
	top: -4rem;
	right: -8rem;
  -webkit-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  transform: rotate(25deg);
}


.page-id-231 .what-is img.sub{
	right: -9.5rem;
}

.page-id-231 #intro-id .section-title,
.page-id-812 #intro-id .section-title,
.page-id-833 #intro-id .section-title,
.page-id-663 #intro-id .section-title,
.page-id-649 #intro-id .section-title{
  padding-top: 15rem;
}
/*
.page-id-231 {
  margin: 9rem auto 0rem;
}
*/

#intro-id .recyclable-about {
	/*padding-top: 1.4rem*/;
  font-family: "PlayfairDisplay", serif;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #282827;
  letter-spacing: 0.1em;
  text-align: left;
  padding-left: 3.5rem/*5rem*/;
  margin-top: -1rem
}

#short-description-id {
  margin-bottom: -11rem;
}

#contact-id .animatedParent {
  /* [RC] Sorry not sorry about the left background image, heh. */
  background-image: /*url('../../../../uploads/what-is-latera-01.png'),*/ url('../images/patterns-and-colors-bg.jpg');
  background-repeat: /*no-repeat,*/ repeat;
  background-position: /*-166% 0,*/ 0 0;
  background-size: /*contain,*/ cover;
  padding: 9rem 2rem;
}

#contact-id .percentage, #contact-id .recycled {
  font-family: "PlayfairDisplay", serif;
  color: #000;
}

#contact-id .percentage {
  font-size: 8rem;
  margin-bottom: -2rem;
  margin-top: -4rem;
}

#contact-id .percentage::after {
  content: "%";
  font-size: 4rem;
}

#contact-id .recycled {
  font-size: 1.6rem;
  padding: 0 0.5rem 4rem;
}

#contact-id .contact {
  border: 2px solid #98753c;
  background-color: #98753c;
  color: #ffffff;
  padding: 0.6rem 2.8rem 0.6rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  font-weight: 700;
  font-size: 0.8rem;
  font-family: "brandon-grotesque",sans-serif;
}

#what-we-offer-id {
  margin-bottom: -4rem;
}

#what-we-offer-id .section-title {
	border-left: 0.1rem solid #98753c;
	padding: 1rem 2rem;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#what-we-offer-id .section-title:before {
	display: none;
}

.we-offer {
	color: #A38968;
	text-transform: uppercase;
  font-weight: 400 /*700*/;
  text-align: left;
  letter-spacing: 0.34rem;
  font-size: 1rem /*0.8*/;
}

.we-offer-example1 {
  margin: 6rem auto;
  width: 75%;
}

.main-features {
  width: 90%;
  margin: 35% /*50%*/ auto;
  font-size: 1.9rem /*1.5rem*/;
  text-align: left;
  padding: 2rem 1rem;
  background-color: #FFFFFF;
  box-shadow: -3rem 1rem 6rem rgba(0, 0, 0, 0.10);
}

#explore-id .section-title {
  margin-bottom: 10rem;
}

#explore-id a {
	text-decoration: none;
	font-size: 5rem;
	font-weight: 400;
}

#explore-id img {
	display: block;
	width: 50%;
	margin: -3rem auto 0 auto!important;
}

#explore-id .axedo img,
#explore-id .implico img {
	width: 35%;
	margin-left: 10rem;
}

#explore-id .horto img {
	width: 30%;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
	margin-top: -4rem;
}

#explore-id .lineup {
  z-index: -1;
  color: #f8f8f8;
  font-family: "brandon-grotesque",sans-serif;
  font-size: 28.771rem;
  line-height: 17.983rem;
  position: absolute;
  left: 30%;
  top: -2rem;
  font-weight: 100;
}

/* Comment this out when a new product is on the horizon. Could be done better, but for now.. */
a.implico.col-6_sm-12 {
	visibility: hidden;
}

a.inquiry.mobile {
	position: fixed;
	top: 90%;
	padding: 1rem 7.3rem;
	left: 50%;
	right: inherit;
	margin-left: -113px; /* wat */
	z-index: 32;
}

#explore-id {
  margin-bottom: 4rem;
}

/* Contact us page */

.page-id-225 ,
.page-id-819 ,
.page-id-835 ,
.page-id-665 ,
.page-id-647 {
	font-size: 1.5rem;
	color: #aaaaaa;
}

.page-id-225 .entry-content ,
.page-id-819 .entry-content ,
.page-id-835 .entry-content ,
.page-id-665 .entry-content ,
.page-id-647 .entry-content {
	padding-top: 12rem;
	text-align: center;
}

.page-id-225 .animatedParent ,
.page-id-819 .animatedParent ,
.page-id-835 .animatedParent ,
.page-id-665 .animatedParent ,
.page-id-647 .animatedParent {
	height: auto;
}

.page-id-225 .animated ,
.page-id-819 .animated ,
.page-id-835 .animated ,
.page-id-665 .animated ,
.page-id-647 .animated {
	display: none;
	position: relative;
}

nav .animated{
  display: block!important;
}

.page-id-225 .upper-nav .animated ,
.page-id-819 .upper-nav .animated ,
.page-id-835 .upper-nav .animated ,
.page-id-665 .upper-nav .animated ,
.page-id-647 .upper-nav .animated {
  display: block;
}

.page-id-225 .animated img ,
.page-id-819 .animated img ,
.page-id-835 .animated img ,
.page-id-665 .animated img ,
.page-id-647 .animated img {
	position: absolute;
	top: 0rem;
	right: 5rem;
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
	width: 20rem;
}

/* Contact page grdi*/
.page-id-225 .grid ,
.page-id-819 .grid ,
.page-id-835 .grid ,
.page-id-665 .grid ,
.page-id-647 .grid {
/*  padding-left: 8rem;
  padding-right: 8rem;*/
  margin: 2rem 10rem 4rem 12rem;
}

.page-id-225 .section-title ,
.page-id-819 .section-title ,
.page-id-835 .section-title ,
.page-id-665 .section-title ,
.page-id-647 .section-title {
  color: #8C7040; padding: 2rem 0 1rem;
}
.page-id-225 .section-title:before ,
.page-id-819 .section-title:before ,
.page-id-835 .section-title:before ,
.page-id-665 .section-title:before ,
.page-id-647 .section-title:before {
  background-color: #8C7040;
}

.page-id-225 .company-name ,
.page-id-819 .company-name ,
.page-id-835 .company-name ,
.page-id-665 .company-name ,
.page-id-647 .company-name {
	color: #8C7040;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.6rem;
	letter-spacing: 0.2rem;
	font-weight: 700;
	padding: 0 0 2rem;
}

.page-id-225 .company-name {
	text-align: left;
	font-size: 0.8rem;
	padding: 0 0 1rem;
}

.map-grid {
	position: relative;
}

.company-location {
  max-width: 300px;
  min-height: 85%;
  background: #fff;
  position: absolute;
  z-index: 1;
  text-align: left;
  padding: 2rem;
  top: 7%;
  left: 2%;
}

.company-directions {
  background: #000;
  border: none;
  box-shadow: none;
  cursor: pointer;
  padding: 9px 0;
  text-transform: uppercase;
  /*-webkit-appearance: button;*/
  font-weight: 500;
  font-size: 0.7rem;
  letter-spacing: 0.2rem;
  line-height: 24px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: auto;
	width: 85%;
	display: block;
	text-align: center;
}

.company-address {
  padding: 0 0 1rem;
}

a.company-directions {
  text-decoration: none;
  color: #fff;
}

a.company-directions:hover {
  background: #444444;
  color: #fff;
}

.company-location > .company-name, .company-location > .company-address {
  z-index: 1;
  text-align: left;
}

.company-location > .company-name {
  padding-bottom: 1rem;
}

.leftcol, .midcol, .rightcol  {
  padding: 0;
}

.leftcol {
  text-align: left;
}

.midcol {
  text-align: center;
  padding-right: 2rem;
}

.rightcol {
  text-align: right;
}

.leftcol::before, .midcol::before, .rightcol::before {
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.2rem;
  font-weight: 700;
  padding: 2rem 0 1rem;
  /* position: relative;
  right: 2rem;
  top: 5.3rem;*/
  font-family: "brandon-grotesque",sans-serif;
  color: #8C7040;
}

.leftcol::before {
  content: "Tel: ";
}

.midcol::before {
  content: "Fax: ";
}

.rightcol::before {
  content: "Mail: ";
}

/*
.leftcol .contact-prefix {
  left: -2.5rem !important;
}

.midcol .contact-prefix {
  left: 1rem !important;
}

.rightcol .contact-prefix {
  left: 1rem !important;
}
*/

/*W: 830px; H: 375px*/
.acf-map {
	width: 100%;
	height: 375px;
	max-width: 830px;
	max-height: 375px;
	border: #ccc solid 1px;
	margin: 20px 0 20px;
}

.acf-map .gm-style-mtc,
.acf-map .gm-svpc,
.acf-map .gm-style-cc,
.acf-map .gmnoprint .gm-style-cc,
.acf-map .gm-fullscreen-control
{
  display: none !important;
}

/* for debugging */
/*.acf-map:before{
  background-color: #8C7040;
  display: block;
  content: "";
  height: 14rem;
  width: 0.1rem;
  margin: 0 auto 1.5rem;
  position: relative;
  bottom: 8rem;
}*/

/*fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

.kontakt .gform_title {
  font-family: "PlayfairDisplay", serif;
  font-weight: 500 !important;
  font-size: 3rem !important;
}

.kontakt {
  padding-bottom: 5rem;
}

#gform_wrapper_2 .kontakt {
  margin: 1rem 3rem 1rem 2rem;
}

.kontakt .top_label .gfield_label {
  margin: 1.5rem 0 0.5rem;
  /* text-align: left; */
  text-transform: uppercase;
  font-size: 0.6rem;
  letter-spacing: 0.2rem;
  font-weight: 700;
}

.kontakt span.gform_description {
  text-align: center;
  margin: 2rem 0 3rem !important;
}

.kontakt .gform_footer {
  text-align: center;
  margin: 1rem 0 -10rem !important;
}

.kontakt input#gform_submit_button_2 {
  background-color: #8D764C;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 0.5rem 2rem;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.3rem;
  font-weight: 700;
}

.page-id-225 .phone-mail ,
.page-id-819 .phone-mail ,
.page-id-835 .phone-mail ,
.page-id-665 .phone-mail ,
.page-id-647 .phone-mail {
	margin-top: 2rem;
	color: #565656;
	font-size: 1rem;
}


.page-id-225 .phone-mail {
  font-size: 1.2rem;
}

.page-id-225 .phone-mail {
	margin-top: 5rem;
}

.page-id-225 .phone-mail span ,
.page-id-819 .phone-mail span ,
.page-id-835 .phone-mail span ,
.page-id-665 .phone-mail span ,
.page-id-647 .phone-mail span {
	color: #8C7040;
	text-transform: uppercase;
	font-size: 0.6rem;
	letter-spacing: 0.2rem;
	font-weight: 700;
}

.contact-page-form {
	margin: 4rem 13rem 0 13rem;
}

.contact-page-form .col,
.contact-page-form [class*="col-"] {
	padding: 0.5rem 1rem;
	text-align: left;
	text-transform: uppercase;
	font-size: 0.6rem;
	letter-spacing: 0.2rem;
	font-weight: 700;
}

.contact-page-form input,
.contact-page-form textarea {
	width: 100%;
	margin: 0.5rem 0;
	max-height: 10rem;
}

.contact-page-form .submit {
	text-align: center;
}

.contact-page-form input[type="submit"] {
	background-color: #8D764C;
	display: inline-block;
	width: auto;
	margin: 0 auto;
	padding: 0.5rem 2rem;
	text-transform: uppercase;
	font-size: 0.6rem;
	letter-spacing: 0.2rem;
	font-weight: 700;
}

.contact-prefix {
	text-transform: uppercase;
	font-size: 0.6rem;
	letter-spacing: 0.2rem;
	font-weight: 700;
  padding: 2rem 0 1rem;
  position: relative;
  right: 5rem;
  top: 2.6rem;
  font-family: "brandon-grotesque",sans-serif;
  color: #8C7040;
}

.implico-page #ideas-id .lower img ,
.page-id-831 #ideas-id .lower img ,
.page-id-1038 #ideas-id .lower img ,
.page-id-668 #ideas-id .lower img ,
.page-id-659 #ideas-id .lower img {
  box-shadow: -4rem 2rem 5rem rgba(0, 0, 0, 0) !important;
}

.head_fix{
  position: fixed;
  z-index: 70;
  width: 100%;
}

.page-id-231 #intro-id .parallax ,
.page-id-812 #intro-id .parallax ,
.page-id-833 #intro-id .parallax ,
.page-id-663 #intro-id .parallax ,
.page-id-649 #intro-id .parallax {
	display: block;
}

#intro-id .parallax .left,
#intro-id .parallax .right,
#intro-id .parallax .left,
#intro-id .parallax .right {
	display: block;
}

/*------------
Icon Nav
------------*/
.animated-icon-nav{
	position: relative;
	display: inline-block;
  top: -10px;
  margin-right: 20px;
  margin-left: 10px;
}

/*Animation 1 */

.animated-icon-nav span{
	height: 2px;
	background-color: #000000;
	position: absolute;
	-webkit-transition:
      transform .2s ease-in-out,
      width .0s ease-in-out .2s,
      left .0s ease-in-out .2s,
      top .15s ease-in-out .2s;
	-moz-transition:
      transform .2s ease-in-out,
      width .0s ease-in-out .2s,
      left .0s ease-in-out .2s,
      top .15s ease-in-out .2s;
	-o-transition:
      transform .2s ease-in-out,
      width .0s ease-in-out .2s,
      left .0s ease-in-out .2s,
      top .15s ease-in-out .2s;
	transition:
      transform .2s ease-in-out,
      width .0s ease-in-out .2s,
      left .0s ease-in-out .2s,
      top .18s ease-in-out .2s;
}

.animated-icon-nav.open span{
  -webkit-transition:
      top .2s ease-in-out,
      width .0s ease-in-out .2s,
      left .0s ease-in-out .2s,
      transform .2s ease-in-out .2s;
  -moz-transition:
      top .2s ease-in-out,
      width .0s ease-in-out .2s,
      left .0s ease-in-out .2s,
      transform .2s ease-in-out .2s;
  -o-transition:
      top .2s ease-in-out,
      width .0s ease-in-out .2s,
      left .0s ease-in-out .2s,
      transform .2s ease-in-out .2s;
  transition:
      top .2s ease-in-out,
      width .0s ease-in-out .2s,
      left .0s ease-in-out .2s,
      transform .2s ease-in-out .2s;
}

.animated-icon-nav span:nth-of-type(1){
	width: 13px;
	left: 7px;
	top: 0;
}
.animated-icon-nav span:nth-of-type(2){
	width: 20px;
	left: 0;
	top: 5px;
}
.animated-icon-nav span:nth-of-type(3){
	width: 13px;
	left: 0;
	top: 10px;
}

.animated-icon-nav.open span:nth-of-type(1){
  width: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  top: 5px;
}
.animated-icon-nav.open span:nth-of-type(2){
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.animated-icon-nav.open span:nth-of-type(3){
   width: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 5px;
}

/*Animation 2 */
/*.animated-icon-nav span{*/
  /*height: 2px;*/
  /*background-color: #000000;*/
  /*position: absolute;*/
  /*-webkit-transition: .55s ease-in-out;*/
  /*-moz-transition: .55s ease-in-out;*/
  /*-o-transition: .55s ease-in-out;*/
  /*transition: .55s ease-in-out;*/
/*}*/

/*.animated-icon-nav span:nth-of-type(1){*/
  /*width: 13px;*/
  /*left: 7px;*/
  /*top: 0;*/
/*}*/
/*.animated-icon-nav span:nth-of-type(2){*/
  /*width: 20px;*/
  /*left: 0;*/
  /*top: 5px;*/
/*}*/
/*.animated-icon-nav span:nth-of-type(3){*/
  /*width: 13px;*/
  /*left: 0;*/
  /*top: 10px;*/
/*}*/

/*.animated-icon-nav.open span:nth-of-type(1){*/
  /*width: 20px;*/
  /*!*transform: rotate(45deg);*!*/
  /*transform: rotate(405deg);*/
  /*!*transform: rotate(1125deg);*!*/
  /*left: 0;*/
  /*top: 5px;*/

/*}*/
/*.animated-icon-nav.open span:nth-of-type(2){*/
	/*!*transform: rotate(-45deg);*!*/
	/*transform: rotate(315deg);*/
	/*!*transform: rotate(1035deg);*!*/
/*}*/
/*.animated-icon-nav.open span:nth-of-type(3){*/
  /*width: 20px;*/
  /*!*transform: rotate(45deg);*!*/
  /*transform: rotate(405deg);*/
  /*!*transform: rotate(1125deg);*!*/
  /*top: 5px;*/
/*}*/



.menu-toggle>span:first-of-type{
  position: absolute;
  right: 35px;
}

/*==============================================================================
 *								 THE END
 *==============================================================================