@charset "UTF-8";
/* --------------------------------------------------
RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 1430px) {

	#subfooter{padding: 0 15px;}
	#mainfooter{padding: 0 15px;}
	#supernav ul li a{font-size:18px;}
	#supernav ul li a.twoline{font-size:16px;}

	#map{height:600px;}

}@media (max-width: 1400px) {
	nav > ul > li > a{
		padding: 30px 15px;
	}
	#logo{
		width:15%;
	}
	#mainnav {
		width: 65%;
	}

	/* #hero.sub .herowrap{
		width:50%;
	} */
	/* #cusreqInt{
		max-width:225px;
		width:50%;
	}
	#cusreqInt form.searchProductsHome{
		margin: 0 0 4px 0;
	} */


	.category{
		height:auto;
	}
	.category.last{
		width:100%;
		height:auto;
		padding: 40px 10px;
	}
	.category.last h3{
		margin: 0 0 0 10px;
	}
	.category img{
		float:left;
		margin: 0 15px 12px 0;
		display:inline;
		width: auto;
		padding: 0;
		position: relative;
		max-width: 50px;
		max-height: 50px;
	}
	.category p {
	    display: inline;
	    width: auto;
	    font-size: 15px;
	    padding: 0;
	    position: relative;
	    float: none;
	}


}
@media (min-width: 1200px){

	.container {
		width: 1200px;
	}


}@media (max-width: 1250px) {
	.headerinner{
		padding: 0 20px;
	}
	#parkerstore{
		float:right;
	}
	#mainnav{width:auto;}

}@media (max-width: 1200px) {

	nav > ul > li > a{
		padding: 30px 12px;
	}


	#hero.sub .herowrap{
		margin: 0 0 10px 0;
	}

	.prodbox span.phone{font-size:24px;}


	.headerinner{padding: 0 20px;}
	#parkerstore{
		height: 18px;
		margin: 28px 0;
		width:10%;
	}
	/* #mainnav{width:70%;} */

	.row.top .third {
		min-height: 500px;
	}

	#hero{
    	padding: 180px 50px 0 50px;
	}
	#hero.sub{
    	padding: 150px 50px 16px 50px;
	}
	#content{
	    padding: 20px 50px 120px 50px;
	}

	#map{height:550px;}


}@media (max-width: 1099px) {

	#logo{
		background-size: 71px 17px;
		width: 10%;
	}
	#mainnav{width:80%;}

	#storetop h2{
		padding:80px 0 0 100px;
		text-align: left;
	}
	.storeinner{
		padding: 20px 50% 60px 100px;
	}
	#storeproducts{background-size:contain;}

	.block{padding: 30px;}
	.block.two h6 {
	    padding: 0 30px;
	}

	#map{height:500px;}


}@media (max-width: 1000px) {


		section#mainarea{
			width:100%;
			padding: 0 0 25px 0;
		}
		aside {
		    margin: 0;
		    display: block;
		    width: 100%;
		    position: relative;
		    float: left;
		    padding: 0;
		    min-height: 0;
		}
		nav > ul.pagination > li{
			width:auto;
		}
		nav > ul.pagination > li > a .fa{
			float:none;
		}
		nav > ul > li > .navitem, nav > ul > li > a{
			padding: 30px 15px;
		}

}@media (max-width: 991px) {



	.category{
		width:49%;
	}
	.category.last{
		margin: 10px 0 20px 0 !important;
		border: 1px solid #2390c4;
	}
	.category:nth-child(4n+5) {clear: none;}
	.category:nth-child(2n+3) {clear: both;}
	.category:nth-child(2n+1) {margin:0 1% 8px 0;}
	.category:nth-child(2n+2) {margin:0 0 8px 1%;}

	/* #hero.sub .herowrap,
	.herowrap{
		padding: 0;
		width: 70%;
		background-image:none !important;
	}
	#hero.sub .herowrap{width:50%;}
	#cusreqInt{
		max-width:225px;
		width:50%;
	} */
	#cusreqInt form.searchProductsHome{
		margin: 0 0 4px 0;
	}



	/* #products #cusreq{
		width:100%;
		min-width:0px;
	}
	#hero #cusreq{
		width:27%;
		min-width:0px;
	} */
	#hero #cusreq p{display:none;}


	#hero{
		padding: 130px 50px 0 50px;
	}
	#content{padding: 20px 50px 120px 50px;}
	#hero.sub {
	    padding: 130px 50px 0 50px;
	}
	#hero.sub .herowrap{
	    margin: 0 0 30px 0;
	}
	.herowrap{
		min-height:100px;
	}
	#hero h1.pageTitle span,
	#hero h2.pageTitle span{
		font-size:37px;
	}

	#mainnav{
		display:none;
		float:left;
		width:100%;
		border-top:1px solid #d2d2d2;
		padding: 10px 0 30px 0;
	}
	#mainnav.open{display:block;}
	#supernav{display:none;}
	nav > ul > li{width:100%;}
	nav > ul > li > .navitem,
	nav > ul > li > a{
		width:100%;
		padding: 15px;
	}
	nav > ul > li > a .fa{
		float:right;
	}

	.mobilenavonly{
		display:block;
	}

	.navitem + ul.mobileNav{
		display:none;
		width:100%;
		position:relative;
		float:left;
		border: 1px solid #e2e2e2;
		border-top:none;
	}
	.navitem.active + ul.mobileNav{
		display:block;
	}

	ul.mobileNav li{
		display:block;
		width:100%;
		position:relative;
		float:left;
	}
	ul.mobileNav li a{
		display:block;
		width:100%;
		position:relative;
		float:left;
		text-transform: uppercase;
		padding: 15px;
	}
	nav > ul > li > .navitem.active:after{display:none;}


	#parkerstore{display:none;}
	#mnavbutton{
		display:block;
		float:right;
		padding: 10px;
		font-size:30px;
		line-height:30px;
		position: relative;
		left:10px;
	}
	#logo{height: 50px;margin: 0;width:30%;}

	#indnext, #indprev{display:none;}
	.container{
		width:100%;
	}
	#marbars{display:none;background-size: 185px;}
	.headerinner{
		padding: 0 30px;
	}
	#marquee .item{
		padding-top:140px;
	}
	#mar .item .box{padding: 0 0 0 30px;}
	#mar .item .box h2{font-size:20px;}
	a.marlink{padding: 30px 60px 30px 105px;}
	.shad{
		background-image:none;
		background: rgba(0,0,0,.6);
		width:100%;
		height:auto;
		margin: 40px 0 0px 0;
		padding:25px 30px 77px 30px;
	}
	#marquee .item .color{opacity:.8;}

	.prodbox{padding: 30px 15px;}
	.prodbox.right{padding: 0 15px 30px 15px;}
	form.searchProductsHome{
		display:block;
		width:100%;
		position:relative;
		float:left;
		margin: 0 0 0 0;
		border-top:1px solid #d2d2d2;
		border-left:1px solid #d2d2d2;
	}
	#cusreq form.searchProductsHome{
		margin: 0;
	}

	.keepmoving{
		height: 36px;
		font-size: 31px;
	}

	.row.top{
		padding: 30px 15px;
	}
	.row.top .third{
		border:none;
		min-height:0px;
		padding:0 0 30px 0;
		text-align: center;
	}
	.third h3:after{width:100% !important;}
	.row.top .third h3 br{display:none;}
	.row.top .third:first-child{margin: 0;}
	.third ul{display:none;}

	.third a.all{
		margin: 20px 0;
		padding: 10px 15px;
		border:1px solid #d2d2d2;
		position: relative;
		bottom:initial;
	}


	#ind .content{
		background-position: left -120px top;
	}


	#storebottom{padding: 40px 30px 20px 30px;}
	#storeproducts{background-size:275px;bottom: -100px;}
	.storeinner {
	    padding: 30px 40% 60px 30px;
	}
	#storetop h2 {
	    padding: 90px 0 0 30px;
	}

	.block.two{
		width:49%;
		margin: 0 0 0 1%;
	}
	.block.one{
		width:49%;
		margin: 0 1% 0 0;
	}
	.block.three{
		width:100%;
		margin: 20px 0;
	}

	#about{width:80%;padding: 0 40px 0 0;}
	#iso{padding: 40px 0 0 0;}
	#util{width:100%;text-align:left;margin:30px 0 0 0;padding:0;}
	#social{float:left;}
	#social a{margin: 0 15px 0 0;}
	#util img.badges{float:left;}

	form.searchProductsHome{border-bottom: 1px solid #d2d2d2;}
	.prodbox a.advancedsearch{margin: 10px 0 0 0;}

	#products #cusreq{
		width:100%;
		min-width:0px;
	}

	#product-sidebar{
		display:none;
	}
	#product-list {
		display: block;
		width: 100%;
		position: relative;
		float: left;
		padding: 0 0 20px 0;
	}

	#leftcol{
		width:100%;
	}
	#leftcol img{
		max-height:200px;
	}
	#rightcol{
		padding: 20px 0 0 0;
		width:100%;
	}

	#map{height:400px;}

}
@media (max-width: 800px) {
	#about {
		width: 100%;
		padding:0;
	}
	#iso {padding: 30px 0 0 0;}
	#iso br{display:none;}
	#mainfooter{margin: 20px 0;}

	#ind .content{
		background-image:none;
		margin: 120px 0 0 0;
		height:auto;
	}
	#ind .textarea{
		height:auto;
		margin: 50px 0 30px 0;
		background-image:none;
		background:rgba(0,0,0,.3);
		padding: 30px;
		width:100%;
	}
	#ind .textarea p{
		height:auto;
		padding: 0;
		margin: 0 0 20px 0;
	}

	#hero{
		padding: 120px 50px 0px 50px;
	}
	#hero.sub{
		padding: 120px 50px 0px 50px;
		min-height: 174px;
	}
	#hero.sub .herowrap,
	.herowrap{
		padding: 0;
		width: 100%;
		background-image:none !important;
		min-height: 0px;
		margin: 0 0 10px 0;
	}
	#hero h1.pageTitle span, #hero h2.pageTitle span,
	#hero h1.pageTitle, #hero h2.pageTitle{
		top:0;
		left:0;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
		display:block;
		width:100%;
		position:relative;
		float:left;
	}

	#cusreqInt{
		max-width:225px;
		width:100%;
		float:left;
		margin: 0 0 20px 0;
	}
	#cusreqInt form.searchProductsHome{
		margin: 0px 0 4px 0;
	}



	#hero #cusreqInt,
	#hero #cusreq{
		display:none;
	}
	#hero h2{display:none;}


	#hero{
		padding: 120px 50px 0 50px;
		min-height: 0px;
	}
	#hero h1.pageTitle, #hero h2.pageTitle{
		padding: 4px 0 20px 0;
	}
	#content{padding: 20px 50px 120px 50px;}
	.keepmovingint{
		background-size: 164px 21px;
		width: 170px;
		height: 24px;
	}
	#herotopcolor{
		height:160px;
	}

	.withour{
		padding:7px 0 0 0;
	}


	/* VIDEO AREA */
	/* #videos .videotextbox{
		top:20px;
	} */
	.videotextbox h3{
		padding: 12px 20px;
		font-size: 20px;
	}
	.videotextbox h4{
		padding: 5px 20px 8px 20px;
		font-size: 14px;
		line-height: 14px;
	}


}
@media (max-width: 767px) {

	#supnext, #supprev{
		padding: 6px 5px 0 0;
	}

	.prodbox h3{
		padding: 0;
	}
	#submarquee h2,
	#submarquee h2 span{font-size:20px;}

	#footerlinks{
		display:block;
		width:100%;
		position:relative;
		float:left;
		text-align: left;
		margin: 0 0 20px 0;
	}
	#footerlinks a:first-child,
	#footerlinks a{
		float:left;
		font-size:18px;

		margin: 0 0 6px 0;
		width:100%;
		padding: 4px 16px;
		border-left: 1px solid #6f6f6f;
	}
	#copy{
		display:block;
		width:100%;
		position:relative;
		float:left;
		text-align: left;
	}
	#indtext .dots{display:none;}
	.indmobile{
		display:block;
		width:90%;
		position:relative;
		float:left;
		-webkit-appearance:none;
		-moz-appearance:none;
		-ms-appearance:none;
		-o-appearance:none;
		appearance:none;
		border:1px solid #05b3e6;
		outline:none;
		color:#ffffff;
		margin: 25px 5% 0 5%;
		background-color: rgba(0,0,0,.3);
		background-image: url('../img/indselect.png');
		background-position: center right 20px;
		background-size: 21px 20px;
		background-repeat: no-repeat;
		padding: 10px 20px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	.indmobile option{
		background:#333;
	}
	#ind .content{
		margin: 140px 0 0 0;
	}
	#indtext h2,
	#indtext h2 span{
		font-size: 30px;
		display:block;
		width:100%;
		position:relative;
		float:left;
	}
	#indtext h3{
		font-size: 16px;
	}
	#mar .item .box{
		width: 100%;
		padding: 0 30px;
	}
	.keepmoving{
		height: 30px;
		font-size: 26px;
	}
	#marquee .item{padding-top: 120px;}
	#mar .item .box h2{padding: 4px 0 0 0;}
	.shadimg{display:none;}
	.shadcontent{padding: 0;}
	.shadcontent p{display:none;}
	.shad{
		height:auto;
		margin-top:20px;
		padding: 25px 30px;
	}
	a.marlink{
		position: relative;
		float:left;
		bottom:0;
		left:0;
		padding: 15px;
		border:#ffc51a solid 1px;
		margin: 15px 0 0 0;
		letter-spacing: 0px;
	}
	#page{
		padding: 40px 50px;
		background-position: top 46px left 0px;
		background-size: 30px;
	}

	.product h2{font-size:18px;margin:3px 0 5px 0;}
	#page h1.pageTitle{
		font-size:27px;
	}

	#leftcol img{
		max-height:120px;
	}

}@media (max-width: 550px) {
	/* VIDEO AREA */
	#videos .videotextbox{
		top:5px;
	}
	.videotextbox h3{
		padding: 8px 10px;
		font-size: 18px;
	}
	.videotextbox h4{
		padding: 5px 10px 5px 10px;
		font-size: 12px;
		line-height: 12px;
	}


	.keepmoving{
		height: 26px;
		font-size: 20px;
	}


	a.marlink span:after{display:none;}

	.withour{display:none;}
	#hero h2.pageTitle{display:none;}
	.keepmovingint{margin-bottom: 20px;}

	#products-container a.product{
		padding: 20px 20px 20px 50%;
		background-size: 35%;
		min-height: 0px;
		position: relative;
	}
	.buttons{
		width:50%;
		right:0;
		padding: 0 20px 0 0;
	}
	.buttons .more{
		margin: 0;
		width:100%;
		text-align: center;
	}
	.product h2 {
		display:block;
		width:100%;
		position:relative;
		float:left;
		font-size: 15px;
		margin: 3px 0 45px 0;
	}

	.product p{
		display:none;
	}



	#logo{width:50%;}

	#copy{line-height: 18px;}
	.mobileonly{display:inline;}
	.block{height:auto;}
	.block.one,
	.block.two,
	.block.three {
	    width: 100%;
	    margin: 0 0 20px 0;
	}

	#feed{height:190px;}

	#toolbar a#phone,
	#toolbar a#contact{
		width:50%;
		text-indent: -9999px;
		background-position: center;
	}
	#toolbar a#phone{
		border-right: 1px solid #6f7175;
	}
	#toolbar a#contact{
		border-left: 1px solid #6f7175;
	}


	.storeinner{
		padding: 30px 30px 120px 30px;
	}
	#storeproducts{
		width:100%;
	}
	#ind .textarea h3{font-size: 29px;}
	#storetop h2{font-size: 22px;}
	#storebottom h3{font-size:22px;margin: 0 0 30px 0;}

	#indtext h3{
		font-size: 12px;
	}
	.indmobile{margin: 15px 5% 0 5%;}

	.category{
		width:100%;

	}
	.category:nth-child(2n+3) {clear: none;}
	.category:nth-child(2n+1) {margin: 0 0 8px 0;}
	.category:nth-child(2n+2) {margin: 0 0 8px 0;}

	#hero{padding: 120px 30px 0 30px;}
	#content{padding: 20px 30px 120px 30px;}
	#hero.sub {
	    padding: 120px 30px 0px 30px;
	    min-height: 174px;
	}
	#hero h1.pageTitle span, #hero h2.pageTitle span{
		font-size:28px;
	}

	#supnext, #supprev{
		padding: 8px 5px 0 0;
	}

	#page{
		padding: 40px;
		background-position: top 44px left 0px;
		background-size: 20px;
	}

	#leftcol img{
		max-height:none;
		max-width:100%;
		height:auto;
		margin: 0 0 10px 0;
	}

	.breadcrumb{
		display:block;
		width:100%;
		position:relative;
		float:left;
		margin: 5px 0 20px 0;
		padding: 0;
	}
	.breadcrumb.productspage{
		margin: 5px 0 0 0;
	}
	.breadcrumb>li+li:before{display:none;}
	.breadcrumb>li{
		display:block;
		width:100%;
		position:relative;
		float:left;
	}
	.breadcrumb>li>a{
		display:block;
		width:100%;
		position:relative;
		float:left;
		padding: 10px 40px 10px 20px;
		font-size:16px;
		text-decoration: none;
		color:#ffffff;
	}
	.breadcrumb>li.active{
		display:none;
	}

	.breadcrumb>li:nth-child(1n+0){background-color:#27b3e6;color:#0a5975;}
	.breadcrumb>li:nth-child(2n+0){background-color:#1c80bc;color:#0a354e;}
	.breadcrumb>li:nth-child(3n+0){background-color:#2e549d;color:#0c224c;}

	.breadcrumb>li:nth-child(2n+0):after{
		background-color:#1c80bc;
		content: '';
		position: absolute;
		width:20px;
		height:20px;
		z-index: 5;
		right:20px;
		top:-8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.breadcrumb>li:nth-child(3n+0):after{
		background-color:#2e549d;
		content: '';
		position: absolute;
		width:20px;
		height:20px;
		z-index: 5;
		right:20px;
		top:-8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.breadcrumb>li:nth-child(1n+0)>a{color:#0a5975;}
	.breadcrumb>li:nth-child(2n+0)>a{color:#0a354e;}
	.breadcrumb>li:nth-child(3n+0)>a{color:#0c224c;}

	#page.productpage:after{
		background-color:#fff;
		content: '';
		position: absolute;
		width:20px;
		height:20px;
		z-index: 5;
		right:20px;
		top:-8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#map{height:350px;}
	
	#locations .locations-container .item {
		max-width: none;
	}


}@media (max-width: 480px) {

	#page {
	    padding: 20px;
		background-position: top 24px left 0px;
		background-size: 10px;
	}
	#page h1.pageTitle {
	    font-size: 22px;
	}

	#content {
	    padding: 20px 15px 120px 15px;
	}

	#map{height:400px;}

}
/* -------------------------------------------------- */