@charset "UTF-8";
/* RESET */
/********************************************************/
/********************************************************/
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:#383738;}
.cf,.clear,.clearfix{clear:both;}
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, ol, ul, li,
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;
	font-family: 'Abel', sans-serif;
}
h1, h2, h3, h4, h5, h6{font-family: 'Exo 2', sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.mobileonly{display:none;}
.mobilenavonly{display:none;}
/********************************************************/
/********************************************************/
/*font-family: 'Abel', sans-serif;*/
/*font-family: 'Exo 2', sans-serif;*/


/* GLOBALS */
/********************************************************/
/********************************************************/
#hero, #content, #store, footer{
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

.dropout{
	opacity:.3;
}
.wrapper{
	width:100%;
	max-width:1400px;
	display:block;
	position: relative;
	margin: 0 auto;
}
#main{
	display:block;
	width:100%;
	position:relative;
	float:left;
}

/* HEADER */
/********************************************************/
/********************************************************/
header{
	display:block;
	width:100%;
	position:absolute;
	z-index: 2000;
	top:40px;
	background:#f4f4f4;
}
.headerinner{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 40px;
}
#logo{
	display:block;
	width:20%;
	position:relative;
	float:left;
	margin: 20px 0;
	height:34px;
	background-image: url('../img/fmp-logo.png');
	background-repeat:no-repeat;
	background-position: center left;
	background-size:142px 34px;
}
#mainnav{
	display:block;
	width:60%;
	position:relative;
	float:left;
}
nav{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
nav > ul{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
nav > ul > li{
	display:block;
	width:auto;
	position:relative;
	float:left;
}

nav > ul > li > .navitem,
nav > ul > li > a{
	float:left;
	display:block;
	color:#000000;
	padding: 30px 20px;
	font-size:15px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
nav > ul > li > .navitem:focus,
nav > ul > li > a:focus,
nav > ul > li > .navitem:visited,
nav > ul > li > a:visited,
nav > ul > li > .navitem:hover,
nav > ul > li > a:hover,
nav > ul > li > .navitem:active,
nav > ul > li > a:active,
nav > ul > li:hover > .navitem,
nav > ul > li:hover > a{
	color:#000000;
	text-decoration: none;
	cursor:pointer;
	background:#e2e2e2;
	outline:none;
}

nav > ul > li > .navitem.active{
	background:#e2e2e2;
}
nav > ul > li > .navitem.active:after{
	width:100%;
	content:'';
	height:10px;
	background:#38b0e9;
	display:block;
	z-index: 20000;
	position: absolute;
	top:100%;
	left:0;
}
ul.mobileNav{
	display:none;
}

#supernav{
	position: absolute;
	top:100%;
	left:0px;
	width:100%;

	z-index: 12000;
    border-top: 10px solid rgba(0,0,0,.4);
}
#supernav ul{
	padding: 20px;
	display:none;
	width:100%;
	position:relative;
	float:left;
}
#supernav ul.open{
	display:block;
	background:#e2e2e2;
	-webkit-animation-name: fadeIn; animation-name: fadeIn;
    -webkit-animation-delay: .1s; animation-delay:.1s;
    -webkit-animation-duration: .3s; animation-duration: .3s;
    -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fadeInUp1 {

}

#supernav ul li{
	display:block;
	width:25%;
	position:relative;
	float:left;
	padding: 10px;
}
#supernav ul li a{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 20px 10px 10px 75px;
	line-height: 20px;
	height:60px;
	font-size: 20px;
	text-decoration: none;
	background-color:#ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#supernav ul li a span{
	position: absolute;
	top:50%;
	left:0;
	padding: 0 10px 0 60px;
	display:block;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#supernav ul li a.twoline{
	font-size:18px;
}
#supernav ul li a:hover{
	-webkit-box-shadow: 0px 3px 15px #999;
	-moz-box-shadow: 0px 3px 15px #999;
	box-shadow: 0px 3px 15px #999;
}
#supernav ul li a .round{
	background-size: 40px;
	background-repeat:no-repeat;
	background-position: left top;
	height:40px;
	width:40px;
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
#supernav ul li a .round{
	border: 1px solid #38b0e9;
}
#supernav ul li.all a{
	background-size: 50px;
	background-position: left 4px top 4px;
}
#supernav ul li.all a .round{
	border: none;
}

#mnavbutton{
	display:none;
}

#parkerstore{
	display:block;
	width:20%;
	position:relative;
	float:left;
	background-image:url('../img/parkerstore.gif');
	background-repeat:no-repeat;
	background-position: center right;
	background-size: contain;
	height:36px;
	margin: 19px 0;
}

#toolbar{
	position: absolute;
	top: -40px;
	height:40px;
	width:100%;
	display:block;
}
#toolbar a{
	float:right;
	display:block;
	padding: 12px 20px 12px 40px;
	line-height: 16px;
	font-size:16px;
	text-transform: uppercase;
	color:#ffffff;
	background-repeat: no-repeat;
	background-position: top 9px left 9px;
}
#toolbar a#phone{background-image:url('../img/header-phone.png');}
#toolbar a#contact{background-image:url('../img/header-mail.png');}
#shadow{
	position: absolute;
	bottom:-10px;
	height:10px;
	width:100%;
	display:block;
	background: url('../img/header-shadow.png') repeat;
}


/* MARQUEE */
#marquee{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
#topshadow{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: url('../img/bgtop.png') repeat-x;
}
#marquee .item{
	display:block;
	width:100%;
	position:relative;
	float:left;
	/*min-height:700px;*/
	padding: 160px 0 0 0;
}
#marquee .item .image{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: 5;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}
#marquee .item .color{
	position: absolute;
	width:100%;
	height:100%;
	top:-10px;
	left:0;
	z-index: 6;
	background-image: url('../img/marqueefade.png');
	background-repeat:repeat-x;
}
.mardots{
	display:block;
	width:100%;
	position:relative;
	float:left;
	height:10px;
	background:#8d8b88;
}
.mardots .owl-dot{
	display:block;
	position:relative;
	float:left;
	height:10px;
	background:#8d8b88;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.mardots .owl-dot:hover{
	background:#6f6f6f;
	cursor:pointer;
}
.mardots .owl-dot.active,
.mardots .owl-dot.active:hover{
	background:#05b3e6;
}
#marbars{
	display:block;
	right:0;
	top:0;
	bottom: 0;
	position: absolute;
	z-index: 10;
	width:400px;
	background-image:url('../img/marquee-bars.png');
	background-repeat:no-repeat;
	background-position: right top 115px;
}
#mar .item .box{
	z-index: 50;
	display:block;
	width:60%;
	position:relative;
	float:left;
	padding: 0 0 0 70px;
}
.keepmoving{
	display:block;
	width:100%;
	position:relative;
	float:left;
	/* text-indent: -9999px; */
	height:42px;
	font-size:38px;
	color:#fff;
	font-style:italic;
	font-weight:800;
	text-transform: uppercase;

	font-family: 'Abel', sans-serif;
	font-family: 'Exo 2', sans-serif;
}
.keepmoving.kmtwo{
	left:20px;
}
.keepmoving.kmthree{
	left:40px;
}

