/*
Theme Name: Process Instrument Sales
Author: Pipe Media
Author URI: https://pipemedia.co.uk
Description: Responsive WordPress Theme for Process Instrument Sales
Version: 1.0
*/

/* Basic Styles
------------------------------------------- */

	body {
		background-color: #FFFFFF;
		font-family: "Helvetica Neue", Arial, Sans-serif;
		font-size: 16px;
		line-height: 24px;
		color: #333333;
		font-weight: normal;
	}

/* Typography
------------------------------------------- */

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		color: #242F60;
		font-weight: 400;
		margin: 0 0 20px; }
	h1 { font-size: 72px; line-height: 84px; }
	h1.content-title { font-size: 50px; line-height: 62px; }
	h2, .content-home h1, h1.smaller { font-size: 30px; line-height: 36px; margin-bottom: 20px; }
	h3 { font-size: 26px; line-height: 32px; }
	h4 { font-size: 20px; line-height: 24px; }
	h5 { font-size: 16px; line-height: 20px; }
	h6 { font-size: 14px; line-height: 18px; }
	
	h1 span.lowercase { font-size: 55px; letter-spacing: -5px; }
	
	p { margin: 0 0 20px; }
	p.title { font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive; text-transform: uppercase; font-size: 30px; line-height: 36px; }
	p.sub-title { font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive; text-transform: uppercase; font-size: 20px; line-height: 20px; }
	p img { margin: 0; }

	em { font-style: italic; }
	strong { font-weight: 700; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { line-height: 36px; font-size: 26px; font-style: italic; color: #555555; }
	blockquote { margin: 40px 0 0; }
	blockquote p:last-child { margin: 0; }
	
/*	Horizontal Line  */
	hr { border: solid #CCCCCC; border-width: 1px 0 0; clear: both; margin: 20px 0; height: 0; }

/*	Text alignment  */

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

/* Misc Utilities
------------------------------------------- */

/*	Display None  */
	.d-none { display: none; }

/*	Margins  */
	.m-0 { margin: 0; }
	.mb-2 { margin-bottom: 2rem; }
	.mb-10 { margin-bottom: 10px; }
	.mb-15 { margin-bottom: 15px; }
	.mb-20 { margin-bottom: 20px; }
	.mb-30 { margin-bottom: 30px; }
	.mb-40 { margin-bottom: 40px; }
	.mb-60 { margin-bottom: 60px; }
	.mt-10 { margin-top: 10px; }
	.mt-15 { margin-top: 15px; }
	.mt-20 { margin-top: 20px; }
	.mt-40 { margin-top: 40px; }
	.mt-60 { margin-top: 60px; }
	.ml-20 { margin-left: 20px; }
	.mr-20 { margin-right: 20px; }
	.m-auto { margin: 0 auto; }

/*	Padding  */

	.p-0 { padding: 0; }
	.pl-0 { padding-left: 0; }
	.pt-0 { padding-top: 0; }
	.pb-0 { padding-bottom: 0; }

/*	Floats  */

	.float-left { float: left; }
	.float-right { float: right; }

/* Links
------------------------------------------- */

	a { color: #333333; text-decoration: underline; }
	a:hover { color: #000000; }
	
	p.text-link a {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 20px;
		line-height: 20px;
		text-decoration: none;
		position: relative;
		padding-right: 40px;
	}
	
	p.text-link a::after,
	p.text-link a::after {
		background: url('images/btn-arrow-red.svg') no-repeat;
		background-size: 20px auto;
		width: 20px;
		height: 14px;
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -7px;
	}
	
	p.text-link a:hover {
		text-decoration: underline;
		color: #D9272E;
	}
	
	a.btn,
	form .frm_submit button {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		border-radius: 5px;
		display: inline-block;
		padding: 12px 60px 12px 10px;
		text-decoration: none;
		font-size: 20px;
		line-height: 20px;
		color: #242F60;
		border: 1px solid #242F60;
		transition: background .3s ease;
		position: relative;
		cursor: pointer;
	}
	
	a.btn.btn-white {
		border-color: #FFFFFF;
		color: #FFFFFF;
	}
	
	a.btn.btn-red,
	form .frm_submit button.btn-red {
		border-color: #D9272E;
		color: #D9272E;
	}
	
	a.btn.btn-sm {
		padding: 8px 40px 8px 8px;
	}
	
	a.btn.btn-no-arrow {
		padding: 12px 15px;
	}
	
	a.btn::after,
	form .frm_submit button::after {
		background: url('images/btn-arrow-blue.svg') no-repeat;
		background-size: 20px auto;
		width: 20px;
		height: 14px;
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -7px;
	}
	
	a.btn.btn-red::after,
	form .frm_submit button.btn-red::after {
		background: url('images/btn-arrow-red.svg') no-repeat;
		background-size: 20px auto;
	}
	
	a.btn.btn-white::after,
	form .frm_submit button.btn-white::after {
		background: url('images/btn-arrow-white.svg') no-repeat;
		background-size: 20px auto;
	}
	
	a.btn.btn-sm::after {
		right: 8px;
	}
	
	a.btn.btn-no-arrow::after {
		display: none;
	}
	
	a.btn:hover,
	form .frm_submit button:hover {
		background-color: #242F60;
		color: #FFFFFF;
	}
	
	a.btn.btn-white:hover {
		background-color: #FFFFFF;
		color: #242F60;
	}
	
	a.btn.btn-red:hover,
	form .frm_submit button.btn-red:hover {
		background-color: #D9272E;
		color: #FFFFFF;
	}
	
	a.btn:hover::after,
	form .frm_submit button:hover::after {
		background: url('images/btn-arrow-white.svg') no-repeat;
		background-size: 20px auto;
	}
	
	a.btn.btn-white:hover::after,
	form .frm_submit button.btn-white:hover::after {
		background: url('images/btn-arrow-blue.svg') no-repeat;
		background-size: 20px auto;
	}

/* Lists
------------------------------------------- */

	ul {
		list-style: square;
		padding: 0 0 0 22px;
	}
	
	ul li, ol li {
		margin: 0 0 8px;
		padding-left: 7px;
	}

/* Images
------------------------------------------- */

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

	img.alignleft {
		float: left;
		margin: 0 40px 0 0;
	}
	
	img.alignright {
		float: right;
		margin: 0 0 0 40px;
	}
	
	img.aligncenter {
		margin: 40px auto;
		display: block;
	}
	
	.image-border { 
		border: 1px solid #DDDDDD;
		padding: 30px;
	}
	
	.image-border-p-0 { 
		border: 1px solid #DDDDDD;
	}

/* Video
------------------------------------------- */
	
	.video {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
	}
	
	.video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* Forms
------------------------------------------- */
	
	input[type="text"], input[type="email"], input[type="password"], textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
	}
	
	form #frm_field_80_container select,
	form #frm_field_81_container select,
	form #frm_field_82_container select {
		width: 100%;
	}

/* Table
------------------------------------------- */

	table {
		border-collapse: collapse;
		margin: 0;
		width: 100%;
		text-align: left;
	}

	table tr td {
		border-bottom: 1px solid #DDDDDD;
		padding: 10px 0;
	}
	
	table tr:last-child td {
		border: none;
	}
	
	table tr td a.btn {
		float: right;
	}
	
/* Colour Utilities
------------------------------------------- */

	.colour-blue {
		background-color: #242F60;
	}
	
	.colour-d-blue {
		background-color: #181F40;
	}
	
	.colour-red {
		background-color: #D9272E;
	}
	
	.colour-red-gradient {
		background-color: #D9272E;
		background: rgb(217,39,46);
		background: linear-gradient(180deg, rgba(217,39,46,1) 35%, rgba(122,22,25,1) 100%);
	}
	
	.colour-grey {
		background-color: #EEEEEE;
	}
	
	.colour-white {
		background-color: #FFFFFF;
	}
	
	.colour-logo-tile {
		background: url('images/logo-tile-bg.png') bottom 10px center repeat-x;
		background-size: 85px auto;
	}
	
	.colour-logo-tile-top {
		background: url('images/logo-tile-top-bg.png') top -50px center repeat-x;
		background-size: 85px auto;
	}

	.text-colour-white {
		color: #FFFFFF;
	}
	
	.text-colour-blue {
		color: #242F60;
	}
	
	.text-colour-red {
		color: #D9272E;
	}

/* Carousel
------------------------------------------- */

	.owl-carousel.owl-carousel-custom .owl-nav button.owl-prev,
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-next,
	.owl-carousel.gallery-carousel .owl-nav button.owl-prev,
	.owl-carousel.gallery-carousel .owl-nav button.owl-next {
		position: absolute;
		top: 50%;
		font-size: 50px;
		color: #DDDDDD;
		width: 35px;
		height: 40px;
		display: block;
		margin-top: -23px;
	}
	
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-prev span,
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-next span,
	.owl-carousel.gallery-carousel .owl-nav button.owl-prev span,
	.owl-carousel.gallery-carousel .owl-nav button.owl-next span {
		background: url('images/arrow-carousel-red.png') no-repeat;
		background-size: 30px auto;
		width: 15px;
		height: 28px;
		display: block;
		margin: 0 auto;
		text-indent: -9999px;
	}
	
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-next span,
	.owl-carousel.gallery-carousel .owl-nav button.owl-next span {
		background-position: -15px 0;
	}
	
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-prev {
		left: -35px;
	}
	
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-next {
		right: -35px;
	}
	
	.owl-carousel.gallery-carousel {
		margin-bottom: 10px;
	}
	
	.owl-carousel.gallery-carousel .owl-nav button.owl-prev {
		left: 0;
	}
	
	.owl-carousel.gallery-carousel .owl-nav button.owl-next {
		right: 0;
	}
	
	.owl-carousel.ticker-carousel .owl-nav button.owl-prev {
		left: 10px;
		height: 48px;
	}
	
	.owl-carousel.ticker-carousel .owl-nav button.owl-prev span {
		background: url('images/arrow-carousel-left-white.svg') no-repeat;
	}
	
	.owl-carousel.ticker-carousel .owl-nav button.owl-next {
		right: 10px;
		height: 48px;
	}
	
	.owl-carousel.ticker-carousel .owl-nav button.owl-next span {
		background: url('images/arrow-carousel-right-white.svg') no-repeat;
	}
	
	.gallery-carousel {
		border: 1px solid #DDDDDD;
	}
	
	.gallery-carousel img {
		padding: 30px;
	}
	
	.gallery-thumb-carousel img {
		border: 1px solid #DDDDDD;
		padding: 10px;
	}

/* Loading
------------------------------------------- */

	.loading {
		background: url('images/loading.png') no-repeat;
		background-size: 25px auto;
		width: 25px;
		height: 25px;
		margin: 0 auto;
		animation-name: spin;
		animation-duration: 2000ms;
		animation-iteration-count: infinite;
		animation-timing-function: linear; 
	}
	
	@keyframes spin {
	    from {
	        transform:rotate(0deg);
	    }
	    to {
	        transform:rotate(360deg);
	    }
	}

/* Sections
------------------------------------------- */

	section {
		position: relative;
		padding: 60px 0;
	}
	
	section.ch2 {
		padding: 0;
	}

/* Header
------------------------------------------- */
	
	header {
		position: relative;
	}
	
	header.fixed {
		background: rgba(255, 255, 255, 0.95);
		position: fixed;
		width: 100%;
		z-index: 9999;
		top: 0;
		left: 0;
	}
	
	header.fixed img {
		width: 200px;
	}
	
	header.fixed nav ul li a {
		padding: 23px 0;
	}
	
	header #logo {
		margin: 14px 0;
	}
	
	header #search-icon {
		background: #D9272E url('images/search.png') center no-repeat;
		background-size: 15px auto;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		text-indent: -9999px;
		margin: 18px auto 0;
		cursor: pointer;
	}
	
	header #search-icon:hover {
		background-color: #181F40;
	}
	
	header.fixed #search-icon {
		margin-top: 13px;
	}
	
	#fixed-header-placeholder {
		height: 66px;
		display: none;
	}
	
