/* Fire Detection */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, a, img, ol, ul, li,
fieldset, form, label, legend, footer, header, section{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Fira Sans'; 
}

h2 {
  font-size: 50px;
}


/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/fira-sans-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Light'), local('FiraSans-Light'),
       url('../fonts/fira-sans-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-300.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-300italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/fira-sans-v8-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Light Italic'), local('FiraSans-LightItalic'),
       url('../fonts/fira-sans-v8-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-300italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/fira-sans-v8-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Italic'), local('FiraSans-Italic'),
       url('../fonts/fira-sans-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Regular'), local('FiraSans-Regular'),
       url('../fonts/fira-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fira-sans-v8-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Medium'), local('FiraSans-Medium'),
       url('../fonts/fira-sans-v8-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-500.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-500italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/fira-sans-v8-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'),
       url('../fonts/fira-sans-v8-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-500italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-600 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fira-sans-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'),
       url('../fonts/fira-sans-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-600.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-600italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/fira-sans-v8-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans SemiBold Italic'), local('FiraSans-SemiBoldItalic'),
       url('../fonts/fira-sans-v8-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-600italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fira-sans-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Bold'), local('FiraSans-Bold'),
       url('../fonts/fira-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-800 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/fira-sans-v8-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans ExtraBold'), local('FiraSans-ExtraBold'),
       url('../fonts/fira-sans-v8-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-800.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-900 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/fira-sans-v8-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Black'), local('FiraSans-Black'),
       url('../fonts/fira-sans-v8-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-900.svg#FiraSans') format('svg'); /* Legacy iOS */
}

header {
	background: #252525; 
	color: #fff;
	padding: 20px 0;
}

#container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}

.header-content {
	display: flex;
}

.site-brand {
    flex-basis: 30%;
    margin-right: auto;
}

.call-us:before {
    content: "\f095";
}

.request-quote:before {
    content: "\f0e0";
}

.call-us:before, .request-quote:before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 30px;
    color: #fff;
    margin-right: 15px;
    border-radius: 94px;
    text-align: center;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border: 3px solid #c5332f;
    float: left;
}

.call-us p, .request-quote p {
    font-size: 23px;
}

.call-us h3, .request-quote h3 {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 600;
}

.call-us, .request-quote {
    display: flex;
    margin: auto 0;
}

.call-us {
    margin-right: 20px;
}

.call-details, .quote-details {
    margin: auto 0;
}

.quote-details a, .email a, .call-details a, .contacts a {
    text-decoration: none;
    color: #fff;
}



/**********************************
BANNER SECTION
**********************************/
.banner-section {
  	background: linear-gradient(
                   rgba(20,20,20, .3), 
                   rgba(20,20,20, .3)),
                   url(../images/fire-detector.jpg);
	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: 0 100%;
  	padding-bottom: 50px;
}

.intro-text h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}

.intro-text p {
	font-size: 25px;
    color: #fff;
}

.banner-items {
    display: flex;
}

.fast-points {
    flex-basis: 55%;
    margin-top: 50px;
    color: #fff;
}
.fast-fire-desc {
  font-size: 27px
}
.fast-fire-benefits {
  font-size: 24px;
  margin-bottom: 15px;
}

.quote-form {
    background: #c5332f;
    padding: 25px 50px;
    flex-basis: 35%;
    margin-left: auto;
    min-height: 100%;
    height: 100%;
}

.quote-form h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 44px;
    text-align: center;
    margin-bottom: 30px;
}

.quote-form form input, .quote-form form textarea, .quote-form form button, .quote-form form select {
	width: 100%;
}

.quote-form form button {
    background: #252525;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    font-family: 'Fira Sans';
    height: 50px;
    border: none;
    margin-top: 10px;
}

.quote-form form input, .quote-form form select {
    padding: 10px;
    box-sizing: border-box;
    height: 50px;
    margin-bottom: 10px;
    font-size: 20px;
}

.quote-form form textarea{
	min-height: 100px;
	padding: 10px;
	font-size: 20px;
	font-family: 'Fira Sans';
}

