/* @override 
	http://new.insulationinstallerslondon.co.uk/themes/metropolitan/assets/css/style.css?t0u621
	http://new.insulationinstallerslondon.co.uk/themes/metropolitan/assets/css/style.css?t0w0rq
	https://www.insulationinstallerslondon.co.uk/themes/metropolitan/assets/css/style.css?t0zfn5
	https://new.soundproofinginstallerslondon.co.uk/themes/metropolitan/assets/css/style.css?t0zgz7 */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* DEFAULT STYLES */

body {
	font-family: "Oswald", sans-serif !important;
	font-weight: 300 !important;
}

.tabs-wrapper {
	border-bottom: 0px solid #d1262c;
	margin: 0 0 25px 0 !important;
	background: #f0f0f0 !important;
	clear: both;
}

ul.tabs {
	margin: 0px !important;
}

ul.primary li {
	display: inline;
}

ul.primary {
	border: none;
	margin: 0;
	padding: 0;
}

ul.primary li a {
	background: none;
	border: none;
	display: block;
	float: left;
	line-height: 1.5385em;
	margin: 0;
	padding: 0 1em;
	border-radius: 0px 0px 0 0;
	margin-right: 15px;
	font-size: 0.9em;
	font-weight: 300;
	color: #222222;
	padding: 10px;
}

ul.primary li a:hover, ul.primary li a.is-active {
	border: none;
	color: #fff;
}

ul.primary li a:hover {
	background: #000000;
	text-decoration: none;
	color: #fff;
}

ul.secondary li {
	display: inline;
	border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
	border: none;
	color: #ffffff;
	display: block;
	float: left;
	line-height: 1.5385em;
	padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.is-active {
	background: #ffffff;
	color: #202120;
	text-decoration: none;
}

ul.secondary a.active {
	border-bottom: none;
}

ul.inline, ul.links.inline {
	margin-left: 0;
}

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

.user #user-login-form {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	background: #f0f0f0;
	padding: 40px;
}

.user #user-login-form input {
	margin-bottom: 15px;
}

.user #user-login-form input.form-submit {
	background-color: #141f2e;
	border: 0;
	width: 100%;
	font-size: 0.9em;
	color: #ffffff;
	text-transform: uppercase;
}

.user #call-to-action-top,
.user #call-to-action-two-top,
.user #reviews,
.user #webform,
.user #clients {
	display: none;
}

/* END DEFAULT STYLES */

/* TRANSFORM RULES / CSS BODY CLASS SETTINGS */


/* END TRANSFORM RULES / CSS BODY CLASS SETTINGS */

#page {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.7em;
	overflow-x: hidden !important;
}

#topheader {
	background: #0c1420 !important;
	border-bottom: 1px solid #dddddd;
	padding: 10px 15px;
	text-align: center;
	color: #ffffff;
}

#topheader a {
	color: #fffff;
}

#topheader ul {
	margin: 0px;
	padding: 0px;
}

#topheader #block-metropolitan-callus ul {
	padding: 0px;
	margin: 0px;
}

#topheader #block-metropolitan-callus li {
	font-size: 1.1em;
	letter-spacing: 0.01em;
	margin: 0px;
	font-weight: 400;
	list-style: none !important;
	width: 100%;
	display: block;
	padding: 0px;
}

#header #block-metropolitan-callus li.smaller {
	font-size: 1.2em !important;
	font-weight: 400;
	letter-spacing: 0em;
}

#header {
	background: #151f2e;
	color: #ffffff;
	font-size: 0.9em;
	border-bottom: 1px solid #dddddd;
}

#header li {
	list-style: none;
	display: inline;
	padding: 10px;
}

#header a, #footer a {
	color: #ffffff;
}

#header #block-metropolitan-logo {
	padding: 5px 15px 15px 30px;
	border-right: 1px solid #dddddd;
}

#header #block-metropolitan-logo img {
	height: 60px;
}

.tbm-link, .tbm-toggle, .level-1 {
	border: none !important;
}

#header #tbm-main {
	background: none !important;
	padding-top: 12px;
}

#header .tb-megamenu {
	background: none;
	padding-top: 10px !important;
}

#header #block-metropolitan-mainnavigation li {
	background: none !important;
	padding: 0;
	font-size: 1.1em;
	color: #ffffff !important;
}

#header .tbm-link {
	color: #ffffff;
	font-weight: 700;
}

#header #block-metropolitan-mainnavigation li a {
	background: none !important;
	border-right: 1px solid #333 !important;
	padding-left: 13px !important;
	padding-right: 13px !important;
	text-decoration: none;
	color: #ffffff !important;
	font-weight: 700;
}

#header #block-metropolitan-mainnavigation li a:hover, #header #block-metropolitan-mainnavigation li .tbm-link.tbm-toggle:hover {
	background: none !important;
	border-right: 1px solid #333;
	padding-left: 13px !important;
	padding-right: 13px !important;
	text-decoration: none;
	color: #51a287 !important;
	background: none !important;
}

#header #block-metropolitan-mainnavigation .tb-megamenu-no-link {
	padding-left: 30px;
	border: none !important;
}

#header #block-metropolitan-mainnavigation .no-link {
	padding-left: 13px !important;
	padding-right: 13px !important;
	border: none !important;
	border-color: red !important;
}

.tbm-submenu {
	background: #0c1420 !important;
	margin-top: 11px
}

