.module.bps-site, .module.bps-site *, .module.bps-site *:after, .module.bps-site *:before				{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
 .module.bps-site {
  font-size: 15px;
 }

 /* --- Heading ------------------------------  ------------------------------ --- */
 .module.bps-site section[role="heading"] {
	background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//assetshare.basspro.com/content/dam/bps-general-assets/web/sitelets/rapala/11737-rapala/images/background.jpg") repeat scroll center center;
	overflow: hidden;
	padding: 8% 0 0;
	position: relative;
	border-bottom: 10px solid #00B6BC;
}
 .module.bps-site section[role="heading"] img[src*="coastal"] {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.75;
}
 
 .module.bps-site section[role="heading"] > .data {
  display: inline-block;
  float: right;
  padding: 0 1em 1em;
  position: relative;
 }
 .module.bps-site section[role="heading"] > .data h1 {
	color: #fff;
	float: right;
	display: inline-block;
	font: 700 4.5em/0.8em "Open Sans",sans-serif;
	margin: -20px auto 15px auto;
	text-align: right;
	width: 100%;
	z-index: 2;
}
 a[href*="x-rap-magnum"] {
	background: none !important;
	border-radius: 0 !important;
 }
 img.xrapmagnum {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	border: 3px solid #eee;
 }
 img[src*="play"]{
     position: absolute;
     top: 0;
     right: 0;
     opacity: 0.65;
     z-index: 9;
    }
 .module.bps-site section[role="heading"] > .data h1 span {
  font-size: .5em;
  display: block;
 }
 .module.bps-site section[role="heading"] > .data .btn {
  float: right;
 }
 .module.bps-site h3 {
  /*  background: rgba(0,0,0,.15);*/
  color: #222;
  font: 700 15px "Open Sans", sans-serif;
  margin: 0;
  padding: 1em 0;
  position: relative;
  text-align: center;
  text-transform: none;
  z-index: 9;
 }
 .module.bps-site div.growHover h3 {
    background: rgba(0,182,188,.65);
  color: #fff;
  font: 700 30px "Open Sans Condensed", sans-serif;
  text-transform: uppercase;
  padding: .25em 0 .25em 0
 }

 /* --- General Parts ------------------------------  ------------------------------ --- */
 .module.bps-site section {
  padding: 1em;
 }
 .module.bps-site section[aria-labelledby="seo"] {
  text-align: center;
  padding: 1.5em 3em;
  width: 100%;
 }
 .module.bps-site p {
  font-size: 15px;
 }
 .module.bps-site h2 {
  font: 700 2.25em/1.4em "Open Sans", sans-serif;
  margin: 1em 0 0;
  text-align: center;
  text-transform: none;
 }
 .module.bps-site h4 {
  background: none !important;
  font: 700 16px/1.4em "Open Sans", sans-serif;
  margin: 1em 0 0;
  text-align: center;
  text-transform: none;
 }
 .module.bps-site > section > div {
  float: left;
  position: relative;
  overflow: hidden;
 }
 .module.bps-site > section > div:not(.data) > * {
  background: rgba(0,0,0,.1);
  border: none;
  border-radius: 1em;
  display: block;
  margin: 1em;
  padding: 0;
  position: relative;
  overflow: hidden;
 }
 .module.bps-site > section > div.growHover a {
  background: url(//assetshare.basspro.com/content/dam/bps-general-assets/web/sitelets/rapala/12863-rapala/images/category-background-saltwater.jpg) center center / cover !important;
 }
 .module section.disclaimer p {
  color: #999;
  text-align: justify;
  line-height: 1.4em;
  margin-bottom: 1em;
  font-size: 11px;
 }

 /* --- Features (animations/etc) ------------------------------  ------------------------------ --- */
 .module section img.grow {
	display: block;
	left: -45%;
	margin: 0 auto 0 50%;
	position: absolute;
	top: 0em;
	transition: transform 0.60s ease 0s;
	width: 90%;
}
 .module section img.grow:hover {
  transform: scale(1.2)
 }
 .growHover > a {
/*  min-height: 200px;*/
  padding-top: 45% !important;
 }

 .ribbon {
	font: 700 24px/1em "Open Sans Condensed",Arial,Helvetica,sans-serif;
	box-shadow: 0 1px 1px 5px rgba(0,0,0,0.08);
	color: #fff !important;
	position: absolute;
	min-height: 43px !important;
	padding: 8px 5px !important;
	text-align: center !important;
	border: none !important;
}
 .ribbon.newColors {
	text-shadow: 2px 2px rgba(0,0,0,.5) !important;
	text-transform: uppercase;
	background: #ed2324 !important;
	background: rgba(0,182,188,.65) !important;
/*	background: -o-linear-gradient(-55deg,orange,orange,green,blue,indigo,violet) !important;*/
/*	background: -moz-linear-gradient(-55deg,orange,green,blue,indigo,violet) !important;*/
/*	background: linear-gradient(-55deg,orange,green,blue,indigo,violet) !important;*/
	background-size: cover !important;
	transform: rotate(-45deg) !important;
	text-align: center !important;
/*	opacity: .85 !important;*/
	position: absolute !important;
	top: 31px !important;
	left: -53px !important;
	width: 234px !important;
	z-index: 5 !important;
	transition: .5s !important;
	border-radius: inherit !important;
	overflow: visible !important;
	margin: .5em 0 !important;
}
 .ribbon.newColors::before {
	content: "";
	position: absolute;
	top: 45px;
	left: 4px;
	z-index: -1;
	border-left: 7px solid #0BB5BD;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-top: 7px solid #0BB5BD;
}
/*
 .ribbon.newColors span {
	color: #fff300;
}
*/
 .ribbon.newColors::after {
	content: "";
	position: absolute;
	right: 4px;
	top: 45px;
	z-index: -1;
	border-left: 7px solid transparent;
	border-right: 7px solid #0BB5BD;
	border-bottom: 7px solid transparent;
	border-top: 7px solid #0BB5BD;
}    
    
 /* --- Navigation ------------------------------  ------------------------------ --- */
 .module.bps-site nav {
	text-align: center;
	margin: 1em 0 0 0;
	z-index: 2;
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 60%;
}
 .module.bps-site nav ul {
	font-size: 15px;
	margin: 0;
	list-style: none;
	text-align: left;
}
 .module.bps-site nav ul li {
	display: inline;
	padding: .5em 2em;
	/* width: 70% !important; */
	border-radius: 15px 15px 0 0;
}
 .module.bps-site nav ul li.freshwater {
	background: #fff;
	color: #444;
	font-size: 1.5em;
}
 .module.bps-site nav ul li.saltwater {
	background: #00B6BC;
	color: #fff;
	font-size: 1.5em;
}
 .module.bps-site nav a {
  padding: 1em;
 }
 .module.bps-site nav a:hover {
  text-decoration: underline;
  transition: width 2s;
  width: 
 }
 .module.bps-site nav a.mobileOnly {
  display: none
 }
 

 /* --- Special Hover with Info (also column layout) ------------------------------  ------------------------------ --- */

 .module section figure figcaption {
  background: rgba(0,0,0,.25);
  opacity: 0;
  transition: 0.3s;
  width: 100%;
  padding: 1em 1.5em;
  transform: scale(1.2);
 }
 .module section figure img[src*="plus.png"]{
  position: absolute;
  width: 40px;
  bottom: 1em;
  right: 1em;
  transition: 0.3s;
  opacity: .65;
 }
 .module section figure:hover figcaption {
  opacity: 1;
  transition: 0.5s;
  transform: scale(1);
 }
 .module section figure:hover > img[src*="plus.png"] {
  opacity: 0;
  /*transition: 0.3s;*/
 }
 .module section figure figcaption p {
  color: #fff;
  text-align: center;
  padding: 1em 0;
 }
    
    
/* --- Additional Categories ------------------------------  ------------------------------ --- */    
 
 .module section.additional {
  padding-bottom: 3em;
  margin: 0 auto;
 }  
 .module section.additional a {
  background: none !important;
 }  
 .module section.additional h2{
  background: #444 none repeat scroll 0 0;
  border-bottom: 7px solid #00B6BC;
  border-radius: 10px 10px 0 0;
  clear: both;
  color: #fff;
  font: 700 4em/1em "Open Sans Condensed",Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100% !important;        
 }    
 .module section.additional h3 {
	font: 700 2em/1.4em "Open Sans Condensed", sans-serif;
	margin: 0em;
	text-align: center;
	text-transform: uppercase;
	color: #444;
    padding-bottom: 0;
 }     
 .module section.additional a:after {
  width: 100%;
 }    
 .module section.additional > div {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e9e9e9;
	border-radius: 0 0 15px 15px;
	margin-top: 0;
	padding: 1em;
	margin-right: 1.3333%;
}
 .module section.additional > div:last-child{
    margin-right: 0;
 }
 .module section.additional > div.ccol3 {
     width: 24%;
    }    

 .module section.additional > div img {
	display: block;
	float: none;
	margin: 0 auto;
	padding: 0px 0 0em;
	width: 75% !important;
} 
 
    
/* --- Video Playback & Such --------------------------------------------------------   */
.videos { display: none; } /*Hide Video Section Until videos provided*/
.video-pop { display: none; left: 50%; margin-left: -320px; position: fixed; top: 25%; width: 640px; z-index: 15000; }
.box img.video-play { display: block; position: relative !important; margin: 6em auto 0 auto; width: 24%; }
#tv-back { background: rgba(0, 0, 0, 0.9); cursor: pointer; display: none; height: 100%; left: 0; overflow: hidden; position: fixed; text-align: center; top: 0; width: 100%; z-index: 9999; }
.close-button.close-pop { background: #00B6BC; color: #fff; cursor: pointer; font: bold 12px arial; padding: .5em 2em; position: absolute; right: 0; text-align: right; top: -26px; border-radius: 5px 5px 0 0;}

 /* --- Media Queries ------------------------------  ------------------------------ --- */
 @media (min-width: 901px) and (max-width: 1400px) {
  .module.bps-site {
   font-size: 12px;
  }
 }
 @media (min-width: 700px) and (max-width: 1000px) { 
  .video-pop {width:640px;height:360px;margin-left:-320px;}
  .video-pop iframe {left: 50%;margin-left:-320px;  position: fixed; top: 25%;height:360px; width:640px; z-index: 15000} 
  .module.bps-site nav ul li {
   padding: .5em;
  }
  .module section.additional div img {display: block;float: none;margin: 0 auto;width: 50% !important;}
  .module section.additional div:nth-child(n+3) {border-radius: 15px;}
 }
 @media (max-width: 900px) {
  .module.bps-site {
   font-size: 10px;
  }
  .module.bps-site section[role="heading"] > .data h1 {
	margin: -15px auto 15px auto;
	}
  .acol12 {
	width: 100% !important;
  }
  .module section.additional > div {
	margin-bottom: 1em;
 }
  .module section.additional h3 {
	font: 700 3em/1.4em "Open Sans Condensed", sans-serif;
 }
}
     
 @media (max-width: 700px) {
  .ribbon {display: none !important;}
  .video-pop {width:320px;height:180px;margin-left:-160px;}
  .video-pop iframe {left: 50%;margin-left:-160px;  position: fixed; top: 25%;height:180px; width:320px; z-index: 15000}
  .module.bps-site nav ul {
	font-size: 15px;
	margin: 0 auto;
	list-style: none;
    text-align: center; 
	/* position: relative; */
	padding: 0 !important;
}  
  .module.bps-site section[role="heading"] > .data {
	display: block;
	float: none;
	padding: 0;
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 70%;
	padding-bottom: 11em;
  }
  .module.bps-site section[role="heading"] {
	background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//assetshare.basspro.com/content/dam/bps-general-assets/web/sitelets/rapala/11737-rapala/images/background.jpg") repeat scroll center center;
	overflow: hidden;
	padding: 7% 0 5%;
	position: relative;
	border-bottom: 10px solid #00B6BC;
  }
  .module.bps-site section[role="heading"] img[src*="coastal"] {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.75;
	width: 90%;
  }
  .module.bps-site section[role="heading"] > .data .btn {
	float: right;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 100%;
}
  .module.bps-site nav {text-align: center;margin: 1em 0 0 0;z-index: 2;position: absolute;bottom: 10px;left: 0;width: 100%;float: none;}
  .module.bps-site nav ul li {display: inline;padding: 0 !important; /* width: 70% !important; */border-radius: 15px 15px 0 0;}
  .module.bps-site nav ul li.freshwater {background: #fff;color: #444;font-size: 1.5em;padding: .5em 2em !important;}
  .module.bps-site nav ul li.saltwater {background: #00B6BC;color: #fff;font-size: 1.5em;padding: .5em 2em !important;}       
}
 @media (max-width: 460px) {
  .module.bps-site section[role="heading"] > .data h1 {margin: 0px auto 15px auto !important;}
  .module.bps-site section[role="heading"] > .data h1 {font: 700 4em/0.8em "Open Sans",sans-serif;margin: -25px auto 15px auto;}
 }    
 @media (max-width: 640px) {
  .module.bps-site>nav a {
   color: #fff;
  }
  .module.bps-site nav {
	bottom: 8px;
  }
  .module.bps-site nav ul li.freshwater {
	font-size: 1em;
	padding: .5em 2em !important;
  }
  .module.bps-site nav ul li.saltwater {
	font-size: 1em;
	padding: .5em 2em !important;
  }
  .module.bps-site section[role="heading"] > .data {
	display: block;
	float: none;
	padding: 0;
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 70%;
	padding-bottom: 11em;
  }
  .module.bps-site section[role="heading"] {
	background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//assetshare.basspro.com/content/dam/bps-general-assets/web/sitelets/rapala/11737-rapala/images/background.jpg") repeat scroll center center;
	overflow: hidden;
	padding: 7% 0 5%;
	position: relative;
	border-bottom: 10px solid #00B6BC;
  }
  .module.bps-site section[role="heading"] img[src*="coastal"] {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.75;
	width: 90%;
  }
  .module.bps-site section[role="heading"] > .data .btn {
	float: right;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 100%;
}
  .module.bps-site > nav ul:before {content:"";margin:0}
  .module.bps-site > nav ul    {display:block;margin:0!important;padding:0!important}
  .module.bps-site > nav ul li {display:block;margin:0}
  .module.bps-site > nav {background:none;box-shadow:none;margin:0 0 1em;padding:0;z-index:2}
  .module.bps-site > nav a {background:rgba(0,0,0,.8);font:700 20px "Open Sans",Arial,Helvetica,sans-serif;display:none;margin-bottom:1px;padding:1em .5em}
  .module.bps-site > nav a.mobileOnly {background:rgba(0,0,0,.8);display:block;font:700 30px Arial,Helvetica,sans-serif;padding:0;text-transform:uppercase} 
  .module section.additional div:nth-child(n+3) {border-radius: 15px;}
  .module section.additional div {margin-top: 0;padding: 0 1em 4em;}
  .module section.additional div img {display: block;float: none;margin: 0 auto 1em;padding: 0 0em;width: 65% !important;}
 }