/* Variables and Classes ================================================================================================ */
.clearafter {
  content: '';
  display: block;
  clear: both; }

.vcenter {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.backface {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#box1 {
  background-color: #003366;
  height: 64px;
  font-size: 0;
  text-align: center;
  background: -webkit-linear-gradient(left, #003366 0%, #00519a 50%, #003366 100%);
  background: -moz-linear-gradient(left, #003366 0%, #00519a 50%, #003366 100%);
  background: -ms-linear-gradient(left, #003366 0%, #00519a 50%, #003366 100%);
  background: -o-linear-gradient(left, #003366 0%, #00519a 50%, #003366 100%);
  background: gradient(left, #003366 0%, #00519a 50%, #003366 100%); }

#box1 .sitewidth {
  text-align: center; }

html #box1 #b1f {
  background: url(../images/icon-facebook.png) no-repeat left 50% !important;
  font-size: 23px;
  width: 255px;
  height: 64px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  line-height: 64px;
  margin-left: 0;
  vertical-align: top;
  text-align: right; }

#box1 .shomeop {
  position: relative;
  width: 825px !important;
  height: 64px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  margin-right: 0px !important;
  background-color: #fcd761;
  background-image: url(../images/mouse-icon.png);
  background-position: -10px center !important;
  background-repeat: no-repeat;
  color: #003366;
  text-decoration: none;
  font-size: 2.0em;
  display: inline-block;
  text-align: right;
  vertical-align: top !important; }

#box1 .shomeop:hover {
  background-position: 0 center !important; }

#box1 .shomeop p {
  margin: 0px !important;
  line-height: 110%;
  font-size: 23px;
  padding: 16px 12px 0 0; }

#box1 .shomeop b {
  display: inline-block; }

#box1 .shomeop span {
  font-weight: 700;
  font-size: 1.8em;
  vertical-align: -10%;
  margin-left: 150px; }

@media screen and (max-width: 1260px) {
  #box1 .shomeop {
    width: 625px !important;
    background-position: -50px center !important; }

  #box1 .shomeop:hover {
    background-position: -45px center !important; }

  #box1 .shomeop span {
    margin-left: 20px; } }
@media screen and (max-width: 1012px) {
  #box1 {
    height: auto; }

  #box1 .shomeop {
    width: 625px !important;
    background-image: none; }

  #box1 .shomeop span {
    margin-left: 20px; }

  #box1 .shomeop {
    width: 80% !important;
    height: auto;
    padding: 20px;
    text-align: center; }

  #box1 .shomeop span {
    margin-left: 10px; }

  #box1 .shomeop p {
    padding: 0; } }
#box2.beige {
  border-top: 0;
  padding-bottom: 20px; }

#box2.beige .consec {
  padding-top: 60px;
  max-width: 100%; }

#box2.beige #welcome-left {
  width: 100%;
  text-align: center; }

#box2.beige h1 {
  font-size: 34px; }

#box2.beige .b2p {
  font-size: 20px;
  margin-top: 0;
  padding-left: 20%;
  padding-right: 20%; }

#box2.beige .b2box {
  width: 348px;
  padding: 0;
  margin-left: 15px;
  margin-right: 15px;
  vertical-align: top;
  margin-top: 30px;
  text-align: left;
  min-height: 459px; }

#box2.beige #appoint-form {
  margin-left: 16px; }

#igross.b2box {
  background: url(../images/b2-gross.png) no-repeat; }

#ishelby.b2box {
  background: url(../images/b2-shelby.png) no-repeat; }

#appoint-form.b2box {
  background: url(../images/b2-schedule.png) no-repeat; }

#box2.beige .b2box h2 {
  line-height: normal;
  font-style: italic;
  padding: 16px 0 0 15px;
  font-weight: 700;
  margin-bottom: 60px; }

#appoint-form.b2box h2 {
  margin-bottom: 0 !important; }

#appoint-form {
  overflow: hidden;
  position: relative; }

#appoint-form .indappointment {
  background: none;
  width: 80%;
  margin: 0 auto;
  padding: 10px 0 0 0; }

#appoint-form .indappointment .yellowbutton {
  width: 100%;
  cursor: pointer;
  padding: 20px 0 20px 0 !important;
  margin-top: 15px; }

#b2required {
  font-style: normal;
  font-size: 12px;
  text-align: left;
  margin-top: 7px; }

#home-form label.error {
  position: absolute;
  right: 0;
  z-index: 10;
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px); }

.formthankslinks {
  color: #fcd761 !important; }

#home-form input[type=text] {
  padding-left: 2%;
  width: 98%; }

.b2bitem {
  width: 80%;
  padding: 0 0 30px 20%;
  position: relative; }

.b2bitem:before {
  position: absolute;
  content: '';
  display: block;
  left: 30px; }

.b2baddress:before {
  background: url(../images/icon-map.png);
  width: 20px;
  height: 30px;
  top: 5px; }

