/******************************************************************
Theme Name: Techni Systems
Theme URI: http://www.source-design.co.uk
Description: Bespoke theme.
Author: Source Deisgn
Author URI: http://www.source-design.co.uk
Version: 1.2
Tags:
******************************************************************/


@import 'editor-style.css';


/* BASIC SETUP */
* { 
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html { 
	
}
body { 
	color: #2d373b;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	overflow-x: hidden;
}


/* responsive */
.mobile { 
	display: block !important;
}
span.mobile { 
	display: inline !important;
}
table.mobile {
	display: table !important;
}
col.mobile { 
	display: table-column !important;
}
th.mobile, td.mobile { 
	display: table-cell !important;
}
tr.mobile { 
	display: table-row !important;
}
.desktop, span.desktop, table.desktop, col.desktop, th.desktop, td.desktop, tr.desktop { 
	display: none !important;
}
.hide {
	display: none !important;
}


/* useful styles */
.hr hr { 
	display: none;
}
.hr, hr { 
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	margin: 2em 0;
}
.error { 
	color: #FF0000;
}
.small { 
	font-size: 0.75em;
}


/* alignment */
.align-left { 
	text-align: left !important;
}
.align-center { 
	text-align: center !important;
}
.align-right { 
	text-align: right !important;
}
.valign-top { 
	vertical-align: top !important;
}
.valign-middle { 
	vertical-align: middle !important;
}
.valign-bottom { 
	vertical-align: bottom !important;
}
.clear { 
	clear: both;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0px;
}
.clearafter:after { 
	content: '';
	clear: both;
	display: block;
}
.float-left { 
	float: left;
}
.float-right { 
	float: right;
}

.alignleft {
	float: left;
	margin: 0 1em 0 0;
}
.alignright {
	float: right;
	margin: 0 0 0 1em;
}


/* common elements */
p { 
	line-height: 1.4em;
	margin: 1em 0;
}
p:first-child {
	margin-top: 0;
}
img { 
	border: 0;
}
a {
	color: #616463;
	text-decoration: none;
}
a:hover,
a:focus { 
	color: #777777;
}


/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 400;
	letter-spacing: .05em;
	line-height: 1.2em;
	margin: .7em 0;
	text-transform: uppercase;
}
h1, .h1 { 
	font-size: 1.5em;
}
h2, .h2 { 
	color: #616463;
	font-size: 1.2em;
}
h3, .h3 { 
	font-size: 1em;
}
h4, h5, h6, .h4, .h5, .h6 { 
	font-size: .9em;
}
/*h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child { 
	margin-top: 0;
}*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { 
	color: inherit;
}

b, strong {
	font-weight: 600;
}


/* tables */
table.form, .main table { 
	border: 0;
	border-collapse: collapse;
	margin: 2em 0;
	width: 100%:
}
.main table th,
.main table td {
	border: 1px solid #CCCCCC;
	padding: .5em;
	vertical-align: top;
}
table.form th,
.main table th { 
	text-align: left;
}
table.form td { 
	
}
form table, 
table.form {
	width: 100%;
}
	.main form table th, 
	.main table.form th,
	.main form table td, 
	.main table.form td {
		border: 0;
		vertical-align: middle;
	}



.inset-left,
.inset-right {
	max-width: 50%;
}


/* pagination */
.pagination {
	display: block;
	margin: 2em 0;
	text-align: center;
}
	.pagination .screen-reader-text {
		display: block;
		height: 0;
		overflow: hidden;
		position: absolute; top: -3em;
	}
	.pagination .page-numbers {
		display: inline-block;
		margin: 0 .5em;
	}

li.widget {
	list-style-type: none !important;
}


