@charset "UTF-8";
@font-face {
  font-family: 'CenturyGothic';
  src: url("../fonts/CenturyGothic.eot");
  src: url("../fonts/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic.woff") format("woff"), url("../fonts/CenturyGothic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
chtml, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

strong {
  font-weight: bold; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  background: #fff; }

.content {
  width: 980px;
  margin: 0 auto; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

div {
  transition: all 0.2s ease-in-out; }

p, a {
  font-family: "Open Sans", Helvetica, Sans-serif, Helvetica, sans-serif;
  text-decoration: none;
  color: #676767;
  font-size: 14px; }

b {
  font-family: "Open Sans", Helvetica, Sans-serif, Helvetica, sans-serif; }

li {
  list-style-type: none;
  font-family: 'Open Sans', Helvetica, sans-serif; font-size: 14px; }

h1 {
  font-family: "Open Sans", Helvetica, Sans-serif, Helvetica, sans-serif; }

h2 {
  font-family: "Open Sans", Helvetica, Sans-serif, Helvetica, sans-serif;
  font-size: 26px;
  letter-spacing: 1px; }

h3 {
  font-family: "Open Sans", Helvetica, Sans-serif, Helvetica, sans-serif;
  font-size: 24px;
  color: #484848; }

/* Misc
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#page-title {
  height: 130px;
  background: #6da1ac;
  margin-top: 137px;
  width: 100%; }

#page-title h1 {
  color: #fff;
  font-size: 30px;
  margin-top: 48px;
  text-transform: uppercase;
  float: left; }

#page-title .contact {
  float: right;
  font-size: 20px;
  border: 2px solid #fff;
  padding: 10px;
  margin-top: 41px;
  transition: all 0.2s ease-in-out; }

#page-title .contact:hover {
  border: 2px solid #6ebec4;
  color: #6ebec4; }

::selection {
  color: #fff;
  background: #589d90; }

::-moz-selection {
  color: #fff;
  background: #589d90; }

.contactNone {
  display: none !important; }

.contactNone.show {
  display: inherit !important; }

::-webkit-input-placeholder {
  color: #898989; }

:-ms-input-placeholder {
  color: #898989; }

::-moz-placeholder {
  color: #898989; }

:-moz-placeholder {
  color: #898989; }
  
 .tick:before {font-family: FontAwesome;
	content: "\f00c";
    position: relative;
    right: 10px;
    color: #d91e08;
    padding-left: 10px;}
    

/* Header
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.header {
  background-color: #282623; }

#logo {
  display: block;
  width: 420px;
  transition: all 0.45s ease-in-out;
  z-index: 9999 !important;
  margin: 0 auto; }

#logoimg {
  width: 100%;
  display: block;
  margin: 0 auto;
  opacity: 1 !important;
  transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -webkit-transition: all 0.45s ease-in-out; }

/* Burger Menu
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.navbar {
  display: none;
  visibility: hidden;
  margin-bottom: 5%; }

.navbar .sb-toggle-left {
  padding: 6px 6px 4px 6px;
  background: rgba(243, 245, 247, 0.1);
  margin: 0 auto;
  border-radius: 5px; }

.navicon-line {
  width: 24px;
  height: 4px;
  border-radius: 1px;
  margin-bottom: 3px;
  background-color: #d91e08; }

.sb-menu {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sb-menu li {
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(110, 190, 196, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.sb-menu > li:first-child {
  border-top: none; }

.sb-menu > li:last-child {
  border-bottom: none; }

.sb-menu li a {
  width: 100%;
  display: inline-block;
  padding: 1em;
  color: #fff;
  text-transform: uppercase; }

.sb-menu li a:hover {
  text-decoration: none;
  background-color: rgba(225, 194, 124, 0.05); }

.sb-left .sb-menu li a {
  border-left: 3px solid transparent; }

.sb-left .sb-menu li a:hover, .sb-left .sb-menu li#selected a {
  border-left: 3px solid #fff;
  color: #fff; }

.sb-slidebar.sb-active {
  display: block;
  /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
  background: #d91e08 !important;
  overflow: hidden; }
  
/* Button
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn-lrg {padding: 12px 25px !important; font-size: 20px !important; text-decoration: none !important;}

/* Header
––––––––––––––––––––––––––––––––––––––––––––––––––  */
	.header {position: fixed; width: 100%; top: 0; left: 0; z-index: 91; box-shadow: 0 0px 6px -2px #000;}
	
	/* Header Top 
	––––––––––––––––––––––––––––––––––––––––––––––––––  */
	.headerTop {background-color: #d91e08; position: relative; padding: 0.4rem 0;}
	.headerTop a {color: #fff; font-family: 'CenturyGothic'; font-weight: bold;}
	.headerTop a:hover {color: #fff; text-decoration: underline;}
	.social {display: inline-block; float: right; margin-left: 30px;}
	.telNumbers {display: inline-block; float: right;}
  .headerTop .socialMedia {display: inline-block; float: right; margin-left: 15px;}
	.headerTop i {margin-right: 10px;}
	.headerTop p {margin: 0; color: #fff;}

	
		/* Logo
		––––––––––––––––––––––––––––––––––––––––––––––––––  */
		#logo {width: 200px; margin-bottom: 36px; float: left; margin-top: 36px;}
	
		
	/* Header Bottom
	––––––––––––––––––––––––––––––––––––––––––––––––––  */
	.headerBottom {background-color: #fff;} 
	nav {float: right; clear: both;}
	nav ul {margin-bottom: 0; margin: 0 auto; display: block; text-align: center;}
	nav ul li {margin-bottom: 0; display: inline-block; line-height: 98px; margin-left: 40px;}
	nav ul li:first-child {padding-left: 0; margin-left: 0;}
	nav ul li a {color: #000; font-family: 'CenturyGothic';}
	nav ul li a:hover {color: #000; text-decoration: underline;}
	
	/* Dropper
	––––––––––––––––––––––––––––––––––––––––––––––––––  */
	.header ul li.dropper {position: relative;}
	.header ul li.dropper:hover ul {display: inherit;}
	.header ul li ul {margin: 0; position: absolute; background-color: #d91e08; width: calc(100% + 135px); text-align: center; display: none; border: 1px solid #fff;; border-top: none; left: -65px; top: 98px;}
	.header ul li ul li {display: block; line-height: normal; margin: 0; margin-bottom: 1.5rem; margin-top: 1rem;}
	.header ul li ul li a {padding: 0; font-size: 15px;}
	.subMenu li a {border-left: none!important; color: #fff;}
	.subMenu li a:hover {color: #fff; text-decoration: underline;}
	.subMenu li {padding-left: 0;}
	
	.sb-menu .mobDropper {position: relative;}
	.sb-menu .mobDropper i {position: absolute; right: 0; top: 0; padding: 16px; font-size: 1.5em; color: #fff;}
	.sb-menu .mobDropper i:hover {cursor: pointer;}
	.sb-menu .mobSubMenu {margin: 0; display: none;}
	.sb-menu .mobSubMenu li a {color: #fff; background-color: #d91e08;}
	.sb-menu .mobSubMenu li a:hover {color: #fff;}
  
  /* top
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .headerBottom .right {display: inline-block; float: right;}
  .headerBottom .top {display: inline-block; float: right; clear: both; margin-top: 2rem;}
  .headerBottom .top .big a {font-size: 20px; color: #222; line-height: 25px;}
  .headerBottom .top .big a:hover {color: #d91e08;}
  .headerBottom .top p {color: #d91e08;}
  .headerBottom .top .socialLanding, .headerBottom .top .telLanding, .headerBottom .top .contactToday {display: inline-block;}
  .headerBottom .top .telLanding {margin-left: 30px;}
  .headerBottom .top .contactToday {margin-left: 30px; vertical-align: bottom;}
  .headerBottom .top .contactToday button {width: 100%; padding: 0 15px; margin: 0; height: 45px;}
	

.products .container {width: 95%;}

.logburnerhome {margin-top: 16.6rem;}

form #website{display:none;}

	
/* Banner
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.banner {position: relative; margin-top: 167px;} 
.bannerText {position: absolute; width: 40%; padding: 0px; bottom: 15%; left: 7%;}
.bannerText h2, .bannerText h1 {font-size: 40px; color: #fff; font-family: 'CenturyGothic';}
.bannerText p {color: #fff; font-family: 'CenturyGothic'; margin-bottom: 0; font-size: 16px; line-height: 23px;}
.bannerText button {width: 30%; padding: 0 15px; margin: 0; height: 45px; margin-top: 3rem;}
.bannerText button:hover {border: none !important;}
button:focus {box-shadow: none !important; outline: none !important; color: #fff !important; border-color: none !important;}

.after {
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 9;
}

/* Home
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#home h1 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; letter-spacing: 1px;}
#home h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; letter-spacing: 1px;}\
#home h3 {color: #222222;}
#home p {color: #222222; font-family: 'CenturyGothic';}
#home .four.columns a:hover {text-decoration: none; background-color: #a01606;}
#home .four.columns a {padding: 13px 20px; background-color: #d91e08; color: #fff !important; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
#home .padd {padding: 0;}
#home ul{}
#home li {color: #222222;}
#home img {width: 100%; padding: 0;}
.containerImages {width: 95%; margin: 0 auto; display: block; padding-bottom:  6rem; overflow: hidden;}
.containerImages .four.columns {margin-left: 1%; width: 32%;}
#home .containerImages .four.columns h3 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 22px; letter-spacing: 0.5px; color: #222;}
.padd {padding: 0 4rem; margin-top: 2rem;}
#home .container {padding: 2rem 0;}
#home .four.columns.services {margin-left: 0;}
#home .six.columns .seven.columns {margin-left: 0;}
#home .six.columns .seven.columns p {margin-bottom: 3rem;}
#home .six.columns .seven.columns a:hover {text-decoration: underline;}
#home .six.columns .seven.columns a {padding: 10px; background-color: #d91e08; color: #fff;}
#home .products {margin-bottom: 4rem;}

#home .testimonial {padding: 0 0 5rem 0;}
#home .testimonial p.stars {margin-bottom: 1rem;}
#home .testimonial p.stars i {margin-right: 8px; color: #d91e08; font-size: 25px;}
#home .testimonial h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 30px; letter-spacing: 0.5px; color: #222222; line-height: 35px; margin-bottom: 4rem;}
#home .testimonial h5 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 16px; letter-spacing: 0.5px; color: #222222; line-height: 21px; margin: 0; float: right;}
#home .testimonial .gx-8 {--bs-gutter-x: 6rem;}
#home .testimonial a, .testimonialAbout a {color: #222 !important;}

/* Gallery
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#gallery .container {margin-top: 1rem;}
#gallery img {width: 100%; margin-bottom: 2rem; aspect-ratio: 15/11; object-fit: cover;}
#gallery h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; letter-spacing: 1px; margin-bottom: 4rem;}

/* Pricing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#pricing {padding: 5rem 0;}
#pricing h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; letter-spacing: 1px; margin-bottom: 3rem;}
#pricing a {color: #222222;}
#pricing a:hover {color: #d91e08;}
#pricing .heading p {width: 95%;}
#pricing p {color: #222222; font-family: 'CenturyGothic';}
#pricing ul {}
#pricing li {color: #222222;}
#pricing .pricing {margin-top: 3rem;}
#pricing .service {margin-bottom: 3.5rem;}
#pricing .service h3 span {color: #d91e08;}
#pricing .service h3 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 21px; color: #222222; letter-spacing: 1px; margin-bottom: 1rem; line-height: 26px;}
#pricing h3 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 21px; color: #222222; letter-spacing: 1px; margin-bottom: 1rem; line-height: 26px;}
#pricing h3 a {font-family: 'CenturyGothic'; font-weight: bold; color: #222222; font-size: 21px; color: #222222; letter-spacing: 1px; margin-bottom: 1rem; line-height: 26px;}


/* Testimonials
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.subBanner, .subBannerSweep, .subBannerServices {margin-top: 167px;}
#testimonials {padding-top: 4rem;}
#testimonials .container {margin-top: 1rem; margin-bottom: 2rem; width: 90%;}
#testimonials p.stars {margin-bottom: 1rem;}
#testimonials p.stars i {margin-right: 8px; color: #d91e08; font-size: 25px;}
#testimonials h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; margin-bottom: 4rem; letter-spacing: 1px; text-align: center;}
#testimonials .heading p {text-align: center; width: 57%; margin: 0 auto; display: block;}
#testimonials p  {color: #222222; font-family: 'CenturyGothic'; }
.testi span {float: right; color: #222222; font-weight: bold; font-size: 16px; font-family: 'CenturyGothic';}
#testimonials .six.columns {width: 100%; margin-left: 0;}
.testi p {margin-bottom: 0.5rem; font-size: 15px;}
.testi {margin-bottom: 3rem; background-color: #efefef; padding: 3rem 3rem 5rem 3rem; border-radius: 20px;}
.products {margin-left: 0;}
.products p {margin-bottom: 3rem;}
.products a:hover {text-decoration: none; background-color: #a01606;}
.products a {padding: 13px 20px; background-color: #d91e08; color: #fff !important; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.products {margin-bottom: 4rem;}
.products img {width: 100% !important;}

/* About
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#about .container {margin-top: 1rem; margin-bottom: 2rem;}
#about h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; letter-spacing: 1px;}
#about p {color: #222222;}
#about img {width: 100%;}
#about img.trust {width: 60%!important; margin-top: 4rem;}
img.trust {width: 17%!important;} 
#about .aboutSection {text-align: center; padding: 5rem 0;}
#about .aboutSection p:last-child {margin-bottom: 0;}
#about .aboutSection .container {width: 55%;}
#about #whySection {padding: 5rem 0;}
#about #aboutservices {padding: 5rem 0; background-color: #f8f8f8;}
#about #aboutservices h2 {margin-bottom: 4rem;}
#about #aboutservices li {font-size: 18px;}
#about #contactFormrepointingSection {background: url(/images/chimney-repointing-banner-img-1.jpg)no-repeat; background-size: cover; padding: 8rem 0;}
#about #contactFormrepointingSection .padding {background-color: rgba(239, 239, 239, 0.9); padding: 3rem;}
#about #contactFormrepointingSection input {border: 1px solid #222;}
#about #contactFormrepointingSection [type=submit] {
    margin-bottom: 0;
    margin-top: 1rem;
    font-size: 20px;
    font-family: 'CenturyGothic';
    height: 60px;
    border: none;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
#about #contactFormrepointingSection [type=submit]:hover {color: #fff; background-color: #ad1806;}

.testimonialAbout {margin-bottom: 5rem;}


/* Chimney Sweeps
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#sweeps .container {margin-top: 1rem; margin-bottom: 2rem;}
#sweeps h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; letter-spacing: 1px;}
#sweeps p {color: #222222;}
#sweeps img {width: 100%; margin: 2rem 0;}
#sweeps input, #sweeps textarea {width: 100%;}
#sweeps button {width: 100%;}
#sweeps a {color: #222222;}
#sweeps a:hover {color: #222222; text-decoration: underline;}
#sweeps li {margin-left: 30px;}
#sweeps li:before {content: "\f00c"; font-family: FontAwesome; position: absolute; margin-left: -30px; color: #d91e08; font-size: 1.2em; line-height: 20px;}
#sweeps h3 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 18px; color: #222222; letter-spacing: 1px; margin-top: 2rem;}

/* Contact
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#contact .container {margin-top: 3rem; margin-bottom: 2rem; width: 70%;}
#contact h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; letter-spacing: 1px;}
#contact p a {color: #222222; margin-bottom:  1rem; font-size: 15px; font-weight: 500;}
#contact p {margin-bottom: 1rem;}
#contact .contactDetails {margin-left: 10px;}
.mail:before {font-family: FontAwesome; content: "\f0e0"; position: relative; right: 10px; color: #222222;}
.tel:before {font-family: FontAwesome; content: "\f095";  position: relative; right: 10px; color: #222222;}
#contact .instagram:before {font-family: FontAwesome; content: "\f16d";  position: relative; right: 10px; color: #222222;}
input {width: 80%; background-color: #eeeeee; border: 1px solid #222222; font-size: 14px !important;}
textarea {width: 80%; min-height: 100px!important; font-size: 14px !important;}
#contact .eight.columns p {margin-bottom: 2rem; width: 80%;}
#contact .ps-lg-6 {padding-left: 5rem !important;}
#contact [type=submit] {margin-top: 1rem; height: 40px; font-size: 16px; line-height: inherit;}

::-webkit-input-placeholder {
   color: #222222;
}

:-moz-placeholder { /* Firefox 18- */
   color: #222222;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #222222;  
}

:-ms-input-placeholder {  
   color: #222222;  
}

/* Log Burner Location
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn-white {background-color: #fff; color: #222; font-family: 'CenturyGothic'; font-weight: bold; font-size: 16px; padding: 10px 15px;transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.btn-white:hover {background-color: #cccccc;}

.btn-red {background-color: #d91e08; color: #fff; font-family: 'CenturyGothic'; font-weight: bold; font-size: 16px; padding: 10px 15px;transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.btn-red:hover {background-color: #ad1806; color: #fff;}

input:focus, textarea:focus, button:focus {
  outline:none;
}

  /* Header Landing
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  header.landingPage {padding: 2rem 0;}
  header.landingPage .big a {font-size: 20px; color: #222; line-height: 25px;}
  
  .headerInfoMob {display: none; background-color: #d91e08; padding: 0.8rem 0;}
  .headerInfoMob .right {margin-left: auto;}
  .headerInfoMob a {color: #fff;}
  .headerInfoMob a:hover {color: #fff;}
    
    /* Logo
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    header.landingPage #logoLanding img {width: 200px;}
    
    /* Right
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    header.landingPage .right {margin-left: auto;}
    
    header.landingPage .right .socialLanding {display: inline-block;}
    header.landingPage .right .socialLanding p {color: #d91e08;}
    
    header.landingPage .right .telLanding {display: inline-block; margin-left: 40px;}
    header.landingPage .right .telLanding p {color: #d91e08;}
    
    header.landingPage .right .contactToday {display: inline-block; margin-left: 40px; vertical-align: bottom;}
    header.landingPage .right .contactToday button {height: auto; width: auto; margin-bottom: 0;}

  
  /* Sub Banner
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .subBannerSweep {position: relative;}
  .subBannerLanding {position: relative;}
  .subbannerText {position: absolute; top: 28%; right: 5%; width: 32%; z-index: 81; background-color: rgba(239, 239, 239, 0.9); padding: 2rem 2rem 3rem 2rem;}
  .subbannerText h1 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; line-height: 40px; color: #222222; letter-spacing: 1px; margin-bottom: 2rem;}
  .subbannerText p {margin: 0; font-family: 'CenturyGothic'; font-size: 13px; color: #222222; margin-bottom: 3rem;}
  .subbannerText button {height: auto; width: auto; margin-bottom: 0;}
  
  
  .subBannerServices {position: relative;}
  .subBannerServices .bannerTextServices {position: absolute; bottom: 15%; left: 0%; z-index: 81; width: 100%;}
  .subBannerServices .bannerTextServices h1 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 40px; line-height: 45px; color: #fff; letter-spacing: 1px; margin-bottom: 2rem;}
  .subBannerServices .bannerTextServices p {margin: 0; font-family: 'CenturyGothic'; font-size: 15px; color: #fff; margin-bottom: 3rem;}
  .subBannerServices .bannerTextServices button {height: auto; width: auto; margin-bottom: 0;}
  .subBannerServices .bannerTextServices .textBox {width: 50%;}
  
  .subBannerServices .after {
      position: absolute;
      bottom: 0%;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 9;
  }
  
  /* Model
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .modal-backdrop.show {opacity: 0; z-index: 91; position: relative;}
  .modal-dialog {max-width: 50%; z-index: 91; -webkit-box-shadow: 0px 12px 17px 0px rgb(0 0 0 / 30%); box-shadow: 0px 12px 17px 0px rgb(0 0 0 / 30%);}
  .modal-dialog .modal-content {border-radius: 0; border: none; outline: none;}
  .modal-dialog .modal-content .modal-header {padding: 3rem 3rem; border: none;}
  .modal-dialog .modal-content .modal-header #logo {width: 100%; margin: 0;}
  .modal-dialog .modal-content .modal-header #logo img {width: 200px; float: left;}
  .modal-dialog .modal-content .modal-header button {background: transparent; border: none; margin-bottom: 0; width: 100%;}
  .modal-dialog .modal-content .modal-header button i {color: #d91e08; font-size: 30px; float: right;}
  .modal-dialog .modal-content .modal-body {padding: 1rem 3rem 3rem 3rem;}
  .modal-dialog .modal-content .modal-body [type=submit] {margin-bottom: 0; margin-top: 1rem; font-size: 18px; font-family: 'CenturyGothic'; height: 50px;}
  .modal-dialog .modal-content .modal-body form {margin: 0;}
  
  /* Sections
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #logLanding #mobilelogLanding {background-color: rgba(239, 239, 239, 1); padding: 7rem 0; display: none;}
  #logLanding #mobilelogLanding h1 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; line-height: 40px; color: #222222; letter-spacing: 1px; margin-bottom: 2rem;}
  #logLanding #mobilelogLanding p {margin: 0; font-family: 'CenturyGothic'; font-size: 13px; color: #222222; margin-bottom: 3rem;}
  #logLanding #mobilelogLanding button {height: auto; width: auto; margin-bottom: 0;}
  
  #logLanding #topSection {padding: 8rem 0;}
  #logLanding #topSection .container {width: 70%;}
  #logLanding #topSection h2 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; color: #222222; letter-spacing: 1px; line-height: 40px; margin-bottom: 2rem;}
  #logLanding #topSection img.log {width: 70%; margin: 0 auto; display: block;}
  #logLanding #topSection h3 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 20px; line-height: 25px; color: #222222; letter-spacing: 1px; margin-bottom: 1rem;}
  #logLanding #topSection .approve {margin-top: 3rem;}
  #logLanding #topSection .approve img {width: 80%; margin: 0 auto; display: block;}
  
  #logLanding #aboutSection {padding: 8rem 0;}
  #logLanding #aboutSection .heading {text-align: center; margin-bottom: 6rem;}
  #logLanding #aboutSection .heading p {width: 50%; margin: 0 auto; display: block;}
  #logLanding #aboutSection h2 {margin: 0; font-family: 'CenturyGothic'; font-size: 50px; line-height: 55px; color: #222222; letter-spacing: 1px; margin-bottom: 1rem;}
  #logLanding #aboutSection h3 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 20px; line-height: 25px; color: #222222; letter-spacing: 1px; margin-bottom: 1rem;}
  #logLanding #aboutSection .padding {padding-right: 6rem;}
  
  #logLanding #whySection {padding: 8rem 0 0 0;}
  #logLanding #whySection .container {width: 70%;}
  #logLanding #whySection h2 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; color: #222222; letter-spacing: 1px; line-height: 40px; margin-bottom: 2rem;}
  #logLanding #whySection img.log {width: 70%; margin: 0 auto; display: block;}
  #logLanding #whySection h3 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 20px; line-height: 25px; color: #222222; letter-spacing: 1px; margin-bottom: 1rem;}
  #logLanding #whySection .approve {margin-top: 3rem;}
  #logLanding #whySection .approve img {width: 80%; margin: 0 auto; display: block;}
  
  #logLanding #bottomSection {padding: 8rem 0;}
  #logLanding #bottomSection .container {width: 70%;}
  #logLanding #bottomSection h2 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; color: #222222; letter-spacing: 1px; line-height: 40px; margin-bottom: 2rem;}
  #logLanding #bottomSection img.log {width: 70%; margin: 0 auto; display: block;}
  #logLanding #bottomSection h3 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 20px; line-height: 25px; color: #222222; letter-spacing: 1px; margin-bottom: 1rem;}
  #logLanding #bottomSection .approve {margin-top: 3rem;}
  #logLanding #bottomSection .approve img {width: 80%; margin: 0 auto; display: block;}
  
  #logLanding #galleryLanding {padding: 0rem 0 0 0;}
  
  #quoteBar {background-color: #d91e08; padding: 3rem 0; margin-top: 1rem;}
  #quoteBar button {height: auto; width: auto; margin-bottom: 0; margin-right: auto;}
  #quoteBar .info {margin: 0 auto; display: block;}
  #quoteBar .info p {color: #fff; font-family: 'CenturyGothic'; font-size: 25px; line-height: 30px;}
  #quoteBar .info .text {margin-right: 40px; margin-left: auto;}
  
  #logLanding #secondSection {padding: 10rem 0 0 0;}
  #logLanding #secondSection h3 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 20px; line-height: 25px; color: #222222; letter-spacing: 1px; margin-bottom: 1rem;}
  
  #logLanding #LogPacks h3 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 20px; line-height: 25px; color: #222222; letter-spacing: 1px; margin-bottom: 1rem;}
  #logLanding #LogPacks h2 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; color: #222222; letter-spacing: 1px; line-height: 40px; margin-bottom: 2rem;}
  #logLanding #LogPacks {padding-bottom: 6rem;}
  #logLanding #LogPacks img {margin-bottom: 1rem;}
  
  #logLanding #thirdSection {padding: 8rem 0 8rem 0;}
  
  #logLanding #contactFormSection {background: url('/images/log-burner-stove-footer-img.jpg')no-repeat; background-size: cover; padding: 8rem 0;}
  #logLanding #contactFormSection h2 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; color: #222222; letter-spacing: 1px; line-height: 40px; margin-bottom: 2rem;}
  #logLanding #contactFormSection input {border: 1px solid #222;}
  #logLanding #contactFormSection [type=submit] {margin-bottom: 0; margin-top: 1rem; font-size: 20px; font-family: 'CenturyGothic'; height: 60px; border: none; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
  #logLanding #contactFormSection [type=submit]:hover {color: #fff; background-color: #ad1806;}
  #logLanding #contactFormSection .padding {background-color: rgba(239, 239, 239, 0.9); padding: 3rem;}
  #logLanding #contactFormSection .padding form {margin-bottom: 0;}
  
  #logLanding #contactFormsweepSection{background: url('/images/chimney-sweeping-footer-banner-img.jpeg')no-repeat; background-size: cover; padding: 8rem 0;}
  #logLanding #contactFormsweepSection h2 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; color: #222222; letter-spacing: 1px; line-height: 40px; margin-bottom: 2rem;}
  #logLanding #contactFormsweepSection input {border: 1px solid #222;}
  #logLanding #contactFormsweepSection [type=submit] {margin-bottom: 0; margin-top: 1rem; font-size: 20px; font-family: 'CenturyGothic'; height: 60px; border: none; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
  #logLanding #contactFormsweepSection [type=submit]:hover {color: #fff; background-color: #ad1806;}
  #logLanding #contactFormsweepSection .padding {background-color: rgba(239, 239, 239, 0.9); padding: 3rem;}
  #logLanding #contactFormsweepSection .padding form {margin-bottom: 0;}
  
  #logLanding #contactFormLiningSection {background: url('/images/boom-footer-banner-chimney-lining.jpg')no-repeat; background-size: cover; padding: 8rem 0;}
  #logLanding #contactFormLiningSection h2 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; color: #222222; letter-spacing: 1px; line-height: 40px; margin-bottom: 2rem;}
  #logLanding #contactFormLiningSection input {border: 1px solid #222;}
  #logLanding #contactFormLiningSection [type=submit] {margin-bottom: 0; margin-top: 1rem; font-size: 20px; font-family: 'CenturyGothic'; height: 60px; border: none; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
  #logLanding #contactFormLiningSection [type=submit]:hover {color: #fff; background-color: #ad1806;}
  #logLanding #contactFormLiningSection .padding {background-color: rgba(239, 239, 239, 0.9); padding: 3rem;}
  #logLanding #contactFormLiningSection .padding form {margin-bottom: 0;}
  
  
  #logLanding #contactFormGuardsSection {background: url('/images/boom-footer-banner-guards-pots-cowls.jpg')no-repeat; background-size: cover; padding: 8rem 0;}
  #logLanding #contactFormGuardsSection h2 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; color: #222222; letter-spacing: 1px; line-height: 40px; margin-bottom: 2rem;}
  #logLanding #contactFormGuardsSection input {border: 1px solid #222;}
  #logLanding #contactFormGuardsSection [type=submit] {margin-bottom: 0; margin-top: 1rem; font-size: 20px; font-family: 'CenturyGothic'; height: 60px; border: none; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
  #logLanding #contactFormGuardsSection [type=submit]:hover {color: #fff; background-color: #ad1806;}
  #logLanding #contactFormGuardsSection .padding {background-color: rgba(239, 239, 239, 0.9); padding: 3rem;}
  #logLanding #contactFormGuardsSection .padding form {margin-bottom: 0;}
  
  
  
  #logLanding #contactFormrepointingSection {background: url('/images/chimney-repointing-banner-img-1.jpg')no-repeat; background-size: cover; padding: 8rem 0;}
  #logLanding #contactFormrepointingSection h2 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; color: #222222; letter-spacing: 1px; line-height: 40px; margin-bottom: 2rem;}
  #logLanding #contactFormrepointingSection input {border: 1px solid #222;}
  #logLanding #contactFormrepointingSection [type=submit] {margin-bottom: 0; margin-top: 1rem; font-size: 20px; font-family: 'CenturyGothic'; height: 60px; border: none; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
  #logLanding #contactFormrepointingSection [type=submit]:hover {color: #fff; background-color: #ad1806;}
  #logLanding #contactFormrepointingSection .padding {background-color: rgba(239, 239, 239, 0.9); padding: 3rem;}
  #logLanding #contactFormrepointingSection .padding form {margin-bottom: 0;}
  
  
  #logLanding #contactFormremoveSection {background: url('/images/chimney-removal-banner-img-1.jpg')no-repeat; background-size: cover; padding: 8rem 0;}
  #logLanding #contactFormremoveSection h2 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; color: #222222; letter-spacing: 1px; line-height: 40px; margin-bottom: 2rem;}
  #logLanding #contactFormremoveSection input {border: 1px solid #222;}
  #logLanding #contactFormremoveSection [type=submit] {margin-bottom: 0; margin-top: 1rem; font-size: 20px; font-family: 'CenturyGothic'; height: 60px; border: none; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
  #logLanding #contactFormremoveSection [type=submit]:hover {color: #fff; background-color: #ad1806;}
  #logLanding #contactFormremoveSection .padding {background-color: rgba(239, 239, 239, 0.9); padding: 3rem;}
  #logLanding #contactFormremoveSection .padding form {margin-bottom: 0;}
  
  
  #logLanding #contactFormBirdSection {background: url('/images/chimney-bird-proofing-banner-img-1.jpg')no-repeat; background-size: cover; padding: 8rem 0;}
  #logLanding #contactFormBirdSection h2 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 35px; color: #222222; letter-spacing: 1px; line-height: 40px; margin-bottom: 2rem;}
  #logLanding #contactFormBirdSection input {border: 1px solid #222;}
  #logLanding #contactFormBirdSection [type=submit] {margin-bottom: 0; margin-top: 1rem; font-size: 20px; font-family: 'CenturyGothic'; height: 60px; border: none; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
  #logLanding #contactFormBirdSection [type=submit]:hover {color: #fff; background-color: #ad1806;}
  #logLanding #contactFormBirdSection .padding {background-color: rgba(239, 239, 239, 0.9); padding: 3rem;}
  #logLanding #contactFormBirdSection .padding form {margin-bottom: 0;}
  
  /* footer
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #footerLanding {background-color: #efefef; padding: 3rem 0;}
  #footerLanding .big a {font-size: 20px; color: #222; line-height: 25px; text-align: left;}
  
    /* Logo
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    #footerLanding #logoLanding img {width: 200px;}
    
    /* Right
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    #footerLanding .right {margin-left: auto;}
    
    #footerLanding .right .socialLanding {display: inline-block;}
    #footerLanding .right .socialLanding p {color: #d91e08; text-align: left;}
    
    #footerLanding .right .telLanding {display: inline-block; margin-left: 40px;}
    #footerLanding .right .telLanding p {color: #d91e08; text-align: left;}
    
/* Terms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#terms h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 30px; color: #222222; letter-spacing: 1px; line-height: 35px; margin-bottom: 2rem;}
#terms h3 {margin: 0; font-family: 'CenturyGothic'; font-weight: bold; font-size: 24px; color: #222222; letter-spacing: 1px; margin-top: 5rem;}
#terms p, #terms a {font-family: 'CenturyGothic'; font-size: 13px; color: #222222;}
#terms a {color: #000; font-weight: bold;}
#terms a:hover {color: #d91e08;}
#terms li {margin-left: 30px;}
#terms li:before {content: "\f00c"; font-family: FontAwesome; position: absolute; margin-left: -30px; color: #d91e08; font-size: 1.2em; line-height: 20px;}

/* Location Pages
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#location h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; letter-spacing: 1px;}
#location h3 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 18px; color: #222222; letter-spacing: 1px;}
#location img {width: 100%; margin-bottom: 4rem;}
#location .four.columns img {width: 40%; margin-bottom: 0;}
#location p, #location a {font-family: 'CenturyGothic'; font-size: 13px; color: #222222;}
.bannerLocation {background: url(../images/banner.jpg) no-repeat; background-size: cover; height: 37.5vw; margin-top: 155px; position: relative;}

/* Thank You
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#thanks .container {margin-top: 160px; text-align: center; padding: 9rem 0;}
#thanks h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; letter-spacing: 1px;}
#thanks p, #thanks a {font-family: 'CenturyGothic'; font-size: 13px; color: #222222;}
#thanks a:hover {color: #222222; text-decoration: underline;}

/* Areas We Cover
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#area h2 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; letter-spacing: 1px; margin: 0; margin-bottom: 1rem;}
#area .heading p {font-family: 'CenturyGothic'; font-size: 13px; color: #222222; margin: 0;}
#area .areas a {color: #36363a; margin-bottom: 0.5rem; margin-right: 5px}
#area .areas a:last-child {margin-right: 0;}
#area .areas p a {background-color: #d91e08; color: #fff; padding: 3px 10px; display: inline-block; border-radius: 3px;}
#area .areas p a:hover {background-color: #000;}
#area .areas p {margin: 0;}
#area .areas {margin-top: 1.5rem;}

/* Footer
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#trusted {border-top: 1px solid #efefef;}
#trusted h3 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 26px; color: #222222; letter-spacing: 1px; margin: 0; margin-bottom: 0rem;}
#trusted .container {width: 65%;}

footer {padding: 5rem 0; background-color: #efefef;}
footer ul, footer p, footer a {margin: 0 auto; text-align: left; color: #fff; font-family: 'CenturyGothic'; margin-bottom: 2rem;}
footer li {color: #222; margin-bottom: 1rem;  font-size: 14px;}
footer li a {font-size: 14px;}
footer span {color #222; padding: 0 20px;}
footer a:hover {color: #d91e08; text-decoration: underline;}
footer li:first-child {padding-left: 0;}
footer p {color: #222; margin-bottom: 0; font-size: 14px; }
footer a {color: #222; margin-bottom: 0; font-size: 14px;}
footer .areasC {margin-top: 2rem;}
footer .areasC p a {font-size: 11px;}
footer .areasC p {font-size: 11px;}
footer .instagram i {font-size: 20px; margin-top: 1rem;}
footer .right .top {margin-bottom: 5rem;}
footer #logoLanding {float: left; clear: both;}
footer .text {clear: both; padding-top: 2rem;}
footer .text p {margin-bottom: 0.5rem;}
footer .text p:last-child {margin-bottom: 0;}
footer #logoLanding img {width: 200px;}
footer .right {margin-left: auto;}
footer .right .big a {font-size: 20px; color: #222; line-height: 25px; text-align: left;}
footer .right .big a:hover {color: #d91e08;}
footer .right .socialLanding, footer .right .telLanding {display: inline-block;}
footer .right .telLanding {margin-left: 40px;}
footer .right p {color: #d91e08; text-align: left;}

footer #footerlogo img {width: 200px; display: block; margin: 0; margin-bottom: 9rem;}
footer h4 {font-family: 'CenturyGothic'; font-weight: bold; font-size: 20px; color: #222222; letter-spacing: 1px; margin: 0; margin-bottom: 2rem; line-height: 25px;}
footer .email p, footer .telephone p, footer .mobile p, footer .socialfooter p {color: #d91e08;}
footer .email .big a, footer .telephone .big a, footer .mobile .big a, footer .socialfooter .big a {font-size: 18px; color: #222; line-height: 22px; text-align: left;}
footer .email .big a:hover, footer .telephone .big a:hover, footer .mobile .big a:hover, footer .socialfooter .big a:hover {color: #d91e08;}

/* Rooftops
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.rooftops {background: url(../images/rooftops.png) repeat; height: 150px;}