
:root {
  --bs-body-bg: #ffffff;
  --primary-color: #1e9eb9;
  --secondary-color: #1e9eb9;
  --gf-cal-primary: 252, 165, 163;
  --gf-cal-secondary: 140, 157, 167;
  --gf-primary: #1e9eb9;
  --gf-secondary: #0a1920;
  --gf-text: #ffffff;
  --top-bg: #1e9eb9;
  --top-fg: #ffffff;
}

.navbar-brand img {
  width:100px
}

#features [class^=s2f-icon-], #features [class*=" s2f-icon-"], .footer .contact-icons a:hover, .footer .contact-icons a:focus, .marker-phone, .modal-content .gform_wrapper .vehicle-icon span, .modal-content .gform_wrapper .vin-icon-outline .s2f-icon-vin-number .path1:before, .other-services li:before {
  color:var(--primary-color) !important;
}

.service-module .service-icon [class^=s2f-icon-], .service-module .service-icon [class*=" s2f-icon-"] {
  font-size:60px
}

.service-module .service-icon [class^=s2f-icon-], .service-module .service-icon [class*=" s2f-icon-"] {
  color:#ffffff}

.service-module:hover .service-icon [class^=s2f-icon-], .service-module:hover .service-icon [class*=" s2f-icon-"] {
  color:#ffffff}

.service-module:after {
  background: var(--primary-color);
  background: -moz-linear-gradient(90deg,  var(--primary-color) 0%, var(--secondary-color) 100%);
  background: -webkit-linear-gradient(90deg,  var(--primary-color) 0%, var(--secondary-color) 100%);
  background: linear-gradient(90deg,  var(--primary-color) 0%, var(--secondary-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e9eb9",endColorstr="#1e9eb9",GradientType=1);
}

.service-module .services-header, .service-module .services-desc {
  color:#1f1f1f}

.service-module:hover .services-header, .service-module:hover .services-desc {
  color:#ffffff}

.gform_footer .button, .gform_page_footer .button, #input_2_18_signature_image a {background-color:var(--gf-primary)!important;color:var(--gf-text)!important}

.gform_footer .button:focus, .gform_footer .button:hover, .gform_page_footer .button:focus, .gform_page_footer .button:hover, #input_2_18_signature_image a:hover, #input_2_18_signature_image a:focus {background-color:var(--gf-secondary)!important;color:var(--gf-text)!important}

.gform-theme--framework .gf_progressbar .gf_progressbar_percentage {
  background-color: var(--gf-primary) !important
}

.gform-theme--framework .gf_progressbar span {
  color:var(--gf-text)!important
}

.gform-theme--api,.gform-theme--framework {
  --gf-form-spinner-fg-color: rgba(var(--gf-cal-primary),1)!important;
  --gf-form-spinner-bg-color: rgba(var(--gf-cal-primary),0.3)!important;
}

.picker__day--highlighted {
  border-color:rgba(var(--gf-cal-secondary),1)!important
}

.picker--focused .picker__day--highlighted:not(.picker__day--disabled), .picker__day--highlighted:hover, .picker__day--infocus:not(.picker__day--disabled):hover, .picker__day--outfocus:not(.picker__day--disabled):hover {
  background: rgba(var(--gf-cal-primary),0.4)!important
}

.picker--focused .picker__day--selected.picker__day--highlighted, .picker__day--selected, .picker__day--selected:hover {
  background: rgba(var(--gf-cal-primary),1)!important
}

.picker__nav--next:hover, .picker__nav--prev:hover {
  background: rgba(var(--gf-cal-primary),0.4)!important
}

.btn.home-btn {
  background-color:var(--primary-color)
}

.btn.home-btn:hover, .btn.home-btn:focus, .btn.home-btn:active {
  background-color:var(--secondary-color)!important
}

#top-bar {background-color:var(--top-bg);color:var(--top-fg)}
#top-bar a {color:var(--top-fg)}
#top-bar .vr-sep {background-color:var(--top-fg)}

.phone-container a, .view-reviews {
  background-color:#1e9eb9;color:#FFFFFF}

.phone-container a:hover, .phone-container a:focus, .view-reviews:hover, .view-reviews:focus {
  background-color:#1e9eb9;color:#FFFFFF}

.hero-overlay {
  background-color:#1e9eb978}

.gradient-background {
  background: var(--primary-color);
  background: -moz-linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  background: -webkit-linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e9eb9",endColorstr="#1e9eb9",GradientType=1);
}

hr.service-divider:before {background-color:var(--primary-color)!important}

.damage-icon .s2f-icon-front-view-damage .path2:before, .damage-icon .s2f-icon-left-view-damage .path3:before, .damage-icon .s2f-icon-right-view-damage .path3:before, .damage-icon .s2f-icon-left-view-damage .path2:before, .damage-icon .s2f-icon-right-view-damage .path2:before {
  color:var(--primary-color) !important
}

.damage-icon .s2f-icon-front-view-damage .path1:before, .damage-icon .s2f-icon-left-view-damage .path1:before, .damage-icon .s2f-icon-right-view-damage .path1:before {
  color:var(--secondary-color) !important
}

.gallery-overlay {
  background-color: rgba(0,0,0,0.35);
  border-color: rgba(0,0,0,0.35);
}

.gallery-overlay:before {
  color:#ffffff!important;
}

.gallery-icon:before {
  content: '\e927';
}

#call-btn .s2f-icon-phone {
  color:#ffffff;
  background:#1e9eb9;
}

.hero-header {
  color:#FFFFFF;
}
.hero-description {
  color:#f4f4f4;
}

.hero-content {
  width:100% !important;
}

.hero-header {
  font-size:48px !important;
}

.hero-description {
  font-size:34px;
}

.jarallax,.video-hero {
  padding-top:300px !important;
  padding-bottom:300px !important;
}

@media (max-width: 980px) {
  .hero-header {font-size:36px !important}
  .hero-description {font-size:28px}

  .jarallax,.video-hero {
    padding-top:150px !important;
    padding-bottom:150px !important;
  }
}

@media (max-width: 767px) {
  .navbar-brand img {width:100px}
  .hero-header {font-size:26px !important}
  .hero-description {font-size:20px}
  
  .jarallax,.video-hero {
    padding-top:125px !important;
    padding-bottom:125px !important;
  }
}
