/*headings*/
h1,h2,h3,h4 {
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  text-transform: capitalize;
}

.breakout h1, .breakout h2 {
	margin-top: .5em;
}

.special-line:after {
 display: block;
 content: '';
 width: 60px;
 height: 3px;
 background: #003864;
 margin-bottom: 10px;
}

.page-contact-us form.wpcf7-form h2 {
  color: #fff;
  /* text-shadow: 1px 1px 7px #000; */
}



/* Breakout Background Colors */
.bg-color-1 {
  background: #003864;
}
.bg-color-2 {
  background-color: #e7e7e7;
}
.bg-color-3 {
  background-color: #ef0027;
}

.breakout > .row {
    margin: 0;
}

/* ------------ Footer ----------- */


/* --- Lists ---*/
/*styled listed fancylist*/
#footer ul,
#content ul.marker,
#content ul.cert,
#content ul.checked,
ul.fancylist,
ul.marker,
#content ul.fancylist {
  list-style: none;
  padding-left: 30px;
}
ul.marker {
  margin-top: 0;
}
#footer ul li,
ul.checked li,
ul.fancylist li,
ul.marker li,
ul.cert li {
  line-height: 1.5em;
  margin-bottom: 5px;
  text-indent: -20px;
}


ul.fancylist li:before, .bg-color-2 ul.fancylist li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f324";
  margin-right: 5px;
  color: #003864 !important;
  font-size: 0.95em;
}

#footer ul li:before
 {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f054";
  margin-right: 5px;
  color: #ce7881 !important;
  font-size: 0.95em;
}

ul.marker li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f32b";
  margin-right: 5px;
  color: #ce7881 !important;
  font-size: 1em;
}

.inverse ul.fancylist li:before {
  color: #c4a016 !important;
}

#footer .fa-map-marker:before, #footer .fa-phone:before{
  color: #ef0027 !important;
  margin-right: 5px;
}

/* feedback */

.socialicons {
    text-align: left;
}

/* Stars */
.final-star, .star {
    color: #ef0027 !important;
}

/* Thumbs */

i.fas.fa-thumbs-up,i.fas.fa-thumbs-down {
    color: #d20123;
}

i.fas.fa-thumbs-up:hover, i.fas.fa-thumbs-down:hover {
    color: #ef0027;
}

/* Review Page Bottom Margin */

.review-nav-container {
    margin-bottom: 10px;
}

/* Button Icons */
.billboard .slider-content a:after, .video-container .slider-content a:after, .btn:after, button i, .rev-read-more:after, a.contact-btn:after, .biziq-button:after,.client-button:after, .btn:after, #slider .btn:after, .view-article:after {
    font-family: "Font Awesome 5 Pro";
    font-size: .9em;
    content: '\f138';
    font-weight: 600;
    margin-left: 10px;
}

.billboard .slider-content a.tel-btn:after, .btn.tel-btn:after {
  content: '\f095';
}

.billboard .slider-content a.mail-btn:after, .btn.mail-btn:after {
  content: '\f0e0';
}



#header .btn:after {
display: none;

}

/* Button bg color */
#content .bg-color-1 .btn{
    background: #ffffff !important;
    color: #000 !important;
}

#content .bg-color-1 .btn:hover{
    background: #191919 !important;
 color: #fff !important;
}


/*-- Contact Page scrolling issue fix --*/

@media screen and (max-width: 1050px) and (min-width: 950px) {
.page-contact-us main#content {
    min-height: 850px;
  }
}

.billboard .slider-content .slider-cta-button:hover, .billboard .slider-content a:hover, .wpcf7-form input[type="submit"]:hover {
    background: #ef0027;
    color: #fff;
    text-decoration: none !important;
}

/* List Columns */
@media only screen and (min-width: 450px) {
 ul.col-count-2 {
    column-count: 2;
  }

ul.col-count-3 {
    column-count: 3;
  }
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #ff0000;
	    color: #000;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
	    color: #000;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
	border: 2px solid #ff0000;
	    color: #000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
	    color: #000;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 2px solid #f7e700;
color: #000;
}



/* Hover Page Buttons (Rick and Morty Codepen) */

.pods-row .pod-clmn {
  position: relative;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #d20123;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08),
    0 13px 45px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
  transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
}

.pods-row .pod-clmn a:hover {
  text-decoration: none;
}

.pod-image {
  min-height: 250px;
  width: 100%;
  margin-bottom: 0px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.pods-row .pod-clmn .pod-image.first {
  background-image: url(/wp-content/uploads/electrical-testing.jpg);
}

.pods-row .pod-clmn .pod-image.second {
  background-image: url(/wp-content/uploads/fixing-air-conditioner.jpg);
}

.pods-row .pod-clmn .pod-title {
  text-transform: UPPERCASE;
  letter-spacing: 0px;
  font-size: 24px;
  font-family: 'Roboto Slab', serif;
  padding-bottom: 15px;
  padding-top: 20px;
  margin: 0;
  color: #fff;
  font-weight: 700;
  background-color: #d20123;
  -webkit-transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
  transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
}

.pods-row .pod-clmn .pod-more-text {
  opacity: 0;
  position: absolute;
  width: 100%;
  bottom: 0px;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
  transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
}

.pods-row .pod-clmn:hover {
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28),
    0 13px 45px rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28), 0 13px 45px rgba(0, 0, 0, 0.08);
  -ms-transform: translateY(-15px);
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

.pods-row .pod-clmn:hover .pod-title {
  -ms-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}

.pods-row .pod-clmn:hover .pod-more-text {
  background: #d20123;
  color: #fff;
  opacity: 1;
}

@media screen and (max-width: 880px) {
  .pods-row .pod-clmn {
    width: 100% !important;
  }

  .pod-image {
    min-height: 250px;
    width: 100%;
  }
}