/*
Theme Name: SCR Startpoint
Theme URI: http://www.scrstartpoint.co.uk
Author: Sleep. Create. Repeat.
Author URI: http://www.sleepcreaterepeat.co.uk
Description: My startpoint theme
Version: 1.0.0
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, 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.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/

/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

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


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	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 */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/* REMOVE BOOTSTRAP ROUNDED CORNERS */

code,
kbd,
pre,
.img-rounded,
.img-thumbnail,
.img-circle,
.form-control,
.btn,
.btn-link,
.dropdown-menu,
.list-group-item,
.input-group-addon,
.input-group-btn,
.nav-tabs a,
.nav-pills a,
.navbar,
.navbar-toggle,
.icon-bar,
.breadcrumb,
.pagination,
.pager *,
.label,
.badge,
.jumbotron,
.thumbnail,
.alert,
.progress,
.panel,
.well,
.modal-content,
.tooltip-inner,
.popover,
.popover-title,
.carousel-indicators li {
    border-radius:0 !important;
}

/* TYPOGRAPHY */

body {
	font-family: prometo,sans-serif;
	font-weight: 300;
	font-style: normal;	
	color: #444;
	font-size: 18px;
}

h1 {
	margin-top: 0;
	margin-bottom: 1em;
	color: #002D72;	
	font-family: prometo,sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
}

body.home h1 {
	margin-bottom: 0.5em;
}

h2 {
	font-size: 7.5vw;
	margin-top: 1.5em;
	margin-bottom: 0.75em;
	color: #41b6e6;
	font-weight: 700;
}

h2:first-child {
	margin-top: 0;
}

p {
	line-height: 1.5;
	margin-bottom: 1.25em;
}

p.lead {
font-weight: 400;

}

mark {
	background-color: aqua;
	font-weight: bold;
}

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

	h2 {
		font-size: 26px;
	}

}

/* LISTS */

.main-content-inner ul:not([class]) {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	list-style-type: none;
	padding-left: 20px;
	font-weight: 400;
}

.main-content-inner ul:not([class]) li {
	margin-bottom: 0.5em;	
}

.main-content-inner ul:not([class]) li:before {
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	float: left;
	margin-left: -20px;
	color: #41b6e6;	
}

.main-content-inner ol:not([class]) {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
    padding-left: 0;
}

.main-content-inner ol:not([class]) li {
	margin-bottom: 0.33em;	
    counter-increment: step-counter;
    padding-left: 30px;
    position: relative;
}

.main-content-inner ol:not([class]) li::before {
    content: counter(step-counter);
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.bigList {
	margin-top: 30px;
}

.bigList li {
	margin-bottom: 30px;
}

.bigList li:last-child {
	margin-bottom: 0;
}

.bigList h3 {
	font-size: 5vw;
	text-align: left;
	font-weight: 700;
	margin:0;
	padding: 0.5em 0.75em;
	background-color: #f6bd4d;
	color: #002d72;
	box-shadow: rgba(0,0,0,0.3) 6px 7px 12px;
}

body.home .bigList li a {
	position: relative;
}

body.home .bigList li h3 {
	position: absolute;
	left: -10px;
	bottom: -10px;
	background-color: #f6bd4d;
	color: #002d72;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

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

	.bigList h3 {
		font-size: 20px;
	}

	.bigList li {
		margin-bottom: 27px;
	}

}

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

	.bigList h3 {
		font-size: 18px;
	}

}

/* LINKS */

a {
	text-decoration: none !important;
	outline: none;
	border: none;
	transition: all 0.5s ease;
	color: #002D72;
}

a:link,
a:visited {
	color: #002D72;	
}

a:hover {
	color: #f6bd4d
}

a.mailto {
	text-decoration: underline !important;
}

/* BUTTONS */

.btn {
	background: #f6bd4d;
	color: #002D72;
	border: transparent;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;	
	transition: all 0.5s ease;
}

.btn:hover {
	background: #002D72 !important;
	color: #f6bd4d !important;
}

.btn-xl {
	font-size: 18px !important;
}

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

	.btn-xl {
		font-size: 20px !important;
	}

}

/* IMAGES */

.imageHolder {
	position: relative;
	overflow: hidden;
}

.imageHolder img {
	transition: all 0.5s ease;
}

.imageHolder img:hover {
	transform: scale(1.2);
}

