/*
Theme Name: Arden
Author: start 2 finish
Author URI: http://www.s2fmarketing.co.uk/
Description: Based on the theme Twenty Fourteen
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

Text Domain: arden

*/

@charset "utf-8";
/* standard elements */
body, h1, h2, h3, h4, h5, p, ul, li, img {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}
body, td, th {
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #000;
	margin: 0;
	line-height: 1.2em;
}
body {
	background: #ededf7;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: none;
	color: inherit;
}
strong, b, h1, h2, h3, h4 {
	font-weight: 700;
}
h1, h2, h3, h4, p {
	padding-bottom: 15px;
}
p {
	line-height: 1.4em;
	margin-bottom: 1em;
}
h1, h2, h4 {
	font-weight: 300;
	line-height: 1em;
}
h1, .h1 {
	color: #FFF;
	background: #6FCCDD;
	padding: 15px;
	font-size: 1.5em;
	margin-bottom: 10px;
}
h2 {
	font-size: 1.8em;
	margin-bottom: 10px;
}
.right33 h2 {
	display: none;
}
h3 {
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1em;
}
h4 {
	font-size: 1.3em;
	font-weight: 700;
	padding: 5px 0 10px 10px;
	color: #666;
}
h5 {
	font-size: 1.2em;
	font-weight: 300;
	padding-bottom: 5px;
}
.nobg { 
	background: transparent; 
}
.blue-bg 	{ background-color: #6FCCDD; }
input[type=text], input[type=email], input[type=tel], textarea, select {
	border: none;
}
label {
	color: #666;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus {
	background: #FFF;
}
input[type=submit] {
	background: url(images/icon-arrow-right.png) right center no-repeat #C00;
	color: #FFF;
	padding: 8px 30px 8px 12px;
	margin: 1px 1px 1px 5px;
	font-size: 1em;
	border: none;
}
input[type=submit]:hover {
	cursor: pointer;
	border: 1px solid #C00;
	margin: 0 0 0 4px;
}
p.date {
	color: #AAA;
	font-style: italic;
	position: relative;
	top: -5px;
	padding-left: 25px;
}
/* header layout */
#header {
}
#header #iconbar {
	position: relative;
	top: 20px;
}
#header a.icon {
	position: relative;
	margin-left: 2px;
}
#header a.icon img {
	border: 1px solid #333;
	width: 40px;
	border-radius: 100%;
	background: #FFF;
}
#header a.icon img:hover {
	background: #6fccdd;
}
#logo {
	width: 15%;
	position: relative;
	bottom: -15px;
	z-index: 500;
}
.header-bar {
	background: #e7edf4;
	padding: 20px;
	display: none;
	border-bottom: 2px solid #666;
	font-size: 0.8em;
}
.header-bar .close {
	position: absolute;
	right: 50%;
	bottom: -40px;
	background: #e7edf4;
	cursor: pointer;
}
/* header menu */
#menuwrap {
	clear: both;
}
#menubg {
	background: #333;
}
.normal {
	background: #333;
}
.sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	border-bottom: 1px solid #FFF;
	background: #333;
	width: 100%;
	box-shadow: 0 5px 20px rgba(0,0,0,0.4);
}


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

	Menu
		
***************************************************************************************************************************************/

	/* static menu */
		#menu 										{ z-index: 999; background: url(images/bg-menu.png) center no-repeat #333; box-sizing: border-box; }
		#menu * 									{ box-sizing: border-box; }
		
		/* active menu states */
			#menu .current-menu-item,
			#menu .current-menu-parent,
			#menu .current-sectors-ancestor 		{ background-color: #6FCCDD; color: #ffffff; }
			#menu ul ul li.current-menu-item a 		{ background-color: #6FCCDD; color: #ffffff; }
			
			#menu ul ul li:hover > a				{ color: #6FCCDD; background-color: #4E4E4E; }
		
				
		/* first level */
			#menu ul li 						{ display: inline-block; position: relative; line-height: 3.2em; transition: 0.3s all ease; margin-right: -5px; text-align: left; }			
			
			#menu ul li a 						{ display: inline-block; padding: 0 1em; color: #FFF; transition: 0.3s all ease; }
			
			#menu ul li a:hover,
			#menu ul li:hover a 				{ color:#333; background: #ffffff; }
		
		
		/* second level */
			/*#menu ul li:hover > ul 				{ display: block; }*/
			
			#menu ul ul { 
				display: none; 
				background: #FFF;
				width: 250px; 
				position: absolute; 
				top: 90%; 
				font-size: 0.85em; 
				font-weight: 300; 
				line-height: 1.2em; 
				color: #6FCCDD; 
				padding: 10px 0; 
				z-index: 400; 
				text-transform: capitalize; 
				box-shadow: 0 3px 9px rgba(0,0,0,0.2); 
				border: solid #C3C3C3; 
				border-width: 0 1px 1px 1px; 
				text-align: left; 
			}
			
			#menu ul ul ul { 
				display: none; 
				background-color: #6d6c6c;
				border-color: #4e4e4e;
				top: 0%;
				left: 95%;
				padding: 5px 0;
				color: #6FCCDD; 
				border: 1px solid #4E4E4E; 
			}
			#menu ul li ul li:hover a 					{ background-color: #6d6c6c; color: #ffffff; }
			#menu ul li ul li a:hover 					{ background-color: #898888; }
			
			/*#menu ul li:hover > ul						{ display: block; }*/
			#menu ul ul li								{ display: block; border: none; margin: 0; line-height: 1.3em; }
			#menu ul ul li a 							{ padding: 0.7em 1em; display: inline-block; width: 100%; color: #323232; }
			
			#menu ul li.current-sectors-ancestor a 		{ color: #ffffff; }
			
			.menu-icon 									{ display: none; }
			
	
	
	/* sticky menu */
		.sticky							{ position: fixed; top: 0; left:0; z-index: 200; width: 100%; box-shadow: 0 5px 20px rgba(0,0,0,0.2); }
		#menu ul 						{ text-align: center; color: #FFF; font-size: 1.2em; font-weight: 300; text-transform: capitalize; overflow: visible; }
		.sticky #menu ul				{ text-align: center; color: #FFF; font-size: 1.2em; font-weight: 300; text-transform: capitalize; overflow: visible; }
		.sticky #menu ul ul 			{ font-size: 0.85em; }