#header #block-metropolitan-callus {
	border-left: 1px solid #dddddd;
	padding-top: 10px;
	padding-left: 15px;
}

#header #block-metropolitan-callus ul {
	padding: 0px;
	margin: 0px;
}

#header #block-metropolitan-callus li {
	font-size: 1.4em;
	letter-spacing: 0.05em;
	margin: 0px;
	font-weight: 700;
	text-align: left;
	width: 100%;
	display: block;
	padding: 0px;
}

#header #block-metropolitan-callus li.smaller {
	font-size: 1.2em !important;
	font-weight: 400;
	letter-spacing: 0em;
}

#header #block-metropolitan-bookacallback {
	background: #51a287;
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 10px;
	border-left: 1px solid #dddddd;
	-webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
	transition: background 1s; /* For modern browsers */
}

#header #block-metropolitan-bookacallback:hover {
	background: rgba(81, 162, 135, 0.84);
}

#header #block-metropolitan-bookacallback p {
	font-size: 1.3em;
	margin: 0px;
	font-weight: 700;
	text-align: center;
	padding-left: 0px;
}

#header #block-metropolitan-bookacallback p a {
	text-decoration: none;
	color: #ffffff;
	display: block;
}

#second-navigation {
	background-color: #3e8c72;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#second-navigation ul {
	margin: 0px;
	padding: 0px;
}

#second-navigation ul li {
	display: inline;
	padding: 10px;
}

#second-navigation li a {
	background: none !important;
	padding: 0px;
	font-size: 1.1em;
	color: #ffffff !important;
	text-transform: uppercase;
	font-weight: 400;
	text-decoration: none;
}

#second-navigation li a:hover {
	background: none !important;
	font-size: 1.1em;
	color: #0c1420 !important;
	text-transform: uppercase;
	font-weight: 400;
	text-decoration: none;
}

#slider #block-metropolitan-views-block-case-study-banner-block-1 {
	border-top: 1px solid #dddddd;
}

#slider #block-metropolitan-views-block-case-study-banner-block-1 #flexslider-1.optionset-default {
	z-index: 0 !important;
	margin: 0px;
	border: 0;
	border-radius: 0;
}

#slider #block-metropolitan-views-block-case-study-banner-block-1 #flexslider-1.optionset-default img {
	margin-top: 0px;
	filter: brightness(35%);
	z-index: 0 !important;
}

#slider #block-metropolitan-views-block-case-study-banner-block-1 h3 {
	color: #51a287 !important;
	z-index: 999 !important;
	font-weight: 400;
	line-height: 1.0em;
	margin-bottom: 0px;
	font-size: 1.5em;
	padding-bottom: 10px;
	padding-left: 0px !important;
}

#slider #block-metropolitan-views-block-case-study-banner-block-1 h1 {
	color: #ffffff !important;
	z-index: 999 !important;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 1.0em;
	margin-bottom: 0px;
	font-size: 2.8em;
	padding-bottom: 20px;
	padding-left: 0px !important;
}

#slider #block-metropolitan-views-block-case-study-banner-block-1 .text {
	position: relative;
	margin-top: -120px;
	margin-bottom: 20px;
}

#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 {
	border-top: px solid #dddddd;
}

#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 #flexslider-1.optionset-default {
	z-index: 0 !important;
	margin: 0px;
	border: 0;
	border-radius: 0;
}

#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 #flexslider-1.optionset-default img {
	margin-top: 0px;
	filter: brightness(35%);
	z-index: 0 !important;
}

#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 h1 {
	color: #ffffff !important;
	z-index: 999 !important;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 1.0em;
	margin-bottom: 0px;
	font-size: 2.8em;
	padding-bottom: 23px;
	padding-left: 0px !important;
}

#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 h3 {
	color: #51a287 !important;
	z-index: 999 !important;
	font-weight: 400;
	line-height: 1.0em;
	margin-bottom: 0px;
	font-size: 1.5em;
	padding-bottom: 10px;
	padding-left: 0px !important;
}

#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 .text {
	position: relative;
	margin-top: -120px;
	margin-bottom: 20px;
}

#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 .text img {
	margin-top: 0px;
	filter: brightness(100%) !important;
	z-index: 0 !important;
	width: 40px;
	margin-top: 2px !important;
	float: left;
	margin-right: 15px;
}

#straplines {
	background: url('../images/bg.jpg') left top no-repeat #141f2e;
	top: -6px;
	position: relative;
}

#straplines #block-metropolitan-straplines {
	padding: 15px;
}

#straplines #block-metropolitan-straplines h3 {
	font-size: 1.3em;
	color: #ffffff;
	margin: 0;
	padding-left: 45px;
	padding-top: 5px;
}

#straplines #block-metropolitan-straplines .one {
	background: url('/../images/one.svg') no-repeat left top;
	padding-top: 3px;
	padding-bottom: 8px;
	background-size: 40px;
}

#straplines #block-metropolitan-straplines .two {
	background: url('/../images/two.svg') no-repeat left top;
	padding-top: 3px;
	padding-bottom: 8px;
	background-size: 40px;
}

#straplines #block-metropolitan-straplines .three {
	background: url('/../images/three.svg') no-repeat left top;
	padding-top: 3px;
	padding-bottom: 8px;
	background-size: 40px;
}

