body {
  font-family: "barlow", sans-serif;
  background-color: #fff;
}
body {
  -webkit-font-smoothing: antialiased; /* for WebKit (Chrome, Safari) */
  -moz-osx-font-smoothing: grayscale;  /* for Firefox on macOS */
  text-rendering: optimizeLegibility;
}


h1 {font-size: 45px; line-height:2.7rem;}
@media (min-width: 768px) {
  h1 {font-size: 100px; line-height:4.8rem;}
}
h2 {font-size: 35px; line-height:1.8rem;}
@media (min-width: 768px) {
  h2 {font-size: 45px; line-height:3.5rem;}
}
h3 {font-size: 18px; line-height:1.9rem;}
@media (min-width: 768px) {
  h3 {font-size: 25px; line-height:2.2rem;}
}
h4 {font-size: 17px; line-height:1.8rem;}
@media (min-width: 768px) {
  h4 {font-size: 22px; line-height:2.0rem;}
}

h5 {font-size:14px; line-height: 1.15rem;}
@media (min-width: 768px) {
  h5 {font-size: 20px; line-height: 2.0rem;}
}

h6 {font-size:16px; line-height: 1.7rem;}
@media (min-width: 768px) {
  h6 {font-size: 18px; line-height: 2.5rem;}
}

p, li {
  font-family: "barlow", sans-serif;
  font-size: 0.95rem;
  font-weight:500;
  line-height: 1.9rem;
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    line-height: 0.85;
}
@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem;
        line-height: 0.85;
    }
}

.display-2 {font-size:22px; line-height: 1.5rem;}
@media (min-width: 768px) {
  .display-2 {font-size:41px; line-height: 2.75rem;}
}

/* pick-o-font */
.barlow-bold {
font-family: "barlow", sans-serif;
font-weight: 700;
font-style: normal;}

.barlow-bold-italic {
font-family: "barlow", sans-serif;
font-weight: 700;
font-style: italic;
}

.barlow-regular {
  font-family: "barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.barlow-medium{
  font-family: "barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlowcondensed-regular {
  font-family: "barlow-condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.barlowcondensed-semibold {
  font-family: "barlow-condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.barlowcondensed-bold {
  font-family: "barlow-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.letter-spacing-100 {
  letter-spacing: 0.10rem;
}

.letter-spacing-30 {
  letter-spacing: 0.03rem;
}

sup {
  font-size: 0.6rem;
  vertical-align: baseline;
  /* position: relative; */
  /* top: -0.5rem; */
}

.text-small, .twelve {font-size: 0.8rem;}

sub {
  font-size:69%;
  margin-left:-0.03em;
}

h1 sub, h2 sub {
  font-size:25%;
  margin-left:-0.05em;
}
h3 sub {
  font-size:40%;
  margin-left:-0.05em;
}

.allCaps {text-transform: uppercase;}

.letter-spacing-30 {letter-spacing: 0.05rem;}
.letter-spacing-100 {letter-spacing: 0.1rem;}
.letter-spacing-200 {letter-spacing: 0.2rem;}
.letter-spacing-300 {letter-spacing: 0.33rem;}

a {
  text-decoration: none;
  color:#ec1e24;
}
a:hover {
  color:#000;
}

