/* @override 
	http://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?swm4jf
	http://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?swplc9
	http://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?swplkv
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?swplkv
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?swz4a0
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sx2khf
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sx9ys5
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sxspq4
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sxy5yi
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sxzrfa
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sxzvir
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sxzzos
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sy5flj
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sy5se2
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sz4md5
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sz4nbs
	http://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?sz4nbs
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?szupad
	https://metropolitan.gtdabtesting.co.uk/themes/metropolitan/assets/css/style.css?t0bmi0
	https://www.metropolitaninsulation.co.uk/themes/metropolitan/assets/css/style.css?t0bmi0
	https://www.metropolitaninsulation.co.uk/themes/metropolitan/assets/css/style.css?t0imxo */


@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;
}

/* 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;
}

.review #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;
	text-align:center !important;
}

#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;
}

.information #main-content ul {
	padding-left: 20px !important;
}

.information #main-content li {
	font-family: "Poppins", sans-serif !important;
	font-weight: 300;
	background: none !important;
	color: #333333;
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	padding-left: 0px;
	list-style: disc;
}

#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 blockquote, 
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-1,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-3,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-5,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-7,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-9,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-11,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-13,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-15,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-17 {
  position: relative;
  background: #f8f8f8;
  border-left: 6px solid #3e8c72;
  margin: 2em auto;
  padding: 3em 2em;
  width: 90%;
  margin-right: 10%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  color: #333;
  border-radius: 12px;
  
}

#main-content blockquote.alt,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-2,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-4,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-6,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-8,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-10,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-12,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-14,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-16,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row-18 {
  position: relative;
  background: #f8f8f8;
  border-left: 6px solid #3e8c72;
  margin: 2em auto;
  padding: 3em 2em;
  max-width: 100%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  color: #333;
  border-radius: 12px;
  width: 90%;
  margin-left: 10%;
}

#main-content blockquote::before,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 .views-row::before {
  content: "❝" !important;
  font-size: 3rem !important;
  color: #3e8c72 !important;
  position: absolute !important;
  top: -10px !important;
  left: 10px !important;
}

#main-content blockquote h2,
#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 h2 {
  margin-top: 0;
  font-size: 1.2em !important;
  color: #141f2e !important;
  font-weight: 600;
}

#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 img {
	border: none !important;
	float: right !important;
	width: 7%;
}

#main-content blockquote p {
  line-height: 1.6;
  margin: 0.5em 0 1em;
  font-family: "Poppins", sans-serif !important;
  font-size: 0.9em !important
  
}

#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;
}

.review #block-metropolitan-webform label {
	text-transform: uppercase;
	font-family: "Poppins", sans-serif !important;
	font-weight: 700;
	font-size: 1.0em;
	border-bottom: 3px solid #333;
	width: 100%;
	margin-bottom: 20px;
}

.review #block-metropolitan-webform input {
	background: #f8f8f8;
	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;
}

.review #block-metropolitan-webform textarea {
	background: #f8f8f8;
	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;
}

.review #block-metropolitan-webform ul.thumbnails {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.review #block-metropolitan-webform ul.thumbnails li {
	padding: 0 !important;
	list-style-type: none !important;
	background: none;
	border: 0;
	width: 20%;
}

.review #block-metropolitan-webform ul.thumbnails img {
	border: 0;
}

.review #block-metropolitan-webform ul.thumbnails .thumbnail {
	border: 0;
}

.review #block-metropolitan-webform input.form-submit {
	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 */
}

.review #block-metropolitan-webform input.form-submit:hover {
	background: #141f2e;
	padding: 10px 40px;
	border-radius: 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
}

#block-metropolitan-views-block-news-block-1 .views-row {
  position: relative;
  background: #f8f8f8 !important;
  border-left: 6px solid #3e8c72;
  margin: 2em auto;
  padding: 3em 2em;
  width: 100%;
  margin-right: 0%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  color: #333;
  border-radius: 12px;
}

#block-metropolitan-views-block-news-block-1 img {
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.09) !important;
}

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

#services {
	background: #f8f8f8;
}

#services #block-metropolitan-views-block-services-home-block-1 {
	padding-top: 50px;
	padding-bottom: 50px;
}

#services #block-metropolitan-views-block-services-home-block-1 h2 {
	font-size: 1.3em;
	margin-bottom: 15px;
}

#services #block-metropolitan-views-block-services-home-block-1 h2 a {
	color: #141f2e;
	text-decoration: none;
}