#mar .item .box h2{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 10px 0 0 20px;
	font-size:26px;
	font-style:italic;
	text-transform: uppercase;
	color:#000000;
}
.shad{
	margin: 250px 0 60px 0;
	z-index: 40;
	display:block;
	width:694px;
	height:255px;
	position:relative;
	float:left;
	background-image:url('../img/mar-box.png');
	background-repeat:no-repeat;
	background-position:right top;
	background-size: cover;
	padding: 25px 70px 0 70px;
}
.shadcontent{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 0 0 75px;
	color:#ffffff;
}
.shadimg{
	top:0;
	left:0;
	display:block;
	width:61px;
	height:61px;
	position:absolute;
	background-repeat:no-repeat;
}
.shadcontent h3{
	text-transform:uppercase;
	font-weight:500;
	font-size:14px;
	letter-spacing: 1px;
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#ffc51a;
	margin: 0 0 10px 0;
}
.shadcontent p{
	font-size:16px;
	line-height:20px;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 10px 0;
}
a.marlink{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	padding: 24px 60px 28px 145px;
	color:#ffc51a;
	text-transform: uppercase;
	text-decoration: none;
	font-style: italic;
	font-family: 'Exo 2', sans-serif;
	font-weight:600;
	letter-spacing: 2px;
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}
a.marlink:hover{
	color:#fff;
}


a.marlink span{position: relative;}
a.marlink:hover span{text-decoration: none;}
a.marlink span:after{
	content: '';
	position: absolute;
	width:0%;
	bottom: -5px;
	left:0;
	height:1px;
	background:#ffc51a;
	display:block;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.active a.marlink span:after{
	width:100%;
}




/*HOMEPAGE*/

/*SUB-MARQUEE*/
#submarquee{
	display:block;
	width:100%;
	position:relative;
	float:left;
	text-align: center;
	background:#bdbab6;
	padding: 20px;
	/*border-top:10px solid #8d8b88;*/
}
#submarquee h2{
	font-style: italic;
	font-size:32px;
	font-weight:400;
	text-transform: uppercase;
	font-family: 'Exo 2', sans-serif;
}
#submarquee h2 span{
	font-style: italic;
	font-size:32px;
	font-weight:800;
	font-family: 'Exo 2', sans-serif;
}


