/*
Theme Name: 	HeatingSave V2 (Blue)
Theme URI: 		http://www.heatingsave.co.uk;
Version: 		1.0
Author: 		Daniel Hutton
Author URI: 	http://www.heatingsave.co.uk
*/

/*
===========================
CONTENTS:

01 Shared Styles / Imports
02 Typography
03 Header / Navigation
04 Main Content
05 Footer
06 Plugins / Icon Fonts
07 Media queries
08 Animations
===========================
*/

/* ----------------------------------------------------------------------------------------------------------
01 Shared Styles / Imports ----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
  background: url("images/BG-TILE.png") repeat;
  /*padding-top: 66px;*/
}

.page-wrapper {
	min-height: 100%;
	position: relative;
}

.shadow-wrapper {
	background: #fff;
	-webkit-box-shadow: 0 2px 5px rgba(46, 19, 19, 0.4);
	-moz-box-shadow: 0 2px 5px rgba(46, 19, 19, 0.4);
	box-shadow: 0 2px 5px rgba(46, 19, 19, 0.4);
}

.main-content {
	padding-top: 30px;
	padding-bottom: 40px;
}

.small-business .main-content,
.enterprise .main-content,
.heatsave-wireless-trv .main-content {
	padding-top: 0px;
	padding-bottom: 0px;
}

.energy-monitoring .main-content {
	padding-bottom: 0px;
}

.main-content .row.blue-bg {
	padding-top: 40px;
	padding-bottom: 40px;
}

hr {
	margin-left: -15px;
	margin-right: -15px;
}

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

.home .intro-row {
	padding: 34px 0;
}

.form-allowed-tags {
	display: none;
}

.the-time {
	padding: 6px 0;
	margin-bottom: 12px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	display: inline-block;
}

.main-content .the-time a {
	font-weight: normal;
	color: #217dbb;
}

/*.wpcf7-checkbox span.wpcf7-list-item.first {
	margin-left: 0;
}*/

.wpcf7-checkbox span.wpcf7-list-item {
	display: block;
	margin-left: 0;
}

.page-thumbnail.pull-right {
	margin-left: 24px;
	margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
	.align-right-large {
		text-align: right;
	}
}

@media screen and (max-width: 767px) {
	.align-center-small {
		text-align: center;
	}
	.product-image {
		margin-top: 18px;
	}
}

@media screen and (min-width: 992px) {
	.home .main-content,
	.home-products .main-content,
	.page-template-template-sectors .main-content,
	.page-template-template-header-no-sidebar .main-content {
		padding-top: 0px;
	}
}

@media only screen and (min-width : 1200px) {
    .is-table-row {
        display: table;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
		position: relative;
    }
	.valign {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

.main-content ul li:not(:last-child) {
	margin-bottom: 8px;
}

#brochure_download_modal .modal-header button.close {
	padding: 5px !important;
	margin-bottom: 0 !important;
}

#brochure_download_modal .modal-body {
	padding: 12px 20px;
}

#brochure_download_modal .modal-body p.no-margin {
	margin-bottom: -12px;
}

#brochure_download_modal .modal-body span.wpcf7-not-valid-tip {
	background: #3498db;
	border-color: #217dbb;
}

#brochure_download_modal .modal-body .wpcf7-response-output {
	display: none !important;
}

#brochure_download_modal .modal-body .wpcf7-submit {
	margin-bottom: 0;
}

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

h1 {
	margin-top: 0;
}

body.business-colours .main-content h1,
body.business-colours .main-content h2,
body.business-colours .main-content h3 {
	color: #38599a;
}

body.home-colours .main-content h1,
body.home-colours .main-content h2,
body.home-colours .main-content h3
{
	color: #f77b10;
}

body.energy-monitoring .main-content h1,
body.energy-monitoring .main-content h2,
body.energy-monitoring .main-content h3 {
	color: #49aced;
}

body.replacement-boiler-systems .main-content h1,
body.replacement-boiler-systems .main-content h2 {
	color: #3dbb08;
}

body.replacement-boiler-systems .main-content h3 {
	color: #329e04;
}

body.biomass-heating-systems .main-content h1,
body.biomass-heating-systems .main-content h2 {
	color: #983814;
}

body.biomass-heating-systems .main-content h3 {
	color: #b73d0f;
}

body.security-access-control .main-content h1,
body.security-intruder-management .main-content h1,
body.security-access-control .main-content h2,
body.security-intruder-management .main-content h2 {
	color: #bb5694;
}

body.security-access-control .main-content h3,
body.security-intruder-management .main-content h3 {
	color: #cc62a3;
}

h3.subtitle {
	color: #333 !important;
}

.main-content h3 {
	margin-top: 0;
	margin-bottom: 12px;
}

.main-content .intro-row h3 {
	margin-bottom: 0;
}

.main-content ul:not(.nav-tabs) {
	padding-left: 16px;
}

.main-content a {
	font-weight: bold;
}

.tab-pane > h3 {
	margin-top: 24px;
}

p.article-time,
p.subheader {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
}

body.business-colours hr.thick {
	border-top: 4px solid #38599a;
}

body.home-colours hr.thick {
	border-top: 4px solid #f77b10;
}

body.energy-monitoring hr.thick {
	border-top: 4px solid #49aced;
}

body.replacement-boiler-systems hr.thick {
	border-top: 4px solid #3dbb08;
}

body.biomass-heating-systems hr.thick {
	border-top: 4px solid #983814;
}

body.security-access-control hr.thick,
body.security-intruder-management hr.thick {
	border-top: 4px solid #983814;
}

@media screen and (min-width: 768px) {
	h3.large {
		font-size: 28px;
	}
	p.article-time,
	p.subheader {
		text-align: right;
	}
}

/***
*
* Buttons
*
***/

button, .button:not(.dp_field_button), .wpcf7-submit, .dp-button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em !important;
  padding-right: 1.5em !important;
  padding-bottom: 0.8125em !important;
  padding-left: 1.5em !important;
  font-size: 1em;
  background-color: #3498db;
  border-color: #217dbb;
  color: white;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}

.slider-buttons {
	padding-top: 8px;
}

.slider-buttons .btn {
	display: inline-block;
	margin: 0;
}

.slider-buttons.bottom-margin .btn {
	margin-bottom: 6px;
}

