/*

1.	Pagination
1.1. Sidebar Nav
1.2. Fonts
1.3. OIW Font Icons
2.	Full Width Image
3.	Promotion Banners
4.	Promotions
5.  Accessories	
6.	Product Images
7.	Product Offers
8.	MOTOTRBO
9.	MOTOTRBO Apps
10.	SchoolSAFE/WAVE
11.	Rule Line
12. Hide Accessories
13. Motorola Copyright
14. Maps
15. Hours Table
16. Motorola Copyright
17. pdvWireless
18. Responsive Clickable Phone Number
19. MOTOTRBO Nitro

*/


/* =========== pagination =================== */
.pagination {
    padding: 0px;
    margin-bottom: 20px;
	float:right;
}

.page {
    display: inline-block;
    padding: 6px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
	}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
/* =========== /pagination =============== */

/* =========== side bar nav =============== */

 .sidenav-indent {
	margin-left: 28px;
}

/* =========== /side bar nav =============== */

/* =========== fonts =============== */

.text-404 {
	font-size: 48px;
    font-weight: 800;
}

/* =========== /fonts =============== */

/* =========== OIW Font Icons =============== */

  /* === Wide Area Section === */
.industries-home h2 span {
	font-size: 75px;
	position: relative;
	top: 30px;
	right: 15px;
}

.col-md-4.featured-sects {
	width: 31%;
}

.featured-sects {
	text-align: center;
	background: #f6f8fb;
	padding: 30px 20px 20px 20px;
	margin: 0 10px 0 10px;
}

.featured-sects span {
	font-size: 75px;
	position: relative;
	color: #d20202;
}

.featured-sects h3 {
	font-size: 24px !important;
	line-height: 28px;
}

  /* === Wide Area Section === */

/* =========== /OIW Font Icons =============== */

/* =========== full width image =============== */

.fullwidthimage{	
	margin: auto;
	width:100%;
	margin-bottom: 30px;
}

.fullwidthimage-bio{	
	margin: auto;
	width:100%;
	margin-bottom: 20px;
	text-align: center;
}

.fullwidthimage-promo-sale {	
	margin: auto;
	width:100%;
	margin-bottom: 0;
}
/* =========== /full width image =============== */

/* =========== banners =============== */

.banner{
	text-align:center;	
	width:100%;
	background-color:#E88C0C;
	margin-top: 10px;
	margin-bottom: 10px;
}

.side-banner{
	text-align:center;	
	width:265px;
	background-color:#fff;
}

/* Homepage Digital Presentation Banner */

.banner-container-sm {
	display: none;
}

.banner-container {
  position: relative;
}

/* Bottom right text */
.banner-container .text-block {
  position: absolute;
  top: 20%;
  left: 25%;
  background-color: rgba(255, 255, 255, 0.0);
  /*color: #000;
  padding-left: 200px;*/
  padding-right: 20px;
  /*width: 100%;*/
}

.banner-container .text-block h2 {
	color: #fff;
}


.banner-container .text-block p {
	margin-top: -15px;
	padding-bottom: 15px;
	font-size: 18px;
	color: #fff;
}

.banner-container .banner-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding-left: 20px;
  padding-right: 200px;
}

.banner-container .banner-btn .btn {
	background-color: #d20202;
	border: none;
}

.banner-container .banner-btn .btn:hover {
	background-color: #333;
}
@media (max-width: 1260px) {

	.banner-container .text-block h2 {
		font-size: 30px;
	}
	.banner-container .text-block {
	    top: 0;
    	left: 20%;
	}
	.banner-container .banner-btn {
		padding-right: 100px;
	}
	
}

@media (max-width: 950px) {
	.banner-container .banner-btn {
		/*position: relative;
		display: block;*/
		text-align: center;
		padding-right: 0;
		padding-left: 0;
		bottom: 10%;
		right: 55%;
	}
	.banner-container .text-block {
		padding-left: 0;
		padding-right: 10px;
		top: 8%;
		left: 21%;
	}
	
	.banner-container .text-block h2 {
		line-height: 18px;
		font-size: 15px;
	}
	
	.banner-container .text-block p {
		/*font-size: 11px;
		line-height: 15px;
		padding-right: 10px;
		*/
		display: none;
	}
	
	.banner-container .btn {
		font-size: 14px;
		padding: 12px 15px;
	}
}