.menu-social-links-container {  
	margin: .5em 0;
}
	.menu-social-links-container ul {
		font-size: .9em;
		list-style-type: none;
		margin: 0 !important;
		padding: 0 !important;
	}
		.menu-social-links-container ul li {
			display: inline-block;
			margin: 0 1em 0 0;
		}
			.menu-social-links-container ul li a {
				background: #aaaaaa;
				border-radius: 50%;
				color: inherit;
				display: block;
				line-height: 3.5em;
				text-align: center;
				text-decoration: none;
				width: 3.5em; height: 3.5em;
			}
			.menu-social-links-container ul li a:hover {
				opacity: .9;
			}
				.menu-social-links-container ul li a i {
					vertical-align: middle;
				}


.white-text {
	color: #FFFFFF;
}
	.white-text a,
	.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6 {
		color: inherit;
	}

.content-collapse {
	
}
	.content-collapse .collapse-heading,
	.content-collapse-special .collapse-heading {
		margin: 0;
		position: relative;
	}
		.content-collapse .collapse-heading a,
		.content-collapse-special .collapse-heading a {
			display: block;
		}
		.content-collapse .collapse-heading:after,
		.content-collapse-special .collapse-heading:after {
			background: url('../svg/arrow-down-005e79.svg') center/contain no-repeat transparent;
			content: '';
			display: block;
			position: absolute; right: 0; top: 0;
			-webkit-transform-origin: center; /* Chrome, Safari, Opera */
			-ms-transform-origin: center; /* IE 9 */
			transform-origin: center;
			transition: all .3s ease;
			width: 1em; height: 1em;
		}
	.content-collapse .collapse-heading.open,
	.content-collapse-special.open .collapse-heading {
		margin: 0 0 1em;
	}
		.content-collapse .collapse-heading.open:after,
		.content-collapse-special.open .collapse-heading:after {
			-ms-transform: rotate(180deg); /* IE 9 */
			-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
			transform: rotate(180deg);
		}
		.white-text .content-collapse .collapse-heading:after,
		.content-collapse.white-text  .collapse-heading:after,
		.content-collapse .white-text  .collapse-heading:after,
		.white-text .content-collapse-special .collapse-heading:after,
		.content-collapse-special.white-text  .collapse-heading:after,
		.content-collapse-special .white-text  .collapse-heading:after  {
			background-image: url('../svg/arrow-down.svg');
		}
		/*background: url('images/arrow-down-005e79.svg')*/
	.content-collapse .collapse-text,
	.content-collapse-special .collapse-text {
		padding: 1em 0;
	}


.hidden {
	display: none !important;
}


.back-to-top-link {
	color: #8e9090;
	display: block;
	font-size: .9em;
	margin: 3em auto;
	text-align: center;
	text-transform: uppercase;
	width: 20em; max-width: 100%;
}
	.back-to-top-link:before {
		background: url('../svg/arrow-down.svg') center/50% auto no-repeat #616463;
		border-radius: 50%;
		content: '';
		display: block;
		margin: 0 auto .5em;
		-webkit-transform-origin: center; /* Chrome, Safari, Opera */
		-ms-transform-origin: center; /* IE 9 */
		transform-origin: center;
		-ms-transform: rotate(180deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
		transform: rotate(180deg);
		width: 4em; height: 4em;
	}




/* .tabbed-content */
.tabbed-content {
	margin: 1em 0;
}
	.tabbed-content .tabs {
		position: relative;
	}
		.tabbed-content .tabs a {
			background: #616463;
			color: #FFFFFF;
			display: inline-block;
			font-size: .85em;
			margin: 0 .2em .2em 0;
			padding: .4em .8em;
			float: left;
			position: relative;
			text-align: center;
			text-transform: uppercase;
		}
			.tabbed-content .tabs a > span {
				display: table;
				position: relative;
				width: 100%; height: 100%;
			}
				.tabbed-content .tabs a > span > span {
					display: table-cell;
					vertical-align: middle;
				}
		.tabbed-content .tabs a.active {
			background: #FFFFFF;
			color: #2d373b;
		}
		.tabbed-content .tabs:before {
			content: '';
			display: block;
			margin-left: -50vw;
			position: absolute; left: 50%; bottom: 0;
			width: 100vw;
		}
		.tabbed-content .tabs:after {
			clear: both;
			content: '';
			display: block;
		}
	.tabbed-content .tab-content {
		background: #FFFFFF;
		color: #2d373b;
		padding: 1.4em;
	}
	.tabbed-content .tab-content.hidden {
		display: none;
	}
		.tabbed-content .tab-content:after {
			clear: both;
			content: '';
			display: block;
		}



/* editor styles */
.large-paragraph {
	font-size: 1.3em;
	margin: 1em 0;
}
.large-paragraph:first-child {
	margin-top: 0 !important;
}
	.large-paragraph br {
		display: none;
	}



/* ----------------------------- PAGE STRUCTURE ----------------------------- */
.skip-link {
	display: block;
	height: 0;
	overflow: hidden;
	position: absolute; top: -3em;
}


.root { 
	position: relative;
	width: 100%;
}
	.root > div, .page-width { 
		margin: 0px auto;
		padding-right: 3%; padding-left: 3%;
		position: relative;
		max-width: 1100px;
	}


.green-bg {
	background: #616463;
	color: #FFFFFF;
}
	.green-bg a {
		color: inherit;
	}


#body {
	overflow-x: hidden;
}