#straplines #block-metropolitan-straplines .four {
	background: url('/../images/four.svg') no-repeat left top;
	padding-top: 3px;
	padding-bottom: 8px;
	background-size: 40px;
}

.front #main-content {
	display: none;
}

#front-content #block-metropolitan-frontpagecontent {
	padding: 50px 15px !important;
}

#main-content {
	padding: 50px 15px !important;
}

#front-content img, #main-content img, #post-content-one img, #post-content-two img, #post-content-three img {
	border-radius: 20px
}

#front-content h1 {
	font-size: 2.4em;
	color: #3e8c72;
	font-weight: 700;
	font-family: "Oswald", sans-serif !important;
	letter-spacing: 0px !important;
	margin-bottom: 20px;
}

#main-content h1 {
	font-size: 2.4em;
	color: #141f2e;
	font-weight: 700;
	font-family: "Oswald", sans-serif !important;
	letter-spacing: 0px !important;
	margin-bottom: 20px;
}

#front-content h2 {
	font-size: 1.6em !important;
	color: #141f2e;
	font-weight: 700;
	font-family: "Oswald", sans-serif !important;
	letter-spacing: 0px !important;
	margin-bottom: 20px;
}

#main-content h2 {
	font-size: 1.6em !important;
	color: #3e8c72 !important;
	font-weight: 700;
	font-family: "Oswald", sans-serif !important;
	letter-spacing: 0px !important;
	margin-bottom: 20px;
}

.review #main-content h2 {
	font-size: 1.6em !important;
	color: #3e8c72 !important;
	font-weight: 700;
	font-family: "Oswald", sans-serif !important;
	letter-spacing: 0px !important;
	margin-bottom: 20px;
	text-align: center !important;
}

#main-content h3, #post-content-one h3, #post-content-two h3 {
	font-size: 1.4em;
	color: #141f2e;
	font-weight: 700;
	font-family: "Oswald", sans-serif !important;
	letter-spacing: 0px !important;
	margin-bottom: 20px;
}

#main-content h3 a {
	color: #141f2e;
	text-decoration: none;
	-webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
	transition: background 1s; /* For modern browsers */
}

#main-content h3 a:hover {
	color: #3e8c72;
}

#main-content h4, #post-content-one h4, #post-content-two h4 {
	font-size: 1.1em;
	color: #3e8c72;
	font-weight: 700;
	font-family: "Oswald", sans-serif !important;
	letter-spacing: 0px !important;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#front-content p, #main-content p {
	font-weight: 300 !important;
	font-size: 0.9em;
	color: #333333;
	font-family: "Poppins", sans-serif !important;
	line-height: 1.6em;
	margin-bottom: 20px;
}

#main-content p a {
	font-weight: 700 !important;
	color: #3e8c72;
	font-family: "Poppins", sans-serif !important;
	line-height: 1.6em;
	margin-bottom: 20px;
	-webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
	transition: background 1s; /* For modern browsers */
}

#post-content-two p a {
	font-weight: 700 !important;
	color: #3e8c72;
	font-family: "Poppins", sans-serif !important;
	line-height: 1.6em;
	margin-bottom: 20px;
	-webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
	transition: background 1s; /* For modern browsers */
}

#main-content p a:hover {
	font-weight: 700 !important;
	color: #141f2e;
	font-family: "Poppins", sans-serif !important;
	line-height: 1.6em;
	margin-bottom: 20px;
}

#front-content #flexslider-1 {
	margin: 0;
	padding-top: 50px;
	padding-bottom: 50px;
}

#front-content #flexslider-1 li {
	background: none;
	padding: 0;
}

#front-content .col-xxl-6 ul, #main-content .col-xxl-6 ul {
	margin-bottom: 20px;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

#front-content .col-xxl-6 li, #main-content .col-xxl-6 li {
	font-family: "Poppins", sans-serif !important;
	font-weight: 400;
	color: #333333;
	font-size: 0.9em;
	background: url(/images/tick.svg) left top no-repeat;
	background-size: 25px;
	padding: 0;
	margin: 0;
	list-style: none;
	padding-left: 40px;
}

#main-content ul, #post-content-one ul, #post-content-two ul, #post-content-three ul {
	margin-bottom: 20px;
	padding-left: 10px !important;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

#main-content li, #post-content-one li, #post-content-two li, #post-content-three li {
	font-family: "Poppins", sans-serif !important;
	font-weight: 300;
	color: #333333;
	font-size: 0.9em;
	background: url(/images/tick.svg) left top no-repeat;
	background-size: 25px;
	padding: 0;
	margin: 0;
	list-style: none;
	padding-left: 40px;
}

#post-content-one p,
#post-content-two p,
#post-content-three p {
	font-family: "Poppins", sans-serif !important;
	font-weight: 300;
	color: #333333;
	font-size: 0.9em;
	line-height: 1.6em;
}

#post-content-one p a,
#post-content-two p a,
#post-content-three p a {
	font-family: "Poppins", sans-serif !important;
	font-weight: 700;
		color: #141f2e;
}

#post-content-one p a:hover,
#post-content-two p a:hover,
#post-content-three p a:hover {
	font-family: "Poppins", sans-serif !important;
	font-weight: 700;
		color: #3e8c72;
}

#front-content p.content-link, #main-content p.content-link {
	margin-top: 35px;
}

