@charset "utf-8";
/* 
	CSS Document 
	AUTHOR: Appollinaire Egny
	WEBSITE:http://www.domainnane.co.uk

	Created in Mozilla Firefox3 

	THEME NAME: themename
	DESCRIPTION:Bespoke template for xxxx
	VERSION:1.0

	------------------------------------------------------------------
	[Master Stylesheet]
	-------------------------------------------------------------------
*/

/*	-------------------------------------------------------------
	IMPORT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@import url(fonts.css);
@import url(normalize.css);
@import url(homepage.css?v=1);
@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
* {
	margin: 0;
	padding: 0
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	height: 100%
}
body, html {
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	-webkit-text-size-adjust: none
}
html {
	box-sizing: border-box
}
* {
	margin: 0;
	padding: 0
}
html, body {
	height: 100%;
	margin: 0px;
	padding: 0
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	width: 100%; /*background:#fafafa;*/
	background: #f8f7f5;
	font-size: 1em;
	line-height: 1.5em;
	font-family: 'Nunito', sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust: none
}
.fixed {
	margin: 0 auto;
	max-width: 1200px; /**/
	width: 100%;
	text-align: left;
	position: relative
}

.fixedHeader {
	margin: 0 auto;
	max-width: 1550px; /**/
	width: 100%;
	text-align: left;
	position: relative
}


a {
	color:#000
}
a:hover {
}
h1, h2, h3 {
	margin: 0 0 .8em 0;
	padding: 0
}
p {
	margin: 0 0 .8em 0;
	padding: 0
}
/*
embed,
object,
iframe 								{ width: 100%; height: auto }

 

*/
/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
	zoom: 1;
}
/*
#wrapper							{position:relative; padding:15px; margin:0 auto; background:#fbfbfb;}	
#wrapper:after 					{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#wrapper 							{ display: inline-block; }
#wrapper 							{ display: block; zoom: 1; }	
*/
	
	
/*	-------------------------------------------------------------
	HEADER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 130px;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
        font-weight:300;
	background: #f8f7f5;
	z-index: 101
}
#header {
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
        font-weight:300;
	font-size: 11px;
	letter-spacing: 2px
}
#header .nav {
	position: absolute;
	top: 0;
	right: 10px
}
#header .nav li {
	float: left;
	display: inline-block
}
#header .nav li a {
	font-size: 11px;
	color: #666;
	padding: 24px 15px;
	text-decoration: none;
	display: block
}
#header .nav li a:hover {
	color: #000
}
#header .nav li.selected a::before, #header .nav li.selected a::after {
	content: " | ";
	font-weight: bold;
	color: #c9bca9
}
#header .nav li#contact a {
	padding: 24px 50px 24px 15px !important
}

#header .nav li:first-child {
    display: none !important;
}

/*#header .nav li#contact a::after 	{content: url('../images/contact_red.png'); display: inline-block;padding:0 0 0 5px; position:absolute; bottom:20px; right:0 }*/