.contact-bar {
	background: #616463;
	color: #FFFFFF;
	display: none;
	/*overflow-x: auto;*/
	position: absolute; top: 0; right: 0; left: 0;
	max-height: 100%;
	z-index: 995;
}
	.contact-bar a,
	.contact-bar h1, .contact-bar h2, .contact-bar h3, .contact-bar h4, .contact-bar h5, .contact-bar h6 {
		color: inherit;
	}
	.contact-bar .content {
		background: #aaaaaa;
		display: none;
	}
	.contact-bar-show .contact-bar .content {
		
	}
		.contact-bar .content > div {
			padding: 2em 0;
		}
			.contact-bar-content {
				
			}
				.bar-form form {
					
				}
				.bar-form .gform_body {
					max-width: none;
				}
					.bar-form input[type="text"],
					.bar-form input[type="email"],
					.bar-form input[type="search"],
					.bar-form input[type="password"],
					.bar-form .select-style,
					.bar-form textarea {
						background: #FFFFFF !important;
						margin: 0 0 .5em;
						width: 100%;
					}
					.bar-form .select-style:after {
						background-color: #aaaaaa;
					}
					.bar-form input[type="submit"],
					.bar-form input[type="button"],
					.bar-form .block-button {
						background: #aaaaaa;
						margin: 0;
					}
					.bar-form label {
						display: block;
					}
					.bar-form .address_country label {
						display: none;
					}
			.contact-bar .menu-social-links-container {
				margin-top: 2em;
			}
	.contact-bar .heading {
		background: #616463;
		font-size: 1.3em;
		padding: .2em 0;
		text-align: center;
		text-transform: uppercase;
	}
		.contact-bar-toggle {
			display: block;
		}
			.contact-bar-toggle img {
				display: inline-block;
				margin: 0 .5em;
				height: 1.3em;
				-webkit-transform-origin: center; /* Chrome, Safari, Opera */
				-ms-transform-origin: center; /* IE 9 */
				transform-origin: center;
				transition: all .3s ease;
				vertical-align: middle;
			}
			.contact-bar-show .contact-bar-toggle img {
				-ms-transform: rotate(180deg); /* IE 9 */
				-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
				transform: rotate(180deg);
			}
.contact-bar-height {
	display: none;
}