#services #block-metropolitan-views-block-services-home-block-1 p {
	font-weight: 300 !important;
	font-size: 0.9em;
	color: #333333;
	font-family: "Poppins", sans-serif !important;
	line-height: 1.6em;
	margin-bottom: 20px;
	width: 90%;
	margin-right: 25%;
}

#services #block-metropolitan-views-block-services-home-block-1 p.content-link {
	margin-top: 30px !important;
}

#services #block-metropolitan-views-block-services-home-block-1 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 */
}

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

#services #block-metropolitan-views-block-services-home-block-1 .views-row {
	margin-bottom: 0px;
	padding-top: 35px;
	padding-bottom: 25px;
	padding-left: 25px;
}

#services #block-metropolitan-views-block-services-home-block-1 .views-row-1, #services #block-metropolitan-views-block-services-home-block-1 .views-row-2 {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#services #block-metropolitan-views-block-services-home-block-1 .views-row-4, #services #block-metropolitan-views-block-services-home-block-1 .views-row-5 {
	border-right: 1px solid #dddddd;
}

#services #block-metropolitan-views-block-services-home-block-1 .views-row-3 {
	border-bottom: 1px solid #dddddd;
}

#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;
}

#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;
}

#case-studies #block-metropolitan-views-block-case-studies-block-2 {
	padding: 40px 20px;
}

#block-metropolitan-views-block-case-studies-block-1 h2,
#case-studies #block-metropolitan-views-block-case-studies-block-2 h2 {
	margin-bottom: 30px;
}

#block-metropolitan-views-block-case-studies-block-1 .views-row {
	width: 600px;
	margin-right: 50px;
	margin-bottom: 20px;
}

#block-metropolitan-views-block-case-studies-block-1 .views-row img, 
#case-studies #block-metropolitan-views-block-case-studies-block-2 .views-row img {
	border-radius: 0;
	border-bottom: 8px solid #3e8c72;
	margin-bottom: 20px;
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
}

#block-metropolitan-views-block-case-studies-block-1 h4 {
	font-size: 1.0em;
	color: #141f2e;
	font-weight: 300;
	font-family: "Oswald", sans-serif !important;
	letter-spacing: 0px !important;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#case-studies #block-metropolitan-views-block-case-studies-block-2 h4 {
	font-size: 1.0em;
	color: #141f2e;
	font-weight: 300;
	font-family: "Oswald", sans-serif !important;
	letter-spacing: 0px !important;
	margin-bottom: 7px;
	text-transform: uppercase;
}

#block-metropolitan-views-block-case-studies-block-1 h3 {
	font-size: 1.9em;
	margin-bottom: 14px;
}

#case-studies #block-metropolitan-views-block-case-studies-block-2 h3 {
	font-size: 1.6em;
	margin-bottom: 14px;
}

#block-metropolitan-views-block-case-studies-block-1 h3 a,
#case-studies #block-metropolitan-views-block-case-studies-block-2 h3 a {
	color: #141f2e;
	text-decoration: none
}

#block-metropolitan-views-block-case-studies-block-1 h3 a:hover,
#case-studies #block-metropolitan-views-block-case-studies-block-2 h3 a:hover {
	color: #3e8c72;
	text-decoration: none
}

#block-metropolitan-views-block-case-studies-block-1 p,
#case-studies #block-metropolitan-views-block-case-studies-block-2 p {
	margin-bottom: 30px;
}

#block-metropolitan-views-block-case-studies-block-1 p.content-link,
#case-studies #block-metropolitan-views-block-case-studies-block-2 p.content-link {
	margin-top: 0px;
}

#block-metropolitan-views-block-case-studies-block-1 p.content-link a,
#case-studies #block-metropolitan-views-block-case-studies-block-2 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 */
}

#block-metropolitan-views-block-case-studies-block-1 p.content-link 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;
}

#block-metropolitan-soundproofingsolutionscalltoaction p.content-link,
#block-metropolitan-sprayfoamcalltoaction p.content-link,
#block-metropolitan-loftinsulationcalltoaction p.content-link,
#block-metropolitan-domesticcalltoaction p.content-link,
#block-metropolitan-commercialcalltoaction p.content-link,
#block-metropolitan-agricultural p.content-link,
#block-metropolitan-asbestoscalltoaction p.content-link,
#block-metropolitan-flatroofscalltoaction p.content-link,
#block-metropolitan-loftscalltoaction p.content-link,
#block-metropolitan-newbuildcalltoaction p.content-link,
#block-metropolitan-marinecalltoaction 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;
}