@media (max-width: 673px) {
	.banner-container {
		display: none;
	}
	
	.banner-container-sm {
		display: block;
	}
	
}
/* =========== /banners =============== */

/* =========== promotions =============== */

.promo-text {
	padding: 0px 7px 0px 7px;
}	

.specials-header1 {
	font-size:35px;
    font-weight:bold;
	margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 5px;
    color: #902d35;
}
 
.specials-header2 {
    font-size:19px;
    font-weight:bold;
    margin-bottom: 20px;
    padding-left: 5px;
}
	
.banner{
	text-align:center;	
	width:100%;
	background-color:#c62020;
	margin-top: 15px;
}	
.quote {
	font-family: Times, "Times New Roman", serif;
	font-size:36px;
	color: #B1B1B1;}

.offer{
	text-align:center;	
	margin: auto;
	width:98%;
	background-color:#d20202;
	margin-bottom: 20px;
}

.details
{
	background-color:#C1C1C1;
	text-align:center;	
	margin: auto;
	width:98%;
	margin-bottom: 20px;
}
.details2
{
	background-color:#C1C1C1;
	text-align:center;	
	margin: auto;
	width:98%;
	margin-bottom: 20px;
}	

.promo-header {
	margin-top: 20px;
	font-size:19px;
	font-weight:500;
	}
	
.promo-btn{
	text-align:center;
}

.promo-btn a{
	display: inline-block;
	background: #0522a6;
	position: relative;
	font-family: 'Asap', sans-serif;
	font-size: 28px;
	line-height: 40px;
	font-weight: 200;
	padding: 10px 27px 11px 27px;
	margin-top: 16px;
	color: #fff;
	border: 1px solid #0522a6;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.promo-btn a:hover{
	text-decoration: none;
	background: #D50008;
	color: #fff !important;
	border: 1px solid #D50008;
}

.moto-battery-sale {
	background-color: #d7323b; 
	padding: 20px 15px; 
	width: 100%;
	height: auto;
	margin: -15px 0 50px 0;
}

.moto-battery-sale h4 {
	font-size: 26px;
	color: #ffffff; 
}

.moto-battery-sale p {
	font-size: 15px;
	color: #ffffff; 
}

#tradeintable{
	width:100%;
	background:#cccccc;
	margin:20px 0 10px 0;   
}
 
#tradeintable .tbltext{
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding: 10px 5px 10px 5px;
}
 
               
#tradeintable .tblheader{
	background:#000000;
	color:#fff;
	text-transform:uppercase;
	font-size:30px;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:5px;
	text-indent: 10px;
}
               
 
#tradeintable .offer-header {
	width:75%;
	color:#000;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 10px 5px 10px 0;
               
}
 
#tradeintable .models-header {
	width:25%;
	color:#000;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 10px 5px 10px 0;
               
}
                                                                                                                                               
#tradeintable .savings-header {
	width:25%;
	color:#000;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 10px 5px 10px 0;
               
}
#tradeintable .offer-header{
	padding-left:5px;
}
#tradeintable .models, #tradeintable .savings{
	color:#000;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
}
 
 
 
#tradeintable .offertext{
	color:#124572;
	font-size:16px;
	font-weight:bold;
	padding: 20px 0px 10px 10px;
	vertical-align:top;
}

#tradeintable .tblheader2{
	background:#666;
	color:#fff;
	text-transform:uppercase;
	font-size:30px;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:5px;
	text-indent: 10px;
 }
.promo-box {
	background: #eaeaea;
	padding: 20px 15px;
}

/* =========== /promotions =============== */

/* =========== accessories =============== */

#accessory {
	width:100%;
}
 