#header .logo {
	position: absolute;
	top: 24px;
	left: 20px
}
#header .logo span {
	font-size: 14px;
	color: #666;
	padding: 0;
	text-decoration: none;
	display: block;
	font-weight: 600
}
/*	-------------------------------------------------------------
	CONTENT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#main {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
h1, h2 {
	display: block;
	margin: 0;
	padding: 0 0 25px;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
font-family: 'Nunito', sans-serif;
font-weight:300;
}
h2 {
	font-size: 14px;
}
.section {
	width: 100%;
	padding: 22% 0;
	position: relative;
}
.section ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0 auto
}
.section li {
	float: left;
	width: 30%;
	display: block;
	padding: 0 1.5%
}
.section li.two {
	width: 46.5% !important
}
.section li img {
	display: block;
	width: 100%;
	height: auto
}
.section li img:hover {
}
ul#filterOptions {
	width: 92%;
	height: 50px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
ul#filterOptions li {
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 20px 0 0;
	letter-spacing: 2px;
}
ul#filterOptions li.active {
	font-weight: 600;
}
ul#filterOptions li a {
	text-decoration: none;
	color: #000;
}
#ourHolder {
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#ourHolder div.item {
	float: left;
	text-align: center;
	width: 30%;
	display: block;
	margin: 0 1.5% 2%;
}
#ourHolder div.item span {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	height: 50px;
}
.sectionInner {
	width: 100%;
	margin: 160px 0 65px 15px;
	padding: 0;
	position: relative;
}
.content {
	width: 93%;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
.content p {
	line-height: 2.0em;
}
img.floatleft {
	float: left;
	display: block;
	max-width: 100%;
	margin: 0 5% 4% 0;
	padding: 0;
}
.item img {
	/*display: block;*/
	max-width: 315px;
	height: auto;
	/*margin:0 auto*/
}
.table {
	display: table;
	padding: 0;
	margin: 0 auto;
	width: 90%
}
ul#horizontal-list {
	width: 100%;
	list-style: none;
	padding: 0;
	display: block;
}
ul#horizontal-list li {
	display: inline;
	position: relative
}
ul#horizontal-list li a {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	text-decoration: none;
	color: #000
}

ul#horizontal-list2 {
	width: 100%;
	list-style: none;
	padding: 0;
	display: block;
}
ul#horizontal-list2 li {
	display: inline;
	position: relative;
	width:24%;
}

ul#horizontal-list2 li img {
	width:100%
}
ul#horizontal-list2 li a {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	text-decoration: none;
	color: #000
}

#sitework__frame.table {
	width: 62% !important
}
.slicknav_menu {
	display: none
}
.rows__left {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	width: 40%
}
.rows__left h1:after {
	background-color: #cacaca;
	content: '';
	display: block;
	height: 1px;
	margin-bottom: 5px;
	margin-top: 25px;
	width: 100%
}
.rows__left .frame {
	padding: 0 10% 0 0;
	width: 90%
}
.rows__left .post__items {
	position: relative;
	padding: 0;
	margin: 0 0 20px;
	min-height: 333px;
	height: auto !important;
	height: 333px;
	border-bottom: 1px solid #cacaca
}
.rows__left .post__nav {
	position: relative;
	padding: 0;
	margin: 0;
	height: 50px
}
.rows__left .post__nav span.prev {
	display: block;
	width: 45%;
	float: left;
	padding: 0;
	margin: 0
}
.rows__left .post__nav span.next {
	display: block;
	width: 45%;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0
}
.rows__left .post__nav a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-size: 12px
}
.rows__right {
	position: relative;
	float: right;
	padding: 0;
	margin: 0;
	width: 60%
} /*float:left*/
.exp__large {
	display: block;
	width: 100%;
	height: auto
}
table.cvtable {
	width: 100%;
	margin: 0 0 60px;
}
table.cvtable td {
	vertical-align: top;
	padding: 5px 0;
}
table.cvtable td.left {
	width: 20%;
}
.caption__frame {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	font-weight: 400
}
.caption__frame div {
	display: table;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%
}
.caption__frame div span {
	display: table-cell;
	padding: 0 1.5% 0 0;
	margin: 0;
	width: 98.5%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1.2px;
	font-family: 'Nunito', sans-serif;
font-weight:300;
}
table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 25px
}
tr:nth-of-type(odd) {
}
th {
	color: black;
	font-weight: bold
}
td, th {
	padding: 6px;
	text-align: left
}
td:last-child, th:last-child {
	width: 80%
}


.shop_table td:last-child, .shop_table th:last-child {
	width: auto !Important
}