.slider-buttons .btn:not(:last-child),
p.button-group .btn:not(:last-child) {
	margin-right: 8px;
}

.slider-buttons.text-right .modal {
	text-align: left !important;
}

.slider-buttons.hover-over-image {
	position: absolute;
	right: 18px;
	bottom: 7px;
	background: #f9f9f9;
	border: 1px solid #dbcbc0;
	padding: 8px 14px;
	border-radius: 6px;
}

.dp-table-Container .dp-button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	line-height: 1em !important;
}

ul.green-ticks {
	list-style: none;
	padding-left: 0 !important;
	margin-bottom: 24px;
}

ul.green-ticks.inline-block {
	display: inline-block;
}

ul.green-ticks > li {
	position: relative;
	padding-left: 32px;
	padding-bottom: 4px;
}

ul.green-ticks > li > i {
	font-size: 22px;
	color: limegreen;
	position: absolute;
	top: 0;
	left: 0;
}

.no-padding {
	padding-right: 0;
	padding-left: 0;
}

.padding-top {
	padding-top: 18px;
}

/* ----------------------------------------------------------------------------------------------------------
03 Header / Navigation ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#header {
	background: #fff;
	z-index: 9;
	position: relative;
}

#header .shadow {
	box-shadow: 0 1px 4px rgba(46, 19, 19, 0.25);
	-moz-box-shadow: 0 1px 4px rgba(46, 19, 19, 0.25);
	-webkit-box-shadow: 0 1px 4px rgba(46, 19, 19, 0.25);
}

.navbar-brand {
	position: relative;
	text-transform: uppercase;
}

/*.navbar-brand img:hover {
  -webkit-animation: jiggleLogo 2s ease-out infinite, popLogo .2s ease-in-out;
  -moz-animation: jiggleLogo 2s ease-out infinite, popLogo .2s ease-in-out;
  -ms-animation: jiggleLogo 2s ease-out infinite, popLogo .2s ease-in-out;
  animation: jiggleLogo 2s ease-out infinite, popLogo .2s ease-in-out;
}*/

.navbar-brand .logo-text {
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -20px;
	width: 275px;
	color: #222;
}

.navbar-brand h1 {
	font-size: 23px;
	margin-bottom: 2px;
	margin-top: 0;
}

.navbar-brand h2 {
	font-size: 12px;
	margin: 0;
}

#menu-primary-navigation {
	background: #fff;
}

.navigation-contact-form {
	background: #3498db;
	color: #fff;
}

.navigation-contact-form {
	padding: 18px;
}

span.wpcf7-not-valid-tip {
	margin-top: 8px;
	color: #fff;
	border: 2px solid #ff0000;
	padding: 3px 12px;
}

input.wpcf7-not-valid {
	border: 2px solid red;
}

.navigation-contact-form span.wpcf7-not-valid-tip {
	display: none;
}

#header .logo-wrapper {
	background: #fff;
	z-index: 500;
	text-align: center;
}

/*#header .logo-wrapper h3.tagline {
	margin: 0;
	font-size: 15px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#header .logo-wrapper h3.tagline > img {
	position: absolute;
	right: 0;
	top: 0;
}*/

#header .logo-wrapper div.tagline {
	margin: 0;
	font-size: 15px;
	position: absolute;
	top: 4px;
	right: -44px;
}

#header .basket-wrapper {
	padding: 13px 0;
	background: #fff;
	z-index: 500;
	text-align: center;
}

#header .basket-wrapper .cart-text {
	font-size: 14px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 28px;
	border-right: 1px solid #eee;
}

#header .basket-wrapper .cart-text > a {
	position: relative;
}

#header .basket-wrapper .cart-text > a .hsicon.cart {
	left: -48px;
}

#header .basket-wrapper .cart-text > a:hover .hsicon.cart {
	background: url(images/icons/menu-icons/buy.png);
}

#header p.call-now {
	font-size: 20px;
	margin: 0;
}

#header p.call-now > span {
	font-family: 'Pacifico', cursive;
	color: #fd1818;
	font-size: 24px;
}

/*#menu-wrapper {
	display: none;
}*/

#menu-primary-navigation > li > a,
#menu-wrapper ul > li > a {
	color: #fff;
}

#menu-primary-navigation > li.business > a,
#menu-wrapper ul > li.business > a {
	background: #38599a;
}

#menu-primary-navigation > li.home > a,
#menu-wrapper ul > li.home > a {
	background: #f67a10;
}

#menu-primary-navigation > li.energy-monitoring > a,
#menu-wrapper ul > li.energy-monitoring > a {
	background: #49aced;
}

#menu-primary-navigation > li.replacement-boiler-systems > a,
#menu-wrapper ul > li.replacement-boiler-systems > a {
	background: #3dbb08;
}

#menu-primary-navigation > li.biomass-heating-systems > a,
#menu-wrapper ul > li.biomass-heating-systems > a {
	background: #983814;
}

#menu-primary-navigation > li.security > a,
#menu-wrapper ul > li.security > a {
	background: #bb5694;
}

#menu-primary-navigation > li.shop > a,
#menu-wrapper ul > li.shop > a {
	background: #cd4930;
}

#menu-primary-navigation > li.about-us > a,
#menu-wrapper ul > li.about-us > a {
	background: #3498db;
}

#menu-primary-navigation > li.contact > a,
#menu-wrapper ul > li.contact > a {
	background: #000;
}

.mobile-menu-switch {
	position: fixed;
	top: 14px;
	right: 14px;
	font-size: 29px;
	background: #fff;
	color: #3498db;
	border-radius: 4px;
	border: 1px solid #38599a;
	padding: 0px 6px;
	z-index: 800;
	text-align: center;
}

.mobile-menu-switch.menu-open {
	background: #38599a;
	color: #fff;
	border-color: #1a1a1a;
}

@media screen and (max-width: 392px) {
	.logo-text h1 {
		font-size: 20px;
	}
	.logo-text h2 {
		font-size: 11px;
	}
}

@media screen and (max-width: 767px) {
	.navbar-nav .caret {
		display: none;
	}

	.navbar-nav > li > a {
		font-size: 18px;
		padding-top: 18px;
		padding-bottom: 18px;
	}

	#header .basket-wrapper {
		text-align: center;
	}

}