/* Navigation
------------------------------------------- */
	
	header nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float: right;
	}
	
	header nav ul li {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 20px;
		line-height: 20px;
		margin: 0 18px;
		padding: 0;
		display: inline-block;
		position: relative;
	}
	
	header nav ul li a {
		text-decoration: none;
		color: #242F60;
		padding: 30px 0;
		display: block;
		position: relative;
	}
	
	header nav ul li a::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 4px;
		bottom: 0;
		left: 0;
		background-color: #D9272E;
		visibility: hidden;
		transform: scaleX(0);
		transition: all 0.3s ease-in-out 0s;
	}
	
	header nav ul li a:hover {
		color: #242F60;
	}
	
	header nav ul li a:hover::before,
	header nav ul li.current-menu-item a::before,
	body.category nav ul li#menu-item-48 a::before,
	body.post-type-archive-case_study nav ul li#menu-item-45 a::before,
	body.single-case_study nav ul li#menu-item-45 a::before {
		visibility: visible;
		transform: scaleX(1);
	}
	
	header nav ul li#menu-item-48 ul {
		display: none;
	}
	
	header nav ul li ul {
		background-color: #FFFFFF;
		border-radius: 0 0 5px 5px;
		position: absolute;
		display: none;
		left: 0;
		top: 100%;
		width: max-content;
		float: none;
		min-width: 200px;
		padding: 5px 15px;
		z-index: 9999;
	}

	header nav ul li:hover > ul,
	header nav ul li:focus-within > ul {
		display: block;
	}
	
	header nav ul li ul li {
		display: block;
		margin: 0;
		border-bottom: 2px solid #DDDDDD;
	}
	
	header nav ul li ul li:last-child {
		border: none;
	}
	
	header nav ul li ul li a {
		padding: 15px 0;
	}
	
	header nav ul li ul li a::before {
		display: none;
	}
	
/* Navigation - Mega Menu
------------------------------------------- */
	
	header #products-menu {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 9999;
		display: none;
	}
	
	header #products-menu .products-menu-inner {
		background-color: #FFFFFF;
		padding: 40px;
		box-shadow: 0 5px 10px 0 rgba(51, 51, 51, 0.5);
	}
	
	header #products-menu .products-menu-inner ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	header #products-menu .products-menu-inner ul li {
		border-bottom: 1px solid #DDDDDD;
		margin: 0;
		padding: 0;
		width: calc(33% - 20px);
		margin-left: 20px;
		float: left;
	}
	
	header #products-menu .products-menu-inner ul li a {
		text-decoration: none;
		color: #242F60;
		display: block;
		padding: 10px 0;
	}
	
	header #products-menu .products-menu-inner ul li a:hover {
		text-decoration: underline;
	}

/* Navigation - Search bar
------------------------------------------- */

	header #search-bar {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 9999;
		display: none;
	}
	
	header #search-bar .search-bar-inner {
		background-color: #FFFFFF;
		border-radius: 0 0 10px 10px;
		max-width: 300px;
		float: right;
		box-shadow: 0 5px 10px 0 rgba(51, 51, 51, 0.5);
	}
	
	header #search-bar .search-bar-inner input {
		border: none;
		padding: 15px;
		border-radius: 0 0 0 10px;
	}
	
	header #search-bar .search-bar-inner button {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		background-color: #D9272E;
		color: #FFFFFF;
		padding: 16px 0;
		display: block;
		border-radius: 0 0 10px 0;
		width: 100%;
		font-size: 18px;
		cursor: pointer;
	}
	
	header #search-bar .search-bar-inner button:hover {
		text-decoration: underline;
	}

/* Pre-header
------------------------------------------- */

	#pre-header {
		background-color: #F6F6F6;
		border-bottom: 1px solid #DDDDDD;
		padding: 0;
	}
	
	#pre-header ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#pre-header ul li {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 18px;
		line-height: 18px;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#pre-header ul li a {
		text-decoration: none;
	}
	
	#pre-header ul li a:hover {
		text-decoration: underline;
		color: #D9272E;
	}
	
	#pre-header ul.contact > li:first-child {
		border-left: 1px solid #DDDDDD;
	}
	
	#pre-header ul.contact > li {
		border-right: 1px solid #DDDDDD;
		padding: 10px 15px;
	}
	
	#pre-header ul.contact li ul li {
		margin: 0 7px;
		line-height: 0;
	}
	
	#pre-header ul.contact li.font-size {
		font-family: "Helvetica Neue", Arial, Sans-serif;
		padding: 9px 15px;
	}
	
	#pre-header ul.contact li.font-size a {
		color: #242F60;
	}
	
	#pre-header ul.contact li.font-size a#font-normal {
		font-size: 16px;
	}
	
	#pre-header ul.contact li.font-size a#font-large {
		font-size: 20px;
	}
	
	#pre-header ul.contact li.font-size a.font-size-selected {
		font-weight: bold;
		color: #D9272E;
	}
	
	#pre-header ul.contact li ul li a {
		display: block;
	}
	
	#pre-header ul.contact li ul li a svg {
		fill: #242F60;
		width: 15px;
	}
	
	#pre-header ul.contact li ul li a:hover svg {
		fill: #D9272E;
	}
	
	#pre-header ul.buttons {
		float: right;
	}
	
	#pre-header ul.buttons li a {
		display: block;
		padding: 10px 15px;
		color: #FFFFFF;
	}
	
	#pre-header ul.buttons li a.green-energy-hub-button {
		background: #91B508 url('images/green-energy-hub-icon.svg') center no-repeat;
		background-size: 18px auto;
		width: 40px;
		text-indent: -9999px;
		padding: 10px;
	}
	
	#pre-header ul.buttons li a.process-analytics-button {
		background: #603F86 url('images/process-analytics-button.png') center no-repeat;
		background-size: 25px auto;
		width: 40px;
		text-indent: -9999px;
		padding: 10px;
	}

