/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/* skeleton.css */.column,.columns,.container,.u-full-width{width:100%;box-sizing:border-box}h1,h2,h3{letter-spacing:-.1rem}body{padding-top:30px}.container{position:relative;max-width:1024px;margin:0 auto;padding:0 20px}ol,p,ul{margin-top:0}.column,.columns{float:left}@media (min-width:400px){.container{width:85%;padding:0}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:700}h1{font-size:4rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width:550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}.button,button,input[type=submit],input[type=reset],input[type=button]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:700;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=button]:focus,input[type=button]:hover{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=submit].button-primary,input[type=reset].button-primary,input[type=button].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,select:focus,textarea:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:700}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}.button,button,li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}


/* Lazyload CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

picture,
  img,
  iframe {
    display: block;
    border: 0 none;
    opacity: 1;
    transition: opacity 0.5s;
    outline: 0 none;
  }

  img[data-src]:not([src^="data:image"]),
  img[data-srcset]:not([src^="data:image"]),
  iframe[data-src] {
    opacity: 0;
  }


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */

html { font-size: 62.5%; }

body {
	font-size: 2.2rem; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.4;
	font-weight: 300;
	font-family: "Work Sans", Arial, sans-serif;
	color: #222; 
	background-color: #F4F1EA;
	}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { 
	color: #222; 
	-webkit-transition: color 0.5s ;
	-moz-transition: color 0.5s ;
	transition: color 0.5s;
	}
	
a:hover { 
	color: #555; 
	text-decoration: none;
	}

/* Custom
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h2,h3,h4,h5,h6 { font-weight: 600; letter-spacing: 0.03em;}

h2 { font-size: 3.2rem; }
h3 { font-size: 2.8rem; }

body#homeslice { background: #F4F1EA url("../_i/bg-home.jpg") 0 0 no-repeat; background-size: cover; }

#homeslice .blurb {
		background-color: rgba(244,241,234,0.5);
	}

#homeslice .blurb h2 {
	padding: 1em;
	font-weight: 300;
	font-size: 2.4rem;

	text-align: center;
	}

#homeslice .blurb p {
	font-size: 1.8rem;
	text-align: center;
	}


header { 
	font-size: 2rem;
	text-align: center;
	font-weight: 300;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #999;
	}

@media (min-width: 500px) {
	header { 
		margin-bottom: 4rem; 	
		padding-bottom: 2.4rem;
		border: none;
		}
	}


header h1 a {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.2rem;
	color: #222;
	background-color: none;
	display: inline-block;
	text-transform: uppercase;
	padding: .4em 1.3em;
	border: 1px solid #222;
	text-decoration: none;
	-webkit-transition: background-color 0.5s, color 0.5s ;
	-moz-transition: background-color 0.5s, color 0.5s ;
	transition: background-color 0.5s, color 0.5s;
	}

@media (min-width: 500px) {
	header h1 a { 
		font-size: 3rem;
		}
	}

header h1 a:hover { 
	color: #F4F1EA;
	background-color: #222;
	}

	
header nav { text-align: center; }

header nav a {
	font-size: 1.6rem;
	text-transform: uppercase;
	display: inline-block;
	padding: 5px 15px;
	}

@media (min-width: 500px) {
	header nav a {
		padding: 10px 20px;
		}
	}

header nav a { text-decoration: none; }



#aboutus header nav a.navabo,
#products header nav a.navpro,
#testimonials header nav a.navtes,
#faq header nav a.navfaq,
#contactus header nav a.navcon {
		font-weight: 700;
		} 


@media (min-width: 500px) {
	header nav a:after {
		content: "";
		display: block;
		width: 0;
		height: 4px;
		background: #222;
		transition: width .2s;
		margin-top: 5px;
		}

	#aboutus header nav a.navabo:after,
	#products header nav a.navpro:after,
	#testimonials header nav a.navtes:after,
	#faq header nav a.navfaq:after,
	#contactus header nav a.navcon:after,
	header nav a:hover:after { 
		width: 100%; 
		}
	}

strong { font-weight: 600; }

.alignright { text-align: left; }
	
@media (min-width: 500px) {
	.alignright { 
		text-align: right; 
		}
	}
	
footer { 
	margin-bottom: 8rem; 
	margin-top: 8rem;
    font-size: 1.4rem;
	text-align: left;
	line-height: 1.3;
	padding-top: 3rem;
	border-top: 8px solid #222;
/* 	background-color: #F4F1EA; */
	}
	
