/* *******************************************************************
/* 
/* Top Links navBar
/*
/* ******************************************************************* */

.topLinksNav { background-color:#333333; color: #999999; font-size:16px; height:40px; line-height:40px; width:100%; position: fixed; z-index: 11;}

.productNav { padding-left: 24px!important; padding-top: 7px!important; }

.productNav li {
    float: left;
    margin-right: 24px;
    list-style: none;
}

.productNav li a:visited, .productNav li a:active, .productNav li a {
    text-decoration: none;
    color:#999999;
}

#header {
	top: 40px;
    z-index: 9999;
}

.helpful { /* goodbye ratings! */
    display: none;
}

.main_body {
    margin-top: 30px!important;
}

.containerTop { width:100%; } 

.left24 { padding:0 24px; }

#header .home_button { margin-left:24px; }

#chatInlay { right: 10px!important; }

svg { fill:#000000; }

.floatingContact {
	position:fixed;	
	z-index:1000;
	text-align: center;
	overflow: auto;
	right:0px;
	background-color:#333333;
	color:#FFFFFF;
}

#contact_footer {
    background-color: #333333;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0;
}

/* *******************************************************************
/* 
/* NUKE!
/*
/* ******************************************************************* */

#fixed_footer { display:none; }
#contact_footer { display: inherit!important; }

/* *******************************************************************
/* 
/* Mobile Menu
/*
/* ******************************************************************* */


a.parent-nav {
    background-color: #ccc!important;
    color: #000!important;
    font-size: 14px!important;
    font-weight: 700!important;
}



/* *******************************************************************
/* 
/* Breakpoints // GRID
/*
/* *******************************************************************

/* Smaller devices here, up to 543px */
@media (max-width: 605px) {
	.xs1 {width: 8.33%; }
	.xs2 {width: 16.66%; }
	.xs3 {width: 25%; }
	.xs4 {width: 33.33%; }
	.xs5 {width: 41.66%; }
	.xs6 {width: 50%; }
	.xs7 {width: 58.33%; }
	.xs8 {width: 66.66%; }
	.xs9 {width: 75%; }
	.xs10 {width: 83.33%; }
	.xs11 {width: 91.66%; }
	.xs12 {width: 100%; }		
	.xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12 { float: left; padding:4px; }
	
	.showOnXS { display: inherit; }
	.hideOnXS { display: none; }
	
	#header { top: 0px; z-index: 9999; }
	
	#feat_head .head_box { width: 270px!important; margin-left: 8px!important; }

	#footer {
   		margin-bottom: 0px; 
   		max-height: 700px;
	}

	.floatingContact {	
		width:60px;
		top:40%;
	}
}

	
/* Small devices (landscape phones, 544px and up) */

@media (min-width: 606px) {	
	.s1 {width: 8.33%; }
	.s2 {width: 16.66%; }
	.s3 {width: 25%; }
	.s4 {width: 33.33%; }
	.s5 {width: 41.66%; }
	.s6 {width: 50%; }
	.s7 {width: 58.33%; }
	.s8 {width: 66.66%; }
	.s9 {width: 75%; }
	.s10 {width:83.33%; }
	.s11 {width: 91.66%; }
	.s12 {width: 100%; }		
	.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12 { float: left; padding:4px;}
	
	.showOnS { display: inherit; }
	.hideOnS { display: none; }
	
	#header { top: 0px; z-index: 9999; }
	
	#feat_head .head_box { width: 60%; margin-left: 16px; }

	#footer {
   		margin-bottom: 0px; 
   		max-height: 700px;
	}

	.floatingContact {	
		width:60px;
		top:40%;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 824px) {
	.m1 {width: 8.33%; }
	.m2 {width: 16.66%; }
	.m3 {width: 25%; }
	.m4 {width: 33.33%; }
	.m5 {width: 41.66%; }
	.m6 {width: 50%; }
	.m7 {width: 58.33%; }
	.m8 {width: 66.66%; }
	.m9 {width: 75%; }
	.m10 {width: 83.33%; }
	.m11 {width: 91.66%; }
	.m12 {width: 100%; }	
	.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10, .m11, .m12 {	float: left; padding:8px;}
	
	.showOnM { display: inherit; }
	.hideOnM { display: none; }	
	
	#feat_head .head_box { width: 44%; margin-left: 16px; }

	/*#footer .text_center {
    	width: 600px;
    	margin: 0 auto;
	}*/

	#footer {
   		margin-bottom: 0px; 
   		max-height: 700px;
	}

	.floatingContact {	
		width:60px;
		top:40%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 1024px) {
	.l1 {width: 8.33%; }
	.l2 {width: 16.66%; }
	.l3 {width: 25%; }
	.l4 {width: 33.33%; }
	.l5 {width: 41.66%; }
	.l6 {width: 50%; }
	.l7 {width: 58.33%; }
	.l8 {width: 66.66%; }
	.l9 {width: 75%; }
	.l10 {width: 83.33%; }
	.l11 {width: 91.66%; }
	.l12 {width: 100%; }	
	.l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8, .l9, .l10, .l11, .l12 { float: left;padding:8px; }
	
	.showOnL { display: inherit; }
	.hideOnL { display: none; }
	
	#feat_head .head_box { width: 44%; margin-left: 16px; }

	#footer {
   		margin-bottom: 0px; 
   		max-height: 700px;
	}
	
	.floatingContact {
		width:75px;
		top:20%;
	}
}


/* Extra large devices (large desktops, 1200px and up) */ 
@media (min-width: 1366px) {	
	.xl1 {width: 8.33%; }
	.xl2 {width: 16.66%; }
	.xl3 {width: 25%; }
	.xl4 {width: 33.33%; }
	.xl5 {width: 41.66%; }
	.xl6 {width: 50%; }
	.xl7 {width: 58.33%; }
	.xl8 {width: 66.66%; }
	.xl9 {width: 75%; }
	.xl10 {width: 83.33%; }
	.xl11 {width: 91.66%; }
	.xl12 {width: 100%; }		
	.xl1, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9, .xl10, .xl11, .xl12 {	float: left; padding:8px;}
	
	.showOnXL { display: inherit; }
	.hideOnXL { display: none; }	
	
	#header { top: 40px; z-index: 9999; }
	
	#feat_head .head_box { width: 26%; margin-left: 24px; }
}