.b2bphone:before {
  background: url(../images/icon-phone.png);
  width: 26px;
  height: 26px;
  top: 0; }

.b2bhours:before {
  background: url(../images/icon-clock.png);
  width: 26px;
  height: 26px;
  top: 4px; }

.b2bitem a {
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s; }

.b2bitem a:hover {
  color: #003366; }

.b2bhours ul {
  padding: 0;
  margin: 0; }

.b2bhours ul li {
  list-style: none;
  width: 40%;
  float: left; }

@media screen and (max-width: 1260px) {
  #box2.beige .b2box {
    width: 298px;
    max-width: 100%;
    margin-left: 8px;
    margin-right: 8px; }

  #box2.beige #appoint-form {
    margin-left: 9px; }

  .b2bitem:before {
    left: 20px; }

  #box2.beige .b2p {
    padding-left: 10%;
    padding-right: 10%; } }
@media screen and (max-width: 767px) {
  #box2.beige .b2box {
    margin-left: 0;
    margin-right: 0; }

  #box2.beige #appoint-form {
    margin-left: 0; }

  #box2.beige .b2p {
    padding-left: 0;
    padding-right: 0; } }
#box3 {
  background: #fff;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative; }

#b3content {
  width: 50%;
  margin-left: 3%; }

#b3content h2 {
  color: #003366;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700; }

#b3content p {
  font-family: Lato;
  font-size: 18px;
  line-height: 24px; }

#b3container {
  text-align: left;
  font-size: 0;
  padding-top: 10px; }

.b3li {
  width: 50%;
  display: inline-block;
  vertical-align: top; }

.b3col {
  margin-bottom: 30px; }

.b3col ul {
  margin: 0 !important; }

.b3col li {
  margin-bottom: 10px;
  padding-left: 10px; }

.b3col h3 span, .b3col h3 a {
  color: #003366;
  font-size: 21px;
  font-weight: 700;
  text-decoration: none;
  font-style: italic;
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 10px; }

.b3col li a {
  font-size: 18px;
  color: #4596c9;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s;
  line-height: 22px; }

.b3col li a:hover {
  color: #003366; }

.b3link {
  position: absolute;
  width: 45%;
  display: block;
  height: 50%;
  right: 0; }

.b3link:after {
  content: '';
  display: block;
  background: rgba(255, 255, 255, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }

.b3link span {
  background: #000;
  display: inline-block;
  vertical-align: top;
  width: 95%;
  line-height: 90px;
  font-size: 28px;
  padding-left: 5%;
  color: #fff;
  z-index: 2;
  position: relative;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+24,7db9e8+100&0.77+25,0+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.77) 24%, rgba(2, 2, 3, 0.77) 25%, rgba(125, 185, 232, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.77) 24%, rgba(2, 2, 3, 0.77) 25%, rgba(125, 185, 232, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.77) 24%, rgba(2, 2, 3, 0.77) 25%, rgba(125, 185, 232, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4000000', endColorstr='#007db9e8',GradientType=1 );
  /* IE6-9 */ }

.b3linkgross {
  top: 0;
  background: url(../images/grosselarge2.jpg);
  background-size: cover; }

.b3linkshelby {
  top: 50%;
  background: url(../images/shelbylarge.jpg);
  background-size: cover; }

.b3link:hover:after {
  background: rgba(255, 255, 255, 0.1); }

.b3link:hover span {
  color: #fcd761; }

@media screen and (max-width: 1260px) {
  #b3content {
    width: 46%; } }
@media screen and (max-width: 1012px) {
  #box3 {
    padding-bottom: 0; }

  #b3content {
    width: 100%;
    margin-left: 0; }

  #b3container {
    padding-bottom: 40px; }

  .b3link {
    width: 100%;
    position: relative;
    height: 350px; } }
@media screen and (max-width: 767px) {
  .b3li {
    width: 100%; }

  .b3link {
    height: 200px; } }
#box4 {
  padding-top: 70px;
  padding-bottom: 70px; }

#box4 h2 {
  color: #fcd761;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
  text-align: center; }

#box4 p {
  font-family: Lato;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%; }

#b4links {
  text-align: center;
  font-size: 0;
  padding-top: 30px; }

#b4links a {
  display: block;
  width: 368px;
  height: auto;
  position: relative;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px; }

#b4links a img {
  width: 100%; }

#b4links a:after {
  content: '';
  display: block;
  background: rgba(255, 255, 255, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }

#b4links a span {
  font-family: Georgia, serif;
  font-size: 22px;
  line-height: 80px;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }

#b4links a:hover span {
  background: rgba(252, 215, 97, 0.8);
  color: #003366; }

#b4links a:hover:after {
  background: rgba(255, 255, 255, 0.05); }

@media screen and (max-width: 767px) {
  #b4links a {
    width: 368px;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0; } }