#main a {
}
#main a.side-button {
	border: none;
	padding: 20px;
	background: url(images/button-arrow-right.png) right 10px center no-repeat;
	color: #FFF;
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5em;
}
#main a:hover {
}
#main a.side-button:hover {
	cursor: pointer;
	border: none;
	background: url(images/button-arrow-right.png) right 10px center no-repeat rgba(255,255,255,0.2);
}
#main ul {
	padding: 0 0 10px 10px;
}
#main ul li {
	list-style: square;
	padding: 2px 0;
}
#main ul.listbox {
	padding: 0;
}
#main ul.listbox li {
	list-style: none;
	padding: 2%;
}
#main ul.listbox li:nth-child(2n) {
	background: #efefef;
}
.screen-reader-text {
	display: none;
}
.pagination {
	padding: 2%;
	margin: 2% 0;
	border: #ffffff solid;
	border-width: 1px 0;
}
.pagination a 					{ transition: 0.3s all ease; }
.pagination a.page-numbers 		{ padding: 0.75em 1em; display: inline-block; }
.pagination span.page-numbers 	{ padding: 0.75em 1em; display: inline-block; background-color: #6FCCDD; }
.pagination a:hover 			{ background-color: #FFFFFF; }

.button {
	display: inline-block;
	width: 100%;
	padding: 1em 0;
	text-align: center;
	background-color: #6FCCDD;
	color: #ffffff;
	transition: 0.3s all ease;
}
.button:hover {
	background-color: #009193;
}
/* slider */



.nextend-smart-slider-2 {
	margin-bottom: 20px;
}
/* side */



#side h3 {
	font-weight: 300;
	color: #FFF;
	font-size: 1.2em;
	background: #6FCCDD;
	padding: 8px 10px;
	margin-bottom: 1px;
}
#side h3 a {
	display: inline-block;
	width: 100%;
	padding: 8px 0;
}
#side h3 a.down {
	background: url(images/icon-white-small-arrow-down.png) right center no-repeat;
}
#side h3 a.up {
	background: url(images/icon-white-small-arrow-up.png) right center no-repeat;
}
.whitebox {
	background: #FFF;
	
	padding: 20px 10px;
	margin-bottom: 10px;
}
.whitebox li {
	padding: 5px 10px 5px 20px;
	background: #f1f1f1;
}
.whitebox li:nth-child(2n) {
	background: #FFF;
}
.whitebox li a {
	display: inline-block;
	width: 100%;
	padding: 5px 0;
}
.whitebox li a:hover {
	background: url(images/icon-black-small-arrow-right.png) right -10px center no-repeat;
}
.whitebox p {
	padding: 0 20px 10px 20px;
}
.whitebox .left33 {
}
.homeintro {
	background: #FFF;
	
}
.homeintro p {
	padding: 20px;
}
/* boxes */



#boxes {
	padding-top: 20px;
}
#boxes h3 {
	font-weight: 300;
	color: #FFF;
	font-size: 1.2em;
	background: #222E82;
	padding: 8px 10px;
	margin-bottom: 1px;
}
#boxes h3 a {
	display: inline-block;
	width: 100%;
	padding: 8px 0;
	background: url(images/icon-white-small-arrow-right.png) right center no-repeat;
}
#boxes .whitebox {
}
.circle-img img {
	border-radius: 50%;
	border: 3px solid #C3C3C3;
}
.single .sidebar#boxes .whitebox {
	min-height: 0;
}
.single .sidebar#boxes h3 {
	padding: 1em;
}
/* footer */