/* SLIDER */

#layerslider_1 .btn-lg {
	font-size: 24px;
}

/* MASTHEAD */

#masthead {
	padding-top: 2px;
	padding-bottom: 12px;
	border-bottom: 2px solid rgba(0,0,0,0.1);
}

#masthead .container {
	padding-bottom: 0;
}

.mastheadContacts {
	font-size: 4.8vw;
}

.mastheadContacts .phone {
	margin-top: 3px;
}

.mastheadContacts .phone .number {
	font-weight: 700;
	color: #002D72;
}

.mastheadContacts .phone .number a {
	color: #002D72 !important;
	text-decoration: none !important;
}

#masthead .anniversary img {
	height: 100px;
}



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

	#masthead {
		border-bottom: none;
	}

	.mastheadContacts {
		text-align: right;
		margin-top: 0;
		font-size: 22px;
	}

	.mastheadContacts .phone {
		font-size: 20px !important;
		line-height: 1;
		margin-top: 0;
		padding-right: 30px;
	}

	.mastheadContacts .phone .number {
		display: block;
		font-size: 30px !important;
	}


	#masthead #homeLink img {
		width: 250px !important;
	}

	#masthead .anniversary {
		text-align: right;
	}
	
	#masthead .anniversary img {
		height: 75px;
	}

	.row-header {
		display: flex;
		align-items: flex-end;
	}

}

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

	#masthead {
		padding-top: 10px;
		padding-bottom: 15px;
	}

	#masthead #homeLink img {
		width: 275px !important;
	}

 	.mastheadContacts .phone {
		font-size: 24px !important;
	}
	
	.mastheadContacts {
	}
	
	#masthead .number {
		font-size: 36px !important;
		display: block;
	}

	.mastheadContacts {
	}
	

}

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

	#masthead #homeLink img {
		width: 285px !important;
	}
	
	#masthead .anniversary img {
		margin-top: 21px;
		height: 65px !important;
	}
	
	.mastheadContacts .phone {
		line-height: 1.1;
	}

	.mastheadContacts {
		margin-top: 14px;
	}
	
}

/* LOGOS */

.logo-main {
	margin-left: -10px;
}

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

	.logo-main {
		max-width: 220px;
	}

}

/* MAIN NAV */

#mainNav {
	background: #002D72;
	line-height: 1;
	margin-bottom:0;
	font-weight: 400;
	font-size: 90%;
}

#mainNav div.container {
	padding-bottom: 0;
}

#mainMenu {
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

#mainMenu > li {
	display: inline-block;
	float: left;
}

#mainMenu > li > a {
	padding: 12px 12px;
	display: inline-block;
	color: #fff;
}

#mainMenu > li:hover {
	background: #f6bd4d;
}

#mainMenu > li:hover a {
	color: #002D72 !important;
}

#mainMenu > li:first-child > a {
}

#mainMenu > li:last-child > a {
	border-right: none;
}

#mainMenu > li.active > a {
}

#mainMenu .dropdown-menu {
	font-size: 17px;
	border: none;
	margin-top: 0;
}

#mainMenu .dropdown-menu li a {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

#mainMenu .dropdown-menu li.active a {
	background: #e0e0e0;	
	color: #000;
}

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

	#mainNav {
		font-size: 100%;
	}

	#mainMenu > li > a {
		padding: 15px;
	}

}

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

	#mainMenu > li > a {
		padding: 15px 1.8em;
	}

}

/* MOBILE NAV */

#menuToggle {
	line-height: 0.5;
	float: right;
	font-size: 46px;
	margin-top: 35px;
}

#mobileMenuContainer {
	display: none;
	background-color: #002D72;
	background-image: url("images/inderflame-symbol-bg-c20.svg");
	background-size: cover;
	color: #fff;
	width: 80%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	font-size: 6.5vw;
	padding: 0 30px 0;
	border-right: 2px solid #fff;
	box-shadow: 12px 0px 12px rgba(0,0,0,0.1);
}

#mobileMenuWrapper {
	height: 100%;
	display: flex;
	align-items: center;
}

#mobileMenu > li  a {
	display: inline-block;
	padding: 0.2em 0;
}

#mobileMenu > li:last-child > a {
	padding-bottom: 0;
}

#mobileMenu > li:first-child > a {
	padding-top: 0;
}