@media screen and (max-width: 992px) {
	#menu-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		background: #3498db;
		color: #fff;
		z-index: 700;
		transform: translateX(-1000px);
		transition: all 0.3s;
	}
	#menu-wrapper.open {
		transform: translateX(0);
		opacity: 1;
	}
	#menu-wrapper ul.menu-links {
		list-style: none;
		font-size: 16px;
		padding-left: 0;
		height: 100%;
		text-align: center;
	}
	#menu-wrapper ul.menu-links > li {
		height: 12.50%;
	}
	#menu-wrapper ul.menu-links > li > a {
		color: #fff;
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
	}
	#menu-wrapper ul.menu-links > li > a > span.main-link-text {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#menu-wrapper ul.menu-links > li > ul.drop-menu {
		display: none;
	}
	#header .basket-wrapper .cart-text > a .hsicon.cart {
		width: 30px;
		height: 30px;
		background-size: cover;
	}
}

@media screen and (min-width: 992px) {
	#header .logo-wrapper {
		text-align: left;
	}
	#header .basket-wrapper .cart-text {
		font-size: 16px;
	}
	#header p.call-now {
		font-size: 24px;
	}

	#header p.call-now > span {
		font-size: 30px;
	}
	#menu-wrapper {
		position: relative;
		width: 100%;
		display: block;
	}

	#menu-wrapper ul.menu-links {
		list-style: none;
		padding-left: 0;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
	}

	#menu-wrapper ul.menu-links > li {
		float: left;
		text-align: center;
		position: relative;
	}

	#menu-wrapper ul.menu-links > li > a {
		padding: 14px 22px;
		display: block;
		font-size: 14px;
	}

	#menu-wrapper ul > li > ul.drop-menu {
		position: absolute;
		left: 0;
		width: 200px;
		padding-top: 6px;
		padding-left: 0;
		text-align: right;
		transition: all 0.2s;
		-ms-transform: translate(0,-115%);
		-webkit-transform: translate(0,-115%);
		transform: translate(0,-115%);
		transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		display: block;
		z-index: -1;
	}

	#menu-wrapper ul > li > ul.drop-menu.drop-right {
		left: auto;
		right: 2px;
	}

	#menu-wrapper ul > li:hover > ul.drop-menu {
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		display: block;
	}

	#menu-wrapper ul > li > ul.drop-menu.contact-form-dropdown {
		width: 450px;
		left: auto;
		right: 0;
	}

	#menu-wrapper ul > li > ul.drop-menu > li {
		display: block;
		position: relative;
	}

	#menu-wrapper ul > li > ul.drop-menu > li:not(:last-child) {
		padding-bottom: 4px;
	}

	#menu-wrapper ul > li > ul.drop-menu > li > a,
	#menu-wrapper ul.sub-drop-menu > li > a {
		color: #1a1a1a;
		font-size: 15px;
		padding: 14px 22px 14px 60px;
		background: #fff;
		display: block;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		text-align: right;
		border: 1px solid transparent;
		box-shadow: 0 1px 4px rgba(46, 19, 19, 0.25);
		-moz-box-shadow: 0 1px 4px rgba(46, 19, 19, 0.25);
		-webkit-box-shadow: 0 1px 4px rgba(46, 19, 19, 0.25);
	}

	#menu-wrapper ul > li > ul.drop-menu > li:hover > a,
	#menu-wrapper ul.sub-drop-menu > li > a:hover {
		background: #3498db;
		color: #fff;
		border: 1px solid #38599a;
	}

	#menu-primary-navigation > li:not(:last-child) {
		margin-right: -4px;
	}

	#menu-primary-navigation > li.business > a,
	#menu-wrapper ul > li.business > a {
		border-top-left-radius: 4px;
		-webkit-border-top-left-radius: 4px;
	}

	#menu-primary-navigation > li.about-us > a,
	#menu-wrapper ul > li.about-us > a {
		border-top-right-radius: 4px;
		-webkit-border-top-right-radius: 4px;
	}

	#header .basket-wrapper {
		height: 70px;
		text-align: right;
	}
	#header #menu-wrapper {
		height: 48px;
	}
	#menu-wrapper ul.menu-links > li > a {
		padding: 14px 10px;
		font-size: 14px;
	}

	#menu-wrapper ul.menu-links > li.energy-monitoring > a,
	#menu-wrapper ul.menu-links > li.replacement-boiler-systems > a,
	#menu-wrapper ul.menu-links > li.biomass-heating-systems > a,
	#menu-wrapper ul.menu-links > li.about-us > a {
		padding-top: 4px;
		padding-bottom: 4px;
	}

	#menu-wrapper ul.sub-drop-menu {
		position: absolute;
		top: 0;
		left: 98%;
		list-style: none;
		display: none;
		padding-left: 14px;
	}

	#menu-wrapper ul.drop-right ul.sub-drop-menu {
		left: auto;
		right: 100%;
		padding-right: 14px;
		padding-left: 0;
	}

	#menu-wrapper ul.sub-drop-menu > li {
		width: 240px;
	}

	#menu-wrapper ul.sub-drop-menu > li:not(:last-child) {
		padding-bottom: 6px;
	}

	#menu-wrapper ul.sub-drop-menu > li > a {
		text-align: center;
		font-size: 12px;
		padding: 8px 22px;
	}

	#menu-wrapper ul > li > ul.drop-menu > li:hover ul.sub-drop-menu {
		display: block;
	}

}

@media screen and (min-width: 1200px) {
	#header .basket-wrapper {
		height: 70px;
		text-align: right;
	}
	#header #menu-wrapper {
		height: 50px;
	}
	#menu-wrapper ul.menu-links > li > a {
		padding: 18px 12px;
		font-size: 14px;
	}
	#menu-wrapper ul.menu-links > li.energy-monitoring > a,
	#menu-wrapper ul.menu-links > li.replacement-boiler-systems > a,
	#menu-wrapper ul.menu-links > li.biomass-heating-systems > a,
	#menu-wrapper ul.menu-links > li.about-us > a {
		padding-top: 8px;
		padding-bottom: 8px;
	}
}


