body {
  font-family: "FoundryGridnik-Regular", sans-serif;
  background-color: #000;
}
/* h1, h2, h3, h4, h5 {
  font-family: "Montserrat", sans-serif;
} */

h1 {font-size: 36px; line-height:2.7rem;}
@media (min-width: 768px) {
  h1 {font-size: 55px; line-height:4.5rem;}
}
h2 {font-size: 22px; line-height:1.8rem;}
@media (min-width: 768px) {
  h2 {font-size: 35px; 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: "FoundryGridnik-Regular", sans-serif;
  font-size: 0.95rem;
  font-weight:400;
  line-height: 1.8rem;
}
.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 */
.fg-regular {font-family: 'FoundryGridnik-Regular'; font-weight: 400; font-style: normal;}
.fg-medium {font-family: 'FoundryGridnik-Medium'; font-style: normal;}
.fg-bold {font-family: 'FoundryGridnik-Bold'; font-style: normal;}

.montserrat-black {font-family: 'Montserrat', sans-serif; font-weight: 900; font-style: normal;}
.montserrat-extrabold {font-family: 'Montserrat', sans-serif; font-weight: 800; font-style: normal;}
.montserrat-bold {font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal;}

.tradegothic-regular {font-family: "trade-gothic-next", sans-serif; font-weight: 400; font-style: normal;}
.tradegothic-bold {font-family: "trade-gothic-next", sans-serif; font-weight: 700; font-style: normal;}

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

sub {
  font-size:50%;
  margin-left:-0.05em;
}

h1 sub {
  font-size:25%;
  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:#ff0000;
}
a:hover {
  color:#666;
  text-decoration:none;
}
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:#fff !important;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
    border:2px solid #880d00;
    color:#880d00;
    background-color:#000;
}