#mobileMenu a:link,
#mobileMenu a:visited {
	color: #fff;
}

#mobileMenu .dropdown-menu {
	font-size: 5.25vw;
	position: relative;
	background: transparent;
	box-shadow: none;
	padding: 0;
	border: none;
	margin-left: 20px;
}

#mobileMenu .dropdown-menu > li a {
	line-height: 1.1 !important;
	padding: 0.4em 0;
	white-space: normal !important;
}

#mobileMenu .dropdown-menu > li a:link,
#mobileMenu .dropdown-menu > li a:visited {
	color: #41b6e6;
}

#mobileMenu .dropdown-menu > li.active a {
	background: rgba(255,255,255,0.33);
}


/* BREADCRUMBS */

.breadcrumbs {
	font-size: 12px;
}

#breadcrumb {
	margin-top: 0;
	background: #e0e0e0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */]
}

#breadcrumb .container {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* SIDEBAR */

.sidebar h2 {
	font-size: 24px;
	font-weight: 700;
	color: #002D72;
}

.sidebar h3 {
	margin-bottom: 20px !important;
}

.sidebarService {
	margin-top: 40px;
	font-weight: 400;
}

.sidebarService a {
	border-bottom: 1px solid rgba(0,0,0,0.1) ;
	display: block;
	padding: 0.5em 0;
}

.sidebarService li:first-child a {
	border-top: 1px solid rgba(0,0,0,0.1) ;
}

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

	.sidebarPadder {
		padding-top: 50px;	
	}

}

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

	.sidebarPadder {
		padding-left: 30px;	
	}

}

/* CONTACT FORMS */

div.wpcf7-response-output {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* CONTENT */

body {
	border-top: 8px solid #002D72;
}

.main-content-inner {
	padding-top: 50px;
}

.main-content-inner p {
}

.header-wrapper {
	position: relative;
	margin-bottom: 40px;
}

.header-wrapper h1 {
	position: absolute;
	left: -10px;
	bottom: -10px;
	display: inline-block !important;
	font-size: 7vw;
	line-height: 0.9;
	text-align: left;
	font-weight: 700;
	margin:0;
	padding: 0.5em 20px;
	background-color: #f6bd4d;
	color: #002d72;
	box-shadow: rgba(0,0,0,0.3) 6px 7px 12px;
	width: 80%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

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

	.header-wrapper {
		margin-bottom: 50px;
	}

	.header-wrapper h1 {
		left: -20px;
		bottom: -20px;
		width: auto;
		font-size: 36px;
	}

}

/* HOME */

.home #content,
.home .main-content .container {
	padding-bottom: 0;
}

.home .hentry {
	margin-bottom: 0;
}

.home .hentry h2 {
	margin-top: 0;
}

.home .hentry .entry-content-thumbnail {
	margin-bottom: 0;
}

.home .bigList {
	margin-bottom: 0 !important;
}

#homeServices {
}

#homeServices .container {
	padding-top: 0;
	padding-bottom: 60px;
}

#homeServices h2 {
	font-weight: 700;
	color: #002D72;
}

#homeServices .bigList {
	margin-bottom: 40px !important;
}

body.home .main-content-inner {
	padding-top: 0;
}

.mainCopy {
	background: #ededed;
	padding: 50px 0;
	margin-top: 50px;
}