.press__items {
	position: relative;
	float: left;
	width: 25%
}
.press__items div {
	position: relative;
	padding: 2% 4%;
	margin: 0 0 2%
}
.press__items div span {
	display: block;
	text-align: center;
	padding: 5px 0;
	margin: 0;
	text-transform: uppercase
}
.press__items div a {
	display: block;
	height: 100%;
	color: #000;
	text-decoration: none
}
.press__items img {
	display: block;
	width: 100%;
	height: auto
}
.cycle-bg-image {
	background-size: contain !important
}
.shopping_cart table {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 16px
}
.shopping_cart h2 {
	display: none
}
.shopping_cart table td:last-child, .shopping_cart table th:last-child {
	width: auto !important;
}
.shopping_cart table td br {
	display: none;
}
.shopping_cart table tr.wspsc_cart_total td, .shopping_cart table th {
	border-color: #cacaca;
	border-width: 1px 0;
	border-style: solid;
	text-transform: uppercase
}
.shopping_cart table td a {
	text-decoration: none;
	color: #000
}
.shopping_cart table td a:hover {
	text-decoration: underline;
	color: #000
}
.wpspsc_checkout_form td {
	text-align: right !important
}
.shopping_cart input[type=text] {
	text-align: center !important;
	padding: 3px 0
}


.inner_content_01 {
	display:block; 
	position:relative; 
	height:25px; 
	text-align:right;
	padding-top:10px;
	font-size:11px	
}
.inner_content_01 > span {
	display:block; 
	position:absolute; 
	left:0; 
	top:8px; 
	text-transform:uppercase	
}
.inner_content_01 > span > a {
	color:#000; 
	text-decoration:none;	
}


.home #footer span,
.home #footer span a,
.home #header .nav li a 				{color:#fff !important}

.home #header .nav li.selected a::before, 
.home #header .nav li.selected a::after {
    color: #fff !important;
}



/*.bgimg-1 						{position: relative; background-position: center; background-repeat: no-repeat; background-size: cover}
.bgimg-1 						{background-image: url("<?php echo $image; ?>"); height: 100%}*/
.caption 						{position: absolute; left: 0; top: -50px; width: 100%; height:100%; text-align: center;background-color: rgba(0,0,0,0.3);}
.caption > div 					{display:table; width:100%; height:100%}
.caption > div > div 	       	{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; }


.captionbottom {
display: block;
position: absolute;
bottom: 16%;
left: 10%;
}