#footer {
	color: #BBB;
}
#footer h3 {
	color: #BBB;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
#footer-logo {
	max-width: 200px;
	margin: 0 0 0 auto;
	position: relative;
	top: 25px;
	z-index: 500;
}
#footer .dark {
	background: #333;
	padding: 20px 0;
}
#footer a.icon {
	position: relative;
	margin-left: 2px;
}
#footer a.icon img {
	border: 1px solid #008d7f;
	width: 40px;
	border-radius: 100%;
}
#footer a.icon img:hover {
	background: #d3e7e5;
}
#footer p, #footer ul {
	font-size: 0.9em;
	line-height: 1.6em;
}
#footer a {
	color: #CCC;
}
#footer p strong, #footer ul strong {
	font-weight: 300;
	font-size: 1.2em;
}
#footer a:hover {
	color: #6fccdd;
}
/* headings */



.heading {
	background: url(images/bg-button.png) left center no-repeat;
	padding: 25px 20px;
	text-align: right;
	position: relative;
}
a .heading {
	border: 1px solid rgba(255,255,255,0.5);
}
.heading img {
	position: absolute;
	left: 20px;
	top: 20px;
}
.sector img {
	top: 10px;
}
.heading h3 {
	display: inline;
	border: 1px solid #FFF;
	padding: 8px 10px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 16px;
	margin-left: 30px;
}
h1.entry-title 	 { background: transparent; color:#222D82; padding: 0; }
/* grey bar */



#contact-bar {
	background-color: #555;
	padding: 30px 0;
	color: #FFF;
	margin-bottom: 20px;
}
#contact-bar a {
	color: #FFF;
}
#hide-form, #close-form {
	display: none;
}
#hide-form:hover, #close-form:hover {
	cursor: pointer;
}
.byline {
	display: none;
}
/* tip classes */



.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-widget-overlay {
	position: fixed;
	top: 10px;
	right: 5px;
	width: 100%;
	height: 100%;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	border-radius: 4px;
	background: #222e83;
	color: #FFF;
	font-size: 0.9em;
}
#footer .ui-tooltip {
	background: #008d7f !important;
}
/* layout classes */



.wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	max-width: 100%;
}
.text-center { text-align: center; }
.clear {
	clear: both;
}
.hide {
	display: none;
}
.h10 {
	height: 10px;
}
.h20 {
	height: 20px;
}
.h30 {
	height: 30px;
}
.h40 {
	height: 40px;
}
.h50 {
	height: 50px;
}
.block {
	display: block;
}
.left15 {
	float: left;
	width: 15%;
}
.left20 {
	float: left;
	width: 20%;
}
.left25 {
	float: left;
	width: 25%;
}
.left30 {
	float: left;
	width: 30%;
}
.left32 {
	float: left;
	width: 33%;
}
.left33 {
	float: left;
	width: 33%;
}
.new-left33 {
	width: 33.33%;
	float: left;
	box-sizing: border-box;
}
.midd33 {
	margin: 0 auto;
	width: 33%;
}
.midd32 {
	margin: 0 auto;
	width: 33%;
}
.left40 {
	float: left;
	width: 40%;
}
.left50 {
	float: left;
	width: 49%;
}
.left55 {
	float: left;
	width: 55%;
}
.left60 {
	float: left;
	width: 60%;
}
.left66 {
	float: left;
	width: 100% !important;
}
.left75 {
	float: left;
	width: 75%;
}
.left80 {
	float: left;
	width: 80%;
}
.right10 {
	float: right;
	width: 10%;
}
.right15 {
	float: right;
	width: 15%;
}
.right20 {
	float: right;
	width: 20%;
}
.right25 {
	float: right;
	width: 25%;
}
.right30 {
	float: right;
	width: 30%;
}
.right32 {
	float: right;
	width: 0%;
	display:none;
}
.right33 {
	float: right;
	width: 33%;
}
.right50 {
	float: right;
	width: 49%;
}
.right66 {
	float: right;
	width: 66%;
}
.right75 {
	float: right;
	width: 75%;
}
.right80 {
	float: right;
	width: 80%;
}
.padtb40 		{ padding: 40px 0; }
.phone {
	display: none;
}
.greyline {
	border-bottom: 1px solid #CCC;
}
.textright {
	text-align: right;
}
p.centre {
	text-align: center;
}
.bg-lblue {
	background: #E7EDF4;
}
.bg-dblue {
	background: #6FCCDD;
}
.bg-dblue .icon {
	border: 1px solid #FFF;
	border-radius: 100%;
	width: 40px;
}
.bg-dblue a {
	color: #FFF;
}
.flr {
	float: right;
}
.flc {
	margin: 0 auto;
}
.fll {
	float: left;
}
img.alignleft {
	float: left;
	margin: 5px 20px 10px 0;
}
.margr2 {
	margin-right: 2%;
}
.margr3 {
	margin-right: 3%;
}
.margtb2 {
	margin: 2% 0;
}
.margtb4 {
	margin: 4% 0;
}
.margb2 {
	margin: 0 0 2%;
}
.margb4 {
	margin: 0 0 4%;
}
.rel {
	position: relative;
	z-index: 10;
}
.rel h1 {
	position: absolute;
	left: 2%;
	bottom: 7%;
	display: inline-block;
	padding: 20px;
	background: rgba(0,0,0,0.4);
	color: #FFF;
	border: 1px solid #FFF;
	margin: 0;
}
.rel .right32 {
	position: absolute;
	float: none;
	right: 2%;
	top: 5%;
}
.left33:nth-child(3n+1) {
	clear: both;
}
.left50:nth-child(2n+1) {
	clear: both;
}
img {
	max-width: 100%;
}
.entry-summary img { width:auto; max-width:150px; height:auto; float:left; margin:0 20px 20px 0; }

