/*resets*/
:root {
	--primary:#0894ef;
	--secondary:#316bc6;
	--tertiary:#F4F8F9;
	--orange:#F98800;
}
#debug										{ position:absolute;left:0;top:0; }
article, section, figure, figcaption, aside, header, footer, hgroup, nav, menu	{ display:block; }
pre,code 									{ font-size:1em; }
body,p,ul									{ font:normal 12px/18px 'roboto', Arial, Helvetica, sans-serif; color:#333; }

ul,nav ul li,pre,form,body,html,blockquote,fieldset,input,figure,figcaption,aside,article,section,nav,header,footer,hgroup,
dl,dt,dd,address							{ margin:0; padding:0; font-style:normal; }
ul,li										{ list-style:none; }
a img,:link img,:visited img				{ border:none }
a,a:visited									{ color:#000; text-decoration:none; }
a:hover										{ color:#888; cursor:pointer; text-decoration:none; }

/* Headers */
p,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6							{ margin:10px 0; font-size:16px; line-height:1.5em; font-weight:normal; }
h1 											{ color:var(--secondary); font-size:1.8em; }
h2											{ color:var(--secondary); font-size:1.7em; font-weight:bold; }
h3 											{ color:var(--primary); font-size:1.6em; }
h4 											{ color:var(--primary); font-size:1.3em; }
h5											{ color:var(--primary); font-size:1.2em; }
h2.empty									{ color:var(--primary); font-weight:bold; margin-top:50px; text-align:center; }

.content h1									{ font-size:3em; margin-top:0; }

/*Useful*/
.clearfloat,.clearfix						{ height:0; clear:both; font-size:0; line-height:0; margin:0; padding:0; content:'.'; }
.warn										{ color:#a00; font-weight:bold; }

/*Navigation*/
nav.main									{ background:#fff; clear:both; height:30px; }
nav.main ul li								{ display:inline-block; }
nav.main ul li a							{ color:#FFF; display:block; font-size:16px; padding:5px 10px; text-decoration:none; }
nav.main ul li a.bdown,
nav.main ul li a:hover						{ background:#FFF; color:var(--secondary); text-decoration:none; }

/*Mobile nav*/
nav.mobile									{ background:var(--secondary); display:none; min-height:40px; position:relative; }
nav.mobile ul li							{ display:block; }
nav.mobile ul li a							{ color:#FFF; display:block; font-size:16px; padding:5px 10px; text-decoration:none; }
nav.mobile ul li a:hover					{ background:#FFF; color:var(--secondary); text-decoration:none; }
nav.mobile ul.left,
nav.mobile ul.right							{ margin:10px 0 0 0; float:left; padding:0; width:49%; }
nav.mobile strong:link,
nav.mobile strong:hover,
nav.mobile strong:visited,
nav.mobile strong							{ color:#FFF; display:block; font:20px/20px arial; font-weight:bold; padding:10px 0; text-align:center; }

a.menuhide									{ float:right; height:25px; position:absolute; top:18px; width:25px; left:10px; }
a.menuhide i::after,
a.menuhide i::before,
a.menuhide i								{ background:#FFF; color:#FFF; content:''; height:3px; position:absolute; left:0; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; width:35px; }
a.menuhide i::after							{ bottom:-10px; }
a.menuhide i::before						{ top:-10px; }
.mobilemenu									{ clear:both; display:none; padding:0 0 30px 0; }
a.contact-us								{ border:1px solid rgba(255,255,255,0.6); border-radius:4px; color:#FFF; display:block; font:14px/16px arial; float:right; margin:5px; padding:6px 12px; }
a.contact-us:hover							{ background:#FFF; color:var(--primary); }

nav.header									{ float:right; padding:10px 0 0 0; }
nav.header a								{ border:1px solid #FFF; border-radius:10px; color:#FFF; display:inline-block; padding:10px; }
nav.header a:hover							{ background:#FFF; color:#0894EF; }
nav.header ul li							{ float:left; margin-right:5px; }

nav.products ul li							{ margin:0; }
nav.products ul li a						{ background:var(--primary); border-bottom:1px solid rgba(255,255,255,0.5); color:#FFF; display:block; font-weight:bold; margin:0; padding:10px 20px; box-shadow:0 0 22px rgba(0, 0, 0, 0.1411764705882353); border-radius:8px; min-height:90px; margin-bottom:16px; background-size: cover; background-position:center center; position: relative; overflow:hidden; }
nav.products ul li a.bdown,
nav.products ul li a:hover					{ background-color:var(--orange); }

nav.products .sl-cat-name					{ background:#263D4E; bottom:0; position:absolute; left:0; right:0; text-align:center; padding:9px 11px; font-size:14px; text-transform:uppercase; }
nav.products ul li a:hover .sl-cat-name,
nav.products ul li a.bdown .sl-cat-name		{ background-color:var(--orange); }

nav.products ul.subcategories li a			{ min-height:300px; margin-bottom:0; }
nav.products ul.subcategories li			{ margin-bottom:10px; }

.tubespec									{ border-top:1px solid #AAA; border-right:1px solid #AAA; width:100%; }
.tubespec th								{ border-left:1px solid #AAA; border-bottom:1px solid #AAA; font-weight:bold; padding:10px; }
.tubespec td								{ border-left:1px solid #AAA; border-bottom:1px solid #AAA; padding:10px; }

nav.footer									{  }
nav.footer ul li							{ margin:0; }
nav.footer ul li a							{ background:var(--primary); color:#FFF; display:block; font-size:14px; font-weight:bold; line-height:16px; margin:0; padding:2px 20px; }

.product									{ padding-top:0; }
.product h1									{ font-size:3.5em; margin-top:0; }
.content									{ padding:0 20px 20px 20px; }

/* Standard element setup */
body										{ background:var(--primary); }
.center										{ margin:0 auto; width:1020px; }
div.article									{ background:#FFF; padding:20px; }

footer										{ background:#0894ef; padding:30px 0; }
main										{ background:url('/img/foxtail.png') fixed; }
main.center									{ background:#FFF; padding:20px; position:relative; }
hgroup h2									{ color:#FFF; font-size:22px; font-size:30px; font-weight:bold; line-height:30px; padding:5px 0 0 0; }
hgroup h3									{ color:rgba(255,255,255,0.8); font-size:16px; line-height:20px; }
hgroup h3 strong							{ font-size:20px; }

#left,#right								{ border:0px solid red; float:left; min-height:600px; }
#left										{ margin-right:10px; width:200px; }
#right										{ max-width: 800px; width:100%; }
#home										{ clear:both; padding:50px; }

aside.box									{ border:0px solid red; color:#FFF; float:left; font-size:14px; line-height:20px; margin-right:10px; min-height:100px; width:32%; }
aside.last									{ margin-right:0; }

.sl-header									{ background:#0066B2; padding-top:15px; height:35px; }
.sl-logo									{ width:162px; background:#0894ef; box-shadow:0 3px 6px rgba(0, 0, 0, 0.16); text-align:center; position:absolute; top:0; }
.sl-logo-img								{ margin-bottom:0; }
.sl-logo-img a								{ display:block; font-size:8px; height:75px; line-height:8px; overflow:hidden; width:60px; }
.sl-logo-img img							{ height:68px; }
.sl-logo h2									{ margin:6px 0; font-size:15px; text-align:left; color:#fff; text-align:center; text-transform:uppercase; line-height:13px; padding:0; font-weight:normal; }
.sl-logo h2	.sl-sub							{ font-size:12px; }
.sl-logo-name								{ float:left;color:#FFF;margin:5px 0 0 28px;font-size:33px;text-shadow:1px 1px 6px rgba(0,0,0,0.5); }

.sl-address 								{ font-weight:normal; font-size:15px; text-align:left; color: #fff; color:rgba(255,255,255,0.8); margin-left:180px; }
.sl-telephone								{ float:right; font-weight:bold; font-size:32px; text-align:right; text-shadow:1px 1px 5px rgba(0,0,0,0.5); color:#fff; }

.sl-menu-main								{ background:#005693; clear:both; text-align:left; }
.sl-menu-main ul li							{ display:inline-block; }
.sl-menu-main ul li a						{ color:#FFF; display:block; font-size:14px; font-weight:bold; padding:15px 15px; text-decoration:none; text-transform:uppercase; }
.sl-menu-main ul li a.bdown,
.sl-menu-main ul li a:hover					{ background:#FFF; color:var(--secondary); text-decoration:none; }

.sl-overview								{ margin:10px; padding:26px; background:#253D4E; color:#fff; font-size:24px; text-align:center; }

.sl-index #right							{ max-width:unset; }
.sl-index #left								{ float:none; width:auto; min-height:auto; margin:0; }
.sl-index .products	ul						{ display:block; text-align:center; }
.sl-index .products	ul li					{ display:inline-block; box-sizing:border-box; width:25%; }
.sl-index .products	ul li:nth-child(1),
.sl-index .products	ul li:nth-child(2),
.sl-index .products	ul li:nth-child(3)		{ width:33%; }
.sl-index .products	ul li:nth-child(1) a,
.sl-index .products	ul li:nth-child(2) a,
.sl-index .products	ul li:nth-child(3) a	{ height:180px; }
.sl-index .products	ul li a					{ position:relative; margin:8px; height:140px; background-size:cover; background-position:center center; box-shadow:0 0 22px rgba(0, 0, 0, 0.1411764705882353); border-radius:8px; }
.sl-index .sl-cat-name						{ bottom:20px; position:absolute; left:20px; right:20px; text-align:center; padding:9px 11px; font-size:17px; text-transform:uppercase; }


#testimonials								{ margin:25px 0; }
#testimonials ul li							{ border:1px solid white; float:left; margin:0 10px 0 0; text-align:center; width:32%; box-shadow:0px 13px 26px rgba(0, 0, 0, 0.16); }
span.review									{ display:block; padding:25px 25px 0 25px; }
span.reviewer								{ color:#AAA; display:block; font-size:12px; font-style:italic; padding:10px; }


/* Smartphones (landscape)  ----------- */
@media only screen and (max-width:900px) {
	header								{ height:50px; }
	span.tel							{ display:none; }
	nav.mobile							{ display:block; }
	nav.main							{ display:none; }
	nav.header							{ display:none; }

	.center								{ width:auto }
	header								{ padding-top:5px; }
	hgroup h1							{ width:30px; }
	hgroup h1 a img						{ width:100%; }
	hgroup h2							{ font-size:14px; line-height:14px; margin:5px 0; padding:0; }
	hgroup h3							{ font-size:13px; line-height:13px; margin:5px 0; }

	#left								{ display:none; }
	#right								{ width:100%; }

	aside.box							{ margin:0; width:100%; }
	.navigation a,
	.pag span							{ border:1px solid #AAA !important; border-radius:3px; font-size:16px; margin:0 5px; padding:3px; }

	.sl-menu-main						{ display:none; }
	.sl-logo-img						{ margin:0; }
	.sl-logo-img img					{ height:37px; margin:0 11px; }
	.sl-logo-name						{ float:none; font-size:20px; white-space:nowrap; }
	.sl-overview						{ line-height:26px; padding:16px; font-size:20px; }
	.sl-telephone						{ display:none; }
	.sl-address							{ display:none; }
	#testimonials ul li					{ width:auto; float:none; margin-bottom:10px; }
	.sl-index #left						{ display:block; }
	.sl-index .products	ul li			{ width:100% !important; }
	
	ul.productlist li 					{ float:none; width:100%; margin-right:0; }
	nav.products ul.subcategories li	{ float:none; width:auto; margin-right:0; }

	#home								{ clear:both; padding:50px 10px; }
	footer aside.last					{ padding:10px 20px; }
}

/***************************************** CAPTCHA*/
#captchaholder					{ border:1px solid #eee; height:70px; }
#captchaholder p				{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; line-height:1.2em; margin:5px; }
#captchaholder img				{ margin:5px; float:left; }
#captchaholder input#capcode	{ display:inline-block; padding:3px; width:85px; border-radius:0; border:1px solid #333; font:bold 18px/18px Arial,sans-serif; letter-spacing:3px; }


/* Smartphones (portrait) ----------- */
@media only screen and (max-width:320px) {

}