.options-bar {
	background: #e2e2e2;
	font-size: .8em;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 990;
}
	.options-bar .language-option {
		display: inline-block;
		margin: 0 .5em;
		text-align: left;
	}
		.options-bar .language-option img {
			display: inline-block;
			margin: 0 .5em;
			height: 1.3em;
			vertical-align: middle;
		}
		.language_menu_container {
			display: inline-block;
			vertical-align: middle;
		}
			.wpml-ls-legacy-dropdown ul {
				list-style-type: none;
			}
			.wpml-ls-legacy-dropdown a {
				background: transparent !important;
				border: 0 !important;
			}
				.wpml-ls-legacy-dropdown a span:before {
					content: 'Language - ';
				}
	.options-bar .search-form {
		background: #FFFFFF;
		display: inline-block;
		position: relative;
		width: 9em;
	}
		.options-bar .search-form label {
			overflow: hidden;
			position: absolute;
			width: 1px; height: 1px;
		}
		.options-bar .search-form input[type="search"] {
			border: 0;
			margin: 0;
			padding: .2em .5em;
			width: 100%;
		}
		.options-bar .search-form input[type="image"] {
			margin: 0;
			padding: .4em;
			position: absolute; top: 0; right: 0;
		}


header.root { 
	background: #FFFFFF;
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
	position: relative;
	z-index: 985;
}
	header > div {
		padding: 1em 0;
		transition: height .3s ease;
	}
		header a { 
			color: inherit;
		}
		header a:hover,
		header a:focus {
			color: inherit;
		}
		
		header .logo { 
			display: block;
			padding: 1.5em 0 0;
			position: relative;
			width: 100px;
			z-index: 101;
		}
			header .logo img { 
				display: block;
				width: 100%;
			}
		
		header .options {
			position: absolute; top: .3em; right: 3%;
		}
			header .options a {
				color: #616463;
				font-size: 1em;
				font-weight: 600;
				text-transform: uppercase;
			}
				header .options a img {
					display: inline-block;
					margin: 0 .3em;
					height: 1.2em;
					vertical-align: middle;
				}
			#login-popup-link {
				
			}
		
		.mobile-menu-toggle {
			cursor: pointer;
			display: block;
			-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
			-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
			position: absolute; right: 3%; bottom: .8em;
			width: 1.5em; height: 1.2em;
		}
			.mobile-menu-toggle:before {
				color: #000000;
				content: 'Menu';
				display: block;
				line-height: 1.2em;
				padding-right: calc(100% + .5em);
				position: absolute; right: 3%; top: calc(50% - .7em);
				text-transform: uppercase;
			}
			.mobile-menu-toggle span {
				background: #000000;
				border-radius: 2px;
				display: block;
				position: absolute; left: 0;
				-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
				-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
				width: 100%; height: .2em;
			}
			.mobile-menu-toggle span:nth-child(1) { top: 0; }
			.mobile-menu-toggle span:nth-child(2), .mobile-menu-toggle span:nth-child(3) { top: calc(50% - .1em); }
			.mobile-menu-toggle span:nth-child(4) { top: calc(100% - .2em); }
			body.mobile-menu .mobile-menu-toggle span:nth-child(1),
			body.mobile-menu .mobile-menu-toggle span:nth-child(4) { left: 50%; width: 0%; }
			body.mobile-menu .mobile-menu-toggle span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
			body.mobile-menu .mobile-menu-toggle span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }


.main-links-menu { 
	background: #FFFFFF;
	box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
	color: #1d1d1b;
	display: block;
	font-size: 1em;
	margin-left: -75%;
	padding: 8%;
	position: fixed; top: 0; left: 0;
	text-transform: uppercase;
	transition: all .3s ease;
	width: 70%; height: 100%;
	z-index: 1003;
}
body.mobile-menu .main-links-menu { 
	margin-left: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
	.main-links-menu ul { 
		list-style-type: none;
		padding-bottom: 2em;
	}
		.main-links-menu ul li { 
			display: block;
		}
			.main-links-menu ul li a, 
			.main-links-menu ul li a:visited { 
				border-right: 0;
				display: block;
				padding: .3em 1em .3em 0;
			}
			.main-links-menu ul li:first-child a {
				
			}
			.main-links-menu ul li:last-child a { 
				
			}
			.main-links-menu ul li.current_page_item > a,
			.main-links-menu ul li.current_page_ancestor > a { 
				text-decoration: underline;
			}
			.main-links-menu ul li a:hover,
			.main-links-menu ul li a:focus { 
				text-decoration: underline;
			}
			
			.main-links-menu ul ul.sub-menu { 
				border-top: 0;
				padding: .3em 0 10px 10px;
				position: static; top: auto; left: auto;
				visibility: visible;
				width: auto;
			}
				.main-links-menu ul ul.sub-menu li { 
					background: transparent;
					padding: 0;
				}
					.main-links-menu ul ul.sub-menu a, 
					.main-links-menu ul ul.sub-menu a:visited { 
						background: none;
						font-size: .9em;
						padding: .5em 0;
					}
					.main-links-menu ul ul.menu li:first-child a { 
						padding-top: .5em;
					}
					.main-links-menu ul ul.menu li:last-child a { 
						padding-bottom: .5em;
					}
					.main-links-menu ul ul.sub-menu a:hover,
					.main-links-menu ul ul.sub-menu a:focus { 
						text-decoration: underline;
					}
					.main-links-menu ul ul.sub-menu li.current_page_item > a,
					.main-links-menu ul ul.sub-menu li.current_page_ancestor > a { 
						text-decoration: underline;
					}
						.main-links-menu ul ul.sub-menu a img {
							display: none;
						}


					





/* login popup */
.login-popup-container {
	position: relative;
	z-index: 1001;
}
	.login-popup {
		background: rgba(0,94,121,.8) !important;
		color: #FFFFFF;
		/*display: none;*/
		padding: 2em 0;
		position: absolute; top: 0; right: 0; left: 0;
	}
		.login-popup h1, .login-popup h2, .login-popup h3, .login-popup h4, .login-popup h5, .login-popup h6 {
			color: inherit;
		}
		.login-popup a {
			color: inherit;
			text-decoration: underline;
		}
		
		.login-form {
			margin: 0;
		}
			.login-form label {
				display: block;
				width: 100%;
			}
			.login-form input {
				display: block;
				margin: 0 0 .5em !important;
				width: 100%;
			}
			.login-form input[type="submit"] {
				background: #8c9192;
				text-align: center;
			}




.body-content {
	margin: 1.5em 0;
}


.format-text { 
	position: relative;
}
	.format-text ul, .format-text ol { 
		margin-bottom: 1em;
		margin-left: 1.5em;
	}
		.format-text li { 
			margin-bottom: 0.3em;
		}
	.format-text iframe {
		display: block;
		margin: 1.5em 0;
		max-width: 100%;
	}
	.format-text img { 
		max-width: 100%; height: auto;
	}
	
	.format-text table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100% !important;
	}
	.format-text table th {
		background-color: #b9b9b9 !important;
		padding: .5em 1em .5em .5em !important;
		text-align: left !important;
	}
	.format-text table td {
		border-top: 1px solid #ddd;
		padding: .5em .5em .5em .5em !important;
	}
	.format-text table tr:hover td {
		background-color: #f3f3f3 !important;
	}


.childpage { 
	display: block;
	margin: 1.5em 0;
}
	.childpage .image { 
		
	}
		.childpage .image a { 
			display: block;
			width: 100%;
		}
	.childpage .text { 
		
	}


.post-thumb {
	color: #2d373b;
	display: block;
	margin: 0 0 3em;
}
	.post-thumb * {
		color: inherit;
	}
	.post-thumb a.more-link {
		color: #8e9090;
	}


.image { 
	display: block;
}
	.image img,
	img.image{ 
		display: block;
		width: 100%; height: auto;
	}



.page-navigation {
	background: #f4f3f2;
	padding: 0 0;
	
}