/* ----------------------------------------------------------------------------------------------------------
04 Main Content ---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#book-a-demo-link,
#contact-us-link,
#request-a-quote-link,
#plan-project-link,
#mtd-link {
    width: 85px;
    height: 75px;
    position: fixed;
    right: 0;
    display: block;
	z-index: 99;
}

#book-a-demo-link {
	top: 220px;
	background: url(/wp-content/uploads/2017/02/TEN-Card-btn.png) no-repeat center top;
}

#contact-us-link {
	top: 130px;
	background: url(/wp-content/uploads/2017/02/HS-CALL-NOW.png) no-repeat center top;
}

#request-a-quote-link {
	top: 310px;
	background: url(/wp-content/themes/heatingsave_v2/images/Request-Free-Quote.gif) no-repeat center top;
}

#plan-project-link {
	top: 400px;
	background: url(/wp-content/uploads/2017/07/Plan-your-next-Project.png) no-repeat center top;
}

#mtd-link {
	top: 565px;
	background: url(/wp-content/uploads/2019/02/MDT-FREE-v1-3.png) no-repeat center top;
}

#book-a-demo-link:hover,
#contact-us-link:hover {
    background-position: center bottom;
}

@media screen and (max-width: 992px) {
	#book-a-demo-link,
	#contact-us-link,
	#request-a-quote-link,
	#plan-project-link {
		display: none;
	}
}

.large-header-image {
	position: relative;
	border-bottom: 4px solid #38599a;
}

body.home-colours .large-header-image {
	border-bottom: 4px solid #f77b10;
}

body.energy-monitoring .large-header-image {
	border-bottom: 4px solid #49aced;
}

body.biomass-heating-systems .large-header-image {
	border-bottom: 4px solid #983814;
}

body.security-access-control .large-header-image,
body.security-intruder-management .large-header-image {
	border-bottom: 4px solid #bb5694;
}

/***
*
* Home Page
*
***/

figure.hover-effect {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 450px;
	max-width: 100%;
	height: 231px;
	background: #00adef;
	text-align: center;
	cursor: pointer;
}

figure.hover-effect img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}

figure.hover-effect figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.hover-effect figcaption::before,
figure.hover-effect figcaption::after {
	pointer-events: none;
}

figure.hover-effect figcaption,
figure.hover-effect a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.hover-effect a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure.hover-effect h2 {
	word-spacing: -0.15em;

	font-weight: 300;
}

figure.hover-effect h2 span {
	font-weight: 800;
}

figure.hover-effect h2,
figure.hover-effect p {
	margin: 0;
}

figure.hover-effect p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: #00adef;
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe figcaption > span {
	float: right;
}

figure.effect-zoe p {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	text-shadow: 1px 1px 1px #333;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-zoe h2,
figure.effect-zoe figcaption > span {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe figcaption > span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover figcaption > span {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover figcaption > span:nth-child(4) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover figcaption > span:nth-child(3) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover figcaption > span:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.box {
	padding: 10px 24px;
	background: #f9f9f9;
	border: 1px solid #dbcbc0;
	border-radius: 6px;
	margin: auto;
	margin-bottom: 18px !important;
}

.box h3 {
	color: #333 !important;
}

.box h4 {
	font-size: 24px;
}

/***
*
* Sector Pages
*
***/

.sector-page-wrapper .page-thumbnail {
	margin-bottom: 24px;
}

/***
*
* Sliders
*
***/

.product-hero {
	margin-left: -15px;
	margin-right: -15px;
}

/***
*
* Info Images & Buttons
*
***/

.info-image-container {
	position: relative;
}

img.info-image {
	transition: transform 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	cursor: pointer;
	position: absolute;
}

img.info-image:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
}

/***
*
* Product Pages
*
***/

.blue-bg {
	background: #3498db;
	color: #fff;
}

.blue-bg h1,
.blue-bg h2,
.blue-bg h3,
.blue-bg h4 {
	color: #fff !important;
}

.blue-bg a {
	color: #fff;
}

.blue-bg a:hover {
	color: #252525;
}

.blue-bg .btn-primary {
	background: #1a1a1a;
}

div.wpcf7 .ajax-loader {
	display: none;
}

/* Wireless TRVs Page */

.trv-video h5 {
	color: #3498db;
	line-height: 1.4em;
}

.heatsave-wireless-trv .intro-row .info-image {
	top: 50%;
	margin-top: -40px;
	left: 40px;
}

.heatsave-wireless-trv .trv-home-ipad-user .info-image {
	top: 50px;
	right: 43px;
}

/* Small Business Page */

.small-business .intro-row .info-image {
	left: 52px;
	top: 20px;
}

.slider-header .info-image {
	left: -50px;
	top: 20px;
}

.small-business .ipad {
	margin-bottom: -24px;
}

.small-business .ipad-info {
	right: 0px;
	top: 50%;
}

.small-business .works-on-info {
	left: -10px;
	top: 70px;
}

.small-business .system-capabilities {
	max-width: 210px;
}

/* Large Business Page */

.enterprise .intro-row .info-image {
	left: 52px;
	top: 20px;
}

/* Architects & Designers Page */

.architects-designers .intro-row .info-image {
	left: 52px;
	top: 20px;
}

/***
*
* Product Feature Tabs
*
***/

#feature-tabs {
  width: 100%;
  margin: 0 0 12px 0;
  list-style: none;
  padding-left: 0;
}

#feature-tabs li {
  background: #fff;
  text-align: center;
  padding: 0;
}

#feature-tabs li img {
  margin-bottom: 6px;
}

#feature-tabs a {
	font-weight: normal;
}

#featured-content {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 0px 48px;
}

#featured-content > div {
  height: 0;
  overflow: hidden;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

#featured-content div.active {
  min-height: 200px;
}

#featured-content div.disabled {
  display: none;
}

#featured-content h3 {
  margin-top: 0;
}

#featured-content li {
  list-style: disc;
  margin: 0 0 0 18px;
}

.close-feature {
	font-size: 22px;
	margin-top: 6px;
}

/***
*
* Learn More Modals
*
***/

.modal-body .row {
	padding-top: 0;
	padding-bottom: 0;
}

.modal-body p, .modal-body ul {
	font-size: 16px;
	margin-bottom: 18px;
}

/***
*
* News/Case Studies/Testimonials
*
***/

.left-news-column {
	border-right: 1px solid #eee;
}

.post-wrapper {
	padding-top: 20px;
}

.post-wrapper h4 {
	margin-top: 0;
}