.range-slider,
.range-slider .slide 			{ box-sizing: border-box; }
.range-slider .slide 			{ border-left: 4px solid #efefef; border-right: 4px solid #efefef; background-color: #fff; }
.range-slider .slide h5 				{ background-color: #6FCCDD; color: #ffffff; padding: 10px; min-height: 36px; transition: 0.3s all ease; }
.range-slider .slide h5 a 				{ color: #ffffff !important; font-weight: 300 !important; }
.range-slider .slide img 		{ transition: 0.3s all ease; max-height: 145px; width: auto; margin: 0 auto; }
.range-slider .slide:hover h5 	{ background-color: #51C1D6; }
.range-slider .slide:hover img 	{ opacity: 0.8; }
.owl-buttons div 				{ width: 40px; height: 40px; border-radius: 50%; transition: 0.3s all ease; }
.owl-buttons .owl-prev 	{ position: absolute; right: 101%; top: 50%; transform: translateY(-50%); background: url(/images/icon-blue-arrow-left.png) center / 40px no-repeat #ffffff; }
.owl-buttons .owl-next 	{ position: absolute; left: 101%; top: 50%; transform: translateY(-50%); background: url(/images/icon-blue-arrow-right.png) center / 40px no-repeat #ffffff; }
.owl-buttons div:hover 			{ background-color: #6FCCDD; }

.small-featured-image 			{ background-size: contain; background-position: center; height: 0; padding-bottom: 55%; }


/* font classes */


.lrg {
	font-size: 1.4em;
	line-height: 1.2em;
}
.l-blue {
	color: #3AB6FF;
}
.blue {
	color: #3468BC;
}
.green {
	color: #008d7f;
}
.white {
	color: #FFF;
}
.yellow {
	color: #F1CC51;
}
.red {
	color: rgba(204,0,0,1);
}
.initial {
	display: inline-block;
	color: #FFF;
	background: rgba(204,0,0,1);
	padding: 3px 0;
	width: 30px;
	text-align: center;
	margin-right: 5px;
}
h4.quote {
	background: rgba(204,0,0,1);
	color: #FFF;
	text-align: center;
	margin: 20px 0;
	padding: 20px;
}
.textcentre {
	text-align: center;
}
h3 span.font300 {
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
a.arrow {
	display: inline-block;
	padding: 10px 30px 10px 10px;
	background: url(images/button-arrow-right.png) right center no-repeat;
}
.bt {
	color: #FFF;
	padding: 4px 8px;
	background: #1f419a;
}
/* box classes */



.nopad {
	padding: 0 !important;
}
.nomarg {
	margin: 0 !important;
}
.pad10 {
	padding: 10px;
}
.pad20 {
	padding: 20px;
}
.pad30 {
	padding: 30px;
}
.pad40 {
	padding: 40px;
}
.pad2010 {
	padding: 20px 10px;
}
.padb20 {
	padding-bottom: 20px;
}
.padtb10 {
	padding: 10px 0;
}
.padtb20 {
	padding: 20px 0;
}
.padtb30 {
	padding: 30px 0;
}
.padtb50 {
	padding: 50px 0;
}
.padb10 {
	padding-bottom: 10px;
}
.padt10 {
	padding-top: 10px;
}
.padt20 {
	padding-top: 20px;
}
.padt30 {
	padding-top: 30px;
}
.padl20 {
	padding-left: 20px;
}
.padr10 {
	padding-right: 10px;
}
.padlr5 {
	padding-left: 5px;
	padding-right: 5px;
}
.padlr10 {
	padding-left: 10px;
	padding-right: 10px;
}
.padr20 {
	padding-right: 20px;
}
.box-green {
	background: #008d7f;
	color: #FFF;
}
.box-lblue {
	background: #587abc;
	color: #FFF;
}
.bg-white80 {
	background: rgba(255,255,255,0.80);
	color: #333;
}
.box-lblue .bg-white80, .box-lblue input[type=text] {
	color: #587abc;
}
.box-green .bg-white80, .box-green input[type=text] {
	color: #008d7f;
}
.box-green input[type=text], .box-lblue input[type=text] {
	padding: 4%;
	width: 92%;
	background: rgba(255,255,255,0.80);
}
.box-green h3, .box-lblue h3 {
	padding: 20px 20px 0 20px;
}
.box-green p, .box-lblue p {
	padding: 10px 20px;
}
.whitebox .thumbnail {
	background-size: cover;
	background-position: center center;
	min-height: 150px;
}
.overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: -1;
}
.product-box a {
	display: block;
}
#main .entry-content ul {
	margin: 2em 1em 2em 3em;
}
#main .entry-content ul li {
	font-size: 1em;
	line-height: 1.2em;
	padding: 0.5em;
	list-style: disc;
}
#main .whitebox .entry-content p {
	padding: 0;
}
.nav-links a {
	display: inline-block;
	padding: 1em 0;
	width: 50%;
}
.nav-links a span {
	color: #008d7f;
	font-weight: 600;
	padding: 0 0.5em 0 1em;
	display: inline-block;
}
/* archive */







.archive.post-type-archive-products #boxes .whitebox {
	min-height: 210px;
}
#main ul.product-archive-list {
	margin-bottom: 20px;
}
#main ul.product-archive-list li {
	list-style: none;
	padding: 5px 10px 5px 20px;
}

.load-more 		{ position: absolute; bottom: 0; right: 1em; background-color: #222E82; width: 70px; height: 40px; cursor: pointer; border-radius: 8px; }
.load-more img 	{ width: 40px; height: 40px; margin: 0 auto; display: block; }
.post-content {
    transition: 5s max-height ease;
    overflow: hidden;
}





img.alignright { float: right; max-width: 300px; width: 100%; padding-left: 1em; padding-bottom: 1em; }
img.alignleft { float: left; max-width: 300px; width: 100%; padding-right: 1em; padding-bottom: 1em; }


.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a { color: #ffffff !important; background-color: #008D93; display: inline-block; padding: 0.75em; border: 2px solid #78ced2; margin-bottom: 0.5em; }

.related-products .slide { border-color: #ffffff!important; }
.related-products .slide > a { display: -webkit-box; display: -ms-flexbox; display: flex; height: 150px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

/* single post */

@import url('/css/owl.carousel.css');
.entry-summary p {
	padding: 0;
}
.single article h1 {
	font-size: 2em;
}
.single table th {
	text-align: left;
	font-weight: 700;
	background-color: #FCFCFC;
}
.single table th, .single table td {
	padding: 0.7em;
	border: 1px solid #EBE9E9;
}
.single table tr {
	margin-top: -2px;
}
.single article a, .single article .whitebox a, article .entry-meta a, .single .sidebar a, .entry-content a {
	color: #008d7f;
	font-weight: 700;
}
.entry-content h3 {
	padding-top: 1em;
}
.single article .whitebox li {
	padding: 1em;
}
article .cat-links {
	margin-bottom: 10px;
	display: inline-block;
}
.single .sidebar .whitebox li {
	padding: 1em;
}
.single-products #boxes .accordian h3 a {
	color: #FFFFFF;
	font-weight: 300;
	background: none;
	padding: 0;
}
.thumbnail-container .whitebox {
	min-height: 0 !important;
}
.whitebox li.check {
	background: none !important;
	border-bottom: 1px solid #D8D8D8;
}
.whitebox li.check:last-child {
	border-bottom: none;
}
.check:before {
	font-family: "dashicons";
	content: "\f147";
	display: inline-block;
	float: left;
	width: auto;
	text-align: center;
	font-size: 1.7em;
	color: #008d7f;
	padding: 0 0.3em 1em 0;
}
.whitebox.pad20 p {
	padding: 0;
}
.file-download {
	text-align: center;
	margin: 1em 0;
	transition: 0.3s all ease;
}
.file-download:hover {
	color: #00C3AF !important;
}
.file-download p {
	margin-bottom: 0;
}
.file-download:before {
	font-family: "dashicons";
	content: "\f498";
	display: block;
	width: 100%;
	text-align: center;
	font-size: 2.5em;
	color: #008d7f;
	margin-bottom: 0.5em;
	transition: 0.3s all ease;
}
.file-download:hover:before {
	color: #00C3AF;
}
/* owl slider */



.owl-controls {
	height: 10px;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}
.owl-controls .owl-pagination {
	height: 10px;
	width: auto;
}
.owl-controls .owl-page {
	height: 10px;
	width: 10px;
	padding: 0 5px;
	display: inline-block;
}
.owl-controls .owl-page span {
	width: 10px;
	height: 10px;
	background-color: #008d7f;
	border-radius: 50%;
	display: inline-block;
	float: left;
}
.owl-controls .owl-page.active span {
	background-color: #00AF9D;
}
/* contact */



.map {
	min-height: 300px;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="number"], .contact-form input[type=tel] {
	padding: 0.7em 1em;
		width: 100%;
	margin-bottom: 20px;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}
.contact-form p {
	margin-bottom: 0;
	padding-bottom: 0;
}
textarea {
	padding: 0.9em 1em;
	width: 100%;
	margin-bottom: 20px;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}
.contact-form input[type="submit"] {
	width: 100%;
	margin: 0;
	padding: 0.7em 2em;
	background-color: #008d7f;
	transition: 0.3s all ease;
}
.contact-form input[type="submit"]:hover {
	background-color: #006E63;
	padding: 0.7em 2em;
	border: none;
}
.contact-form span.invalid {
	background-color: #FFDADA;
	padding: 0.4em 0.5em;
	font-size: 0.8em;
	display: block;
	margin-top: -20px;
	margin-bottom: 10px;
}
.contact-form #message-error {
	margin-top: -24px;
}
#boxes .location-uk .whitebox {
	min-height: 230px;
}
.location-usa .whitebox {
	padding: 20px 20px 5px 20px;
}


span.dashicons.dashicons-no:before { color: #FF5454; }
span.dashicons.dashicons-yes:before { color: #34B363; }

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder { 
  color: #A8A8A8;
}

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

	Tabs
		
***************************************************************************************************************************************/
	
	.single article h1 	{ color: #ffffff; background-color: #008D93; padding: 0.5em; display: inline-block; }
	.tabs .tab 	{ 
		float: left;
		width: auto; 
		display: inline-block; 
		background-color: #6FCCDD; 
		color: #ffffff; 
		padding: 1em; 
		cursor: pointer; 
		border: 1px solid #2DA7BD; 
		margin-left: -1px;
		transition: 0.3s all ease;
		font-weight: 700;
	}
	.tabs .tab:nth-child(1)		{ margin-left: 0 }
	.tabs .tab:hover 			{ background-color: #2DA7BD; }
	.tabs .tab.active 			{ background-color: #fff; color: #333333; border-bottom: 1px solid #fff; }
	
	.tabs .tab-content 			{ display: none; padding: 2em; border: 1px solid #2DA7BD; margin-top: -1px; }
	.tabs .tab-content.active 	{ display: block; }
	
	#main .tab-content ul 		{ padding: 2em 0 2em 0; }
	#main .tab-content ul li 	{ list-style: none; clear: both; border-bottom: none; padding: 0; line-height: 1.3em; }

	table.generaltable 			{ border-collapse: collapse; }

	.tab-content table td,
	.tab-content table th,
	table.generaltable td, 
	table.generaltable th 		{ border: none !important; padding: 0.7em; }

	.tab-content table tr:nth-child(2n+1),
	.tab-content .spec .row:nth-child(2n+1),
	table.generaltable tr:nth-child(2n+1) 		{ background-color: #d2f4fb; }

	.tab-content table th,
	table.generaltable th 						{ text-align: left; font-weight: 700; background-color: #1DBBB1; color: #ffffff; }

	.tab-content table td:nth-child(1n+2),
	.tab-content .spec .row .right66,
	table.generaltable td:nth-child(1n+2) 		{ border-left: 1px solid #6E6B6C !important; }
	
	.tab-content .spec .row div.left33,
	.tab-content .spec .row div.right66 		{ padding: 0.7em; box-sizing: border-box; }

	.tab-content .spec .row p 					{ margin-bottom: 0; }


/* screen sizes */
@media only screen and (max-width : 1200px) {

	.owl-buttons .owl-prev		{ right: auto; left: 0; border: 1px solid #3D3D3D; }
	.owl-buttons .owl-next 		{ left: auto; right: 0; border: 1px solid #3D3D3D; }

}

@media only screen and (min-width : 200px) and (max-width : 1200px) {
.wrap {
	padding: 0 1%;
	width: 98%;
}
#menuwrap .wrap {
	padding: 0;
	width: 100%;
}
#menu li ul, .sticky #menu li ul {
	background-image: none;
}
#menu li ul {
	text-align: center;
}
.location-usa .left15:not(:first-child) {
	width: 30%;
	margin-bottom: 10px;
}
.location-usa .left55 p {
	margin-right: 1em !important;
}
}

@media only screen and (min-width : 200px) and (max-width : 900px) {
h1 {
	font-size: 1.5em;
}
#header a.icon img, a.icon img {
	width: 34px;
}
#side, #main {
	width: 100%;
	float: none;
}
#col1, #col2, #col3, #col4 {
	width: 100%;
	float: left;
}
#col4 {
	margin: 0;
	float: right;
}
#col1 h3, #col2 h3, #col3 h3, #col4 h3 {
	font-size: 1.1em;
}
.left32, .single .left33, .right32, .midd32 {
	width: 100%;
	float: none;
}
#logo {
	width: 30%;
}
.contact-page .left25 {
	width: 50%;
}
.contact-page .right75 {
	width: 50%;
}
}

@media only screen and (min-width : 200px) and (max-width : 1000px) {
.product-page .left66, .product-page .left33, .product-page .right66, .product-page .left33 {
	width: 100%;
}
.related-documents a {
	width: 33% !important;
}
#main .mobile-element ul {
	margin: 0;
}
#main .mobile-element li {
	padding: 0;
	list-style: none;
}
#main .mobile-element .whitebox {
	min-height: 0;
}
#main .mobile-element-large ul {
	margin: 0;
}
#main .mobile-element-large li {
	padding: 0;
	list-style: none;
}
#main .mobile-element-large .whitebox {
	min-height: 0;
}
#boxes .whitebox .left33 {
	width: 33%;
}
#boxes .whitebox .right66 {
	width: 66%;
}
.left25 	{ width: 33.33%; }
.left75 	{ width: 66.66%; }
.right75 	{ width: 66.66%; }
.right66 	{ width: 50%; }
#tabTechnical .left33 {
	float: left;
	width: 33%!important;
}
#tabTechnical .right66 {
	float: right;
	width: 66%!important;
}
}