.sprayfoam-green h4.open-cell {
	padding-top: 70px;
		background: url('/images/open-cell.svg') no-repeat left top;
	background-size: 50px !important;
	color: #0b1f34 !important;
	
}

.sprayfoam-green h4.closed-cell {
	padding-top: 70px;
	background: url('/images/closed-cell.svg') no-repeat left top;
	background-size: 50px !important;
	color: #0b1f34 !important;
	
}

.sprayfoam-green h3 {
	clear: both !important;
}

#main-content #block-metropolitan-views-block-internal-documents-content-block-1,
#main-content #block-metropolitan-views-block-technical-documents-content-block-1 {
	padding-top: 15px;
}

#main-content #block-metropolitan-views-block-internal-documents-content-block-1 h3,
#main-content #block-metropolitan-views-block-technical-documents-content-block-1 h3 {
	font-size: 1.0em;
	border-bottom: 3px solid #333;
}

#main-content #block-metropolitan-views-block-internal-documents-content-block-1 h3 a,
#main-content #block-metropolitan-views-block-technical-documents-content-block-1 h3 a {
	text-transform: uppercase;
	font-family: "Poppins", sans-serif !important;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 5px;
	display: block;
}

#main-content #block-metropolitan-views-block-internal-documents-content-block-1 h3:hover,
#main-content #block-metropolitan-views-block-technical-documents-content-block-1 h3:hover {
	text-transform: uppercase;
	font-family: "Poppins", sans-serif !important;
	font-weight: 700;
	border-bottom: 3px solid #3e8c72;
}

#main-content #block-metropolitan-resources th,
#main-content #block-metropolitan-content th {
	background: #0c1420;
	text-align: center;
	border: 2px solid #ffffff;
	color: #ffffff;
}

.services #block-metropolitan-content table {
	font-family: "Poppins", sans-serif !important;
	font-size: 0.8em;
}

#main-content #block-metropolitan-resources td.sub-heading {
	background: #3e8c72;
	text-align: center;
	border: 2px solid #ffffff;
	color: #ffffff;
}

#main-content #block-metropolitan-resources td {
	font-family: "Poppins", sans-serif !important;
	font-size: 0.9em;
}

#main-content #block-metropolitan-resources table {
	margin-bottom: 30px;
}

#main-content #block-metropolitan-resources img {
	width: 50% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

#reviews #block-metropolitan-views-block-testimonials-content-type-block-2 {
	padding: 50px 20px !important;
}

#reviews h2 {
	font-family: "Oswald", sans-serif !important;
	color: #141f2e;
	font-weight: 900;
	margin-bottom: 5px;
	text-align: center
}

#reviews #block-metropolitan-views-block-testimonials-content-type-block-2 .views-row-1 {
  position: relative;
  background: #f8f8f8;
  border-left: 6px solid #3e8c72;
  margin: 2em auto;
  padding: 3em 2em;
  width: 48%;
  margin-right: 2%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  color: #333;
  border-radius: 12px;
  
}

#reviews #block-metropolitan-views-block-testimonials-content-type-block-2 .views-row-2 {
  position: relative;
  background: #f8f8f8;
  border-left: 6px solid #3e8c72;
  margin: 2em auto;
  padding: 3em 2em;
  width: 48%;
  margin-left: 2%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  color: #333;
  border-radius: 12px;
  
}

#reviews #block-metropolitan-views-block-testimonials-content-type-block-2 .views-row-1::before,
#reviews #block-metropolitan-views-block-testimonials-content-type-block-2 .views-row-2::before {
  content: "❝" !important;
  font-size: 3rem !important;
  color: #3e8c72 !important;
  position: absolute !important;
  top: -10px !important;
  left: 10px !important;
}

#reviews #block-metropolitan-views-block-testimonials-content-type-block-2 p {
  line-height: 1.6;
  margin: 0.5em 0 1em;
  font-family: "Poppins", sans-serif !important;
  font-size: 0.9em !important
  

}

#reviews p.content-link {
	margin-top: 25px !important;
}

#reviews 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 */
}

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

#clients {
	padding: 50px 20px 40px 20px;
	background: #f8f8f8;
}

#clients h2 {
	font-family: "Oswald", sans-serif !important;
	color: #141f2e;
	font-weight: 900;
	margin-bottom: 5px;
	text-align: center
}