#accessory table {
	border:0px solid #BBBBBB;
	margin: 10px 0 10px 0;
	width:100%;
	clear:both;
	padding:0px;
}
#accessory td {
	border:1px solid #BBBBBB;
	padding:5px;
	vertical-align:top;
}
 
#accessory .rowodd{
	background-color:#f8f8f8;
}
 
#accessory .col1{
	width:100px;
}
 
#accessory p{
	text-align:center;
	line-height:17px;
}
 
#accessory .subhead {
	color: #000000;
	font: 600 15px/1em Helvetica, Arial, sans-serif;
	text-decoration:none;
	text-align:center;
	margin-top: 25px;
}


/* =========== /accessories =============== */


/* =========== product images =============== */

#product-image {
    float:right; 
	padding:10px;
	margin:20px;	
}

.product-image {
    float:right; 
	padding:10px;
	margin:20px;	
}

.product-image img {
	max-width: 100%;
}

.product-image-small {
    float:right; 
	padding:10px;
	margin:20px;	
}

.product-image-small img {
	max-width: 100%;
}

.fullwidthimage-logo {
    float: right;
    margin: 0 0 15px 15px;
    max-width: 100%;
    padding: 5px;
}

@media (max-width: 600px) {
	.product-image {
		float: none;
		padding-left: 10px;
		text-align: center;
	}
	
	#product-image {
		float: none;
		padding-left: 10px;
		text-align: center;
	}
	
	.product-image-small {
		float: none;
		padding-left: 10px;
		text-align: center;
	}
}

/* =========== /product images =============== */

/* ================ product-offers ============== */

.product-offers {
    background-color: #f1f1f1;
    border: 1px dashed #999;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px;
    width: 98%;
}
.product-offers h3 {
	padding: 0px 18px 13px 0;
	margin-bottom: 10px;
    margin-top: 10px;
}
.product-offers p{
}
.product-offers a{
}
.product-offers a:hover{
}
/* ============= /product-offers ============== */


/* =========== mototrbo =============== */

#trbo h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	margin-top:0px;
	margin-bottom:2px;
}
#trbo h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #157fc4;
	text-transform: capitalize;
}
#trbo h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 0px; 
	margin-top: 0px; 
}
#trbo h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}
#trbo .image{
	float:right;
	padding-left:10px;
	border:0px;
}
.systems{
	padding: 0px;
	font-size: 17px;
	color: #666666;
	margin-top: -11px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.tagline{
	padding: 0px;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #000;
}

.mdlnumb {
	padding-right:5px;
}
.opfordigitbl{
	width:99%;
	background-color:#0ca0dc;
	padding:0px;
}
.opfordigi{
	background-color:#0ca0dc;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
}
.pgheader{
	text-align:center;
}

.pgheader img {
	width:95%;
}

.hpimg{
	text-align:center;
	border:0px;
}
.featureshdr{
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
}
.features{

	padding-top:0px;
	margin-top:0px;
}

.isvimage{
	float:right;
	padding-left:10px;
	padding-right:5px;
}
 .appstbl, .appstbl td {
	background-color:#1ca6df;
	color:#FFF;
	padding-right:3px;
	padding-top:5px;
	vertical-align:top;
}

.appstbl td strong {
	background-color:#1ca6df;
	color:#FFF;
	padding-right:3px;
	font-weight:bold;
}


.appstblhdr{
	color:#000;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	padding-top:10px;
}
#systbl td{
	padding-right:5px;
}

.optimized-background {
	background-color: #0ca0dc;
	height: 100px;
}
.optimized-copy {
	color: #ffffff;
	padding: 10px;
}
.optimized-image {
	float: right;
}

.trbo-lowercase{
	text-transform:lowercase;
}

/* =========== /mototrbo =============== */


/* =========== mototrbo apps =============== */

.icons{
	float:left;
	padding-bottom:30px;
	padding-right:20px;
}

.partner-level{
	font-weight:bold;
}

.partner-header{
	font-size: 33px;
	color: #002157;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:10px;
	padding-top:10px;

}

.application-features{
	font-weight:bold;
	
	}
.application-systems{
	font-weight:bold;
}

