/**
 * Surefirel Local
 * Custom CSS
 * @package sflBlaze\CSS
 * @author  Web Dev Team
 * @license GPL-2.0-or-later
 */

 	/*
.site-section.call-to-action {
    display: none;
}
*/
.for-width{
	width:100%!important;
}
footer .site-media.relative {
    margin-bottom: 30px;
}
.footer-logo a img {
    background: #fff;
    padding: 10px;
}
.broken_link, a.broken_link {
    text-decoration: none !important;
}
.two-col-group {
    margin-bottom: 20px;
}
.two-col-group ul {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
    width: 49%;
}


@media only screen and (max-width:768px) {
  .two-col-group ul {
      display: block;
      width: 100%;
  }
}

/***********/

.breadcrumb .breadcrumb-link-wrap a:hover, .breadcrumb .breadcrumb-link-wrap a:hover .home-icon:after {
    color: #143AC0;
}
.contact-form {
    background-color: #143AC0;
}
span.wpcf7-not-valid-tip {
    position: absolute !important;
    text-align: right;
    background: transparent !important;
    
}
.BOT_chatcontainer_Add {
    bottom: 117px !important;
}
.move-to-top {
    bottom: 180px;
}
.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a {
    background-color: #143AC0;
    color: #fff;
}
.service-pages .service-form .form-title, .sidebar-form .form-title {
    text-transform: none;
}
button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, .button:focus, .button:hover {
    background-color: #143AC0;
    color: #fff;
}
body.search article.search-result-item.relative.post-1123, body.error404 li.page_item.page-item-1123, body.search article.search-result-item.relative.post-751, body.search article.search-result-item.relative.post-753 {
display:none;
}
.nav-primary {
    max-width: 100%;
}
button.menu-toggle:before, .fa-ellipsis-v:before, button.menu-toggle.activated:before{
color:#000;
} 
.contact-form .form-field p.recaptcha-note, .hero-form .recaptcha-note, .hero-form .recaptcha-note a {
    color: #fff;
}
.contact-form .form-title {
    font-size: 30px;
    color: #fff;
}

button.xapp-chat-button {
    bottom: 35px !important;
z-index: 100 !important;
}
.entry-content ul li:before {
color: #143AC0;}

.result-title {
    font-weight: bold;
    font-size: 30px;
}
.popup-form .form-fields .wpcf7 {
    border: none;
}
@media only screen and (max-width: 1023px){
.genesis-nav-menu a {
    text-align: left;
}
.site-section.badges {
    padding: 60px 10px;
}
.contact-info-wrap .col-3 {
    text-align: center;
    margin-top: 10px;
}

.mob-dots-items {
    background-color: #143AC0;
}
.service-pages .service-items-wrap {
    padding-right: 0px; 
}
.custom-blog-post .site-wrap {
    display: block;
}
}

@media only screen and (max-width:768px) {
  .two-col-group ul {
      display: block;
      width: 100%;
  }
.hero-slider .container, .hero-slider-wrap, .hero-slider-wrap .hero-item {  
    height: 100%;
}
.hero-item-wrap.relative.slick-slide {
    height: 400px;
}

}
@media only screen and (max-width: 500px){
.hero-content-container {
    padding: 26% 40px;
}
}
@media only screen and (min-width: 376px) {
ul.two-col {
    columns: 2;
}
.three-col{
columns:3;
}
}
@media only screen and (min-width: 1024px){
    .service-pages .service-item:nth-child(4),
    .service-pages .service-item:nth-child(5){
        width:40%;
    }
    .service-pages .service-item:not(:nth-child(3n+1)) {
       margin:0 auto 2%  0;
    }
.two-col{
columns:2;
}
.three-col{
columns:3;
}
.contact-info-wrap {
    font-size: 14px;
}
.slick-track {
    display: flex;
    flex-flow: wrap;
    align-items: center;
}
.footer-column-wrap.site-flex .col-4:first-child {
    width: 26%;
}
}