.post-wrapper:not(:last-child) {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.post-wrapper .post-content {
	margin-bottom: 10px;
}

/***
*
* Support Page
*
***/

.support h3 span {
	margin-right: 14px;
}

.support .remember-me {
	display: inline-block;
}

/***
*
* Contact Page
*
***/

.contact .blue-bg {
	padding: 40px 24px;
}

.contact .main-content h2 {
	margin-top: 0;
}

.contact .main-content h3 {
	text-transform: uppercase;
	margin-bottom: 0;
}

.contact .main-content h5 {
	font-size: 22px;
	color: #3498db;
	text-transform: uppercase;
}

.contact .main-contact-form label {
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	margin: 6px 0;
}

@media screen and (min-width: 768px) {
	.contact .main-content {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.contact .main-content h1 {
		margin-top: 40px;
	}
}

/***
*
* Category Pages
*
***/

.category .post-wrapper .post-content img {
	display: none;
}

.category .posts-wrapper .row:not(:last-child) {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e9e9e9;
}

/***
*
* Accreditations Page
*
***/

.accreditations .main-content h4 {
	text-decoration: underline;
}

.accreditations .main-content img {
	margin: 12px 0 24px 0;
}



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

#footer .container {
	background: #fff;
}

.footer-top {
	padding-top: 36px;
	padding-bottom: 36px;
}

.footer-top .testimonial .btn {
	display: none;
}

.footer-bottom {
	padding-top: 24px;
	padding-bottom: 24px;
}

.footer-icon {
	width: 70px;
	height: 70px;
	display: block;
	margin: auto;
}

#footer ul li:not(:last-child) {
	margin-bottom: 2px;
}

.testimonial .author {
	font-style: italic;
}

/***
*
* Latest News/Testimonials/Case Studies
*
***/

#footer .latest-news-container {
	border-top: 1px solid #eee;
}

#footer .latest-news-container h4 {
	margin-top: 18px;
}

#footer .latest-news-container ul {
	font-size: 12px;
	padding-left: 16px;
	list-style: none;
}

#footer .latest-news-container ul li {
	margin: 3px 0;
}

#footer .read-all-links a {
	display: block;
	background: #3498db;
	color: #fff;
	padding: 6px 8px;
	transition: all(0.2s);
	-moz-transition: all(0.2s);
	-webkit-transition: all(0.2s);
}

#footer .read-all-links a:hover {
	background: #1a6da5;
}

#footer .read-all-links a:not(:first-child) {
	margin-top: 10px;
}

body.home-colours #footer .read-all-links a {
	background: #f77b10;
}

body.home-colours #footer .read-all-links a:hover {
	background: #e06c09;
}

/***
*
* Twitter Bar
*
***/

.twitter-bar {
  background: #00ADEF;
  color: #fff;
  position: relative;
  z-index: 2;
  overflow: hidden;
  text-align: center;
}

.twitter-bar span {
	font-size: 22px;
	margin-right: 14px;
}

body.home-colours .twitter-bar {
	background: #f77b10;
}

/***
*
* Footer Bottom
*
***/

.footer-bottom-links ul {
	list-style: none;
	padding-left: 0;
}

#connections a:not(:last-child) {
	margin-right: 14px;
}

/* ----------------------------------------------------------------------------------------------------------
06 Plugins / Icon Fonts -------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/***
*
* Custom Icons
*
***/

.hsicon {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 14px;
	top: 50%;
	margin-top: -20px;
	background-repeat: no-repeat;
}

.hsicon.buy,
.hsicon.cart {
	background-image: url(images/icons/menu-icons/buy.png);
}

a:hover > .hsicon.buy,
a:hover > .hsicon.cart {
	background-image: url(images/icons/menu-icons/buy-white.png);
}

.hsicon.otherproducts {
	background-image: url(images/icons/menu-icons/product.png);
}

.hsicon.l-business {
	background-image: url(images/icons/menu-icons/l-business.png);
}

.hsicon.login {
	background-image: url(images/icons/menu-icons/login.png);
}

.hsicon.s-business {
	background-image: url(images/icons/menu-icons/s-business.png);
}

.hsicon.support {
	background-image: url(images/icons/menu-icons/Support_blue.png);
}

.hsicon.trv {
	background-image: url(images/icons/menu-icons/trv.png);
}

.hsicon.company {
	background-image: url(images/icons/menu-icons/COMPANY.png);
}

.hsicon.accreditations {
	background-image: url(images/icons/menu-icons/ACCREDITATIONS.png);
}

.hsicon.media-icon {
	background-image: url(images/icons/menu-icons/MEDIA.png);
}

.hsicon.public-sector {
	background-image: url(/wp-content/uploads/2017/02/HS-WEB-40x40-ICONS-PUBLIC-SECTOR-3.png);
}

.hsicon.things-to-know {
	background-image: url(images/icons/menu-icons/THINGS-TO-KNOW.png);
}

.hsicon.testimonials {
	background-image: url(images/icons/menu-icons/TESTIMONIALS.png);
}

.hsicon.architects {
	background-image: url(images/icons/menu-icons/Architects-Designers.png);
}

.hsicon.infrared {
	background-image: url(images/icons/menu-icons/Infrared-Panel.png);
}

.hsicon.small-home {
	background-image: url(images/icons/menu-icons/Small-Home.png);
}

.hsicon.medium-home {
	background-image: url(images/icons/menu-icons/Medium-Home.png);
}

.hsicon.large-home {
	background-image: url(images/icons/menu-icons/Large-Home.png);
}

.hsicon.supergreen {
	background-image: url(images/icons/menu-icons/supergreen.png);
}

.hsicon.modular {
	background-image: url(images/icons/menu-icons/modular.jpg);
}

.hsicon.fairusage {
	background-image: url(images/icons/menu-icons/fair-usage.png);
}

.hsicon.building-monitoring {
	background-image: url(images/icons/menu-icons/building-monitoring.png);
}

.hsicon.equipment-monitoring {
	background-image: url(images/icons/menu-icons/equipment-monitoring.png);
}

.hsicon.hesm {
        background-image: url(images/icons/menu-icons/hesm.png);
}

.hsicon.access-control {
	background-image: url(images/icons/menu-icons/ACCESS.png);
}

.hsicon.intruder-management {
	background-image: url(images/icons/menu-icons/intruder.png);
}

.hsicon.gas-smart-meter {
	background-image: url(images/icons/menu-icons/gas-smart-meter.png);
}