#front-content p.content-link a, #main-content p.content-link a {
	background: #3e8c72;
	padding: 10px 40px;
	border-radius: 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
	-webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
	transition: background 1s; /* For modern browsers */
}

#front-content p.content-link a:hover, #main-content p.content-link a:hover {
	background: #141f2e;
	padding: 10px 40px;
	border-radius: 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
}

#main-content strong {
	font-weight: 900;
}

#main-content blockquote cite {
	display: block;
	text-align: right;
	font-style: normal;
	font-size: 1.2rem;
	font-family: "Oswald", sans-serif !important;
	color: #3e8c72;
	font-weight: 900;
}

#main-content .social-icons img {
	width: 50px !important;
	float: left !important;
	margin-right: 10px;
}

#footer .social-icons {
	margin-top: 40px;
}

#footer .social-icons img {
	width: 40px !important;
	float: left !important;
	margin-right: 10px;
}

.case-study p.content-link {
	margin-top: 50px !important;
}


#call-to-action, #call-to-action-two {
	background-size: 700px !important;
	background-color: #0c1420;
}

.front #call-to-action-two-top, .testimonials #call-to-action-two-top, .contact #call-to-action-two-top, .resources #call-to-action-two-top, .news #call-to-action-two-top, .information #call-to-action-two-top, .case-study #call-to-action-two-top, .search #call-to-action-two-top, .services-main #call-to-action-two-top {
	display: none !important;
}

#call-to-action #block-metropolitan-views-block-what-we-offer-service-block-1 {
	padding: 40px 20px !important;
}

.contact #call-to-action {
	border-bottom: 1px solid #FFFFFF;
}

#call-to-action #block-metropolitan-calltoaction, #call-to-action #block-metropolitan-calltoactionsearch {
	padding: 40px 20px !important;
}

#call-to-action-two #block-metropolitan-calltoaction-2 {
	padding: 40px 20px !important;
}

#call-to-action h2, #call-to-action-two h2 {
	font-family: "Oswald", sans-serif !important;
	color: #ffffff;
	font-weight: 900;
	margin-bottom: 15px;
}

#call-to-action p, #call-to-action-two p {
	margin: 0;
	color: #ffffff;
	font-weight: 300 !important;
	font-size: 0.9em;
	font-family: "Poppins", sans-serif !important;
	line-height: 1.6em;
}

#call-to-action-top, #call-to-action-two-top {
	background: url('/../images/call-to-action-bg-top.svg') repeat left center;
	height: 30px;
	background-size: 700px !important;
}

#call-to-action .col-lg-3, #call-to-action-two .col-lg-3 {
	margin-top: 40px;
}

#call-to-action p a, #call-to-action-two p a {
	background: #3e8c72;
	padding: 8px 30px;
	border-radius: 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
	-webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
	transition: background 1s; /* For modern browsers */
}

#call-to-action p a:hover, #call-to-action-two p a:hover {
	background: #141f2e;
	padding: 8px 30px;
	border-radius: 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
}

#front-content h2, #main-content h2 {
	font-size: 1.6em !important;
	color: #141f2e;
	font-weight: 700;
	font-family: "Oswald", sans-serif !important;
	letter-spacing: 0px !important;
	margin-bottom: 20px;
}

#post-content-one {
	background: #f8f8f8;
}

#post-content-one #block-metropolitan-views-block-post-content-one-services-block-1, #post-content-two #block-metropolitan-views-block-post-content-two-services-block-1, #post-content-three #block-metropolitan-views-block-post-content-three-services-block-1 {
	padding: 50px 15px !important;
}

#post-content-one p.content-link, #post-content-two p.content-link, #post-content-three p.content-link {
	margin-top: 40px !important;
}

.services #block-metropolitan-calltoactionservices {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.services #block-metropolitan-calltoactionservices p.content-link {
	margin-top: 30px !important;
	text-align: center !important;
}

#post-content-one p.content-link a, #post-content-two p.content-link a, #post-content-three p.content-link a {
	background: #3e8c72;
	padding: 8px 30px;
	border-radius: 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
	-webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
	transition: background 1s; /* For modern browsers */
}

#post-content-one p.content-link a:hover, #post-content-two p.content-link a:hover, #post-content-three p.content-link a:hover {
	background: #141f2e;
	padding: 8px 30px;
	border-radius: 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
}

#post-content-three {
	background: #f8f8f8;
}

#call-to-action #block-metropolitan-views-block-what-we-offer-service-block-1 {
	padding-top: 10px;
	padding-bottom: 10px;
}

#call-to-action h3 {
	font-size: 1.8em !important;
	color: #ffffff;
	font-family: "Oswald", sans-serif !important;
	margin: 0;
	text-align: center;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#webform {
	padding: 50px 20px 50px 20px;
	background: #f8f8f8;
}

#webform #block-metropolitan-webform-2 {
	background: #ffffff;
}

#webform #block-metropolitan-webformimage {
	background: url(/sites/default/files/services/spray-foam-1.jpg);
	background-size: cover;
	filter: brightness(50%);
}

#webform #block-metropolitan-webformimage img {
	display: none;
}

#webform #block-metropolitan-views-block-webform-submissions-block-3 header {
	padding: 0;
}

#webform #block-metropolitan-views-block-webform-submissions-block-3 .views-row {
	padding: 40px 20px;
}