/*PRODUCTS*/
#products{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background-color:#fff;
	background-image:url('../img/products-bg.jpg');
	background-repeat: repeat-x;
}
.prodbox{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 50px 0 0 40px;
}
.prodbox.right{padding: 50px 40px 0 0;}
.prodbox h3{
	font-family: 'Exo 2', sans-serif;
	display:block;
	color:#231f20;
	width:100%;
	position:relative;
	float:left;
	font-size:20px;
	line-height: 24px;
	margin: 0 0 25px 0;
	padding: 0 20% 0 0;
}
.prodbox h3 a{
	color:#2d4594;
	font-family: 'Exo 2', sans-serif;
	position: relative;
}
.prodbox h3 a:hover{text-decoration: none;}
.prodbox h3 a:after{
	content: '';
	position: absolute;
	width:100%;
	bottom: -2px;
	left:0;
	height:1px;
	background:#2d4594;
	display:block;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.prodbox h3 a:hover:after{
	bottom: 0px;
}
.prodbox p{
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#231f20;
	font-size:16px;
	line-height: 19px;
	margin: 0 0 10px 0;
}
.prodbox p a{color:#2d4594;position: relative;}
.prodbox p a:hover{text-decoration: none;}
.prodbox p a:after{
	content: '';
	position: absolute;
	width:0%;
	bottom: 2px;
	left:0;
	height:1px;
	background:#2d4594;
	display:block;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.prodbox p a:hover:after{
	width:100%;
}

.prodbox h4{
	font-family: 'Exo 2', sans-serif;
	display:block;
	color:#383738;
	width:100%;
	position:relative;
	float:left;
	text-transform: uppercase;
	font-weight:800;
	font-size:18px;
	margin: 0 0 5px 0;
}
.prodbox span.phone{
	display:block;
	width:100%;
	position:relative;
	float:left;
	font-size:30px;
	margin: 0 0 0 0;
}

.newsvideo{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 20px 0;
}

.form-group.datepicker{display:none;}


form.searchProductsHome{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 5px 0;
}
form.searchProductsHome input[type="text"]{
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:none;
	background:#fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-transform: uppercase;
	font-size:14px;
	line-height: 20px;
	height:40px;
	color:#222;
	width:100%;
	padding: 10px 55px 10px 15px;
	outline:none;
}
form.searchProductsHome input[type="submit"]{
	position: absolute;
	right:0;
	top:0;
	width:40px;
	height:40px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	border:none;
	text-align: center;
	padding: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:none;
	background:#2d549d;
	color:#ffffff;
}
.prodbox a.advancedsearch{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 12px 15px;
	color:#5a5a5a;
	font-weight:800;
	font-family: 'Exo 2', sans-serif;
	font-size:15px;
	background:#b4b3b2;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.prodbox a.advancedsearch:hover{
	text-decoration: none;
	background:#a6aab3;
	cursor:pointer;
}

/*thirds*/
.third{
	width:100%;
	float:left;
	display:block;
	padding: 0 30px 0 30px;
}
.row.top{padding-top:70px;}
.row.top .third{min-height:460px;}
.third img.icon{
	margin: 0;
}
.third.hose{border-left: 2px solid #2390c4;}
.third.gaskets{border-left: 2px solid #2d549d;}
.third.industrial{border-left: 2px solid #05b3e6;}
.third h3{
	display:block;
	width:100%;
	position:relative;
	float:left;
	font-size:21px;
	font-weight:600;
	min-height:40px;
	margin: 15px 0 30px 0;
}

.third.hose h3:after{
	content: '';
	width:80px;
	height:2px;
	display:block;
	bottom: -15px;
	left:0;
	position: absolute;
	background:#2390c4;
}
.third.gaskets h3:after{
	content: '';
	width:80px;
	height:2px;
	display:block;
	bottom: -15px;
	left:0;
	position: absolute;
	background:#2d549d;
}
.third.industrial h3:after{
	content: '';
	width:80px;
	height:2px;
	display:block;
	bottom: -15px;
	left:0;
	position: absolute;
	background:#05b3e6;
}

.third ul{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 20px 50% 20px 0;
	background-repeat:no-repeat;
	background-position: center right;
	background-size: 50%;
    min-height: 220px;
	margin: 0 0 40px 0;
}
.third ul li{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.third ul li a{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 4px 0;
	font-size:14px;
}
/* .third.hose ul{
	background-image:url('../img/hose-image.jpg');
}
.third.gaskets ul{
	background-image:url('../img/gaskets-image.jpg');
}
.third.industrial ul{
	background-image:url('../img/industrial-image.jpg');
} */
.third a.all{
	display:block;
	width:100%;
	position:absolute;
	bottom: 0;
	font-weight:800;
	color:#484949;
	text-transform: uppercase;
	font-size:17px;
	margin: 0 0 20px 0;
}
.third.hose a.all span{color:#2390c4;}
.third.gaskets a.all span{color:#2d549d;}
.third.industrial a.all span{color:#05b3e6;}


/*INDUSTRIES*/
/* #industries{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
#indtext{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	text-align: center;
	display:block;
	z-index: 10;
	padding: 25px 0;

	background-image:url('../img/ind-topfade.png');
	background-repeat:repeat-x;
	background-size: contain;
}
#indtext h2{
	color:#ffffff;
	font-size:33px;
	font-weight:800;
	letter-spacing: 1px;
	font-style: italic;
	text-transform: uppercase;
	font-family: 'Exo 2', sans-serif;
	margin: 0 0 12px 0;
}
#indtext h2 span{
	color:#ffc51a;
	font-weight:200;
	font-family: 'Exo 2', sans-serif;
}
#indtext h3{
	color:#ffffff;
	font-size:26px;
	font-weight:200;
	letter-spacing: 1px;
	font-family: 'Abel', sans-serif;
}
.indmobile{display:none;}
#indtext .dots{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin: 20px 0 0 0;
}

#indtext .owl-dot{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-family: 'Exo 2', sans-serif;
	color:#ffffff;
	font-weight:400;
	line-height: 20px;
	margin: 0 12px;
	font-size:15px;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#indtext .owl-dot.active{
	color:#ffc51a;
}
#indtext .owl-dot:after{
	content: '';
	position: absolute;
	width:100%;
	bottom: -8px;
	left:0;
	height:1px;
	opacity: 0;
	z-index: 200;
	background:#f4bf1d;
	display:block;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
#indtext .owl-dot.active:after{
	opacity: 1;
	bottom: -4px;
}
#indtext .owl-dot:hover{
	cursor:pointer;
	color:#ffc51a;
}

#indnext,#indprev{
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#fff;
	margin: 0 20px;
	line-height: 20px;
}
#indnext:hover,#indprev:hover{
	cursor:pointer;
	color:#ffc51a;
}

#ind .content{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 220px 0 100px 0;
	height:350px;
	background-image:url('../img/ind-bars.png');
	background-repeat:no-repeat;
	background-position: left top;
	z-index: 20;
}
#ind .textarea{
	height:350px;
	display:block;
	float:right;
	width:620px;
	background-image:url('../img/ind-box.png');
	background-repeat:no-repeat;
	background-position: left top;
	padding: 60px 60px 60px 115px;
}
#ind .textarea h3{
	font-size:33px;
	letter-spacing:1px;
	font-style: italic;
	color:#ffffff;
	margin: 0 0 20px 0;
	font-weight:800;
}
#ind .textarea p{
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#ffffff;
	line-height: 21px;
	height:160px;
}
#ind .textarea a.more{
	display:block;
	letter-spacing: 1px;
	width:auto;
	position:relative;
	float:left;
	font-weight:bold;
	font-size:18px;
	color:#ffffff;
	text-transform: uppercase;
}
#ind .textarea a.more span{
	color:#05b3e6;
	font-weight:800;
}
#ind .textarea a.more:hover{
	text-decoration: none;
}

#ind{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
#ind .item{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#555;
}
#ind .item .color{
	position:absolute;
	z-index: 3;
	display:block;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background: url('../img/ind-blue.png') repeat;
}
#ind .item .image{
	position:absolute;
	z-index: 2;
	display:block;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
} */


.viddots{
	display:block;
	width:100%;
	position:relative;
	float:left;
	height:10px;
	margin: 0 0 15px 0;
	background:#8d8b88;
}
.viddots .owl-dot{
	display:block;
	position:relative;
	float:left;
	height:10px;
	/* padding: 20px; */
	font-size:30px;
	font-weight:700;
	background:#111;
	font-family: 'Abel', sans-serif;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.viddots .owl-dot:hover{
	background:#111;
	cursor:pointer;
}
.viddots .owl-dot.active,
.viddots .owl-dot.active:hover{
	background:#fcc216;
}

#videoprev{
	display:none;
	position:absolute;
	z-index:1000;
	left:10px;
	top:50%;
	height:50px;
	width:50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#fff;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	background-image:url('../img/blue-prev-arrow.png');
	background-repeat:no-repeat;
	background-position: center;
	background-size: 50px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
#videonext{
	position:absolute;
	z-index:1000;
	height:50px;
	width:50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#fff;
	position:absolute;
	top:50%;
	right:10px;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	background-image:url('../img/blue-next-arrow.png');
	background-repeat:no-repeat;
	background-position: center;
	background-size: 50px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
#videoprev:hover,
#videonext:hover{
	cursor:pointer;
	-webkit-box-shadow: 0px 4px 40px #000;
	-moz-box-shadow: 0px 4px 40px #000;
	box-shadow: 0px 4px 40px #000;
}
#videos{
	display:block;
	width:100%;
	position:relative;
	float:left;
	xbackground:#fff;
	margin: 15px 0 0 0;
}

#videos .videotextbox{
	z-index: 1200;
	position:absolute;
	xtop:65px;
	display:block;
	bottom: 0;
}
.videotextbox h3{
	display:block;
	background:#fff;
	padding: .25em .5em;
	font-size: 24px;
}
.videotextbox h4{
	padding: .25em .5em;
	font-size: 16px;
	line-height: 16px;
	background:#fcc216;
	display:block;
	width:auto;
	float:left;
}


/*STORE*/

#store{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 5px 0 0 0;
}
#fadebar{
	position: absolute;
	top:-5px;
	height:10px;
	width:100%;
	z-index: 20;
	opacity:.5;
	display:block;
	background: url('../img/store-shadow.png') repeat;
}
#storetop{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background-image:url('../img/store-image.jpg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}
.storeinner{
	padding: 60px 50% 60px 100px;
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#ffffff;
}
.storeinner p{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 30px 0;
	line-height:22px;
}
.storeinner p.hours{
	font-family: 'Exo 2', sans-serif;
	line-height:30px;
	margin: 0 0 10px 0;
}
.storeinner p.hours span{
	font-family: 'Exo 2', sans-serif;
	color:#ffc51a;
}
a.directions{
	display:block;
	width:100%;
	position:relative;
	float:left;
	font-family: 'Exo 2', sans-serif;
	color:#ffffff;
	font-size:14px;
	margin: 0 0 15px 0;
}
a.directions span{
	color:#ffc51a;
}
#storetop h2{
	display:block;
	width:100%;
	position:relative;
	float:left;
	text-align: center;
	color:#ffffff;
	padding: 18px 0;
	font-size:26px;
	font-style: italic;
	letter-spacing: 1px;
	font-weight:200;
	font-family: 'Exo 2', sans-serif;
}
#storetop h2 strong,
#storetop h2 span{font-weight:600;font-family: 'Exo 2', sans-serif;}

#storelogo{
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:56px;
	display:block;
	z-index: 2;
	background-image:url('../img/parker-store-logo.png');
	background-repeat:no-repeat;
	background-size: contain;
}
#storeproducts{
	width:50%;
	height:266px;
	display:block;
	z-index: 40;
	position: absolute;
	right:0;
	bottom: -60px;
	background-image:url('../img/store-products.png');
	background-repeat:no-repeat;
	background-position: right center;
	background-size: 550px;
}

#storebottom{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background-color: #ffffff;
	background-image:url('../img/store-white.jpg');
	background-repeat:repeat-x;
	background-size: contain;
	background-position: bottom;
	padding: 20px 100px 60px 100px;
}
#storebottom h3{
	font-size:26px;
	font-style: italic;
	letter-spacing: 1px;
	font-weight:400;
	font-family: 'Exo 2', sans-serif;
	text-transform: uppercase;
	margin: 0 0 50px 0;
}
#storebottom p{
	display:block;
	width:100%;
	color:#484949;
	position:relative;
	float:left;
	margin: 50px 0 10px 0;
}
#storebottom p a{color:#2d4594;position: relative;}
#storebottom p a:hover{text-decoration: none;}
#storebottom p a:after{
	content: '';
	position: absolute;
	width:0%;
	bottom: 2px;
	left:0;
	height:1px;
	background:#2d4594;
	display:block;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