.key-benefits{
	width:50%;
	float:left;
	vertical-align:top;
}
.key-features{
	width:50%;
	float:right;
	vertical-align:top;
}
@media (max-width: 479px) {
.key-benefits{
	width:100%;
	vertical-align:top;
}
.key-features{
	width:100%;
	vertical-align:top;
}
}

.app-boxes{
	width:50%;
	float:left;
	vertical-align:top;
}

.app-boxes img.fullwidthimage {
	width: 100%;
	padding:0px;
}

.app-container {
	padding: 0 10px 0 10px;
	height: 550px;
}

@media (max-width: 1199px) and (min-width: 768px) {
.app-container {
	padding: 0 10px 0 10px;
	height: 700px;
}
}
	
@media (max-width: 767px) {
.app-boxes{
	width:100%;
	vertical-align:top;
}
.app-container {
	padding: 0 10px 0 10px;
	height: 100%;
}
}

.app-title{
	height: 50px;
	vertical-align: top;
}

.app-image {
  float:left; 
	padding:10px;
	margin:20px;	
}

.app-image-sold {
  float:left; 
	padding:10px;
	margin:20px;	
}

@media (max-width: 479px) {
.app-image {
	float:none;
	text-align:center;
	width: 149px;
	padding:0px;
	margin:auto;
}

.app-image-sold {
	float:none;
	text-align:center;
	width: 183px;
	padding:0px;
	margin:auto;
}
}

/* =========== /mototrbo apps =============== */

/* =========== schoolsafe / wave =============== */

.schoolsafe-quote {
	display:block;
	margin-left:50px;
	margin-right:50px;
}
.schoolsafe-quote em{
	font-size:20px;
	font-weight:bold;
}