/* sibling menu band */
.sibling-menu {
	padding: 1em 0;
	text-align: center;
}
.sibling-menu.large {
	font-size: 1.3em;
}
	.sibling-menu ul {
		list-style-type: none;
	}
		.sibling-menu ul li {
			display: inline-block;
			margin: 0 .5%;
			vertical-align: top;
			width: 15%;
		}
		.sibling-menu.large ul li {
			width: 18%;
		}
			.sibling-menu a {
				color: #2d373b !important;
				display: block;
				filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
				filter: gray;
				-webkit-filter: grayscale(100%);
				font-size: 1em;
				font-weight: 400;
				letter-spacing: .05em;
				opacity: .8;
				text-align: center;
				text-transform: uppercase;
				width: 100%;
			}
				.sibling-menu a img {
					display: block !important;
					margin: .5em auto;
					padding: 0 !important;
					max-width: 150px !important;
					width: 60% !important; height: auto !important;
				}
			.sibling-menu a:hover { /* .sibling-menu .current-menu-item a */
				filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
				filter: gray;
				-webkit-filter: grayscale(100%);
				opacity: .8;
			}
			.current-menu-item a {/* .sibling-menu .current-menu-item +  */
				filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
				-webkit-filter: grayscale(0%);
				opacity: 1;
			}







.blog-thumbnail {
	color: inherit;
	display: block;
	margin: 0 0 2em;
}
	.blog-thumbnail .image {
		
	}
	.blog-thumbnail .text {
		font-size: .8em;
	}
	.blog-thumbnail .view {
		color: #8e9090;
		font-size: .7em;
		text-transform: uppercase;
	}




/* home */

.home-featured-products {
	padding: 3em 0 0;
}

.home_featured_banner {
	
}

.news-feed,
.heading-banner {
	background: url('../png/motor-wireframe.png') center/cover no-repeat #8c9192;
	color: #FFFFFF;
	padding: 2em 0;
}
.heading-banner {
	text-align: center;
}
	.heading-banner * {
		margin: 0;
	}
	.news-feed a {
		color: inherit;
	}
	.news-feed .group {
		width: 100%;
	}
	.news-feed .navi-arrow {
		background: center/60% auto no-repeat #616463;
		display: block;
		position: absolute; top: 3em;
		width: 3em; height: 3em;
		z-index: 101;
	}
	.news-feed .navi-arrow.left {
		background-image: url('../svg/arrow-left.svg');
		left: -1.5em;
	}
	.news-feed .navi-arrow.right {
		background-image: url('../svg/arrow-right.svg');
		right: -1.5em;
	}

.featured-page-summaries {
	padding: 1em 0;
}
	.home_featured_content_1,
	.home_featured_content_2,
	.home_featured_content_3 {
		
	}
	.home_featured_content_1,
	.home_featured_content_2 {
		
	}
	.featured-page-summaries a,
	a.more-link,
	.date {
		color: #c6c6c6;
		display: block;
		font-size: .8em;
		text-transform: uppercase;
	}
	.date {
		color: #999999;
	}




.news-article-thumb {
	display: block;
}
	.news-article-thumb .image {
		margin: 0 0 1em;
	}
	.news-article-thumb .heading {
		text-transform: uppercase;
	}
	.news-article-thumb .summary {
		font-size: .8em;
		margin: 0 0 .8em;
	}




.post-filter-form {
	padding: 2em 0;
}


.taxonomy-filters {
	background: #efeded;
	color: #8e9090;
	padding: .8em;
	position: relative;
}
	.taxonomy-filters .heading {
		color: inherit;
		margin: 0 0 1em;
		max-width: 50%;
	}
	.taxonomy-filters .advanced-toggle {
		color: inherit;
		position: absolute; top: 1.5em; right: 1.5em;
	}
	.taxonomy-filters label {
		color: #2d373b;
		display: block;
	}
	.taxonomy-filters input[type="submit"] {
		width: 100%;
	}
	.taxonomy-filters .advanced-filters {
		display: none;
	}
	.taxonomy-filters.advanced .advanced-filters {
		
	}


/* footer all pages */

