html { background-color: #EAEAEE; }
body { background-color: #FFF; }
a { color: #428BCA; }
a:hover { color: #2c6fa5; }

/*--Fade In Styles--*/
body,html, h1 { margin: 0; padding: 0; }
.tag {}
.tag { opacity: 0; transform: translate(0, 10vh); transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; }
.tag.visible { opacity: 1; transform: translate(0, 0); }
.fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s;  -moz-animation: fadeIn 1s;  -ms-animation: fadeIn 1s;  -o-animation: fadeIn 1s; animation-fill-mode: forwards; }
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

h1, h2, h3, h4, h5, p, ul li, ol li, a, label { font-family: 'Raleway', sans-serif; }
h1 { color: #43688A; margin-bottom: 20px; }
h2 { color: #43688A; }
h3 { font-weight: bold; color: #43688A; }
h4 { font-weight: bold; color: #43688A; }

@media (max-width: 576px) {
.display-4 { font-size: 38px; }
}

.btn { border-radius: 0px; border: none; }
.btn-primary { color: #FFF; background-color: #428bca; }
.btn-primary:hover { background-color: #2c6fa5; }

/* -- HEADER STYLES --*/

.header { background: rgba(255,255,255,0.6) }

.navbar { margin: 0 auto; padding-top: 0px; }
.navbar-nav .nav-item { text-align: center;}
.navbar-nav a { color: #428BCA; border-radius: 4px; }
.navbar-nav a:hover { background: #EFEFEF; }
.navbar-light .navbar-nav .nav-link { color: #2F6C83; }
.logo-header { width: 100%; max-width: 200px;}
.navbar-nav .schedule-nav-link { color: #FFF !important; background-color: #428bca; max-width: 320px; margin: 0 auto; border-radius: 0px; }
.navbar-nav .schedule-nav-link:hover { color: #FFF !important; background-color: #2c6fa5; }

.navbar-brand { background: #FFF; border-radius: 0px 0px 5px 5px; }
.header .navbar-nav .btn-primary { color: #FFF; background-color: #428bca; }
.header .navbar-nav .btn-primary:hover { background-color: #2c6fa5; }

.navbar-toggler { border-color: #428BCA; color: rgb(33, 119, 196,  0.65); }

.dropdown-menu { border: none; }


/*-- BODY STYLES --*/

.parallax {
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.jumbotron { margin-bottom: 0px; background-color: rgb(0,0,0,0.36); border-radius: 0px; }
.jumbo-home .col-lg-12 { min-height: 725px; }
.jumbo-home {  }
.jumbo-home h1 { color: #FFF; text-shadow: 0px 0px 9px rgba(0,0,0,0.52); margin: 0px; text-transform: uppercase!important; font-weight: 600; font-family: "Poppins", sans-serif; }
.jumbo-home h1 span { font-weight: 900!important; text-transform: uppercase!important; font-family: 'Raleway', sans-serif; }
.jumbo-home h3 { color: #FFF; text-shadow: 0px 0px 9px rgba(0,0,0,0.52); font-weight: 500; }

.video-bg {   
  position: fixed;
  right: 0;
  top: 0;
  min-width: 101%;
  min-height: 100%; 
  z-index: -100;
  transform: translateX(calc((100% - 100vw) / 2));
}

.intro { background-color: #428bca; z-index: 1; position: relative}
.intro h2, .intro p { color: #FFF;  }

.info-home { background-color: rgb(0,0,0,0.36);}
.info-home a { text-decoration: none; min-height: 600px; transition: 0.4s; }
.info-home a:hover { background: rgba(66,139,202,0.8) }
.info-home .border-right { border-right: 1px solid #FFF; }
.info-home-block { }
.info-home-block:hover {  }
.info-home-block h2, .info-home-block p { color: #FFF; }


.home-quotes { background-color: #428bca; background-image: url("../images/quotes-bg.jpg"); background-repeat: no-repeat; background-position: bottom center; background-size: cover;  }
.quote-logo { max-width: 450px; width: 100%; }

.schedule-appointment-form { width: 100%; max-width: 900px; background: #EFEFEF; padding: 10px; border-radius: 5px; margin: 0 auto; }

.state-list ul { padding: 0px; }
.state-list ul li { display: inline-block; padding: 0px 10px; }
.location-list h3 { background: #EFEFEF; padding: 10px;border-radius: 5px 5px 0px 0px; }
.location-list ul { padding-bottom: 10px; } 

.table td { padding: 0.25em; }
.procedure-table { border: none; }
.procedure-table tr, .procedure-table td { border: none; }

.accordion-button:not(.collapsed) { background-color: #e6f3fd; }

.accordion-button h4 { color: #428BCA; }

@media (max-width: 576px) {
	.jumbo-home h1, .jumbo-home h3 { text-align: center; padding: 0px; }
	.jumbo-home .col-lg-12 { padding-left: 0px!important; padding-right: 0px!important; }
	
	.info-home .border-right { border-right: none; }
	.info-home a { border-top: 1px solid #FFF; }

}

/*-- FOOTER STYLES --*/
.footer { background: #EAEAEE; }
.footer-menu { list-style: none; margin: 0px 0px 20px 0px; padding: 0px; }
.footer-menu a { color: #000; text-decoration: none; }
.footer-menu a:hover { text-decoration: underline; }