.fltleft{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

.schooldafe-30 {
	display: inline-block;
	float: left;
	width: 29.9%;
	padding: 5px 15px 5px 0px;
}

.schooldafe-40 {
	display: inline-block;
	float: left;
	width: 39.9%;
	padding: 5px 15px 5px 0px;
}

.schooldafe-50 {
	display: inline-block;
	float: left;
	width: 49.9%;
	padding: 5px 15px 5px 0px;
}

.schooldafe-60 {
	display: inline-block;
	float: left;
	width: 59.9%;
	padding: 5px 15px 5px 0px;
}

.schooldafe-70 {
	display: inline-block;
	float: left;
	width: 69.9%;
	padding: 5px 15px 5px 0px;
}

@media (max-width: 479px) {
	
	.schooldafe-30, .schooldafe-40, .schooldafe-50, .schooldafe-60, .schooldafe-70 {
		display: block;
		width: 100%;
		padding: 5px 15px 5px 0px;
	}
	
	.schooldafe-30 {
		margin-bottom: 35px;
	}
}

/* =========== /schoolsafe / wave =============== */

/* =========== team communications =============== */


.team-icons{
	float: left;
	padding-right: 20px;
}
@media (max-width: 479px) {
.team-icons{
width: 100%;
}
	.team-icons img{
width: 150px;
}

}
.info-graphic{
	float: left;
	padding-right: 5px;
	width: 24%;
	padding-bottom: 10px;
}
.info-graphic img{
	width: 100%;
	}
@media only screen and (max-width: 767px) {
.info-graphic{
	float: left;
	padding-bottom: 10px;
	padding-right: 5px;
	width: 48%;
	}
}
@media only screen and (max-width: 479px) {
.info-graphic{
	width: 100%;
}
}

.team-solutions-icons {
	float: left;
	padding-right: 5px;
	width: 24%;
	padding-bottom: 10px;
	}
.team-solutions-icons img{
	width: 100%;
	}
@media only screen and (max-width: 767px) {
.team-solutions-icons{
	float: left;
	padding-bottom: 10px;
	padding-right: 5px;
	width: 48%;
	}
}
@media only screen and (max-width: 479px) {
.team-solutions-icons{
	width: 100%;
}
}

.team-links {
	
}

/* =========== team communications =============== */


/* =========== ruleline =============== */

.dvdr {
	width:98%;
	margin: 45px auto 25px auto;
	height:1px;
	background-color:#C1C1C1;
	clear:both;
}

.contact-info {
	margin-bottom: 30px;
}

/* =========== /ruleline =============== */

/* =========== hide accessories =============== 

.accessory{	
	display: none;
}

 =========== /hide accessories =============== */

/* =========== motorola copyright =============== */

.motorola-copyright {
	color: #999;
	margin-top: 20px;	
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	}

/* =========== /motorola copyrights =============== */

/* =========== maps =============== */

.fluid-wrapper {
    position: relative;
    padding-bottom: 82.25%; /* 16:9 */
    height: 0;
	margin-bottom: 50px;
	margin-top: 55px;
}
.fluid-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* =========== /maps =============== */


/* =========== Hours Table =============== */

div.table-title {
   display: block;
  margin: auto;
  max-width: 500px;
  padding:5px;
  width: 100%;
}

.table-title h3 {
   color: #fafafa;
   font-size: 28px;
   font-weight: 400;
   font-style:normal;
   font-family: "Roboto", helvetica, arial, sans-serif;
   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
   text-transform:uppercase;
}


/*** Table Styles **/

.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  /*max-width: 500px;*/
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
th {
  color:#D5DDE5;;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:20px;
  font-weight: 100;
  padding:10px 20px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

th:first-child {
  border-top-left-radius:3px;
}
 
th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  font-size:15px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
tr:hover td {
  background:#999;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}
 
tr:first-child {
  border-top:none;
}

tr:last-child {
  border-bottom:none;
}
 
tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
tr:nth-child(odd):hover td {
  background:#999;
}

tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
td {
  background:#FFFFFF;
  padding: 7px 20px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:15px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

td:last-child {
  border-right: 0px;
}

th.text-left {
  text-align: left;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}

/* =========== /Hours Table =============== */

/* =========== Motorola Copyright =============== */

.copyright {
	text-align: center;
	color: #7B7B7B;
}

/* =========== /Motorola Copyright =============== */

/* =========== pdvWireless =============== */

.pdv.wide {
	margin-top: 40px;
}

.pdv {
	width: 85%; 
	margin: auto;  
	text-align: left;
}
.wide {
	width: 100%; 
	margin: auto;  
	text-align: left;
}

.pdv p, .pdv h1, .pdv h2, .pdv h3, .pdv h4, .pdv h5 {
	color: #000;
}

.pdv h1 {
    font-size: 30px;
    color: #e75300;
	font-weight: 600;
    text-align: center;
	margin-bottom: 0;
}
.pdv h2 {
	font-size: 22px; 
	color: #000; 
	font-weight: bold;  
	text-align: center;
}
.pdv h3 {
	font-size: 17px; 
	color: #000; 
	font-weight: bold;
}


.pdv .connect h3 {
	padding: 15px 15px;
	color: #000 !important;
}


/*
.pdv h2.blue {
	background-color: #fff !important;
	color: #000 !important;
	font-weight: 600;
	font-size: 24px;
	margin-top: 15px;
}
*/

.pdv h3.orange {
	background-color: #fff !important;
	color: #e75300 !important;
	font-size: 18px;
	line-height: 20px;
}


.pdv p {
	font-size: 16px;
}

.pdv .connect p {
	padding: 5px 15px 10px 15px;
}

.pdv .pdvimages {
	width: 100%;
}
.pdv-map-img {
	max-width: 800px;
	width: 800px;
	height: auto;
}
.pdv .connect {
	width: 100%; 
	margin: auto; 
	padding-top: 15px; 
	background-color: #f8f8f8;
}
.pdv .floatleft {
	float: left; 
	width: 50%; 
	text-align: center;
}
.pdv .floatright {
	float: right; 
	width: 35%; 
	text-align: right; 
	vertical-align: top;
}

.pdv .connect-mototrbo {
	float: right; 
	padding-right: 40px; 
	width: 40%; 
	text-align: center; 
	vertical-align: top; 
	padding-top:25px 
}
.pdv .connect-hub {
	float: right; 
	padding-right: 40px;
	width: 40%; 
	text-align: center; 
	vertical-align: top; 
	padding-top: 25px; 
}
			
.pdv .blue {
	color: #27a3d8
}
.pdv .orange {
	color: #e75300;
}

/* =========== /pdvWireless END =============== */

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li.fat.active, nav.navbar.bootsnav ul.nav li.fat.active {
	background: #E5E5E5;
}

/* ========== Responsive Clickable Phone Number ========== */
@media screen and (min-width: 768px) {
   a[href*="tel:"] {
       pointer-events: none;
   }
}
/* ========== /Responsive Clickable Phone Number ========== */

/* =========== Nitro =============== */
#nitro-accessory {
		width:100%;
}

#nitro-accessory table {
		border:0px solid #BBBBBB;
		margin: 10px 0 10px 0;
		width:100%;
		clear:both;
		padding:0px;
}
#nitro-accessory td {
		border:1px solid #BBBBBB;
		padding:5px;
		vertical-align:top;
}

#nitro-accessory .rowodd{
background-color:#f8f8f8;
}