.mainCopy .inner {
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.mainCopy h2 {
	width: 90%;
	color: #002D72;
	margin-top: 1.25em;
	margin-bottom: 0.5em;
}

.mainCopy h2:first-child {
	margin-top: 0;
}

.mainCopy .call {
	font-size: 6.75vw;
	background-color: #f6bd4d;
	line-height: 1;
	padding: 0.5em 0.5em;
	color: #002D72;
	font-weight: 300;
	text-align: center;
}

.mainCopy .call span {
	font-weight: 700;
}

.mainCopy .call a:after {
	transition: all 0.25s ease;
}

.mainCopy .call a:hover {
	color: #002D72;
}

.mainCopy .call a:after {
	content: ' ';
	display: block;
	width: 100%;
	height: 2px;
	background-color: transparent;
}

.mainCopy .call a:hover:after {
	background-color: #fff;
}

.mainCopy section {
	margin-top: 40px;
}

.mainCopy section:first-child {
	margin-top: 0;
}

.mainCopy p:last-child {
	margin-bottom: 0;
}


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

	.home .main-content-inner {
		padding-top: 0;
	}
	.home .hentry {
		padding-top: 30px;
		padding-bottom: 30px;
		background: url('images/45-years.png') top left no-repeat;
		background-position-x: -60px;
		background-position-y: 30px;
		background-size: contain;
		background-size: 55%;
	}

	.mainCopy {
		margin-top: 20px;
	}

	.mainCopy .inner {
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
		column-count: 2;
		column-gap: 30px;
	}

	.mainCopy section {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid-column;
		margin-top: 30px;
	}

	.mainCopy .inner {
		width: 750px;
	}

	.mainCopy .call {
		font-size: 26px;
		line-height: 1;
		display: inline-block;
		width: min-content;
		text-align: left;
		padding: 0.5em 0.75em;
	}
	.mainCopy .call span {
		font-size: 36px;
	}
	.mainCopy h2 {
		width: 100%;
	}

	#homeServices {
		position: relative;
		margin-top: -30px;
		z-index: 99999;
		background-color: #fff;
		padding: 20px 20px 0;
	}

	#homeServices .bigList {
		margin-top: 0;
		margin-bottom: 0 !important;
	}


}

@media only screen and (min-width : 992px) {
	
	.home .hentry {
		background-position-x: 0;
		background-position-y: 40px;
		background-size: 35%;
	}

	.mainCopy .inner {
		-moz-column-gap: 50px;
		-webkit-column-gap: 50px;
		column-gap: 50px;
		width: 970px;
	}

	#homeServices {
		margin-top: -40px;
	}

}

@media only screen and (min-width : 1200px) {
	
	.home .hentry {
		padding-top: 50px;
		background-position-x: 30px;
		background-position-y: 3px;
		background-size: 30%;
	}

	.mainCopy .inner  {
		width: 1170px;
	}

}

/* TESTIMONIALS */

.testimonialList {
	margin: 30px 0 0;
}

.testimonialList li {
	position: relative;
	padding: 15px;
	margin: 1em 0 3em;
	color: #000;
	background: #f3961c;
	border-radius: 10px;
	background: #e0e0e0;
}

.testimonialList li:after {
	content: "";
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	bottom: -15px;
	left: 50px;
	width: 0;
	border-width: 15px 15px 0;
	border-style: solid;
	border-color: #e0e0e0 transparent;
}

.testimonialList p {
	margin-bottom: 0;
}

.testimonialList .testimonialText {
	margin-bottom: 0.66em;
}

.testimonialList .testimonialText p:first-child::before {
	content: open-quote;
}

.testimonialList .testimonialText p:first-child::after {
	content: close-quote;
}

.testimonialList .testimonialAttribute {
	font-weight: 700;
	color: #002D72;	
}

/* GALLERY */

.galleryImages > li {
	margin-bottom: 28px;
}

/* BLOG */

article.row {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.blog article {
	margin-bottom: 30px;
}

.blog article img {
	margin-bottom: 20px;
}

.entry-meta {
	font-size: 80%;
}

.blog .entry-meta {
	margin-bottom: 1em;
}

.single .entry-meta {
	margin-bottom: 30px;
}

.entry-content-thumbnail {
	margin-bottom: 30px;
	position: relative;
}

.entry-content-thumbnail .bg {
	position: absolute;
	top:0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url('images/inderflame-symbol-bg-33.svg') center right no-repeat;
	background-size: 50%;
	background-position-y: -140px;
}

.nav > li > a {
	padding: 0 0 1em;
}

.nav > li > a:hover {
	background: none;
}

.blog .main-content article h2 {
	font-weight: 700;
}

/* SERVICES */

.serviceDivider {
	background: #002D72;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	padding: 0.2em 0.6em;
	margin-top: 60px;
}

.servicePageFooter {
	padding: 30px;
	margin-top: 40px;
	background: url('images/inderflame-symbol-bg.svg') center right no-repeat rgba(64, 183, 230, 0.20);
	background-size: 65%;
	background-position-y: -360px;
}

.servicePageFooter ul {
	margin-bottom: 0 !important;
}

.servicePageFooter p:last-of-type {
}

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

	.servicePageFooter {
		padding: 40px 50px 40px 40px;
	}
	
	.servicePageFooter ul {
	    -moz-column-count: 4;
	    -webkit-column-count: 4;
	    column-count: 4;
	}

	body.postid-248 .entry-content ul {
		column-count: 3;
		line-height: 1.25;
	}

	body.postid-248 .entry-content ul > li {
		margin-bottom: 1em;
	}

}

