/*!
Theme Name: bradford-boiler-company
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bradford-boiler-company
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

bradford-boiler-company is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/


a:focus {
	outline: 0;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.site-main
.post-navigation {
	margin:10px;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}




/*--------------------------------------------------------------
## Custom CSS
--------------------------------------------------------------*/

*{
    margin: 0;
    padding:0;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}

body {
    margin: 0;
    padding: 0;
    margin: auto;
    font-family: 'Montserrat', Helvetica, sans-serif;
    background-color: #f4f4f4;
	font-weight: 400;
    overflow: auto;
    overflow-x: hidden;
	max-width: 1620px;
}

p {
    font-family: 'Montserrat', Helvetica, sans-serif;
    font-size: 0.85em;
	font-weight: 300;
    line-height: 1.8em;
    color: #464646;
    text-decoration: none;
}

h1, h2, h3, h4, h5 {
    font-family: 'Overpass Light', Helvetica, sans-serif;
	color: #021740;
}

h1{
	font-size: 2em;
    line-height: 1.4em;
    margin-top: 0;
}

a { 
    text-decoration: none;
    color: #000;
    cursor: pointer;
}


li { 
    list-style-type: none;
}

section div ul,
section div ol{ 
    margin:0 0 15px 15px;
}

section div ul li { 
    color: #464646;
    font-size: 0.85rem;
    font-family: 'Montserrat', Helvetica, sans-serif;
    list-style-type: disc;
	margin-bottom:10px;
    line-height: 1.8em;
    text-rendering: geometricPrecision;
}

section div ol li { 
    color: #464646;
    font-size: 0.85rem;
    font-family: 'Montserrat', Helvetica, sans-serif;
    list-style-type: numbers;
	margin-bottom:10px;
    line-height: 1.8em;
    text-rendering: geometricPrecision;
}

span.red{
	color: #E6091B;
}

span.bold,
h1 strong,
h2 strong,
h3 strong,
h4 strong{
	font-family: 'Overpass Bold', Helvetica, sans-serif;
}

.mobile{
	display: none;
}


/* ******************************************************
	Fonts
*********************************************************/