#webform #block-metropolitan-views-block-webform-submissions-block-3 .views-row  p {
	line-height: 1.6;
	margin: 0.5em 0 1em;
	font-family: "Poppins", sans-serif !important;
	font-size: 0.9em !important;
	color: #ffffff;
}

#webform #block-metropolitan-views-block-webform-submissions-block-3 .views-row strong {
	font-weight: 900;
	font-size: 1.2em;
	color: #ffffff;
}

#webform #block-metropolitan-webform-2 {
	padding: 40px;
}

#webform #block-metropolitan-webform-2 h2 {
	font-family: "Oswald", sans-serif !important;
	color: #141f2e;
	font-weight: 900;
	margin-bottom: 25px;
	text-align: left;
	font-size: 2.2em;
	width: 90%;
	margin-right: 10%;
}

.contact .webform-submission-form {
	background: #f8f8f8;
	padding: 25px;
}

#webform #block-metropolitan-webform-2 label, .contact .webform-submission-form label {
	text-transform: uppercase;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400;
	font-size: 0.9em;
	width: 100%;
	margin-bottom: 0px;
}

.contact .webform-submission-form input {
	background: #fffffff;
	border: none;
	height: 45px;
	width: 100%;
	margin-bottom: 20px;
	padding-left: 10px;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400;
	color: #222222;
	font-size: 0.8em;
	margin-top: 0;
}

#webform #block-metropolitan-webform-2 input {
	background: #f0f0f0;
	border: none;
	height: 45px;
	width: 100%;
	margin-bottom: 20px;
	padding-left: 10px;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400;
	color: #222222;
	font-size: 0.8em;
	margin-top: 0;
}

#webform #block-metropolitan-webform-2 select, .contact .webform-submission-form select {
	margin-bottom: 20px;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400;
	font-size: 0.8em;
}

#webform #block-metropolitan-webform-2 .form-select, .contact .webform-submission-form .form-select, .form-item-service-interested-in, .form-item-would-you-like-us-to-call-you-back {
	width: 100%;
}

.contact .webform-submission-form textarea {
	background: #fffffff;
	border: none;
	width: 100%;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-top: 5px;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400;
	color: #222222;
	font-size: 0.8em;
}

.contact #webform {
	display: none !important;
}

#webform #block-metropolitan-webform-2 textarea {
	background: #f0f0f0;
	border: none;
	width: 100%;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-top: 5px;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400;
	color: #222222;
	font-size: 0.8em;
}

#webform #block-metropolitan-webform-2 .form-item, .contact .webform-submission-form .form-item {
	float: left;
	padding-right: 15px;
}

#clients .swiper-pagination {
	position: relative;
	top: 0px;
}

#webform .form-submit, .contact .webform-submission-form .form-submit {
	background: #3e8c72 !important;
	padding: 8px 30px !important;
	border-radius: 15px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	-webkit-transition: background 1s !important; /* For Safari 3.0 to 6.0 */
	transition: background 1s !important; /* For modern browsers */
	text-transform: uppercase;
}

#webform .form-submit:hover, .contact .webform-submission-form .form-submit:hover {
	background: #141f2e !important;
	padding: 8px 30px !important;
	border-radius: 15px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

#footer {
	background: #141f2e;
	padding-top: 50px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

#footer h2 {
	color: #ffffff;
	font-size: 1.5em;
	margin-bottom: 20px;
}

#footer h3 {
	color: #3e8c72;
	font-size: 1.9em;
	margin-bottom: 10px;
	font-weight: 900;
}

#footer h4 {
	margin-bottom: 20px;
	font-size: 1.3em;
	font-weight: 400;
}

#footer h4 a {
	color: #ffffff;
	margin-bottom: 10px;
	text-decoration: none;
}

#footer h4 a:hover {
	color: #3e8c72;
	margin-bottom: 10px;
	text-decoration: none;
}

.contact .contact-details h3 {
	font-size: 1.8em !important;
	color: #141f2e !important;
	padding-top: 5px;
	margin-bottom: 5px !important;
}

.contact .contact-details h4 {
	margin-bottom: 20px;
	font-size: 1.5em !important;
	font-weight: 400;
	margin-bottom: 25px !important;
}

.contact .contact-details h4 a {
	color: #3e8c72;
	text-decoration: none;
}

.contact .contact-details h4 a:hover {
	color: #3e8c72;
	margin-bottom: 10px;
	text-decoration: none;
}

.contact .contact-address {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

.contact .contact-address p {
	margin-bottom: 10px !important;
}

#footer #block-metropolitan-contactfooter p {
	font-weight: 400;
	margin-top: 40px;
}

#footer #block-metropolitan-contactfooter p a {
	color: #3e8c72;
}

#footer #block-metropolitan-contactfooter p a {
	background: #3e8c72;
	padding: 8px 30px;
	border-radius: 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
	-webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
	transition: background 1s; /* For modern browsers */
}

#footer #block-metropolitan-contactfooter p a:hover {
	background: #ffffff;
	padding: 8px 30px;
	border-radius: 15px;
	color: #141f2e;
	text-decoration: none;
	font-weight: 700;
}

#footer ul {
	margin: 0px;
	padding: 0px;
}

#footer ul li {
	list-style: none;
}

#footer ul li a {
	color: #ffffff;
	text-decoration: none;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400;
	font-size: 0.9em !important;
}