@media only screen and (min-width : 992px) {
	
	.servicePageFooter ul {
	    -moz-column-count: 3;
	    -webkit-column-count: 3;
	    column-count: 3;
	}

}

@media only screen and (min-width : 1200px) {
	
	.servicePageFooter ul {
	    -moz-column-count: 4;
	    -webkit-column-count: 4;
	    column-count: 4;
	}

}

/* MANUFACTURERS and ACCREDITATIONS */

#manufacturers {
	padding: 60px 0;
}

#accreditations {
	border-top: 1px solid rgb(211,211,211);
	padding: 20px 0;
}

#manufacturers .container,
#accreditations .container {
	padding-bottom: 0;
}

#manufacturers img,
#accreditations img {
	display: block;
	max-width:100%;
	max-height:28px;
	width: auto;
	height: auto;
}

#manufacturers .manufacturers,
#accreditations .accreditations {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

#manufacturers .manufacturers .manufacturer,
#accreditations .accreditations .accreditation {
	aspect-ratio: 16 / 9;
	display: flex;
	justify-content: center;
	align-items: center;
}

#manufacturers .manufacturers .manufacturer {
	width: calc((100% - 20px) / 3);
	box-shadow: rgba(0,0,0,0.1) 0px 0px 20px ;
	padding: 0 10px;
}

#accreditations .accreditations .accreditation {
	width: calc((100% - 30px) / 4);
	padding: 0;
}

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

	#manufacturers .manufacturers .manufacturer {
		width: calc((100% - 40px) / 5);
	}

	#accreditations .accreditations .accreditation {
		width: calc((100% - 70px) / 8);
	}

	#accreditations img {
		max-height: 36px;
	}

}

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

	#manufacturers .manufacturers .manufacturer {
		padding: 0 30px;
	}

	#manufacturers img {
		max-height: 35px;
	}

	#accreditations img {
		max-height: 42px;
	}

}

/* CTA */

.cta {
	background: url('images/inderflame-symbol-bg.svg') center right no-repeat #f6bd4d;
	background-size: 80%;
	margin-top: 30px;
	padding: 15px;
	font-size: 5vw;
	line-height: 1.3
	
}

.cta .leader {
	font-weight: 700;
	display: block;
	color: #002D72;	
	margin-bottom: 0.2em;
	font-size: 7vw;
}

.cta .contactNo {
	font-weight: 700;
	display: block;
	margin-top: 0.1em;
	font-size: 9vw;
	color: #002D72;	
}

.cta a:hover {
	color: #000;
}

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

	.cta {
		margin-top: 0;
		padding: 30px;
		font-size: 22px;	
		
	}
	
	.cta .leader {
		display: inline;
		font-size: 22px;	
	}
	
	.cta .contactNo {
		display: inline;
		font-size: 22px;	
	}	

}

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

	.cta {
		padding: 20px;
		font-size: 16px;
	}
	
	.cta .leader {
		display: block;
		font-size: 26px;
		line-height: 1.1;
	}
	
	.cta .contactNo {
		display: block;
		font-size: 24px;	
	}	

}

/* ABOUT US */

.missionStatement {
	padding: 15px;
	background: #e0e0e0;
	background: url('images/inderflame-symbol-bg.svg') center right no-repeat #e0e0e0;
	background-size: 50%;
	font-size: 5.4vw;
	line-height: 1.33;
}

.missionStatement h2 {
	font-size: 7vw;
	color: #002D72;	
	margin-bottom: 0.5em;
	font-weight: 700;
}

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

	.missionStatement {
		padding: 30px;
		font-size: 22px;
		line-height: 1.4;
	}
	
	.missionStatement h2 {
		font-size: 32px;	
	}	

}

/* MEET THE TEAM */

.teamList li {
	margin-bottom: 30px;
}

.teamList h2 {
	margin-top: 20px;
	margin-bottom: 1px;
}

.teamList .position {
	font-weight: 700;
	color: #002D72;	
	margin-bottom: 15px
}