#clients .tns-nav {
	margin-top: -15px;
}

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

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

#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%);
}

#webform #block-metropolitan-views-block-webform-submissions-block-3 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;
}

#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 #block-metropolitan-sprayfoamcalltoaction,
.services #block-metropolitan-loftinsulationcalltoaction,
.services #block-metropolitan-domesticcalltoaction,
.services #block-metropolitan-commercialcalltoaction,
.services #block-metropolitan-soundproofingsolutionscalltoaction,
.services #block-metropolitan-agricultural,
.services #block-metropolitan-asbestoscalltoaction,
.services #block-metropolitan-flatroofscalltoaction,
.services #block-metropolitan-loftscalltoaction,
.services #block-metropolitan-newbuildcalltoaction,
.services #block-metropolitan-marinecalltoaction {
	padding-top: 45px;
	padding-bottom: 45px;
}

.services #block-metropolitan-sprayfoamcalltoaction h2,
.services #block-metropolitan-loftinsulationcalltoaction h2,
.services #block-metropolitan-domesticcalltoaction h2,
.services #block-metropolitan-commercialcalltoaction h2,
.services #block-metropolitan-soundproofingsolutionscalltoaction h2,
.services #block-metropolitan-agricultural h2,
.services #block-metropolitan-asbestoscalltoaction h2,
.services #block-metropolitan-flatroofscalltoaction h2,
.services #block-metropolitan-loftscalltoaction h2,
.services #block-metropolitan-newbuildcalltoaction h2,
.services #block-metropolitan-marinecalltoaction 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-block-1 img {
	filter: brightness(30%) !important;
}

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

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

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

#block-metropolitan-views-block-services-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) {
	
#block-metropolitan-views-block-case-studies-block-1 .views-row {
	width: 520px;
	margin-right: 50px;
	margin-bottom: 20px;
}
	
}

/* 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;
}

#block-metropolitan-views-block-case-studies-block-1 .views-row {
	width: 420px;
	margin-right: 50px;
	margin-bottom: 20px;
}

}

/* 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;
	}
	
	#services #block-metropolitan-views-block-services-home-block-1 p {
		font-weight: 300 !important;
		font-size: 0.9em;
		color: #333333;
		font-family: "Poppins", sans-serif !important;
		line-height: 1.6em;
		margin-bottom: 20px;
		width: 100%;
		margin-right: 0%;
	}
	
	#services #block-metropolitan-views-block-services-home-block-1 .views-row-1, #services #block-metropolitan-views-block-services-home-block-1 .views-row-2 {
		border-right: 0px solid #dddddd;
		border-bottom: 0px solid #dddddd;
	}
	
	#services #block-metropolitan-views-block-services-home-block-1 .views-row-4, #services #block-metropolitan-views-block-services-home-block-1 .views-row-5 {
		border-right: 0px solid #dddddd;
	}
	
	#services #block-metropolitan-views-block-services-home-block-1 .views-row-3 {
		border-bottom: 0px solid #dddddd;
	}
	
	#block-metropolitan-views-block-case-studies-block-1 .views-row {
	width: 320px;
	margin-right: 30px;
	margin-bottom: 20px;
}

#main-content #block-metropolitan-views-block-testimonials-content-type-block-1 img {
	border: none !important;
	float: right;
	width: 25%;
	padding-left: 15px;
}

#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;
}

#reviews {
	padding-left: 20px;
	padding-right: 20px;
}

#reviews #block-metropolitan-views-block-webform-submissions-block-2 .views-row-1 {
  position: relative;
  background: #f8f8f8;
  border-left: 6px solid #3e8c72;
  margin: 2em auto;
  padding: 3em 2em;
  width: 100% !important;
  margin-right: 2%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  color: #333;
  border-radius: 12px;
  
}

#reviews #block-metropolitan-views-block-webform-submissions-block-2 .views-row-2 {
  position: relative;
  background: #f8f8f8;
  border-left: 6px solid #3e8c72;
  margin: 2em auto;
  padding: 3em 2em;
  width: 48%;
  margin-left: 2%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  color: #333;
  border-radius: 12px;
  display: none;
  
}

#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-block-1 .text {
	position: relative;
	top: -80px;
	margin-bottom: 0px !important;
	padding-left: 30px;
	
}

#block-metropolitan-views-block-services-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%;
	}
}