/* Footer
------------------------------------------- */

	footer .footer-content {
		padding: 40px 0;
	}
	
	footer .footer-partners {
		padding: 30px 0;
	}
	
	footer .footer-partners ul,
	footer .footer-links ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	footer .footer-partners ul li {
		display: inline-block;
		margin: 0 20px;
		padding: 0;
	}
	
	footer .footer-partners ul li img {
		max-height: 40px;
	}
	
	footer .footer-partners ul li img.parenter-logo-10034 {
		max-height: 20px;
	}
	
	footer .footer-partners .manufacturer-footer-carousel .manufacturer-logo {
		text-align: center;
		min-height: 40px;
		position: relative;
	}
	
	footer .footer-partners .manufacturer-footer-carousel .manufacturer-logo img {
		max-height: 40px;
		width: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	footer p.title a {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	footer ul.accreditations {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	footer ul.accreditations li {
		display: inline-block;
		padding: 0;
		margin: 0 15px 15px 0;
	}
	
	footer ul.accreditations li img {
		max-height: 50px;
	}
	
	footer .footer-content form .frm_submit button {
		border-color: #FFFFFF;
		color: #FFFFFF;
	}
	
	footer .footer-content form .frm_submit button::after {
		background: url('images/btn-arrow-white.svg') no-repeat;
		background-size: 20px auto;
	}
	
	footer .footer-content form .frm_submit button:hover {
		background-color: #FFFFFF;
		color: #242F60;
	}
	
	footer .footer-content form .frm_submit button:hover::after {
		background: url('images/btn-arrow-blue.svg') no-repeat;
		background-size: 20px auto;
	}
	
	footer .footer-links {
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		padding: 20px 0;
	}
	
	footer .footer-links ul li {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 20px;
		line-height: 20px;
		display: inline-block;
		margin: 0 15px;
		padding: 0;
	}
	
	footer .footer-links ul li a {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	footer .footer-links ul li a:hover {
		text-decoration: underline;
	}
	
	footer .footer-credits {
		padding: 20px 0;
	}
	
	footer .footer-credits p {
		font-size: 14px;
		line-height: 20px;
	}
	
	footer .footer-credits p.site-by {
		text-align: right;
	}
	
	footer .footer-credits p.site-by a {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	footer .footer-credits p.site-by a:hover {
		text-decoration: underline;
	}

/* Breadcrumbs
------------------------------------------- */

	#breadcrumbs {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		color: #999999;
	}
	
	#breadcrumbs a {
		text-decoration: none;
		color: #999999;
	}
	
	#breadcrumbs span.sep {
		margin: 0 5px;
	}
	
/* Quick Links
------------------------------------------- */	
	
	.modal {
	  	position: relative;
	  	background: #FFF;
	  	width: auto;
	  	max-width: 450px;
	  	margin: 20px auto;
		padding: 20px;
	}
	
	.modal.modal-lg {
		max-width: 650px;
	}

	.modal .mfp-close-btn-in .mfp-close {
		font-size: 36px;
		color: #666666;
	}

/* Quick Links
------------------------------------------- */

	#quick-links {
		border-top: 1px solid #DDDDDD;
	}

	#quick-links .icon,
	.single-icon {
		background-color: #D9272E;
		border-radius: 5px;
		width: 60px;
		height: 60px;
		background-size: auto 40px !important;
		float: left;
	}
	
	.single-icon.single-icon-contact {
		background-size: auto 30px !important;
	}
	
	#quick-links p,
	.contact-details p {
		margin-left: 85px;
	}

/* Notice
------------------------------------------- */	

	.notice-holder {
		padding: 0;
		margin-bottom: -44px;
		z-index: 99;
	}
	
	.notice-holder.notice-holder-overlay {
		margin: -44px 0;
	}

	.notice {
		padding: 20px;
	}
	
	.notice p.title {
		padding-top: 8px;
	}
	
	.notice a.btn {
		float: right;
	}
	
	.with-notice {
		padding-top: 100px;
	}
	
	.notice-block {
		background-color: #2880C0;
		padding: 20px;
		text-align: center;
	}
	
	.notice-block a {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 30px;
		line-height: 36px;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.notice-block a:hover {
		text-decoration: underline;
	}

/* Page
------------------------------------------- */	
	
	.row {
		max-width: 1170px;
	}

	.page-header {
		background-color: #DDDDDD;
		background-size: cover !important;
		padding: 0;
	}
	
	.page-header .overlay {
		background: rgba(0, 0, 0, 0.5);
		padding: 60px 0;
	}
	
	.page-header h1 {
		margin: 0;
	}
	
	.image-overlay {
		background-size: cover !important;
		width: 100%;
		height: 100%;
	}
	
	.content-two-cols {
		padding: 0;
	}
	
	.content-two-cols .content-two-cols-content {
		padding: 60px 0;
	}

/* Home
------------------------------------------- */
	
	#hero {
		background: #DDDDDD url('images/hero.jpg') top no-repeat;
		background-size: 1950px auto;
		padding: 0;
	}
	
	#hero .overlay {
		background: rgba(0, 0, 0, 0.6);
		padding: 80px 0 200px;
	}
	
	#hero h1 {
		margin: 0 0 10px;
		font-size: 54px;
		line-height: 62px;
		max-width: 505px;
	}
	
	#hero h1 span {
		font-size: 30px;
		line-height: 30px;
		display: block;
		margin-bottom: 15px;
	}
	
	#hero p.sub-title {
		font-family: "Helvetica Neue", Arial, Sans-serif;
		font-size: 18px;
		line-height: 26px;
		text-transform: none;
		max-width: 525px;
		margin-bottom: 35px;
	}
	
	#hero ul.buttons-revised {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#hero ul.buttons-revised li {
		display: inline-block;
		padding: 0;
		margin: 0 15px 0 0;
		vertical-align: top;
	}
	
	#hero ul.buttons-revised li.youtube {
		background: url('images/youtube-logo.svg') center no-repeat;
		height: 47px;
		text-indent: -9999px;
		background-size: 125px auto;
		width: 125px;
		margin-right: 25px;
	}
	
	#hero ul.buttons-revised li a {
		background-color: #C83A37;
		border-color: #C83A37;
	}
	
	#hero ul.buttons-revised li a::after {
		background: url('images/play-alt.svg') no-repeat;
		background-size: 20px auto;
		height: 20px;
		margin-top: -10px;
	}
	
	#hero ul.buttons-revised li.youtube a {
		background: none;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	#hero ul.buttons-revised li a:hover {
		background-color: #D9272E;
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	#hero ul.buttons-revised li.youtube a:hover {
		background: none;
	}
	
	/*#hero ul.buttons {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#hero ul.buttons li {
		display: inline-block;
		padding: 0;
		margin: 0;
		vertical-align: top;
	}
	
	#hero ul.buttons li a.btn-video {
		border: none;
		padding: 0;
		margin-left: 20px;
	}
	
	#hero ul.buttons li a.btn-video::after {
		display: none;
	}
	
	#hero ul.buttons li a.btn-video:hover {
		background: none;
		color: #FFFFFF;
	}
	
	#hero ul.buttons li a.btn-video span {
		vertical-align: middle;
		display: inline-block;
	}
	
	#hero ul.buttons li a.btn-video:hover span {
		text-decoration: underline;
	}
	
	#hero ul.buttons li a.btn-video span.play {
		background: #D9272E url('images/play.png') center no-repeat;
		width: 44px;
		height: 44px;
		background-size: 20px auto;
		border-radius: 50%;
		margin-right: 10px;
	}
	
	#hero ul.buttons li a.btn-video span.play.play-youtube {
		background: #D9272E url('images/youtube.svg') center no-repeat;
		background-size: 20px auto;
	}*/
	
	#hero .hero-search {
		background-color: #FFFFFF;
		border-radius: 10px;
		padding: 25px;
		margin-left: 50px;
	}
	
	#hero .hero-search .frm_field {
		margin-bottom: 20px;
	}
	
	#hero .hero-search .frm_field label {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 20px;
		line-height: 20px;
		display: block;
		margin-bottom: 10px;
	}
	
	#hero .hero-search .frm_field select {
		background-color: #EEEEEE;
		border-radius: 5px;
		padding: 10px;
		border: none;
	}
	
	.ticker-holder {
		margin-top: -56px;
		padding: 0;
		z-index: 999;
	}
	
	.ticker-holder .ticker .ticker-item {
		background-color: #181F40;
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 26px;
		line-height: 26px;
		text-align: center;
	}
	
	.ticker-holder .ticker .ticker-item a {
		text-decoration: none;
		color: #FFFFFF;
		display: block;
		padding: 15px;
	}
	
	.slider-overlay {
		padding: 40px 0 60px;
		z-index: 999;
	}

	.slider-overlay .slider-overlay-inner {
		padding: 1rem 2.5rem 0;
		background-color: #FFFFFF;
		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
		border-radius: 10px;
	}
	
	.slider-overlay .slider-overlay-inner h2 {
		text-align: center;
	}
	
	.slider-overlay .slider-overlay-inner .product-category {
		min-height: 183px;
	}
	
	.slider-overlay .slider-overlay-inner .product-category:hover {
		background: rgb(255,255,255);
		background: linear-gradient(180deg, rgba(255,255,255,1) 31%, rgba(221,221,221,1) 67%);
	}
	
	.slider-overlay .slider-overlay-inner .product-category a {
		color: #242F60;
	}
	
	.slider-overlay .slider-overlay-inner .product-category a:hover {
		color: #D9272E;
	}
	
	.slider-overlay-inner.manufacturers-block {
		margin-top: 40px;
		padding: 2.5rem;
	}
	
	.slider-overlay .owl-carousel .manufacturer-logo {
		text-align: center;
		min-height: 35px;
		position: relative;
	}

	.slider-overlay .owl-carousel .manufacturer-logo img {
		max-height: 35px;
		width: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	/*.slider-overlay .slider-overlay-inner ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.slider-overlay .slider-overlay-inner ul li {
		margin-bottom: 1rem;
		padding: 0;
	}
	
	.slider-overlay .slider-overlay-inner ul li:last-child {
		margin: 0;
	}
	
	.slider-overlay .slider-overlay-inner ul li a {
		display: block;
		background: #FFFFFF url('images/arrow-right-red.svg') right 15px center no-repeat;
		background-size: 5px auto;
		padding: 15px;
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 20px;
		line-height: 20px;
		color: #242F60;
		text-decoration: none;
		border-radius: 5px;
	}
	
	.slider-overlay .slider-overlay-inner ul li a:hover {
		background: #FFFFFF url('images/arrow-right-white.svg') right 15px center no-repeat;
		background-size: 5px auto;
		background-color: #242F60;
		color: #FFFFFF;
	}
	
	.slider-overlay .slider-overlay-inner p.title {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 25px;
	}*/
		
	section.content-home {
		padding: 60px 0;
	}
	
	.news-feed .row .large-12 {
		position: relative;
	}
	
	.news-feed a.btn-view-all {
		position: absolute;
		top: 0;
		right: 1rem;
	}

/* Products
------------------------------------------- */
	
	ul.product-category-tabs {
		list-style: none;
		margin: 0 0 -1px;
		padding: 0;
	}
	
	ul.product-category-tabs li {
		background-color: #EEEEEE;
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 24px;
		line-height: 24px;
		padding: 0;
		margin: 0;
		border-radius: 5px 5px 0 0;
		width: 250px;
		display: inline-block;
		text-align: left;
	}
	
	ul.product-category-tabs li.selected {
		background-color: #242F60;
	}
	
	ul.product-category-tabs li span {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 16px;
		line-height: 16px;
		display: block;
		text-transform: none;
		margin-top: 5px;
	}
	
	ul.product-category-tabs li a {
		text-decoration: none;
		display: block;
		color: #242F60;
		padding: 15px;
	}
	
	ul.product-category-tabs li.selected a {
		color: #FFFFFF;
	}
	
	.product-filter {
		border: 1px solid #DDDDDD;
		padding: 20px;
		border-radius: 5px;
	}
	
	.product-filter select {
		border: 1px solid #DDDDDD;
		padding: 5px;
	}
	
	.product-filter label {
		display: block;
	}
	
	.product-filter label input {
		margin-right: 7px;
	}

	.product-category {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 24px;
		line-height: 24px;
		border-radius: 5px;
		width: 100%;
	}
	
	.product-category span.lowercase {
		font-size: 18px;
		letter-spacing: -1px;
	}
	
	.product-categories .product-category {
		min-height: 185px;
	}
	
	.product-category .icon-hover {
		display: none;
	}
	
	.product-category:hover {
		background: rgb(217,39,46);
		background: linear-gradient(180deg, rgba(217,39,46,1) 35%, rgba(122,22,25,1) 100%);
	}
	
	.product-category:hover .icon {
		display: none;
	}
	
	.product-category:hover .icon-hover {
		display: block;
	}
	
	.product-category a {
		display: block;
		color: #FFFFFF;
		text-decoration: none;
		padding: 25px 10px;
	}
	
	.product-category.colour-white a {
		color: #242F60;
	}
	
	.product-category.colour-white:hover a {
		color: #FFFFFF;
	}
	
	.product-category img {
		max-height: 65px;
		margin: 0 auto 20px;
		display: block;
		width: auto !important;
	}
	
	#products-grid .loading {
		background-size: 40px auto;
		width: 40px;
		height: 40px;
		margin: 20px auto 0;
	}
	
	.product {
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
	}
	
	.product .product-image {
		border-bottom: 1px solid #DDDDDD;
		padding: 15px;
	}
	
	.product .product-details {
		padding: 15px;
	}
	
	.product .product-details p.title {
		font-size: 24px;
		line-height: 28px;
	}
	
	.product .product-details p.title a {
		text-decoration: none;
		color: #242F60;
	}

