/*Layouts css goes here*/

h1, h2, h3, h4 { font-family: 'Raleway', sans-serif; font-weight: 300; }
body { background: #fff !important; font-family: 'Raleway', sans-serif; font-weight: 300 important; }

.wp-google-left img {
    display: none !important;
}

.ff-uber { background: #C5322F; }
.ff-header { padding-top: 10px; }
.ff-customerimg { margin-bottom: 30px; }
.ff-clients { background: #fff; }
.ff-grey { background: #7c7c7c; color: #fff; }
.ff-white { background: #fff; }

.ff-padded-lg { padding-top: 80px; padding-bottom: 40px; }
.ff-padded-md { padding-top: 50px; padding-bottom: 50px; }

.ff-footer { background: #23282D; color: #fff; }

.ff-pagecontent { padding-bottom: 50px; }
.ff-pageheading { text-align: center; text-transform: uppercase; font-size: 60px; font-weight: 700; line-height: 60px; }

.ff-columns { font-size: 13px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.ff-cols-2 { font-size: 14px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

.input-group .form-control { border: 0; border-bottom: 5px solid #C5322F; background: #efefef;}
.input-group-addon { background: transparent; border: 0; border-bottom: 5px solid #C5322F; text-transform: uppercase; color: #C5322F; font-size: 15px; font-weight: 700; }

.full-bg.ff-main-header { background: #252525; color: #fff; padding: 20px 0; }

.ff-page-title h1 { font-weight: 600; text-transform: uppercase; margin: 50px 0 50px 0 !important; }

.our-services { text-align: center; }

.our-services i.fas, .our-services i.far { font-size: 100px; }

.our-services h3 { text-transform: uppercase; font-weight: 600; font-size: 24px; }
.our-services a { color: #666666; }
.our-services a:hover { color: #c5332f; }

.full-bg.ff-testimonial { 
	background-image: url('https://fastfire.co.za/wp-content/uploads/2018/09/redhead.jpg');
	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: 0 23%;
  	padding: 80px 0;
  	padding: 100px 0;
}

.testimonial h1, .ff-clients h1, .ff-our-services h1  {
  font-weight: 600;
  margin-bottom: 50px;
  margin-top: 0;
}

.ff-clients h1 { margin-bottom: 0; }

.tstml-details p {	
	font-style: italic;
  	margin-bottom: 0;
}

.tstml-details .name span { 
  	color: #c5332f;
    font-weight: 600;
    font-style: normal;
}

.ff-pipe { color: #666666 !important; }

.ff-footer h3 { font-weight: 600; text-transform: uppercase; margin-bottom: 35px; }

.ff-footer ul#menu-menu-1 { padding: 0; list-style: none; } 
  
.ff-footer ul li a { color: #fff; }

.ff-footer ul li:before {
  content: "\f105"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 2.7em; /* same as padding-left set on li */
}

.ff-social { display: flex; }
.ff-social i.fa {
  	font-size: 25px;
    color: #fff;
    border: 3px solid #c5332f;
    border-radius: 94px;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 25px;
}

.ff-contactus a { display: inline-block; color: #fff; }

.ff-contactus i.fa { margin-right: 10px; font-size: 25px; }

.ff-address { display: flex; margin-top: 20px; }
i.fa.fa-map-marker { margin-left: 5px; margin-right: 17px; line-height: 65px; font-size: 30px; }

.full-bg.ff-site-inspection { background: #252525; padding: 100px 0; }

.quote-form input { height: 50px !important; }

.ff-site-inspection h3 {
    line-height: 53px;
    font-weight: 600;
    font-size: 38px;
  	color: #fff;
  	margin-top: 0;
}

.ff-red { color: #c5332f; }

.nf-field-element input[type="text"], .nf-field-element input[type="tel"] { color: #252525; }

input#nf-field-4 {
    width: 100%;
    background: #c5332f;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 22px;
}

.full-bg.ff-services {
    padding: 100px 0;
}

.full-bg.ff-services h1 {
    margin-top: 0;
}

.call-details h3, .request-details h3 { margin: 0; font-size: 24px; font-weight: 600; }
    
.call-us, .request-quote {
    display: flex;
  	float: right;
}

.ff-main-header i.fa {
    border-radius: 94px;
    text-align: center;
    width: 70px;
    height: 70px;
    line-height: 65px;
    border: 3px solid #c5332f;
    font-size: 30px;
}

.call-details, .request-details {
    margin: auto 15px;
}

.request-details a, .call-details a { color: #fff; font-size: 22px; }

.current-menu-item > a {
	font-weight: 500 !important;
	color: #c5332f !important;
}

.full-bg.ff-site-inspection { position: relative; overflow: hidden; }
.full-bg.ff-site-inspection:before { 
	content: "\f058";
    font-family: "Font Awesome 5 Free";
    color: #2f2f2f;
    font-size: 450px;
    position: absolute;
    top: -35px;
}

i.fa.fa-bars { color: #fff; }

.ff-copyright { background: #C5322F; color: #fff; padding: 20px 0; }
.ff-copyright a { color: #fff; }
.ff-copyright p { margin-bottom: 0; }
.nf-response-msg p { color: #fff; }

.ff-main-header .container .row { display: flex; align-items: center; }

img.saqcc {
    display: inline-block;
    filter: grayscale(100%);
    width: 60%;
}

.nf-form-fields-required { display none; }

a[target="_blank"]:not(.notarget):after { color: #23282D; }

.ff-priority-srvs i { font-size: 100px; display: inherit; text-align: center; color:#666666; }
.ff-priority-srvs h3 {  text-align: center; }
.ff-priority-srvs  .row { margin-bottom: 20px; }
.ff-priority-srvs i:hover { color: #c5332f; }
.ff-priority-srvs a { display: block; text-decoration: none; }
.ff-prdct-heading { margin-bottom: 50px; }
.ff-srvc-list ul { list-style-position: inside; }
.ff-srvc-list { margin-top: 30px; }

.ff-srvc-list ul { padding: 0; }

@media (max-width: 991px) {
  .ff-main-header i.fa { display: none; }
}

@media screen and (max-width: 959px) { 
  .ubermenu .ubermenu-item { text-align: center; }
    .full-bg.ff-testimonial {
    background: linear-gradient( rgba(0, 0, 0, 0.47), rgba(20,20,20, .3)), 		 		url(https://fastfire.co.za/wp-content/uploads/2018/09/redhead.jpg);
    color: #fff;
  }
  .ff-testimonial { text-align: center; }
  .ff-testimonial .col-sm-offset-4 { margin-left: 0; }
  .ff-testimonial .col-sm-8 { width: 100%; }
}

@media (max-width: 767px) { 
  .full-bg.ff-main-header img {
    max-width: 200px;
    margin: 0px auto;
}
  .ff-contactus a { display: block; }
  .ff-contactus a:first-child { margin-bottom: 10px; }
  .call-us, .request-quote { display: block; float: none; text-align: center; }
  .call-details, .request-details { margin-top: 20px; }
  .ff-footer ul li:before { display: none; }
  .accr-logos img, .ff-address { display: inline-block; margin-top: 0; max-width: 200px; } 
  .our-services { margin-bottom: 30px; }
  .ff-copyright { background: #C5322F; color: #fff; padding: 10px 0; }
  .ff-main-header .container .row { display: block; }
  ul { list-style-position: inside; }
  .ff-prdct-heading { margin-bottom: 0; }
  .page-title { margin-bottom: 0; }
}
.page-id-30 .ff-grey {
    background-image: url(https://fastfire.co.za/wp-content/uploads/2019/09/fire-detection-cape-town-1.jpg) !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
}
.page-id-4280 .ff-grey {
    background-image: url(https://fastfire.co.za/wp-content/uploads/2019/09/fire-detection-cape-town-1.jpg) !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
}
.page-id-32 .ff-grey {
    background-image: url(https://fastfire.co.za/wp-content/uploads/2019/09/cctv-cape-town.jpg) !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
}

.page-id-34 .ff-grey {
    background-image: url(https://fastfire.co.za/wp-content/uploads/2019/09/supply-service-access-contro-cape-town.jpg) !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
}

.page-id-3699 .ff-grey {
    background-image: url(https://fastfire.co.za/wp-content/uploads/2019/09/supply-service-access-contro-cape-town.jpg) !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
}

.page-id-3818 .ff-grey {
    background-image: url(https://fastfire.co.za/wp-content/uploads/2020/05/Temperature-Screening-Cameras.jpg) !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Small phones: stop long headings (e.g. "ORGANISATIONS") overflowing the screen */
@media (max-width: 479px) {
  h1 {
    font-size: min(9vw, 41.6px);
    line-height: 1.15;
    overflow-wrap: break-word;
  }
}