/*------->>> TABLE OF CONTENTS <<<-------
	1. FOUNDATION OVERRIDE STYLES
	2. RESET AND OVERRIDES
	3. BASIC STYLES
	4. GLOBAL STYLES
	5. HEADER STYLES
	6. HERO SLIDER (Slick Override Styles)
	7. PRIMARY CONTENT
	8. NEWS
	9. GALLERY STYLES
	10. CAREERS
	11. CALLOUT STYLES
	12. EMAIL SIGNUP
	13. CTA (above footer)
	14. ONLINE STORE (Home)
	15. QUALITY ASSURANCE (Home)
	16. STOCKCLAM AD (Home)
	17. NEWS BANNER (Home)
	18. LOCATIONS (Home)
	19. QUOTE BUTTON
	20. ACCORDION
	21. FOOTER STYLES
	22. FORMS
	23. RESPONSIVE IFRAMES [Maps, Videos, etc.]
	24. RESPONSIVE TABLES
	25. STYLE GUIDE

/*------->>> COLOR PALETTE <<<-------
	#7e1309 rbg[126,19,9] - Primary Color [Maroon]
	#313131 rbg[49,49,49] - Secondary Color [Medium Gray]	
	#f6efdb rbg[246,239,219] - Tertiary Color [Peach]
	#5d0801 rbg[93,8,1] - Support Color [Dark Maroon]
	#540600 rbg[84,6,0] - Dark Maroon #2
	#6d0900 rbg[109,9,0] - Dark Maroon #3
	#232323 rbg[35,35,35] - Dark Gray
	
/*------->>> FONT STACKS & TYPOGRAPHY <<<-------
	Font Family: 'Source Sans Pro', sans-serif; [Primary Font | Google Fonts | 400 & 700]
	Font Family: 'museo-sans-rounded', sans-serif; [Secondary Font | Typekit | 300 500 & 700]
	Font Family: FontAwesome [Icon Font]
		SAMPLE CSS USAGE: fortawesome.github.io/Font-Awesome/cheatsheet/
		.myDiv {
			font-family:"FontAwesome";
			content:"\f111";
		}
		SAMPLE HTML USAGE: fortawesome.github.io/Font-Awesome/examples/
		<span class="fa-stack fa-lg">
			<i class="fa fa-square-o fa-stack-2x"></i>
			<i class="fa fa-twitter fa-stack-1x"></i>
		</span>
*/