#footer ul li a:hover {
	color: #3e8c72;
	text-decoration: none;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400;
	font-size: 0.9em !important;
}

#footer img {
	width: 90%;
	margin-top: -15px;
}

#footer p {
	color: #ffffff;
	font-family: "Poppins", sans-serif !important;
	font-size: 0.9em;
	margin-bottom: 0px;
}

#footer p strong {
	color: #3e8c72;
	font-family: "Poppins", sans-serif !important;
	font-weight: 700 !important;
}

#footer .locations {
	margin-top: 30px;
	border-top: 1px solid #333;
	padding-top: 25px;
}

#post-footer {
	background: #182334;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #333;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

#post-footer #block-metropolitan-informationmenu ul {
	padding: 0;
}

#post-footer #block-metropolitan-informationmenu li {
	display: inline !important;
	font-size: 1.0em;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	font-family: "Poppins", sans-serif !important;
}

#post-footer #block-metropolitan-informationmenu li a {
	color: #ffffff;
	text-decoration: none;
}

#post-footer #block-metropolitan-informationmenu li a:hover {
	color: #3e8c72;
	text-decoration: none;
}

#post-footer #block-metropolitan-footer ul {
	line-height: 18px;
	margin: 0;
	padding: 0;
}

#post-footer #block-metropolitan-footer li {
	display: inline !important;
	font-size: 0.7em;
	font-family: "Poppins", sans-serif !important;
}

#post-footer #block-metropolitan-footer li a {
	color: #eeeeee;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
}

#post-footer #block-metropolitan-footer li a:hover {
	color: #3e8c72;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
}

#post-footer #block-metropolitan-addresses {
	font-family: "Poppins", sans-serif !important;
	color: #ffffff;
	margin: 0 !important;
}

#post-footer #block-metropolitan-addresses p {
	margin: 0;
	font-size: 0.9em;
}

#bottom-footer {
	background: #141f2e;
	padding-top: 30px;
	padding-bottom: 50px;
	border-top: 1px solid #333;
}

#bottom-footer strong {
	font-weight: 700;
	color: #3e8c72;
	padding-right: 3px;
}

#bottom-footer p {
	text-align: center;
	color: #ffffff;
	font-family: "Poppins", sans-serif !important;
	font-size: 0.8em;
	margin: 0;
}

.contact #call-to-action #block-metropolitan-contactstrapline {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

#pre-content {
	background: #141f2e;
	border-top: 0px solid #FFFFFF;
}

#pre-content h2 {
	font-size: 1.8em;
	color: #ffffff;
	padding: 35px 15px;
}

.services #main-content {
	padding-top: 30px !important;
}

.services #block-metropolitan-views-block-services-post-header-block-1 h3 {
	font-size: 1.4em !important;
	margin-bottom: 40px !important;
	font-weight: 700 !important;
	line-height: 1.3em;
	color: #3e8b71 !important;
	margin-top: -35px;
}


.services #post-content-two h2 {
	font-size: 1.8em !important;
	font-weight: 700 !important;
	line-height: 1.3em;
	color: #141f2e !important;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0;
}

.services h3 a {
	color: #3e8b71;
}

.services h3 a:hover {
	color: #141f2e;
}

.services #main-content .col-lg-7, .services #post-content-one .col-lg-7, .services #post-content-two .col-lg-7, .services #post-content-three .col-lg-7 {
	padding: 20px;
}







#block-metropolitan-views-block-services-home-block-1 img {
	filter: brightness(30%) !important;
}

#block-metropolitan-views-block-services-home-block-1 img:hover {
	filter: brightness(70%) !important;
}

#block-metropolitan-views-block-services-home-block-1 .text {
	position: relative;
	top: -70px;
	margin-bottom: -30px;
	padding-left: 30px;
}

#block-metropolitan-views-block-services-home-block-1 h3 {
	font-size: 2.0em;
}

#block-metropolitan-views-block-services-home-block-1 h3 a {
	color: #ffffff;
}











.mm-navbar {
	display: none;
}

.mm-wrapper, .mm-wrapper__blocker {
	z-index: -1 !important;
}

.mm-menu {
	min-width: 100%;
	background: #151f2e !important;
	z-index: 100;
	background: url(/../images/menu-bg.svg) !important;
}

.mm-panels {
	z-index: -4;
}

.mm-panel {
	background: #151f2e;
	background-size: 60px !important;
	z-index: 1 !important;
}

.mm-panel ul {
	padding: 30px 30px 30px 30px;
	z-index: -2 !important;
}

ul.mm-listview {
	z-index: -22 !important;
}

.mm-panel ul li a {
	padding: 6px 4px 6px 4px;
	font-size: 1.3em !important;
	line-height: 1em;
	font-weight: 700 !important;
	color: #ffffff !important;
	z-index: 100 !important;
	text-align: center;
}

.mm-panel ul li a.sub {
	font-size: 1.0em !important;
	font-weight: 300 !important;
}

.mm-panel ul li a.is-active {
	color: #ffffff !important;
}

.mm-panel ul li a:hover {
	color: #3e8c72 !important;
	background-color: transparent !important;
}

.mm-panel ul li:after {
	border: none !important;
}

.mm-panel ul li a.close {
	background: url(../images/close.png) center center no-repeat !important;
	width: 30px;
	color: transparent !important;
	font-size: 0em !important;
	height: 100px !important;
	height: 100px !important;
	background-size: 30px !important;
	padding: 0px !important;
	top: 5px;
	position: fixed;
	right: 20px;
}