#box5 {
  padding-top: 70px;
  padding-bottom: 70px;
  background: url(../images/bg11.jpg);
  background-size: cover; }

#box5 h2 {
  color: #fcd761;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
  text-align: center; }

#box5 p {
  font-family: Lato;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%; }

#b5links {
  text-align: center;
  font-size: 0;
  padding-top: 30px; }

#b5links a {
  display: block;
  width: 368px;
  height: auto;
  position: relative;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px; }

#b5links a img {
  width: 100%; }

#b5links a:after {
  content: '';
  display: block;
  background: rgba(255, 255, 255, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }

#b5links a span {
  font-family: Georgia, serif;
  font-size: 22px;
  line-height: 80px;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }

#b5links a:hover span {
  background: rgba(252, 215, 97, 0.8);
  color: #003366; }

#b5links a:hover:after {
  background: rgba(255, 255, 255, 0.05); }

@media screen and (max-width: 767px) {
  #b5links a {
    width: 368px;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0; } }
#box55 {
  padding-top: 70px;
  padding-bottom: 70px;
  background: #eee; }

#box55 h2 {
  color: #003366;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
  text-align: center; }

#box55 p {
  font-family: Lato;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%; }

#b55links {
  text-align: center;
  font-size: 0;
  padding-top: 30px; }

#b55links a {
  display: block;
  width: 368px;
  height: auto;
  position: relative;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px; }

#b55links a img {
  width: 100%; }

#b55links a:after {
  content: '';
  display: block;
  background: rgba(255, 255, 255, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }

#b55links a span {
  font-family: Georgia, serif;
  font-size: 22px;
  line-height: 80px;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }

#b55links a:hover span {
  background: rgba(252, 215, 97, 0.8);
  color: #003366; }

#b55links a:hover:after {
  background: rgba(255, 255, 255, 0.05); }

@media screen and (max-width: 767px) {
  #b55links a {
    width: 368px;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0; } }
#box65 {
  padding-top: 70px;
  padding-bottom: 70px;
  background: url(../images/bg11.jpg);
  background-size: cover; }

#box65 h2 {
  color: #fcd761;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
  text-align: center; }

#box65 p {
  font-family: Lato;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%; }

#b65links {
  text-align: center;
  font-size: 0;
  padding-top: 30px; }

#b65links a {
  display: block;
  width: 368px;
  height: auto;
  position: relative;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px; }

#b65links a img {
  width: 100%; }

#b65links a:after {
  content: '';
  display: block;
  background: rgba(255, 255, 255, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }

#b65links a span {
  font-family: Georgia, serif;
  font-size: 22px;
  line-height: 80px;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }

#b65links a:hover span {
  background: rgba(252, 215, 97, 0.8);
  color: #003366; }

#b65links a:hover:after {
  background: rgba(255, 255, 255, 0.05); }

@media screen and (max-width: 767px) {
  #b65links a {
    width: 368px;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0; } }
#box6 {
  padding-top: 70px;
  padding-bottom: 70px;
  background: #fff; }

#box6 h2 {
  color: #003366;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 50px; }

#b6content {
  text-align: center;
  font-size: 0; }

.b6testimonial {
  width: 32%;
  padding-left: 8%;
  padding-right: 8%;
  display: inline-block;
  vertical-align: top; }

.b6testimonial:first-child {
  border-right: 2px solid #ddd; }

.b6testimonial p {
  font-size: 24px;
  line-height: 32px;
  margin-top: 0; }

.testauthor {
  color: #003366;
  display: block;
  font-style: italic;
  font-weight: 700;
  font-size: 22px; }

.testauthor:before {
  content: '';
  height: 2px;
  width: 20px;
  background: #4596c9;
  display: block;
  margin: 0 auto;
  margin-bottom: 14px; }

@media screen and (max-width: 767px) {
  #box6 h2 {
    padding-bottom: 40px; }

  .b6testimonial {
    width: 84%;
    padding-bottom: 30px; }

  .b6testimonial:first-child {
    border-right: 0 solid #ddd; }

  .b6testimonial p {
    font-size: 18px;
    line-height: 24px; }

  .testauthor {
    font-size: 18px; } }
#welcome-left h1 {
  padding-bottom: 20px;
  padding-top: 0; }

#welcome-left p a {
  color: #003366; }

#welcome-left p a:hover {
  color: #054a8e; }

.inlocal p.directionsbutton a {
  display: block;
  padding: 10px 0 10px 0;
  width: 140px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  background: #fcd761;
  color: #00427f;
  border: 1px solid #00427f;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.inlocal p.directionsbutton a:hover {
  background: #ffe181; }

.indappointment .yellowbutton {
  padding: 15px 25px 15px 25px !important;
  font-size: 20px !important; }

.white .col33st h3 a {
  color: #003366;
  font-size: 22px;
  font-weight: 700;
  font-style: italic;
  color: #003366;
  text-decoration: none; }