.teamList .startDetails {
	font-size: 14px;
}

.main-content-inner ul.teamList ul:not([class]) li {
	margin-bottom: 0.33em !important;
	font-weight: 300;
}

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

	.teamList h2 {
		font-size: 24px;	
	}

}

/* SOCIAL NETWORKS */

.socialNetworks li {
	display: inline-block;
	margin-left: 0.2em;
}

.socialNetworks li:first-child {
	margin-left: 0;
}

/* CONTACT US */

.page-template-page-contact .main-content h2 {
	font-weight: 700;
	font-size: 6vw;
	color: #002D72;
	margin-bottom: 0.5em;	
}

.page-template-page-contact .map {
	margin-top: 20px;
}

.page-template-page-contact #wpgmza_map,
.page-template-page-contact .map {
	height: 260px !important;
}

.page-template-page-contact .section {
	margin-bottom: 30px;
	font-size: 18px;
}

.page-template-page-contact .section.location {
	margin-top: 30px;
}

.page-template-page-contact .wpcf7 {
	margin-top: 20px;
}

.page-template-page-contact .wpcf7 label {
	font-size: 16px;
	font-weight: 400;
}

.page-template-page-contact .wpcf7 input[type="text"],
.page-template-page-contact .wpcf7 input[type="email"],
.page-template-page-contact .wpcf7 textarea {
	background: #e0e0e0;
	border: transparent;
	font-size: 18px;
	box-shadow: none;
}

.page-template-page-contact .main-content .socialNetworks {
	font-size: 42px
}

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

	.page-template-page-contact #wpgmza_map,
	.page-template-page-contact .map {
		height: 320px !important;
	}

	.page-template-page-contact .main-content h2 {
		font-size: 24px;
	}

}

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

	.page-template-page-contact .main-content h2 {
		font-size: 22px;
	}
	.page-template-page-contact .section.contactform {
		padding-left: 30px;
	}
	
}

/* SECTORS */

#sectors {
	border-top: 1px solid #fff;
	font-weight: 400;
}

#sectors:before {
	content: '';
	height: 160px;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,ffffff+100 */
	background: rgb(221,221,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	position: absolute;
	z-index: -999;
}

#sectors .container {
	padding-top: 30px;
	padding-bottom: 30px;
}

.sectorList {
	font-size: 14px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

.sectorList i {
	padding-right: 0.5em;
	color: #41b6e6;
}

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

	.sectorList {
		font-size: 16px;
	    -moz-column-count: 3;
	    -moz-column-gap: 20px;
	    -webkit-column-count: 3;
	    -webkit-column-gap: 20px;
	    column-count: 3;
	    column-gap: 20px;
	}

}

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

	.sectorList {
		font-size: 18px;
	}

}

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

	.sectorList {
	    -moz-column-count: 4;
	    -webkit-column-count: 4;
	    column-count: 4;
	}

}

/* COLOPHON */

#colophon {
	background: #002D72;
	color: #fff;
	padding-top: 60px;
	padding-bottom: 120px;
}

#colophon a:link,
#colophon a:visited {
	color: #fff;
}

#colophon a:hover {
	color: #f6bd4d
}

#colophon div.container {
	padding-bottom: 0;
}

#legalMenu {
	margin-bottom: 0;
	line-height: 1;
	font-size: 3.5vw;
}

#legalMenu li {
	display: block;
	padding-bottom: 2em;
}

.footerSocial {
	font-size: 32px;
	margin: 1em 0;
}

#colophon .footerAddress {
	margin-bottom: 1em;
}

#colophon .footerContacts > span {
	display: block;
}


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

	.footerSocial {
		margin: 0;
		text-align: right;
	}

	#legalMenu {
		margin-top: 60px;
	}

	#legalMenu li {
		display: inline-block;
		float: left;
		padding: 0 1em;
		font-size: 10px;
	}
	
	#legalMenu li:first-child {
		padding-left: 0;
	}
	
	#legalMenu li:last-child {
		padding-right: 0;
	}

}

/* HELPERS */

.break-out{
	width: 100vw;
	position: relative;
	left: calc(-1 * (100vw - 100%) / 2);
	color: rgba(0,0,0,.6);
}

/* BOOTSTRAP OVERRIDES */

.container {
	padding-left: 30px !important;
	padding-right: 30px !important;
}