.hsicon.heating-oil-management {
	background-image: url(images/icons/menu-icons/Heating-Oil-Management.png);
}

.hsicon.auto-boiler-efficiency {
	background-image: url(images/icons/menu-icons/Auto-Boiler-Efficiency.png);
}

.hsicon.smart-phone-app {
	background-image: url(images/icons/menu-icons/Smart-Phone-App.png);
}

/**
*
* Woocommerce
*
***/

.woocommerce .woocommerce-breadcrumb {
	background-color: #f5f5f5;
  	border-radius: 4px;
	padding: 8px 15px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background: #3498db;
	color: #fff;
	padding: 10px 8px;
	display: block;
	font-size: 14px;
	font-weight: normal;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background: #1a6da5;
	color: #fff;
}

div.products {
	text-align: center;
}

div.products .product h3,
.woocommerce ul.products li.product h3 {
	font-size: 15px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
	font-weight: bold;
	color: #1a1a1a;
	font-size: 1.25em;
}

div.products a img {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.woocommerce-ordering .form-control:focus {
	border: 1px solid #ccc;
}

.woocommerce form .form-row textarea.enquiry-textarea {
	height: auto;
}

.woocommerce-pagination ul.page-numbers li {
	font-size: 16px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
	background: #f77b10;
	color: #fff;
}

.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
	float: left;
}

.woocommerce td.actions input[name="update_cart"] {
	float: right;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
	width: auto;
}

.btn.update-cart-button {
	padding: 10px 8px;
}

span.wpcf7-not-valid-tip {
	background: red;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
}

div.wpcf7-validation-errors {
	background: red;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
	border: 0;
	font-size: 16px;
}

div.wpcf7-mail-sent-ok {
	border: 0;
	border-radius: 4px;
	padding: 6px 10px;
	background: #4baf20;
	color: #fff;
	font-size: 16px;
	margin-left: 0;
}

/***
*
* Kebo Twitter Plugin
*
***/

.kcontainer {
	margin-bottom: 0 !important;
	display: inline-block;
}

.kcontainer p {
	margin-bottom: 0;
}

.kmeta, .kfooter {
	display: none;
}

.kebo-tweets li.ktweet {
	padding: 0 !important;
}

.kebo-tweets .ktweet .ktext {
	min-height: 1.1em !important;
	margin: 0 !important;
	text-align: center !important;
	line-height: 34px !important;
	font-size: 12px;
}

.kebo-tweets .ktweet .ktext a {
	color: #fff;
}

.kebo-tweets .ktweet .ktext a:hover {
	text-decoration: underline;
	color: #000;
}