@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: "trade-gothic-next", sans-serif;
  font-size: 0.8rem;
  font-weight:700;
  text-transform: uppercase;
}
.navbar-nav .nav-item a {color: #000;}

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

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

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

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

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

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

.medGrayBk {background: #505050;}
.darkGrayBk {background: #232323;}
.lightGrayBk {background: #afafaf;}
.whiteBk {background:#fff;}
.blackBk {background:#000;}
.redBk {background:#ff0000;}
.yellowBk {background:#FEF034;}

.text-gray {color:#9d9ea1;}
.text-gray-md {color: #505050;}
.text-gray-lt {color: #ccc;}
.text-red {color:#ff0000;}
.text-ramred {color:#880d00;}

.border-white {border:1px solid #fff;}

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

.mxw380, .mxw530, .mxw585, .mxw640, .mxw680, .mxw690, .mxw780, .mxw820 {
  max-width:94%;
}
.mxw880, .mxw960 {
  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;
  }
}
.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;}
.mt60 {margin-top:60px;}
.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-dark {background-color: #ff0000 !important;}
.modal-backdrop {background:#000;}

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

.footerLogo {
  width:202px;
}

.iconBox {
  width:48px;
  height:48px;
  margin-top:40px; /*for animation */
  background:transparent;
  border: 2px solid #ff0000;
  border-radius: 50%;
  box-shadow:
  inset 0 0 20px #ff0000,   /* inner red short */
  inset -20px 0 80px transparent, /* inner clear */
  0 0 20px #ff0000;         /* outer glow */}
.iconBox i {
  font-size: 18px;
}
@media (min-width: 768px) {
  .iconBox {
    width:116px;
    height:116px;
    margin-top:40px; /*for animation */
    background:transparent;
    border: 2px solid #ff0000;
    border-radius: 50%;
    box-shadow:
    inset 0 0 20px #ff0000,   /* inner red short */
    inset -20px 0 80px transparent, /* inner clear */
    0 0 20px #ff0000;         /* outer glow */
  }
  .iconBox i {
    font-size: 48px;
  }
}

.iconBox h2 {
  margin-bottom:0;
  line-height:2rem;
}
.sectionHeader h2 {
  line-height: 1.6rem;
}
@media (min-width: 768px) {
.sectionHeader h2 {
  line-height: 2rem;
}
}

/* btns */

.btn-lg {
  border: none;
  padding: 14px 20px 15px;
  font-family: "trade-gothic-next", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
  border-radius: 0;
  transition: all 0.3s ease-out;
}
 
.btn-primary {
  color:#ff0000;
  border:1px solid #ff0000;
  background:transparent;
  text-transform: uppercase;
}

.btn-primary:hover, .btn:active {
  color:#fff;
  border:1px solid #ff0000;
  background: #ff0000;
  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 #ff0000;
  background:#ff0000;
  text-decoration: none;
}

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

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

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: #666;
    pointer-events: none;
    background-color: transparent;
    border-color: #666;
    opacity: 1;
    color:#666;
    border:1px solid #666;
    background:transparent;
    text-transform: uppercase;
}

.btn160 {width:160px;}

.btn191 {width:191px;}

/* GRADIENTS */

.topGrad::before {
  content:'';
  position:absolute;
  width: 100%;
  height: 150px;
  top:0; right:0; left:0;
  z-index: 0;
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}
.btmGrad::before {
  content:'';
  position:absolute;
  width: 100%;
  height: 150px;
  right:0; bottom:0; left:0;
  z-index: 0;
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}

.topbtmGrad::before {
  content:'';
  position:absolute;
  width: 100%;
  height: 100%;
  top:0; right:0; bottom:0; left:0;
  z-index: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+25,000000+75,000000+100&1+0,0+25,0+75,1+100 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}




/*-- Release --*/

.releaseRow {
  /* border: 1px solid #880d00; */
}
.releasesInnerBox {
    background:transparent;
    border: 2px solid #ff0000;
    box-shadow:
    inset 0 0 20px #ff0000,   /* inner red short */
    inset -20px 0 80px transparent, /* inner clear */
    0 0 20px #ff0000;         /* outer glow */
}

.releasesBox a {color: #4d6771;}
.releasesBox a:hover {color: #ff0000;}

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



/*-- PhotoPage --*/
/* dropdown for photo page */
.btn-dropper  {
  color:#000;
  border:1px solid #afafaf;
  background:#afafaf;
  margin-top: 1px;
  line-height: 0.8rem;
}
.btn-dropper:hover {
  color:#fff;
  border:1px solid #ff0000;
  background:#ff0000;
}

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

  border-radius: 0;
}
.dropdown-item {
  display: block;
  /* width: 100%; */
  padding: .5rem 1rem;
  clear: both;
  font-family: "trade-gothic-next", sans-serif;
  font-weight:700;
  font-size:12px;
  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:#afafaf;
  border-radius:0px;
}
.btn-group .btn-lg {min-width:150px; white-space: normal;}






/* HOME PAGE */
.hero {
  background: url('../images/homeHero_m.jpg') no-repeat center center;
  background-size: cover;
  height:900px;
  min-height:900px;
}
@media (min-width: 520px) {
  .hero {  
    height:100vh;
    min-height:640px;
  }
}
@media (min-width: 768px) {
  .hero {  
    background: url('../images/homeHero.jpg') no-repeat center 240px;
    background-size: cover;
    height:1200px;
    min-height:1000px;
  }
}
@media (min-width: 992px) {
  .hero {  
    background: url('../images/homeHero.jpg') no-repeat center 300px;
    background-size: contain;
    height:1200px;
    min-height:1000px;
  }
}
@media (min-width: 1200px) {
  .hero {  
    background: url('../images/homeHero.jpg') no-repeat center 150px;
    background-size: cover;
    height:1350px;
    min-height:1000px;
  }
}
@media (min-width: 1600px) {
  .hero {  
    background: url('../images/homeHero.jpg') no-repeat center 100px;
    background-size: cover;
    height:1500px;
    min-height:1000px;
  }
}
@media (min-width: 1800px) {
  .hero {  
    background: url('../images/homeHero.jpg') no-repeat center 0;
    background-size: cover;
    height:1400px;
    min-height:1000px;
  }
}
@media (min-width: 2000px) {
  .hero {  
    background: url('../images/homeHero.jpg') no-repeat center -100px;
    background-size: cover;
    height:1600px;
    min-height:1000px;
  }
}
@media (min-width: 2400px) {
  .hero {  
    background: url('../images/homeHero.jpg') no-repeat center center;
    background-size: cover;
    height:1800px;
    min-height:1000px;
  }
}
header {margin:0 auto;}

.heroBadge img {width: 200px; margin-top:15px;}
@media (min-width: 768px) {
  .heroBadge img {width: 237px;}
}
/* 
.varHero {
  height: 56vh;
}
@media (min-width: 768px) {
  .varHero {
    height: 80vh;
  }
} */

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

.titleBoxCont{
  padding:5vh 0;
}
@media (min-width: 768px) {
  .titleBoxCont{
    padding:10vh 0;
  }
}
@media (min-width: 992px) {
  .titleBoxCont{
    padding:5vh 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%;}
}

.beautyOneBk {
  background: url('../images/beautyOne_m.jpg') no-repeat center center;
  background-size: cover;
  min-height:220px;
}
@media (min-width: 768px) {
  .beautyOneBk {
    background: url('../images/beautyOne.jpg') no-repeat center bottom;
    background-size: cover;
    min-height:900px;
  }
}
@media (min-width: 992px) {
  .beautyOneBk {
    background: url('../images/beautyOne.jpg') no-repeat center bottom;
    background-size: cover;
    min-height:1000px;
  }
}


.beautyTwoBk {
  background: url('../images/multisectionBkgd-02.jpg') no-repeat left top;
  background-size: cover;
  min-height:200px;
}
@media (min-width: 768px) {
  .beautyTwoBk {
    background: url('../images/multisectionBkgd-02.jpg') no-repeat left top;
    background-size: cover;
    min-height:680px;
  }
}

.rearbeautyBk {
  background: url('../images/rearbeautyBk_m.jpg') no-repeat center bottom;
  background-size: cover;
  min-height:400px;
}
@media (min-width: 768px) {
  .rearbeautyBk {
    background: url('../images/rearbeautyBk.jpg') no-repeat center bottom;
    background-size: cover;
    min-height:900px;
  }
}



.optionBk {
  background: url('../images/optionBk_m.jpg') no-repeat center bottom;
  background-size: contain;
  min-height:1300px;
}
@media (min-width: 768px) {
  .optionBk {
    background: url('../images/optionBk_m.jpg') no-repeat center -100px;
    background-size: cover;
    min-height:1400px;
  }
}
@media (min-width: 992px) {
  .optionBk {
    background: url('../images/optionBk.jpg') no-repeat center bottom;
    background-size: contain;
    min-height:1200px;
  }
}
@media (min-width: 1100px) {
  .optionBk {
    background: url('../images/optionBk.jpg') no-repeat center 420px;
    background-size: contain;
    min-height:1350px;
  }
}
@media (min-width: 1200px) {
  .optionBk {
    background: url('../images/optionBk.jpg') no-repeat center 380px;
    background-size: contain;
    min-height:1480px;
  }
}
@media (min-width: 1600px) {
  .optionBk {
    background: url('../images/optionBk.jpg') no-repeat center center;
    background-size: contain;
    min-height:1600px;
  }
}




.bluebarhpgalleryBkgd {
  position:relative;
  min-height:865px;
  margin-top:-65px;
}
@media (min-width: 768px) {
  .bluebarhpgalleryBkgd {
    position:relative;
    min-height:800px;
    margin-top:-65px;
  }
}

.bluePurpleGradBk {
  background: url('../images/bluePurpleGradBknoDot.jpg') no-repeat 0 0;
  background-size: cover;
  /* min-height:900px; */
  position:relative;
}
.bluePurpleGradBk::before{
  content:'';
  position:absolute;
  z-index:0;
  width:100%; height:100%;
  top:0; right:0; bottom:0; left:0;
  background: url('../images/dot-grid-gray.png') repeat 0 0;
  opacity:0.5;
}

.beautySliceBk {
  background: url('../images/beautySlice_m.jpg') no-repeat center bottom;
  background-size: cover;
  height:520px;
  min-height:480px;
  margin-top:0px;
}
@media (min-width: 768px) {
  .beautySliceBk {
    background: url('../images/beautySlice_t.jpg') no-repeat center bottom;
    background-size: cover;
    height:700px;
    min-height:600px;
  }
}
@media (min-width: 992px) {
  .beautySliceBk {
    background: url('../images/beautySlice.jpg') no-repeat center 60%;
    background-size: cover;
    height:900px;
    min-height:700px;
  }
}


.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:#000;
}



/* full screen nav */
#modalNavigation .nav li a {
  font-size:24px;
  line-height: 3.5vh;
  font-family: "montserrat", sans-serif;
  font-weight:900;
  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:#ff0000;
}
.modalLogo {width:202px;}

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

.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:#ff0000;
  color:#fff;
  font-size:20px;
  line-height: 33px;
  padding: 5px;
  text-align: center;
  border-radius:24px;
  border:1px solid #ff0000;
}
a.btn-btt:hover {
  background:#000;
  color:#fff;
  text-decoration: none;
  border:1px solid #ff0000;
}

/* 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;}
}


/* callout */

.calloutBk {
  background: url('../images/calloutBk_m.jpg') no-repeat left center;
  background-size:cover;
  height:1100px;
}
@media (min-width: 768px) {
  .calloutBk {
    background: url('../images/calloutBk.jpg') no-repeat left center;
    height:1000px;
  }
}
@media (min-width: 992px) {
  .calloutBk {
    height:1000px;
  }
}


/* quick */
.quickestBk {
  background: url('../images/quickestBk_m.jpg') no-repeat center center;
  background-size:contain;
  height:1200px;
}
@media (min-width: 768px) {
  .quickestBk {
    background: url('../images/quickestBk.jpg') no-repeat center center;
    background-size:contain;
    height:1200px;
  }
}
@media (min-width: 992px) {
  .quickestBk {
    background-size:cover;
    height:1200px;
  }
}


/* smoke */
.smokeBk {
  background: url('../images/smokeBk.jpg') no-repeat center center;
  background-size:cover;
  height:860px;
}
@media (min-width: 768px) {
  .smokeBk {
    height:700px;
  }
}
@media (min-width: 992px) {
  .smokeBk {
    height:600px;
  }
}
.smokeBk::before {
  content:"";
  position:absolute;
  top:0;right:0;
  width:900px;
  height:100%;
  background: url('../images/angleLovGR.svg') no-repeat 460px center;
  background-size: 100%;
  z-index: 0;
  mix-blend-mode: multiply;
  overflow:hidden;
}

/* what */
.whatBk {
  background: url('../images/whatBk_m.jpg') no-repeat center 30%;
  background-size:cover;
  height:750px;
}
@media (min-width: 520px) {
  .whatBk {
    background: url('../images/whatBk_t.jpg') no-repeat center 80%;
    background-size:cover;
    height:900px;
  }
}
@media (min-width: 768px) {
  .whatBk {
    background: url('../images/whatBk_t.jpg') no-repeat center 15%;
    background-size:cover;
    height:900px;
  }
}

@media (min-width: 820px) {
  .whatBk {
    background: url('../images/whatBk_t.jpg') no-repeat 75% 35%;
    background-size:cover;
    height:950px;
  }
}
@media (min-width: 992px) {
  .whatBk {
    background: url('../images/whatBk_t.jpg') no-repeat 75% 40%;
    background-size:cover;
    height:1000px;
  }
}
@media (min-width: 1200px) {
  .whatBk {
    background: url('../images/whatBk.jpg') no-repeat center center;
    background-size:cover;
    height:1050px;
  }
}


.email a {
  color:#ff0000;
}
.email a:hover {
  color:#fff;
}




/* 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;
}


.purpleBoxSpecial {
  margin-top:40px;
  position:relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .purpleBoxSpecial {
    margin-top:30px;
  }
}
.purpleBoxSpecial img {
  width:320px;
  filter:drop-shadow(7px 7px 10px rgba(0,0,0,0.3));
}
@media (min-width: 768px) {
  .purpleBoxSpecial img {
    width:420px;
    filter:drop-shadow(7px 7px 10px rgba(0,0,0,0.3));
  }
}

.purpleBox {
  background: linear-gradient(to bottom,  #880d00 1%,#3c0b06 100%);
  padding:3rem 2.25rem 2.5rem;
}
@media (min-width: 768px) {
  .purpleBox {
    background: linear-gradient(to bottom,  #880d00 1%,#3c0b06 100%);
    padding:3rem 3.75rem 2.5rem;
  }
}

.overPurple {
  position:relative;
  z-index: 1;
  filter:drop-shadow(7px 7px 10px rgba(0,0,0,0.3));
}

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

.historyCards .card {
  border:none;
}

.radiusStart, .radiusCenter, .radiusEnd {border-radius:14px 14px 14px 14px !important;}

@media (min-width: 992px) {
  .radiusStart {border-radius:14px 0 0 14px !important;}
  .radiusCenter {border-radius:0 !important;}
  .radiusEnd {border-radius:0 14px 14px 0 !important;}
}

.radiusStart .cardImage img, .radiusCenter .cardImage img, .radiusEnd .cardImage img {
  border-radius:0 0 14px 14px !important;
}

@media (min-width: 992px) {
  .radiusStart .cardImage img {
    border-radius:0 0 0 14px !important;
  }
  .radiusCenter .cardImage img {
    border-radius:0 0 0 0 !important;
  }
  .radiusEnd .cardImage img {
    border-radius:0 0 14px 0  !important;
  }
}

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



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

.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: url('../images/footerBkgd.jpg') no-repeat top right;
  background-size: cover;
  min-height:600px;
}

.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 #ff0000;   */    /* 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));
}