@media only screen and (max-width : 1000px) {
	
	.sidebar .box-container {
		width: 48%;
		float: left;
		padding: 1%;
	}
	.sidebar .box-container .whitebox {
		display: none;
	}
	.sidebar .box-container .whitebox.image {
		display: block;
	}
	#boxes .left33 {
		width: 50%;
	}
	#boxes .left33:nth-child(2n-1) {
		clear: both;
	}
	.left33:nth-child(3n+1) {
		clear: none;
	}

	#menu,
	#menu * { box-sizing: border-box; }
	#menu {
		display: none;
		height: auto;
		position: absolute;
		top: none;
		left: 0;
		right: 0;
		z-index:150;
		background-color: #fff;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	#menuwrap.sticky #menu 			{ top: 100%; } 
	#menu ul li 					{ display: block; border-right: none; padding: 0; font-size: 1em; }
	#menu ul li a 					{ display: block; width: 100%; padding: 0 10px; color: #323232; border-bottom: 1px solid #E7E7E7; font-size: 1em; }
	#menu ul li ul 					{ position: relative; width: 100%; background-color: #EDEDED; box-shadow:none; top: 0; padding: 0 0 0 20px; }
	#menu ul ul ul 					{ top: 0%; left: 0%; }
	
	#menu ul li ul li a {
		display: block;
		text-align:left;
		padding: 1em;
		width: 100%;
		color: #ffffff !important;
		background-size: auto 50%;
	}
	#menu ul li a:hover, 
	#menu ul li:hover a  			{ background-color: #E1E1E1; }
	#menu ul li ul li:hover ul li a { background-color: #9e9e9e; }
	#menu ul li ul li ul li:hover a { background-color: #B6B6B6; }
	.menu-icon 	{ 
		display: inline-block; 
		float: left; 
		padding: 15px 15px; 
		cursor:pointer; 
		position: relative; 
		width: 100%; 
		height: auto; 
		min-height: 25px; 
		box-sizing: border-box; 
	}
	.menu-icon span 				{ display: block; height: 3px; width: 25px; margin: 4px 0; background-color: #ffffff; }
	.menu-icon:after {
		content: 'Menu';
		display: block;
		padding: 0.5em;
		font-size: 1.2em;
		color: #ffffff;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 50px;
	}
	
	
	.menu-icon span:nth-child(2) {
		-webkit-transition-duration: 0s; transition-duration: 0s;
		-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
	}
	.menu-icon.active span:nth-child(2) {
		background-color: rgba(0,0,0,0.0);
		-webkit-transition-delay: 0.2s; transition-delay: 0.2s;
	}
	.menu-icon span:nth-child(1) {
		-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
		-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
		-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
	}
	.menu-icon.active span:nth-child(1) {
		margin-top: 8px;
		margin-left: 0px;
		-webkit-transform: rotate(45deg); transform: rotate(45deg);
		-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
	}
	.menu-icon span:nth-child(3) {
		-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
		-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
		-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
	}
	.menu-icon.active span:nth-child(3) {
		margin-top: -14px;
		-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
		-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
	}
	
	
	#menu ul li ul, 
	.sticky #menu ul li ul  		{ border: none; background-color: #E2E2E2; font-size: 1em; }

	#menu ul li ul li a 			{ border-bottom: 1px solid #D0D0D0; color: #000000 !important; font-size: 1em; }
	
}