#storebottom p a:hover:after{
	width:100%;
}




#caro{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
#supprev{
	position: absolute;
	height:50px;
	width:50px;
	display:block;
	top:0;
	left:0;
	z-index: 100;
	font-size:30px;
	color:#d2d2d2;
	text-align: left;
	padding: 20px 0 0 5px;
}
#supnext{
	position: absolute;
	height:50px;
	width:50px;
	display:block;
	top:0;
	right:0;
	z-index: 100;
	font-size:30px;
	color:#d2d2d2;
	text-align: right;
	padding: 20px 5px 0 0;
}
#supprev:hover,
#supnext:hover{
	cursor:pointer;
	color:#999;
}
#sup{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0 70px;
}
#sup img{
	max-width:100%;
}












/*FOOTER*/
footer{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 20px 0;
}
#subfooter{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.block{
	display:block;
	width:100%;
	position:relative;
	float:left;
	width:32%;
	height:440px;
	background:#1e1e1e;
	padding: 30px 40px;
}


/*news*/
.block.one img{
	max-width:100%;
	max-height:150px;
}
.block article{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.block article .title a{
	font-family: 'Exo 2', sans-serif;
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#ffffff;
	text-transform: uppercase;
	margin: 10px 0;
	font-size:16px;
	line-height:20px;
}
.block article p{
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#ffffff;
}
.morenews{
	font-family: 'Exo 2', sans-serif;
	color:#898a8a;
	text-transform: uppercase;
	font-weight:800;
	margin: 30px 0 0 0;
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.morenews span{
	font-family: 'Exo 2', sans-serif;
	color:#05b3e6;
	font-weight:800;
}


.block.two{margin: 0 2%;padding: 30px 0;}
.block h6{
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#ffffff;
	font-size:18px;
	font-weight:800;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-style:italic;
	margin: 0 0 30px 0;
}
.block.two h6{padding: 0 40px;}

.bit{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 10px 0;
	font-size:30px;
	color:#fff;
}
.bit a{
	color:##ffffff;
	text-decoration:none;
}
.bit span{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:20px;
	color:#05b3e6;
	margin: 0 17px 0 0;
}
.block.three p{
	margin: 30px 0 0 0;
	display:block;
	width:100%;
	color:#fff;
	position:relative;
	line-height: 25px;
	float:left;
}
.block.three p strong{
	text-transform: uppercase;
	font-weight:normal;
	letter-spacing: 1px;
}
.block.three p.blue{
	color:#05b3e6;
	margin: 30px 0 0 0;
	display:block;
	width:100%;
	position:relative;
	float:left;
}

#feedbox{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
#feed{
	display:block;
	overflow:hidden;
	width:100%;
	position:relative;
	float:left;
	height:360px;
	border-top: 1px solid #262626;
}
#feed li{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#1e1e1e;
	padding: 13px 25px 13px 50px;
	color:#ffffff;
	font-size:14px;
	line-height: 17px;
}
#feed li.facebook:before,
#feed li.twitter:before{
	content: '\f09a';
	font-family: 'FontAwesome\ 5 Brands';
	position: absolute;
	left:0;
	top:0;
	font-size:18px;
	padding: 18px 0 0 0;
	display:block;
	text-align: center;
	width:50px;
	height:100%;
	color:#07b3e6;
}
#feed li.twitter:before{
	content: '\f099';
	padding: 14px 0 0 0;
}
#feed li.light{background:#262626;}
#feed li a{color:#07b3e6;}
#feed li a.link{
	display:block;
	width:100%;
	position:relative;
	float:left;
	font-weight:bold;
	font-size:11px;
	letter-spacing: 1px;
	color:#ffffff;
	text-transform: uppercase;
	margin: 16px 0 0 0;
}
#feed li a.link:hover{
	color:#07b3e6;
	text-decoration: none;
}
#feed li a.link span{color:#07b3e6;}