@font-face {
    font-family: 'Overpass';
    src: url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-Regular.eot');
    src: url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-Regular.woff2') format('woff2'),
        url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-Regular.woff') format('woff'),
        url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Overpass Light';
    src: url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-ExtraLight.eot');
    src: url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-ExtraLight.woff2') format('woff2'),
        url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-ExtraLight.woff') format('woff'),
        url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Overpass Bold';
    src: url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-Bold.eot');
    src: url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-Bold.woff2') format('woff2'),
        url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-Bold.woff') format('woff'),
        url('https://bradfordboilercompany.co.uk/wp-content/themes/bradford-boiler-company/fonts/Overpass-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}




/* ******************************************************
	Header, Nav, Menus...
*********************************************************/

header .header-top{
	height: 50px;
    background: #f8f8f8;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 70px 0 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 1000;
	max-width: 1620px;
}

header .header-top .areas li{
	display: inline-block;
	font-weight: 500;
	text-transform: uppercase;
    margin: 17px 10px;
    font-size: 0.70em;
	color: #18203A;
}

header .header-top .areas ul{
	margin: 0;
	padding: 0;
}




header{
    position: fixed;
    top: 50px;
    width: 100%;
    height: 70px;
    background: #fff;
    border-bottom: 1px solid #f2f2f2 ;
    padding-left: 8%;
    padding-right: 8%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
	max-width: 1620px;
}


header .main-navigation ul {
	display: flex;
	margin: 0;
}

header .main-navigation ul li a{
	color: #18203a;
    font-size: 0.8em;
    text-transform: uppercase;
	font-weight: 600;
    font-family: 'Montserrat', Helvetica, sans-serif;
    margin: 0 15px 0 15px;
    transition: all 0.3s ease;
}

header .main-navigation ul li:hover a{
	color: #e6091b;
    transition: all 0.3s ease;
}

header .logo{
	position: absolute;
}

header .button{
	position: fixed;
    right: 8%;
}

header .request-consultation{
	position: absolute;
	right: 0;
    height: 50px;
    padding: 0 70px 0 35px;
    transition: all 0.5s ease;
}


header .request-consultation a h4{
    color: #18203a;
    font-family: 'Montserrat', Helvetica, sans-serif;
    display: block;
    margin-top: 9px;
	font-weight: 400;
	font-size: 0.9em;
    line-height: 1.1em;
}

header .request-consultation a h4 span.phone-number{
    color: #007fff;
	font-size: 1.2em;
	font-weight: 600;
	transition: all 0.3s ease;
}

header .request-consultation a h4:hover span.phone-number{
    color: #e6091b;
	transition: all 0.3s ease;
}

header .request-consultation a:before{
	content: url('https://bradfordboilercompany.co.uk/wp-content/uploads/2019/07/phone_icon_dark_blue.svg');
	position: absolute;
	left: -10px;
    margin-top: 7px;
}



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

a button{
	background-color: #007fff;
    font-weight: 600;
	font-family: 'Overpass', Helvetica, sans-serif;
    font-size: 0.9rem!important;
    cursor: pointer;
	border-radius: 2px;
	text-transform: capitalize;
    padding: 12px 40px!important;
    border: 0!important;
    transition: all 0.5s ease;
}

a button span {
    color: #fff;
}


a:hover button{
	background-color: #18203a;
    transition: all 0.5s ease;
}




/* hover white */

a button.white{
	background-color: #007fff;
    font-weight: 600;
	font-family: 'Overpass', Helvetica, sans-serif;
    font-size: 0.9rem!important;
    cursor: pointer;
	text-transform: capitalize;
	border-radius: 2px;
    padding: 12px 40px!important;
    border: 0!important;
    transition: all 0.5s ease;
}

a button.white span {
    color: #fff;
    transition: all 0.5s ease;
}


a:hover button.white{
	background-color: #fff;
    transition: all 0.5s ease;
}

a:hover button.white span {
    color: #007fff;
    transition: all 0.5s ease;
}


/* ******************************************************
	Homepage
*********************************************************/

.home section.top{
	margin-top: 120px;
	padding: 175px 8%;
	background: #fdfdfd;
}

.home section.top .text h1{
	color: #18203A;
	max-width: 500px;
	font-family: 'Overpass', Helvetica, sans-serif;
}

.home section.top .text p{
	max-width:480px;
}


.home section.boiler{
	background-color: #f8f8f8;
}

.home section.boiler .text{
	padding: 150px 8%;
	width: 50%;
	margin-left: 50%;
	margin-right: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
	align-items: flex-end;
}


.home section.boiler .text h2{
	margin-bottom: 15px;
    line-height: 1.2em;
	max-width: 350px;
    color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.home section.boiler .text p{
	max-width: 450px;
}




.home section.process {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.home section.process h2{
	color: #021740;
}

.home section.process .text p{
	max-width: 450px;
	margin: auto;
}

.home section.process .steps{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.home section.process .steps .square {
    border: 4px solid #007fff;
    padding: 20px;
    height: 250px;
    width: 250px;
	margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home section.process .steps .square h3 {
    line-height: 1em;
    font-size: 1.5em;
    margin: 10px 0;
}


.home section.process .steps .square p {
    margin:0;
}

.home section.process .steps .square img {
    max-height: 50px;
    width: auto;
}




.home section.maintenance .text{
	padding: 150px 8%;
	width: 50%;
	margin-left: 0;
	margin-right: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
	align-items: flex-start;
}


.home section.maintenance .text h2{
	margin-bottom: 15px;
    line-height: 1.2em;
    color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.home section.maintenance .text p{
	max-width: 450px;
}

.home section.maintenance h5.price {
    font-size: 1.3em;
    line-height: 1.2em;
    margin-bottom: 30px;
    font-family: 'Overpass Bold', Helvetica, sans-serif;
    color: #021740;
}

.home section.maintenance h5.price span.bold {
    color: #007fff;
    font-size: 1.4em;
}



.home section.reviews {
	background: #f8f8f8;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.home section.reviews h2{
	color: #021740;
}

.home section.reviews img{
	max-width: 275px;
	margin: auto;
    margin-bottom: 15px;
}



.home section.reviews .text p{
	max-width: 450px;
	margin: auto;
}


.fa-star:before {
    content: "\f005";
    color: #ffb701;
}


.home section.reviews .testimonials{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.home section.reviews .testimonials .one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33%;
}

.home section.reviews .testimonials .one h3 {
    color: #007fff;
    font-family: 'OverPass Bold';
}

.home section.reviews .testimonials .one .testimonial_rotator_quote {
    text-align: center;
    font-family: 'OverPass Light';
    color: #464646;
    font-size: 0.95em;
}

.home section.reviews .testimonials .one .testimonial_rotator_quote strong{
    font-family: 'OverPass Bold';
    color: #161616;
}

.home section.reviews .testimonials div.one.mobile {
    display: none;
}

.home section.map{
	background: #fff;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.home section.map .text {
    padding: 150px 8%;
    width: 40%;
    margin-left: 60%;
    margin-right: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.home section.map .text p{
	text-align: right;
	max-width: 350px;
}

.home section.map .text h2{
	line-height: 1em;
	margin-bottom: 15px;
}


section.video {
    padding: 40px 15%;
    text-align: center;
    background: #f2f2f2;
}

section.video p{
	margin-bottom:0;
}

section.video .video_wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
}

section.video .video_wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ******************************************************
	Blog 
*********************************************************/

.pagination {
    text-align: center;
    width: 100%;
    color: #051740;
}

.pagination a {
    color: #051740;
    margin: 0 5px;
    transition:all 0.3s ease;
}

.pagination *:not(a) {
    color: #137fff;
    margin: 0 5px;
}

.pagination a:hover,
.pagination a:focus{
    color: #137fff;
	cursor:pointer;
    transition:all 0.3s ease;
}



.page-template-tpl_blog h1, .page-template-tpl_blog h2, .page-template-tpl_blog h3, .page-template-tpl_blog h4, .page-template-tpl_blog h5 {
    font-family: 'Overpass Bold', Helvetica, sans-serif;
}

.page-template-tpl_blog article h3{
    line-height: 1.1em;
    margin-bottom: 5px;
	color: #021740;
	transition: all 0.3s ease;
}	

.page-template-tpl_blog article:hover h3{
	color: #007fff;
	transition: all 0.3s ease;
}

.page-template-tpl_blog section.top{
	margin-top: 120px;
	padding: 100px 8%;
	background: #fdfdfd;
}

.page-template-tpl_blog section.top .text h1{
	color: #18203A;
	max-width: 500px;
	margin-bottom: 10px;
}

.page-template-tpl_blog section.top .text p{
	max-width: 450px;
}



.archive.category h1, .archive.category h2, .archive.category h3, .archive.category h4, .archive.category h5 {
    font-family: 'Overpass Bold', Helvetica, sans-serif;
}

.archive.category section.top{
	margin-top: 120px;
	padding: 100px 8%;
	background: #fdfdfd;
}

.archive.category section.top .text h1{
	color: #18203A;
	max-width: 500px;
	margin-bottom: 10px;
}

.archive.category section.top .text p{
	max-width: 450px;
}


section.allposts {
    padding: 50px 8%;
	background: #f8f8f8;
}

section.allposts #news{
    display: flex;
	flex-direction:row;
	justify-content:flex-start;
	flex-wrap: wrap;
}

section.allposts #news a.blog-post img {
    object-fit: cover;
    width: 100%;
    height: 250px;
}

section.allposts #news article{
    width: calc(33.333% - 25px);
    margin-right: 25px;
    margin-bottom: 25px;
	background: #fff;
}

section.allposts #news article .text {
    padding: 20px;
}



/* ******************************************************
	Blog Post 
*********************************************************/

.single-post .post-navigation{
	display:none;
}

.single-post article h1, .single-post article h2, .single-post article h3 {
    font-family: 'Overpass Bold', Helvetica, sans-serif;
}

.single-post article section.top{
	margin-top: 120px;
	padding: 100px 8%;
	background-color: #f8f8f8;
    background-size: 50% !important;
    background-position: right !important;
}

.single-post article section.top .text h1{
	color: #18203A;
	max-width: 500px;
	margin-bottom: 10px;
    line-height: 1.1em;
}

.single-post article section.top .text p{
	max-width: 450px;
}

.single-post article section.post-content {
    background: #fff;
    padding: 50px 8%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:flex-start;
}

.single-post article section.post-content .post-text {
    max-width: 750px;
    font-size: 1rem;
}

.single-post article section.post-content .post-text *{
    text-align:left!important;
}

.single-post article section.post-content .sidebar{
	width: calc(100% - 800px);
	padding:30px;
	background:#f8f8f8;
	min-width:400px;
	max-width:500px;
}

.single-post article section.post-content .sidebar h3{
	margin-bottom:20px;
}


.single-post article.post {
    margin-bottom:0;
}

.single-post div#comments {
    padding: 50px 8%;
    background: #f8f8f8;
	display:none;
}

.single-post aside#secondary{
	display:none;
}



/* ******************************************************
	Who are we 
*********************************************************/

.page-template-tpl_who-are-we section.top{
	margin-top: 120px;
	padding: 200px 8%;
	background: #fdfdfd;
}

.page-template-tpl_who-are-we section.top .text h1{
	color: #18203A;
	max-width: 500px;
	font-family: 'Overpass Light', Helvetica, sans-serif;
	margin-bottom: 10px;
}

.page-template-tpl_who-are-we section.top .text p{
	max-width: 450px;
}



.page-template-tpl_who-are-we section.about-us {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_who-are-we section.about-us h2{
	color: #021740;
}

.page-template-tpl_who-are-we section.about-us .text p{
	max-width: 450px;
	margin: auto;
}

.page-template-tpl_who-are-we section.about-us .content{
    max-width: 500px;
    text-align: center;
    margin: 30px auto;
}

.page-template-tpl_who-are-we section.about-us .content h3{
	color: #007fff;
}


.page-template-tpl_who-are-we section.boiler .text{
	padding: 150px 8%;
	width: 50%;
	margin-left: 50%;
	margin-right: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
	align-items: flex-end;
}


.page-template-tpl_who-are-we section.boiler .text h2{
	margin-bottom: 15px;
    line-height: 1.2em;
	max-width: 350px;
    color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_who-are-we section.boiler .text p{
	max-width: 450px;
}





.page-template-tpl_who-are-we section.process {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_who-are-we section.process h2{
	color: #021740;
}

.page-template-tpl_who-are-we section.process .text p{
	max-width: 450px;
	margin: auto;
}

.page-template-tpl_who-are-we section.process .steps{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_who-are-we section.process .steps .square {
    border: 4px solid #007fff;
    padding: 20px;
    height: 250px;
    width: 250px;
	margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-template-tpl_who-are-we section.process .steps .square h3 {
    line-height: 1em;
    font-size: 1.5em;
    margin: 10px 0;
}


.page-template-tpl_who-are-we section.process .steps .square p {
    margin:0;
}


.page-template-tpl_who-are-we section.reviews {
	background: #f8f8f8;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_who-are-we section.reviews h2{
	color: #021740;
}

.page-template-tpl_who-are-we section.reviews img{
	max-width: 275px;
	margin: auto;
    margin-bottom: 15px;
}



.page-template-tpl_who-are-we section.reviews .text p{
	max-width: 450px;
	margin: auto;
}



.page-template-tpl_who-are-we section.reviews .testimonials{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_who-are-we section.reviews .testimonials .one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33%;
}

.page-template-tpl_who-are-we section.reviews .testimonials .one h3 {
    color: #007fff;
    font-family: 'OverPass Bold';
}

.page-template-tpl_who-are-we section.reviews .testimonials .one .testimonial_rotator_quote {
    text-align: center;
    font-family: 'OverPass Light';
    color: #464646;
    font-size: 0.95em;
}

.page-template-tpl_who-are-we section.reviews .testimonials .one .testimonial_rotator_quote strong{
    font-family: 'OverPass Bold';
    color: #161616;
}

.page-template-tpl_who-are-we section.reviews .testimonials div.one.mobile {
    display: none;
}


/* ******************************************************
	Basic 
*********************************************************/

.page-template-tpl_basic section.top{
	margin-top: 120px;
	padding: 200px 8%;
	background: #fdfdfd;
}

.page-template-tpl_basic section.top .text h1{
	color: #18203A;
	max-width: 500px;
	font-family: 'Overpass Light', Helvetica, sans-serif;
	margin-bottom: 10px;
}

.page-template-tpl_basic section.top .text p{
	max-width: 450px;
}



.page-template-tpl_basic section.about-us {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_basic section.about-us h2{
	color: #021740;
}


.page-template-tpl_basic section.about-us .content{
    max-width: 1000px;
    text-align: left;
    margin: 30px auto;
}

.page-template-tpl_basic section.about-us h3{
	color: #007fff;
}



/* ******************************************************
	Finance 
*********************************************************/

.page-template-tpl_finance section.top{
	margin-top: 120px;
	padding: 200px 8%;
	background: #fdfdfd;
}

.page-template-tpl_finance section.top .text h1{
	color: #18203A;
	max-width: 500px;
	font-family: 'Overpass Light', Helvetica, sans-serif;
	margin-bottom: 10px;
}

.page-template-tpl_finance section.top .text p{
	max-width: 450px;
}



.page-template-tpl_finance section.about-us {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_finance section.about-us h2{
	color: #021740;
}

.page-template-tpl_finance section.about-us .text p{
	max-width: 450px;
	margin: auto;
}

.page-template-tpl_finance section.about-us .content{
    max-width: 1000px;
    text-align: center;
    margin: 20px auto;
}

.page-template-tpl_finance section.about-us .content h3{
	color: #007fff;
}

.page-template-tpl_finance section.about-us .content img.mobile{
	display:none;
}


.page-template-tpl_finance section.reviews {
	background: #f8f8f8;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_finance section.reviews h2{
	color: #021740;
}

.page-template-tpl_finance section.reviews img{
	max-width: 275px;
	margin: auto;
    margin-bottom: 15px;
}



.page-template-tpl_finance section.reviews .text p{
	max-width: 450px;
	margin: auto;
}



.page-template-tpl_finance section.reviews .testimonials{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_finance section.reviews .testimonials .one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33%;
}

.page-template-tpl_finance section.reviews .testimonials .one h3 {
    color: #007fff;
    font-family: 'OverPass Bold';
}

.page-template-tpl_finance section.reviews .testimonials .one .testimonial_rotator_quote {
    text-align: center;
    font-family: 'OverPass Light';
    color: #464646;
    font-size: 0.95em;
}

.page-template-tpl_finance section.reviews .testimonials .one .testimonial_rotator_quote strong{
    font-family: 'OverPass Bold';
    color: #161616;
}

.page-template-tpl_finance section.reviews .testimonials div.one.mobile {
    display: none;
}





/* ******************************************************
	Our Boilers 
*********************************************************/

.page-template-tpl_our-boilers section.top{
	margin-top: 120px;
	padding: 200px 8%;
	background: #fdfdfd;
}

.page-template-tpl_our-boilers section.top .text h1{
	color: #18203A;
	max-width: 500px;
	font-family: 'Overpass Light', Helvetica, sans-serif;
	margin-bottom: 10px;
    line-height: 1em;
}

.page-template-tpl_our-boilers section.top .text p{
	max-width: 450px;
}



.page-template-tpl_our-boilers section.process {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_our-boilers section.process h2{
	color: #021740;
}

.page-template-tpl_our-boilers section.process .text p{
	max-width: 450px;
	margin: auto;
}

.page-template-tpl_our-boilers section.process .steps{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_our-boilers section.process .steps .square {
    border: 4px solid #007fff;
    padding: 20px;
    height: 250px;
    width: 250px;
	margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-template-tpl_our-boilers section.process .steps .square h3 {
    line-height: 1em;
    font-size: 1.5em;
    margin: 10px 0;
}


.page-template-tpl_our-boilers section.process .steps .square p {
    margin:0;
}




.page-template-tpl_our-boilers section.boiler .text{
	padding: 150px 8%;
	width: 50%;
	margin-left: 50%;
	margin-right: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
	align-items: flex-end;
}


.page-template-tpl_our-boilers section.boiler .text h2{
	margin-bottom: 15px;
    line-height: 1.2em;
	max-width: 350px;
    color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_our-boilers section.boiler .text p{
	max-width: 450px;
}





.page-template-tpl_our-boilers section.boilers-section {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 10px;
}

.page-template-tpl_our-boilers section.boilers-section .text{
	margin-bottom: 50px;
}

.page-template-tpl_our-boilers section.boilers-section h2{
	color: #021740;
}

.page-template-tpl_our-boilers section.boilers-section .text p{
	max-width: 450px;
	margin: auto;
}


.page-template-tpl_our-boilers section.boilers-section .all-boilers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler {
	width: 1000px;
    margin-bottom: 100px;
}

.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .border{
    border: 3px solid #18203a;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    padding: 0px;
    padding-left: 240px;
}

.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .info {
    max-width: 470px;
    padding: 20px;
}

.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .info h3 {
    font-family: 'Overpass Bold', Helvetica, sans-serif;
    font-size: 1.75em;
}


.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .info p.subtitle{
	font-weight: 500;
    color: #18203a;
    line-height: 1.4em;
    font-size: 1em;
}


.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .info ul{
	margin:0;
    color: #007fff;
}


.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .price {
    background: #18203a;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	max-width: 330px;
}

.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .price p {
    color: #fff;
    margin-bottom: 0;
    line-height: 1.2em;
}

.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .price p.finance {
    text-decoration: underline;
	color: #fff;
    display: none;
    transition: all 0.5s ease;
}

.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .price p.finance:hover {
    color: #007fff;
    transition: all 0.5s ease;
}

.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .price h4{
	color: #fff;
    font-size: 2em;
    line-height: 0.9em;
	margin-top: 10px;
    margin-bottom: 20px;
	font-family: 'Overpass Bold', Helvetica, sans-serif;
}

.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .price h4 span{
	color: #007fff;
	font-size: 0.5em;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .price a button {
    margin-bottom: 15px;
}



.page-template-tpl_our-boilers section.boilers-section .one-boiler .boiler-image{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2019/09/Worcester-25-30i-boiler.png);
    height: 375px;
    width: 240px;
    margin-top: -60px;
	position: absolute;
	background-size: contain!important;
}


.page-template-tpl_our-boilers section.boilers-section .one-boiler .boiler-image:before {
    content: " ";
    background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2022/01/popularchoice-boiler-bradfordboiler.svg);
    width: 70px;
    height: 70px;
    position: absolute;
    left: -40px;
    top: 50px;
    transform: rotate(-10deg);
}	
	





.page-template-tpl_our-boilers section.maintenance .text{
	padding: 150px 8%;
	width: 50%;
	margin-left: 0%;
	margin-right: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
	align-items: flex-start;
}


.page-template-tpl_our-boilers section.maintenance .text h2{
	margin-bottom: 15px;
    line-height: 1.2em;
    color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_our-boilers section.maintenance .text p{
	max-width: 450px;
}

.page-template-tpl_our-boilers section.maintenance h5.price {
    font-size: 1.3em;
    line-height: 1.2em;
    margin-bottom: 30px;
    font-family: 'Overpass Bold', Helvetica, sans-serif;
    color: #021740;
}

.page-template-tpl_our-boilers section.maintenance h5.price span.bold {
    color: #007fff;
    font-size: 1.4em;
}



.page-template-tpl_our-boilers section.reviews {
	background: #f8f8f8;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_our-boilers section.reviews h2{
	color: #021740;
}

.page-template-tpl_our-boilers section.reviews img{
	max-width: 275px;
	margin: auto;
    margin-bottom: 15px;
}



.page-template-tpl_our-boilers section.reviews .text p{
	max-width: 450px;
	margin: auto;
}



.page-template-tpl_our-boilers section.reviews .testimonials{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_our-boilers section.reviews .testimonials .one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33%;
}

.page-template-tpl_our-boilers section.reviews .testimonials .one h3 {
    color: #007fff;
    font-family: 'OverPass Bold';
}

.page-template-tpl_our-boilers section.reviews .testimonials .one .testimonial_rotator_quote {
    text-align: center;
    font-family: 'OverPass Light';
    color: #464646;
    font-size: 0.95em;
}

.page-template-tpl_our-boilers section.reviews .testimonials .one .testimonial_rotator_quote strong{
    font-family: 'OverPass Bold';
    color: #161616;
}

.page-template-tpl_our-boilers section.reviews .testimonials div.one.mobile {
    display: none;
}




/* ******************************************************
	Get a quote + boilers in form
*********************************************************/ 
body img.gform_ajax_spinner {
 display: none !important;
}

.survey{
	margin-bottom:30px;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea{
    color: #021740;
}

form#gform_4 {
    max-width: 1000px;
    margin: 0 auto;
}


.survey p {
    max-width: 450px;
}

.survey a.form-button {
    background: #007fff;
    padding: 10px 15px;
    border-radius: 2px;
    margin-bottom: 10px;
    color: #fff;
	transition: all 0.5s ease;
}

.survey a.form-button:hover {
    background: #021740;
	transition: all 0.5s ease;
}


.page-template-tpl_get-a-quote .gform_wrapper .gform_page_footer .button.gform_button,
.page-template-tpl_get-a-quote .gform_wrapper .gform_page_footer .button.gform_next_button,
.gform_wrapper .gform_page_footer .button.gform_previous_button {
    text-transform: capitalize!important;
}


.page-template-tpl_get-a-quote .gform_wrapper .gform_heading {
    margin-bottom: 30px;
	text-align:left;
}

.gform_wrapper .gform_page_footer .button.gform_previous_button{
    background: #021740;
	transition: all 0.5s ease;
}

.gform_wrapper .gform_page_footer .button.gform_previous_button:hover{
    background: #18203a;
	transition: all 0.5s ease;
}

.page-template-tpl_get-a-quote .gform_wrapper .gform_page_footer .button.gform_next_button:hover{
    background: #004488;
	transition: all 0.5s ease;
}

.page-template-tpl_get-a-quote .gform_wrapper ul.gfield_radio li:not(.image-choices-choice) label{
	font-size: 1.2em;
}

.gform_wrapper .image-choices-field .image-choices-choice label {
    border: 0px !important;
}

.page-template-tpl_get-a-quote .gform_wrapper#gform_wrapper_1 .top_label .gfield_label {
    display: block!important;
    color: #007fff;
    font-size: 1.5em;
    text-align: left;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}

.gform_wrapper .top_label .show-label .gfield_label{
	display: block!important;
    color: #007fff;
    text-align: left;
}

.page-template-tpl_get-a-quote section.quote {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 30px 5%;
	margin-top:120px;
}

.page-template-tpl_get-a-quote section.quote .one-boiler {
	width: 900px;
    margin: 80px auto 50px;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .border{
    border: 3px solid #18203a;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    padding: 0px;
    padding-left: 240px;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .info {
    max-width: 500px;
    padding: 20px;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .info h3 {
    font-family: 'Overpass Bold', Helvetica, sans-serif;
    font-size: 1.75em;
}


.page-template-tpl_get-a-quote section.quote .one-boiler .info p.subtitle{
	font-weight: 500;
    color: #18203a;
    line-height: 1.4em;
    font-size: 1em;
}


.page-template-tpl_get-a-quote section.quote .one-boiler .info ul{
	margin:0;
    color: #007fff;
}


.page-template-tpl_get-a-quote section.quote .one-boiler .price {
    background: #18203a;
    padding: 20px;
    display: flex;
	min-width:230px;
    flex-direction: column;
    justify-content: center;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .price p {
    color: #fff;
    margin-bottom: 0;
    line-height: 1.2em;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .price p.finance{
	display:none;
}


.page-template-tpl_get-a-quote section.quote .one-boiler .price p.finance {
    color: #021740;
    background: #fff;
    padding: 12px 10px;
    text-align: center;
    transition: all 0.5s ease;
    font-weight: 600;
    font-family: 'Overpass', Helvetica, sans-serif;
    font-size: 0.9rem!important;
    cursor: pointer;
    border-radius: 2px;
	max-width:190px;
    border: 0!important;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .price p.finance:hover {
    color: #007fff;
    transition: all 0.5s ease;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .price h4{
	color: #fff;
    font-size: 2em;
    line-height: 0.9em;
	margin-top: 10px;
    margin-bottom: 20px;
	font-family: 'Overpass Bold', Helvetica, sans-serif;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .price h4 span{
	color: #007fff;
	font-size: 0.5em;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .price a.button-white-link {
    margin-bottom: 15px;
	background-color: #007fff;
    font-weight: 600;
	font-family: 'Overpass', Helvetica, sans-serif;
    font-size: 0.9rem!important;
    cursor: pointer;
	border-radius: 2px;
    padding: 12px 40px!important;
    border: 0!important;
    transition: all 0.5s ease;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .price a.button-white-link span{
    color: #fff;
    transition: all 0.5s ease;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .price a.button-white-link:hover {
	background-color: #fff;
    transition: all 0.5s ease;
}

.page-template-tpl_get-a-quote section.quote .one-boiler .price a.button-white-link:hover span{
    color: #007fff;
    transition: all 0.5s ease;
}


.page-template-tpl_get-a-quote section.quote .one-boiler .boiler-image{
    height: 375px;
    width: 240px;
    margin-top: -60px;
	position: absolute;
	background-size: contain!important;
}

.gform_wrapper h2.gsection_title {
    font-weight: 700;
    font-size: 1.25em;
    font-family: 'Overpass Bold', Helvetica, sans-serif;
}

.gform_wrapper .gsection {
    margin: 28px 16px 8px 0!important;
	border-bottom: 1px dotted #CCC!important;
}

.page-template-tpl_get-a-quote section.quote .one-boiler.worcester .boiler-image{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2019/09/Worcester-25-30i-boiler.png);
}

.page-template-tpl_get-a-quote section.quote .one-boiler.navien .boiler-image{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2022/01/Navien-NCB-Boiler-image-with-8-year-guarantee-on-front.png);
}

.page-template-tpl_get-a-quote section.quote .one-boiler.instinct .boiler-image{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2022/01/ideal-insinct.png);
}

.page-template-tpl_get-a-quote section.quote .one-boiler.worcester-eightk .boiler-image{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2022/01/worcester-8000.png);
}

.page-template-tpl_get-a-quote section.quote .one-boiler.worcester-fourk .boiler-image{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2022/01/Greenstar_4000.png);
}

.page-template-tpl_get-a-quote section.quote .one-boiler.vokera .boiler-image{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2019/09/easi-heat-combi-left.png);
}

.page-template-tpl_get-a-quote section.quote .one-boiler.intergas .boiler-image{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2019/09/intergas-xclusive-left-2.png);
}

.page-template-tpl_get-a-quote section.quote .one-boiler.ideal.vogue .boiler-image{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2019/09/Vogue_Combi_Left_Facing_GHKRR.png);
}

.page-template-tpl_get-a-quote section.quote .one-boiler.ideal.logic .boiler-image{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2019/09/Vogue_Combi_Left_Facing_GHK-RR.png);
}


.page-template-tpl_get-a-quote section.quote img.quote-logo {
    width: 200px;
    position: absolute;
    right: 5%;
}

.gform_wrapper .gfield_radio li input[type=radio] {
    margin-top: 0!important;
}

.gform_wrapper .gfield_radio li label {
    margin: 4px 0 0 4px!important;
	color: #021740;
}

.image-choices-field {
	display: block;
	max-width: 100%;
	width: 100%;
}

.image-choices-field .gfield_label {
	font-size: 2em;
	margin-bottom: 1em;
	display: block;
	text-align: center;
}


.image-choices-field, 
.gform_wrapper .gfield.image-choices-field {
	margin-right: -10%;
}


.image-choices-field .image-choices-choice,
.gform_wrapper .gfield.image-choices-field li.image-choices-choice {
	position: relative;
	text-align: center;
	padding: 20px 20px 20px !important;
	margin-bottom: 30px !important;
	vertical-align: middle;
	transition: all 0.3s;
	border-radius: 6px;
	border: 0 !important;
	width: 30%;
	max-width: 200px;
	margin-right: 3% !important;
	overflow: visible;
}

.image-choices-admin-field.image-choices-use-images .image-choices-choice-image-wrap,
.image-choices-field .image-choices-choice-image-wrap {
    width: 100%!important;
    height: auto!important;
}

.image-choices-field .image-choices-choice.image-choices-choice-other input[type="text"] {
	top: 40%;
}

.image-choices-field .image-choices-choice.image-choices-choice-focus {
    border: 0 !important;
}

.image-choices-field .gfield_radio .image-choices-choice.image-choices-choice-focus.image-choices-choice-selected {
    border: 0 !important;
}

.image-choices-field .image-choices-choice label,
.gform_wrapper .gfield.image-choices-field li.image-choices-choice label {
	padding: 0 !important;
	display: block;
	border: none !important;
}

.image-choices-field .image-choices-choice-text{
	padding: 3px 0!important;
}


.image-choices-field .image-choices-choice:after {
	content: "\2714" !important;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0;
	transition: all .3s;
	text-align: center;
	line-height: 40px;
	color: #fff;
	display: block;
	position: absolute;
	left: 50%;
	margin: -20px 0 0 -20px;
	top: auto;
	bottom: -40px;
	background-color: #021740;
}

.image-choices-field .image-choices-choice.image-choices-choice-selected {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}

.image-choices-field .image-choices-choice.image-choices-choice-selected:after {
	color: #fff;
	opacity: 1;
}

.image-choices-field .image-choices-choice,
.image-choices-field .image-choices-choice.image-choices-choice-hover,
.image-choices-field .image-choices-choice.image-choices-choice-selected {
	border-color: transparent !important;
}

.image-choices-field .image-choices-choice.image-choices-choice-hover {
	background-color: transparent !important;
}

.image-choices-field .image-choices-choice.image-choices-choice-selected {
	background-color: #fff !important;
	box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
}

.image-choices-field .image-choices-choice.image-choices-choice-selected .image-choices-choice-text {
	color: #007fff;
}

.image-choices-field .image-choices-choice.image-choices-choice-selected:after {
	bottom: -20px;
}

.image-choices-field .image-choices-choice-image-wrap {
	border: none;
	width: 100%;
	height: auto;
	padding-bottom: 100%;
	background-color: transparent;
	background-size: contain;
}

.image-choices-field.image-choices-show-labels .image-choices-choice-text {
	font-size: inherit;
	color: #021740;
	width: 100%;
	transition: all 0.3s;
}








/* ******************************************************
	Area Page
*********************************************************/

.page-template-tpl_area section.top{
	margin-top: 120px;
	padding: 0;
	background: #fdfdfd;
    height: 600px;
}

.page-template-tpl_area section.top .text h1{
	color: #18203A;
	max-width: 500px;
	margin-bottom: 10px;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_area section.top .text p{
	max-width: 450px;
}


.page-template-tpl_area section.top .text{
	background: #f8f8f8;
	padding: 30px 8%;
	height: 600px;
	max-width: 810px;
	width: 50%;
	margin-left: 0;
	position: absolute;
    text-align: left;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-template-tpl_area section.top iframe {
    margin-left: 20%;
    width: 80%;
    height: 600px;
    max-width: 1296px;
}

.page-template-tpl_area section.top .image {
    margin-left: 20%;
    width: 80%;
    height: 600px;
    max-width: 1296px;
}

.page-template-tpl_area section.services {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_area section.services h2{
	color: #021740;
}

.page-template-tpl_area section.services .text p{
	max-width: 720px;
	margin: auto;
}


.page-template-tpl_area section.services .steps{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0 0;
}


.page-template-tpl_area section.services .steps .square {
    border: 4px solid #007fff;
    padding: 30px;
    height: auto;
	min-height: 300px;
    width: 40%;
    margin: 0 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: top;
}

.page-template-tpl_area section.services .steps .square h3 {
    line-height: 1em;
    font-size: 1.5em;
    margin: 0 0 10px 0; 
}



.page-template-tpl_area section.maintenance{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2019/11/boiler-right-wall.png);
}

.page-template-tpl_area section.maintenance .text{
	background: #f8f8f8;
	padding: 150px 8%;
	width: 50%;
	margin-left: 50%;
	margin-right: 0%;
    text-align: right;
    -webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
	align-items: flex-end;
}


.page-template-tpl_area section.maintenance .text h2{
	margin-bottom: 15px;
    line-height: 1.2em;
    color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_area section.maintenance .text p{
	max-width: 450px;
}

.page-template-tpl_area section.maintenance h5.price {
    font-size: 1.3em;
    line-height: 1.2em;
    margin-bottom: 30px;
    font-family: 'Overpass Bold', Helvetica, sans-serif;
    color: #021740;
}

.page-template-tpl_area section.maintenance h5.price span.bold {
    color: #007fff;
    font-size: 1.4em;
}


.page-template-tpl_area section.boiler .text{
	padding: 30px 8%;
	height: 600px;
	width: 50%;
	margin-left: 0;
	margin-right: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.page-template-tpl_area section.boiler .text h2{
	margin-bottom: 15px;
    line-height: 1.2em;
	max-width: 350px;
    color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_area section.boiler .text p{
	max-width: 450px;
}


.page-template-tpl_area section.boiler iframe {
    margin-left: 20%;
    width: 80%;
    height: 600px;
    max-width: 1296px;
}



.page-template-tpl_area section.process {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_area section.process h2{
	color: #021740;
}

.page-template-tpl_area section.process .text p{
	max-width: 450px;
	margin: auto;
}

.page-template-tpl_area section.process .steps{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_area section.process .steps .square {
    border: 4px solid #007fff;
    padding: 20px;
    height: 250px;
    width: 250px;
	margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-template-tpl_area section.process .steps .square h3 {
    line-height: 1em;
    font-size: 1.5em;
    margin: 10px 0;
}


.page-template-tpl_area section.process .steps .square p {
    margin:0;
}


section.process .steps .square img{
	max-width: 80px;
    margin: 0 auto 10px;
}


.page-template-tpl_area section.faq {
	background: #f8f8f8;
	text-align: center;
	margin: auto;
	padding: 70px 5%;
}

.page-template-tpl_area section.faq .text p{
	max-width: 450px;
	margin: auto;
}

.page-template-tpl_area section.faq .faqs .accordion {
    max-width: 600px;
    text-align: left;
    margin: 30px auto;
}


.page-template-tpl_area section.reviews {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_area section.reviews h2{
	color: #021740;
}

.page-template-tpl_area section.reviews img{
	max-width: 275px;
	margin: auto;
    margin-bottom: 15px;
}



.page-template-tpl_area section.reviews .text p{
	max-width: 450px;
	margin: auto;
}



.page-template-tpl_area section.reviews .testimonials{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_area section.reviews .testimonials .one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33%;
}

.page-template-tpl_area section.reviews .testimonials .one h3 {
    color: #007fff;
    font-family: 'OverPass Bold';
}

.page-template-tpl_area section.reviews .testimonials .one .testimonial_rotator_quote {
    text-align: center;
    font-family: 'OverPass Light';
    color: #464646;
    font-size: 0.95em;
}

.page-template-tpl_area section.reviews .testimonials .one .testimonial_rotator_quote strong{
    font-family: 'OverPass Bold';
    color: #161616;
}

.page-template-tpl_area section.reviews .testimonials div.one.mobile {
    display: none;
}





/* ******************************************************
	Oil Boiler Page
*********************************************************/

.fas {
    font-size: 2.5em;
    color: #021740;
}

.page-template-tpl_oil-boiler  section.top{
	margin-top: 120px;
	background: #fdfdfd;
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2019/07/neonbrand-kdwahpWYfQo-unsplash.jpg);
}

.page-template-tpl_oil-boiler  section.top .text h1{
	color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
	margin-bottom: 10px;
}

.page-template-tpl_oil-boiler  section.top .text p{
	max-width: 450px;
}

.page-template-tpl_oil-boiler  section.top .text{
    padding: 120px 8%;
    width: 50%;
    margin-left: 0;
    margin-right: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
}



.page-template-tpl_oil-boiler section.boiler {
    display: flex;
    flex-direction: row;
    justify-content: center;
	align-items: center;
}

.page-template-tpl_oil-boiler section.boiler .text{
	padding: 30px 10%;
	height: 600px;
	width: 65%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.page-template-tpl_oil-boiler section.boiler .text h2{
	margin-bottom: 15px;
    line-height: 1.2em;
	max-width: 350px;
    color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_oil-boiler section.boiler .text p{
	max-width: 600px;
}


.page-template-tpl_oil-boiler section.boiler iframe{
	height: 600px;
	width: 45%;
}


.page-template-tpl_oil-boiler section.process {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_oil-boiler section.process h2{
	color: #021740;
}

.page-template-tpl_oil-boiler section.process .text p{
	max-width: 450px;
	margin: auto;
}

.page-template-tpl_oil-boiler section.process .steps{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_oil-boiler section.process .steps .square {
    border: 4px solid #007fff;
    padding: 20px;
    height: auto;
    width: 250px;
	margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-template-tpl_oil-boiler section.process .steps .square h3 {
    line-height: 1em;
    font-size: 1.5em;
    margin: 10px 0;
}

.page-template-tpl_oil-boiler section.process .steps .square p {
    margin:0;
}



.page-template-tpl_oil-boiler section.local-area .text{
	padding: 30px 8%;
	height: 600px;
	width: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-template-tpl_oil-boiler section.local-area .text h2{
	margin-bottom: 15px;
    line-height: 1.2em;
	max-width: 350px;
    color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_oil-boiler section.local-area .text p{
	max-width: 450px;
}


.page-template-tpl_oil-boiler section.faq {
	background: #f4f4f4;
	text-align: center;
	margin: auto;
	padding: 70px 5%;
}

.page-template-tpl_oil-boiler section.faq .text p{
	max-width: 450px;
	margin: auto;
}

.page-template-tpl_oil-boiler section.faq .faqs .accordion {
    max-width: 600px;
    text-align: left;
    margin: 30px auto;
}


.page-template-tpl_oil-boiler section.reviews {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_oil-boiler section.reviews h2{
	color: #021740;
}

.page-template-tpl_oil-boiler section.reviews img{
	max-width: 275px;
	margin: auto;
    margin-bottom: 15px;
}



.page-template-tpl_oil-boiler section.reviews .text p{
	max-width: 450px;
	margin: auto;
}



.page-template-tpl_oil-boiler section.reviews .testimonials{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_oil-boiler section.reviews .testimonials .one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33%;
}

.page-template-tpl_oil-boiler section.reviews .testimonials .one h3 {
    color: #007fff;
    font-family: 'OverPass Bold';
}

.page-template-tpl_oil-boiler section.reviews .testimonials .one .testimonial_rotator_quote {
    text-align: center;
    font-family: 'OverPass Light';
    color: #464646;
    font-size: 0.95em;
}

.page-template-tpl_oil-boiler section.reviews .testimonials .one .testimonial_rotator_quote strong{
    font-family: 'OverPass Bold';
    color: #161616;
}

.page-template-tpl_oil-boiler section.reviews .testimonials div.one.mobile {
    display: none;
}





/* ******************************************************
	Landing Page
*********************************************************/

a.anchor {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}

.page-template-tpl_landing-page .areas,
.page-template-tpl_landing-page nav#site-navigation,
.page-template-tpl_landing-page button#responsive-menu-pro-button,
.page-template-tpl_landing-page header .button{
    display: none!important;
}

.page-template-tpl_landing-page header {
    padding: 0 8%;
}

.page-template-tpl_landing-page header .header-top{
    padding: 0 8%;
}

.page-template-tpl_landing-page header .request-consultation {
    padding: 0 8% 0 35px;
}



.page-template-tpl_landing-page section.top{
    margin-top: 120px;
    background: #f8f8f8;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	padding: 50px 0;
    position: relative;
}

section .foreground {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
}

.page-template-tpl_landing-page section.top .text{
    z-index: 20;
    position: relative;
}


.page-template-tpl_landing-page section.top .text h1{
	color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
	margin-bottom: 10px;
}

.page-template-tpl_landing-page  section.top .text p{
	max-width: 450px;
    font-size: 0.95em;
}

.page-template-tpl_landing-page  section.top .text{
    padding: 80px 20px 80px 8%;
    width: 50%;
    margin-left: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}




.page-template-tpl_landing-page section.form{
	padding:35px 5%;
	background:#f8f8f8;
}

.page-template-tpl_landing-page section.form .form {
    width: 720px;
	margin:0 auto;
    padding: 35px;
    background: #fff;
}

.page-template-tpl_landing-page section.form .form h2.gform_title {
    font-family: 'Overpass Bold';
    line-height: 1.15em;
    margin-bottom: 10px;
}



section.ctas {
    background: #eee;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.page-template-tpl_landing-page section.ctas a{
	display:block;
	margin:10px;
}

.page-template-tpl_landing-page section.ctas a button{
    padding: 12px 20px!important;
}


.page-template-tpl_landing-page section.ctas a.home-survey button {
    background: #007fff;
	transition:all 0.5s ease;
}

.page-template-tpl_landing-page section.ctas a.home-survey:hover button {
    background: #fff;
	transition:all 0.5s ease;
}

.page-template-tpl_landing-page section.ctas a.home-survey:hover button span{
    color: #007fff;
	transition:all 0.5s ease;
}


.page-template-tpl_landing-page section.ctas a.whatsapp button {
    background: #021740;
	transition:all 0.5s ease;
}

.page-template-tpl_landing-page section.ctas a.whatsapp:hover button {
    background: #fff;
	transition:all 0.5s ease;
}

.page-template-tpl_landing-page section.ctas a.whatsapp:hover button span{
    color: #021740;
	transition:all 0.5s ease;
}



.page-template-tpl_landing-page section.ctas a.quote button {
    background: #e9293a;
	transition:all 0.5s ease;
}

.page-template-tpl_landing-page section.ctas a.quote:hover button {
    background: #fff;
	transition:all 0.5s ease;
}

.page-template-tpl_landing-page section.ctas a.quote:hover button span{
    color: #e9293a;
	transition:all 0.5s ease;
}


.page-template-tpl_landing-page  section.logos {
    background: #fff;
    padding: 20px 10%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
	flex-wrap:wrap;
    border: 1px solid #f2f2f2;
}

.page-template-tpl_landing-page  section.logos img {
    max-height: 60px;
    max-width: 200px;
    margin: 10px;
}




.page-template-tpl_landing-page section.boilers-section {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 10px;
}

.page-template-tpl_landing-page section.boilers-section .text{
	margin-bottom: 50px;
}

.page-template-tpl_landing-page section.boilers-section h2{
	color: #021740;
}

.page-template-tpl_landing-page section.boilers-section .text p{
	max-width: 450px;
	margin: auto;
}


.page-template-tpl_landing-page section.boilers-section .all-boilers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler {
	width: 1000px;
    margin-bottom: 100px;
}

.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .border{
    border: 3px solid #18203a;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    padding: 0px;
    padding-left: 240px;
}

.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .info {
    max-width: 470px;
    padding: 20px;
}

.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .info h3 {
    font-family: 'Overpass Bold', Helvetica, sans-serif;
    font-size: 1.75em;
}


.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .info p.subtitle{
	font-weight: 500;
    color: #18203a;
    line-height: 1.4em;
    font-size: 1em;
}


.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .info ul{
	margin:0;
    color: #007fff;
}


.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .price {
    background: #18203a;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	max-width: 330px;
}

.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .price p {
    color: #fff;
    margin-bottom: 0;
    line-height: 1.2em;
}

.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .price p.finance {
    text-decoration: underline;
	color: #fff;
    display: none;
    transition: all 0.5s ease;
}

.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .price p.finance:hover {
    color: #007fff;
    transition: all 0.5s ease;
}

.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .price h4{
	color: #fff;
    font-size: 2em;
    line-height: 0.9em;
	margin-top: 10px;
    margin-bottom: 20px;
	font-family: 'Overpass Bold', Helvetica, sans-serif;
}

.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .price h4 span{
	color: #007fff;
	font-size: 0.5em;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .price a button {
    margin-bottom: 15px;
}



.page-template-tpl_landing-page section.boilers-section .one-boiler .boiler-image{
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2019/09/Worcester-25-30i-boiler.png);
    height: 375px;
    width: 240px;
    margin-top: -60px;
	position: absolute;
	background-size: contain!important;
}


.page-template-tpl_landing-page section.boilers-section .one-boiler .boiler-image:before {
    content: " ";
    background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2022/01/popularchoice-boiler-bradfordboiler.svg);
    width: 70px;
    height: 70px;
    position: absolute;
    left: -40px;
    top: 50px;
    transform: rotate(-10deg);
}	
	




.page-template-tpl_landing-page section.boiler {
    display: flex;
    flex-direction: row;
    justify-content: center;
	background:#fff;
}

.page-template-tpl_landing-page section.boiler .text{
	padding: 30px 10%;
	height: 600px;
	width: 65%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.page-template-tpl_landing-page section.boiler .text h2{
	margin-bottom: 15px;
    line-height: 1.2em;
	max-width: 350px;
    color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_landing-page section.boiler .text p{
	max-width: 600px;
}


.page-template-tpl_landing-page section.boiler iframe{
	height: 600px;
	width: 45%;
}

.page-template-tpl_landing-page section.boiler .image{
	width: 45%;
}



.page-template-tpl_landing-page section.process {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_landing-page section.process h2{
	color: #021740;
}

.page-template-tpl_landing-page section.process .text p{
	max-width: 450px;
	margin: auto;
}

.page-template-tpl_landing-page section.process .steps{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_landing-page section.process .steps .square {
    border: 4px solid #007fff;
    padding: 20px;
    height: auto;
    width: 250px;
	margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	background:#fff;
}

.page-template-tpl_landing-page section.process .steps .square h3 {
    line-height: 1em;
    font-size: 1.5em;
    margin: 10px 0;
}

.page-template-tpl_landing-page section.process .steps .square p {
    margin:0;
}



.page-template-tpl_landing-page section.local-area .text{
	padding: 30px 8%;
	height: 600px;
	width: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-template-tpl_landing-page section.local-area .text h2{
	margin-bottom: 15px;
    line-height: 1.2em;
	max-width: 350px;
    color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_landing-page section.local-area .text p{
	max-width: 450px;
}


.page-template-tpl_landing-page section.faq {
	background: #f4f4f4;
	text-align: center;
	margin: auto;
	padding: 70px 5%;
}

.page-template-tpl_landing-page section.faq .text p{
	max-width: 450px;
	margin: auto;
}

.page-template-tpl_landing-page section.faq .faqs .accordion {
    max-width: 600px;
    text-align: left;
    margin: 30px auto;
}


.page-template-tpl_landing-page section.reviews {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
	border-bottom:1px solid #f2f2f2;
}

.page-template-tpl_landing-page section.reviews h2{
	color: #021740;
}

.page-template-tpl_landing-page section.reviews img{
	max-width: 275px;
	margin: auto;
    margin-bottom: 15px;
}



.page-template-tpl_landing-page section.reviews .text p{
	max-width: 450px;
	margin: auto;
}



.page-template-tpl_landing-page section.reviews .testimonials{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_landing-page section.reviews .testimonials .one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33%;
}

.page-template-tpl_landing-page section.reviews .testimonials .one h3 {
    color: #007fff;
    font-family: 'OverPass Bold';
}

.page-template-tpl_landing-page section.reviews .testimonials .one .testimonial_rotator_quote {
    text-align: center;
    font-family: 'OverPass Light';
    color: #464646;
    font-size: 0.95em;
}

.page-template-tpl_landing-page section.reviews .testimonials .one .testimonial_rotator_quote strong{
    font-family: 'OverPass Bold';
    color: #161616;
}

.page-template-tpl_landing-page section.reviews .testimonials div.one.mobile {
    display: none;
}



/* ******************************************************
	FAQs
*********************************************************/

.page-template-tpl_faq section.top{
	margin-top: 120px;
	background: #fdfdfd;
	background-image: url(https://bradfordboilercompany.co.uk/wp-content/uploads/2019/07/neonbrand-kdwahpWYfQo-unsplash.jpg);
}

.page-template-tpl_faq section.top .text h1{
	color: #18203A;
	font-family: 'Overpass Light', Helvetica, sans-serif;
	margin-bottom: 10px;
}

.page-template-tpl_faq section.top .text p{
	max-width: 450px;
}

.page-template-tpl_faq section.top .text{
    padding: 200px 8%;
    width: 50%;
    margin-left: 0;
    margin-right: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


/* FAQ Accordions */


.page-template-tpl_faq section.faq .faqs .accordion{
	max-width: 600px;
    text-align: left;
    margin: 30px auto;
}

.accordion .transition,
.accordion p,
.accordion ul li i:before,
.accordion ul li i:after {
    transition: all 0.25s ease-in-out;
}

.accordion .flipIn, 
.accordion ul li {
    animation: flipdown 0.5s ease both;
}

.accordion .no-select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.accordion ul{
    width: 100%;
}

.accordion h5{
	padding-left: 15px;
	margin-bottom: 10px;
    color: #007fff;
    font-size: 1.25em;
    font-family: 'Overpass Bold', Helvetica, sans-serif;
}

.accordion p {
    position: relative;
    overflow: hidden;
    opacity: 1;
    color: #021740;
    font-weight: 200;
    transform: translate(0, 0);
    margin: 10px 0 10px 15px;
    z-index: 2;
	transition: all 0.5s ease;
}

.accordion ul {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0;
}

.accordion ul li {
    position: relative;
    padding: 0;
    margin: 0;
    padding: 5px 0;
}

.accordion ul li:last-of-type {
    padding-bottom: 0;
}

.accordion ul li i {
    position: absolute;
    transform: translate(-6px, 0);
    margin-top: 10px;
    left: 10px;
}

.accordion ul li i:before,
.accordion ul li i:after {
    content: "";
    position: absolute;
    background-color: #007fff;
    width: 2px;
    height: 10px;
}

.accordion ul li i:before {
    transform: translate(0px, 0) rotate(90deg);
}

.accordion ul li i:after {
    transform: translate(0px, 0) rotate(90deg);
}

.accordion ul li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
	opacity: 0;
}

.accordion ul li input[type=checkbox]:checked ~ p {
    margin: 0;
    max-height: 0;
    opacity: 0;
	transition: all 0.5s ease;
}

.accordion ul li input[type=checkbox]:checked ~ i:before {
    transform: translate(0px, 0) rotate(0deg);
    background-color: #021740;
}

.accordion ul li input[type=checkbox]:checked ~ i:after {
    transform: translate(0px, 0) rotate(-90deg);
    background-color: #021740;
}

.accordion ul li input[type=checkbox]:checked ~ h5 {
    color: #021740;
}

@keyframes flipdown {
    0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
    }
    5% {
        opacity: 1;
    }
    80% {
        transform: rotateX(8deg);
    }
    83% {
        transform: rotateX(6deg);
    }
    92% {
        transform: rotateX(-3deg);
    }
    100% {
        transform-origin: top center;
        transform: rotateX(0deg);
    }
}




.page-template-tpl_faq section.faq {
	background: #fff;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_faq section.faq h2{
	color: #021740;
}

.page-template-tpl_faq section.faq .text p{
	max-width: 450px;
	margin: auto;
}




.page-template-tpl_faq section.reviews {
	background: #f8f8f8;
	text-align: center;
	margin: auto;
	padding: 70px 8%;
}

.page-template-tpl_faq section.reviews h2{
	color: #021740;
}

.page-template-tpl_faq section.reviews img{
	max-width: 275px;
	margin: auto;
    margin-bottom: 15px;
}



.page-template-tpl_faq section.reviews .text p{
	max-width: 450px;
	margin: auto;
}



.page-template-tpl_faq section.reviews .testimonials{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0;
}


.page-template-tpl_faq section.reviews .testimonials .one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33%;
}

.page-template-tpl_faq section.reviews .testimonials .one h3 {
    color: #007fff;
    font-family: 'OverPass Bold';
}

.page-template-tpl_faq section.reviews .testimonials .one .testimonial_rotator_quote {
    text-align: center;
    font-family: 'OverPass Light';
    color: #464646;
    font-size: 0.95em;
}

.page-template-tpl_faq section.reviews .testimonials .one .testimonial_rotator_quote strong{
    font-family: 'OverPass Bold';
    color: #161616;
}

.page-template-tpl_faq section.reviews .testimonials div.one.mobile {
    display: none;
}


/* ******************************************************
	404 page
*********************************************************/

.error404 section.top{
	margin-top: 120px;
	padding: 200px 8%;
	background: #fdfdfd;
}

.error404 section.top .text h1{
	color: #18203A;
	max-width: 500px;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}



.page-id-845 header .button{
	display:none;
}



/* ******************************************************
	Contact us
*********************************************************/

.page-template-tpl_contact section.top{
	margin-top: 120px;
	padding: 0;
	background: #fdfdfd;
    height: 400px;
}

.page-template-tpl_contact section.top .text h1{
	color: #18203A;
	max-width: 500px;
	margin-bottom: 10px;
	font-family: 'Overpass Light', Helvetica, sans-serif;
}

.page-template-tpl_contact section.top .text p{
	max-width: 450px;
}


.page-template-tpl_contact section.top .text{
	background: #f8f8f8;
	padding: 30px 8%;
	height: 400px;
	max-width: 810px;
	width: 50%;
	margin-left: 0;
	position: absolute;
    text-align: left;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-template-tpl_contact section.top iframe {
    margin-left: 20%;
    width: 80%;
    height: 400px;
    max-width: 1296px;
}



.page-template-tpl_contact section.contact{
	background: #fff;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.page-template-tpl_contact section.contact .form{
	width: 60%;
    padding: 30px 5%;
	max-width:800px;
}


.page-template-tpl_contact section.contact .details {
    width: 40%;
    padding: 60px 5%;
}

.page-template-tpl_contact section.contact .details h4 {
    font-family: 'Overpass Bold', Helvetica, sans-serif;
    font-size: 1.3em;
}

.page-template-tpl_contact section.contact .details p {
    font-weight: 500;
	font-size:1em;
}


.page-template-tpl_contact section.contact .details p a{
	color: #515151;
    transition: all 0.3 ease;
}

.page-template-tpl_contact section.contact .details p a:hover{
	color: #007fff;
    transition: all 0.3 ease;
}




/* form */

.gform_wrapper h3.gform_title {
    font-family: 'Overpass Bold';
	font-size: 1.75em!important;
}

.gform_wrapper span.gform_description {
    font-weight: 300!important;
	font-size: 0.9em!important;
	max-width: 450px;
}

.gform_wrapper .top_label .gfield_label {
    color:#1a73e8;
}

.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker),
.gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker){
	margin-top: 0!important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea{
    border-radius: 0;
    padding: 8px 12px!important;
    border-bottom: 1px solid #021740!important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  font-size: 0.85em!important;
}

::-moz-placeholder { /* Firefox 19+ */
	  font-size: 0.85em!important;
}

:-ms-input-placeholder { /* IE 10+ */
	  font-size: 0.85em!important;
}

:-moz-placeholder { /* Firefox 18- */
 	  font-size: 0.85em!important;
}

.gform_wrapper textarea.large {
    height: 200px!important;
    width: 100%;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
    background: #007fff;
    border: 0;
    border-radius: 0;
    padding: 12px 45px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Overpass', Helvetica;
	transition: all 0.5s ease;
}

.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover {
    background: #18203a;
	transition: all 0.5s ease;
}

a button, a, button, input{
	cursor: pointer!important;
}


/* ******************************************************
	Contact for Quote
*********************************************************/



.page-template-tpl_contact_quote section.contact{
	background: #fff;
    padding: 10px 5% 30px;
	margin-top: 120px;
}


.page-template-tpl_contact_quote input#input_4_22,
.page-template-tpl_contact_quote input#input_4_25,
.page-template-tpl_contact_quote input#input_4_24,
.page-template-tpl_contact_quote input#input_4_23,
.page-template-tpl_contact_quote input#input_4_21 {
    border: 0!important;
    background: rgba(0, 127, 255, 0.07);
}


.page-template-tpl_contact_quote li.gfmc-column {
    width: 48%!important;
    display: inline-block;
}

.page-template-tpl_contact_quote li.gfmc-row-1-column{
	margin-right: 3%;
}

.page-template-tpl_contact_quote ul#input_4_16,
.page-template-tpl_contact_quote ul#input_4_17 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}


.page-template-tpl_contact_quote li.gchoice_4_16_0,
.page-template-tpl_contact_quote li.gchoice_4_16_1 {
    width: 33%;
    margin-right: 20px!important;
}

.page-template-tpl_contact_quote li.gchoice_4_17_0,
.page-template-tpl_contact_quote li.gchoice_4_17_1 {
    width: auto;
    margin-right: 20px!important;
}

.page-template-tpl_contact_quote .image-choices-field .image-choices-choice,
.page-template-tpl_contact_quote .gform_wrapper .gfield.image-choices-field li.image-choices-choice {
    width: 100%;
    max-width: 120px;
}



/* contact (offer) page */	
	
.page-id-1263 section.top .text .offer{
	display:block!important;
}

section.top .text .offer p {
    margin: 0;
    color: #021740;
    line-height: 1.5em;
}

section.top .text .offer strong {
    font-weight:700;
}

section.top .text .offer h4 {
    font-family: 'Overpass Bold';
    font-size: 1.25em;
    color: #137fff;
}

section.top .text p {
    font-size: 0.9em;
}

section.top .text .offer {
    padding: 10px 15px;
    border: 2px solid #007fff;
	max-width: 375px;
}




/* ******************************************************
	Footer
*********************************************************/

footer{
    background-color: #fff;
	border-top: 1px solid #ccc;
    width: 100%;
    bottom: 0;
}

footer ul{
	margin: 0;
}

footer p{
	font-weight: 400;
}

footer div.footer-top{
    padding: 40px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer div.footer-top aside{
	width: 20%;
}

footer div.footer-top aside#text-4 {
    min-width: 290px;
}

footer div.footer-top aside#text-5 {
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

footer div.footer-top aside#text-5 p{
	margin: 0;
}

footer div.footer-top aside#text-5 p.reg{
    font-size: 0.7em;
    line-height: 1.2em;
    text-align: right;
}

footer #menu-areas li {
    display: inline-block;
    width: 40%;
}

footer div.footer-top h3{
    color: #021740;
	font-family: 'Overpass Bold', Hlvetica, sans-serif;
	text-transform: uppercase;
    margin-bottom: 5px;
}

footer div.footer-top li,
footer div.footer-top p,
footer div.footer-top a{
    color: #161616;
    font-size: 0.95em;
    line-height: 1.5em;
    transition: all 0.3s ease;
}



footer div.footer-top a:hover,
footer div.footer-top a:active,
footer div.footer-top a:focus{
    color: #007fff;
    transition: all 0.3s ease;
}


footer div.footer-bottom{
    background: #18203A;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

footer div.footer-bottom p{
    margin-right: 10px;
    margin-left: 10px;
	margin-bottom: 5px;
    font-size: 0.75em;
    color: #fff;
}






@media screen and (min-width: 1620px){
	
	header{
		padding: 0 70px;
	}	
	
header .header-top{
    margin-left: calc(50% - 810px);
}
	
header .button {
    position: fixed;
    right: calc(60% - 740px);
}	
	
.page-template-tpl_contact section.top iframe {
    width: 100%;
}	
	
	.page-template-tpl_get-a-quote section.quote img.quote-logo{
    	right: calc(55% - 810px);
	}	
	
	
	.page-template-tpl_landing-page header .button {
    	right: calc(50% - 740px);
	}
	
	.page-template-tpl_landing-page header .request-consultation {
    	padding-right: calc(50% - 740px);
	}
	
}




@media screen and (max-width: 1200px){
	
header {
    padding-left: 3%;
    padding-right: 3%;
}
	
header .button {
    right: 3%;
}	
	

header .header-top {
    padding: 0 3%;
}	
	
header .request-consultation {
    padding: 0 3% 0 35px;
}	


	
	footer div.footer-top aside {
    	width: 33.333%;
    	margin-bottom: 25px;
	}
	
	
}




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

	.single-post article section.post-content .sidebar{
		width: 100%;
		min-width:0;
		max-width:100%;
		margin:35px auto;
	}
	
	.single-post article section.top{
		background-color: #f8f8f8;
		background-image: none !important;
    	padding: 0;
	}
	
	.single-post article section.top .mobile.image {
    	display: block;
    	width: 100%;
    	height: 300px;
    	background-position: center !important;
	}
	
	.single-post article section.top .text {
    	padding: 50px 5%;
	}
	
	
	
	.archive.category section.top{
		background-color: #f8f8f8;
		background-image: none !important;
    	padding: 0;
	}
	
	.archive.category section.top .mobile.image {
    	display: block;
    	width: 100%;
    	height: 300px;
    	background-position: center !important;
	}
	
	.archive.category section.top .text {
    	padding: 50px 5%;
	}
	
	
	
header {
    padding-left: 5%;
    padding-right: 5%;
}	
	
header .button {
    right: calc(50% - 100px);
}	

	nav#site-navigation {
    right: 5%;
    position: fixed;
}
	
header .header-top .areas{
	display: none;
}	
	
	
header .request-consultation {
    padding: 0 0 0 35px;
    position: fixed;
    right: 5%;
}	

	
	section.allposts #news article {
    	width: calc(50% - 25px);
	}
	
#responsive-menu-pro-additional-content h4 {
    font-family: 'Overpass Bold', Helvetica, sans-serif;
    color: #007fff;
}	
	
#responsive-menu-pro-additional-content li {
    display: inline-block;
    width: 45%;
}	

#responsive-menu-pro-additional-content li a{
	color: #021740;
	transition: all 0.3s ease;
}
	
#responsive-menu-pro-additional-content li:hover a{
	color: #007fff;
	transition: all 0.3s ease;
}	
	
	
#responsive-menu-pro-container.push-left,
#responsive-menu-pro-container.slide-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}	
	
	
/* our boilers */	

	.page-template-tpl_landing-page  section.top{
		background-image:none!important;
	}
	
	.page-template-tpl_landing-page  section.top .image {
    	display: block!important;
    	height: 250px;
    	margin-bottom: 35px;
	}
	
	.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler {
    	width: 750px;
	}	

	.page-template-tpl_our-boilers section.boilers-section .one-boiler .boiler-image{
		margin-top:60px;
	}	
	
	
	
	.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .border {
    	flex-direction: column;
    	padding-left: 0;
	}
	
	.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .info {
    	max-width: 745px;
    	padding: 20px 20px 20px 265px;
	}
	
	.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .price {
		max-width: 760px;
    	padding-left: 265px;
	}
	
	
	
/* landing-page */	

	.page-template-tpl_landing-page header .header-top{
    	padding: 0 5%;
	}
	
	.page-template-tpl_landing-page section.top {
		display:block;
    	padding: 0 0 50px!important;
		background:#fff;
	}
	
	section .foreground{
		display:none;
	}
	
	
	.page-template-tpl_landing-page .gform_wrapper .gform_heading {
    	width: 100%!important;
	}
	
	.page-template-tpl_landing-page section.top .text {
    	padding: 0px 20px 0px 8%;
		width: 90%;
		background:#fff;
	}
	
	.page-template-tpl_landing-page section.top .text p {
		max-width: 640px;
	}
	
	.page-template-tpl_landing-page section.top .form {
    	max-width: 640px;
		width:90%;
    	margin-right: 0;
		margin-left: 8%;
	}
	
	.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler {
    	width: 750px;
	}	

	.page-template-tpl_landing-page section.boilers-section .one-boiler .boiler-image{
		margin-top:60px;
	}	
	
	
	
	.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .border {
    	flex-direction: column;
    	padding-left: 0;
	}
	
	.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .info {
    	max-width: 745px;
    	padding: 20px 20px 20px 265px;
	}
	
	.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .price {
		max-width: 760px;
    	padding-left: 265px;
	}	

	
/* areas */	
	
	.page-template-tpl_area section.services .steps{
    	flex-wrap: wrap;
	}
	
	.page-template-tpl_area section.services .steps .square {
    	margin: 0 10px 20px;
    	max-width: 450px;
	}
	
/* get a quote */	
	
.gform_wrapper .gform_heading {
    width: calc(100% - 230px)!important;
}	
	
.image-choices-field .image-choices-choice,
.gform_wrapper .gfield.image-choices-field li.image-choices-choice {
	width: 20%;
}
	
	
/* contact for quote */	
	
.page-template-tpl_contact_quote li.gchoice_4_16_0,
.page-template-tpl_contact_quote li.gchoice_4_16_1 {
    width: 50%;
    margin-right: 20px!important;
}	

.page-template-tpl_contact_quote li.gfmc-row-3-column{
	margin-right: 5%;
    width: 100%!important;
    display: block;
}	
	
	

section.video {
    padding: 30px 5%;
}
	
	
}




@media screen and (max-width: 820px){
	
	/* oil boiler page */
	
	.page-template-tpl_oil-boiler section.top .text {
		padding: 120px 8%;
	}
	
	.page-template-tpl_landing-page section.top .image{
		margin-bottom:0;
	}
	
	.page-template-tpl_oil-boiler section.process .steps{
		flex-wrap: wrap;
	}
	
	.page-template-tpl_oil-boiler section.process .steps .square {
		margin: 0 10px 20px;
	}
	
	
	/* landing page  */
	
	div#input_6_19 div {
    	max-width: 100%;
	}
	
	.page-template-tpl_landing-page section.top .form{
		padding:20px;
	}
	
	.page-template-tpl_landing-page section.top .text {
		padding: 80px 20px 80px 8%;
	}
	
	.page-template-tpl_landing-page section.process .steps{
		flex-wrap: wrap;
	}
	
	.page-template-tpl_landing-page section.process .steps .square {
		margin: 0 10px 20px;
	}
	
}




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

.home section.top {
    padding: 0;
	background-image: none!important;
}	

.home section.top .text{
    padding: 70px 5%;
}	
	
.home section.top .mobile.image {
    width: 100%;
	height: 300px;
	display: block;
}	
		
	
	
.home section.boiler {
    background-image: none!important;
}	
	
.home section.boiler img.mobile.image {
    width: 100%;
	display: block;
}	
	
.home section.boiler .text {
    padding: 70px 5%;
    width: 100%;
    margin-left: 0;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
	
	
.home section.process {
    padding: 70px 5%;
}	
	
.home section.process .steps {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}	
	
.home section.process .steps .square {
    margin: 10px 0;
}	
	

	
.home section.maintenance img.mobile.image {
    width: 100%;
	display: block;
}	
	
.home section.maintenance .text {
    padding: 70px 5%;
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}	

.home section.reviews .testimonials {
    flex-direction: column;
	margin: 0;
}
	
	
.home section.reviews .testimonials .one {
    display: none;
}	
	
.home section.reviews .testimonials div.one.mobile {
    display: block;
	width: 100%;
}	
	
	
.home section.reviews .testimonials div.one.mobile .testimonial_rotator_stars {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
	
	
.home section.map {
    flex-direction: column;
	background-image: none!important;
}	
	
.home section.map img.mobile.image {
    width: 100%;
	display: block;
}	
	
.home section.map .text {
    padding: 70px 5%;
    width: 100%;
    margin-left: 0;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}	

	
	section.allposts #news article {
		width: 100%;
		margin-right: 0;
	}
	
	
	
	/* 404 */
	
	.error404 section.top {
    padding: 0;
	background-image: none!important;
}	

.error404 section.top .text{
    padding: 70px 5%;
}	
	
.error404 section.top .mobile.image {
    width: 100%;
	height: 300px;
	display: block;
}
	

/* get a quote */	
	
.page-template-tpl_get-a-quote section.quote .one-boiler {
    width: 100%;
    margin: 80px auto 50px;
}	
	
.page-template-tpl_get-a-quote section.quote .one-boiler .border {
    flex-direction: column;
    padding-left: 0;
}	
	

	.page-template-tpl_get-a-quote section.quote .one-boiler .boiler-image{
		margin-top:40px;
	}	
	
.page-template-tpl_get-a-quote section.quote .one-boiler .info {
    max-width: 100%;
    padding: 20px;
    padding-left: 250px;
}	
	
.page-template-tpl_get-a-quote section.quote .one-boiler .price {
    padding-left: 250px;
}
	
.page-template-tpl_get-a-quote section.quote .one-boiler .price a.button-white-link {
    max-width: 190px;
}
	
	
	.page-template-tpl_get-a-quote section.quote img.quote-logo{
		display:none;
	}	
	
.gform_wrapper .gform_heading {
    width: 100%!important;
}	
	
.image-choices-field .image-choices-choice,
.gform_wrapper .gfield.image-choices-field li.image-choices-choice {
	width: 30%;
}	
	
	
	

	/* oil boiler */
	
	.page-template-tpl_oil-boiler section.top {
    	padding: 0;
		background-image:none!important;
	}	
	
.page-template-tpl_oil-boiler section.top .mobile.image{
    height: 200px;
	width: 100%;
	display: block;
}
	
.page-template-tpl_oil-boiler section.top .text{
    padding: 70px 5%;
	width: 100%;
}	
	
	
	.page-template-tpl_oil-boiler section.boiler {
		flex-direction: column-reverse;
	}
	
	.page-template-tpl_oil-boiler section.boiler iframe {
    	height: 300px;
    	width: 100%;
	}
	
	.page-template-tpl_oil-boiler section.boiler .text {
    	padding: 70px 5%;
    	height: auto;
		width: 100%;
	}
	
	
	.page-template-tpl_oil-boiler section.process {
    padding: 70px 5%;
}	
	
.page-template-tpl_oil-boiler section.process .steps {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}	
	
.page-template-tpl_oil-boiler section.process .steps .square {
    margin: 10px 0;
}
	

	.page-template-tpl_oil-boiler section.local-area{
    	background-image:none!important;
		background-color: #f8f8f8 !important;
	}
	
	.page-template-tpl_oil-boiler section.local-area .mobile.image{
    	height: 200px;
		width: 100%;
		display: block;
	}
	
	.page-template-tpl_oil-boiler section.local-area .text {
    	padding: 70px 5%;
    	height: auto;
		width: 100%;
	}
	
	.page-template-tpl_oil-boiler section.local-area .text p {
    	max-width: 600px;
	}
	
	
.page-template-tpl_oil-boiler section.reviews .testimonials {
    flex-direction: column;
	margin: 0;
}
	
	
.page-template-tpl_oil-boiler section.reviews .testimonials .one {
    display: none;
}	
	
.page-template-tpl_oil-boiler section.reviews .testimonials div.one.mobile {
    display: block;
	width: 100%;
}	
	
	
.page-template-tpl_oil-boiler section.reviews .testimonials div.one.mobile .testimonial_rotator_stars {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
	
	
	
/* landing page  */
	
	.page-template-tpl_landing-page section.top {
    	padding: 0;
		background-image:none!important;
	}	
	
.page-template-tpl_landing-page section.top .mobile.image{
    height: 300px;
	width: 100%;
	display: block;
}
	
.page-template-tpl_landing-page section.top .text{
    padding: 40px 5%;
	width: 100%;
}	
	.page-template-tpl_landing-page section.top .form {
		width:90%;
		margin-left: 5%;
	}
	
	.page-template-tpl_landing-page section.boiler {
		flex-direction: column-reverse;
	}
	
	.page-template-tpl_landing-page section.boiler iframe {
    	height: 300px;
    	width: 100%;
	}
	
	.page-template-tpl_landing-page section.boiler .image{
    	height: 300px;
		width: 100%;
	}
	
	.page-template-tpl_landing-page section.boiler .text {
    	padding: 70px 5%;
    	height: auto;
		width: 100%;
	}
	
	
	.page-template-tpl_landing-page section.process {
    padding: 70px 5%;
}	
	
.page-template-tpl_landing-page section.process .steps {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}	
	
.page-template-tpl_landing-page section.process .steps .square {
    margin: 10px 0;
}
	

	.page-template-tpl_landing-page section.local-area{
    	background-image:none!important;
		background-color: #f8f8f8 !important;
	}
	
	.page-template-tpl_landing-page section.local-area .mobile.image{
    	height: 200px;
		width: 100%;
		display: block;
	}
	
	.page-template-tpl_landing-page section.local-area .text {
    	padding: 70px 5%;
    	height: auto;
		width: 100%;
	}
	
	.page-template-tpl_landing-page section.local-area .text p {
    	max-width: 600px;
	}
	
	
.page-template-tpl_landing-page section.reviews .testimonials {
    flex-direction: column;
	margin: 0;
}
	
	
.page-template-tpl_landing-page section.reviews .testimonials .one {
    display: none;
}	
	
.page-template-tpl_landing-page section.reviews .testimonials div.one.mobile {
    display: block;
	width: 100%;
}	
	
	
.page-template-tpl_landing-page section.reviews .testimonials div.one.mobile .testimonial_rotator_stars {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
		
	
	
	
/* our boilers */	
	
.page-template-tpl_our-boilers section.top {
    padding: 0;
	background-image:none!important;
}	
	
.page-template-tpl_our-boilers section.top .mobile.image{
    height: 200px;
	width: 100%;
	display: block;
}
	
.page-template-tpl_our-boilers section.top .text{
    padding: 70px 5%;
}	
	
	
.page-template-tpl_our-boilers section.process {
    padding: 70px 5%;
}	
	
.page-template-tpl_our-boilers section.process .steps {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}	
	
.page-template-tpl_our-boilers section.process .steps .square {
    margin: 10px 0;
}	
		
	
	
.page-template-tpl_our-boilers section.boiler {
    background-image: none!important;
}	
	
.page-template-tpl_our-boilers section.boiler .mobile.image {
    width: 100%;
	height:200px;
	display: block;
}	
	
.page-template-tpl_our-boilers section.boiler .text {
    padding: 70px 5%;
    width: 100%;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
	
.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler {
    width: 100%;
}
	
.page-template-tpl_our-boilers section.boilers-section .one-boiler .boiler-image {
    margin-top: 40px;
    width: 200px;
    margin-left: 20px;
}	
	
	

	
.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .info,
.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .price{
    padding: 20px 20px 20px 230px;
}	
	
	
	
	
	
	
	

	
.page-template-tpl_our-boilers section.maintenance img.mobile.image {
    width: 100%;
	display: block;
}	
	
.page-template-tpl_our-boilers section.maintenance .text {
    padding: 70px 5%;
    width: 100%;
    margin-right: 0;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}	

.page-template-tpl_our-boilers section.reviews .testimonials {
    flex-direction: column;
	margin: 0;
}
	
	
.page-template-tpl_our-boilers section.reviews .testimonials .one {
    display: none;
}	
	
.page-template-tpl_our-boilers section.reviews .testimonials div.one.mobile {
    display: block;
	width: 100%;
}	
	
	
.page-template-tpl_our-boilers section.reviews .testimonials div.one.mobile .testimonial_rotator_stars {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
	
	
.page-template-tpl_our-boilers section.map {
    flex-direction: column;
}	
	
.page-template-tpl_our-boilers section.map img.mobile.image {
    width: 100%;
	display: block;
}	
	
.page-template-tpl_our-boilers section.map .text {
    padding: 70px 5%;
    width: 100%;
    margin-left: 0;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}		
	
	
	/* landing page */
	
	
.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler {
    width: 100%;
}
	
.page-template-tpl_landing-page section.boilers-section .one-boiler .boiler-image {
    margin-top: 40px;
    width: 200px;
    margin-left: 20px;
}	
	
.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .info,
.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .price{
    padding: 20px 20px 20px 230px;
}	
		
	
/* who are we */	
	
.page-template-tpl_who-are-we section.top {
    padding: 0;
	background-image:none!important;
}	
	
.page-template-tpl_who-are-we section.top .image.mobile{
    height:200px;
	width:100%;
	display: block!important;
}	
	
.page-template-tpl_who-are-we section.top .text{
    padding: 70px 5%;
}	
	
.page-template-tpl_who-are-we section.boiler {
    background-image: none!important;
}	
	
.page-template-tpl_who-are-we section.boiler .mobile.image {
    width: 100%;
	height: 200px;
	display: block;
}	
	
.page-template-tpl_who-are-we section.boiler .text {
    padding: 70px 5%;
    width: 100%;
    margin-left: 0;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
	
	
.page-template-tpl_who-are-we section.process {
    padding: 70px 5%;
}	
	
.page-template-tpl_who-are-we section.process .steps {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}	
	
.page-template-tpl_who-are-we section.process .steps .square {
    margin: 10px 0;
}	
	

	
.page-template-tpl_who-are-we section.maintenance img.mobile.image {
    width: 100%;
	display: block;
}	
	
.page-template-tpl_who-are-we section.maintenance .text {
    padding: 70px 5%;
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}	

.page-template-tpl_who-are-we section.reviews .testimonials {
    flex-direction: column;
	margin: 0;
}
	
	
.page-template-tpl_who-are-we section.reviews .testimonials .one {
    display: none;
}	
	
.page-template-tpl_who-are-we section.reviews .testimonials div.one.mobile {
    display: block;
	width: 100%;
}	
	
	
.page-template-tpl_who-are-we section.reviews .testimonials div.one.mobile .testimonial_rotator_stars {
    display: flex;
    flex-direction: row;
    justify-content: center;
}	
	
	

	
	
/* finance */	
	
.page-template-tpl_finance section.top {
    padding: 0;
	background-image:none!important;
}	
	
.page-template-tpl_finance section.top .image.mobile{
    height:200px;
	width:100%;
	display: block!important;
}	
	
.page-template-tpl_finance section.top .text{
    padding: 70px 5%;
}		
	

.page-template-tpl_finance section.reviews .testimonials {
    flex-direction: column;
	margin: 0;
}
	
	
.page-template-tpl_finance section.reviews .testimonials .one {
    display: none;
}	
	
.page-template-tpl_finance section.reviews .testimonials div.one.mobile {
    display: block;
	width: 100%;
}	
	
	
.page-template-tpl_finance section.reviews .testimonials div.one.mobile .testimonial_rotator_stars {
    display: flex;
    flex-direction: row;
    justify-content: center;
}		
	
	
	
	
/* faqs */	
	
.page-template-tpl_faq section.top {
    padding: 0;
	background-image:none!important;
}	
	
.page-template-tpl_faq section.top .text {
    padding: 70px 5%;
    width: 100%;
    margin-left: 0;
    margin-right: 0%;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}	
	
	
.page-template-tpl_faq section.top .mobile.image {
    width: 100%;
	height: 200px;
	display: block;
}
		
	

.page-template-tpl_faq section.reviews .testimonials .one {
    display: none;
}	
	
.page-template-tpl_faq section.reviews .testimonials div.one.mobile {
    display: block;
	width: 100%;
}	
	
	
.page-template-tpl_faq section.reviews .testimonials div.one.mobile .testimonial_rotator_stars {
    display: flex;
    flex-direction: row;
    justify-content: center;
}	
	
	
/* contact us page */	
	
.page-template-tpl_contact section.top {
    height: auto;
}	
	
.page-template-tpl_contact section.top .text {
    padding: 70px 5%;
    height: auto;
    max-width: 100%;
    width: 100%;
    position: static;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}	
	
.page-template-tpl_contact section.top iframe {
    margin-left: 0%;
    width: 100%;
    height: 350px;
}	
	
	
.page-template-tpl_contact section.contact {
    flex-direction: column;
}	
	
.page-template-tpl_contact section.contact .form {
    width: 100%;
    padding: 30px 5%;
}	
	
.page-template-tpl_contact section.contact .details {
    display: none;
}	
	
	
	
	
	
/* area page */	
	
.page-template-tpl_area section.top {
    height: auto;
}	
	
.page-template-tpl_area section.top .text {
    padding: 70px 5%;
    height: auto;
    max-width: 100%;
    width: 100%;
    position: static;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}	
	
.page-template-tpl_area section.top iframe {
    margin-left: 0%;
    width: 100%;
    height: 350px;
}	
	
.page-template-tpl_area section.top .image {
    margin-left: 0%;
    width: 100%;
    height: 350px;
}	
	
.page-template-tpl_area section.services {
    padding: 70px 5%;
}	
	
.page-template-tpl_area section.services .steps {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}	
	
.page-template-tpl_area section.services .steps .square {
    margin: 10px 0;
    width: 100%;
}	
	

.page-template-tpl_area section.boiler {
    background-image: none!important;
}	
	
.page-template-tpl_area section.boiler .mobile.image {
    width: 100%;
	height: 200px;
	display: block;
}	
	
.page-template-tpl_area section.boiler .text {
    padding: 50px 5%;
    width: 100%;
	height:auto;
    margin-left: 0;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    display: block;
}	
	

.page-template-tpl_area section.process {
    padding: 70px 5%;
}	
	
.page-template-tpl_area section.process .steps {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}	
	
.page-template-tpl_area section.process .steps .square {
    margin: 10px 0;
}	
	
	
		
	
	
	
.page-template-tpl_area section.reviews .testimonials {
    flex-direction: column;
	margin: 0;
}
	
	
.page-template-tpl_area section.reviews .testimonials .one {
    display: none;
}	
	
.page-template-tpl_area section.reviews .testimonials div.one.mobile {
    display: block;
	width: 100%;
}	
	
	
.page-template-tpl_area section.reviews .testimonials div.one.mobile .testimonial_rotator_stars {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
	
	
/* oil boiler */	
	
	
	
	
/* footer */	
	
	
footer div.footer-top {
    display: block;
	padding: 25px;
}	
	
	
footer div.footer-top aside:first-child,
footer div.footer-top aside:nth-child(2),
footer div.footer-top aside:nth-child(3){
    width: 32%;
    vertical-align: top;
    display: inline-block;
	margin-bottom: 20px;
}	
	
footer div.footer-top aside {
    width: 75%;
    display: inline-block;
}	

footer div.footer-top aside#text-5 {
    display: inline-block;
    position: absolute;
    right: 25px;
    margin-top: 25px;
}	
	
	
}



@media screen and (max-width:641px){
	
	
.gform_wrapper ul.gfield_radio li label {
    width: 100%!important;
}	
	
.gform_wrapper .ginput_container span.image-choices-choice-text{
	display:none!important;
}	

.gform_wrapper .ginput_container ul#input_1_63 li label span.image-choices-choice-text {
    display: block!important;
}

.page-template-tpl_get-a-quote .gform_wrapper .ginput_container span:not(.ginput_price) {
    display: inline-block;
}
	
.page-template-tpl_get-a-quote section.quote .one-boiler .info,	
.page-template-tpl_get-a-quote section.quote .one-boiler .price {
    padding-left: 20px;
}	
	
	.page-template-tpl_get-a-quote section.quote .one-boiler .boiler-image{
		display:none!important;
	}	
	
	
/* contact for quote */	
	
.page-template-tpl_contact_quote li.gfmc-column{
	margin-right: 0;
    width: 100%!important;
    display: block;
}	
		
	
	
	
}



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

header .button{
	display: none;
}
	#page button {
	width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
	}
	

/* home */	
	
.home section.top .text {
    padding: 50px 5%;
}	
	.home section.map .text {
		display: block;
		text-align: left;
	}
.home section.boiler .text {
    text-align: left;
    display: block;
}
	.home section.map .text p {
    text-align: left;
    max-width: 100%;
}
.home section.boiler .text h2 {
    margin-bottom: 15px;
    line-height: 1.2em;
    max-width: 100%;
    color: #18203a;
    font-family: 'Overpass Light',Helvetica,sans-serif;
}
/* who we are */
	
.page-template-tpl_who-are-we section.top .text {
    padding: 50px 5%;
}	
	.page-template-tpl_who-are-we section.boiler .text {
    padding: 70px 5%;
    width: 100%;
    margin-left: 0;
    -webkit-clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    display: BLOCK;
    TEXT-ALIGN: LEFT;
}
	
/* finance */

.page-template-tpl_finance section.top .text {
    padding: 50px 5%;
}	
	
	
/* LP */	
	
	.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .info,
.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler .price{
    padding: 20px;
}		
	
	.page-template-tpl_landing-page section.boilers-section .one-boiler .boiler-image{
		display:none;
	}	

	.page-template-tpl_landing-page section.boilers-section .all-boilers .one-boiler{
		margin-bottom: 25px;
	}
	
	
	
/* our boilers */	
	
.page-template-tpl_our-boilers section.top .text {
    padding: 50px 5%;
}	
	
.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .info,
.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler .price{
    padding: 20px;
}		
	
	.page-template-tpl_our-boilers section.boilers-section .one-boiler .boiler-image{
		display:none;
	}	

	.page-template-tpl_our-boilers section.boilers-section .all-boilers .one-boiler{
		margin-bottom: 25px;
	}
	
	
	
	
.page-template-tpl_our-boilers section.boiler .text {
    padding: 70px 5%;
    width: 100%;
    margin-left: 0;
    display: BLOCK;
    TEXT-ALIGN: LEFT;
}
	
/* area */	
	
.page-template-tpl_area section.top .text {
	padding: 50px 5%;
}	
	
/* get a quote */	
	
.page-template-tpl_get-a-quote section.top .text {
    padding: 50px 5%;
}	
	
	
	
/* faqs page */	
	
	.page-template-tpl_faq section.top .text {
    padding: 50px 5%;
	width: 100%;
    margin-left: 0;
    margin-right: 0;
    -webkit-clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    DISPLAY: BLOCK;
}
/* finance */
	
.page-template-tpl_finance section.about-us .content img.desktop{
	display:none;
}
	
.page-template-tpl_finance section.about-us .content img.mobile{
	display:block;
}	
	
/* contact us page */	
	
	.page-template-tpl_contact section.top .text {
		padding: 50px 5%;
	}
	
	
	
	.single-post article section.top .mobile.image {
    	height: 200px;
	}
	
	
	
/* footer */	
	
footer div.footer-top {
    padding: 25px 15px;
}	

footer div.footer-top aside:first-child,
footer div.footer-top aside:nth-child(2){
	display: inline-block;
	width: 50%;
}	
	
	
footer div.footer-top aside:nth-child(3){
    width: 100%;
	margin-bottom:0;
}		
	
footer div.footer-top aside {
    width: 100%;
    display: block;
}	
	
footer div.footer-top aside#text-5 {
    display: block;
    position: static;
    margin-top: 0px;
    margin-left: calc(100% - 98px);
}	
	
	
	
footer div.footer-bottom {
    padding-left: 5px;
	padding-right: 5px;
}	
	
footer div.footer-bottom p {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
    font-size: 0.6em;
    text-align: center;
}	
	
footer div.footer-bottom a:nth-child(2) {
    margin-right: 5px;
    margin-left: 5px;
}	
/*Gravity Forms*/
	
	.gform_wrapper .gform_page_footer {
    margin: 2PX;
    width: 100%;
    border-top: 1px dotted #CCC;
    padding: 0PX;
    FLEX-DIRECTION: COLUMN-REVERSE;
    DISPLAY: FLEX;
    clear: both;
}
}



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

	.image-choices-field .image-choices-choice, 
	.gform_wrapper .gfield.image-choices-field li.image-choices-choice {
		width: 48%;
		margin-right: 2% !important;
	}

}

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

	.image-choices-field .image-choices-choice, 
	.gform_wrapper .gfield.image-choices-field li.image-choices-choice {
		width: 40%;
		margin-right: 2% !important;
	}

}