.footer_banner {
	background: url('../png/world-map.png') center/cover no-repeat #f4f3f2;
	padding: 3em 0;
}


.newsletter-signup-container {
	position: relative;
}
	.newsletter-signup {
		background: #8e9090;
		color: #FFFFFF;
		position: absolute; right: 0; bottom: 0; left: 0;
	}
		.newsletter-signup a {
			color: inherit;
		}
		.newsletter-signup .heading {
			padding: 1.4em 0;
			text-align: center;
		}
			.newsletter-signup .heading .h2 {
				color: inherit;
				display: inline-block;
				margin: 0 1em;
				vertical-align: middle;
			}
			.newsletter-signup .heading .block-button {
				display: block;
				margin: .5em auto 0;
				width: 10em;
			}
			.newsletter-signup .heading img {
				display: none;
				opacity: 0;
				margin: 0 .5em;
				height: 1.3em;
				/*-ms-transform: rotate(180deg);*/ /* IE 9 */
				/*-webkit-transform: rotate(180deg);*/ /* Chrome, Safari, Opera */
				/*transform: rotate(180deg);*/
				-webkit-transform-origin: center; /* Chrome, Safari, Opera */
				-ms-transform-origin: center; /* IE 9 */
				transform-origin: center;
				transition: all .3s ease;
				vertical-align: middle;
			}
			.newsletter-signup-show .newsletter-signup .heading img {
				display: inline-block;
				opacity: 1;
			}
			.newsletter-signup-show .newsletter-signup .heading .block-button {
				display: none;
				opacity: 0;
			}
		.newsletter-signup .content {
			background: #aaaaaa;
			display: none;
			padding: 2em 0;
		}
			.newsletter-signup p {
				display: inline-block;
				margin: 0;
			}
			/*.newsletter-signup label {
				display: block;
				height: 0;
				overflow: hidden;
				position: absolute; top: -3em;
			}*/
	.newsletter-signup-height {
		display: block;
	}


footer { 
	background: #2d373b;
	color: #FFFFFF;
}
	footer > div { 
		font-size: .8em;
		padding: 3em 0;
	}
		footer a { 
			color: inherit;
		}
		footer a:hover,
		footer a:focus {
			color: inherit;
			text-decoration: underline;
		}
		
		footer .megamenu { 
			display: block;
			margin: 0 0 2em;
		}
			footer .megamenu ul { 
				display: block;
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
				footer .megamenu ul li {
					float: left;
					margin: 0;
					padding: 0 1em 0 0;
					width: 33.33%;
				}
					footer .megamenu ul li a { 
						display: block;
					}
						footer .megamenu ul li ul {
							display: block;
						}
							footer .megamenu ul li ul li {
								float: none;
								padding: 0;
								width: 100%;
							}
								footer .megamenu ul li ul li a {
									display: block;
								}
			footer .megamenu ul:after {
				clear: both;
				content: '';
				display: block;
			}
		
		.contact_details_container {
			
		}
			.contact_details_container b,
			.contact_details_container strong,
			#contact_details b,
			#contact_details strong {
				color: #eeeeee;
				font-weight: 400;
			}
		
		footer .menu-social-links-container {
			
		}
			footer .menu-social-links-container ul li a {
				background: #8e9090;
				border-radius: 50%;
				color: inherit;
				display: block;
				line-height: 3.5em;
				text-align: center;
				text-decoration: none;
				width: 3.5em; height: 3.5em;
			}
		
		#footer_accreditations_container {
			
		}
			#footer_accreditations_container img {
				display: inline-block;
				margin: 0 1em 0 0;
				vertical-align: middle;
				width: auto; max-width: 100px; height: auto; max-height: 60px;
			}
		
		footer .copyright {
			margin-top: 2em;
		}
			footer .copyright .icon {
				display: block;
				float: left;
				margin: 0 1.5em 0 0;
				width: auto; height: 3em;
			}