/*MAIN FOOTER*/
#mainfooter{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 50px 0 60px 0;
}
#about{
	width:40%;
	padding: 0 30px 0 0;
	float:left;
	display:block;
	color:#c8c9ca;
}
#about p{
	font-size:15px;
	line-height: 18px;
}
span.tag{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 20px 0;
	font-size:17px;
	color:#fff;
	font-style:italic;
}
#iso{
	display:block;
	width:20%;
	position:relative;
	float:left;
	color:#c8c9ca;
	padding: 40px 0 0 40px;
	font-size:28px;
	font-weight:200;
	line-height: 30px;
}
#iso span{
	display:block;
	width:100%;
	position:relative;
	float:left;
	font-size:13px;
	line-height: 13px;
}
/*util*/
#util{
	display:block;
	width:40%;
	position:relative;
	float:left;
	padding: 0 0 0 20px;
}
#util img.badges{
	max-width: 100%;
	float:right;
	margin: 20px 0 0 0;
}
#social{
	display:block;
	width:auto;
	position:relative;
	float:right;
}
#social a{
	float:left;
	width:30px;
	height:30px;
	margin: 0 0 0 15px;
	display:block;
	background:#636363;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color:#383738;
	text-align: center;
	padding: 7px 0 0 0;
	line-height:10px;
}
#social a:hover{
	color:#05b3e6;
	text-decoration: none;
}


#bottom{
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#c8c9ca;
	font-size:12px;
	margin: 30px 0 0 0;
}
#footerlinks{
	display:block;
	width:50%;
	position:relative;
	float:right;
	text-align: right;
}
#footerlinks a{
	color:#c8c9ca;
	line-height:12px;
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
	border-left:1px solid #6f6f6f;
}
#footerlinks a:hover{color:#05b3e6;text-decoration: none;}
#footerlinks a:first-child{border:none;}
#copy{
	display:block;
	width:50%;
	position:relative;
	float:right;
}
#copy a{color:#05b3e6;}




















/*INTERIOR*/

#hero{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 160px 100px 0 100px;
	/* min-height:350px; */
	background:#444;
	border-bottom: 10px solid #38b0e9;
	background-image:url('../img/hydraulic-hose-header.jpg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}
/* #hero.sub{
	min-height:220px;
	padding: 150px 100px 16px 100px;
} */
#hero.sub .herowrap{
	min-height: 70px;
	padding: 0 40% 0 0;
}

#hero #blue{
	position: absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	z-index: 5;
	background: #143575;
	opacity: 0.7;
}

#hero.gaskethero{border-color:#3e69b2;}
#hero.productshero{border-color:#3abeee;}
#hero.abouthero{border-color: #2ab5e0;}
#hero.contacthero{border-color: #29bee9;}
#hero.newshero{border-color: #29bee9;}



#herotopcolor{
	position: absolute;
	width:100%;
	height:220px;
	top:-10px;
	left:0;
	z-index: 6;
	background-image: url('../img/marqueefade.png');
	background-repeat:repeat-x;
	background-size: contain;
	background-position: center bottom;
}



.herowrap{
	z-index: 10;
	display:block;
	width:100%;
	position:relative;
	float:left;
	min-height:140px;
	padding: 0 40% 0 0;
	margin: 0 0 30px 0;
	background-repeat:no-repeat;
	background-position: top left;
	background-size: 61px;
}
.keepmovingint{
	display:block;
	width:330px;
	position:relative;
	float:left;
	text-indent: 0;
	height:42px;
}

.withour{
	display:block;
	width:auto;
	position:relative;
	float:left;
	color:#ffffff;
	letter-spacing: 1px;
	font-weight:400;
	padding: 25px 0 0 0;
	font-family: 'Exo 2', sans-serif;
	font-style: italic;
}
#hero h1.pageTitle,
#hero h2.pageTitle{
	margin: 0;
	display: block;
	width: 60%;
	float: left;
	position: absolute;
	height: 100%;
}
#hero h1.pageTitle span,
#hero h2.pageTitle span{
	position:absolute;
	top:45%;
	left:0;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	text-indent: 0;
	font-size: 42px;
	font-style: italic;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Exo 2', sans-serif;
}
#hero.sub h1.pageTitle span,
#hero.sub h2.pageTitle span{
	top:40%;
}
#hero h2{
	font-size:16px;
	font-weight:normal;
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#ffffff;
	padding: 0 0 0 30px;
	margin: 0 0 50px 0;
	font-family: 'Abel', sans-serif;
	line-height: 22px;
}


#cusreq{
	display:block;
	width:40%;
	position:absolute;
	right:0;
	top:0;
	padding: 0;
	color:#ffffff;
	z-index: 10;
	margin: 0 0 0 0;
}
.cusreqwrap{
	display:block;
	width:100%;
	position:relative;
	float:right;
	max-width:250px;
}
#cusreqshort{
	display:block;
	width:250px;
	position:absolute;
	padding: 0;
	color:#ffffff;
	z-index: 10;
	margin: 0 0 15px 0;
}

#cusreqInt{
	display:block;
	width:40%;
	position:absolute;
	right:0;
	top:0;
	padding: 0;
	color:#ffffff;
	z-index: 10;
	margin: 0 0 0 0;
}


