.mod-navigation-logo-v9 { display: contents; }
.mod-navigation-logo-v9 img { height: 100%; }
 
@media screen and (max-width:1200px) {
  .mod-navigation-logo-v9 { display: none; }
  .mod-navigation-logo-v9.mod-navigation-logo-v9--mobile { display: contents; }
}


.mod-navigation-section collapsed mod-navigation-section-short:hover, .mod-navigation-section collapsed mod-navigation-section-short:focus{
  background:#fff;
}

#nav-item3:hover,#nav-item3:focus{
  color:#000;
}

.mod-navigation-login-submit{
  width:auto;
}

.mod-navigation-login-link::before, .mod-navigation-login-link:before,.mod-navigation-login-link:hover:before,
 .mod-navigation-login-link:hover::before, .mod-navigation-login-link:focus:before, .mod-navigation-login-link:focus::before{
  color:#000;
}
.defaultCTA::after, .defaultCTA:after{
  display:none;
}

p, p a{
  line-height: 1.6em;
}

.customHomepage{
  height:175px;
  width:100%;
  background:#cc0033;
}
.home .fullWrap{
  border-top:10px solid #000;
}
.subheadProd{
text-shadow: 2px 2px 0 #000;
color:#fff;
}
.product1 li{
    color:#fff;
    font-size: 18px;
    text-shadow: 2px 2px 0 #000;
}

.product ul li{
  padding: .5em 0 .5em 1.75em;
}

.infoProd{
  width:50%;
}
.product1 .defaultCTA{
  margin:1em;
}

.product1{
    height:auto;
    width:auto;
	max-width:100%;
	padding:3%;
	background: rgb(204,0,51);
background: linear-gradient(180deg, rgba(0204,0,51,1) 4%, rgba(0,0,0,1) 135%);
    color:#fff;
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 50px;
    text-shadow: 0px -1px 0px rgba(0,0,0,.5);
}
 .htmlModuleWrap .imgProd{
 height:auto;
border-radius:10px;
width:95%;
padding:0 5%;
}
.imgDiv{
    float:right;
}
.product1 p{
    line-height:1.2em;
    text-shadow: 2px 2px 0 #000;
    color:#fff;
}
.product1 h2{
    font-size:45px;
    font-weight:700;
    line-height:1.2em;
    text-shadow: 2px 2px 0 #000;
}
/*****************************************/
.h3style1{
  font-size:1.9em;
  font-weight:700;
  color:#cc0033;
  text-transform: uppercase;
  text-shadow: 
    0 1px 0 #ccc, 
    0 2px 0 #c9c9c9, 
    0 3px 0 #bbb, 
    0 4px 0 #b9b9b9, 
    0 5px 0 #aaa, 
    0 6px 1px rgba(0,0,0,.1), 
    0 0 5px rgba(0,0,0,.1), 
    0 1px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);
}


/****FLIP PROMO****/
.mod-tile-wrap-outer{
  border-bottom:10px solid #000;
}