footer .logotype a {
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	-webkit-transition: opacity 0.5s ;
	-moz-transition:  opacity 0.5s ;
	transition: opacity 0.5s ;
	}	

footer .logotype a:hover { opacity: 0.5; }

footer .logotype,
footer .contact {
	padding-bottom: 1em;
	}
	
.telephone { white-space: nowrap; }

.colourblock {
	position: absolute;
	width: 100%;
	height: 30em;
	top: 0;
	}
	
#aboutus .colourblock { background-color: #EBEBCD; }
#products .colourblock, body#products { background-color: #EBCFAB; }
#contactus .colourblock { background-color: #D1E1CC; }
#testimonials .colourblock, body#testimonials { background-color: #CDE7EB; }
#faq .colourblock, body#faq { background-color: #EEE4DD; }


#homeslice .thumbnail,
#products .thumbnail {
	margin-bottom: 3em;
	text-align: center;
	}

#homeslice .thumbnail a,
#products .thumbnail a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 260px;
	-webkit-transition: opacity, 0.3s ;
	-moz-transition: opacity, 0.3s ;
	transition: opacity, 0.3s;
	font-weight: 600;
	}

#homeslice .thumbnail a:hover,
#products .thumbnail a:hover {
	opacity: 0.5;
	}

#homeslice .thumbnail img,
#products .thumbnail img,
#products .hero img { 
	width: 100%;
	}
	
#homeslice .thumbnail a {
	color: #F4F1EA;
	}

#homeslice footer  {
	color: #F4F1EA;
	border-top: 8px solid #F4F1EA;
	}

#homeslice footer a { color: #F4F1EA; }	

.productnav a {
	display: inline-block;
	text-decoration: none;
	width: 100%;
	padding: 0.2em 0;
	}

.productnav a.selected:after,
.productnav a:hover:after {
	content: url("../_i/UI-arrow.svg");
	padding-left: 1em;
	}


@media (min-width: 500px) {
	.productnav a.selected:after,
	.productnav a:hover:after {
		padding-left: 0;
		float: right;
		}
	}


.productnav a.selected {
	font-weight: 700;
	}
	
#products .hero { 
	max-width: 420px; 
	margin-bottom: 2em;
	}

body#products footer { background-color: none; }

#products.detail { background-color: #F4F1EA; }
#products.detail .colourblock { height: 21em; }

.productspecs ul, .productspecs li {
	list-style: none;	
	}

.productspecs li {
	margin-bottom: 1.8rem;
	}

.productspecs {
	background-color: #EBCFAB;
	font-size: 1.6rem;
	padding: 3rem 4rem 0 4rem;
	}

.productspecs h3 {
	font-size: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 6px solid #000;
	display: inline-block;
	margin-bottom: 2rem;
	}

.gallery { margin-top: 2em; }
	
.gallery img { width: 100%; margin-bottom: 2em; }

#faq h4 { font-size: 2.4rem; color: #D16221; letter-spacing: 0.03em; } 

#testimonials em { color: #D16221; }

#homeslice a.cta { 
	color: #F4F1EA; 
	text-decoration: none; 
	text-transform: uppercase; 
	border: 1px solid #F4F1EA; 
	padding: 0.5em 2em; 
	font-size: 2rem;
	font-weight: 600;
	}
	
#homeslice a.cta:hover {
	background-color: #F4F1EA;
	color: #222;
	}
	
.mini {
	width: 12px;
	display: inline-block;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	}