.hosehero #cusreq input[type="submit"]{background:#38b0e9;}
.gaskethero #cusreq input[type="submit"]{background:#3e69b2;}
.productshero #cusreq input[type="submit"]{background:#3abeee;}


#cusreq h4{
	text-transform:uppercase;
	margin: 12px 0 3px 0;
	display:block;
	width:100%;
	position:relative;
	float:left;
}
#cusreq p{
	line-height: 30px;
}
#cusreqInt p a,
#cusreq p a{
	color:#ffffff;
	position: relative;
}
#cusreqInt p a:hover,
#cusreq p a:hover{
	text-decoration: none;
}
#cusreqInt p a:after,
#cusreq p a:after{
	position: absolute;
	bottom:-1px;
	left:0;
	content:'';
	width:100%;
	height:1px;
	background:#708ab7;
	display:block;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
#cusreqInt p a:hover:after,
#cusreq p a:hover:after{
	bottom:1px;
	background:#fff;
}
#cusreq .phone{
	font-size:26px;
}


#products #cusreq{
	display:block;
	width:50%;
	min-width:300px;
	position:relative;
	float:right;
	padding: 0;
	color: #231f20;
	z-index: 1;
	margin: 0 0 0 0;
}
#products #cusreq h4{
	text-transform:uppercase;
	margin: 12px 0 3px 0;
	display:block;
	width:100%;
	position:relative;
	float:left;
}
#products #cusreq p{
	line-height: 24px;
}
#products #cusreq p a{
	color:#2d4594;
	position: relative;
}
#products #cusreq p a:hover{
	text-decoration: none;
}
#products #cusreq p a:after{
	position: absolute;
	bottom:-1px;
	left:0;
	content:'';
	width:100%;
	height:1px;
	background:#2d4594;
	display:block;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
#products #cusreq p a:hover:after{
	bottom:1px;
}
#products #cusreq .phone{
	font-size:26px;
}









#content{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#ededed;
	padding: 20px 100px 120px 100px;
}
#page{
	display:block;
	width:100%;
	position:relative;
	padding: 40px 80px;
	float:left;
	background:#ffffff;
	background-image:url('../img/page-bars.gif');
	background-repeat:no-repeat;
	background-position: top 46px left 0px;
}
.breadcrumb{
	background-color: transparent;
	font-size:13px;
	padding: 7px 0;
}
.breadcrumb>li,
.breadcrumb>li a{
	font-family: 'Exo 2', sans-serif;
	padding: 0;
}
.breadcrumb>.active{color:#000;}
.breadcrumb>li+li:before{
	content: ">";
	padding: 0 2px 0 1px;
	color:#000;
}

#page h1.pageTitle{
	font-size: 32px;
	margin: 0 0 20px 0;
}
#page h1.pageTitle span{
	display:block;
	width:100%;
	position:relative;
	float:left;
	text-transform: uppercase;
	color:#0092c7;
	font-size:20px;
	margin: 3px 0 15px 0;
	font-family: 'Exo 2', sans-serif;
}
#page h1.pageTitle + h2{
	position: relative;
	bottom: 12px;
}
#page h2{
	font-size: 22px;
	margin: 10px 0 20px 0;
}
#page h3{
	color: #428bca;
	font-size: 18px;
	margin: 5px 0 10px 0;
}
#page ul,
#page ol{
	list-style: square;
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
	font-size: 18px;
	color: #1f1f1f;
	line-height: 22px;
}
#page ul.pagination{
	padding: 0;
}
#page li{margin: 0 0 5px 0;}
#page li:last-child{margin: 0;}
#page ol{list-style: decimal;}
#page p{
	margin: 0 0 20px 0;
	font-size: 18px;
    color: #1f1f1f;
    line-height: 22px;
}
#page p strong,
#page li strong{
	font-weight:600;
}
#page p em,
#page li em{
	font-style:italic;
}

section#mainarea{
	display:block;
	width:70%;
	position:relative;
	float:left;
	padding: 0 25px 0 0;
}
aside{
	margin: 20px 0 0 0;
	display:block;
	width:30%;
	position:relative;
	float:left;
	padding: 0 0 25px 25px;
	min-height:200px;
}
#page aside h3{
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#444;
	padding: 0 0 8px 0;
	margin: 6px 0 10px 0;
	border-bottom: 1px solid #d2d2d2;
}
.module{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 20px 0;
}
#page .module ul{
	display:block;
	width:100%;
	position:relative;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#page .module ul li{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 1px 0;
	border-bottom:1px dashed #d2d2d2;
}
#page .module ul li a{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 6px;
	font-size:18px;
	line-height: 22px;
	color:#428bca;
}
#page .module ul li a.current{
	padding-right:40px;
	color:#428bca;
	font-weight:bold;
}
#page .module ul li a:focus,
#page .module ul li a:hover{
	text-decoration: none;
}
#page .module ul li a.current:after{
	font-family: 'FontAwesome\ 5 Free';
	content: '\f058';
	position: absolute;
	font-size:22px;
	padding: 5px 0 0 0;
	top:0;
	right:0;
	color:#428bca;
	width:30px;
	height:100%;
	text-align: center;
}



article{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 0;
	margin: 0 0 25px 0;
}
.news-header{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 12px 0;
}
.newsDate{
	color: #428bca;
	display:block;
	width:100%;
	position:relative;
	float:left;
	font-family: 'Exo 2', sans-serif;
	font-weight:bold;
	font-size:18px;
}
#page .news-header h3,
.news-header h3 a{
	display:block;
	width:100%;
	position:relative;
	float:left;
	font-size:25px;
	color:#222;
	text-decoration:none;
	font-family: 'Exo 2', sans-serif;
	margin:2px 0 0 0;
}
#page ul.newsMeta{
	display:block;
	width:100%;
	position:relative;
	float:left;
	list-style:none;
	font-size:15px;
	margin: 5px 0;
	padding: 3px 0;
	border-top:1px dashed #d7d7d7;
}
#page ul.newsMeta li{
	color:#444;
}
#page ul.newsMeta li a{
	font-weight:bold;
	color:#444;
}