.quote-form form {
	overflow: hidden;
}

.select-service:before {
    content: "\f107";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 25px;
    color: #252525;
    position: absolute;
    right: 10px;
    line-height: 50px;
}

.select-service {
    position: relative;
}

.required::-webkit-input-placeholder:after {
    content: "*";
    color: red;
    visibility: visible;
}

.required:-moz-placeholder:after {
    content: "*";
    color: red;  
    visibility: visible;
}

.required:-ms-input-placeholder:after {  
    content: "*";
    color: red;  
    visibility: visible;
}

/*To add select placeholder on form*/
select:required:invalid {
  color: gray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: #252525;
}

/*To remove the default dropdown arrow from select element*/
select::-ms-expand { display: none; }  
select{
    -webkit-appearance: none;
    appearance: none;
}

.spaced {
	margin-left: 33px;
}

/*********************************
TRUSTED SECTION
*********************************/
.trust-section {
	background: #252525;
	padding: 80px 0;
	position: relative;
    overflow: hidden;
}

.trust-section-items {
    display: flex;
    z-index: 1;
    position: relative;
}

.fast-trust {
    flex-basis: 45%;
    margin: auto;
}

.fast-experience {
    flex-basis: 54%;
    margin-left: 20px;
}

.fast-trust h2 {
    font-size: 44px;
    color: #fff;
    font-style: italic;
    font-weight: 700;
}

.fast-points h2 {
	color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 44px;
    margin-bottom: 15px;
}

.fast-experience p {
	font-size: 24px;
	line-height: 1.3;
	color: #fff;
}

.fast-experience p:first-of-type{
    margin-bottom: 20px;
}

.fast-experience span {
	font-weight: 500;
}

.fast-points .fast-reasons {
    list-style: none;
}

.fast-reasons li {
    font-size: 24px;
    line-height: 1.7;
}

.fast-points .fast-reasons li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-right: 10px;
}

.trust-section:before {
	content: "\f058";
    font-family: "Font Awesome 5 Free";
    color: #2f2f2f;
    font-size: 500px;
    position: absolute;
    top: 10px;
} 

/*********************************
TESTIMONIAL SECTION
*********************************/

.testimonial-section {
	background-image: url('../images/redhead.jpg');
	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: 0 23%;
  	padding: 80px 0;
}

.testimonial {
    flex-basis: 60%;
    width: 100%;
}

.tstml-details {
    margin-top: 20px;
}

.testimonial h2 {
    font-size: 44px;
    font-weight: 600;
    color: #252525;
    margin-bottom: 20px; 
}

.testimonial p {
    font-size: 24px;
    color: #252525; 
}

.tstml-details p {
	font-size: 30px;
	font-style: italic;
}
.tstml-details span {
    color: #c5332f;
    font-weight: 500;
    font-style: normal;
}


/*********************************
COMPANIES SECTION
*********************************/

.companies-section {
	padding: 80px 0;
}

.heading h2 {
    font-size: 44px;
    font-weight: 600;
    text-align: center;
    color: #252525;
    margin-bottom: 20px; 
}

.company-logos ul {
	display: flex;
	list-style: none;
}

.company-logos ul li img {
    width: 100%;
}


/*********************************
FOOTER SECTION
*********************************/

footer {
	background: #252525;
	padding: 50px 0;
}

.thank-you-footer {
	position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.footer-info {
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 1.7;
}

.address p:before {
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 22px;
    color: #c5332f;
    margin-right: 10px;
}

.phone:before {
    content: "\f095";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 22px;
    color: #c5332f;
    margin-right: 10px;
}

.email:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 22px;
    color: #c5332f; 
    margin-right: 10px;
}

span.phone {
    margin-right: 10px;
}

span.email {
    margin-left: 10px;
}

/***************************************************
THANK YOU PAGE
***************************************************/

.thanks-section {
  background: linear-gradient(
                     rgba(20,20,20, .3), 
                     rgba(20,20,20, .3)),
                     url( ../images/thankyou.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 30%;
  height: 650px;
}

.thanks-section p {
    line-height: 40px;
    font-size: 27px;
    color: #fff;
}

.thanks-section h2 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
}

