/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::-moz-selection{background: #2c373f; color: #fff; text-shadow: none;} ::selection{background: #2c373f; color: #fff; text-shadow: none;}

/***** END RESET *****/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

a {text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}

a#cta-btn button {color: #fff; background: #bf6c32; padding: 5px 15px 3px; cursor: pointer; font-size: 9px; letter-spacing: .165em; word-spacing: .1em; transition: 0.2s ease-in; text-align: center; width: auto; border: none; font-weight: 500; text-transform: uppercase; font-family: 'Gotham', sans-serif; line-height: 1.75; border-radius: 0; transform: skewX(-20deg);}
a#cta-btn2 button {color: #fff; background: #2c373f; padding: 5px 15px 3px; cursor: pointer; font-size: 9px; letter-spacing: .165em; word-spacing: .1em; transition: 0.2s ease-in; text-align: center; width: auto; border: none; font-weight: 500; text-transform: uppercase; font-family: 'Gotham', sans-serif; line-height: 1.75; border-radius: 0; transform: skewX(-20deg);}
a#cta-btn button span, a#cta-btn2 button span, a#cta-btn3 button span {transform: skewX(20deg); display: inline-block;}

a#cta-btn3 button {color: #fff; background: #bf6c32; padding: 7px 15px; cursor: pointer; font-size: 13px; letter-spacing: .2em; word-spacing: .1em; transition: 0.2s ease-in; text-align: center; width: auto; border: none; font-weight: 500; text-transform: uppercase; font-family: 'Gotham', sans-serif; line-height: 1.75; border-radius: 0; transform: skewX(-20deg);}
a#cta-btn3 button:hover {color: #bf6c32;}


html, body {width:100%;}
html {scroll-behavior: smooth;}
body {font-family: 'Adobe-Caslon-Pro', sans-serif!important; overflow-x: hidden; line-height: 1.75; font-size: 21px; font-weight: 400;}
/* Prevent page scrolling */
html.menu-open,
body.menu-open {
overflow: hidden;
height: 100%;
}

.orange {color: #bf6c32!important;}
.content-width {width: 100%; max-width: 1341px; margin: auto; padding: 0 10px;}

/* HEADER */
.header {width: 100%; background: #2c373f; padding: 34px 46px 38px 0; transition-duration: .4s; z-index: 100; position: relative; top: 0; left: 0; display: flex; flex-wrap: wrap;}
.hdr-inner {width: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.main-logo {width: 118px; height: 82px; transition: filter, -webkit filter; transition-duration: .4s; position: relative; z-index: 1001;}
.main-logo img {height: 82px;}
.main-logo:hover {filter: drop-shadow(0 0 2px #bf6c32);}
.hdr-right {width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 15px;}
.hdr-ctas {display: flex; gap: 5px; align-items: center;}
.hdr-ctas a#cta-btn button {margin: 0;}
.hdr-ctas a {font-family: 'Gotham', sans-serif; color: #fff; font-size: 9px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; text-align: center;}
.hdr-ctas a span, .mobile-ctas a span {padding-left: 5px; letter-spacing: .165em; color: #fff;}
.hdr-ctas a:hover span, .mobile-ctas a:hover span {color: #bf6c32;}
.mobile-ctas {width: 100%; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 20px;}


/* OTHER PAGES */
.hero-wrapper {width: 100%; display: flex; align-items: center; justify-content: center; background: #2c373f; clip-path: polygon(50% 100%,100% 92%,100% 0,0 0,0 92%); position: relative; z-index: 0; min-height: 654px;}
.hero-video {width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; position: absolute; z-index: 1;}
.hero-video:after {content: ""; background-color: rgba(44, 55, 63, .65); position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.hero-video video {width: 100%; height: auto; object-fit: cover;}
.hero-txt {width: 100%; max-width: 994px; display: flex; flex-wrap: wrap; align-items: center; padding: 140px 100px 80px; color: #fff; position: relative; z-index: 2;}
.hero-title {width: 100%; max-width: 654px; display: flex; flex-wrap: wrap; text-transform: uppercase; font-family: 'Gotham', sans-serif; margin-bottom: 42px;}
.hero-title p sup {font-size: 10px;}
.hero-title p {font-size: 17px!important; font-weight: 600; font-family: 'Gotham', sans-serif!important; letter-spacing: .145em; padding-left: 7px;}
.hero-title h1 {color: #fff; letter-spacing: .15em; font-weight: 600; line-height: 1.4; font-size: 40px;}
.hero-title h1 span {color: #bf6c32;}
.hero-txt p {font-size: 21px; font-family: 'Adobe-Caslon-Pro', serif; line-height: 2; max-width: 520px;}

.featured-wrapper {width: 100%; max-width: 960px; margin: 0 auto; padding-inline: 58px; display: flex; align-items: center; justify-content: center; gap: 46px; padding-block: 49px; position: relative;}
.featured-wrapper p {text-transform: uppercase; font-size: 11px; letter-spacing: .2em; color: #2c373f; font-style: italic; font-family: 'Gotham', sans-serif; font-weight: 500; padding-left: 17px; padding-right: 52px; position: relative;}
.featured-wrapper p::after {content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    font-size: 20px;
    height: 44px;
    width: 1px;
    -webkit-transform: skew(-17deg) translateY(-46%);
    -ms-transform: skew(-17deg) translateY(-46%);
    transform: skew(-17deg) translateY(-46%);
    background-color: #5b6975;}
.brand-logos {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 38px;}
.brand-logos img {width: 100%; max-width: 93px; height: auto; object-fit: contain; display: block;}

.hours-wrapper {width: 100%; max-width: 1341px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 80px 20px 150px; text-align: center; flex-direction: column; align-items: center;}
.hours-wrapper h2 {font-family: 'Gotham', sans-serif; text-transform: uppercase; font-weight: 600; font-size: 38px; color: #bf6c32; letter-spacing: 7.6px; position: relative; padding-bottom: 25px;}
.hours-wrapper h2 span {font-size: 25px; display: block; font-style: italic; letter-spacing: 3px; color: #000; font-weight: 400;}
.hours-wrapper p {margin-top: 45px; font-size: 21px; line-height: 1.75; color: #000; font-weight: 400; font-family: 'Adobe-Caslon-Pro', serif; max-width: 710px;}
.hours-wrapper hr {width: 129px; height: 1px; border-bottom: 1px solid #465b69;}
.speed-chart img {max-width: 854px; margin: 68px auto 0; line-height: 1.21; padding-inline: 24px; aspect-ratio: 807 / 164; width: 100%; height: auto;}
.speed-list {width: 100%; display: flex; justify-content: space-between; align-items: center; padding-inline: 43px;}
.speed-list p {flex: auto; text-align: center; gap: 20px; max-width: 184px; line-height: 1.21; font-size: 21px; font-weight: 400;}

.gray-bg {width: 100%; display: flex; padding: 120px 0; background: #efefef; text-align: center;}
.gray-bg .content-width {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; padding: 0 20px;}
.gray-bg h2 {text-transform: uppercase; letter-spacing: .2em; font-style: italic; font-size: 32px; margin-bottom: 1em; font-family: 'Gotham', sans-serif; font-weight: 500;}
.gray-bg p {font-size: 21px; font-family: 'Adobe-Caslon-Pro', serif; word-spacing: .25em; line-height: 2;}
.gray-bg p span {font-family: 'Gotham', sans-serif; font-style: normal; display: block; margin-bottom: 1em;  font-size: 18px; margin: 0 auto 2em; text-transform: uppercase; font-weight: 600; letter-spacing: .175em;}
.gray-bg hr {width: 129px; height: 1px; border-bottom: 1px solid #bf6c32; margin: 2.5em auto;}

/* FOOTER */
.footer {width: 100%; background: #2c373f; color: #fff; padding: 54px 40px; border-bottom: 102px solid #bf6c32;}
.ftr-width {width: 100%; margin: auto; max-width: 1341px; padding: 0 58px; padding-inline: 137px 188px;}
.ftr-top {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.ftr-left {}
.ftr-nav {font-family: 'Adobe-Caslon-Pro', serif; line-height: 1.75; column-count: 2; column-gap: 42px; column-rule-color: #bf6c32; column-rule-width: 2px; column-rule-style: solid; font-size: 16px; margin-left: 20px; padding-left: 20px; border-left: 2px solid #bf6c32; font-weight: 400; margin-bottom: 23px;}
.ftr-nav li {margin-bottom: 3px;}
.ftr-contact {font-family: 'Gotham', sans-serif; text-transform: uppercase; padding: 18px 0 0 30px; color: #fff; border-top: 1px solid #bf6c32; font-size: 15px; font-weight: 700; letter-spacing: .2em;}
.ftr-contact p {margin-bottom: 13px;}
.ftr-contact span#orange-divider {color: #bf6c32; margin: 0 15px; display: inline-block; border-left: 2px solid #bf6c32; height: 15px; vertical-align: middle;}
.ftr-right a {width: 363px; height: 261px;}
.ftr-right {}
.ftr-logo img {width: 100%; max-width: 363px; height: 261px; transition: filter, -webkit filter; transition-duration: .4s;}
.ftr-logo img:hover {filter: drop-shadow(0 0 2px #bf6c32);}
.ftr-bottom {width: 100%; display: flex; align-items: center; justify-content: center;}
.ftr-bottom img {max-width: 200px; width: 100%; height: auto;}


/* RESPONSIVE */

@media screen and (max-width: 1215px){
	.hero-txt {padding: 140px 20px 80px;}
	.footer {padding: 54px 0;}
	.ftr-width {padding: 0 20px; padding-inline: 20px; max-width: 1265px;}
	.ftr-contact span#orange-divider {margin: 0 10px;}
}
@media screen and (max-width: 1023px){
	body {font-size: 19px;}
	.header {padding: 16px 0;}
	.hdr-ctas {display: none;}
	.hdr-inner {align-items: center;}
	.hero-wrapper {font-size: 20px; text-align: center;}
	.hero-txt {max-width: 994px; justify-content: center;}	
	.hero-title {justify-content: center;}
	.hero-title h1 {font-size: 34px;}
	.featured-wrapper {flex-direction: column; align-items: center; text-align: center;}
	.featured-wrapper p {padding: 0 0 20px;}
	.featured-wrapper p:after {top: 100%; left: 50%; margin: 0; height: 2px; width: 50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
	.hours-wrapper h2 {font-size: 30px;}
	.hours-wrapper h2 span {font-size: 22px;}
	.hours-wrapper p, .hero-txt p, .gray-bg p {font-size: 19px;}
	.gray-bg p span {font-size: 16px;}
	.ftr-contact {font-size: 13px;}
	.ftr-right a {width: 302px; height: 217px;}
	.ftr-logo img {width: 302px; height: 217px;}
	
}
@media screen and (max-width: 767px){
	body {font-size: 16px;}
	.hero-title h1 {font-size: 26px;}
	.hero-title p {font-size: 12px!important; width: 100%;}
	.hero-txt p, .gray-bg p, .hours-wrapper h2 span {font-size: 18px;}
	.hours-wrapper {padding: 60px 20px 40px;}
	.hours-wrapper h2 {font-size: 24px;}
	.hours-wrapper p {font-size: 16px;}
	.speed-list {padding-inline: 0;}
	.speed-list p {font-size: 11px;}
	.gray-bg h2 {font-size: 22px;}
	a#cta-btn3 button {font-size: 13px;}
	
	.footer {border-bottom: 50px solid #bf6c32;}
	.ftr-top {flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center;}
	.ftr-left {width: 100%;}
	.ftr-nav {column-count: 1; margin: 0; border-left: none; border-top: 2px solid #bf6c32; text-align: center; padding: 30px 0;}
	.ftr-contact {padding: 15px 0; text-align: center; font-size: 12px;}
	.ftr-contact p {display: flex; flex-direction: column; align-items: center;}
	.ftr-contact span#orange-divider {border-left: none; border-top: 2px solid #bf6c32; height: 2px; width: 15px; margin: 10px 0 5px;}
	.ftr-right a {width: 251.67px; height: 180px;}
	.ftr-logo img {width: 251.67px; height: 180px; display: block; margin: 0 auto;}
	.ftr-bottom {flex-direction: column;}
	
}
@media screen and (max-width: 480px){
		
	
}