/* ===== FOCUS GROUP CSS ===== */
body[class*="test-gray"] {
	font-family: 'Helvetica Neue Light Condensed', sans-serif;
}
body[class*="test-gray"] .qf-form-container[data-form=zipcode] .qf-form-heading {
    text-shadow: none;
    color: #fff;
}
body.test-gray-2 .qf-form-container[data-form=zipcode] .qf-form-heading {
  text-shadow: 0px 0px 2px rgb(150, 150, 150);
}
body[class*="test-gray"] .qf-form-heading h1 {
	color: #ffffff;
	font-size: 2em;
	font-family: 'Helvetica Neue Black Condensed', sans-serif;
}

body[class*="test-gray"] .zipcode.qf-form-heading h1 {
  font-size: 2.5em;
}
body[class*="test-gray"] .navbar-fixed-top {
	background-color: rgba(0,0,0,0.75);
}
body[class*="test-gray"] #main-navigation a:focus,  
body[class*="test-gray"] #main-navigation a:hover {
    background-color: rgba(91, 91, 91, 0.75);
}
body[class*="test-gray"] #main-navigation .dropdown-menu > li > a {
    color: #404040;
}
body[class*="test-gray"] #main-navigation .dropdown-menu > li > a:focus, 
body[class*="test-gray"] #main-navigation .dropdown-menu > li > a:hover {
    background-color: #3f67d7;
    color: #fff;
}
body[class*="test-gray"] ul#menu {
    padding-top: 5px;
}
body[class*="test-gray"] .hero-container p {
    font-size: 20px;
}
body[class*="test-gray"] #zipcode {
    border: 2px solid #ffffff;
    text-transform: initial;
    background: transparent;
    color: #fff;
    width: 250px;
    height: 50px;
    font-size: 16px;
}
body[class*="test-gray"] #zipcode:hover, 
body[class*="test-gray"] .selectbox select:hover, 
body[class*="test-gray"] .form-group input:hover, 
body[class*="test-gray"] .toggle:hover {
    border: 2px solid #3f67d7;
}
body[class*="test-gray"] ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
body[class*="test-gray"] ::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
body[class*="test-gray"] :-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
body[class*="test-gray"] :-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}
body[class*="test-gray"] .qf-form-container .qf-btn {
    background: #3f67d7;
    text-transform: inherit;
    text-decoration: none;
    padding: 10px 20px 8px;
    line-height: normal;
    font-family: 'Helvetica Neue Bold Condensed', sans-serif;
    font-weight: normal;
}
body[class*="test-gray"] .qf-form-container .qf-btn:after, body[class*="test-gray"] .qf-modal-overlay .qf-btn:after {
    background: #3c506d;
}
body[class*="test-gray"] #sidebar .qf-form-sidebar {
	background-color: rgba(50, 50, 50, 0.65);
	border-radius: 5px;
}
body[class*="test-gray"] #sidebar p,
body[class*="test-gray"] .qf-form-sidebar {
    color: #fff;
}
body[class*="test-gray"] .testimonial-stack p {
    font-size: 16px;
}
body[class*="test-gray"] footer {
    background-color: #1e232b;
    color: #5c5e5f;
}
body[class*="test-gray"] #footer a {
	color: #5c5e5f;
}
body[class*="test-gray"] #footer a:hover {
	color: #aeaeae;
}
body[class*="test-gray"] #footer h2 {
    font-style: normal;
    color: #aeaeae;
    font-family: 'Helvetica Neue Bold Condensed', sans-serif;
    margin-bottom: 15px;
    font-size: 18px;
}
body[class*="test-gray"] #footer .footer-cols ul {
	font-family: 'Helvetica', sans-serif;
	font-size: 14px;
}
body[class*="test-gray"] #footer .footer-cols ul li {
    padding-bottom: 5px;
}
body[class*="test-gray"] #copyright {
    padding-top: 15px;
    text-align: center;
    border-top: 1px solid #5c5e5f;
}
body[class*="test-gray"] #footer .footer-copyright a {
	color: #006fa0;
}
body[class*="test-gray"] #footer .footer-copyright a:hover {
	color: #aeaeae;
}
body[class*="test-green"] .navbar-fixed-top, 
body[class*="test-green"] footer {
	background-color: #0B580B;
}
body[class*="test-green"] #main-navigation a:focus, 
body[class*="test-green"] #main-navigation a:hover {
    background-color: #2b732b;
}
body[class*="test-green"] #main-navigation .dropdown-menu > li > a {
    color: #2b732b;
}
body[class*="test-green"] #main-navigation .dropdown-menu > li > a:focus, 
body[class*="test-green"] #main-navigation .dropdown-menu > li > a:hover {
    background-color: #2b732b;
    color: #fff;
}
body[class*="test-green"] #footer a {
    color: #97f197;
}
.rating {
  unicode-bidi: bidi-override;
  direction: ltr;
}
.rating > span, p.rating {
  display: inline-block;
  position: relative;
  color: gold;
  font-size: 22px;
}
body[class*="test-gray"] .rating > span, body[class*="test-gray"] p.rating {
	color: #ffffff;
	font-size: 16px;
  letter-spacing: 3px;
}

.footer_gray {
	color: #dddddd;
}

.test-blue-2 .hero-container,
.test-gray-2 .hero-container,
.test-green-2 .hero-container {
  background-image: url(../images/pic-dark-min-03.jpg)
}

@media (max-width: 991px) {
  .test-blue-2 .hero-container,
  .test-gray-2 .hero-container,
  .test-green-2 .hero-container {
      background-image: url(../images/pic-dark-flipped-min-03.jpg);
	  background-attachment: fixed;
	  background-position: right; 
  }
}

@media (max-width: 767px) {
  body[class*="test-"] .hero-container {
      background-image: none;
  }
	body[class*="test-gray"] .navbar-fixed-top {
	    background-color: #1e232b;
	}
	body[class*="test-gray"] .slicknav_menu {
	    background: #333841;
	}
	body[class*="test-gray"] .slicknav_btn {
		background-color: #3f67d7;
	}
  body[class*="test-gray"] .qf-form-container[data-form=zipcode] .qf-form-heading {
    text-shadow: none;
  }

  body[class*="test-gray"] .qf-form-heading h1,
  body[class*="test-gray"] .qf-form-container[data-form=zipcode] .qf-form-heading,
  body[class*="test-gray"] #zipcode {
      color: #1e232b;
  }
  body[class*="test-gray"] #zipcode {
    border: 2px solid #1e232b;
  }
  body[class*="test-gray"] .qf-form-container .qf-btn {
    border-radius: 8px;
  }
	body[class*="test-green"] .slicknav_menu {
	    background: #226f22;
	}

}


