@charset "utf-8";
/* CSS Document */

* {
	outline: none !important;
}

html {
	margin: 197px 25px 25px 25px !important;
}

body {
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	color: #666666;
	font-weight: 300;
	padding: 0px;
	margin: 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

h1 {
	font-family: 'Quicksand', sans-serif;
	font-size: 3em;
	color: #363636;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1.4em;
	margin: 0px 0px 25px;
}

h2 {
	font-family: 'Quicksand', sans-serif;
	font-size: 3em;
	color: #363636;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1.4em;
	margin: 0px 0px 25px;
}

h3 {
	font-family: 'Quicksand', sans-serif;
	font-size: 2em;
	color: #363636;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.4em;
	margin: 0px 0px 15px;
}

p {
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	color: #666666;
	font-weight: 300;
	line-height: 1.8em;
	margin: 0px 0px 15px;
}

ul, ol {
	padding-left: 20px;
	margin: 0px 0px 15px;
}

ul {
	list-style: disc;
}

li {
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	color: #666666;
	font-weight: 300;
	line-height: 1.8em;
}

a {
	color: #000000;
	cursor: pointer;
}

a:hover, a:focus {
	color: #dc562f;
}

.linkbtn {
	width: auto;
	min-width: 220px;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #212326;
	font-weight: 500;
	line-height: normal;
	text-align: center !important;
	padding: 15px 20px;
	border: 1px solid #212326;
	border-radius: 50px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.linkbtn.orangebtn {
	color: #ffffff;
	background: #f05023;
	border: 1px solid #f05023;
}

.linkbtn.r9btn {
	color: #ffffff;
	background: #847645;
	border: 1px solid #f05023;
}

.linkbtn.r2btn {
	color: #ffffff;
	background: #78787b;
	border: 1px solid #f05023;
}

.linkbtn.whitebtn {
	color: #212326;
	background: #ffffff;
}

.linkbtn:focus {
	color: #212326;
	text-decoration: none;
}

.linkbtn:hover {
	color: #ffffff !important;
	text-decoration: none;
	background-color: #333333 !important;
}

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

strong {
	font-weight: 400;
}

em {
	font-style: italic;
}

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

.lefttxt, .lefttxt * {
	text-align: left;
}

.righttxt, .righttxt * {
	text-align: right;
}

.darkbg {
	background-color: #212326;
}

.dgreybg {
	background-color: #34393d;
}

.greybg {
	background-color: #f1f1f1;
}

.orangebg {
	background-color: #ed5128;
}

.bluebg {
	background-color: #33a2b3;
}

.purplebg {
	background-color: #3b283d;
}

.r9bg {
	background-color: #847645;
}

.r9bg2 {
	background-color: #665e42;
}

.r2bg {
	background-color: #78787b;
}

.whitetxt, .whitetxt * {
	color: #ffffff;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
}

.imgoverflowleft img {
	max-width: 100000px;
	float: right;
}

.imgoverflowright img {
	max-width: 100000px;
	float: left;
}

.mobileonly {
	display: none !important;
}

.container {
	width: 100%;
	float: left;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0px;
	overflow: hidden;
}

.container.margin {
	margin: 25px 0px;
}

.container.margintop {
	margin-top: 25px;
}

.container.marginbot {
	margin-bottom: 25px;
}

.container.toparrow {
	background-image: url(images/containertoparrow.png);
	background-position: top;
	background-size: auto;
}

.contentspace {
	padding: 110px 0px;
}

.contentspacetop {
	padding-top: 110px;
}

.contentspacebot {
	padding-bottom: 110px;
}

.wrapper {
	width: 1200px;
	margin: 0px auto;
}

.row {
	width: 100%;
	float: left;
	margin: 0px;
}

.showcasetxt {
	padding: 90px 25px 15px;
}





.detectscroll {
	width: 100%;
	height: 0px;
	display: block;
	visibility: hidden;
	overflow: hidden;
}

.header {
	position: fixed;
	top: 0px;
	left: 0px;
	background: #ffffff;
	padding: 0px 25px;
	z-index: 10;
	overflow: visible;
}

.header * {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.headtop {
	width: 100%;
	float: left;
	border-bottom: 1px solid #cacac8;
}

.header .logo {
	width: auto;
	float: left;
	padding: 35px 0px 22px;
}

.header .logo img {
	height: 76px;
}

.header .headright {
	width: auto;
	float: right;
	padding: 12px 0px 24px;
}

.headsocial {
	width: 100%;
	display: inline-block;
	text-align: right;
	margin-bottom: 17px;
}

.headsocial > a {
	width: 28px;
	height: 28px;
	display: inline-block;
	color: #ffffff;
	text-align: center;
	background: #464646;
	border-radius: 50%;
	overflow: hidden;
	vertical-align: middle;
	margin-left: 6px;
}

.headsocial > a:hover {
	background: #dc562f;
}

.headsocial > a i {
	line-height: 28px;
}

.headsocial .homeownerlink {
	width: auto;
	display: inline-block;
	line-height: 28px;
	padding-right: 15px;
	border-right: 1px solid #212326;
	margin-right: 9px;
}

.headnav p {
	width: auto;
	display: inline-block;
	font-size: 1.6em;
	color: #000000;
	font-weight: 500;
	margin: 0px 45px 0px 0px;
	vertical-align: middle;
}

.headnav .navlinks {
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

.headnav .navlinks a {
	width: auto;
	display: inline-block;
	font-weight: 500;
	padding: 10px 13px;
	border-right: 1px solid #cacac8;
	vertical-align: middle;
}

.headnav .navlinks a.linkbtn {
	padding: 15px 20px;
	border-right-color: #212326;
	margin-left: 18px;
}

.navigation {
	width: 100%;
	float: left;
	text-align: center;
	border-bottom: 1px solid #cacac8;
}

.navigation > ul {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 0px;
	margin: 0px;
}

.navigation > ul > li {
	width: auto;
	display: inline-block;
	position: relative;
	padding: 20px 25px;
	margin: 0px;
}

.navigation > ul > li.mobilelink {
	display: none;
}

.navigation > ul > li > a {
	font-size: 1.2em;
	font-weight: 500;
	text-transform: uppercase;
}

.navigation > ul > li > a i {
	margin-right: 10px;
}

.navigation > ul > li > ul {
	width: 250px;
	display: none;
	position: absolute;
	top: 70px;
	left: 0px;
	background: #ffffff;
	padding: 0px;
	border-bottom: 1px solid #cacac8;
	border-right: 1px solid #cacac8;
	border-left: 1px solid #cacac8;
	margin: 0px;
	z-index: 11;
}

.navigation > ul > li:last-child > ul {
	left: auto;
	right: 0px;
}

.navigation > ul > li:hover > ul {
	display: inline-block;
}

.navigation > ul > li > ul > li {
	width: 100%;
	display: inline-block;
	text-align: left;
	border-top: 1px solid #cacac8;
	margin: 0px;
}

.navigation > ul > li > ul > li > a {
	width: 100%;
	display: inline-block;
	font-weight: 400;
	text-transform: uppercase;
	padding: 18px 20px;
}

.navigation > ul > li > ul > li > a:hover {
	background-color: rgba(0, 0, 0, 0.0625);
}

html.scrolled {
	margin-top: 144px !important;
}

html.scrolled .header .logo {
	padding: 15px 0px;
}

html.scrolled .header .logo img {
	height: 60px;
}

html.scrolled .header .headsocial {
	display: none;
}

html.scrolled .header .headright {
	padding: 20px 0px;
}

html.scrolled .header .navigation > ul > li {
	padding: 15px 25px;
}

html.scrolled .header .navigation > ul > li > ul {
	top: 60px;
}

.footertop {
	padding: 30px 0px;
}

.footertop a {
	width: auto;
	display: inline-block;
	font-family: 'Quicksand', sans-serif;
	font-size: 1.1em;
	font-weight: 300;
	color: #ffffff;
	text-transform: uppercase;
	margin-right: 50px;
}

.footertop a:hover {
}

.footerbot {
	padding: 35px 0px;
}

.footerbot * {
	font-family: 'Quicksand', sans-serif;
}

.footerbot h3 {
	font-size: 1.4em;
	font-weight: 300;
	text-transform: uppercase;
}

.footernav {
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin-right: 5%;
}

.footernav a {
	display: block;
	line-height: 1.6em;
}

.footercontact {
	width: auto;
	float: right;
	text-align: right;
}

.footercontact p {
	line-height: 1.6em;
}

.footertag {
	width: 100%;
	float: left;
	font-size: 0.8em;
	margin-top: 30px;
}

.footertag * {
	font-family: 'Montserrat', sans-serif;
}

.footertag .links {
	width: 64%;
	float: left;
	margin-top: 8px;
}

.footertag .links a {
	width: auto;
	display: inline-block;
	margin-right: 15px;
}

.footertag .designed {
	width: 34%;
	float: right;
    text-align: right;
}

.footertag .designed a {
    color: #84217e;
}

.footertag .designed img {
    width: 43px;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
}

.footertag .designed span {
    width: auto;
    display: inline-block;
    font-size: 0.8em;
	line-height: 1.2em;
    text-align: center;
    vertical-align: middle;
}

.homebanner {
	margin-top: 32px;
}

.homebanner .row > div {
	height: 845px;
}

.homebanner .info {
	padding: 175px 50px 50px;
	text-align: center;
	background: url(images/homebannerinfo-bg.jpg) center;
	background-size: cover;
}

.homebanner .info p {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	opacity: 0;
}

.homebanner .info h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.8em;
	text-align: center;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	margin: 25px 0px 195px;
	opacity: 0;
}

.homebanner .info .row {
	opacity: 0;
}

.homebanner .info a.linkbtn {
	min-width: 270px;
}

.homebanner .info .orangelink {
	margin-bottom: 50px;
}

.homebanner .info .orangelink a.linkbtn {
	background: #f05023;
	border-color: #f05023;
}

.homebanner .info .bluelink a.linkbtn {
	background: #0096aa;
	border-color: #0096aa;
	margin-bottom: 20px;
}

.homebanner .range {
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0px;
	opacity: 1;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.homebanner .range:hover, .homebanner .range:focus {
	opacity: 0.6;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.homebanner .range a {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
	padding: 30px 15px;
}

.homebanner .range a:hover {
	color: #ffffff;
	text-decoration: none;
}

.homebanner .range p {
	font-size: 0.8em;
	font-weight: 400;
	margin-bottom: 5px;
}

.homebanner .range h2 {
	font-size: 2em;
}

.homebanner .range img {
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 1;
}

.homebanner .r7 {
	background-color: #ed4e23;
}

.homebanner .r9 {
	background-color: #847645;
}

.homebanner .r2 {
	background-color: #78787b;
}

.homecontact {
	padding: 55px 0px;
}

.homecontact .row > div:first-child {
	border-right: 2px solid #d0d1d1;
}

.homecontact h2 {
	font-size: 1.8em;
	margin-bottom: 10px;
}

.homecontact h3 {
	font-size: 1.4em;
	font-weight: 300;
	text-transform: none;
	margin-bottom: 10px;
}

.homecontact h3 a {
	color: #33a2b3;
}

.homecontact h3 a:hover {
	color: #dc562f;
	text-decoration: none;
}

.homecontact p {
	font-size: 0.8em;
	margin: 0px;
}

.homecontact .social a {
	width: 36px;
	height: 36px;
	display: inline-block;
	color: #ffffff;
	background: #333333;
	margin: 5px 12px 0px;
	border-radius: 50%;
	overflow: hidden;
	vertical-align: middle;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.homecontact .social a.facebook {
	background: #6d84b4;
}

.homecontact .social a.linkedin {
	background: #007bb6;
}

.homecontact .social a.twitter {
	background: #00b6f1;
}

.homecontact .social a.youtube {
	background: #b31217;
}

.homecontact .social a.googleplus {
	background: #df4a32;
}

.homecontact .social a.pinterest {
	background: #cb2027;
}

.homecontact .social a.instagram {
	background: #c32aa3;
}

.homecontact .social a.houzz {
	background: #7ac142;
}

.homecontact .social a:hover {
	background: #333333;
}

.homecontact .social a i {
	text-align: center;
	line-height: 36px;
}

.prodfeatures {
	padding: 120px 0px;
}

.prodfeatures h1 {
	opacity: 0;
}

.prodlayers {
	position: relative;
	margin: 120px 0px 65px;
	opacity: 0;
}

.prodfeatures .feature {
	width: 300px;
	display: none;
	position: absolute;
	opacity: 0;
}

.prodfeatures .feature h3 {
	font-size: 1.2em;
	margin: 0px;
}

.prodfeatures .feature p {
	font-size: 0.8em;
	margin: 10px 0px 0px;
}

.prodfeatures .feature .pointer {
	display: inline-block !important;
    position: relative;
    border-top: 1px solid #ffffff;
    margin: 0 0 10px;
}

.prodfeatures .feature .pointer i {
    position: absolute;
    top: -5px;
    width: 9px;
    height: 9px;
	font-size: 15px;
    padding: 2px;
    border: 1px solid #ffffff;
    background: #ffffff;
    border-radius: 6px;
}

.prodfeatures .feature1 {
	top: 35px;
	left: 0px;
	display: block;
}

.prodfeatures .feature1 .pointer {
	width: 370px;
	float: left;
}

.prodfeatures .feature1 .pointer i {
    left: 100%;
}

.prodfeatures .feature2 {
	top: 145px;
	right: 0px;
}

.prodfeatures .feature2 .pointer {
	width: 415px;
	float: right;
}

.prodfeatures .feature2 .pointer i {
    right: 100%;
}

.prodfeatures .feature3 {
	top: 275px;
	left: 0px;
}

.prodfeatures .feature3 .pointer {
	width: 445px;
	float: left;
}

.prodfeatures .feature3 .pointer i {
    left: 100%;
}

.prodfeatures .feature4 {
	top: 340px;
	right: 0px;
}

.prodfeatures .feature4 .pointer {
	width: 510px;
	float: right;
}

.prodfeatures .feature4 .pointer i {
    right: 100%;
}

.prodfeatures .feature5 {
	top: 500px;
	left: 0px;
}

.prodfeatures .feature5 .pointer {
	width: 400px;
	float: left;
}

.prodfeatures .feature5 .pointer i {
    left: 100%;
}

.prodfeatures .feature6 {
	top: 505px;
	right: 0px;
}

.prodfeatures .feature6 .pointer {
	width: 500px;
	float: right;
}

.prodfeatures .feature6 .pointer i {
    right: 100%;
}








.prodfeaturestxt {
	opacity: 0;
}

.prodfeaturestxt h2 {
	margin: 0px;
}

.prodfeaturestxt p {
	width: 100%;
	max-width: 900px;
	display: inline-block;
	margin: 25px 0px 0px;
}

.prodtagline {
	background-size: contain;
	padding: 45px 0px;
}

.prodtagline h2 {
	margin: 0px;
}

.prodchambers {
	position: relative;
	text-align: center;
}

.prodchambers .HYPE_scene {
	background: none !important;
}

.prodchambers img {
	margin: 0 auto;
}

.prodchambers img.spacer {
	position: static;
	display: inline-block !important;
}

.featuretitle .bgholder {
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 165px 0px 425px;
	opacity: 0;
}

.featuretitle .wrapper {
	opacity: 0;
}

.featuretitle h2, .featuretitle h3 {
	margin: 0px;
}

.featuretitle p {
	width: 100%;
	display: inline-block;
	margin: 25px 0px 0px;
}

.featuretitle p.p1 {
	max-width: 575px;
}

.featuretitle .linkbtn {
	border-color: #ffffff;
}

.prodstyles .txt {
	padding: 115px 25px 50px;
}

.prodstyles .txt h2 {
	line-height: normal;
}

.prodstyles .txt h2 span {
	font-size: 0.6em;
}

.prodstyles .linkbtn {
	border-color: #ffffff;
}

.slideimages .row {
	position: relative;
	overflow: hidden;
}

.slideimages .img {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	background-position: 25% 75%;
	background-repeat: no-repeat;
    background-attachment: fixed;
	padding: 0px;
	z-index: 1;
}

.slideimages .txt {
	padding: 300px 25px;
}

.slideimages .txt .linkbtn {
	color: #ffffff;
	border-color: #ffffff;
	margin-top: 25px;
}

.promo {
	padding: 75px 0px;
}

.promo h2 {
	margin-bottom: 75px;
}

.promo .col-sm-6 {
	padding: 0px 50px;
}

.promo .col-sm-6 h3 {
	font-weight: 400;
	text-transform: none;
	margin: 25px 0px;
}

.prodpromo {
	padding: 50px 0px 100px;
}

.prodoptions {
	position: relative;
	padding: 0px;
}

.prodoptions .cd-nav-trigger {
	top: 25px;
	right: 45px;
	display: none;
}

.prodoptions .cd-nav-trigger.project-open {
	display: block;
}

.prodoptions ul {
	padding: 0px;
	margin: 0px;
}

.prodoptions .cd-projects-previews {
	height: 765px;
}

.prodoptions .cd-projects-previews li {
	padding: 0px 50px;
	border-right: 1px solid #ffffff;
}

.prodoptions .cd-projects-previews li a {
	opacity: 1;
	background: none;
}

.prodoptions .cd-projects-previews li:last-child {
	border: 0px;
}

.prodoptions .cd-project-title {
	top: 40%;
	text-align: left;
}

.prodoptions .cd-project-title p {
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	color: #ffffff;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px 0px 25px;
}

.prodoptions .cd-project-title h2 {
	font-family: 'Quicksand', sans-serif;
    font-size: 2.2em;
	color: #ffffff;
	font-weight: 300;
	margin: 0px 0px 40px;
}

.prodoptions .cd-project-title span.plus {
	width: 40px;
	height: 40px;
	display: inline-block;
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
	font-size: 35px;
	font-weight: 300;
	text-align: center;
	line-height: 26px;
	background: url(/images/prodoptionsbtn-bg.png) center no-repeat;
	border: 2px solid #ffffff;
	border-radius: 50%;
}

.prodoptions .cd-project-title::after {
	display: none !important;
}

.prodoptions li.selected .preview-image {
	display: none;
}








.prodoptions .cd-projects li {
	background-position: center;
	background-size: cover;
}

.prodoptions .cd-project-info {
	height: 737px;
	background: none;
	padding: 50px;
	overflow: auto;
}

.prodoptions .cd-project-info table {
	width: 100%;
	height: 100%;
}

.prodoptions .cd-project-info table td {
	vertical-align: middle;
}

.prodoptions .cd-project-info h2 {
	text-align: center;
	margin: 0px;
}

.prodoptions .cd-project-info p {
	text-align: center;
	margin: 25px auto 0px;
}

.prodcolours {
	padding: 75px 0px 50px;
}

.prodcolours.hardwarecolours {
	padding: 0px;
}

.prodcolours .colourimg {
	text-align: center;
}

.prodcolours.hardwarecolours .colourimg img {
	height: 600px;
}

.prodcolours .colouroptions {
	padding: 50px 20px 0px;
}

.prodcolours .colouroptions.notoppad {
	padding-top: 0px;
}

.prodcolours .colouroptions h2 {
	font-size: 2.8em;
}

.prodcolours.hardwarecolours .colouroptions {
	padding: 100px 20px;
}

.prodcolours .colouroptions p.p1 {
	font-weight: 500;
	text-transform: uppercase;
}

.prodcolours .colouroptions .options {
	width: 100%;
	display: inline-block;
	padding: 15px 0px;
	border-top: 1px solid #d0d0d0;
}

.prodcolours .colouroptions .options a {
	width: auto;
	display: inline-block;
	position: relative;
	border-radius: 50%;
	margin: 0px 8px 15px 0px;
	vertical-align: middle;
}

.prodcolours .colouroptions .options a img {
	width: 50px;
	display: block;
	border: 1px solid #d9d9d9;
	border-radius: 50%;
}

.prodcolours .colouroptions .options a span {
	width: 110px;
	display: none;
	position: absolute;
	top: 50px;
	left: -28px;
	font-size: 0.8em;
	color: #666666;
	line-height: 1.4em;
	text-align: center;
	background: #ffffff;
	padding: 5px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	z-index: 1;
}

.prodcolours .colouroptions .options.dualcolours a span {
	width: 170px;
}

.prodcolours .colouroptions .options a:hover span {
	display: inline-block;
}

.prodcolours .colouroptions .options a.active {
	border: 5px solid #c4c4c4;
}

.prodcolours .colouroptions .options a.active img {
	width: 40px;
	border-color: #ffffff;
}

.prodcolours .colouroptions .options a.active span {
	margin-top: -5px;
}

.prodcolours .colournote p {
	font-size: 0.8em;
}

.prodgallery div {
	padding: 0px;
}

.prodgallery a {
	width: 100%;
	/*height: 315px;*/
	float: left;
	background-position: center;
	background-size: 100%;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
	opacity: 1;
}

.prodgallery a img {
	width: 100%;
	display: block;
}

.prodgallery a.main {
	/*height: 630px;*/
}

.prodgallery a:hover {
	opacity: 0.5;
}

#lightboxOverlay {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
}

.lb-container {
	position: relative;
}

.lb-closeContainer {
	position: absolute;
	top: -15px;
	right: -15px;
}

.lb-closeContainer a.lb-close {
	width: 30px;
	height: 30px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	line-height: 29px;
	background: #ffffff;
	border: 1px solid #4b4a4b;
	z-index: 99;
	cursor: pointer;
	border-radius: 50%;
}

.lb-closeContainer a.lb-close:hover {
	color: #ffffff;
	text-decoration: none;
	background: #4b4a4b;
}

.lb-prev, .lb-next {
	z-index: 98;
}

.lightbox .lb-image {
	border: 0px;
	border-radius: 0px;
}

.lb-dataContainer {
	position: relative;
	background: #ffffff;
	padding: 0px;
	border-radius: 0px;
}

.lb-data {
	width: 100%;
	display: inline-block;
	line-height: normal;
	background: url(images/lightbox-logo.png) right no-repeat;
	padding: 35px 30px;
}

.lb-data .lb-caption {
	font-size: 1em;
	color: #666666;
	font-weight: 300;
}

.prodhardware {
	padding: 100px 0px 45px;
}

.prodhardware .linkbtn {
	margin-top: 25px;
}

.prodcarousel .slick-arrow {
	width: 0px;
	height: 89px;
	display: inline-block;
	position: absolute;
	top: 50%;
	text-indent: 10000px;
	background-color: #b9b9ba;
	background-position: center;
	background-repeat: no-repeat;
	padding-left: 44px;
	border: 0px;
	border-radius: 5px;
	overflow: hidden;
	margin-top: -45px;
	z-index: 1;
}

.prodcarousel .slick-prev {
	left: -60px;
	background-image: url(images/prodcarousel-prev.png);
}

.prodcarousel .slick-next {
	right: -60px;
	background-image: url(images/prodcarousel-next.png);
}

.prodcarousel .slick-arrow:hover {
	background-color: #212326;
}

.prodcarousel .slick-dots {
	width: 100%;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

.prodcarousel .slick-dots li {
	width: auto;
	display: inline-block;
	margin: 0px 4px;
}

.prodcarousel .slick-dots li button {
	width: 0px;
	height: 13px;
	display: inline-block;
	text-indent: 10000px;
	background: #ffffff;
	padding: 0px 0px 0px 13px;
	border: 0px;
	border-radius: 50%;
	overflow: hidden;
}

.prodcarousel .slick-dots li.slick-active button {
	background: #f05023;
}

.prodjoin {
	padding: 70px 0px;
}

.prodjoin p {
	width: 100%;
	display: inline-block;
}

.prodjoin .p1 img {
	margin: 0px 15px 15px;
}

.prodjoin .p2 {
	max-width: 675px;
	margin: 0px 0px 45px;
}

.prodjoin .p3 {
	margin: 0px;
}

.prodcta {
	padding: 75px 0px 50px;
}

.prodcta .col-sm-4 {
	padding: 20px 25px 40px;
	border-right: 1px solid #3e3f42;
}

.prodcta .row .col-sm-4:last-child {
	border: 0px;
}

.prodcta h3 {
	font-size: 1.8em;
	text-transform: none;
	margin: 30px 0px;
}

.prodcta .linkbtn {
	border-color: #ffffff;
}

.innerbanner {
	background-image: url(images/banner-bg.png);
	padding: 85px 0px;
}

.innerbanner .wrapper {
	opacity: 0;
}

.innerbanner img {
	margin-top: 70px;
	opacity: 0;
}

.innerbanner.bottomimg {
	padding-bottom: 0px;
}

.innerbanner.bottomimg img {
	display: block;
	margin: 0 auto;
}

.innerbanner.bgimg {
	padding-bottom: 580px;
}

.colourrange * {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.colourrange div.col-sm-3, .colourrange div.col-sm-6 {
	background: #333333;
	padding: 0px;
}

.colourrange div.dark {
	background: #dedede;
}

.colourrange div.light {
	background: #f1f1f1;
}

.colourrange a {
	width: 100%;
	display: inline-block;
	background-position: center;
	background-size: cover;
	padding-top: 285px;
	opacity: 1;
}

.colourrange a:hover {
	opacity: 0.75;
}

.colourrange a span {
	width: 100%;
	display: inline-block;
	background: #ffffff;
	padding: 25px;
	border: 1px solid #e3e3e3;
}

.colourrange a span i {
	float: right;
}

.colourrange .note {
	padding: 45px 0px 30px;
}

.colourrange .note p {
	font-size: 0.8em;
	text-align: center;
}

.colourrange.hardwarerange a {
	padding-top: 0px;
}

.colourrange.hardwarerange span.img {
	width: 100%;
	height: 285px;
	display: inline-block;
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0px;
}

.colourrange.hardwarerange a:hover {
	background-color: #cccccc;
}

.downloads {
	padding: 45px 0px 70px;
}

.downloads h2 {
	margin: 0px;
}

.downloadbox {
	width: 226px;
	display: inline-block;
	margin: 35px 75px 0px;
	vertical-align: top;
}

.downloadbox p {
	margin-bottom: 20px;
}

.downloadbox a.linkbtn {
	margin-top: 45px;
}

.newscontainer {
	padding: 75px 0px;
}

.postloop {
	width: 100%;
	display: inline-block;
	background: #ffffff;
	padding: 25px;
	margin: 0px 0px 25px;
}

.postloop h2 {
	font-size: 1.6em;
	margin-bottom: 5px;
}

.postloop p {
	margin: 0px
}

.postloop .postimg {
	width: 100%;
	height: 400px;
	display: inline-block;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #666666;
	margin: 10px 0px;
}

.postloop .postimg.noimg {
	background-size: auto;
}

.blogpagination {
	width: 100%;
	display: inline-block;
}

.blogpagination a {
	color: #33a2b3;
}

.blogpagination .past-page {
	width: auto;
	float: left;
}

.blogpagination .next-page {
	width: auto;
	float: right;
}

.blog-post {
	width: 900px;
	max-width: 100%;
	padding: 0px 15px;
	margin: 0 auto;
}

.newsheader {
	width: 100%;
	display: inline-block;
	margin-bottom: 35px;
}

.newsheader h1 {
	text-align: center;
	margin-bottom: 5px;
}

.newsheader p {
	font-size: 0.9em;
	text-align: center;
	margin: 0px;
}

.newscontent {
	width: 100%;
	display: inline-block;
}

.newscontent img.aligncenter {
	display: block;
	margin: 0px auto;
}

.newscontent img.alignleft {
	max-width: 50%;
	float: left;
	margin: 0px 15px 15px 0px;
}

.newscontent img.alignright {
	max-width: 50%;
	float: right;
	margin: 0px 0px 15px 15px;
}

.sidebar-module {
	width: 100%;
	display: inline-block;
	background: #ffffff;
	padding: 15px;
	margin-bottom: 25px;
}

.sidebar-module h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
}

.sidebar-module.newssocial .headsocial {
	text-align: left;
	margin: 0px;
}

.sidebar-module.newssocial .headsocial a {
	margin: 5px 6px 0px 0px;
}

.sidebar-module.categories ul {
	padding: 0px;
	margin: 0px;
}

.sidebar-module.categories ul li {
	width: 100%;
	display: inline-block;
	margin-top: 5px;
}

.sidebar-module.categories ul li a {
	width: 100%;
	display: inline-block;
	color: #ffffff;
	background: #33a2b3;
	padding: 5px 10px;
}

.sidebar-module.categories ul li a:hover {
	background: #333333;
	text-decoration: none;
}

.newsback {
	width: 100%;
	display: inline-block;
	padding-top: 30px;
	border-top: 1px solid #cacac8;
	margin-top: 15px;
}

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

.downloads tr {
	width: 100%;
	border: 1px solid #e2e2e2;
}

.downloads th {
	color: #212326;
	text-transform: uppercase;
	background: #efefef;
	padding: 20px;
}

.downloads td {
	height: 75px;
	color: #212326;
	padding: 20px;
	border: 1px solid #e2e2e2;
	vertical-align: middle;
}

.downloads td.img {
	height: auto;
	vertical-align: top;
}

.downloads td a {
	width: 115px;
	display: inline-block;
	padding: 15px;
	border: 1px solid #212326;
	border-radius: 50px;
	box-sizing: border-box;
}

.downloads td a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #212326
}

.mediahubmaterials {
	padding: 30px 0px 125px;
}

.mediahubmaterialsboxes {
	width: 100%;
	display: inline-block;
	margin-top: 30px;
}

.mediahubmaterialsboxes a {
	width: 20%;
	float: left;
	padding: 30px 15px 20px;
	border: 1px solid #e3e3e3;
	box-sizing: border-box;
}

.mediahubmaterialsboxes a img {
	margin-bottom: 25px;
}

.mediahubfeatures {
	width: 100%;
	display: inline-block;
}

.mediahubfeatures div {
	width: 100px;
	display: inline-block;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 25px 30px 0px;
	vertical-align: top;
}

.comingsoon {
	width: auto;
	display: inline-block;
	color: #ffffff;
	background: #0096aa;
	padding: 5px 20px;
}

.mediahubonlineordering .txt {
	padding-top: 160px;
}

.mediahubdesigner {
	padding: 70px 0px;
}

.mediahubdesigner .img1 {
	margin: 45px 0px 40px;
}

.mediahubbrochures, .mediahubstickers {
	padding: 170px 0px 150px;
}

.mediahubcolourswatches {
	padding: 60px 0px 40px;
}

.mediahubcolourswatches h2 {
	margin-top: 35px;
}

.mediahubcolourswatches .mediahubfeatures {
	margin: 0px 0px 40px;
}

.mediahubvideos {
	padding: 70px 0px 0px;
}

.mediahubvideos .img1 {
	float: left;
}

.mediahubvideos .mediahubfeatures div {
	width: 140px;
	margin: 25px 10px 0px;
}

.mediahubhardwarebox {
	padding-top: 0px;
}

.mediahubhardwarebox .txt {
	padding-top: 140px;
}

.mediahubsamples .txt {
	padding-top: 160px;
}

.mediahubwindows .txt {
	padding-top: 160px;
}

.mediahubwallcharts {
	padding: 200px 0px 160px;
}

.mediahubwallcharts .wrapper {
	max-width: 450px;
}

.mediahubfaqs {
	padding: 200px 0px 160px;
}

.faqs {
	width: 98%;
	display: inline-block;
	text-align: center;
	margin: 20px 1% 0px;
}

.faqs * {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.faqs div {
	width: 47%;
	display: inline-block;
	background: #ffffff;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	margin: 20px 1% 0px;
	vertical-align: top;
}

.faqs div span.q {
	width: 100%;
	display: inline-block;
	color: #34393d;
	line-height: 1.4em;
	padding: 30px;
	cursor: pointer;
	box-sizing: border-box;
}

.faqs div.active span.q {
	color: #dc562f;
}

.faqs div span.a {
	width: 100%;
	display: none;
	font-size: 0.9em;
	color: #666666;
	line-height: 1.8em;
	padding: 0px 30px 30px;
	box-sizing: border-box;
}

.faqs div.active span.a {
	display: inline-block;
}

.aboutshowcase {
	position: relative;
	padding: 200px 0px;
}

.aboutshowcase .img {
	width: 47%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	background-position: center;
	background-size: cover;
}

.aboutshowcase .img.floatleft {
	float: none;
	left: 0px;
}

.aboutshowcase .img.floatright {
	float: none;
	right: 0px;
}

.aboutshowcase .txt {
	padding: 0px 50px;
}

.abouttitlebox {
	padding: 50px 0px;
}

.abouttitlebox strong {
	font-weight: 600;
}

.aboutproducts {
	background-image: url(images/aboutproducts-bg.jpg);
}

.aboutproducts .cd-projects-previews li {
	width: 33.33333333333%;
}

.aboutcustomers .promo {
	padding: 0px;
}

.aboutcustomers .promo > div {
	padding: 0px 50px 50px;
}

.aboutcustomers .promo h3 {
	font-weight: 400;
	text-transform: none;
	margin: 15px 0px 15px;
}

.aboutcustomers .promo p {
	font-size: 0.9em;
	line-height: 1.6em;
}

.aboutpartners .promo {
	padding: 0px;
}

.aboutpartners .promo > div {
	padding: 0px 20px 50px;
}

.aboutpartners .promo p {
	font-size: 0.9em;
	line-height: 1.6em;
	margin: 25px 0px 0px;
}

.customerbenefits .promo {
	padding: 0px;
}

.customerbenefits .promo > div {
	padding: 0px 100px 50px;
}

.customerbenefits .promo h3 {
	font-weight: 400;
	text-transform: none;
	margin: 15px 0px 15px;
}

.customerbenefits .promo p {
	font-size: 0.9em;
	line-height: 1.6em;
}

.customershowcase {
	background-position: center;
	background-size: cover;
	padding: 165px 0px;
}

.customershowcase .txt {
	padding: 0px 50px;
}

.customerfaqs {
	padding: 50px 0px;
}

.register {
	padding: 80px 0px 100px;
}

.register .wrapper {
	max-width: 900px;
}

.register h1 {
	margin: 0px;
}

.register .p1 {
	margin: 30px 0px 50px;
}

.register .p1 a {
	font-weight: 600;
}

.register .p1 a:hover {
	color: #ffffff;
}

.register form {
	width: 100%;
	max-width: 816px;
	margin: 0 auto;
}

.register form p {
	width: 100%;
	display: inline-block;
	position: relative;
	margin: 0px 0px 20px;
}

.register form p span {
	width: 48%;
	display: inline-block;
	position: relative;
}

.register form .input input,
.register form .dropdown select,
.register form .textarea textarea {
	width: 100%;
	color: #666666;
	text-align: left;
	line-height: 1em;
	padding: 15px;
	border: 0px;
	border-radius: 10px;
	box-sizing: border-box;
}

.register form .dropdown select {
	height: 51px;
}

.register form .input input.floatleft,
.register form .input input.floatright {
}

.register form .dropdown option {
	font-family: 'Montserrat', sans-serif;
    font-size: 1em;
	color: #666666;
	font-weight: 300;
}

.register form .textarea textarea {
	height: 150px;
}

.register form .checkboxes {
	width: 100%;
	display: inline-block;
	text-align: left;
	background: #ffffff;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 20px;
}

.register form .checkboxes strong {
	width: 100%;
	display: inline-block;
	color: #666666;
	text-align: left;
	margin-bottom: 3px;
}

.register form .checkboxes span {
	width: 47%;
	display: inline-block;
	color: #666666;
	text-align: left;
	margin: 3px 2% 3px 0px;
	vertical-align: middle;
}

.g-recaptcha > div {
	margin: 0px auto;
}

.register form .p2 {
	margin: 25px 0px 40px;
}

.register form .p2 a:hover {
	color: #ffffff;
}

.register form .submit input {
	width: auto;
    min-width: 220px;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
    line-height: normal;
    text-align: center !important;
	background: #f05023;
    padding: 15px 20px;
    border: 1px solid #f05023;
    border-radius: 50px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.register p.formalert {
	color: #ff0000;
	background: #ffffff;
	padding: 5px;
}

.register label.error {
	width: auto;
	position: absolute;
	bottom: 3px;
	right: 5px;
	font-size: 0.8em;
	line-height: normal;
	color: #ff0000;
}

.register form .submit input:hover {
	background: #333333;
}

.contact {
	position: relative;
	padding: 200px 0px;
}

.contact .details {
	padding: 0px 50px;
}

.contact .details .address {
}

.contact .details .address span {
	font-size: 1.1em;
	font-weight: 400;
}

.contact .details .numbers td {
	padding: 3px 5px 3px 0px;
}

.contact .map {
	width: 50%;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-position: center;
	background-size: cover;
	padding: 0px;
}

.videospage {
	padding: 50px 0px;
}

.videospage .col-sm-6 {
	padding: 25px 35px;
}

.videospage h2 {
	font-size: 1.2em;
	font-weight: 300;
	text-transform: none;
	margin: 15px 0px 0px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.lightbox {
	position: fixed;
	top: 75px !important;
}

.partnerstop {
	padding: 50px 0px 100px;
}

.partnerstop a {
	color: #535456;
	font-weight: 600;
}

.aboutshowcase.partner {
	padding: 130px 0px;
}

.aboutshowcase.partner .img img {
	position: absolute;
	bottom: 30px;
	left: 30px;
	z-index: 1;
}

.aboutshowcase.partner a {
	font-weight: 600;
}

.aboutshowcase.windowwidgets a {
	color: #ed018c;
}

.aboutshowcase.solidor a {
	color: #85a10c;
}

.aboutshowcase.residor a {
	color: #028885;
}

.aboutshowcase.nicedoorpanels a {
	color: #ba3437;
}

.marketingpromos a.linkbtn {
	min-width: 300px;
}

.aboutshowcase.conservation {
	padding: 130px 0px;
}

.aboutshowcase.conservation h2 {
	font-size: 2.4em;
}

.mobileheader {
	width: 100%;
	height: 60px;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	text-align: center;
	background: #ffffff;
	padding: 0px;
	border-bottom: 1px solid #dcdcdc;
	z-index: 10;
}

.mobileheader a {
	padding: 0px;
	border: 0px;
	border-radius: 0px;
	margin: 0px;
}

.mobileheader a.mobbtn {
	width: 60px;
	height: 60px;
	display: inline-block;
	font-size: 1.2em;
	color: #4a4a4a;
}

.mobileheader a.btn1 {
	float: left;
	border-right: 1px solid #dcdcdc;
}

.mobileheader a.btn2 {
	float: right;
	border-left: 1px solid #dcdcdc;
}

.mobileheader a i {
	line-height: 60px;
}

.mobileheader a.mobilelogo {
	width: auto;
	display: inline-block;
	margin: 5px 0px;
}

.mobileheader img {
	height: 50px;
	display: inline-block;
}

.prodlayerscarousel {
	display: none;
}

.termstitle {
	padding: 40px 0px;
}

.termstitle h1 {
	margin: 0px;
}

.terms {
	padding: 40px 0px;
}

.terms .wrapper {
	max-width: 900px;
}

.terms h2 {
	font-size: 2em;
}
form #website {
	display: none;
}
.checkfield {
	display: none;
}
.errors {
	background: red;
	display: inline-block;
	width: 100%;
	max-width: 350px;
	padding: 1rem;
}
.errors p {
	margin: 0;
	color: white;
	font-weight: bold;
}

.centerflex {
	display: flex;
	justify-content: center;
}

.footersponsor {
	background: #78787b;
}

.footersponsor .wrapper > div {
	display: grid;
	gap: 75px;
	grid-template-columns: 175px 1fr;
	align-items: center;
	padding: 30px 75px;
}

.footersponsor .wrapper > div p {
	color: #ffffff;
	margin: 0px;
}

.footersponsor .wrapper > div p a {
	color: #ffffff;
}

.terms table {
	width: 100%;
	margin: 0px 0px 15px;
}

.terms table td {
	padding: 15px !important;
}

.terms h4 {
	font-size: 1.2em;
	font-weight: 600;
	margin: 0px 0px 15px;
}

.terms strong {
	font-weight: 600;
}

p.privacy {
	margin: 0px !important;
}

p.privacy input[type=checkbox] {
	width: 25px;
	height: 25px;
	display: inline-block;
	position: relative;
	background: #ffffff;
	border-radius: 5px;
	margin: 0px 5px 0px 0px !important;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

p.privacy input[type=checkbox]:checked:after {
	width: 25px;
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: FontAwesome;
	content: '\f00c';
	font-size: 15px;
	color: #666666;
	line-height: 25px;
	text-align: center;
	z-index: 1;
}

p.privacy .error {
	width: 100%;
	display: none;
	font-size: 0.8em;
	color: #ff0000;
	font-weight: 500;
}

p.privacy .error.display {
	display: inline-block;
}

form.disabled .submit input {
	opacity: 0.5;
}

.g-recaptcha {
	margin-bottom: 15px;
}

.homenotice {
	padding: 50px 0px;
}

.homenotice .txt {
	width: 100%;
	max-width: 900px;
	margin: 0px auto;
}

.homenotice h2 {
	font-size: 2.4em;
	margin: 0px;
}

.homenotice h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.6em;
	text-transform: none;
	margin: 15px 0px 0px;
}

.homenotice p {
	margin: 15px 0px 0px;
}

figure.wp-block-gallery {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}

figure.wp-block-gallery img {
	height: 100%;
	object-fit: cover;
}