/***
*
* Fancybox2
*
***/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 99999;
	background: url('images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/***
*
* Icon Fonts
*
***/

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-82h2g9');
	src:url('fonts/icomoon.eot?#iefix-82h2g9') format('embedded-opentype'),
		url('fonts/icomoon.woff?-82h2g9') format('woff'),
		url('fonts/icomoon.ttf?-82h2g9') format('truetype'),
		url('fonts/icomoon.svg?-82h2g9#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"],
ul.green-ticks li:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-check:before,
.icon-checkmark:before {
  content: "\e900";
}
.icon-TICK:before,
ul.green-ticks li:before {
  content: "\e901";
}
.icon-close:before {
  content: "\e5cd";
}
.icon-keyboard_arrow_left:before {
  content: "\e314";
}
.icon-keyboard_arrow_right:before {
  content: "\e315";
}
.icon-menu:before {
  content: "\e5d2";
}
.icon-play:before {
  content: "\e60f";
}
.icon-twitter:before {
  content: "\e600";
}
.icon-facebook:before {
  content: "\e601";
}
.icon-rss:before {
  content: "\e602";
}
.icon-linkedin:before {
  content: "\e603";
}
.icon-question-sign:before {
  content: "\e604";
}
.icon-info-sign:before {
  content: "\e605";
}
.icon-exclamation-sign:before {
  content: "\e606";
}
.icon-phone:before {
  content: "\e607";
}
.icon-envelope-alt:before {
  content: "\e608";
}

ul.green-ticks li:before {
	position: absolute;
	left: 0;
	top: 4px;
	font-size: 20px;
	color: limegreen;
}

/***
*
* Shop
*
***/

.displayProduct-shortcode thead th {
	text-align: center;
	color: #38599a;
}

.displayProduct-shortcode thead th.dp--tablehead-image > div,
.displayProduct-shortcode thead th.dp--tablehead-button > div {
	display: none;
}

.displayProduct-shortcode td.dp_field_sku,
.displayProduct-shortcode td.dp_field_stock_qty,
.displayProduct-shortcode td.dp_field_price .dp-price {
	text-align: right;
}

.displayProduct-shortcode.displayProduct-Container .product_table .product-name a, .displayProduct-shortcode.displayProduct-Container .product_table .product-name a:active, .displayProduct-shortcode.displayProduct-Container .product_table .product-name a:visited {
	text-transform: none !important;
}

.dp-grid-price span.amount {
	display: block;
}

.dp_quickview h1 {
	font-size: 28px;
	margin-bottom: 12px;
}

.dp_quickview .price {
	font-size: 18px;
}

.shop-table-wrapper .displayProduct-shortcode .product_table h2.product-name,
.shop-table-wrapper .displayProduct-shortcode .product_table .dp-price {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.shop-table-wrapper .displayProduct-shortcode .product_table th {
	text-transform: none !important;
}

.dp_quickview form.cart .quantity,
.dp_quickview form.cart .quantity .minus,
.dp_quickview form.cart .quantity .plus {
	height: 44px !important;
	line-height: 44px !important;
}

.dp_quickview .quantity, .dp_quickview form.cart .quantity {
	float: left !important;
	margin-right: 14px !important;
}

.dp_quickview .product_meta {
	display: none;
}

.dp-stock_qty_wrapper {
	color: #47a447;
}

@media screen and (min-width: 992px) {
	.dp-table-Container td {
		padding-top: 2px !important;
		padding-bottom: 2px !important;
		line-height: 1.1em !important;
	}
	.dp-table-Container td.image {
		padding: 2px !important;
	}
	.dp-img-wrapper img.zoomed {
		position: absolute;
		height: auto !important;
		width: auto !important;
		z-index: 999;
		max-width: 400px !important;
		border: 1px solid #1a1a1a;
	}
	.displayProduct-shortcode .product_table .dp-table-Container .dp-price {
		width: 90px !important;
	}

	.displayProduct-shortcode .product_table .dp-table-Container .dp-price del {
		display: block;
	}

	.displayProduct-shortcode .product_table .dp-table-Container .dp-price ins {
		display: inline-block;
	}

	.displayProduct-shortcode .product_table .dp-price a, .displayProduct-shortcode .product_table .dp-price a:active, .displayProduct-shortcode .product_table .dp-price a:visited {
		line-height: 1.2em !important;
	}
}

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

	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .dp-table-shortcode > thead > tr > th, .dp-table-shortcode > tbody > tr > th, .dp-table-shortcode > tfoot > tr > th, .dp-table-shortcode > thead > tr > td, .dp-table-shortcode > tbody > tr > td, .dp-table-shortcode > tfoot > tr > td {
		padding-left: 2px;
		padding-right: 2px;
	}

	.dp-table-Container th.dp--tablehead-image,
	.dp-table-Container th.dp--tablehead-stock_qty,
	.dp-table-Container td.image,
	.dp-table-Container td.stock_qty {
		display: none;
	}

	.dp-table-Container th.dp--tablehead-sku .dp--wrapper-header-sku {
		width: auto !important;
	}

	.dp-table-Container .add_to_cart_button {
		white-space: normal !important;
	}
}

/* ----------------------------------------------------------------------------------------------------------
07 Media queries  -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) {

	/***
	*
	* Navigation Menu
	*
	***/

	#header .container {
		padding: 0;
	}

	.navbar-collapse {
		text-align: right;
	}

	.navbar-nav > li > .dropdown-menu {
		background: transparent;
		border: 0;
		min-width: 205px;
	}

	.navbar-nav > li > .dropdown-menu.contact-form-dropdown {
		min-width: 400px;
	}

	#menu-primary-navigation .caret {
		display: none;
	}

	#menu-primary-navigation > li.dropdown > .dropdown-menu > li > a {
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		box-shadow: 0 1px 4px rgba(46, 19, 19, 0.25);
		-moz-box-shadow: 0 1px 4px rgba(46, 19, 19, 0.25);
		-webkit-box-shadow: 0 1px 4px rgba(46, 19, 19, 0.25);
		background: #fff;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}

	#menu-primary-navigation > li.dropdown > .dropdown-menu > li > a:hover {
		background: #3498db;
		color: #fff;
	}

	#menu-primary-navigation > li.dropdown > .dropdown-menu > li:not(:last-child) > a  {
		margin-bottom: 6px;
	}

	.navigation-contact-form {
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		text-align: left;
	}

	.navigation-contact-form label {
		float: left;
		margin-right: 14px;
		width: 100px;
		font-weight: normal;
	}

	.navigation-contact-form input[type="text"].form-control,
	.navigation-contact-form input[type="email"].form-control
	 {
		display: inline-block;
		width: 220px;
	}

	.navigation-contact-form textarea {
		height: 140px;
		margin-top: 8px;
	}

	.navigation-contact-form .form-row {
		margin-bottom: 8px;
	}

	.form-actions {
	  text-align: right;
	}

	.navigation-contact-form .your-enquiry textarea {
		height: 160px !important;
	}

	.navigation-contact-form .wpcf7-submit {
	  margin-bottom: 14px;
	  color: rgba(0, 0, 0, 0.75) !important;
	  background-color: #fff !important;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}

	.navigation-contact-form .wpcf7-submit:hover, .close-flip-modal:hover {
	  background-color: #2c3e50 !important;
	  color: #fff !important;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}

	.navigation-contact-form .ajax-loader {
		display: none;
	}

	/***
	*
	* News, Case Studies & Testimonials
	*
	***/

	.featured-image {
		float: right;
		margin-left: 24px;
	}

	.single-testimonial .featured-image {
		margin-bottom: 24px;
		padding: 20px;
		border: 1px solid #e9e9e9;
	}

	.twitter-bar {
		max-height: 34px;
	}

	.twitter-bar span {
		position: relative;
		bottom: 7px;
	}

	/* Product Pages */

	.schematic-container h3 {
		z-index: 9;
		position: absolute;
	}

	.container {
		padding-left: 40px;
		padding-right: 40px;
	}

	#menu-primary-navigation .dropdown-menu {
		-ms-transform: translate(0,-115%);
		-webkit-transform: translate(0,-115%);
		transform: translate(0,-115%);
		transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		display: block;
		z-index: -1;
	}

	#menu-primary-navigation li.menu-item:hover > .dropdown-menu {
		-ms-transform: translate(0,0px);
		-webkit-transform: translate(0,0px);
		transform: translate(0,0px);
	}

	.slider-container {
		margin-left: -40px;
		margin-right: -40px;
		margin-bottom: 20px;
	}

	.slider-header {
		background: #fff;
	}

	/*.page-wrapper {
		padding-bottom: 495px;
	}*/

	.home_intro {
		padding-bottom: 34px;
	}

	.home_intro ul.green-ticks,
	.home-text ul.green-ticks {
		margin-bottom: 0;
	}

	.home_intro .image-right {
		text-align: right;
	}

	.home-text {
		margin-bottom: 28px;
	}

	/*.home-text .col-md-6:last-child {
		text-align: center;
	}*/

	.home-text .col-md-5:last-child .box {
		max-width: 402px;
	}

	.home-text .col-md-5:last-child .box h4 {
		margin-top: 0;
	}

	.home-text .box p.case-study-title a,
	.sector-page-wrapper p.case-study-title a {
		font-weight: normal;
	}

	.home-text h2 {
		text-transform: none;
	}

	.home-tiles {
		margin-left: -40px;
		margin-right: -40px;
	}

	.home-tiles > div {
		padding: 0;
	}

	.home-tiles a {
		transition: all 0s;
		-moz-transition: all 0s;
		-webkit-transition: all 0s;
	}

	.home-tiles a > img,
	.home-tiles a > h4,
	.home-tiles a > p,
	.home-tiles a:hover > h4,
	.home-tiles a:hover > p {
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}

	.home-tiles a > h4 {
		text-align: center;
		margin-top: 16px;
	}

	.home-tiles a > p {
		text-align: center;
		color: #00adef;
		font-size: 15px;
		font-weight: normal;
	}

	body.home-colours .home-tiles a > p {
		color: #f67a10;
	}

	.home-tiles a:hover > h4 {
		color: #00adef;

	}

	.home-tiles a:hover > p {
		color: #252525;
	}

	.home-tiles a:hover > img {
		transform: scale(1.05);
		-ms-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
	}

	hr.content-hr {
		margin-top: 0;
		margin-left: -40px;
		margin-right: -40px;
	}

	.row.blue-bg, .product-hero {
		margin-left: -40px;
		margin-right: -40px;
	}
}