/*Today's changes*/

.thanks-section #container {
    margin: auto;
}

section.thanks-section {
    display: flex;
}

.thank-you {
    text-align: center;
    background: #0000007d;
    padding: 30px;
}

/***************************************************
MOBILE RESPONSIVENESS
***************************************************/

@media (max-width: 1122px) {
	.fast-reasons li {
    	font-size: 20px;
	}
}

@media (max-width: 900px) {
	.call-us:before, .request-quote:before {
	    font-size: 25px;
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	}

	.fast-points h2, .fast-trust h2, .testimonial h2, .heading h2, .quote-form h2 {
	    font-size: 30px;
	}

	.fast-experience p, .testimonial p, .fast-reasons li, .tstml-details p {
	    font-size: 17px;
	}
}

@media (max-width: 852px) {
	.quote-form {
	    padding: 30px;
	}

	.fast-points {
    	flex-basis: 56%;
	}
}

@media (max-width: 810px) {

	.call-us:before, .request-quote:before {
		display: none;
	}

	.call-us, .request-quote {
	    margin-right: 0;
	    text-align: center;
	}

	.call-details, .quote-details {
	    width: 100%;
	    margin-bottom: 20px;
	}

	.call-us p, .request-quote p {
	    font-size: 20px;
	}

	.header-content {
    	display: block;
	}
	.banner-items {
    	display: block; 
	}

	.fast-points {
	    text-align: center;
	    padding-bottom: 50px;
	}

	.banner-section {
	    padding-top: 50px;
	}

	.trust-section-items {
    	display: block;
	}

	.trust-section-items {
	    text-align: center;
	}

	.trust-section, .testimonial-section, .companies-section, {
	    padding: 50px 0
	}

	.fast-trust {
	    margin-bottom: 30px;
	}

	.testimonial {
	    float: none;
	    max-width: 100%;
	    text-align: center;
	}

	.site-brand {
	    margin: 20px auto;
	}

	.company-logos ul {
	    flex-wrap: wrap;
	}

	.company-logos ul li {
	    flex-basis: 50%;
	}

	.fast-experience {
	    margin-left: 0; 
	}

	.spaced {
		margin-left: 0;
	}

	.fast-points {
	    margin-top: auto;
	}
}


@media (max-width: 460px) {
	.fast-points {
		text-align: center;
	    padding: 0 20px 50px 20px;
	}

	#container {
	    padding: 0;  
	}

	.quote-form {
	    padding: 20px;
	}

	.trust-section-items, .testimonial {
		padding: 0 20px;
		box-sizing: border-box;
	}

	.testimonial-section, .trust-section {
	    padding: 50px 0;
	}

	.companies-section {
		padding: 50px 20px;
	}

	.company-logos ul {
	    flex-direction: column;
	}

	footer {
		padding: 30px 20px;
	}

	.footer-info .contacts span {
		display: block;
	}
}


.company-logos ul li img {
    filter: grayscale(55%);
-webkit-filter: grayscale(55%);
}
.flex-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-wrap .quote-form {
  margin-right: 25px;
  flex-basis: 40%;
  justify-content: flex-start;
  align-items: flex-start;
}
#container.background {
  background: rgba(0, 0, 0, 0.2);
  padding-right: 30px;
  padding-left: 0px;
}
#container.background h2,
#container.background p {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .flex-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .flex-wrap .quote-form {
    margin-right: 0px;
    margin-bottom: 25px;
    margin-left: 0px
  }
  #container.background {
    padding: 30px;
  }
}
.whatsapp-banner {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10;
    cursor: pointer;
}
.whatsapp-banner img {
    line-height: 0;
    display: block;
    max-width: 200px;
    animation: pulse-animation 2s infinite;
    border-radius: 50px;
}
@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgb(0 0 0 / 40%);
    }
    100% {
        box-shadow: 0 0 0 20px rgb(0 0 0 / 0%);
    }
}
@media screen and (max-width: 810px) {
    .whatsapp-banner {
        bottom: 75px;
    }
}