@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
  font: 16px 'PT Serif', serif;
  color: #000;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  overflow-x: hidden;
  position: relative;
  background-color:#fff;
}

dl, ol, ul {margin:0!important; padding:1rem;}
li {margin:10px 0!important; line-height: 1.25em; list-style-position: outside;}

p {font-family: 'PT Serif', serif; font-size: 16px; color: #000; line-height: 1.6em;}

a:focus .btn-content, a:focus-visible .btn-content {
  border: solid white 2px;
  outline-color: black;
  outline-style: solid;
  outline-width: 4px;
}

a {color:#DD1E35; font-weight: 800; text-decoration: underline; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
a:hover {color:#202F5E; font-weight: 800;  text-decoration: none;}
a:focus {color:#202F5E!important; text-decoration: none; outline: -webkit-focus-ring-color auto 1px;}
a:focus-visible {color:#DD1E35!important; text-decoration: none; outline: -webkit-focus-ring-color auto 5px;}

.section {scroll-margin-top: 250px!important;}

.max-container {max-width:856px;}

.justify {text-align: justify;}

/*SKIP TO CONTENT*/
.skip-to-content-link {
    left: 0%;
    position: absolute;
    transform: translateY(-100%);
    background: #fff;
    height: 70px;
    padding: 8px;
    transition: transform 0.3s;
	scroll-padding-top:110px;
}
.skip-to-content-link:focus {
    transform: translateY(0%);
	width:100%;
	background-color:#fff;
	z-index:99999999999;
	line-height:50px;
	font-weight:bold;
	color:#000;
	border:none;
	text-align: center!important;
}
/*END SKIP TO CONTENT*/

.small {font-size: 90%!important;}
.smaller {font-size: 80%!important;}
.smallest {font-size: 70%!important;}
.large {font-size: 110%!important;}
.larger {font-size: 120%!important;}
.largest {font-size: 135%!important;}

.lh-sm {line-height: 1.5em!important;}
.lh-md {line-height: 1.6em!important;}
.lh-lg {line-height: 1.7em!important;}

.red {color:#DD1E35;}
.navy {color:#202F5E;}
.gold {color:#EE9546;}
.yellow {color:#FBD54B;}
.black {color:#000;}
.white {color:#fff;}

.bar-red {width:125px; border-top:8px solid #DD1E35; border-radius: 10px;}
.bar-gray {width:125px; border-top:8px solid #202F5E; border-radius: 10px;}
.bar-yellow {width:125px; border-top:8px solid #FBD54B; border-radius: 10px;}
.bar-white {width:125px; border-top:8px solid #fff; border-radius: 10px;}
.bar-black {width:125px; border-top:8px solid #000; border-radius: 10px;}

.divider {border-top: 3px solid #FBD54B; border-radius: 10px;}

.border-pic {border: 5px solid #202F5E;}
.border-lt {border: 3px solid #fff;}
.border-black {border: 4px solid #000;}
.border-red {border: 3px solid #DD1E35;}
.border-yellow {border: 5px solid #FBD54B;}

.shadow {box-shadow: 0px 20px 20px -10px rgba(0,0,0,0.35)!important; -webkit-box-shadow: 0px 20px 20px -10px rgba(0,0,0,0.35); -moz-box-shadow: 0px 20px 20px -10px rgba(0,0,0,0.35);}
.shadow-lt {box-shadow: 0px 20px 20px -10px rgba(0,0,0,0.25)!important; -webkit-box-shadow: 0px 20px 20px -10px rgba(0,0,0,0.35); -moz-box-shadow: 0px 20px 20px -10px rgba(0,0,0,0.35);}

h1 {
	font-family: 'Outfit', sans-serif;
	font-size: 46px;
	font-weight: 700;
	color:#202F5E;
	letter-spacing:-1px;
	text-transform: uppercase;
}

h2 {
	font-family: 'Outfit', sans-serif;
	font-size: 36px;
	font-weight: 700;
	color:#DD1E35;
	letter-spacing: -1px;
	text-transform: uppercase;
}

h3 {
	font-family: 'Outfit', sans-serif;
	font-size: 30px;
	font-weight: 700;
	color:#202F5E;
	letter-spacing: -.5px;
	text-transform: uppercase;
}
.h3-sm {font-size: 24px; color:#DD1E35; letter-spacing:-.25px!important;}

/*BACK TO TOP*/
#button {
  display: inline-block;
  background-color: #DD1E35;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 0;
  position: fixed;
  bottom: 30px;
  right: 0;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
	border:2px solid #FFF;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #202F5E;
}
#button:active {
  background-color: #202F5E;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/*END BACK TO TOP*/

.header {
  background-color: #fff;
  z-index: 999999;
  -webkit-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.15);
  clear: both;
  padding:0!important;
  /*margin:35px 0 0 0!important;*/
  margin:0!important;
  height: 210px!important;
  border-top:4px solid #DD1E35;
  -webkit-transition: height 0.5s ease-in-out; 
  -moz-transition: height 0.5s ease-in-out; 
  -ms-transition: height 0.5s ease-in-out; 
  -o-transition: height 0.5s ease-in-out; 
  transition: height 0.5s ease-in-out;
}
.header.js-scrolling {height: 110px!important;}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 10;
}

.sticky + .content {
  padding-top: 102px;
}

.offcanvas {background-color: #fff; border-top: none!important; padding:0!important;}
.offcanvas-backdrop.show {opacity: 0!important;}
.offcanvas-header {padding:65px 0 0 0!important;}
.offcanvas-header img {height:70px!important; padding-top:25px; margin:0 0 0 20px!important;}
.offcanvas-header .btn-close {background-image: url("graphics/close.png"); margin-top: 0.5rem; margin-right: 0.5rem; margin-bottom: 0.5rem;}

.navbar-light .navbar-nav .nav-link {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #202F5E;
  text-transform: uppercase;
  padding: 15px 1.5rem!important;
  margin:15px 0 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom:3px solid #fff;
}
.navbar-light .navbar-nav .nav-link:hover {color:#DD1E35!important; border-bottom:3px solid #202F5E;}
.navbar-light .navbar-nav .nav-link:focus {color:#DD1E35!important; border:2px solid #202F5E;}
.navbar-light .navbar-nav .nav-link:focus-visible {color:#DD1E35!important; border:2px solid #202F5E;}

.navbar-toggler {border-color:#fff!important; background-color:transparent!important; border:0!important; color:(0,0,0,1.0)!important;}
.navbar-light .navbar-toggler {outline: none;}

.navbar-brand {z-index: 10; position: relative; top:0;}
.navbar-brand img {
	height:350px!important; 
	margin-top: 175px;
	-webkit-transition: height 0.5s ease-in-out; 
	-moz-transition: height 0.5s ease-in-out; 
	-ms-transition: height 0.5s ease-in-out; 
	-o-transition: height 0.5s ease-in-out; 
	transition: height 0.5s ease-in-out;
}
.navbar-brand.js-scrolling img {
	height: 100px!important;
	margin-top: -5px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color:#202F5E!important;}

.bg-phone {background:#202F5E; font-family: 'Outfit', sans-serif; font-size: 38px!important; font-weight: 800; color:#FBD54B!important;}
.bg-phone a {color:#FBD54B!important;}
.bg-phone a:hover {color:#FFF!important; font-weight: 800!important;}
.bg-phone a:focus {color:#FFF!important; border:2px solid #FBD54B;}
.bg-phone a:focus-visible {color:#FFF!important; border:2px solid #FBD54B;}

.nav-link-lg {
  font-family: 'Outfit', sans-serif;
  font-size: 28px;
  font-weight: 800!important;
  color: #DD1E35;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-link-lg:hover {color:#202F5E!important; font-weight: 800!important;}
.nav-link-lg:focus {color:#DD1E35!important; border:2px solid #202F5E;}
.nav-link-lg:focus-visible {color:#DD1E35!important; border:2px solid #202F5E;}

.content {font-family: 'PT Serif', serif; font-size: 16px; font-weight: 400; letter-spacing: -.5px;}
.content a {color:#202F5E; font-weight: 600; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#DD1E35; text-decoration:underline; font-weight: 800;}
.btn-content {
	background-color:#202F5E;
	font-family: 'Outfit', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	text-decoration: none!important;
	text-transform: uppercase;
	color:#FBD54B!important;
	letter-spacing: .25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:4px solid #202F5E;
}
.btn-content:hover {
	background:#DD1E35;
	color:#fff!important;
	text-decoration: underline;
	cursor: pointer;
	border:4px solid #DD1E35;
}
.btn-content:focus {border:2px solid #202F5E; outline-color: #202F5E; outline-style: solid; outline-width: 4px;}
.btn-content:focus-visible {border:2px solid #202F5E; outline-color: #202F5E; outline-style: solid; outline-width: 4px;}

.interior {font-family: 'PT Serif', serif; font-size: 16px; font-weight: 400; letter-spacing: -.5px; min-height: 750px;}
.interior a {color:#DD1E35; font-weight: 800; text-decoration:underline; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.interior a:hover {color:#202F5E; text-decoration:underline; font-weight: 800;}

.quote {font-size: 28px; font-weight: 800; font-style: italic;}
.bg-list {background:#EEE; font-family: 'Outfit', sans-serif; text-transform: uppercase; color:#202F5E!important; line-height: 2em;}
.bg-gray {background:#F3F3F3!important;}

/*VIDEO*/
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0; overflow: hidden;
box-shadow: 0px 12px 12px -10px rgba(0,0,0,0.75)!important; -webkit-box-shadow: 0px 12px 12px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 12px 12px -10px rgba(0,0,0,0.75);
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*END VIDEO*/

.bg-testimonials {background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='80' height='22' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%2317254eff'/><path d='M-20.133 4.568C-13.178 4.932-6.452 7.376 0 10c6.452 2.624 13.036 5.072 20 5 6.967-.072 13.56-2.341 20-5 6.44-2.659 13.033-4.928 20-5 6.964-.072 13.548 2.376 20 5s13.178 5.068 20.133 5.432'  stroke-width='1' stroke='%2321305fff' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>"); background-attachment: fixed;}

.carousel-control-next, .carousel-control-prev {opacity: 1;}
.carousel-control-next-icon, .carousel-control-prev-icon {background-color: rgba(0,0,0,0.65); padding: 1rem 0; border:1px solid #FFF;}

button.carousel-control-prev:hover, button.carousel-control-next:hover {
 .carousel-control-prev-icon, .carousel-control-next-icon {
        border: solid white 2px;
        outline-color: #DD1E35;
        outline-style: solid;
        outline-width: 2px;
        background-color: #DD1E35;
        transform:	scale(1.25);
    }
}
button.carousel-control-prev:focus, button.carousel-control-next:focus {
 .carousel-control-prev-icon, .carousel-control-next-icon {
        border: solid white 2px;
        outline-color: #DD1E35;
        outline-style: solid;
        outline-width: 2px;
        background-color: #DD1E35;
        transform:	scale(1.25);
    }
}

.carousel-container {color:#FFF!important;font-weight: 700; font-style: italic; line-height: 1.8em; width:550px!important; margin:0 auto 50px auto; float:none; clear: both; overflow: hidden; -webkit-backface-visibility: visible!important; backface-visibility: visible!important;}
.carousel-item {color:#fff!important;}
section#testimonials .carousel-caption {position: static;}
.name {font-size: 16px; font-weight: 400; color:#FBD54B; margin-bottom: 50px; font-style: italic;}
.carousel-indicators [data-bs-target] {background-color:#FFF!important; height:10px; margin:0 6px;}

.contact-links {font-size: 24px; font-weight: 300;}
.contact-links a {color: #DD1E35; font-weight: 900!important; text-decoration: underline; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.contact-links a:hover {color: #202F5E!important; font-weight: 900!important; text-decoration: none;}
.contact-links a:focus {color: #202F5E!important; border:2px solid #000;}
.contact-links a:focus-visible {color: #202F5E!important; border:2px solid #000;}

.content-interior {min-height: 750px; border-bottom: 1px solid #FBD54B;}

.bg-anchor {background:#202F5E; color:#fff; font-family: 'PT Serif', serif; font-weight: 400; letter-spacing: -.25px;}
.bg-anchor a {color:#fff; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#FBD54B; text-decoration:none;}
.bg-anchor a:focus {color:#FBD54B!important; text-decoration: underline; outline: -webkit-focus-ring-color auto 1px;}
.bg-anchor a:focus-visible {color:#FBD54B!important; text-decoration: underline; outline: -webkit-focus-ring-color auto 5px;}
.bg-anchor ul {padding:0; margin:0; text-align:center; }
.bg-anchor ul li {list-style-type:none; display:inline; font-size: 14px!important; font-weight: 400!important;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#DD1E35; margin:0 10px; font-weight: 900;}
.bg-anchor ul li:last-child:after {content:'';}

/*FORM*/
#form {
        width:100%;
        float:left;
		font-family: 'PT Serif', serif;
}


form{
        width: 100%;
        }

legend {font-size: 16px; font-weight: 500; color:#000;}

fieldset{
        border: 0;
        padding:2.5% 0;
        clear: left;
		
        }
        
textarea, input, select{
        border-top:0;
		border-right:0;
		border-left:0;
		border:1px solid #202F5E;
        padding:2.5%;
        width: 100%;
		font-size: 16px;
        }

label{
        font-weight: 600!important;
		font-size: 100%;
		display: block;
        }       
        
textarea:focus, input:focus, select:focus{
        border: 3px solid #DD1E35;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

.submit {
	padding:2.5%!important;
	background:#202F5E; 	
	color:#FBD54B!important;
	font-family: 'Outfit', sans-serif;
	font-size:2em;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:4px solid #202F5E;
}
/*.submit:hover {
	background-color:#000;
	color:#ccc!important;
	cursor:pointer;
	border:4px solid #000;
}*/
.submit:hover {background-color:#DD1E35; color:#FFF!important; cursor:pointer;border:2px solid #FFF; outline-color: #DD1E35; outline-style: solid; outline-width: 4px; padding:4px; border:4px solid #DD1E35;}
.submit:focus {border:2px solid #FFF; outline-color: #000; outline-style: solid; outline-width: 4px; padding:4px;}
.submit:focus-visible {border:2px solid #FFF; outline-color: #000; outline-style: solid; outline-width: 4px; padding:4px;}
input {padding:10px!important;}
/*END FORM*/

/*ACCORDION*/
.accordion-header {padding:0;}
.accordion-header:hover {padding:0;}
.accordion-item {border-bottom: 1px solid #EEE!important;}
.accordion-button {font-family: "Outfit", serif; font-size: 24px; font-weight: 700; color:#DD1E35; letter-spacing: -1px; text-transform: uppercase; border:2px solid #EEE;}
.accordion-button:hover {background:#FFF!important; color:#202F5E!important; border:2px solid #DD1E35; box-shadow: none!important; text-decoration: underline!important;}
.accordion-button:focus {border:2px solid #DD1E35!important; z-index: 3; outline-offset: 2px; box-shadow: none!important;}
.accordion-button:focus-visible {border:#DD1E35; box-shadow: 0!important;}
.accordion-button:not(.collapsed) {background-color:#FFF!important; color:#DD1E35!important; box-shadow: none!important;}
.accordion-button:not(.collapsed)::after {background-image:url("graphics/angle-up.png");}
.accordion-button::after {background-image:url("graphics/angle-down.png");}
.accordion-body {font-family: "PT Serif", serif; font-size: 18px; color:#000!important; max-width: 856px!important;}
/*END ACCORDION*/

/*START TABLES*/
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 10px!important;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.25em;
  margin: .5em 0 .75em;
	
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: 10px!important;
}

table th,
table td {
  font-size: 16px;
  padding: 15px!important;
  text-align: left;
}

table th {
  font-size: 16px;
  letter-spacing: -.1px;
  text-transform: uppercase;
  color:#202F5E!important;
}

@media screen and (max-width: 575px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 20px;
	  width: 100%;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
	background-color: #FFF;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 16px!important;
    text-align: left;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}
/*END TABLES*/
@media (max-width: 1635px) {
.navbar-brand img {height:300px!important; margin-top: 150px;}
}

@media (max-width: 1589px) {
.navbar-brand img {height:250px!important; margin-top: 100px;}
}

@media (max-width: 1541px) {
.navbar-light .navbar-nav .nav-link {font-size: 16px;}
}

@media (max-width: 1485px) {
.navbar-light .navbar-nav .nav-link {padding: 15px 1rem!important;}
.nav-link-lg {font-size: 21px;}
}

@media (max-width: 1399px) {
.header {height: 110px!important;}
.navbar-brand img {height:150px!important; margin-top: -10px;}
.navbar-toggler {margin-top: -20px;}
.navbar-light .navbar-nav .nav-link {font-size: 18px; padding: 5px .75rem!important;}
}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
.carousel-container {width:500px!important;}
}

@media (max-width: 767px) {
.carousel-container {width:375px!important;}
.bg-anchor ul li {display:block; padding:12px 0;}
.bg-anchor ul li:after {content:'';margin:0;}
}

@media (max-width: 575px) {
h1 {font-size: 42px;}
h2 {font-size: 30px; letter-spacing: 1px;}
.carousel-container {width:250px!important;}
}

@media (max-width: 480px) {
.navbar-brand img {height:135px!important; margin: -10px 0 0 -20px;}
}

@media (max-width: 375px) {
.header {margin:30px 0 0 0!important;}
.bg-phone {font-size: 28px!important;}
.carousel-container {width:200px!important;}
}