#page h1.newstitle{
	margin-bottom: 5px;
}
.label{color:#888;padding: 4px 2px;}
hr.news{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 30px 0;
	border-top:1px solid #d2d2d2;
}

.share{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin-top:20px;
	padding: 2px 0;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
#page .share ul{
	display:block;
	width:100%;
	position:relative;
	float:left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#page .share ul li{
	display:block;
	width:auto;
	position:relative;
	float:left;
	margin: 0;
}
.share ul li a{
	display:block;
	width:auto;
	position:relative;
	float:left;
	padding: 12px;
	font-size:20px;
	line-height:20px;
	text-align: center;
}


.filters{
	font-family: 'Exo 2', sans-serif;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 20px 0;
	padding: 10px 40px 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#38b0e9;
	color:#ffffff;
}
.removefilter{
	position: absolute;
	right:0;
	top:0;
	display:block;
	width:40px;
	text-align: center;
	font-size:20px;
	padding: 8px 0 0 0;
	line-height: 18px;
	height:100%;
	z-index: 5;
	color:#ffffff;
	text-decoration: none;
}
.removefilter:hover{
	cursor:pointer;
	color:#2a6496;
}
#related{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 20px 0;
}
#related h4{
	color:#888;
	font-size:22px;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 20px 0 25px 0;
}
#related .related-post{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 3px 0 3px 10px;
	margin: 0 0 8px 0;
	border-left: 1px solid #d2d2d2;
}
#related .related-post:hover{
	border-left: 1px solid #38b0e9;
}
#related .related-post a{
	display:block;
	width:100%;
	position:relative;
	float:left;
	text-decoration: none;
}
#related .related-post h5{
	display:block;
	width:100%;
	position:relative;
	float:left;
	font-size:20px;
	font-family: 'Abel', sans-serif;
	margin: 0 0 3px 0;
}
#related .related-post span.date{
	color:#444;
	font-weight:bold;
	font-size:14px;
}

/*PRODUCTS*/
#spec{
	display:block;
	width:100%;
	position:relative;
	float:left;
}

/*products index*/
.category{
	display:block;
	width:24%;
	position:relative;
	float:left;
	margin: 0 1% 14px 0;
	background:#ffffff;
	padding: 14px;
	height:200px;
	text-decoration: none;
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	transition: all 350ms ease;
}
.category:hover{
	-webkit-box-shadow: 0px 3px 15px #999;
	-moz-box-shadow: 0px 3px 15px #999;
	box-shadow: 0px 3px 15px #999;
	text-decoration: none;
}
.category:nth-child(4n+5){
	clear:both;
}
.category img{
	display:block;
	width:50%;
	padding: 0 8px 0 0;
	position:relative;
	float:left;
	max-width:150px;
	max-height:150px;
}
.category p{
	display:block;
	width:50%;
	font-size:15px;
	padding: 0 0 0 8px;
	position:relative;
	float:left;
}
.category h2{
	font-size:18px;
	color:#000;
	text-transform: uppercase;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 17px 0;
	padding: 0 0 7px 0;
}
.category h3{
	margin: 70px 0 0 10px;
	font-size:18px;
	color:#000;
	text-transform: uppercase;
	text-decoration: none;
}
.category h3 .fa{
	color:#2390c4;
	font-size:14px;
	line-height: 18px;
}
.category h2:after{
	content: '';
	width:80px;
	height:2px;
	display:block;
	bottom: 0;
	left:0;
	position: absolute;
	background:#2390c4;
	-webkit-transition: width 350ms ease;
	-moz-transition: width 350ms ease;
	-ms-transition: width 350ms ease;
	-o-transition: width 350ms ease;
	transition: width 350ms ease;
}
.category:hover h2:after{
	width:100%;
}

/*product list*/

#product-sidebar{
	display:block;
	width:25%;
	position:relative;
	float:left;
}
#product-sidebar .list{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 20px 0;
	background:#ffffff;
}
#product-sidebar .list > span{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 10px 20px;
	background:#444;
	color:#fff;
	font-size: 14px;
	text-transform: uppercase;
}
#product-sidebar .list ul{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0;
	padding: 15px 20px;
}
#product-sidebar .list ul li{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
#product-sidebar .list ul li a{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding:4px 0;
	font-weight:bold;
	color:#333;
	text-decoration: none;
}
#product-sidebar .list ul li a.active{
	color: #428bca;
}
#product-sidebar .list ul li a:hover{
	text-decoration: none;
	color: #428bca;
}
#product-sidebar .list ul li a span{
	color:#888;
	font-weight: normal;
}
#product-list{
	display:block;
	width:75%;
	position:relative;
	float:left;
	padding: 0 0 0 20px;
}
.pagholder{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 5px 0;
	background:#ffffff;
}
#spec .paginationdiv,
#product-list .paginationdiv{
	display:block;
	text-align: left;
	width:auto;
	position:relative;
	float:right;
	height:40px;
	background:#ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-animation-name: fadeIn; animation-name: fadeIn;
	-webkit-animation-delay: .3s; animation-delay:.3s;
	-webkit-animation-duration: .5s; animation-duration: .5s;
	-webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }


#spec .paginationdiv a.pagination,
#product-list .paginationdiv a.pagination{
	display: block;
	position: relative;
	float: left;
	padding: 12px 0;
	margin: 0;
	width: 40px;
	text-align: center;
	font-weight:bold;
	font-family: 'Abel', sans-serif;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-decoration: none;
}
#spec .paginationdiv a.pagination:hover,
#product-list .paginationdiv a.pagination:hover{
	background:#b4cee4;
	text-decoration: none;
}

#spec .paginationdiv .current,
#product-list .paginationdiv .current{
	font-family: 'Abel', sans-serif;
	font-weight:bold;
	display: block;
	position: relative;
	float: left;
	padding: 12px 0;
	margin: 0;
	background:#428bca;
	width: 40px;
	text-decoration: none;
	color:#ffffff;
	text-align: center;
}

#products-container{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
#products-container a.product{
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#ffffff;
	margin: 0 0 5px 0;
	min-height: 140px;
	padding: 20px 20px 20px 24%;
	background-repeat:no-repeat;
	background-position: center left 2%;
	background-size: 20%;
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	transition: all 350ms ease;
}
#products-container a.product:hover{
	-webkit-box-shadow: 0px 3px 15px #999;
	-moz-box-shadow: 0px 3px 15px #999;
	box-shadow: 0px 3px 15px #999;
	text-decoration: none;
}

