/**
 * Surefirel Local
 * Custom CSS
 * @package sflBlaze\CSS
 * @author  Web Dev Team
 * @license GPL-2.0-or-later
 */

 	.hero-form .form-title p,
.popup-form .form-title p{
	margin:0;
}
.hero-form .form-container .form-field-item a{
	color:#fff;
	font-weight:bold;
}
.header-media ul.social-media li a.sprite, .footer-social-icon a{
	background-color:#fff;
}
.modal-window__close:focus, .modal-window__close:hover{
    background-color: #000!important;
    color:#fff!important;
}
.mob-item.license:before,
.cta-us.license:before {
    content: "\f807";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
}
.cta-us.license{
    display: flex;
    align-items: center;
}
.cta-us.license:before{
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: block;
    font-size: 30px;
    color: #000080;
}
.list-of-reviews{
	padding:30px 0 10px;
}
.hero-content,
.hero-form .form-field,
.testimonials .testimonial-wrap:before{
    background-color: rgba(0, 0, 0, 0.70)!important;
}
.hero-form .form-field p{
	margin:0 0 5px;
}
.form-field-item.form-field-check{
	width:100%!important;
}
.form-field-item.form-field-check label{
	display:block!important;
	font-size:14px
}
.hero-form  .form-field-item.form-field-check label{
	font-size:12px;
}
.call-to-action .right-cta-form .form-field-item.form-field-check label,
.hero-form  .form-field-item.form-field-check label{
	color:#fff;
}
.call-to-action .right-cta-form .form-field .form-field-item.form-field-check input, 
.call-to-action .right-cta-form .form-field .form-field-item.form-field-check select{
	width:auto!important;
}
.page-template-blog-template .entry-content ul li {
     padding: 0 0 5px 23px;
}
.site-section.badges .slick-track{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wow-modal-window .review-btn-wrap {
    padding-top: 20px;
}
.modal-window-content {
    text-align: center;
}
form.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute !important;
	width: auto !important;
	font-size: 11px !important;
}
.nav-primary.nav-primary-1, 
body.window_scrolled .nav-primary {
	max-width: 100%;
}
footer .custom-text {
	color: #fff;
}
.mob-dots-items {
	background-color: #e11e2b;
}
button.menu-toggle:before, 
button.menu-toggle.activated:before {
	color: #000;
}
.hero-form .recaptcha-note, .hero-form .recaptcha-note, 
.hero-form .recaptcha-note, .hero-form .recaptcha-note a {
	color: #fff;
}
.site-section.badges {
	padding: 60px 20px;
}
.popup-form .recaptcha-note, .popup-form .recaptcha-note a {
	padding-bottom: 20px;
}
.view-review-form {
    padding-top: 20px;
}
.wp-block-image img, .wp-block-image.has-custom-border img {
	padding-bottom: 20px;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, 
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: #000;
}
.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a {
	background-color: #E11E2B;
}
footer .footer-column-wrap .footer-column ul.social-media {
    margin-bottom: 40px;
}
.wpcf7 br { 
	display: none; 
}
.wpcf7 p { 
	margin-bottom: 0; 
}

.badges-item {
    padding: 0 20px;
}

/* Contact Form */
form.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute!important;
    left: auto!important;
    right: 0!important;
    top: 4px!important;
    z-index: 100!important;
    border: 1px solid #dc3232!important;
    background: #fff!important;
    padding: 0px 4px!important;
    width: auto!important;
}
.wpcf7 form.sent .wpcf7-response-output{
    background-color: #fff!important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
	background-color: #fff;
	border-color: #dc3232!important;
	color: #dc3232!important;
}

input, select, textarea{
	background-color:#fff;
}

/* Firechat Script */
.BOT_chatcontainer.BOT_chatcontainer_Add {
    bottom: 126px !important;
}
.BOT_chatcontainer {
    bottom: 0 !important;
}
.move-to-top{
    bottom: 225px;
}
@media (min-width:1024px) {
	.sticky-header .sticky-logo img {
		padding: 0;
	}
	.sticky-header{
		padding: 0 15px;
	}
  .BOT_chatcontainer.BOT_chatcontainer_Add{
  	bottom: 62px!important;
  }
  .BOT_chatcontainer {
      bottom: 62px!important;
  }
  .move-to-top {
  	bottom: 160px;
  }
}
@media (min-width: 769px) {
	.one-half-li {
		column-count: 2;
  }
    .call-to-action .right-cta-form .form-field .col-1.site-recaptcha {
        bottom: 52%;
    }
}
@media only screen and (max-width: 1023px) {
	.cta-us.site-name {
      font-size: 28px;
  	}
    .nav-primary,
    .mob-dots-items{
        top: 187px;
    }
	.contact-us-form{
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 980px){
	.fin-item {
      margin: auto;
      padding-bottom: 20px;
  }
}

@media only screen and (max-width: 980px) {
	.hero-slider .container, .hero-slider-wrap, .hero-slider-wrap .hero-item {
		height: 50px;
    	min-height: 300px;
	}
	.hero-content-container {
		padding: 40px 41px;
	}
}
@media (min-width:1024px){
	.sticky-header .vobl-container {
        left: -52%;
	}
  .vobl-container {
    top: -23%;
    width: 66%;
    position: absolute;
    left: -100%;
  }
  .widget-area.header-widget-area, .sticky-header .sticky-header-right{
    right:  10px !important;
    justify-content: space-between!important;
    width: auto!important;
    display: flex!important;
  }
.service-pages .service-item-wrap{
	justify-content:center;
}
.service-pages .service-item,
.service-pages .service-item:not(:nth-child(3n+1)){
    margin: 0 10px 2%;
}
}
@media (min-width:1367px){
.vobl-container {
    left: -140%;
  }
	.sticky-header .vobl-container {
        left: -80%;
	}
}
@media (min-width:1681px){
  .vobl-container {
    left: -241%;
  }
}