/*------->>> 1. FOUNDATION OVERRIDE STYLES <<<-------*/
.column, .columns {
	padding-left:.625rem;
	padding-right:.625rem;
}
.row .row {
	margin:0 -.625rem;
}
/*- Tables -*/
table tbody, table tfoot, table thead {
    border:0;
    background-color:inherit;
}
table tbody td, table tbody th, table tfoot td, table tfoot th, table thead td, table thead th {
    padding:inherit;
    font-weight:inherit;
    text-align:inherit;
}
/*-  Tool Tips -*/
.has-tip {
	font-weight:normal;
}
.tooltip {
	background-color: #7e1309;
	color: #fff;
	font-family:'museo-sans-rounded',sans-serif;
	font-weight:300;
	font-size:0.75rem;
	padding:0.625rem 0.938rem;
	max-width:200px !important;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 1, 0.31);
}
.tooltip::before {
	border: inset 0.5rem;
	border-color: transparent transparent #7e1309;
}
.tooltip.top::before {
	border: inset 0.5rem;
	border-color: #7e1309 transparent transparent;
	border-top-style: solid;
	border-bottom-width: 0;
}
.tooltip.left::before {
	border: inset 0.5rem;
	border-color: transparent transparent transparent #7e1309;
	border-left-style: solid;
	border-right-width: 0;
}
.tooltip.right::before {
	border: inset 0.5rem;
	border-color: transparent #7e1309 transparent transparent;
	border-right-style: solid;
	border-left-width: 0;
}
/*--> Reveal <---*/
.reveal-overlay {
	z-index:40000;
}
/*------->>> 2. RESETS AND OVERRIDES <<<-------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
html {
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
html, html a, body  {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
html, body {
	height:auto;
	min-height:100%;
}
body {
	line-height:1;
	box-sizing:border-box;
    margin:0;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
main, li {
    display:block;
}
a, button {
    color:inherit;
    transition:.3s;
}
a {
    text-decoration:none;
}
button {
    overflow:visible;
    border:0;
    font:inherit;
    -webkit-font-smoothing:inherit;
    letter-spacing:inherit;
    background:none;
    cursor:pointer;
}
::-moz-focus-inner {
    padding:0;
    border:0;
}
:focus {
    outline:0;
}
img {
    max-width:100%;
    height:auto;
    border:0;
}
/* Box Model Reset */
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Form Resets */
input, label, select, button, textarea {
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1;	
	/* Browsers have different default form fonts */
	font-size:13px;
	font-family:Arial;
}
/* Remove the stupid outer glow in Webkit */
input:focus, select:focus{
	outline:0;
}
/* All of our custom controls should be what we expect them to be */
input, textarea {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
/* These elements are usually rendered a certain way by the browser */
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week]{
}
input[type=checkbox], input[type=radio] {
/*	width:13px;
	height:13px;*/
}
input[type=file] {
}
input[type=search] {
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
}
::-webkit-search-decoration {
	display:none;
}
button, input[type="reset"], input[type="button"], input[type="submit"] {
	/* Fix IE7 display bug */
	overflow:visible;
	width:auto;
}
::-webkit-file-upload-button {	
	padding:0;
	border:0;
	background:none;
}
textarea  {
	vertical-align:top;
	overflow:auto;
}
select {
}
select[multiple] {
	vertical-align:top;
}
/*------->>> 3. BASIC STYLES <<<-------*/
html {
	font-size:16px;
}
body, html {
	background-color:#fff;
	font-family:'Source Sans Pro', sans-serif;
	font-weight:400;
	color:#000;
}
a, a:link, a:active, a:visited {
	color:#7e1309;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
a:hover {
	color:#313131;
}
abbr { /* Replaces acronym */
	color: #7e1309;
	text-decoration: none;
	border:0;
	cursor: help;
}
blockquote{
	display:block;
	padding:0 0 0 55px;
	margin:0 0 1.5em 0;
	position:relative;
	font-style:italic;
	border-bottom:3px solid #7e1309;
}
blockquote::before{
	content: "\201C";  
	font-family:arial, sans-serif;
	font-size:10rem;
	font-style:normal;
	color:#7e1309;
	position: absolute;
	left:-8px;
	top:-15px;
}
blockquote::after{
	content:"";
}
blockquote p {
	font-family:'museo-sans-rounded',sans-serif;
	font-size:1.125rem;
	line-height:1.4em;
	font-style:italic;
	font-weight:700;
	color:#000;
}
blockquote cite {
	display:block;
	position:relative;
	text-align:left;
	font-family:'museo-sans-rounded',sans-serif;	
	font-size:0.875rem;
	font-weight:700;
	font-style:normal;
	color:#7E1309;
	margin:0 0 1em 0;
	padding:0;
}
em { /* Replaces <i> */
	font-style:italic;
}
hr:not(.primaryColor) { 
	border:0; 
	height:1px;
	position:relative;
	margin:2rem 0;
}
hr:not(.primaryColor):before {
	top:-0.5em;
	height:1rem;
}
hr:not(.primaryColor):after {
	content:'';
	height:0.5rem; /*- half the height of :before -*/
	top:1px; /*- height of hr -*/
}
hr:not(.primaryColor):before, hr:after {
	content:'';
	position:absolute;
	width:100%;
}
hr:not(.primaryColor), hr:not(.primaryColor):before {
	background:-moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 75%);
	background:-webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(75%,rgba(0,0,0,0)));
	background:-webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
	background:-o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
	background:-ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
	background:radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
}
hr:not(.primaryColor):after {
    background:#fff;
}
hr.primaryColor {
	border-bottom: 3px double #7E1309;
}
i { /* Outdated, still used for Font Awesome and Flexnav Menu Icons */
	font-style:normal;
}
small {
	font-size:80%;
}
strong { /*  Replaces <b> */
	font-weight:bold;
}
sup, sub {
	position:relative;
	top:-0.4rem;
	vertical-align:baseline;
}
sup {
	font-size:75%;
}
sub {
	font-size:75%;
	top:auto;
	bottom:-0.125rem;
}
h1, h2, h3, h4, h5, h6 {
	margin:1rem 0 0 0;
	font-family:inherit;
	line-height:1;
}
h1, h2, h3, h4 {
	font-family:'museo-sans-rounded', sans-serif;
} 
h1 {
	font-size:2.25rem;
	font-weight:300;
	color:#7e1309;
}
h2 {
	font-size:1.750rem;
	font-weight:700;
}
h3 {
	font-size:1.438rem;
	font-weight:300;
}
h4 {
	font-size:1.125rem;
	font-weight:700;
}
h5 {
	font-size:1.125rem;
	font-weight:700;
}
h6 {
	font-size:1rem;
	font-weight:400;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	font-weight:inherit;
	font-size:inherit;
	color:inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:inherit;
}
h1 small {
	display:block;
	font-family: 'Source Sans Pro', sans-serif;	
	font-size:1.125rem;
	color:#000;
	line-height:1.5;
}
p, li, td {
	font-size:0.875rem;
	line-height:1.5rem;
}
p {
	margin:1rem 0;
}
/*- Highlighting on Select [Click and Drag] -*/
::-moz-selection {
	background:#f6efdb;
	color:#000;
}
::selection {
	background:#f6efdb;
	color:#000;
}
/*------->>> 4. GLOBAL STYLES <<<-------*/
.svg-container {
    position: absolute;
    left: -999rem;
}
.caption {
	display:block;
	margin-top:0.5rem;
	font-family:'museo-sans-rounded', sans-serif;
	font-weight:500;
	font-size:90%;	
	font-style:italic;
	color:#7e1309;
	line-height:1.3;
}
.caption .large {
	font-weight:900;
	font-size:200%;
}
.caption a {
	border-bottom:1px dotted;
}
.radius {
	border-radius: 7px;
}
.shadow {
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.50);
}
section.tertiaryBg {
	padding:0.625rem;
	margin:0 0.438rem;
}
.faq {
	background:#fff;
	border: 2px solid #ddd;
	border-radius: 7px;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
	overflow:hidden;
	margin-bottom:1.25rem;
}
.faq h4 {
	position:relative;
	background:#7e1309;
	color:#fff;
	margin:0;
	padding:0.625rem 0 0.625rem 40px;
}
.faq h4:before {
	display:block;
	width:auto;
	height:auto;
	position:absolute;
	left:0.625rem;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	content:" \f059";	
 	font-family:"FontAwesome";
	color:#fff;
	font-size:1.625rem;
}
.faq p {
	padding:0 0.625rem;
}
.toTop {
	position:relative;
	text-align:right;
}
.toTop span {
	display:inline-block;
	margin-left:0.250rem;
	line-height:1.5rem;
	font-size:1.25rem;
	font-weight:400;
}
/*---> Button Styling <---*/
/*- Base Button -*/
.btn {
	background:#7e1309;
	display:inline-block;
	position:relative;
	top:0;
	padding:17px 20px;
	font-family:'museo-sans-rounded', sans-serif;
	font-size:1rem;
	font-weight:700;
	color:#fff;
	line-height:1;
	text-align:center;
	text-decoration:none;
	border:0 !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
a.btn {
	color:#fff;
}
.btn:hover {
	background:#540600;
	top:2px;
	color:#fff;
	text-decoration:none;
}
.btn.lightBg {
	color:#7e1309;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.btn.lightBg:hover {
	color:#fff;
}
/*- Icon Button -*/
.btn.icon {
	padding-left:53px;
}
.btn.icon:before {
	display: block;
	content: ' ';
	width:40px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border-radius:10px 0 0 10px;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.btn.icon.submit:before {
	background:#540600;
	background-image: url('../images/icon-submit.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 16px;	
}
.btn.icon.shop:before {
	background:#540600;
	background-image: url('../images/icon-cart.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 18px;	
}
.btn.lightBg.icon.shop:before {
	background:#fff;
	background-image: url('../images/icon-cart-maroon.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 18px;	
}
.btn.icon.search:before {
	background:#540600;
	background-image: url('../images/icon-search.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 18px;	
}
.btn.icon.question:before {
	background:#540600;
	background-image: url('../images/icon-difference.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 17px;	
}
.btn.icon.contact:before {
	background:#540600;
	background-image: url('../images/icon-contact.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 17px;	
}
.btn.icon.person:before {
	background:#540600;
	background-image: url('../images/icon-position.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 17px;	
}
.btn.icon.technical:before {
	background:#540600;
	background-image: url('../images/icon-tech-drawing.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:20px 20px;	
}
.btn.icon.quote:before {
	background:#540600;
	background-image: url('../images/icon-speech.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 17px;	
}
.btn.lightBg.icon.quote:before {
	background:#fff;
	background-image: url('../images/icon-speech-maroon.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 17px;	
}
.btn.icon.golf:before {
	background:#540600;
	background-image: url('../images/icon-golf.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:20px 20px;	
}
.btn.icon.pandp:before {
	width:100%;
	height:100%;
	bottom:0;
	right:0;
	border-radius:10px;
	background:#7E1309;
	background-image: url('../images/icon-logo-p-and-p.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:115px 27px;	
}
.btn.icon.pandp:hover:before {
	background-color:#540600;	
	background-size:128px 30px;
}
.btn.lightBg.icon:hover:before,
.btn.icon:hover:before {
	background-size:25px 23px;
}
.btn.lightBg.icon:hover:before {
	background-color:#540600;
}
.btn.lightBg.icon.shop:hover:before {
	background-image: url('../images/icon-cart.svg');
	background-position: center center;
	background-repeat:no-repeat;
}
.btn.lightBg.icon.quote:hover:before {
	background-image: url('../images/icon-speech.svg');
	background-position: center center;
	background-repeat:no-repeat;
}
/*---> Utility Classes <---*/
.more { /* Link Class */
	font-weight:700;
	position:relative;
}
.more:after {
	position:relative;
	right:0px;
 	font-family:"FontAwesome";
	content:" \f105";
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.more:hover:after {
	right:-3px;
}
/* Backgrounds */
.primaryBg	{
	background-color:#7e1309;
}
.secondaryBg	{
	background-color:#313131;
}
.tertiaryBg {
	background-color:#f6efdb;
}
.supportBg {
	background-color:#5d0801;
}
.lightBg {
	background-color:#fff;
}
/* Display */
.block {
	display:block;
}
.inline {
	display:inline;
}
.inlineBlock {
	display:inline-block;
}
/* Width and Height */
.width15 {
	width:15%;
}
.width20 {
	width:20%;
}
.width25 {
	width:25%;
}
.width33 {
	width:33%;
}
.width50  {
	width:50%;
}
.width100  {
	width:100%;
}
.height50 {
	height:50%;
}
.height100 {
	height:100%;
}
/* Positioning */
.fixed    {
	position: fixed;
}
.relative {
	position:relative;
}
.absolute {
	position: absolute;
}
.static {
	position:static;
}
.valignMiddle {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.alignCenter {
	position:relative;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);	
}
.positionCenter{
	left:0;
	right:0;
	margin:0 auto;
}
.positionMiddle{
	top:0;
	bottom:0;
}
.positionRight{
	right:0;
	left:auto;
}
.positionLeft{
	left:0;
	right:auto;
}
.positionTop{
	top:0;
	bottom:auto;
}
.positionBottom{
	bottom:0;
	top:auto;
}
/* Floats */
.clearfix {
	zoom:1;
}
.clearfix:before, 
.clearfix:after {
	display:table;
	content:"";
}
.clearfix:after {
	clear:both;
}
.floatLeft  {
	float:left;
}
.floatRight {
	float: right;
}
/* Typography */
.primaryColor {
	color:#7e1309;
}
.secondaryColor {
	color:#313131;
}
.tertiaryColor {
	color:#f6efdb;
}
.supportColor {
	color:#5d0801;
}
.lightColor {
	color:#fff;
}
.primaryFont {
	font-family:'Source Sans Pro', sans-serif;
}
.secondaryFont {	
	font-family:'museo-sans-slab', sans-serif;
}
.underline {
	text-decoration:underline;
}
.uppercase {
	text-transform:uppercase;
}
.italic {
	font-style:italic;
}
/* Text Alignment */
.textLeft {
	text-align:left;
}
.textCenter {
	text-align:center;
}
.textRight {
	text-align:right;
}
.textJustify {
	text-align:justify;
}
span.textCenter,
span.textLeft,
span.textRight,
span.textJustify {
	display:block;
}
/*------->>> 5. HEADER STYLES <<<--------*/
header {
	position:relative;
	padding-bottom:0;
	box-shadow: 0px 1px 21px 0px rgba(0, 0, 1, 0.21);
	z-index:5000;
}
header .alert {
	position:relative;
	background:#F6EFDC;
	border-bottom:1px solid #BABABA;	
	z-index:10;
	box-shadow:0 1px 3px 0 rgba(0, 0, 1, 0.1);
}
header .alert p {
	color:#7e1309;
	margin:0;
	padding:0.313rem 0;	
	line-height:1;
}
header .utility a,
header .utility a img {
	display:block;
	float:left;
}
header .utility a {
	margin:0.125rem;
}
header .utility a:first-child {
	margin-left:0;
}
header .utility a:last-child {
	margin-right:0;
}
header .branding {
	padding:0 0.625rem;
}
header div.phone {
	background:#6d0900;	
}
header div.phone a.phone,
header a.phone {
	display:block;
	padding:0.625rem;
	font-family:'museo-sans-rounded', sans-serif;
	font-weight:300;
	font-size:1.5rem;
	color:#fff;
}
.branding a {
	display:block;
}
.branding a img {
	display:block;
	width:100%;
	height:auto;
	max-width:300px;	
}
header .navigation {
	position:relative;
	box-shadow: 0px 1px 21px 0px rgba(0, 0, 1, 0.21);
}
/*------->>> 6. HERO SLIDER <<<-------*/
.hero,
.hero.row.row.columns {
	display:none;
	padding:0;
}
.heroSlider {
	width:100%;
	margin-left:0;
}
 .heroSlider li {
	 position:relative;
	 background:url(../images/bg-slider.jpg) repeat-x;
 }
 .slick-slider { /*- ul class */
 }
.slick-slide { /*- li  class */
	position:relative;
	margin: 0;
 }
.slick-slide img {
	display:block;
	width:100%;
	max-width:1024px;
	max-width:64rem;
	min-width:none;
	height:auto;
	position:relative;
	margin:0 auto;
}
.slick-slide .messaging {
	display:block;
	position:absolute;
	top:auto;
	left:0;
	right:0;
	bottom:125px;
}
.slick-slide .messaging h3 {
	font-size:1.25rem;
	line-height:1;
	margin-bottom:0.875rem;
}
.slick-slide .messaging h3 small {
	display:block;
	padding-top:0.75rem;
	font-size:0.75rem;
	color:#000;
}
.slick-slide .messaging h3 small sup {
	top:-0.188em;
}
.slick-slide .messaging p {
	font-size:0.75rem;
	line-height:1.2rem;
	width:100%;
	max-width:315px;
}
.slick-loading .slick-list {
	background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}
/* Dots */
.heroSlider .slick-dots {
	list-style: none;
	margin: 0;
	padding: 0;
	width:100%;
	max-width:1024px;
	padding-left:0.625rem;
	position: absolute;
	bottom:10px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.heroSlider .slick-dots li {
	width:auto;
	float:left;
	padding-right:0.938rem;
	background:transparent;
}
.heroSlider .slick-dots li p {
	position:relative;
	margin:0;
	width:40px;
	height:40px;
	text-align:center;
	border:3px solid #7e1309;
	border-radius:10px;
	background:#fff;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	overflow:hidden;
}
.heroSlider .slick-dots li p svg {
	position:relative;
	display:block;
	height:27px;
	width:35px;
	margin-top:5px;	
}
.heroSlider .slick-dots li:hover {
	cursor:pointer;
}
.heroSlider .slick-dots li:hover p,
.heroSlider .slick-dots li.slick-active p {
	background: #7e1309;
}
.heroSlider .slick-dots li p svg {
	fill:#7e1309;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.heroSlider .slick-dots li:hover p svg,
.heroSlider .slick-dots li.slick-active p svg {
	fill:#fff;
}
.heroSlider .slick-dots li:before {
	display:block;
	text-align:center;
	content:"";
	font-size:0.75rem;
	line-height:1;
	color:transparent;
	padding:0.438rem 0.188rem;
	background:transparent;
	border-radius:5px;
	position:absolute;
	margin:0 auto;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.heroSlider .slick-dots li:first-child:before {
	content:"Thermoformed Packaging Solutions";
	width:190px;
	bottom:calc(100% + 0.6495rem);
	left:0;
	right:0;
}
.heroSlider .slick-dots li:nth-child(2):before {
	content:"Clamshell Packaging";
	width:115px;
	bottom:calc(100% + 0.6495rem);
	left:calc(50% - 57px);
	right:0;
}
.heroSlider .slick-dots li:nth-child(3):before {
	content:"Blister Packaging";
	width:95px;
	bottom:calc(100% + 0.6495rem);
	left:calc(50% - 47px);
	right:0;
}
.heroSlider .slick-dots li:nth-child(4):before {
	content:"Packaging Trays";
	width:100px;
	bottom:calc(100% + 0.6495rem);
	left:calc(50% - 50px);
	right:0;
}
.heroSlider .slick-dots li:nth-child(5):before {
	content:"Custom Thermoformed Packaging";
	width:185px;
	bottom:calc(100% + 0.6495rem);
	left:calc(50% - 92px);
	right:0;
}
.heroSlider .slick-dots li.slick-active:before {
	color:#fff;
	background:#7e1309;
}
.heroSlider .slick-dots li:after {
	position:absolute;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;	  
	border-top:10px solid transparent;
	bottom:calc(100% + 2px);
	left:calc(50% - 15px);
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.heroSlider .slick-dots li.slick-active:after {
	border-top:10px solid #7e1309;	
}
/*------->>> 7. PRIMARY CONTENT <<<-------*/
main {
	position:relative;
	background:#fff;
	padding:25px 0;
}
.primaryContent p .btn + .btn {
	margin-top:0.625rem;
}
.primaryContent img {
	margin:7px 0;
	padding:0;
	border:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
.primaryContent img.floatLeft,
.primaryContent p.floatLeft {
	margin-right:7px;
}
.primaryContent img.floatRight,
.primaryContent p.floatRight {
	margin-left:7px;
}
.primaryContent img.positionCenter {
	margin:0 auto;
}
.primaryContent a:not([class]), 
.primaryContent a:link:not([class]), 
.primaryContent a:active:not([class]), 
.primaryContent a:visited:not([class]),
.primaryContent a.search_link {
	font-weight:700;
}
.primaryContent a:hover:not([class]) {
}
/*---> Unordered List <---*/
.primaryContent ul {
	list-style: none;
	margin:1rem 0;
	padding:0 0 0 1rem;
}
.primaryContent ul li {
	padding-left:0.75rem;
	position: relative;
}
.primaryContent ul li:before {
	content:"\f111";
	font-family:'FontAwesome';
	font-size:0.5rem;
	color:#7e1309;
	position:absolute;
	top:0rem;
	left:0;
}
/*- Second Level -*/
.primaryContent ul li ul {
	margin-top:0;
	margin-bottom:0;	
}
.primaryContent ul li ul li:before {
	content: "\f10c";
	font-weight:700;
}
/*- Third Level -*/
.primaryContent ul li ul li ul li:before {
	content: "\f0c8";
}
/*- Fourth Level -*/
.primaryContent ul li ul li ul li ul li:before {
	content: "\f096";
}
/*---> Ordered List <---*/
.primaryContent ol:not([class]),
.primaryContent ol.siteSearch {
/*	list-style: none;*/
	margin:0 0;
	padding:0 0 0 1rem;
	counter-reset:item;	
}
.primaryContent ol:not([class]) {
	margin-top:1rem;
	margin-bottom:1rem;	
}
.primaryContent ol:not([class]) li,
.primaryContent ol.siteSearch li {
	position: relative;
	counter-increment: step-counter;
}
.primaryContent ol:not([class]) li:before,
.primaryContent ol.siteSearch li:before {
	content: counters(item, ".") ".  ";
	counter-increment:item;
	color:#181818;
	font-weight:700;
	font-size:0.938rem;
}
/*---> Second Level <---*/
.primaryContent ol:not([class]) li ol {
	margin-top:0;
	margin-bottom:0;	
}
/*---> Address | Class on Locations page <---*/
.primaryContent .address { 
}
.primaryContent .address section {
	padding-left:20px;
}
.primaryContent .address section h4 {
	position:relative;
}
.primaryContent .address section h4:before {
	display: block;
	content: ' ';
	background-image: url('../images/icon-map.svg');
	background-size:20px 25px;
	width:20px;
	height:25px;
	position:absolute;
	top:-3px;
	left:-25px;
}
.primaryContent .address section h4 + p {
	margin-top:0.313rem;
}
.primaryContent .address section a {
	font-weight:700;
}
/*---> Testimonials | Class on Testimonials page <---*/
.primaryContent .testimonials {
}
.primaryContent .testimonials section {
	margin-bottom:1.5rem;
	border-radius:10px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 1, 0.21);
	overflow:hidden;
}
.primaryContent .testimonials section .quote {
	padding:0.5rem 0;
	display:block;
	position:relative;
}
.primaryContent .testimonials section .quote:before {
	display:inline-block;
	position:absolute;
	top:15px;
	left:15px;
	content:"\f10d";
	font-family:'FontAwesome';
	font-size:5em;
	color:rgba(126,19,9,0.1);
	line-height:1;
}
.primaryContent .testimonials section .quote p {
	position:relative;
	padding:0 15px;
}
.primaryContent .testimonials section .cite {
	position:relative;
	background:#7e1309;
	font-family:'museo-sans-rounded', sans-serif;
	font-weight:500;
	font-style:italic;
	color:#fff;
	text-align:center;
}
.primaryContent .testimonials section .cite p {
	position:relative;
	display:inline-block;
	margin:0 auto;
	padding:0.5rem 0;
}
.primaryContent .testimonials section .cite p:before,
.primaryContent .testimonials section .cite p:after {
	display:inline-block;
	position:absolute;
	left:-15px;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	content:"~";
	font-size:1;
	color:#fff;
	line-height:1;
}
.primaryContent .testimonials section .cite p:after {
	left:auto;
	right:-15px;
} 
/*---> Index Content Styles <---*/
#index main p {
	font-size:1.125rem;
	margin:0.5rem 0;
}
/*------->>> 8. NEWS <<<-------*/
/*- News Manager Empoweren -*/
.news-div {
}
.row .news-div .row {
	margin:0;	
}
.news-div .newsHeader {
	margin-top:1rem;
}
.news-div .newsHeader .date, .news-div .newsHeader .title {
	font-family:"museo-sans-rounded",sans-serif;
	color:#000;
	font-size:1.125rem;
	line-height:1.5rem;
}
.news-div .short_description, .news-div #spanNavText {
	font-size:0.875rem;
	line-height:1.5em;
}
.news-div .date {
	font-family:"museo-sans-rounded",sans-serif;
	font-size:0.75rem;
}
.news-div .short_description {
	padding-bottom:0.625rem;
	border-bottom:1px dotted #CBCBCB;
	margin-bottom:0.625rem;
}
.news-div .title {
	font-family:'museo-sans-rounded', sans-serif;
}
/*- News Articles PHP Include-*/
ul.newsArticles {
	display:block;
	list-style-type:none;
	margin-left:0;
	padding:0;
	background:transparent;
}
ul.newsArticles li {
	display:block;
	position:relative;
	padding-bottom:20px;
	border:2px solid #ddd;
	border-radius:7px;
	box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.15);
	width:100%;
	margin-bottom:10px;
	overflow:hidden;
	text-indent:0;
}
ul.newsArticles li:before {
	display:none;
}
span.newsArticlesDate {
	display:block;
	background:#7e1309;
	padding:10px;	
	font-family:"museo-sans-rounded",sans-serif;
	font-size:1rem;
	color:#fff;
	line-height:1;
}
ul.newsArticles li a .pageHeader {
	display:block;
	padding:10px 10px 0;
	color:#7e1309;
	font-family:'museo-sans-rounded', sans-serif;
	font-size:1.125rem;
	text-decoration:none;
	font-weight:700;
}
ul.newsArticles li a .readMore {
	display:block;
	padding:0 0 10px 0;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:auto;
}
ul.newsArticles li a .readMore,
ul.newsArticles li a .readMore:hover {
	color:transparent;
	text-decoration:none;
}
ul.newsArticles li a .readMore:before,
ul.newsArticles li a .readMore:after {
	color:#7e1309;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
ul.newsArticles li a .readMore:before {
	display:block;
	content:"Read More";
	position:absolute;
	left:0.625rem;
	top:0;	
}
ul.newsArticles li a .readMore:after {
	position:relative;
	top:1px;
	right:7px;
 	font-family:"FontAwesome";
	content:" \f105";
}
ul.newsArticles li a .readMore:hover:after,
ul.newsArticles li a .readMore:hover:before,
ul.newsArticles li a .pageHeader:hover {
	color:#313131;		
}
ul.newsArticles li a .readMore:hover:after {
	right:0;
}
ul.newsArticles li .shortDescription {
	margin:0;
	padding:10px;
}
/*------->>> 9. GALLERY STYLES <<<-------*/
.lbThumb {
	background-color:#fff;
	border:2px solid #ddd;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
	width:calc(50% - 10px);
}
.lightBoxImgs .lbThumb:hover {
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.23);
}
.lbThumb img {
	display: block;
	width:100%;
	height:auto;
	margin: 0;
}
/*------->>> 10. CAREERS <<<-------*/
.careers .btn {
	 width:100%;
	 max-width:230px;
 }
 .careers h2 {
	 color:#7e1309;
	 margin:0 0 0.5rem;
 }
 .careers h4 {
	 color:#7e1309;
	 margin-bottom:0.125rem;
 }
 .careers p {
	 margin-top:0;
 }
 .careers section {
	border:2px solid #ccc; 
	border-radius:7px;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
	overflow:hidden;
	margin-bottom:1rem;
}
.careers section h2 {
	background:#7e1309;
	color:#fff;
	text-align:center;
	margin:0;
	padding:15px;
}
.careers section ul {
	display:block;
	border-bottom:1px solid #ccc;
	margin:0;
	padding:20px;
}
.careers section ul:last-child {
	border-bottom:0;
}
.careers section ul li {
	display:block;
	position:relative;
	font-size:1rem;
	padding:0.250rem 0;
	text-indent:0;
}
.careers section ul li:before {
	display:none;
}
.careers section ul li:nth-child(2),
.careers section ul li:nth-child(3) {
	padding-left:30px;
}
.careers section ul li:nth-child(2):before,
.careers section ul li:nth-child(3):before {
	display: block;
	content: ' ';
	position:absolute;
	left:10px;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.careers section ul li:nth-child(2):before {
	background-image: url('../images/icon-map.svg');
	background-repeat:no-repeat;
	background-size:13px 16px;
	width:13px;
	height:16px;
}
.careers section ul li:nth-child(3):before {
	background-image: url('../images/icon-clock.svg');
	background-size:13px 13px;
	width:13px;
	height:13px;
}
.careers section ul li h4 {
	margin:0;
}
/*------->>> 11. CALLOUT STYLES <<<-------*/
.callouts {
	padding-top:25px;
	padding-bottom:50px;
}
#index .callouts {
	padding-top:0;
}
.callouts section:not(.row) {
	position:relative;
	padding-top:1rem;
	margin-bottom:1rem;
	background-color: rgb(246, 239, 219);
	background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 28%, rgb(246,239,219) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 28%, rgb(246,239,219) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 28%, rgb(246,239,219) 100%);
	border-radius:10px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 1, 0.21);
}
.callouts section h3 {
	font-size:1.188rem;
	padding:0 25px;
}
.callouts section img {
	margin:0.5rem auto;
}
.callouts section p {
	margin:0;
}
.callouts section p.text {
	margin:1rem 25px;
}
.callouts section a.btn {
	top:auto;
	width:100%;
	border-radius:0 0 10px 10px;
}
.callouts section a.btn.width50 {
	width:calc(50% - 0.063rem);
	border-radius:0 0 0 10px;
	float:left;
}
.callouts section a.btn.width50:last-of-type {
	border-radius:0 0 10px 0;
	float:right;
}
.callouts section a.btn.icon:before {
	border-radius:0;
}
.callouts section a.btn.icon.question:before {
    border-radius: 0 0 0 10px;
}
/*- White -*/
.callouts.white section:not(.row) {
	background-color: rgb(255,255,255);
	background-image:none;
	background-image:none;
	background-image:none;
	box-shadow:0px 1px 13px 0px rgba(0, 0, 1, 0.21);	
}
.callouts.white section h3 {
	padding:0 15px;
	/*padding:0 25px;*/
}
.callouts.white section img {
	margin:0.5rem auto 0;
}
/*- Slide Up */
.slideUp section {
	overflow:hidden;
}
.slideUp section p {
	margin:1rem 0;
}
.slideUp section .content p {
	margin:1rem 25px;
}
.slideUp section img {
	margin:0;
}
.slideUp section footer {
	background:#7e1309;
	padding:0;
	margin:-55px 0 0 0;
	text-align:center;
	position:relative;
	bottom:-55px;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.slideUp section footer a {
	display:block;
}
.slideUp section footer a:hover {
	text-decoration:none;
}
.slideUp section footer a span {
	background:#fff;
	display:block;
	position:relative;
	top:-25px;
	width:55px;
	height:55px;
	border:4px solid #7e1309;
	border-radius:100%;
	margin:0 auto -25px;
	overflow:hidden;
}
.slideUp section footer a span img {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);	
}
.slideUp section footer a h4 {
	margin-top:0.5rem;
}
.slideUp section footer a p.btn {
	width:90%;
	max-width:225px;
	padding:12px 20px 10px;
}
/*------->>> 12.  EMAIL SIGNUP <<<-------*/
.emailSignup {
	padding:55px 0 185px 0;
	background:url(../images/bg-plastics-factory.jpg) top center no-repeat;
	background-size:auto 100%;
}
#interior .emailSignup {
	padding:55px 0 155px 0;
	background:url(../images/bg-woman-keyboard.jpg) top center no-repeat;
	background-size:auto 100%;
}
.emailSignup h2 {
	font-weight:300;
	margin-bottom:0;
	font-size: 2.25rem;
	text-shadow: 0px 2px 1px rgba(0, 0, 1, 0.15);	
}
.emailSignup p {
    margin: 0.5rem 0 0.875rem 0;
    font-size: 1.125rem;
}
/*------->>> 13. CTA (above footer) <<<-------*/
.cta {
	display:block;
	position:relative;
	width:calc(100% - 1.25rem);
	max-width:1100px;
	height:250px;
	margin:-125px 0.625rem;
	background:#7e1309;
	box-shadow: 2.677px 2.973px 8px 0px rgba(0, 0, 0, 0.41);
}
.cta .messaging {
}
.cta h3 {
	font-size:2.125rem;
	margin:0;
}
.cta p {
	font-size:1.125rem;
	margin-bottom:0;
}
#index .cta p {
	margin-top:0.313rem;
}
#interior .cta p:first-child {
	padding-right:0.625rem;
}
#interior .cta p:last-child {
	padding-left:0.625rem;
}
.cta .btn {
	width:100%;
	max-width:225px;
	padding:17px 0;
	font-size:0.875rem;
}
.cta a,
.cta a:hover {
	color:#fff;
}
/*------->>> 14. ONLINE STORE (Home) <<<-------*/
.onlineStore {
	padding:115px 0 100px 0;
	background:url(../images/bg-woman-keyboard.jpg) top center no-repeat;
	background-size:auto 100%;	
}
.onlineStore h3 {
	margin:0;
	font-size:2.25rem;
	text-shadow: 0px 2px 1px rgba(0, 0, 1, 0.15);
}
.onlineStore p {
	margin:0.5rem 0 0.875rem 0;
	font-size:1.125rem;
}
.onlineStore .btn {
	width:90%;
	max-width:230px;
}
/*------->>> 15. QUALITY ASSURANCE (Home) <<<-------*/
.qualityAssurance {
	padding:2.813rem 0.625rem;
}
.qualityAssurance h3 {
	font-size:2.25rem;
}
.qualityAssurance p {
	font-size:0.938rem;
}
.qualityAssurance .btn {
	width:90%;
	max-width:230px;
}
.qualityAssurance img {
	display:block;
	width:100%;
	max-width:285px;
	margin:0 auto;
}
.qualityAssurance a:not(.btn) {
	font-weight:bold;
}
/*------->>> 16. STOCKCLAM AD (Home) <<<-------*/
.stockclamAd {
	padding-bottom:1.25rem;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(104,104,104,0.1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(104,104,104,0.1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(104,104,104,0.1) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,1)), color-stop(100, rgba(104,104,104,0.1)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(104,104,104,0.1) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(104,104,104,0.1) 100%);	
}
.stockclamAd h3 {
	font-size:2.25rem;
	font-weight:300;
	color:#7e1309;
}
/*------->>> 17. NEWS BANNER (Home) <<<-------*/
.newsBanner {
/*	padding:45px 0 0px 0;*/
}
.newsBanner h3 {
	font-size:2.125rem;
}
.newsBanner p {
	font-size:1.125rem;
	margin:0.5rem 0;
	color:#343434;
}
.newsBanner img {
	display:block;
	width:100%;
	max-width:500px;
	height:auto;
	margin:0 auto;
}
/*------->>> 18. LOCATIONS (Home) <<<-------*/
.locations {
	background:#7e1309;
}
.locations .medium-4 {
	background:#7e1309;
	padding:20px 0.938rem;
	color:#fff;
}
.locations h3 {
	font-size:2rem;
	text-align:center;
}
.locations ul {
	margin-left:0;
}
.locations li {
	border:1px solid transparent;
}
.locations li a {
	padding:0.938rem 0;
	display:block;
	background:#5d0801;
	font-family:"museo-sans-rounded", sans-serif;
	font-size:1.125rem;
	font-weight:300;
	color:#fff;
	text-align:center;
}
.locations li:first-child a {
	border-radius:10px 10px 0 0;
}
.locations li:last-child a {
	border-radius:0 0 10px 10px;
}
.locations .medium-8 { /*- Map */
	position:relative;
	background-image: -moz-linear-gradient( 125deg, rgb(255,255,255) 0%, rgb(246,239,219) 100%);
	background-image: -webkit-linear-gradient( 125deg, rgb(255,255,255) 0%, rgb(246,239,219) 100%);
	background-image: -ms-linear-gradient( 125deg, rgb(255,255,255) 0%, rgb(246,239,219) 100%);
	background-color:#FFFFFE;
	padding-left:0;
	padding-right:0;
}
.locations .medium-8 .wrap {
	position:relative;
	margin-top:150px;
}
.locations .medium-8 img {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
}
.locations .medium-8 section a {
	display:block;
	width:12px;
	height:12px;
	border-radius:100%;
	color:transparent;
	font-size:0;
	background:#7e1309;
	border:2px solid #fff;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 1, 0.41);	
}
.locations .has-tip {
	border:0;
	cursor:default;
}
.locations section {
	position:absolute;
}
.locations .arnold-mo {
	top:25%;
	left:16%;	
}
.locations .fenton-mo {
	top:25%;
	left:14%;	
}
.locations .carlstadt-nj {
	top:18%;
	left:21%;	
}
.locations .maidstone-england {
	top:13%;
	left:40%;	
}
.locations .rochester-england {
	top:13%;
	left:42%;	
}
.locations .changzhou-china {
	top:34%;
	right:21%;	
}
.locations .san-pedro-mexico {
	top:31%;
	left:12%;	
}
.locations .sydney-australia {
	bottom:14%;
	right:10%;
}
/*------->>> 19. QUOTE BUTTON <<<-------*/
.quoteButton {
	position:fixed;
	right:0;
	top:200px;
	z-index:8000;
}
#index .quoteButton {
	top:auto;
	bottom:25px;
}
.quoteButton .btn.icon:before {
	width:35px;
}
.quoteButton .btn {
	padding:15px 10px 15px 36px;
	font-size:0.875rem;
	font-weight:700;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
	box-shadow:2.677px 2.973px 8px 0px rgba(0, 0, 0, 0.41);
}
.quoteButton .btn.icon.speech:before {
	background:#7e1309;
	background-image: url('../images/icon-speech.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 16px;
}
.quoteButton .btn.icon.speech:hover:before {
	background:#540600;
	background-image: url('../images/icon-speech.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 16px;
}
/*------->>> 20. ACCORDION <<<-------*/
.accordion-list {
	padding:0;
	margin:1rem 0;
}
.accordion-toggle {
	display:inline-block;
	background:#7e1309;
	padding:17px 20px;
	padding-left:53px;
	position: relative;
	top:0;
	font-family:'museo-sans-rounded', sans-serif;
	font-size:0.875rem;
	font-weight:700;
	color:#fff;
	line-height:1;
	cursor: pointer;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;	
}
.accordion-toggle.active {
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;	
}
.accordion-toggle:hover {
	top:2px;
	background:#540600;
}
.accordion-toggle:before {
	background:#540600;	
	display: block;
	content: ' ';
	width:40px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border-radius:10px 0 0 10px;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.accordion-toggle.active:before {
	border-radius:10px 0 0 0;	
}
.accordion-toggle:after {
	font-family:'FontAwesome';
	font-size:1.5rem;
	color: #fff;	
	content: '\f055';
	position: absolute;
	left:0.625rem;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;	
}
.accordion-toggle:hover:after {
	font-size:1.750rem;
	left:0.5rem;	
}
.accordion-toggle.active:after {
	content: '\f056';
}
.accordion-panel {
	background:#F6EFDB;
	max-height: 0;
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	opacity: 0;
	overflow: hidden;
	position: relative;
	border-radius:0 10px 10px 10px;	
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.50);
}
.accordion-panel img {
	display:block;
	width:100%;
	height:auto;
}
.accordion-panel.accordion-panel-show {
    max-height: 1000px;
    padding:0 1rem;
    opacity: 1;
}
.accordion-panel ul {
	padding-left:0;
}
.accordion-panel h4 + ul,
.accordion-panel p + ul {
	padding: 0 0 0 1.875rem;
}
/*------->>> 21. FOOTER STYLES <<<-------*/
footer {
	padding:160px 0 0 0;
	background:#313131;
	color:#fff;
}
footer p {
	font-size:0.75rem;
}
footer a,
footer a:link, 
footer a:active,
footer a:visited,
footer a:hover {
	color:#fff;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
footer a:hover {
	text-decoration:underline;
}
footer .branding a, footer .branding a img {
	display:block;
	width:100%;
	height:auto;
	max-width:170px;
	margin:0 auto;
}
footer .utility ul {
	margin-top:0.5rem;
}
footer .social {
	text-align:center;
}
footer .social a,
footer .social a:link,
footer .social a:active,
footer .social a:visited {
	display:inline-block;
	width:25px;
	height:25px;
	margin-right:3px;
	background:rgba(255,255,255,1);
	font-weight:400;
	font-size:1rem;
	color:#313131;
	text-align:center;
	line-height:25px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
footer .social a:last-child {
	margin-right:0;
}
footer .social a:hover {
	background:rgba(255,255,255,.50);
	color:#fff;
	border-radius:7px;
}
footer .social .row {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
footer .social .columns p {
	margin:0;
	font-size:1rem;
}
footer .social .columns:first-child p {
	padding-right:0.438rem;
}
footer .partners {
	padding:15px 0;
}
footer .copyright {	
}
footer .copyright a,
footer .copyright a:link,
footer .copyright a:active,
footer .copyright a:visited {
	color:#c6c6c6;
}
footer .captiva {
	padding:0.5rem 0;
	margin-top:25px;
	background:#232323;
}
footer .captiva p {
	margin:0.5rem 0;
}
footer .captiva p,
footer .captiva a,
footer .captiva a:link,
footer .captiva a:active,
footer .captiva a:visited {
	font-size:0.688rem;
	color:#777;
}
footer .copyright a:hover,
footer .captiva a:hover {
	color:#fff;
}
/*------->>> 22. FORMS <<<-------*/
.formElements h2 {
	margin:0.75rem 0;
	color:#7e1309;
	font-weight:300;
}
.formElements .formRow > ul {
/*	margin-left:0.625rem;
	width:calc(100% - 1.25rem);*/
	padding:0;
	display:block;
}
.formElements .formRow > ul > li.required > label:after, .formElements .formRow > ul > li.radio span.required {
    color: #7e1309;
	font-weight:700;
	font-size:115%;
}
.primaryContent form ul li:before {
	display:none !important;
}
.primaryContent form ul li,
form ul li {
	display:block;
	width:100%;
	position:relative;
	margin:0 0 15px 0;
	padding:0 !important;
	text-indent:0 !important;
}
form input[type=text],
form input[type=email],
form textarea,
form select,
select {
	width:100%;
	margin:3px 0 0 0;
	padding:7px 5px 5px 5px;
	box-sizing:border-box;
	background-color:#fff;
	font-family:'museo-sans-rounded', sans-serif;
	font-size:1rem;
	color:#000;
	line-height:1;
	border:1px solid #ccc;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-webkit-box-shadow: inset 0px 1px 8px 0px rgba(0, 0, 0, 0.18);
	box-shadow: inset 0px 1px 8px 0px rgba(0, 0, 0, 0.18);
	-webkit-transition:all ease-in-out .15s;
	-o-transition:all ease-in-out .15s;
	transition:all ease-in-out .15s;
}
form textarea {
	padding:12px 5px 5px 5px;
}
form select,
select {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
	background-position:100% center;
	background-repeat:no-repeat;
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
}
form input[type=text]:focus,
form input[type=email]:focus,
form textarea:focus,
form select:focus,
form input[type=radio]:focus,
form input[type=checkbox]:focus,
select:focus {
	border:1px solid #7e1309;
	-webkit-box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.18);
	box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.18);
}
form input[type=radio],
form input[type=checkbox] {
	margin:0 0.313rem 0.250rem 0;
}
form input[type=button],
form input[type=submit] {
	background:#7e1309;
	display:inline-block;
	position:relative;
	top:0;
	padding:17px 20px 15px 20px;
	font-family:'museo-sans-rounded', sans-serif;
	font-size:1rem;
	font-weight:700;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:none;
	border:0 !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
form input[type=button]:hover,
form input[type=button]:focus,
form input[type=submit]:hover,
form input[type=submit]:focus {
	background:#540600;
	top:2px;
}
/*- Submit Button with Icon -*/
span.iconButton {
	position:relative;
	display:inline-block;
	width:auto;
	margin-top:10px;
}
span.iconButton input[type=submit] {
	margin-top:0 !important;
	padding-left:53px;
}
span.iconButton:before {
	background:#540600;
	display: block;
	content: ' ';
	background-image: url('../images/icon-submit.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:17px 16px;
	width:40px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border-radius:10px 0 0 10px;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	z-index:1;
	pointer-events:none;
}
span.iconButton:hover:before {
	background:#540600;
	background-image: url('../images/icon-submit.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:25px 23px;
	top:2px;
}
span.iconButton:hover input[type=submit] {
	top:2px;
}
/* Labels */
form label, form legend {
	display:block;
	font-family:'museo-sans-rounded', sans-serif;
	font-weight:700;
	font-size:0.875rem;
	color:#aaa;
}
.formElements span label {
	color:#000;
	font-weight:300;
}
.formElements .formRow>ul>li>label {
    position: absolute;
    top: .875rem;
    left: .5rem;
    background-color: #fff;
    padding: 2px;
    font-weight: normal;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
/*pointer-events: none;
text-overflow: ellipsis;
white-space: nowrap;*/	
}
.formElements .formRow>ul>li.checkbox label,
.formElements .formRow>ul>li.radio legend {
	position:relative;
	top:auto;
	left:auto;
	font-size:1.125rem;
	font-weight:700;
	color:#7e1309;
}
.formElements .formRow>ul>li.active-field label {
    top: -3px;
    font-size: .625rem;
}
/*- Contact Form on Contact Page -*/
#form-3515 {
	max-width:700px;
	margin:0 auto;
}
#form-3515 .formElements #row-0 li:first-child,
#form-3515 .formElements #row-0 li:last-child {
	width:calc(50% - 0.313rem);
	float:left;	
}
#form-3515 .formElements #row-0 li:first-child {
	margin-right:0.625rem;
}
#form-3515 .formElements #row-3 li:first-child {
	width:calc(33% - 0.625rem);
	margin-right:0.625rem;
}
#form-3515 .formElements #row-3 li:nth-child(2) {
	width:calc(33% - 0.625rem);
	margin-right:0.625rem;
}
#form-3515 .formElements #row-3 li:last-child {
	width:33%;
}
#form-3515 .formElements #row-5 li span {
	width:50%;
	float:left;
}
/*- Request Quote Form -*/
#form-3462 {
	max-width:700px;
	margin:0 auto;
}
#form-3462 .formElements #row-0 li:first-child,
#form-3462 .formElements #row-0 li:last-child,
#form-3462 .formElements #row-1 li:first-child,
#form-3462 .formElements #row-1 li:last-child,
#form-3462 .formElements #row-5 li:first-child,
#form-3462 .formElements #row-5 li:last-child  {
	width:calc(50% - 0.313rem);
	float:left;	
}
#form-3462 .formElements #row-0 li:first-child,
#form-3462 .formElements #row-1 li:first-child,
#form-3462 .formElements #row-5 li:first-child {
	margin-right:0.625rem;
}
#form-3462 .formElements #row-2 li:first-child,
#form-3462 .formElements #row-3 li:first-child,
#form-3462 .formElements #row-7 li:first-child {
	width:calc(33% - 0.625rem);
	margin-right:0.625rem;
}
#form-3462 .formElements #row-2 li:nth-child(2),
#form-3462 .formElements #row-3 li:nth-child(2),
#form-3462 .formElements #row-7 li:nth-child(2) {
	width:calc(33% - 0.625rem);
	margin-right:0.625rem;
}
#form-3462 .formElements #row-2 li:last-child,
#form-3462 .formElements #row-3 li:last-child,
#form-3462 .formElements #row-7 li:last-child {
	width:33%;
}
#form-3462 .formElements #row-10 li span {
	width:50%;
	float:left;
}
/*- Search Form in Common Header */
.utility .columns {
	border-left:1px solid #c8c8c8;
}
.utility .columns:first-child {
	border-left:0;	
}
.utility form {
	padding-left:15px;
	position:relative;
	width:100%;
	max-width:94px;
}
.utility form:before {
	display:inline-block;
	content: ' ';
	background-image: url('../images/icon-search2.svg');
	background-position: center center;
	background-repeat:no-repeat;
	background-size:15px 15px;
	width:15px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	z-index:1;
	pointer-events:none;
}
.utility form input[type=text] {
	width:100%;
	margin:0;
	padding:5px 5px 5px 5px;
	box-sizing:border-box;
	background-color:#fff;
	font-family:'museo-sans-rounded', sans-serif;
	font-size:1rem;
	color:#bababa;
	font-style:normal !important;
	line-height:1;
	border:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-webkit-box-shadow:none;
	box-shadow:none;
}	
.utility form ::-webkit-input-placeholder {
	color:#ccc;
	font-style:italic !important;
}
.utility form :-moz-placeholder { /* Firefox 18- */
	color:#ccc;
	font-style:italic !important;
}
.utility form ::-moz-placeholder {  /* Firefox 19+ */
	color:#ccc;
	font-style:italic !important;
}
.utility form :-ms-input-placeholder {  
	color:#ccc;
	font-style:italic !important;
}
/*- Site Search on search.html -*/
.siteSearch {
	margin-top:15px !important;
}
#site_search input[type=text] {
	width:calc(100% - 160px) !important;
	float:left;
	margin-bottom:15px;
	margin-right:0.625rem;
}
#site_search input[type=submit] {
	width:150px;
	float:left;
	padding: 12px 20px;	
	margin-top:3px;
	margin-bottom:15px;
}
#search_prev_next {
	margin-top:1.5rem;
	text-align:right;
}
#search_prev_next a {
	font-weight:bold;
}
/*- Mailing List Form -*/
.sm-form {
	margin-top:1rem;
}
.sm-form .formElements .row-4 .radio span {
	display:inline-block;
	margin-right:0.625rem;
	float:left;
}
/*------->>> 23. RESPONSIVE IFRAMES <<<-------*/
/*- Google Maps [div class="google-maps" then IFRAME] -*/
.google-maps {
	position:relative;
	height:0;
	overflow:hidden;
	margin-bottom:1rem;
	padding-bottom:75%;
}
.google-maps.styled {
	border-radius:7px;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.50);	
}
/*- Flexible iFrame [div class="flex-container" then IFRAME] -*/
.flex-container {
	position:relative;
	height:0;
	overflow:hidden;
	padding-bottom:56.25%;
}
.flex-container.styled {
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.50);
}
.google-maps iframe,
.flex-container iframe,   
.flex-container object,  
.flex-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*------->>> 24. RESPONSIVE TABLES <<<-------*/
.headerSortUp,
.headerSortDown {
	color:#7E1309 !important;
}
table.styled {
	display:block;
	position:relative;
	width:100%;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	margin:2.5em auto;
	font-family:'museo-sans-rounded', sans-serif;
	font-size:0.875rem;
	border-collapse:separate;
	border-radius:7px;
	text-align:center;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
}
table.styled caption {
	display:block;	
	padding:7px 0;
	font-family:'museo-sans-rounded', sans-serif;
	font-weight:500;
	font-size:1rem;
	background:#7e1309;
	color:#fff;
	text-align:center;
	border-radius:7px 7px 0 0;
	border:1px solid #ddd;
	border-bottom:0;
}
table.styled thead {
	display:block;
	float:left;
}
table.styled thead tr {
	display:none;
}
table.styled thead tr:last-child {
	display:block;
	background:#F1F1F1;
}
table.styled thead tr th {
	display:block;
	border-collapse:collapse;
	padding:0.438rem 0;
	vertical-align:middle;
	font-size:0.75rem;
	line-height:1;
	border-right:3px double #ddd;
	border-bottom:1px solid #ddd;
	background:transparent;
	min-height:30px;
}
table.styled thead tr th:last-child {
	border-bottom:0;
}
table.styled tbody {
	display:block;
	width:auto;
	position:relative;
	overflow-x:auto;
	white-space:nowrap;
}
table.styled.small tbody {
	display:table-row-group;
}
table.styled tbody tr {
	display:inline-block;
	vertical-align:middle;
}
table.styled tbody tr td {
	display:block;	
	border-collapse:collapse;
	padding:0.438rem 0;
	vertical-align:middle;
	font-size: 0.75rem;
	line-height:1;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:0;
	background:transparent;
	min-height:30px;
	min-width:50px;
}
table.styled tbody tr td:last-child {
	border-bottom:0;
}
table.styled tbody tr:last-child td {
	border-right:0;
}
table.styled tbody tr {
	background-color:transparent;
}
/*- Shopping/Info Icons */
table.styled a .fa {
	width:17px;
	height:17px;
	font-size:0.75rem;
	color:rgba(255,255,255,0.75);
	text-align:center;
	line-height:17px;
	border-radius:100%;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
table.styled .fa.fa-shopping-cart {
	background:#7E1309;	
} 
table.styled .fa.fa-info {
	background:#313131;
}
table.styled a:hover .fa.fa-shopping-cart,
table.styled a:hover .fa.fa-info {
	background:#540600;
	color:rgba(255,255,255,1);
}
/*- Sorting Text */
span.sorting {
	position:relative;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	display:block;
}
/*------->>> 25. STYLE GUIDE <<<-------*/
.styleGuide h6 small {
	display:block;
	color:#7e1309;
	font-size:80%;
	margin-bottom:0.313rem;
}
.example {
	margin:25px 0;
	position:relative;
	border:1px dotted #333;
	padding:1.875rem 0.938rem;
	box-shadow:0px 1px 9px 0px rgba(0, 0, 0, 0.3);
}
.example:before {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:75px;
	content:"Example";
	color:#fff;
	background:#313131;
	padding:0.313rem 0.438rem;
	font-size:0.813rem;
	text-align:center;
}
code {
	background:#f6efdb;
	overflow:visible;
	padding-left:5px;
	padding-right:5px;
}
.code {
	position:relative;
	padding:1.875rem 0.938rem;
	border:1px solid #333;
	background:#FBF8EF;
	line-height:1.4;
	font-size:inherit;
}
.code:before {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:75px;
	content:"Code";
	color:#fff;
	background:#7e1309;
	padding:0.313rem 0.438rem;
	font-size:0.813rem;
	text-align:center;
}
.code code {
	background:tranparent;
	padding:0;
	color:#d32027;
}
.colors {
	padding-top:1rem;
	padding-bottom:1.5rem;
}
.colors .box {
	margin-top:0.938rem;
	background:#fff;
	border:1px solid #333;
	box-shadow:0px 1px 9px 0px rgba(0, 0, 0, 0.7);
}
.colors .box div {
	width:100%;
	padding-top:0.7em;
	height:75px;
}
.colors .box div h6 {
	color:#fff;
	font-weight:400;
}
.colors .small-12:nth-child(3) .box div h6 {
	color:#333;
}


/*SLB EDIT FOR SORT TABLES*/
.sortpart-tr {
	background:#e7dbbd;
}
.sortpart-td {
	cursor:pointer;
	font-size:0.875rem;
}
th.sortpart-td {
	cursor:pointer;
	font-size:0.875rem;
}
::-moz-selection {
  background: #7E1309;
  color: #ffffff;
}
::-webkit-selection {
  background: #7E1309;
  color: #ffffff;
}
::-o-selection {
    background-color: #7E1309;
    color: #fff;
}
::-ms-selection {
    background-color: #7E1309;
    color: #fff;
}
::selection {
  background: #7E1309;
  color: #ffffff;
}