.product h2{
	display:block;
	width:100%;
	position:relative;
	float:left;
	color:#333;
	font-size:22px;
	margin: 3px 0;
	font-family: 'Exo 2', sans-serif;
}

.product h3{
	display:block;
	width:100%;
	color:#555;
	position:relative;
	float:left;
	font-size:15px;
	margin: 3px 0 10px 0;
}
.product p{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 30px 0;
	color:#333;
	min-height:30px;
}
.sku{
	color: #5a85ab;
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 5px 0;
	font-size:12px;
	font-family: 'Exo 2', sans-serif;
}
.buttons{
	display:block;
	position:absolute;
	bottom: 20px;
	right:20px;
}

.buttons .more{
	text-transform:uppercase;
	padding: 6px 12px;
	font-size:16px;
	color:#ffffff;
	margin: 0 0 0 5px;
	background:#333;
	float:left;
	display:block;
}
.buttons .quote{
	text-transform:uppercase;
	padding: 2px 8px;
	font-size:14px;
	color:#ffffff;
	margin: 0 0 0 5px;
	background:#2a7ebf;
	float:left;
	display:block;
}

/*Product DETAIL*/
#leftcol{
	width:40%;
	display:block;
	position:relative;
	float:left;
}
#leftcol img{
	max-width:100%;
	display:block;
	position:relative;
	float:left;
	margin: 0 0 50px 0;
}
#rightcol{
	width:60%;
	display:block;
	position:relative;
	float:left;
	padding: 0 0 0 20px;
}
#page .cta p{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 10px 0;
	font-size:20px;
}
a.getaquote{
	text-transform:uppercase;
	padding: 6px 14px;
	font-size:16px;
	color:#ffffff;
	background:#2a7ebf;
	float:left;
	display:block;
}
a.getaquote:hover{
	text-decoration: none;
}

.infobox{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 25px 0;
	background:#f2f2f2;
}
.infobox p{
	font-size:16px;
}
.infobox h4{
	padding: 10px 20px;
	display:block;
	width:100%;
	position:relative;
	float:left;
	background:#444;
	color:#fff;
	font-size: 14px;
	text-transform: uppercase;
}

.infobox table,
.infobox tbody,
.infobox tr{
	display:block;
	width:100%;
	position:relative;
	float:left;
}
.infobox tr{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #fff;
}


.specsleftcolumn{
	display:block;
	width:30%;
	position:relative;
	float:left;
	padding: 0 15px 0 0;
	font-weight:bold;
}




.infocontent{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 20px;
}
.infocontent a span{
	background: #cccccc;
    color: #252425;
	font-family: monospace;
	font-size:11px;
	padding: 2px;
	bottom: 2px;
    position: relative;
}
.infocontent a:hover{
	text-decoration: none;
}



.noresults{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	background: #d2d2d2;
	padding: 80px 50px;
	font-size: 40px;
	text-align: center;
	color: #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}





/*PARKERSTORE PAGE*/
#map{
	display:block;
	width:100%;
	position:relative;
	float:left;
	height:700px;
	background:#333;
	-webkit-transition: height 250ms ease;
	-moz-transition: height 250ms ease;
	-ms-transition: height 250ms ease;
	-o-transition: height 250ms ease;
	transition: height 250ms ease;
}

.dayhour{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 3px 0;
	font-weight:bold;
}
.dayhour span{
	float:right;
	font-weight:normal;
}
a.sidebarbutton{
	display:block;
	width:100%;
	position:relative;
	float:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#fff;
	background:#333;
	font-size:18px;
	padding: 8px 12px;
	margin: 0 0 10px 0;
}
a.sidebarbutton:hover{
	color:#fff;
	text-decoration: none;
	background:#222;
}
a.sidebarbutton:after{
	content: '\f101';
	font-family:'FontAwesome\ 5 Free';
	font-weight:bold;
	position: absolute;
	right:12px;
	top:8px;
	font-size:18px;
	line-height:18px;
}
a.sidebarbutton.ext:after{content:'\f35d';}






#page ul#sitemap{
	display:block;
	width:100%;
	position:relative;
	float:left;
	list-style:none;
	padding: 0;
	margin: 0;
}
#page ul#sitemap > li{
	display:block;
	margin: 0;
	width:100%;
	position:relative;
	float:left;
	margin: 10px 0 0 0;
}
#page ul#sitemap > li > a{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 5px 10px 5px 20px;
	font-size:22px;
	font-weight:bold;
}

#page ul#sitemap li ul{
	display:block;
	width:100%;
	position:relative;
	float:left;
	list-style:none;
	padding: 0;
	margin: 0 0 20px 0;
}

#page ul#sitemap li ul li{
	display:block;
	width:100%;
	position:relative;
	float:left;
	margin: 0;
	background:#f3f3f3;
}
#page ul#sitemap li ul li:nth-child(odd){
	background:#e8e8e8;
}
#page ul#sitemap li ul li a{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding: 5px 10px 5px 20px;
	font-size:16px;
	font-weight:bold;
	color:#333;
}


/**/

/* Locations */
#locations {
	margin-top: 2em;
}
#locations .locations-container {
	display: flex;
	flex-flow: row wrap;
	gap: 30px;
}
#locations .locations-container .item {
    flex: 1 1 auto;
    width: 100%;
	max-width: calc(100% / 2 - 15px);
	/*border: 1px solid #dfdfdf;*/
	justify-content: space-between;
	display: flex;
	flex-direction: column;
	
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
}
#locations h2 {
	color: #000;
	display: block;
	width: 100%;
	padding: 0 0 8px 0;
	margin: 6px 0 20px 0;
	border-bottom: 1px solid #d2d2d2;
}
#locations h3 {
	color: #2a7ebf;
	display: block;
	width: 100%;
	font-size: 20px;
	padding: 0 0 8px 0;
	margin: 6px 0 0px 0;
	text-transform: uppercase;
}
#locations .button-bar {
	margin-top: 15px;
}
#locations .image img {
	max-width: 100%;
}
#locations .details {
	padding: .5em 1em;
}
#locations .details p:last-child {
	margin: 0px;	
}
#locations a.getdirections {
	text-transform: uppercase;
	text-align: center;
	padding: 10px 14px;
	font-size: 16px;
	color: #ffffff;
	background: #2a7ebf;
	float: left;
	display: block;
	width: 100%;
}