/* Product
------------------------------------------- */
	
	h1.product-title {
		margin-bottom: 10px;
	}
	
	ul.share-buttons {
		list-style: none;
		clear: both;
		float: right;
		margin: 0;
		padding: 0;
	}
	
	ul.share-buttons li {
		display: inline-block;
		margin: 0 0 0 5px;
		padding: 0;
		vertical-align: top;
	}
	
	ul.share-buttons li:first-child {
		color: #666666;
		margin-right: 5px;
	}
	
	ul.share-buttons li a svg {
		fill: #242F60;
	}
	
	ul.share-buttons li:hover a svg {
		fill: #D9272E;
	}
	
	#product-tabs .row {
		border: 1px solid #DDDDDD;
	}
	
	#product-tabs ul.product-tabs-control {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#product-tabs ul.product-tabs-control li {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 24px;
		line-height: 24px;
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #DDDDDD;
	}
	
	#product-tabs ul.product-tabs-control li a {
		text-decoration: none;
		display: block;
		padding: 10px;
	}
	
	#product-tabs ul.product-tabs-control li.ui-state-active a {
		background-color: #242F60;
		color: #FFFFFF;
	}
	
	#product-tabs .row .large-8 {
		border-left: 1px solid #DDDDDD;
	}
	
	#product-tabs .product-tabs-content {
		padding: 10px 0;
	}
	
	.product-description {
		overflow: hidden;
	}
	
	.obsolete-product-banner,
	.info-product-banner {
		background-color: #D9272E;
		margin-bottom: 35px;
		padding: 10px 15px;
	}
	
	.info-product-banner {
		background-color: #181F40;
	}

	.obsolete-product-banner p {
		margin: 0;
		color: #FFFFFF;
	}

	.obsolete-product-banner p span {
		float: right;
	}
	
	.obsolete-product-banner p span a {
		font-weight: bold;
		color: #FFFFFF;
	}
	
	.single-product .image-border {
		position: relative;
	}
	
	.single-product .gallery-carousel .owl-item div {
		position: relative;
	}
	
	.single-product .image-border .enlarge-banner,
	.single-product .gallery-carousel .owl-item div .enlarge-banner {
		position: absolute;
		bottom: 10px;
		left: 10px;
		font-size: 14px;
		line-height: 19px;
		color: #666666;
	}
	
	.single-product .image-border .obsolete-image-banner {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 20px;
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		padding: 7px 12px;
		background: rgb(217,39,46);
		background: linear-gradient(180deg, rgba(217,39,46,1) 35%, rgba(122,22,25,1) 100%);
		color: #FFFFFF;
	}
	
	.product .product-image .obsolete-image-banner {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 16px;
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px 10px;
		background: rgb(217,39,46);
		background: linear-gradient(180deg, rgba(217,39,46,1) 35%, rgba(122,22,25,1) 100%);
		color: #FFFFFF;
	}
	
	.single-product .image-border.image-border-green-energy-hub .green-energy-hub-banner {
		background: #91B508 url('images/green-energy-hub-icon.svg') center no-repeat;
		background-size: 20px auto;
		width: 50px;
		height: 50px;
		text-indent: -9999px;
		border-radius: 50%;
		position: absolute;
		top: -10px;
		right: -10px;
	}
	
	.single-product .image-border.image-border-green-energy-hub .green-energy-hub-banner a {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.solutions-plus-banner {
		background-color: #242F60;
		padding: 15px;
		border-radius: 10px;
	}
	
	.solutions-plus-banner p.description {
		line-height: 26px;
		font-size: 18px;
		color: #FFFFFF;
		padding-top: 10px;
		text-align: center;
	}
	
	.solutions-plus-banner a.btn {
		float: right;
	}

/* Team
------------------------------------------- */	

	.team-member {
		background-color: #FFFFFF;
	}
	
	.team-member .team-member-image {
		position: relative;
	}
	
	.team-member .team-member-image .team-member-bio {
		background: rgba(217, 39, 46, 0.85);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 15px;
		visibility: hidden;
		transition: visibility 0s, opacity 0.5s linear;
		opacity: 0;
		overflow-y: scroll;
	}
	
	.team-member .team-member-image:hover .team-member-bio {
		visibility: visible;
		opacity: 1;
	}
	
	.team-member .team-member-image .team-member-bio p {
		color: #FFFFFF;
	}
	
	.team-member .team-member-name {
		position: relative;
		padding: 20px;
	}
	
	.team-member .team-member-name p {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 24px;
		line-height: 24px;
	}
	
	.team-member .team-member-name p.role {
		font-size: 20px;
		line-height: 20px;
		margin-right: 30px;
	}
	
	.team-member .team-member-name p.role a {
		text-decoration: none;
		color: #D9272E;
	}
	
	.team-member .team-member-name p.bio {
		font-size: 20px;
		line-height: 20px;
	}
	
	.team-member .team-member-name p.bio a {
		text-decoration: none;
		color: #242F60;
	}
	
	.team-member .team-member-name ul.team-member-connect {
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	.team-member .team-member-name ul.team-member-connect li {
		padding: 0;
		margin: 0 0 13px 0;
		height: 20px;
	}
	
	.team-member .team-member-name ul.team-member-connect li a {
		fill: #D9272E;
		display: block;
	}
	
	.team-member .team-member-name ul.team-member-connect li a:hover {
		fill: #242F60;
	}

/* Services
------------------------------------------- */

	ul.child-pages {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ul.child-pages li {
		background-color: #D9272E;
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 24px;
		line-height: 24px;
		border-radius: 5px;
		padding: 0;
		margin: 0;
		width: 23.5%;
		float: left;
		text-align: center;
		margin: 0 2% 2% 0;
	}
	
	ul.child-pages li:nth-child(4n) {
		margin-right: 0;
	}
	
	ul.child-pages li:hover {
		background: rgb(217,39,46);
		background: linear-gradient(180deg, rgba(217,39,46,1) 35%, rgba(122,22,25,1) 100%);
	}
	
	ul.child-pages li a {
		display: block;
		color: #FFFFFF;
		text-decoration: none;
		padding: 40px 25px;
	}

/* News
------------------------------------------- */
	
	article .article-image {
		background-color: #FFFFFF;
		position: relative;
	}
	
	article .article-image .tag {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 16px;
		padding: 10px 30px;
		border-radius: 0 5px 5px 0;
		position: absolute;
		top: 15px;
		left: 0;
		color: #FFFFFF;
	}

	article .article-content {
		padding: 20px;
	}
	
	article .article-content h3 a {
		text-decoration: none;
		color: #242F60;
	}
	
	article .article-content p.date {
		text-transform: uppercase;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
	}
	
	.single-article {
		background-color: #FFFFFF;
		padding: 45px;
	}

	.pagination span,
	.pagination a {
		display: inline-block;
		background-color: #FFFFFF;
		width: 44px;
		text-align: center;
		text-decoration: none;
		padding: 10px 0;
		margin-right: 5px;
		color: #242F60;
	}
	
	.pagination.pagination-dark span,
	.pagination.pagination-dark a {
		background-color: #DDDDDD;
	}

	.pagination span:hover,
	.pagination a:hover,
	.pagination span.current {
		background-color: #D9272E;
		color: #FFFFFF;
	}

	.pagination span.current {
		font-weight: 500;
	}
	
	ul.archive {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.archive li {
		margin: 0;
		padding: 0;
	}
	
	ul.archive li a {
		border-bottom: 1px solid #DDDDDD;
		display: block;
		padding: 10px 0;
		text-decoration: none;
	}
	
	ul.archive li a:hover {
		text-decoration: underline;
		color: #242F60;
	}
	
	ul.news-categories {
		list-style: none;
		margin: 0 0 60px;
		padding: 0;
	}
	
	ul.news-categories li {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 20px;
		margin: 0 20px;
		position: relative;
		display: inline-block;
		padding: 0;
	}
	
	ul.news-categories li::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 4px;
		bottom: -5px;
		left: 0;
		background-color: #D9272E;
		visibility: hidden;
		transform: scaleX(0);
		transition: all 0.3s ease-in-out 0s;
	}
	
	ul.news-categories li:hover::before,
	ul.news-categories li.selected::before {
		visibility: visible;
		transform: scaleX(1);
	}
	
	ul.news-categories li a {
		text-decoration: none;
		color: #535353;
	}
	
	ul.news-categories li.selected a {
		color: #242F60;
	}

/* Case Studies
------------------------------------------- */
	
	.case-study-filter-button-group {
		text-align: center;
		margin-bottom: 60px;
	}
	
	.case-study-filter-button-group button {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 20px;
		color: #535353;
		margin: 0 20px;
		position: relative;
		cursor: pointer;
	}
	
	.case-study-filter-button-group button::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 4px;
		bottom: -5px;
		left: 0;
		background-color: #D9272E;
		visibility: hidden;
		transform: scaleX(0);
		transition: all 0.3s ease-in-out 0s;
	}
	
	.case-study-filter-button-group button:hover::before,
	.case-study-filter-button-group button.is-checked::before {
		visibility: visible;
		transform: scaleX(1);
	}
	
	.case-study-filter-button-group button.is-checked {
		color: #242F60;
	}
	
	.case-study-filter-button-group button img {
		max-height: 40px;
		margin-bottom: 15px;
	}
	
	.case-study-filter-button-group button span {
		display: block;
	}
	
	.case-study-grid .case-study-grid-item {
		width: calc(33% - 20px);
		margin-bottom: 20px;
	}

	.case-study-grid .case-study-grid-item .case-study-grid-item-inner {
		position: relative;
	}
	
	.case-study-grid .case-study-grid-item .case-study-grid-item-inner .case-study-grid-item-hover {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 20px;
		visibility: hidden;
		transition: visibility 0s, opacity 0.5s linear;
		opacity: 0;
	}
	
	.case-study-grid .case-study-grid-item:hover .case-study-grid-item-inner .case-study-grid-item-hover {
		visibility: visible;
		opacity: 1;
	}
	
	.case-study-grid .case-study-grid-item .case-study-grid-item-inner .case-study-grid-item-hover a {
		text-decoration: none;
	}
	
	.case-study-grid .case-study-grid-item .case-study-grid-item-inner .case-study-grid-item-hover h3,
	.case-study-grid .case-study-grid-item .case-study-grid-item-inner .case-study-grid-item-hover p {
		color: #FFFFFF;
	}

	.case-study-background {
		padding: 20px;
		color: #FFFFFF;
	}

	.case-study-supplier img {
		max-width: 200px;
		float: right;
		margin-bottom: 10px;
	}
	
	ul.case-study-paging {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ul.case-study-paging li {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		width: 50%;
		float: left;
	}
	
	ul.case-study-paging li.case-study-next {
		text-align: right;
		float: right;
	}
	
	ul.case-study-paging li a {
		font-size: 30px;
		text-decoration: none;
		color: #242F60;
	}
	
	ul.case-study-paging li a span {
		color: #D9272E;
		font-size: 20px;
		display: block;
		margin-bottom: 10px;
	}
	
/* Toolbox
------------------------------------------- */
	
	.toolbox-grid .toolbox-grid-item {
		width: calc(25% - 20px);
		margin-bottom: 20px;
	}

/* Contact
------------------------------------------- */

	#map {
		background-color: #DDDDDD;
		height: 400px;
		width: 100%;
	}

	section.weather {
		color: #FFFFFF;
		padding: 0;
	}
	
	section.weather p {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		margin: 0;
		font-size: 30px;
		line-height: 30px;
	}
	
	section.weather p.town {
		border-left: 1px solid #CCCAD9;
		padding: 27px 0;
	}
	
	section.weather p.calendar {
		border-right: 1px solid #CCCAD9;
		padding: 23px 0;
	}
	
	section.weather p.calendar img {
		margin-right: 10px;
	}
	
	section.weather #current-weather {
		border-left: 1px solid #CCCAD9;
		border-right: 1px solid #CCCAD9;
		padding: 5px 0;
	}

/* New way to pay
------------------------------------------- */

	.page-template-page-new-way-to-pay .page-header {
		background-color: #181F40;
	}
	
	.page-template-page-new-way-to-pay .page-header .overlay {
		background: none;
	}
	
	.page-template-page-new-way-to-pay .page-header h1 span {
		color: #F1B50F;
	}

	.page-template-page-new-way-to-pay .pay-benefits-box {
		background-color: #EEEEEE;
		padding: 20px;
		margin-bottom: 20px;
	}
	
	.page-template-page-new-way-to-pay .pay-benefits-box ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.page-template-page-new-way-to-pay .pay-benefits-box ul li {
		background: url('images/tick.svg') left top 5px no-repeat;
		background-size: 20px auto;
		padding-left: 30px;
		margin-bottom: 20px;
	}
	
	.page-template-page-new-way-to-pay .pay-benefits-box ul li:last-child {
		margin-bottom: 0;
	}
	
	.page-template-page-new-way-to-pay .pay-benefits-box p {
		margin-bottom: 10px;
	}
	
	.page-template-page-new-way-to-pay img.pm-benefits {
		margin: 10px 0;
	}

/* Pressure Converter Tool
------------------------------------------- */

	.page-template-page-pressure-converter .page-header {
		background-color: #181F40;
	}

	.page-template-page-pressure-converter .page-header .overlay {
		background: none;
	}
	
	.convert-selection {
		background-color: #DDDDDD;
		padding: 20px;
	}
	
	.convert-selection label {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		color: #242F60;
		font-weight: 400;
		font-size: 22px;
		line-height: 22px;
		display: block;
		margin-bottom: 5px;
	}
	
	.convert-selection input {
		border: none;
		padding: 7px;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 15px;
		border: 2px solid #242F60;
	}
	
	.convert-selection select {
		border: none;
		padding: 7px;
		width: 100%;
		overflow: auto;
	}
	
	.convert-selection select option:checked {
		background-color: #2E6E08;
		color: #FFFFFF;
	}
	
	.convert-result {
		background-color: #2E6E08;
		padding: 20px;
		text-align: center;
		color: #FFFFFF;
	}
	
	.convert-result p {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		color: #242F60;
		font-weight: 400;
		font-size: 26px;
		line-height: 36px;
		color: #FFFFFF;
		margin-bottom: 30px;
	}
	
	.convert-result a.btn {
		border-color: #FFFFFF;
		color: #FFFFFF;
		padding: 12px 10px;
	}
	
	.convert-result a.btn::after {
		display: none;
	}
	
	.convert-result a.btn:hover {
		background-color: #FFFFFF;
		color: #2E6E08;
	}

/* Manufacturers
------------------------------------------- */
	
	.page-header-manufacturer .row {
		position: relative;
	}
	
	.page-header-manufacturer .page-header-manufacturer-logo {
		background-color: #FFFFFF;
		padding: 15px;
		border-radius: 5px 5px 0 0;
		position: absolute;
		bottom: -60px;
		right: 0;
	}
	
	.page-header .page-header-manufacturer-logo img {
		max-height: 60px;
		max-width: 200px;
	}
	
	.manufacturer-link {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 24px;
		line-height: 24px;
		border-radius: 5px;
		width: 100%;
		margin-bottom: 2rem;
	}
	
	.manufacturer-link a {
		display: block;
		text-decoration: none;
		padding: 15px 10px;
		color: #242F60;
	}
	
	.manufacturer-link:hover {
		background: rgb(217,39,46);
		background: linear-gradient(180deg, rgba(217,39,46,1) 35%, rgba(122,22,25,1) 100%);
	}
	
	.manufacturer-link:hover a {
		color: #FFFFFF;
	}
	
	.manufacturer-link .manufacturer-link-logo {
		position: relative;
		height: 70px;
		margin: 0 auto 20px;
		background-color: #FFFFFF;
		padding: 5px;
		border-radius: 5px;
	}
	
	.manufacturer-link .manufacturer-link-logo img {
		display: block;
		max-height: 60px;
		max-width: 90%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

/* About - Customer Values
------------------------------------------- */

	.value-card {
		background-color: #D9272E;
		border-radius: 5px;
		text-align: center;
		margin-bottom: 2rem;
		padding: 20px;
		min-height: 100px;
		position: relative;
	}

	.value-card p {
		font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, cursive;
		text-transform: uppercase;
		font-size: 26px;
		line-height: 30px;
		color: #FFFFFF;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
	}

/* Media Queries
------------------------------------------- */

/* Small only */
@media screen and (max-width: 39.9375em) {
	
	body {
		line-height: 22px;
		font-size: 14px;
	}
	
	h1 {
		line-height: 58px;
		font-size: 50px;
	}
	
	h2, .content-home h1,
	h1.smaller, h1.content-title, p.title {
		line-height: 32px;
		font-size: 26px;
	}
	
	h3 {
		font-size: 23px;
		line-height: 29px;
	}
	
	img.alignleft,
	img.alignright {
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
	
	.text-center-small {
		text-align: center;
	}
	
	#pre-header .columns {
		padding: 0;
	}
	
	#pre-header ul.buttons {
		float: none;
	}
	
	#pre-header ul li {
		width: 35%;
		text-align: center;
	}
	
	#pre-header ul.buttons li a {
		padding: 10px 0;
	}
	
	#pre-header ul li.contact-telephone,
	#pre-header ul li.contact-email {
		width: 15%;
	}
	
	#pre-header ul li.contact-telephone a,
	#pre-header ul li.contact-email a {
		text-indent: -9999px;
		display: block;
		border-right: 1px solid #FFFFFF;
	}
	
	#pre-header ul li.contact-telephone a {
		background: #D9272E url('images/telephone.png') center no-repeat;
		background-size: 16px auto;
	}
	
	#pre-header ul li.contact-email a {
		background: #D9272E url('images/email.png') center no-repeat;
		background-size: 16px auto;
	}
	
	header #logo {
		text-align: center;
	}
	
	header #logo img {
		max-width: 210px;
	}
	
	header #men-icon {
		background-color: #D9272E;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		position: absolute;
		right: 1rem;
		top: 20px;
	}
	
	header #search-icon {
		position: absolute;
		left: 1rem;
		top: 12px;
		margin: 0;
	}
	
	header #menu-icon {
		background-color: #D9272E;
		position: absolute;
		right: 1rem;
		top: 12px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
	}
	
	header #menu-control {
		width: 23px;
		height: 20px;
		position: relative;
		-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;
		cursor: pointer;
		display: block;
		margin: 11px 8px 11px 9px;
	}

	header #menu-control span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #FFFFFF;
		opacity: 1;
		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;
	}

	header #menu-control span:nth-child(1) {
		top: 0px;
	}

	header #menu-control span:nth-child(2), #menu-control span:nth-child(3) {
		top: 8px;
	}

	header #menu-control span:nth-child(4) {
		top: 16px;
	}

	header #menu-control.open span:nth-child(1) {
		top: 12px;
		width: 0%;
		left: 50%;
	}

	header #menu-control.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	header #menu-control.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	header #menu-control.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	
	header nav {
		display: none;
	}
	
	header nav ul {
		float: none;
	}
	
	header nav ul li {
		margin: 0;
		display: block;
	}
	
	header nav ul li a {
		padding: 15px 0;
	}
	
	header nav ul li a::before {
		background-color: #FFFFFF;
		visibility: visible;
		transform: none;
		height: 2px;
	}
	
	header nav ul > li:last-child a::before {
		background: none;
	}
	
	header nav ul li:hover > ul,
	header nav ul li:focus-within > ul {
		display: none;
	}
	
	header nav ul li ul {
		background-color: #181F40;
		position: static;
		width: 100%;
		border-radius: 0;
	}
	
	header nav ul li ul li {
		border-color: #FFFFFF;
	}
	
	header nav ul li ul li a,
	header nav ul li ul li a:hover {
		color: #FFFFFF;
	}
	
	header nav ul li ul li.find-products-mobile a {
		background-color: #D9272E;
		padding: 15px 10px;
	}
	
	header nav ul li ul li.find-products-mobile a::before {
		display: none;
	}
	
	header nav ul li ul li:last-child a::before {
		background-color: #181F40;
	}
	
	header #search-bar .search-bar-inner {
		float: none;
		max-width: none;
		width: calc(100% + 2rem);
		margin: 0 -1rem;
	}
	
	header #search-bar .search-bar-inner input {
		width: 100%;
		box-sizing: border-box;
	}
	
	header #search-bar .search-bar-inner button {
		border-radius: 0;
	}
	
	.notice-holder.notice-holder-overlay {
		margin: 0;
	}
	
	.notice-holder .columns {
		padding: 0;
	}
	
	.notice-holder .notice {
		text-align: center;
	}
	
	.notice-holder .notice a.btn {
		float: none;
		margin-top: 15px;
	}
	
	.content-two-cols .content-two-cols-content {
		padding: 40px 0;
	}
	
	.image-overlay {
		min-height: 300px;
		margin: 0 -1rem;
		width: calc(100% + 2rem);
	}
	
	#quick-links {
		padding-bottom: 30px;
	}
	
	#quick-links .row {
		max-width: 350px;
	}
	
	#quick-links .text-link {
		margin-bottom: 30px;
	}
	
	footer .footer-partners {
		padding: 20px 0;
	}
	
	footer .footer-partners ul li {
		margin: 10px;
	}
	
	footer .footer-partners ul li img {
		max-height: 30px;
	}
	
	footer .footer-twitter {
		margin-bottom: 20px;
	}
	
	footer .footer-links ul.accreditations {
		margin-bottom: 20px;
	}
	
	footer .footer-links ul.accreditations li {
		margin: 10px;
	}
	
	footer .footer-links ul.accreditations li img {
		max-height: 35px;
		width: auto;
	}
	
	footer .footer-links ul.menu li {
		margin: 10px 0;
		display: block;
	}
	
	footer .footer-credits p.site-by {
		text-align: left;
		margin: 15px 0 0;
	}
	
	.page-header .overlay {
		padding: 40px 0;
	}
	
	.page-header .overlay img {
		max-height: 60px;
		width: auto;
	}
	
	.page-header .overlay a.btn.btn-no-arrow {
		float: none !important;
	}
	
	section {
		padding: 40px 0;
	}
	
	#hero .overlay {
		padding: 35px 0;
	}
	
	#hero h1 {
		line-height: 46px;
		font-size: 40px;
		margin-top: 0;
	}
	
	#hero h1 span {
		margin-bottom: 10px;
	}
	
	#hero .hero-search {
		margin: 0;
	}
	
	#hero p.sub-title {
		margin-bottom: 20px;
	}
	
	#hero ul.buttons-revised {
		text-align: center;
		margin-bottom: 30px;
	}
	
	#hero ul.buttons-revised li {
		margin: 5px;
	}
	
	#hero ul.buttons-revised li.youtube {
		width: 100%;
		margin: 0 0 10px;
	}
	
	.slider-overlay {
		margin: 0;
	}
	
	.slider-overlay .slider-overlay-inner ul#menu-services-left {
		margin-bottom: 1rem;
	}
	
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-prev,
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-next {
		border: none;
	}
	
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-prev:hover,
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-next:hover {
		background: none;
	}
	
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-prev {
		left: -45px;
	}
	
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-next {
		right: -45px;
	}
	
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-prev span,
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-next span {
		background: url('images/arrow-carousel-left-white.svg') no-repeat;
	}
	
	.owl-carousel.owl-carousel-custom .owl-nav button.owl-next span {
		background: url('images/arrow-carousel-right-white.svg') no-repeat;
	}
	
	.case-study-filter-button-group {
		margin-bottom: 40px;
	}
	
	.case-study-filter-button-group button {
		margin: 10px;
	}
	
	.case-study-grid .case-study-grid-item {
		width: 100%;
	}
	
	.case-study-grid .case-study-grid-item .case-study-grid-item-inner {
		max-width: 350px;
		margin: 0 auto;
	}
	
	.case-study-grid .case-study-grid-item .case-study-grid-item-inner .case-study-grid-item-hover {
		bottom: 0;
		top: auto;
		height: auto;
		visibility: visible;
		opacity: 1;
		background: rgba(217, 39, 46, 0.85);
		padding: 15px;
	}
	
	article {
		max-width: 350px;
		margin: 0 auto 20px;
	}
	
	ul.child-pages li {
		width: 100%;
		margin-bottom: 10px;
	}
	
	ul.child-pages li a {
		padding: 15px 0;
	}
	
	.team-member .team-member-name {
		padding: 15px;
	}
	
	.team-member .team-member-name p.role {
		margin-bottom: 10px;
	}
	
	.team-member .team-member-name ul.team-member-connect {
		position: static;
		height: 20px;
	}
	
	.team-member .team-member-name ul.team-member-connect li {
		float: left;
		margin: 0 15px 0 0;
	}
	
	ul.product-category-tabs li {
		width: 120px;
		font-size: 22px;
		line-height: 22px;
	}
	
	ul.product-category-tabs li span {
		font-size: 14px;
		line-height: 14px;
	}
	
	ul.product-category-tabs li.product-category-tab-medium {
		width: 95px;
	}
	
	ul.product-category-tabs li.product-category-tab-results {
		width: 90px;
	}
	
	#categories .row.mb-30 {
		margin: 0;
	}
	
	#categories .product-category,
	#sub-categories .product-category {
		margin-bottom: 2rem;
	}
	
	.product .product-details {
		padding: 10px;
	}
	
	.product .product-details p.title {
		font-family: "Helvetica Neue", Arial, Sans-serif;
		font-size: 16px;
		line-height: 22px;
		text-transform: none;
	}
	
	.product-enquiry-button {
		float: none !important;
		margin: 20px 0 0;
	}
	
	#product-tabs {
		margin: 20px 1rem 0;
	}
	
	#product-tabs .row .large-8 {
		border: none;
	}
	
	.case-study-supplier {
		text-align: center;
		margin-bottom: 40px;
	}
	
	.case-study-supplier img {
		float: none;
	}
	
	.contact-details {
		margin-bottom: 40px;
	}
	
	.contact-details .row {
		max-width: 350px !important;
	}
	
	#map {
		height: 275px;
	}
	
	.notice p.title {
		padding: 0 10px;
	}
	
	.news-list .mb-2 {
		margin: 0;
	}
	
	.product .product-image {
		min-height: 150px;
		position: relative;
	}
	
	.product .product-image img {
		max-height: 130px;
		max-width: 130px;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: auto;
	}
	
	.single-product .image-border img {
		max-width: 200px;
		display: block;
		margin: 0 auto;
	}
	
	.similar-products .product {
		margin-bottom: 2rem;
	}
	
	section.weather #current-weather {
		border-top: 1px solid #CCCAD9;
		border-bottom: 1px solid #CCCAD9;
		border-left: 0;
		border-right: 0;
	}
	
	section.weather p.town,
	section.weather p.calendar {
		border: none;
	}
	
	.toolbox-grid .toolbox-grid-item {
		width: calc(50% - 20px);
	}
	
	section.ticker-holder {
		margin: 40px 0 0;
	}
	
	section.ticker-holder .owl-nav {
		display: none;
	}
	
	section.content-home {
		background: none;
		margin: 0;
		padding: 40px 0;
	}
	
	.obsolete-product-banner p span {
		float: none;
		display: block;
		margin-top: 5px;
	}
	
	.convert-selection {
		padding: 15px;
		margin-bottom: 20px;
	}
	
	.convert-selection select {
		height: 75px;
		margin-top: 25px;
	}
	
	.convert-result {
		padding: 15px;
	}
	
	.value-card {
		min-height: auto;
		margin-bottom: 1rem;
		padding: 15px;
	}
	
	.value-card p {
		position: static;
		transform: none;
		width: 100%;
		font-size: 22px;
		line-height: 28px;
	}
	
	ul.news-categories {
		margin-bottom: 40px;
	}
	
	ul.news-categories li {
		margin: 10px;
	}
	
	.solutions-plus-banner {
		padding: 15px;
		text-align: center;
	}
	
	.solutions-plus-banner img {
		max-width: 200px;
	}
	
	.solutions-plus-banner p.description {
		padding: 0;
		margin: 15px 0;
	}
	
	.solutions-plus-banner a.btn {
		float: none;
	}
	
	ul.share-buttons {
		float: none;
		margin-top: 15px;
	}
	
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
	h1 {
		line-height: 66px;
		font-size: 60px;
	}
	
	h2, .content-home h1,
	h1.smaller, h1.content-title, p.title {
		line-height: 34px;
		font-size: 28px;
	}
	
	h3 {
		font-size: 24px;
		line-height: 30px;
	}
	
	#pre-header ul li.contact-telephone,
	#pre-header ul li.contact-email {
		width: 40px;
		padding: 0;
		border: none;
	}
	
	#pre-header ul li.contact-telephone a,
	#pre-header ul li.contact-email a {
		text-indent: -9999px;
		display: block;
		border-right: 1px solid #FFFFFF;
		height: 38px;
	}
	
	#pre-header ul li.contact-telephone a {
		background: #181F40 url('images/telephone.png') center no-repeat;
		background-size: 16px auto;
	}
	
	#pre-header ul li.contact-email a {
		background: #181F40 url('images/email.png') center no-repeat;
		background-size: 16px auto;
	}
	
	#pre-header ul.buttons li a {
		padding: 10px 5px;
	}
	
	#pre-header ul.buttons li a.green-energy-hub-button {
		width: 25px;
		background-size: 15px auto;
	}
	
	#pre-header ul.buttons li a.process-analytics-button {
		width: 25px;
		background-size: 15px auto;
	}
	
	header nav ul li {
		margin: 0 6px;
	}
	
	footer .footer-partners {
		padding: 20px 0;
	}
	
	footer .footer-partners ul li {
		margin: 10px;
	}
	
	footer .footer-partners ul li img {
		max-height: 30px;
	}
	
	footer p {
		line-height: 21px;
		font-size: 14px;
	}
	
	footer ul.accreditations {
		margin-bottom: 20px;
	}
	
	footer ul.accreditations li {
		margin: 0 10px 15px 0;
	}
	
	footer ul.accreditations li img {
		max-height: 40px;
		width: auto;
	}
	
	footer .footer-links ul li {
		margin: 0 20px;
	}
	
	#hero .overlay {
		padding: 80px 0 120px;
	}
	
	#hero h1 {
		font-size: 46px;
		line-height: 52px;
		margin-top: 0;
	}
	
	#hero h1 span {
		margin-bottom: 10px;
	}
	
	#hero .hero-search {
		margin: 0;
	}
	
	#hero .hero-search p.title {
		line-height: 32px;
		font-size: 26px;
	}
	
	#hero p.sub-title {
		margin-bottom: 20px;
	}
	
	#hero ul.buttons-revised {
		text-align: center;
	}
	
	#hero ul.buttons-revised li {
		margin: 5px;
	}
	
	#hero ul.buttons-revised li.youtube {
		width: 100%;
		margin: 0 0 15px;
	}
	
	#map {
		height: 300px;
	}
	
	header #products-menu .products-menu-inner {
		padding: 20px;
		position: relative;
	}
	
	header #products-menu .products-menu-inner .products-menu-description {
		display: none;
	}
	
	header #products-menu .products-menu-inner .title {
		height: 46px;
	}
	
	header #products-menu .products-menu-inner .products-menu-button {
		position: absolute;
		right: 20px;
		top: 20px;
	}
	
	header #products-menu .products-menu-inner ul li {
		width: calc(50% - 10px);
		margin: 0 10px 0 0;
	}
	
	ul.product-category-tabs li {
		width: 200px;
	}
	
	#product-tabs {
		margin: 0 1rem;
	}
	
	.product-categories .owl-nav {
		display: none;
	}
	
	#quick-links p:not(.title) {
		line-height: 21px;
		font-size: 14px;
	}
	
	.product-category {
		margin-bottom: 2rem;
	}
	
	#categories .mb-30,
	#sub-categories .mb-30 {
		margin: 0;
	}
	
	.team-member .team-member-name ul.team-member-connect {
		position: static;
		height: 20px;
		margin-top: 20px;
	}
	
	.team-member .team-member-name ul.team-member-connect li {
		float: left;
		margin: 0 15px 0 0;
	}
	
	#hero ul.buttons li a.btn-video-youtube {
		margin: 20px 0 0 0;
	}
	
	.ticker-holder {
		margin-top: -50px;
	}
	
	.ticker-holder .ticker .ticker-item {
		line-height: 20px;
		font-size: 20px;
	}
	
	ul.news-categories li {
		margin: 0 10px;
	}
	
	.solutions-plus-banner p.description {
		padding-top: 0;
		font-size: 16px;
		line-height: 22px;
	}
	
	ul.share-buttons li {
		margin: 0;
	}
	
	ul.share-buttons li:first-child {
		width: 100%;
		margin: 0 0 10px;
	}
	
}