.mm-panel ul li a.logo {
	background: url(../images/menu-bg.svg) center center no-repeat !important;
	width: 50px;
	color: transparent !important;
	font-size: 0em !important;
	height: 100px !important;
	background-size: 50px !important;
	padding: 0px !important;
	top: 5px;
	position: fixed;
	left: 20px;
}

/* XL */

@media (max-width: 1400px) {
	
}

/* LG */

@media (max-width: 1200px) {
	#straplines #block-metropolitan-straplines h3 {
		font-size: 1.2em;
		color: #ffffff;
		margin: 0;
		padding-left: 45px;
		padding-top: 6px;
	}
	
	#call-to-action .col-lg-3 {
		margin-top: 50px;
	}
}

/* MD */

@media (max-width: 992px) {
	#header #block-metropolitan-bookacallback {
		background: #51a287;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 10px;
		border-left: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
	}
	
	#header #block-metropolitan-bookacallback p {
		font-size: 1.0em;
		margin: 0px;
		font-weight: 700;
		text-align: center;
		padding-left: 0px;
	}
	
	#header #block-metropolitan-callus {
		text-align: center !important;
		border-bottom: 1px solid #dddddd;
		padding-top: 20px !important;
		padding-bottom: 15px !important;
	}
	
	#header #block-metropolitan-callus li {
		font-size: 1.5em !important;
		letter-spacing: 0.03em;
		margin: 0px;
		font-weight: 700;
		text-align: center !important;
		width: 50% !important;
		display: inline !important;
		padding: 0px !important;
	}
	
	#header #block-metropolitan-callus li .smaller {
		width: 50% !important;
		padding-right: 5px !important;
	}
	
	#second-navigation a.mobile-hide {
		display: none !important;
	}
	
	#straplines .four.mobile-hide {
		display: none;
	}
	
	#footer h2 {
		margin-top: 25px !important;
	}
	
	#webform #block-metropolitan-views-block-webform-submissions-block-3 {
		background: url(/sites/default/files/services/spray-foam-1.jpg);
		background-size: cover;
		filter: brightness(50%);
		height: 400px !important;
	}
	
	#block-metropolitan-views-block-services-block-1 h3 {
		font-size: 1.7em;
	}
	
	#footer img {
		display: none;
	}
}

/* SM */

@media (max-width: 769px) {
	#header #block-metropolitan-callus {
		text-align: center !important;
		border-bottom: 1px solid #dddddd;
		padding-top: 10px !important;
		padding-bottom: 7px !important;
	}
	
	#header #block-metropolitan-callus li {
		font-size: 1.2em !important;
		letter-spacing: 0.03em;
		margin: 0px;
		font-weight: 700;
		text-align: center !important;
		width: 50% !important;
		display: inline !important;
		padding: 0px !important;
	}
	
	#header #block-metropolitan-mainnavigation {
		padding-left: 0px;
		width: 20% !important;
		position: relative !important;
		margin: 0 !important;
		float: left !important;
	}
	
	#header #block-metropolitan-logo {
		padding: 0px 15px 15px 0px;
		border-right: 0px solid #dddddd;
		position: relative;
		left: -60px;
	}
	
	#header #block-metropolitan-bookacallback {
		background: #51a287;
		padding-top: 23px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 10px;
		border-left: 1px solid #dddddd;
		border-bottom: 0px solid #dddddd;
		float: left !important;
		position: relative !important;
		float: left !important;
		width: 32%;
	}
	
	#slider #block-metropolitan-views-block-case-study-banner-block-1 .text {
		position: relative;
		margin-top: 0px;
		margin-bottom: 20px;
		background: #0c1420 !important;
		padding: 20px;
	}
	
	#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1  .text {
		position: relative;
		margin-top: 0px;
		margin-bottom: 20px;
		background: #0c1420 !important;
		padding: 20px;
	}
	
	#slider #block-metropolitan-views-block-case-study-banner-block-1 h3 {
		color: #51a287 !important;
		z-index: 999 !important;
		font-weight: 400;
		line-height: 1.0em;
		margin-bottom: 0px;
		font-size: 1.1em;
		padding-bottom: 10px;
		padding-left: 0px !important;
	}
	
	#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 h3 {
		color: #51a287 !important;
		z-index: 999 !important;
		font-weight: 400;
		line-height: 1.0em;
		margin-bottom: 0px;
		font-size: 1.1em;
		padding-bottom: 10px;
		padding-left: 0px !important;
	}
	
	#slider #block-metropolitan-views-block-case-study-banner-block-1 h1 {
		color: #ffffff !important;
		z-index: 999 !important;
		text-transform: uppercase;
		font-weight: 900;
		line-height: 1.0em;
		margin-bottom: 0px;
		font-size: 1.8em;
		padding-bottom: 0px;
		padding-left: 0px !important;
	}
	
	#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 h1 {
		color: #ffffff !important;
		z-index: 999 !important;
		text-transform: uppercase;
		font-weight: 900;
		line-height: 1.0em;
		margin-bottom: 0px;
		font-size: 1.8em;
		padding-bottom: 0px;
		padding-left: 0px !important;
	}
	
	#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 .text img {
		width: 28px !important;
		margin-left: 0;
	}
	
	#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 .text {
		margin-bottom: 0 !important;
		border-bottom: 1px solid #ffffff;
	}
	
	#straplines .three.mobile-hide {
		display: none;
	}
	
	#main-content {
		padding: 20px 15px !important;
	}
	
	#post-content-one #block-metropolitan-views-block-post-content-one-services-block-1, #post-content-two #block-metropolitan-views-block-post-content-two-services-block-1, #post-content-three #block-metropolitan-views-block-post-content-three-services-block-1 {
		padding: 40px 20px !important;
	}
	
	#post-content-one img {
		margin-bottom: 20px;
	}
	
	#post-content-two img {
		margin-top: 20px !important;
	}
	
	#main-content img {
		margin-bottom: 25px;
	}
	
	#call-to-action .col-lg-3 {
		margin-top: 30px;
	}
	
	#block-metropolitan-views-block-case-studies-block-1 .views-row {
		width: 100%;
		padding-right: 50px !important;
		margin-bottom: 20px;
	}
	
	#block-metropolitan-views-block-news-block-1 img {
		display: none;
	}
	
	.services #call-to-action h3 {
		margin-bottom: 20px;
	}
	
	#main-content #block-metropolitan-resources img {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	#webform #block-metropolitan-webform-2 h2 {
		font-family: "Oswald", sans-serif !important;
		color: #141f2e;
		font-weight: 900;
		margin-bottom: 25px;
		text-align: left;
		font-size: 2.2em;
		width: 100%;
		margin-right: 0%;
	}
	
	.contact #main-content .webform-submission-form {
		margin-bottom: 25px;
	}
	
	.contact .contact-address {
		margin-bottom: 30px;
	}
	
	#block-metropolitan-views-block-services-home-block-1 .text {
		position: relative;
		top: -80px;
		margin-bottom: 0px !important;
		padding-left: 30px;
	}
	
	#block-metropolitan-views-block-services-home-block-1 h3 {
		font-size: 1.4em;
	}
	
	#header #block-metropolitan-mainnavigation {
		float: left !important;
		display: none !important;
	}
	
	#header #block-metropolitan-responsivemenumobileicon {
		width: 10%;
		padding-top: 20px;
	}
	
	#header #block-metropolitan-responsivemenumobileicon .label {
		display: none;
	}
	
	#header #block-metropolitan-logo {
		float: left !important;
		width: 56%;
		padding-left: 65px !important;
	}
	
	#header #block-metropolitan-logo img {
		float: right !important;
		display: block !important;
		text-align: left !important;
		max-width: 250px !important;
	}
	
	#header #block-metropolitan-bookacallback {
		float: right !important;
		width: 34% !important;
	}
	
	#front-content #flexslider-1 {
		padding: 0;
	}
}