.mod-navigation-icon::before, .mod-navigation-icon:before,
.home .mod-navigation-icon::before, .home .mod-navigation-icon:before {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.mod-navigation-icon::after, .mod-navigation-icon:after,
.home .mod-navigation-icon::after, .home .mod-navigation-icon:after {
  border-top: 2px solid #000;
}

.mod-navigation-icon::after, .mod-navigation-icon:after{
  height:14px;
}
.customCard ul{
  text-shadow:2px 2px 0 #000;
}
ul{
  text-align:left;
}
.customCard:target {
  animation: shake 2s;
  animation-iteration-count: 1;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/*Card Stuff************************************************/
.image{
height:50%;
width:50%;
margin-right:auto;
margin-left:25%;
padding-top:1em;
}
.customCard a{
    text-decoration:none;
}

.customCard{
height:auto;
max-width:15em;
background: rgb(204,0,51);
background: linear-gradient(180deg, rgba(0204,0,51,1) 4%, rgba(0,0,0,1) 135%);
border-radius:30px;
box-shadow:3px 3px #000;
display:inline-block;
margin-right:1em;
margin-bottom:1em;
border:1px solid #000;
}

.customCard1{
height:auto;
max-width:60em;
background: rgb(204,0,51);
background: linear-gradient(180deg, rgba(0204,0,51,1) 4%, rgba(0,0,0,1) 135%);
border-radius:30px;
box-shadow:3px 3px #000;
display:inline-block;
margin-right:1em;
margin-bottom:1em;
border:1px solid #000;
}

.customCard1 .tableData{
  text-align:left;
}

.cardArea{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-evenly;
    
}

.txtContent .pgTitle{
  color:#fff;
  text-shadow: none;;
}

.txtContent{
padding:1em;
color:#fff;
text-align:center;
}
.txtContent a{
    text-decoration: none;
}

.pgTitle{
font-size:25px;
font-weight:600;
color:#fff;
height:100%;
padding-bottom:1em;
text-shadow:2px 2px 0 #000;
line-height:1.1em;
}

.pgTitle a{
  color:#fff;
  text-decoration:underline;
}

.pgTitle a:hover, .pgTitle a:focus{
  text-decoration:none;
}

.pgContent{
line-height:1em;
height:100%;
text-shadow:2px 2px 0 #000;
}

/****JAKE ADDED THIS STUFF IN*****/
.flexor{
  display:flex;
  flex-direction:row; 
  flex-wrap:wrap;
  justify-content:space-evenly;
  align-items:baseline;
}

.home .alertTexth{
  color:#fff;
  text-align:left;
  padding-left:17em;
}
.mod-page-wrap{
  background:#fff;
}

.pageTitle{
  font-size:25px;
  color:#000;
  font-weight:600;
}
.mod-expanding-information-inner{
  font-size:20px;
  line-height:1.2em;
}


ul li::before, ul li::before {
 background: #fff;
 }
.h1style, h1{
  color:#000;
  font-family:'Roboto Condensed', sans-serif;
}

.mod-content-image-banner.hasColorOverlay img{
  opacity:.8;
      -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.mod-navigation-logo{
  width:19em;
}

@media screen and (min-width: 1201px){
.mod-navigation-section:hover>.mod-navigation-link, .mod-navigation-section>.mod-navigation-link:focus {
 background: none;
  color:#fff;
  }
  .home .mod-navigation .mod-navigation-login-title:before, .home .mod-navigation .mod-navigation-login-title::before{
    color:#fff;
  }
  .home .mod-navigation .mod-navigation-login-title{
    color:#fff;
  }
}
html { font-family:'Roboto Condensed', sans-serif !important;

}
.mod-footer-social-wrap p a{
  color:#000;
}

.mod-footer-wrap{
  background:#fff;
  border-top:none;
}
.simple-footer .mod-footer-column-title, .simple-footer .mod-footer-column a{
  color:#000;
}



p.h1stlye, p.h2style, p.h3style {
  font-weight: 700;
  }

/************************************* TEMPLATE MODIFICATIONS ********************************/
/*** MARGIN at the top of each page ***/
.mod-page-wrap {
    padding: 3em;
}

/************************************** TEXT MODIFICATIONS ***********************************/

/****Custom Tables***/

.titleTable{
  padding:1em 2.5em 1em 0;
  width:17%;
  font-weight:600;
}
/*.tableData{
  padding:0 23em 0 0;
}*/
.tableHeading{
  text-align:left;
  font-weight:600;
}

/********* MAIN PROMO HEADLINE **************/
.mod-hero-headline.xl, .mod-hero-headline.nm  {
  font-size: 70px;
  line-height: 1em;
  padding-bottom: 6px;
  text-shadow: 2px 2px 0 #000;
  font-family:'Roboto Condensed', sans-serif;
  color:#fff;
}
.mod-hero-subline.sm,.mod-hero-subline.nm,.mod-hero-subline.lg,.mod-hero-subline.xl{
  font-size:40px;
  font-weight: 400;
  line-height:1em;
  font-style: italic;
  text-shadow: 2px 2px 0 #000;
  font-family:'Roboto Condensed', sans-serif;
  color:#fff;
}


.mod-hero-button{
  padding:.5em 3em;
}
/********** SMALL PROMO HEADLINES ***********/
.mod-tile-overlay .mod-tile-body{
  color:#fff;
  text-shadow:0 0 0 #000;
}

.mod-tile.mod-tile-overlay{
  background:  #000;
   /* background: linear-gradient(3deg, rgba(0204,0,51,1) 4%, rgba(0,0,0,1) 73%);*/

}
.mod-tile-overlay .mod-tile-headline{
  color:#fff;
  text-shadow:2px 3px 0 #000;
}
.mod-tile-overlay .mod-tile-button::after, .mod-tile-overlay .mod-tile-button:after{
  border-bottom-color:#000;
}
.mod-tile-headline{
  font-family:'Roboto Condensed', sans-serif;
}
.mod-tile-headline, .mod-tile-wrap-horiz .mod-tile-overlay .mod-tile-headline {
    font-size: 49px;
    font-weight: 700;
    line-height: 1em;
    color: rgb(70, 70, 70);
    text-transform: uppercase;
}
h1.h1style {
  font-size: 2.5em;
  font-weight: 700;
}

.h2style {
 font-family:'Roboto Condensed', sans-serif ;
  padding: .5em 0 .15em 0;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2em;
  color: rgb(70, 70, 70);
}

.h3style {
    display: block;
    padding: 0.5em 0 0.15em 0;
    font-size: 1.9em;
    font-weight: 700;
    line-height: 1.2em;
    color: rgb(70, 70, 70);
    font-family:'Roboto Condensed', sans-serif;
}

/************************** INTERNAL PAGE HEADLINE ************************/
/*** Internal Page Healine Size ***/
.mod-content-image-headline {
  font-size: 3.5em;
  color:#fff;
  text-shadow:2px 3px 0 #cc0033;
  text-transform: uppercase;
}
.mod-content-image-overlay-center{
  padding:1em;
  bottom: 50%;
    text-align: center;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.mod-location-information p {
    font-weight: 500;
}

.mod-location-information-wrap{
  padding:2em;
}

/**************** LOGO ****************/


/**** FOOTER LOGO ****/
.mod-footer-logo-wrap img {
  max-width: 18em;
}
.mod-footer-center{
  max-width:70em;
  padding:0 1em;
}


/***************** MAIN NAVIGATION *******************/

/***** HOME NAVIAGTION LINK COLOR ******/

.mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-link:hover, .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-link:focus, .mod-navigation:not(.mod-collapsed-navigation)
 .mod-navigation-section:hover .mod-navigation-link, .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-section:focus .mod-navigation-link{
   background:none;
 }

.mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-link.mod-navigation-link-parent:hover, .mod-navigation:not(.mod-collapsed-navigation)
 .mod-navigation-link.mod-navigation-link-parent:focus, .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-section:hover .mod-navigation-link.mod-navigation-link-parent{
   color:#000;
   text-decoration:underline;
 }
 .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-link:hover, .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-link:focus, .mod-navigation:not(.mod-collapsed-navigation)
  .mod-navigation-section:hover .mod-navigation-link, .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-section:focus .mod-navigation-link{
    background:none;
  }

.mod-navigation-link {
  padding: 2.5em 2.5em;
  font-family:'Roboto Condensed', sans-serif;
  font-size:18px;
  font-weight:600;
  line-height:1.2em;
}

/***** MAIN NAVIGATION ROLL OVER *****/
.mod-navigation-section.mod-navigation-section-short:hover .mod-navigation-link-parent, .mod-navigation-section.mod-navigation-section-short:focus .mod-navigation-link-parent {
  background:none;
  text-decoration:underline;
  color:#fff;
}

.home .mod-navigation-section:hover > .mod-navigation-link, .mod-navigation-section > .mod-navigation-link:focus {
  background: none;
  color: #fff;
}

/**** MAIN NAVIGATION DROP DOWN *****/
.mod-navigation-section.collapsed:hover .mod-navigation-children, .collapsed .mod-navigation-link:focus+.mod-navigation-children{
    background: rgb(204,0,51);
    /*background: linear-gradient(180deg, #cc0033, rgb(255, 255, 255) 20%);*/
}
.mod-navigation-children{
  background:rgb(204,0,51);
}


/**** HOME PAGE ROLL OVER LINKS ****/
.mod-navigation-children .mod-navigation-link {
  text-shadow: none;
  font-size:.9em;
  font-weight: 500;
  color:#fff;
}

.mod-navigation-children .mod-navigation-link:hover, .mod-navigation-children .mod-navigation-link:focus {
  text-decoration: underline;
  text-shadow:none;
}



/************************************** CTA BUTTONS ********************************/

/*** DEFAULT CTA BUTTON ***/
.customCard .defaultCTA{
  margin:1em 0 0 0;
}
.defaultCTA {
  font-weight: 500;
  color: #000;
  background:#fff;
  background: linear-gradient(#b3b3b3,#fff 80%,#b3b3b3);
  border: 1pt solid #a2a2a2;
  text-shadow:none;
}

.defaultCTA:hover, .defaultCTA:focus {
  background:#fff;
  background:  linear-gradient(#b3b3b3,#fff 50%,#b3b3b3);
}

/**** LOCATIONS CTA BUTTON ***/
.mod-location-information-button {
  font-size: 1em;
  font-weight: 500;
  color: #000;
  background: linear-gradient(#b3b3b3,#fff 50%,#b3b3b3);
  border: 1pt solid #a2a2a2;
}
.mod-location-information-button:hover, .mod-location-information-button:focus{
  background: #fff;
    background: linear-gradient(#b3b3b3,#fff 35%,#b3b3b3);
}


/********************** SMALL PROMO *************************/


/************* SMALL PROMO BUTTON *************/
.mod-tile-button, .mod-hero-button,.mod-tile-overlay .mod-tile-button {
  color: #000;
  background:#fff;
  background: linear-gradient(#b3b3b3,#fff 80%,#b3b3b3);
  border: 2px solid #7c7c7c;
}


/********************************************* MAIN PROMOS ***********************************************/

.mod-hero-vertical-center{
  top:70%;
  /*width:auto;*/
}

.mod-hero-rotator,
.mod-hero-rotator-slide.slick-slide {
  min-height:800px;
  max-height:800px;
}


/**** COLOR OVERLAY FOR MAIN PROMOS ****/
.mod-hero-rotator-slide-overlay {
    background: #000;
}
/**** COLOR OVERLAY FOR INTERNAL PAGES *****/
.mod-content-image-banner {
  background: #000;
  height:28rem;
}

/**************************************** SMALL PROMOS ***************************************/
.mod-tile:hover .mod-tile-button, .mod-tile:focus .mod-tile-button{
  background: #fff;
    background: linear-gradient(#b3b3b3,#fff 35%,#b3b3b3);
}
.mod-hero-button:hover, .mod-hero-button:focus{
  background:#fff;
  background: linear-gradient(#b3b3b3,#fff 35%,#b3b3b3);
  color:#000;
}


/******************* BACKGROUND FOR SMALL PROMOS *******************/
.mod-tile {
    background:#fff;
    background: linear-gradient(#b3b3b3,#fff 80%,#b3b3b3);
}

/************* COLOR OVERLAY FOR SMALL PROMOS ********************/
.mod-tile:hover, .mod-tile:focus, .mod-chip:hover, .mod-chip:focus {
    background: #000;
    opacity:.8;
}


/********************************************** HOME PAGE LOGIN ************************************************/


@media screen and (min-width: 1201px){
.home .mod-navigation .mod-navigation-login:not(.mod-navigation-login-docked) {
    position: absolute;
    width: 17.5em;
    top: 6em;
    right: 2em;
    background: #000;
    background: rgba(0,0,0,.5); 
}
.home .mod-navigation .mod-navigation-login {
    background: #fff;
}
}
.mod-navigation-login-form-cell {
  width: 100%;
  padding: .5em 0 0 0; /** MOD - Reduced top padding from 1.4 to .5em ***/
  font-size: 1rem;
}

.mod-navigation-login-input {
  padding: .4em; /** MOD - reduced padding from 1em to .5em **/
  font-size: .9em;
  line-height: 1.2em;
  color: #000;
  background: #fff;
  border: none;
}

.mod-navigation-login-submit {
  padding: .6em 1.2em; /*** MOD - Changed size of login button ***/
  font-size: .8em; /** MOD - Changed font size **/
  color: #000;
  background: linear-gradient(#b3b3b3,#fff 80%,#b3b3b3);
  border: 2px solid #7c7c7c;
}

.mod-navigation-login-submit:hover, .mod-navigation-login-submit:focus {
      background:#fff;
      background: linear-gradient(#b3b3b3,#fff 35%,#b3b3b3);
}

.simple-footer .mod-footer-column-title, .simple-footer .mod-footer-column a {
  font-weight: 600;
}

/**************************** FOOTER ***************************/
.simple-footer .mod-footer-column{
  padding:2.5em 1em;
}

.mod-footer-tray-wrap {
  border-top: 1px solid #000; /* original color #d9d8d8 */
}


/********************************************** INTERIOR MODIFICATIONS *************************************************/

.mod-navigation-login-link {
color: #000;
background:#fff;
  background: linear-gradient(#b3b3b3,#fff 80%,#b3b3b3);
  border: 2px solid #7c7c7c;
    margin-right: .5em;
}

.mod-navigation-login-link:hover, .mod-navigation-login-link:focus {
  background:#FFF;
      background: linear-gradient(#b3b3b3,#fff 35%,#b3b3b3);
      color:#000;
}
 
.mod-navigation {
  /*background:#000;
    background: linear-gradient( rgb(255, 255, 255)90%, #cc0033 5% );*/
    border-bottom:solid 10px #000;
    text-align: right;
}

.mod-navigation-link {
  color:#000;
}

.mod-navigation-section.mod-navigation-section-short:hover .mod-navigation-link-parent, .mod-navigation-section.mod-navigation-section-short:focus .mod-navigation-link-parent {
  background: none;
  text-decoration: underline;
  color: #000;
}

.mod-navigation-section:hover > .mod-navigation-link, .mod-navigation-section > .mod-navigation-link:focus {
  background: none;
  color: #000;
}



/******************************* COLLAPSING SECTIONS *******************************/

.mod-expanding-information{
  width:70%;
}

/**** COLLAPSING SECTION IN LOACTIONS ****/
.expanded .mod-location-trigger, .no-js .mod-location-trigger {
  color:#000;
  background: linear-gradient(#b3b3b3,#fff 50%,#b3b3b3);
}
.mod-location-trigger {
    color: #000;
    font-weight: 600;
    font-size: 1em;
    background:linear-gradient(#b3b3b3,#fff 20%,#b3b3b3);
    box-shadow: 3px 3px 10px #000;
}

.mod-location-trigger::before, .mod-location-trigger:before {
    color: #000;
}

.expanded .mod-location-trigger::before, .expanded .mod-location-trigger:before {
    color: #000;
}

/**** COLLAPSING SECTIONS ****/

.mod-expanding-trigger {
  color: #000;
  font-weight: 600;
  background: linear-gradient(#b3b3b3,#fff 20%,#b3b3b3);
  box-shadow: 1pt 2pt 5pt #676767;
}

.expanded .mod-expanding-trigger, .no-js .mod-expanding-trigger {
  padding: .73em .9em;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #000;
  background: linear-gradient(#b3b3b3,#fff 50%,#b3b3b3);
}

.expanded .mod-expanding-trigger::before, .expanded .mod-expanding-trigger::before {
  color:#000;
}
.expanded .mod-expanding-trigger, .no-js .mod-expanding-trigger{
  border:none;
}

/********************** MOD CARDS *********************/
.mod-card-title {
    padding: 0 0 0.15em 0;
    font-size: 1.5em;
    font-weight: 900;
    line-height: 1.2em;
    color: #cc0033;
}

.mod-card-button  {
  color: #000;
  background: linear-gradient(#b3b3b3,#fff 80%,#b3b3b3);
  border: 2px solid #7c7c7c;
}

.mod-card:hover .mod-card-button, .mod-card:focus .mod-card-button {
  background:#fff;
  background: linear-gradient(#b3b3b3,#fff 35%,#b3b3b3);
}
/*************************************************** MEDIA QUERIES *****************************************************/
/***************************************************               *****************************************************/
@media screen and (max-width: 1500px) {
.mod-safe-area {
    max-width: 69.5em; /* Increased .mod-safe-area from 49.5em to 69.5em */
 }
 .mod-hero-headline.xl{
   font-size:55px;
 }
 .mod-hero-subline.xl{
   font-size:33px;
 }
}

@media screen and (max-width:1200px) {
.mod-hero-headline.xl{
  font-size:55px;
}
.mod-hero-subline.xl{
  font-size:35px;
}
 .mod-navigation-icon {
    z-index: 100;
    background: rgba(0,0,0,0);
    -moz-transition: .25s;
    -o-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
}
  .mod-navigation-icon:hover,
  .mod-navigation-icon:focus {
    background: rgba(0,0,0,0.05);
  }
  /****** Mobile Login Button position *****/


 .home .mod-navigation-login-link {
  font-weight: 500;
  color: #000;
  background: linear-gradient(#b3b3b3,#fff 80%,#b3b3b3);
  border: 1pt solid #a2a2a2;
 }

 .home .mod-navigation-login .mod-navigation-login-link:hover, .home .mod-navigation-login .mod-navigation-login-link:focus, .home .mod-navigation-login-link:hover, .home .mod-navigation-login-link:focus {
  background:#fff;
  background: linear-gradient(#b3b3b3,#fff 35%,#b3b3b3);
  color:#000;;
 }

 .home .mod-navigation-login-link::before, .home .mod-navigation-login-link::before {
  color: #000;
 }
  /****** Mobile Login Background opacity *****/

 /****** SITE HEADER SIZE MOD *******/
 .mod-navigation-center {
  min-height: 5em; /* Increased the vertical size of the  mobile header */
 }
 
 /***** MOBILE LOGO - size and position ******/
 .mod-navigation-logo-mobile {
  width:14em;
 }

 /**************************** MOBILE NAVIGATION *********************************/
  
  .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-link.mod-navigation-link-parent:hover, 
  .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-link.mod-navigation-link-parent:focus, 
  .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-section:hover .mod-navigation-link.mod-navigation-link-parent
  {
    color: #fff;
  }

  .mod-navigation-link-parent:after,
  .mod-navigation-link-parent::after {
    -moz-transition: .25s;
    -o-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
  }

  .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-link.mod-navigation-link-parent:hover:after, 
  .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-link.mod-navigation-link-parent:focus:after, 
  .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-section:hover .mod-navigation-link.mod-navigation-link-parent:after,
  .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-link.mod-navigation-link-parent:hover::after, 
  .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-link.mod-navigation-link-parent:focus::after, 
  .mod-navigation:not(.mod-collapsed-navigation) .mod-navigation-section:hover .mod-navigation-link.mod-navigation-link-parent::after
  {
    opacity: 1;
  }

  .mod-navigation-section {
    border: none;
  }
  
 .mod-navigation-section,
 .mod-navigation-section.mod-navigation-section-short .mod-navigation-link-parent 
 {
    background: #970025;
    color: #fff;
    -moz-transition: .25s;
    -o-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
 }

 .mod-navigation-section > .mod-navigation-link {
   -moz-transition: .25s;
   -o-transition: .25s;
   -webkit-transition: .25s;
   transition: .25s;
 }
 
 .mod-navigation-section.mod-navigation-section-short:hover .mod-navigation-link-parent, 
 .mod-navigation-section.mod-navigation-section-short:focus .mod-navigation-link-parent,
 .mod-navigation-section:hover > .mod-navigation-link,
 .mod-navigation-section > .mod-navigation-link:focus
 {
   background: #76001b !important;
   color: #fff;
 }

  .mod-navigation-link-wrap,
  .home .mod-navigation-link-wrap {
    padding: 3.8em 0 0 0;
    background: #970025;
  }

  .mod-navigation-close,
  .home .mod-navigation-close {
    opacity: 1;
  }

  .mod-navigation-link,
  .home .mod-navigation-link {
    color: #fff;
  }

  #nav-item3:hover, #nav-item3:focus {
    color: #fff;
  }


 .mod-navigation-section-short .mod-navigation-children .mod-navigation-link {
    color: #fff;
    font-weight:400;
 }
  /*** SMALL PROMO HIEGTH ****/

 /*** SMALL PROMO HEADLINE SIZE ***/
 .mod-tile-headline, .mod-tile-wrap-horiz .mod-tile-overlay .mod-tile-headline {
  font-size: 1.5em;
  line-height: 1em;
 }

}

@media screen and (max-width:905px){
  .mod-hero-headline.xl{
    font-size:40px;
  }
  .mod-hero-subline.xl{
    font-size:25px;
  }
}

@media screen and (max-width:800px) {

  .infoProd{
    width:100%;
  }
  
  .mod-content-image-headline {
  font-size: 1em;
  font-weight: 900;
  line-height: 1.2em;
  color: #fff;
 }
}




@media screen and (max-width:600px) {
  
  .mod-content-image-headline {
  font-size: 1.5em;
  font-weight: 900;
  line-height: 1.2em;
  color: #fff;
 }
 .mod-page-wrap {
    padding: 1em 0.5em 1em;
 }
}

@media screen and (max-width:480px) {
  .mod-hero-headline.xl{
    font-size:32px;
  }
  .mod-hero-subline.xl{
    font-size:20px;
  }
  .mod-tile-button, .mod-tile-wrap-horiz .mod-tile-overlay .mod-tile-button{
    padding:1em .5em;
  }

}

/*** CSS Addition for the Privacy Policy when veiwe on smaller Screens - JJM ***/
@media screen and (max-width:420px){
.home .mod-navigation-login-link{
  padding:.2em .5em;
}
.mod-navigation-login-link{
  padding:.2em .5em;
}
}


@media screen and (max-width:400px){

    .mod-safe-area{
    Padding: 0 1em;
    max-width: 50em;
 }
 .mod-footer-logo-wrap img{
   max-width:12em;
 }


}