#nitro-accessory .col1{
		width:150px;
}

#nitro-accessory p{
		text-align:center;
		line-height:17px;
}

#nitro-accessory .subhead {
		color: #000000;
		font: 600 15px/1em Helvetica, Arial, sans-serif;
		text-decoration:none;
		text-align:center;
		margin-top: 25px;
}

#nitro-accessory img {
	max-width: 100%;
}

/* =========== /Nitro =============== */

span.intro-txt {
	font-size: 20px;
	font-weight: 600;
	font-style: italic;
	border-bottom: 1px solid #606060;
}

.safe-icons {
  float: left;
  padding-right: 10px;
  padding-top: 10px;
  width: 100px;
  clear: both;
  overflow: hidden;
}
.safety-reimagined-badge {
  width: 400px;
}
.button-safe, .button-safe:focus {
color: #fff;
background-color: #F00;
border-color: #F00;
}

.button-safe:hover, .button-safe:active {
color: #000;
background-color: #fff;
border-color: #F00;
}

a.button-safe, a.button-safe:focus {
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	background-color: #e13523;
	border-color: #e13523;
	padding: 12px 22px;
	margin-top: 25px !important;
	transition: .3s;
	text-decoration: none;
}

a.button-safe:hover, a.button-safe:active {
	color: #fff;
	background-color: #66b4f7;
	border-color: #66b4f7;
	transition: .3s;
	text-decoration: none;
}

.safe-icons img {
    width: 100px;
}

/* Target TM symbol and simulate superscript */
.tm {
  font-size: 0.5em;
  vertical-align: super;
  font-family: inherit;
}


/* Alyssa's Law Styles */

.alyssas-law {
  line-height: 1.6;
}

.alyssas-law ul {
  margin: 0 0 1rem 1.25rem;
}

.section-divider {
  border: 0;
  border-top: 1px solid #d9d9d9;
  margin: 24px 0;
}

.why-matters-box {
  background: #f3f3f3;
  padding: 18px 20px;
  border-radius: 6px;
	margin-bottom: 35px;
}

.why-matters-box h3 {
  margin: 0 0 8px 0;
}

/* Side-by-side layout */
.alyssa-list-wrap {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

/* Text side */
.alyssa-list {
  flex: 1;
}

/* Image side */
.alyssa-image img {
  max-width: 225px;   /* adjust size */
  height: auto;
  display: block;
}

/* Mobile: stack */
@media (max-width: 768px) {
  .alyssa-list-wrap {
    flex-direction: column;
  }

  .alyssa-image img {
    margin: 10px auto 0;
  }
}

.al-pil-split {
  display: flex;
  align-items: center;   /* vertically align */
  gap: 30px;
}

/* Each side = 50% */
.al-pil-image,
.al-pil-content {
  flex: 1;
}

/* Make sure images behave nicely */
.al-pil-image img {
  max-width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .al-pil-split {
    flex-direction: column;
  }
}