/*====SIt Whid CSS ====*/
:rood, html, body { 
font-size: 14px;

}


#sp-main-body { 
 padding: 4rem 2rem;
 background-color: rgba(220,220,220,0.4);

}

.article-list .article .readmore { 
   font-size: 1rem;
   width: 50%;
   padding: 1rem 0;
   text-align: center;
   font-family: "Barlow Condensed";
   background: rgb(245, 130, 32);
}
.org { 
color: rgb(245, 130, 32);
font-weight: bold;

}

.bold {
  font-weight: bold;
}



/*====Header Css =====*/
#sp-adogo { 
height: 60px;
display: flex; 
align-items: center; 
color: #fff;

}

#sp-header { 
background-color: rgb(245, 130, 32);
padding: 0 2rem;
}

/*-menu-*/ 
.sp-megamenu-parent li a {
  color: #fff; 
}

.sp-megamenu-parent li.active a, .sp-megamenu-parent li.active:hover a, .sp-megamenu-parent li:hover a {
background-color: rgb(0, 149, 255);
  color:  #fff;
} 

/*==== Hero Secion ====*/
/*--home---*/
#sp-adhero {
background-image: url("https://www.newyorkflameproofing.com/images/bj23.jpg");
background-size: cover;

}


#sp-adhero1 { 
text-align: center; 
color: #fff;
padding: 6rem 2rem;  
}

#sp-adhero1 h1 {
  font-size: 5.71rem;
  font-weight: 500;
  text-shadow: 3px 3px 2px rgba(0, 0, 0, 1);
}

#sp-adhero1 h4{
  font-family: "Barlow Condensed", sans-serif;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  font-size: 2rem;
  font-weight: 400;
}


/*==== Home nave section ====*/ 
#sp-adrow1 { 
padding:  3rem 2rem;
border-bottom: 3px solid rgb(245, 130, 32);
}

.adrowrap h1 {
text-align: center;

}

.hswrapper { 
float: left;
width: 25%;
padding: 3rem 0;
}

.hsbtn { 
width: 80%;
text-align: center;
margin: 0 auto;
padding: .75rem 0;
border: 4px solid rgb(245, 130, 32);
}

.hsbtn:hover { 
border-color:  rgb(0, 149, 255);
  background: rgb(0, 149, 255);
transition: 0.4s;
}


.hsbtn h4 {
  font-family: "Barlow Condensed";
  margin: 0;
  font-size: 1.25rem;
  color: rgb(245, 130, 32);
  font-weight: normal;
  
}


.hsbtn:hover h4 { 
  color:  rgb(255, 255, 255);
  transition: 0.4s;
}

/*=== Main Body Csss ====*/
#sp-main-body h1, #sp-main-body h2, #sp-main-body h3 { 
 color: rgb(0, 149, 255);

}

/*==== video section css ===*/
.wrappervid { 
  display: flex; 
  margin-right: -2rem;
  margin-left: -2rem;
  background: rgb(0, 149, 255);
  color: #fff;
}

.wrapvitem2 h1 { 
color: #fff !important;

}




.wrapvitem1, .wrapvitem2 { 
width: 50%;

}

.wrapvitem2 { 
display: flex; 
align-items: center;
justify-content: center;
}

.wrapvitem2 div { 
width: 70%;


}



/*==faq section css==*/
.faqinner { 
border: 1px solid darkblue;


}
.faqinner h3 { 
color: darkblue;
background: rgb(245, 130, 32); 
padding: 1rem;
margin: 0;
text-transform: normal;
font-family: "Barlow Condensed", sans-serif;
}

.faqinner h3.munksack.active { 
color: #fff;
}




.faqinner div { 
overflow: hidden;
  max-height: 0;
  transition: 0.2s ease-out;
}

.faqanswer p { 
padding: 1rem;

}
/*short url section*/
.flameitems { 
display: flex;
flex-wrap: wrap;
}


.flameitems div { 
padding: 2rem;
text-align: center;
  flex-basis: calc(100% / 6);
}

.flameitems div img { 
 border-radius: 50%;

}

.flameitems div p{ 
font-weight: bold;
padding: .75rem 0;
}

/*=== pre bottom ===*/
#sp-pre-btoom { 
  border-top: 5px solid rgb(245, 130, 32);
  padding: 3rem 2rem;
}

#sp-bottom1 .actionbox1 { 
width: 80%;
 margin: auto;
 background-color: rgb(245, 130, 32);
 text-align: center;
 padding: 2rem 1rem;
 color: #fff;
}




.actionbox1 a { 
 font-weight: bold;
 color: #fff;

}

/*===Footer area ====*/
#sp-footer1 { 
text-align: center

}




/*==== MEDIA QUERIES ====*/
@media only screen and (max-width: 1000px) { 
  /*query begins*/
  /*==Video area==*/
  .wrappervid { 
  flex-direction: column;
  }
  
  .wrapvitem1, .wrapvitem2 { 
  width: 100%;  
  }
  
 
  .wrapvitem2 { 
  padding: 1rem 0;
  
  }
  /*short url css */
  .flameitems div { 
  flex-basis: calc(100% / 3);
}

  
  
  
  /*query ends*/
}





@media only screen and (max-width: 780px) { 
/*query begins*/
  /*home middl nav area*/
  .hswrapper { 
  float: none;
  width: 100%;
  padding: 1rem 0;
  }
  
  /*short url css */
  .flameitems div { 
  flex-basis: calc(100% / 2);
}


/*query ends*/
}