@media only screen and (max-width : 700px) and (min-width : 200px) {
	body {
		font-size: 13px;
	}
	#header {
		padding: 10px 0;
	}
	#header .left25, #header .right66 {
		float: none;
		width: 70%;
		margin: 0 auto;
		text-align: center;
	}
	#header .left25 {
		width: 40%;
	}
	#header .tel {
		display: none;
	}
	#header .left20, #header .right20 {
		width: 50%;
		padding-top: 1px;
	}
	#logo {
		width: 40%;
	}
	#logo img {
		margin-top: -15px;
	}
	
	#grid a {
		background-size: 100% 100%;
		width: 50px;
		height: 50px;
	}
	#grid ul li {
		height: 350px;
		list-style: none;
		float: left;
		width: 49%;
	}
	#grid ul li:nth-child(1) {
		width: 48%;
		margin-right: 1%;
	}
	#grid ul li:nth-child(2) {
		width: 50%;
		margin-right: 0;
	}
	#grid ul li:nth-child(3) {
		width: 48%;
		margin: 8px 1% 0 0;
		clear: left;
	}
	#grid ul li:nth-child(4) {
		width: 50%;
		margin: 8px 0 0 0;
	}
	#grid .bg {
		background-size: 100% 100%;
	}
	#grid .bg-dblue {
		background: rgba(0,44,89,0.70);
	}
	#grid .bg-green {
		background: rgba(0,141,127,0.70);
	}
	.banner {
		width: 90%;
		padding: 5%;
	}
	#main .left60, #main .right33 {
		width: 90%;
		padding: 0 5%;
		float: none;
	}
	.bg-dblue {
		font-size: 0.9em;
	}
	.bg-dblue h3 {
		margin: 0;
		padding: 0;
	}
	#infocol .left25, #infocol .right25 {
		width: 50%;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.pad20 {
		padding: 10px;
	}
	.h20 {
		height: 5px;
	}
	#col1, #col2, #col3, #col4 {
		width: 100%;
	}
	#col2 {
		margin: 0;
		float: right;
	}
	#col3 {
		clear: left;
	}
	.fll {
		clear: both;
	}
	#boxes .left33 {
		width: 100%;
	}
	#boxes .right66 {
		width: 100%;
	}
	#boxes .left33:nth-child(2n-1) {
		clear: none;
	}
	.left33:nth-child(3n+1) {
		clear: none;
	}
	#boxes .left50 {
		width: 100%;
	}
	#boxes .left50 .padr20, #boxes .left33 .padr20 {
		padding-right: 0;
	}
	.sidebar {
		margin-bottom: 1em;
	}
	.sidebar .box-container .whitebox {
		display: none;
	}
	.sidebar .box-container .whitebox.image {
		display: block;
	}
	.single table {
		max-width: 100%;
	}

	.single table tr th {
		width: 0% !important;
	}
	.single .entry-content .table-wrapper table:not(.spectable) tr td,
	.single .entry-content .table-wrapper table.responsive tr td 			{ width: 100% !important; display: block; padding: 0; }
	.single .entry-content .table-wrapper .scrollable table 				{ border-collapse: collapse; }
	.single .entry-content .table-wrapper .scrollable table tr td 			{ padding: 5px !important; display: table-cell !important; width: auto !important; }
	.table-wrapper .pinned { display: none; }
	.table-wrapper .scrollable { overflow-x: auto !important; }
	.generaltable { min-width: 100%; overflow-x: auto; }
	
	#boxes .location-uk .whitebox {
		min-height: 0;
	}
	.contact-page .left25 .padr20 {
		padding-right: 0;
	}
	.contact-page .left25 {
		width: 100%;
	}
	.contact-page .right75 {
		width: 100%;
	}
	.location-usa .left15, .location-usa .left15:not(:first-child) {
		width: 100%;
	}
	.location-usa .left55 {
		width: 100%;
	}
	.left25,
	.new-left33 { width: 50%; }
	.left75 	{ width: 100%; }
	
	.single table.responsive tr td,
	.single table.responsive tr td:first-child 	{ width: 90% !important; display: block !important; float: left !important; clear: both !important; box-sizing: border-box; }
	.single table.responsive iframe 			{ width: 100%; height: auto; }
	
	/*table tr td { display: block !important; width: 100% !important; box-sizing: border-box !important; }*/
}


@media only screen and (max-width : 600px) {

	.tabs .tab { width: 100%; box-sizing: border-box; margin-left: 0; }
	
	
}

@media only screen and (min-width : 200px) and (max-width : 500px) {
body {
	font-size: 12px;
}
#header a.icon img {
	width: 24px;
}
#grid ul li {
	height: 300px;
}
.quote {
	background: none;
	padding: 10px 10px 0 10px;
	line-height: 0.9em;
}
.quote p {
	padding: 0;
}
#infocol .left25, #infocol .right25 {
	width: 100%;
	float: none;
}
#footer .left33, #footer .midd33, #footer .right33 {
	width: 100%;
	text-align: center;
	float: none;
}
#logo {
	width: 60%;
}
.left25,
.new-left33 	{ width: 100%; }

}

@media only screen and (min-width : 200px) and (max-width : 400px) {
#header a.icon img {
	width: 28px;
}
#grid {
	font-size: 12px;
	line-height: 1 em;
}
#grid h3 {
	font-size: 1.2em;
}
#grid ul li {
	height: 280px;
}
#offices {
	font-size: 10px;
}
#main {
	font-size: 14px;
}
.related-documents a {
	width: 50% !important;
}
}
.small-featured-image {
    background-size: cover !important;
}