@media screen and (max-width: 1023px) {
	
	.product-filter {
		margin-bottom: 20px;
		padding: 15px;
	}
	
	.product-filter p.title {
		position: relative;
		margin: 0;
	}
	
	.product-filter p.title::after {
		content: "+";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.product-filter p.title.open::after {
		content: "-";
	}
	
	.product-filter form {
		display: none;
		padding-top: 20px;
	}
	
	.product .product-image {
		min-height: 150px;
		position: relative;
	}
	
	.product .product-image img {
		max-height: 140px;
		max-width: 140px;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: auto;
	}
	
}

@media screen and (min-width: 640px) and (max-width: 760px) {
	
	header nav ul li {
		margin: 0 3px;
		font-size: 18px;
		line-height: 18px;
	}
	
	#hero ul.buttons li {
		display: block;
	}
	
	#hero ul.buttons li a.btn-video {
		margin: 15px 0 0 0;
	}
	
}

@media screen and (min-width: 1024px) and (max-width: 1240px) {
	
	.owl-carousel {
		max-width: 90%;
		margin: 0 auto;
	}
	
	header nav ul li {
		margin: 0 12px;
	}
	
}

/* Large and up */
@media screen and (min-width: 64em) {
	
	.product .product-image {
		min-height: 260px;
		position: relative;
	}
	
	.product .product-image img {
		max-height: 230px;
		max-width: 225px;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: auto;
	}
	
	.product .product-details {
		height: calc(100% - 260px);
		position: relative;
	}
	
	.product.product-no-image .product-details {
		height: auto;
	}
	
	.product .product-details p.title {
		padding-bottom: 55px;
		margin: 0;
	}
	
	.product .product-details a.btn.btn-sm {
		position: absolute;
		bottom: 15px;
		left: 15px;
	}
	
	.column-sticky {
		position: sticky;
		top: 85px;
	}
	
	article {
		position: relative;
	}
	
	article .article-content {
		padding-bottom: 66px;
	}
	
	article .article-content a.btn.btn-white {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
	
	.calibration-downloads h3 {
		min-height: 64px;
	}
	
}

@media screen and (min-width: 64em) and (max-height: 935px) {

	.product-filter {
		height: 87vh;
		overflow: scroll;
	}
	
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

@media screen and (min-width: 64em) {
	
	#manufacturers .columns.large-2 {
		width: 20%;
	}
	
	#hero {
		position: relative;
		/*min-height: 575px;*/
	}
	
	#hero .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		height: 100%;
	}
	
}