.captiontop {
display: block;
position: absolute;
top: 28%;
right: 10%;
}
.captiontop p,
.caption p, .captionbottom p 	{font-size: 16px; color: #ededed; }



span.link__back 						{display:block; position:absolute; bottom:0; right:0; text-transform:uppercase; font-size:12px}
span.link__back a 						{color:#000; text-decoration:none}
.wp_cart_button_wrapper					{margin:0 0 10px}
.Prints .wp_cart_button_wrapper + p 	{display:none}
.reduced_with							{width:66% !important}

.pict_only								{width:34% !important}
.pict_only img {
	max-width:100%; 
	height:auto
}

.bgimg-1 					{position: relative; background-position: center; background-repeat: no-repeat; background-size: cover}


/*	-------------------------------------------------------------
	FOOTER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#footer {
	position: fixed;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 55px;
	bottom: 10px;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
	font-weight:300;
	font-size: 9px;
	letter-spacing: 2px;
	background: #f8f7f5;
	z-index: 101;
}

#footer .fixed {
	max-width: 100% !important
}

#footer span {
	display: block;
	padding: 5px 25px 0 0;
	margin: 0;
	text-align: right !important;
}

#footer a#contactLink {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 22px;
	height: 15px;
}

@media screen 
and (max-width: 768px) {
	.sectionInner {
		width: 100%;
		margin: 160px 0 65px;
		padding: 0;
		position: relative;
	}
	
	.press__items_post {
		position: relative;
		float: left;
		width: 50%;
	}
	
	#header .logo {
		left: 20px
	}
	
	#menu {
		display: none
	}
	
	.slicknav_menu {
		display: block
	}
	
	.section {
		width: 96%;
		padding: 25% 2%;
		position: relative
	}
	
	#header .nav li:first-child {
		display: block !important;
	}
	
	.item img {
		disply: block;
		max-width: 100%;
		height: auto
	}
	
	.section {
		width: 96%;
		padding: 20% 2% 0;
		position: relative
	}
	
	.homeContent {
		top: 15%
	}
	
	#footer a#contactLink {
		left: 5px
	}
	
	.rows__left .post__items {
		min-height: 150px;
		height: auto !important;
		height: 150px;
	}
}

@media only screen 
and (min-width : 320px) 
and (max-width : 667px) {
	ul#filterOptions li {
		font-size: 11px;
		margin: 0px 9px 0 0;
		letter-spacing: 1px
	}
	.section li {
		float: left;
		width: 100%;
		display: block;
		padding: 0 0 25px
	}
	.section li.two {
		width: 100% !important
	}
	.section li img {
		display: block;
		width: 100%;
		height: auto
	}
	#ourHolder div.item span {
		font-size: 11px;
		line-height: 14px;
		letter-spacing: 1px;
		height: 80px
	}
	.content p {
		line-height: 20px
	}
	#footer {
		font-size: 10px;
		letter-spacing: 1px
	}
	.content {
		font-size: 15px;
		padding: 0 4px;
	}
	.homeContent {
		font-size: 20px;
		letter-spacing: 6px;
		line-height: 30px
	}
	.press__items {
		height: 280px
	}
	.press__items div span {
		font-size: 12px;
		line-height: 18px
	}
	#sitework__frame.table {
		width: 90% !important;
		padding: 0 0 50px;
	}
	.table {
		padding: 0 0 50px;
	}
	
	.inner_content_01 {
		padding:10px !important;
	}
	
	.captionbottom {
		left: 10%;
		width: 85%;
	}
	
}

@media only screen 
and (min-width : 320px) 
and (max-width : 667px) 
and (orientation : landscape) {
	.section li {
		float: left;
		width: 50%;
		display: block;
		padding: 0 0 1.5%
	}
	.section li.two {
		width: 46% !important;
		margin: 0 2%
	}
}

@media only screen 
and (min-width : 320px) 
and (max-width : 667px) 
and (orientation : portrait) {
	iframe {
		display:block;
		width:100% !important	
	}
	.rows__left {
		position: relative;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important
	}
	.rows__left .frame {
		padding: 0 10px;
		margin: 0 0 50px;
		width: 100%
	}
	.rows__right {
		position: relative;
		float: none;
		padding: 0;
		margin: 0 0 30px;
		width: 100%
	}
	#ourHolder div.item {
		width: 46.5% !important
	}
	.press__items {
		position: relative;
		float: left;
		width: 50%;
		height: 280px
	}
	
	.captiontop p, .caption p, .captionbottom p {
		padding: 0 5%;
	}
	
	.press__items_post {
		position: relative;
		float: left;
		width: 50% !important;
	}
	
	.captiontop {
		top: 22%;
		right: 0;
	}
	
	.pict_only {
		width:100% !important
	}
}


.woocommerce input[type=tel],
.woocommerce input[type=email],
.woocommerce input[type=text] {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	border: 2px solid #ccc;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	outline: none;
}

.woocommerce input[type=tel]:focus,
.woocommerce input[type=email]:focus,
.woocommerce input[type=text]:focus {
	border: 2px solid #ccc;
}

.woocommerce textarea {
	width: 100%;
	height: 200px !important;
	padding: 12px 20px;
	box-sizing: border-box;
	border: 2px solid #ccc;
	font-size: 16px;
	resize: none;
}

.woocommerce select {
	width: 100%;
	padding: 12px;
	border: 2px solid #ccc;
	resize: vertical;
}

.woocommerce .woocommerce-form-coupon-toggle,
.woocommerce .woocommerce-form-login-toggle {
	display:none;
	height:0
}

#coupon_code {
	width:200px !important;
	height:34px !important
}

.product-quantity .quantity br {
	display:none
}

.product-quantity .quantity input[type=number] {
	width: 100%;
	padding: 5px 0;
	margin: 0;
	box-sizing: border-box;
	border: 2px solid #ccc;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	outline: none;
}