button:focus { outline: none; }
a:focus {text-decoration:none; color:#ccc;}
img {border: 0;}
a img {border: none;}
a img:focus {outline:none;}

a.link-secondary {
  color:#ec1e24 !important;
}




@media (min-width: 992px) {
  .rounded-lg-3 { border-radius: .3rem; }
}
.rounded-24-68, .rounded-24-68 a img {border-radius:24px;}
@media (min-width: 992px) {
  .rounded-24-68, .rounded-24-68 a img {border-radius:68px;}
}

.rounded-24, .rounded-24 a img {border-radius:24px;}

.rounded-16, .rounded-16 a img {border-radius:16px;}
.rounded-14, .rounded-14 a img {border-radius:14px;}
.rounded-10, .rounded-10 a img {border-radius:10px;}

.radiusBottomLR-10 {
  border-radius: 0 0 10px 10px;
}
.radiusBottomLR-16 {
  border-radius: 0 0 16px 16px;
}
.radiusTopLR-16 {
  border-radius: 16px 16px 0 0;
}


.vr {
    opacity: 1;
}

/* start custom */
.navbar-nav li {
  font-family: "barlow", sans-serif;
  font-size: 0.8rem;
  font-weight:900;
  text-transform: uppercase;
}
.navbar-nav .nav-item a {color: #323031;}

.navbar-nav .nav-item a:hover
 {color: #ec1e24; text-decoration: none;}

.footer .nav-item a,
.footer a {
  color:#fff; 
  font-size:12px;
  font-family: "barlow", sans-serif;
  font-weight:700;
  letter-spacing: 0.02rem;
}

.footer .nav-item a:hover,
.footer a:hover
 {color: #ec1e24; text-decoration: none;}

.navbar-toggler-icon {
  background-image: url('../images/bars_black-s.svg') !important;
 }
.navbar-toggler-icon:hover {
  background-image: url('../images/bars_orange-o.svg') !important;
 }
.navbar button {border:none;}
a.navbar-brand {color:#ccc;}
a.navbar-brand:hover {color:#ec1e24; text-decoration: none;}
.navbar .btn:focus {border:none !important;}

.navbar-brand img {width:180px;}
/* makes active states on scroll work */
.mainNav-scrollspy .active {
  color:#ec1e24 !important;
}

.socialFooter li a {color:#fff;}
.socialFooter li a:hover {color:#ec1e24;}

.medGrayBk {background: #494748;}
.darkGrayBk {background: #323031;}
.lightGrayBk {background: #a5b5b4;}
.whiteBk {background:#fff;}
.blackBk {background:#000;}
.redBk {background:#ec1e24;}
.orangeBk {background:#e3852b;}
.yellowBk {background:#ec1e24;}
.beigeBk {background:#c3baa9;}

.text-gray {color:#2d2d2d;}
.text-gray-md {color: #494748;}
.text-gray-lt {color: #ccc;}
.text-red {color:#ec1e24;}
.text-orange {color:#e3852b;}
.text-yellow {color:#ec1e24;}
.text-green {color:#487f70;}

.border-white {border:1px solid #fff;}
.border-top-yellow {border-top:1px solid #ec1e24;}
.border-orange {border:1px solid #e3852b;}
.border-ltGreen {border:1px solid #a5b5b4;}

.relative {position:relative;}
.absolute {position:absolute;}

.mxw380, .mxw530, .mxw585, .mxw640, .mxw680, .mxw690, .mxw780, .mxw820 {
  max-width:94%;
}
.mxw880, .mxw960, .mxw1100 {
  max-width:100%;
}
@media (min-width: 768px) {
  .mxw380 {
    max-width: 380px;
  }
  .mxw530 {
    max-width: 530px;
  }
  .mxw585 {
    max-width: 585px;
  }
  .mxw640 {
    max-width: 640px;
  }
  .mxw680 {
    max-width: 680px;
  }
  .mxw690 {
    max-width: 690px;
  }
}
@media (min-width: 992px) {
  .mxw780 {
    max-width: 780px;
  }
  .mxw820 {
    max-width: 820px;
  }
  .mxw880 {
    max-width: 880px;
  }
  .mxw960 {
    max-width: 960px;
  }
  .mxw1100 {
    max-width: 1100px;
  }
}
.col140spacer {width:140px;}
.col165spacer {width:165px;}

.pt40 {padding-top: 40px;}
.pt80 {padding-top: 80px;}
.pt100 {padding-top: 100px;}
.pb40 {padding-bottom: 40px;}
.pb80 {padding-bottom: 80px;}
.pb100 {padding-bottom: 100px;}
.mb80 {margin-bottom:80px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt50 {margin-top:50px;}
.mt30 {margin-top:30px;}

.mt90Y {margin-top:20px;}
@media (min-width: 768px) {
.mt90Y {margin-top:90px;}
}

.bg-navtop, .navbar-trans {background-color: transparent !important; border-top:12px solid #ec1e24;}
.modal-backdrop {background:#323031;}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link {
      padding-right: 15px;
      padding-left: 15px;
  }
}

.footerLogo {
  width:160px;
}


.sectionHeader h2 {
  line-height: 1.6rem;
}
@media (min-width: 768px) {
  .sectionHeader h2 {
    line-height: 2.3rem;
  }
}

/* btns */

.btn-lg {
    border: none;
    padding: 11px 25px 12px;
    font-family: "barlow", sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-size: 15px;
    line-height: 17px;
    white-space: nowrap;
    border-radius: 16px;
    min-width: 180px;
    text-align: center;
    text-decoration: none !important;
}
 
.btn-primary {
  color:#fff;
  border:1px solid #ec1e24;
  background:#ec1e24;
  text-transform: uppercase;
}

.btn-primary:hover {
  color:#fff;
  border:1px solid #000;
  background: #000;
  text-decoration: none;
}
.btn-secondary, a.btn-secondary {
  color:#fff;
  border:1px solid #000;
  background:#000;
  text-transform: uppercase;
}

.btn-secondary:hover {
  color:#fff;
  border:1px solid #ec1e24;
  background:#ec1e24;
  text-decoration: none;
}

.btn-special {
  border: none;
  padding: 9px 25px 9px;
  color: #000;
  font-family: "barlow", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 14px;
  line-height: 0.8rem;
  white-space: nowrap;
  border-radius: 0rem;
  text-transform: uppercase;
}

.btn-special:hover {
    color:#ec1e24;
}
.btn-special:focus {
    color:#000;
    border:none;
}

.btn.disabled, .btn:disabled {
  color:#fff;
  border:1px solid #666;
  background:#666;
  text-transform: uppercase;
  border-radius:6px;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}

.btn124 {width:124px; height:120px;}
.btn124 p {font-size: 12px; line-height:0.9rem;}
@media (min-width: 768px) {
  .btn124 {width:100px; height:100px;}
  .btn124 p {font-size: 11px; line-height:0.85rem;}
}
@media (min-width: 992px) {
  .btn124 {width:124px; height:120px;}
  .btn124 p {font-size: 12px; line-height:0.9rem;}
}

.btn191 {width:191px;}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
    border:none;
    color:#487f70;
    background:#dadada;
}


.headerBk {
  background: url('../images/headerBk.jpg') no-repeat center center;
  background-size: cover;
  min-height:400px;
}


/*-- Release --*/

/* .releaseRow {
  border:1px solid #000;
} */
.releasesBox {
  border-radius: 16px;
  border:1px solid #000;
  padding:10px;
  margin-bottom:20px;
}

.releasesBox a {color: #323031;;
}
.releasesBox a:hover {color: #e3852b;}

.releaseRow p {
  font-family: "barlow", sans-serif;
  font-size:14px;
  line-height:1.8rem;
}
a.btn-round {
  background:#ccc;
  width: 42px;
  height: 42px;
  color:#000;
  font-size:20px;
  line-height: 1.5rem;
  padding: 5px;
  text-align: center;
  border-radius:24px;
  border:2px solid #ccc;
}
a.btn-round:hover {
  background:#ec1e24;
  border:2px solid #ec1e24;
  color:#fff;
}



/*-- PhotoPage --*/
/* dropdown for photo page */
.btn-dropper  {
  color:#000;
  border:1px solid #dadada;
  background:#dadada;
  text-transform: uppercase;
  margin-top: 1px;
  line-height: 0.8rem;
  border-radius: 12px;
  font-size: 14px;
  padding: 15px;
}
.btn-dropper:hover, .btn-dropper:focus {
  color:#fff;
  border:1px solid #dadada;
  background:#000;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 178px;
    padding: 10px 0 10px 0;
    margin: 1px 0 0;
    font-family: "barlow", sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-size: 14px;
    line-height: 15px;
    color: #000;
    text-align: left;
    list-style: none;
    text-transform: uppercase;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dadada;
    border-radius: 12px;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .5rem 1rem;
  clear: both;
  font-family: "barlow", sans-serif;
  font-weight:700;
  font-size:14px;
  line-height:1.2;
  letter-spacing:0.05em;
  color: #000;
  text-align: inherit;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #000;
}
/* make dropdown appear on hover */
.dropdown:hover>.dropdown-menu {
  display: block;
  transition: all 0.9s ease-out;
}
.dropdown>.dropdown-toggle:active {
  pointer-events: none;
}
.dropdown.btn:hover {
    color: #232323;
    text-decoration: none;
}

.btn-group {
  background:#dadada;
  border-radius:12px;
}
.btn-group .btn-lg {min-width:150px; white-space: normal;}






/* HOME PAGE */

header {margin:0 auto;}

.heroBadge img {width: 200px; margin-top:15px;}
@media (min-width: 768px) {
  .heroBadge img {width: 237px;}
}


.topBadge {height:33%; max-height:140px;}

.titleBoxCont{
  padding:5vh 0;
}
@media (min-width: 768px) {
  .titleBoxCont{
    padding:6vh 0;
  }
}

.titleBoxHolder {height:73%;}
@media (min-width: 768px) {
  .topBadge {min-height:180px; height:27%; max-height:185px;}
  .titleBoxHolder {height:73%;}
}
@media (min-width: 992px) {
  .topBadge {min-height:200px; height:33%; max-height:225px;}
  .titleBoxHolder {height:66%;}
}
@media (min-width: 1025px) {
  .topBadge {min-height:240px; height:27%; max-height:245px;}
  .titleBoxHolder {height:73%;}
}


.embargoInfoMargin {
  margin-top: -80px;
  margin-bottom:30px;
}
@media (min-width: 768px) {
  .embargoInfoMargin {
    margin-top: -20px;
  }
}



.photosBk {
  min-height:1000px;
  position: relative;
}
.photosBk:before {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e7e8+0,e2e7e8+100&1+33,0+100 */
  background: linear-gradient(to bottom,  rgba(226,231,232,1) 0%,rgba(226,231,232,1) 33%,rgba(226,231,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  height:600px;
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:-1;
  width:100%;
  content: '';
}




.overbk {
  z-index: 2;
  position:relative;
}



.onePixelLine {
  width:95%;
  height:1px;
  background:#880d00;
  position:absolute;
  top:50%;
  margin:-1px auto 0;
}


.boxTop {
  width:100%;
  min-height:50px;
  /* background-color:#880d00; */
  padding:8px 24px;
  position:relative;
}

.boxBottom {
  width:100%;
  padding:8px 24px;
}






.fullNavBk {
  background-color:#323031;
}



/* full screen nav */
#modalNavigation .nav li a {
  font-size:24px;
  line-height: 3.5vh;
  font-family: "heebo", sans-serif;
  font-weight:800;
  color:#fff;
  text-transform:uppercase;
  text-decoration: none;
  transition: all 0.15s ease-out;
  letter-spacing: 0.05rem;
}
@media (min-width: 767px) {
  #modalNavigation .nav li a {
    font-size:35px;
    line-height: 5vh;
    color:#fff;
  }
}

#modalNavigation .nav li a:hover {
  color:#e3852b;
}
.modalLogo {width:160px;}

#modalNavigation .socialNav li a, #modalNavigation p a {
  color:#fff;
}
#modalNavigation .socialNav li a:hover, #modalNavigation p a:hover {
  color:#e3852b;
}

.modal-header {border:none;}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #fff !important;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: .375rem;
  opacity: .5;
}

/* back to top */
.btt {
  position:fixed;
  right:15px;
  bottom:10%;
  z-index:999;
  display:none;
}
@media (min-width: 768px) {
  .btt {
    right:2.95%;
  }
}

a.btn-btt {
  width: 42px;
  height: 42px;
  background:#ccc;
  color:#000;
  font-size:20px;
  line-height: 1.75rem !important;
  padding: 5px;
  text-align: center;
  border-radius:24px;
  border:1px solid #ccc;
}
a.btn-btt:hover {
  background:#ec1e24;
  color:#fff;
  text-decoration: none;
  border:1px solid #ec1e24;
}

/* PHOTOS */
#downloadzip-button, #downloadall-button {position:relative;}
#downloadzip-button:after, #downloadall-button:after {
  content:'';
  position:absolute;
  right:0;
  top:9px; bottom:9px;
  border-right:1px solid #000;
}
.centerImg img {margin:0 auto;}

.tl-xs-tc, .tr-xs-tc {
  text-align: center;
}
@media (min-width: 768px) {
.tl-xs-tc {text-align: left;}
.tr-xs-tc {text-align: right;}
}







.email a {
  color:#ec1e24;
}
.email a:hover {
  color:#000;
}




/* GSAP */
.fadeAnimUp, .GSfadeImgAnim, .fadeIn, .heroLogo, .simpleFade {opacity: 0;}
.fadeAnimRtL {opacity: 0; margin-left:20px;}

.bigNums {top:30px;}

.simpleFadeUp {
  opacity: 0;
  top:20px;
  position:relative;
}

/*  */
.circleIconSmall {
  width:80px;
  height:80px;
}






.shadowBlack{
  filter:drop-shadow(7px 7px 10px rgba(0,0,0,0.3));
}




.megaQuotes {
width:35px;
}
@media (min-width: 768px) {
  .megaQuotes {
    width:75px;
  }
}



.headerBadge img {width:300px;}
@media (min-width: 768px) {
.headerBadge img {width:680px;}
}

.largeQuote img, .largeQuoteEnd img {
  position:relative;
  top:-0.3rem;
  width:15px;
}
.largeQuote img {
  left:-0.3rem;
}
.largeQuoteEnd img {
  left:.3rem;
}

@media (min-width: 768px) {
  .largeQuote img, .largeQuoteEnd img {
    top:-0.5rem;
    width:20px;
  }
}

.footerBkgd {
  background: #000;
  min-height:420px;
}

.wl100 {
  width:100px;
  height:1px;
  background-color:#fff;
  border:0;
  margin:1em 0;
  padding:0;
}

.urlBox {
  width:280px;
}
@media (min-width: 768px) {
  .urlBox {
    width:480px;
  }
}

img.imgredglow {
    /* box-shadow:0 0 20px #ec1e24;   */    /* outer glow */
    filter:drop-shadow(2px 2px 9px rgba(255, 0, 0, 0.99));
}

img.logoredglow {
    filter:drop-shadow(0px 0px 10px rgba(255, 0, 0, 0.99));
}
.figure {position:relative;}
.figure-caption {position:absolute; bottom:18px; left:18px;}

.otherOrangeBox {
  border:1px solid #de7136;
  width:12px;
  /* height:200px; */
}
.otherOrangeBoxTwo {
  border:1px solid #de7136;
  width:125px;
  height:12px;
}

a.imgBtn .figure-img {
  border:6px solid rgba(0,0,0,0.0);
}

a.imgBtn .figure-img:hover {
  border:6px solid #f1db49;
}

.videoItem p {line-height:1.3rem !important;}

.navbar-toggler-icon:focus {
  background:transparent;
}

a.backSpecial {
  background:#ec1e24;
  border-radius:0 0 14px 14px;
  padding:10px 20px;
  margin-top:-10px;
  color:#fff;
}
a.backSpecial:hover {background:#ec1e24;color:#000;}


.contactsBk {
  background: url('../images/dodge_smoke_bk.jpg') no-repeat center center;
  background-size: cover;
  min-height: 600px;
}