/* soliloquy */
.soliloquy-container {
	
}
	.soliloquy-container .soliloquy-pager {
		display: block !important;
		padding: 0 3% !important;
		bottom: 1em !important;
		text-align: right !important;
	}
		.soliloquy-container .soliloquy-pager .soliloquy-pager-item {
			text-align: center !important;
		}
			.soliloquy-container .soliloquy-pager .soliloquy-pager-item .soliloquy-pager-link {
				background: #FFFFFF !important;
				background-image: none !important;
				border-radius: 50% !important;
			}
			.soliloquy-container .soliloquy-pager .soliloquy-pager-item .soliloquy-pager-link.active {
				background: #8e9090 !important;
			}
	.soliloquy-container .soliloquy-image {
		width: 100% !important; height: auto !important;
	}
	.soliloquy-container .soliloquy-caption {
		display: block !important;
		background: rgba(97,100,99,.8) !important;
		padding: 0 !important;
	}
		.soliloquy-caption-inside {
			background: transparent !important;
			font-size: 1em !important;
			letter-spacing: .05em !important;
			margin: 0 auto !important;
			padding: .5em 3% !important;
			text-align: left !important;
			text-shadow: none !important;
			text-transform: uppercase !important;
			max-width: 1000px !important;
		}

.soliloquy-judder-fix-2p5 {
	height: 39vw;
	overflow: hidden;
}


/* tablepress */
.tablepress,
table.products {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100% !important;
}
.tablepress thead th,
table.products th {
	background-color: #b9b9b9 !important;
	padding: .5em 1em .5em .5em !important;
	text-align: left !important;
}
.tablepress .sorting:hover,
table.products .sorting:hover {
	background-color: #CCCCCC !important;
}
.tablepress td,
table.products td {
	border-top: 1px solid #ddd;
	padding: .5em .5em .5em .5em !important;
}
.tablepress .row-hover tr:hover td,
table.products tr:hover td {
	background-color: #f3f3f3 !important;
}
.tablepress td a:not(.inline),
table.products td a:not(.inline) {
	background-color: #8e9090;
	color: #FFFFFF;
	display: inline-block;
	font-size: .8em;
	margin: .1em;
	padding: .3em .5em;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.tablepress td a:not(.inline) + a:not(.inline),
table.products td a:not(.inline) + a:not(.inline) {
	background-color: #616463;
}
.tablepress td a:not(.inline):hover,
table.products td a:not(.inline):hover {
	opacity: .9;
}

/* pardot control 20230130 */
#pi_tracking_opt_in_div {
	background: transparent !important;
	opacity: 1 !important;
	padding: 2rem !important;
	position: fixed !important; top: 50% !important; left: 50% !important;
	text-align: center !important;
	transform: translate(-50%,-50%) !important;
	width: 500px !important; max-width: 80% !important;
	z-index: 100012 !important; /* ludicrously high to override 'popup anything' plugin */
}
	#pi_tracking_opt_in_div * {
		position: relative;
		z-index: 2;
	}
	#pi_tracking_opt_in_div::before {
		background: rgba(0,0,0,.7);
		content: '';
		display: block;
		position: fixed; top: 50%; left: 50%;
		transform: translate(-50%,-50%) !important;
		width: 100vw; height: 100vh;
		z-index: -2 !important;
	}
	#pi_tracking_opt_in_div::after {
		background: #FFFFFF;
		content: '';
		display: block;
		position: fixed; top: 0; left: 0;
		width: 100%; height: 100%;
		z-index: -1 !important;
	}
	#pi_tracking_opt_in_yes,
	#pi_tracking_opt_in_no {
		background-color: #616463 !important;
		color: #FFFFFF !important;
		display: table !important;
		font-size: 1.2em !important;
		margin: .3em auto !important;
		padding: .3em 2em !important;
		text-transform: uppercase !important;
	}

/* popup anything 20230130 */
.paoc-credit-wrp {
	display: none !important;
}