@media screen and (max-width: 767px) {
	.home-tiles .col-md-4,
	.home-tiles .col-md-4.text-right {
		text-align: center !important;
	}
}

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

	.intro-row h1 {
		font-size: 28px;
	}

	.intro-row h3 {
		font-size: 18px;
	}

}

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

	#footer .latest-news-container .col-md-4:not(:first-child) {
		padding-top: 36px;
	}

	.twitter-bar {
		line-height: 1em;
		padding: 4px 0;
	}

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

	#connections.text-right {
		text-align: center;
	}

	.slider-container {
		display: none;
	}

	.info-image-container {
		display: none;
	}

}

@media screen and (min-width: 992px) {
	.home-text h2 {
		margin-top: 0;
		font-size: 24px;
	}

	/*#footer {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
}*/

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

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

	.hero {
		height: 247px;
	}

	#feature-tabs li {
		margin-bottom: 18px;
	}

	.home-tiles {
		display: none;
	}

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

	.hsicon.buy {
		background: url(images/icons/menu-icons/buy@2x.png);
	}

	.hsicon.otherproducts {
		background: url(images/icons/menu-icons/product@2x.png);
	}

	.hsicon.l-business {
		background: url(images/icons/menu-icons/l-business@2x.png);
	}

	.hsicon.login {
		background: url(images/icons/menu-icons/login@2x.png);
	}

	.hsicon.s-business {
		background: url(images/icons/menu-icons/s-business@2x.png);
	}

	.hsicon.support {
		background: url(images/icons/menu-icons/support@2x.png);
	}

	.hsicon.trv {
		background: url(images/icons/menu-icons/trv@2x.png);
	}
}

/* ----------------------------------------------------------------------------------------------------------
08 Animations -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

/*
@-webkit-keyframes jiggleLogo {
  0% {
    -webkit-transform: rotate(0deg); }

  10% {
    -webkit-transform: rotate(-5deg); }

  20% {
    -webkit-transform: rotate(4deg); }

  30% {
    -webkit-transform: rotate(-4deg); }

  40% {
    -webkit-transform: rotate(3deg); }

  50% {
    -webkit-transform: rotate(-3deg); }

  60% {
    -webkit-transform: rotate(2deg); }

  70% {
    -webkit-transform: rotate(-2deg); }

  80% {
    -webkit-transform: rotate(1deg); }

  90% {
    -webkit-transform: rotate(-1deg); }

  100% {
    -webkit-transform: rotate(0deg); } }

@-webkit-keyframes popLogo {
  0% {
    -webkit-transform: rotate(0deg) scale(1); }

  25% {
    -webkit-transform: rotate(0deg) scale(1.1); }

  100% {
    -webkit-transform: rotate(-3deg) scale(1); } }

@-moz-keyframes jiggleLogo {
  0% {
    -moz-transform: rotate(0deg); }

  10% {
    -moz-transform: rotate(-5deg); }

  20% {
    -moz-transform: rotate(4deg); }

  30% {
    -moz-transform: rotate(-4deg); }

  40% {
    -moz-transform: rotate(3deg); }

  50% {
    -moz-transform: rotate(-3deg); }

  60% {
    -moz-transform: rotate(2deg); }

  70% {
    -moz-transform: rotate(-2deg); }

  80% {
    -moz-transform: rotate(1deg); }

  90% {
    -moz-transform: rotate(-1deg); }

  100% {
    -moz-transform: rotate(0deg); } }

@-moz-keyframes popLogo {
  0% {
    -moz-transform: rotate(0deg) scale(1); }

  25% {
    -moz-transform: rotate(0deg) scale(1.1); }

  100% {
    -moz-transform: rotate(-3deg) scale(1); } }

@-ms-keyframes jiggleLogo {
  0% {
    -ms-transform: rotate(0deg); }

  10% {
    -ms-transform: rotate(-5deg); }

  20% {
    -ms-transform: rotate(4deg); }

  30% {
    -ms-transform: rotate(-4deg); }

  40% {
    -ms-transform: rotate(3deg); }

  50% {
    -ms-transform: rotate(-3deg); }

  60% {
    -ms-transform: rotate(2deg); }

  70% {
    -ms-transform: rotate(-2deg); }

  80% {
    -ms-transform: rotate(1deg); }

  90% {
    -ms-transform: rotate(-1deg); }

  100% {
    -ms-transform: rotate(0deg); } }

@-ms-keyframes popLogo {
  0% {
    -ms-transform: rotate(0deg) scale(1); }

  25% {
    -ms-transform: rotate(0deg) scale(1.1); }

  100% {
    -ms-transform: rotate(-3deg) scale(1); } }

@-webkit-keyframes getJiggy {
  0% {
    background-position: 3px -180px; }

  100% {
    background-position: 3px -178.2px; } }

@-moz-keyframes getJiggy {
  0% {
    background-position: 3px -180px; }

  100% {
    background-position: 3px -178.2px; } }

@-ms-keyframes getJiggy {
  0% {
    background-position: 3px -180px; }

  100% {
    background-position: 3px -178.2px; } }

@-webkit-keyframes slide-in {
  0% {
    left: 0;
    z-index: 1;
    opacity: 0; }

  50% {
    left: -330px;
    opacity: 0.3; }

  100% {
    left: -275px;
    z-index: 4;
    opacity: 1; } }

@-webkit-keyframes wigglePadding {
  from {
    padding-left: 0px; }

  to {
    padding-left: 10px; } }

@-moz-keyframes wigglePadding {
  from {
    padding-left: 0px; }

  to {
    padding-left: 10px; } }

@-ms-keyframes wigglePadding {
  from {
    padding-left: 0px; }

  to {
    padding-left: 10px; } }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }*/