@media (max-width: 600px) {
	#header #block-metropolitan-responsivemenumobileicon {
		width: 13%;
		padding-top: 20px;
	}
	
	#header #block-metropolitan-responsivemenumobileicon .label {
		display: none;
	}
	
	#header #block-metropolitan-logo {
		float: left !important;
		width: 57%;
		padding-left: 65px !important;
		padding-right: 0px;
	}
	
	#header #block-metropolitan-logo img {
		display: block !important;
		text-align: left !important;
		max-width: 250px !important;
	}
	
	#header #block-metropolitan-bookacallback {
		float: left !important;
		width: 30% !important;
	}
	
	#header #block-metropolitan-bookacallback p {
		font-size: 0.8em;
		margin: 0px;
		font-weight: 700;
		text-align: center;
		padding-left: 0px;
	}
	
	#second-navigation {
		padding: 0;
	}
	
	#second-navigation li {
		width: 50% !important;
		float: left;
		padding-bottom: 0px !important;
	}
	
	#second-navigation li a {
		background: none !important;
		padding: 0px;
		font-size: 0.9em;
		color: #ffffff !important;
		text-transform: uppercase;
		font-weight: 400;
		text-decoration: none;
	}
	
	#second-navigation li a:hover {
		font-size: 0.9em;
	}
	
	#slider #block-metropolitan-views-block-case-study-banner-block-1 img {
		height: auto;
		width: 200%;
		margin-left: -200px;
	}
	
	#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 img {
		height: auto;
		width: 200%;
		margin-left: -200px;
	}
	
	#slider #block-metropolitan-views-block-duplicate-of-case-study-banner-block-1 .text img {
		width: 25px !important;
		margin-left: 0;
	}
	
	.case-study #main-content {
		padding-top: 20px;
	}
	
	#straplines {
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#straplines #block-metropolitan-straplines h3 {
		font-size: 1.0em;
		color: #ffffff;
		margin: 0;
		padding-left: 0px;
		padding-top: 0px;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	
	#straplines #block-metropolitan-straplines .one {
		background: none;
		background-size: 25px;
		padding-top: 0px;
		padding-bottom: 0px;
		width: 50%;
	}
	
	#straplines #block-metropolitan-straplines .two {
		background: none;
		padding-top: 0px;
		padding-bottom: 0px;
		background-size: 30px;
		width: 50%;
	}
	
	#services #block-metropolitan-views-block-services-home-block-1 .col-xxl-2 {
		width: 25%;
	}
	
	#services #block-metropolitan-views-block-services-home-block-1 .col-xxl-10 {
		width: 75%;
	}
}