/* default
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {width: 100%; height:auto}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#666; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a:hover{ text-decoration:underline}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {/*border-collapse: collapse;*/ border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

h1,h2,h3,h4,h5,h6{ font-weight:400}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

.clear { clear: both; }

.hide { display: none !important; }

img { display: block; }

.container { position: relative; display: block; }
#site-contact-form { display: none; }

.show-right:before { position: relative; left: 100%; display: block; width: 100%; float: left; margin: 0 0 0 -100%; }

.left { float: left; }
.right { float: right; }

strong { font-weight: 500; }

a.tel { cursor: default; }

.nowrap { white-space: nowrap; }


/*** site styles ***/

html { -webkit-text-size-adjust: 100%; }
html, BODY { height: 100%; }
BODY { background: #03152e; font-family: "sofia-pro", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.3; color: #041e42; text-align: center; }
BODY.safari.tablet, BODY.safari.mobile { cursor: pointer; }

h1 { font-size: 38px; font-weight: 700; line-height: 1.1; margin: 0 0 20px; padding: 0; color: #041e42; text-transform: lowercase; }
.product-page h1 { text-transform: none; }
h2 { font-size: 38px; font-weight: 700; line-height: 1.1; margin: 0 0 20px; padding: 0; color: #041e42; text-transform: lowercase; }
h3 { font-size: 16px; font-weight: 600; line-height: 1.2; margin: 0 0 20px; padding: 0; color: #041e42; text-transform: uppercase; }
h4 { font-size: 20px; line-height: 1.2; margin: 0 0 20px; padding: 0; }

p { padding: 0 0 25px; margin: 0; line-height: 1.3; }
p:last-child, p:last-of-type { padding-bottom: 0; }
a { color: #4a858f; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

ul, ol { margin: 0; padding: 0; }
ul li, ol li ul li { list-style-type: disc; margin: 0 0 0 40px; padding: 15px 0 0 5px; }
ol li, ul li ol li { list-style-type: decimal; margin: 0 0 0 40px; padding: 15px 0 0 5px; }
ol li ul li, ul li ol li { padding-top: 10px; margin-left: 25px; }

p + ul, p + ol { margin-top: -25px; }
h3 + ul, h3 + ol { margin-top: -15px; }
p:last-child + ul, p:last-child + ol, p:last-of-type + ul, p:last-of-type + ol { margin-top: 0; }

p + h2, p + h3 { padding-top: 20px; }
p:last-child + h2, p:last-of-type + h2, ul + h2, ol + h2, p:last-child + h3, p:last-of-type + h3, ul + h3, ol + h3 { padding-top: 40px; }
ul + p, ol + p { padding-top: 25px; }

a.btn { position: relative; display: block; padding: 7px 10px 7px 0; line-height: 1; font-size: 16px; color: #fff; background: #0f1d41; text-transform: lowercase; text-align: right; font-weight: 300; box-sizing: border-box; -moz-box-sizing: border-box; }
a.btn:after { position: absolute; bottom: 0; left: 0; display: block; width: 28px; height: 100%; background: url(../img/button-corner.png) left bottom no-repeat; content: ''; }
a.btn:hover { background: #000; color: #fff; padding-right: 20px; }


.site-wrapper { position: relative; display: block; width: 100%; overflow: hidden; }
.site { position: relative; display: block; width: 100%; max-width: 2000px; margin: 0 auto; overflow: hidden; background: #FFF; }
BODY.page-contact .site { background: #041e42; }

.top-border { position: relative; display: block; width: 100%; height: 10px; }
.top-border ul { margin: 0; padding: 0; }
.top-border ul li { display: block; width: 33.3333%; height: 10px; margin: 0; padding: 0; float: left; }
.top-border ul li:nth-child(1) { background: #ab2328; }
.top-border ul li:nth-child(2) { background: #ffa300; }
.top-border ul li:nth-child(3) { background: #00a885; }

.header-wrapper { position: relative; display: block; width: 100%; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 999; }
BODY.page-contact .header-wrapper { background: #FFF; }
.matting .header-wrapper { border-top: 10px solid #ab2328; }
.athletics .header-wrapper { border-top: 10px solid #ffa300; }
.flooring .header-wrapper { border-top: 10px solid #00a885; }
#header { position: relative; display: block; width: 100%; max-width: 1060px; padding: 15px 0 0; margin: 0 auto; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; }

#header .top { position: relative; display: block; margin: 0 0 10px; text-align: right; }
#header .top ul { display: block; margin: -2px 0 0; padding: 0; float: right; }
#header .top ul li { list-style-type: none; margin: 0 30px 0 0; padding: 0; float: left; }
#header .top ul li a { text-transform: lowercase; color: #6585b0; font-size: 13px; font-weight: 400; }
#header .top ul li a:hover { color: #041e42; }

#header .top .search-box, #flyout-menu .search-box { position: relative; display: block; border: 1px solid #6585b0; float: right; box-sizing: border-box; -moz-box-sizing: border-box; }
#header .top .search-box input[type="text"], #flyout-menu .search-box input[type="text"] { width: 90px; border: none; color: #6585b0; font-size: 13px; font-weight: 400; padding: 5px 5px 0; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
#header .top .search-box .icon-search, #flyout-menu .search-box .icon-search { position: relative; display: block; float: right; }
#header .top .search-box .icon-search:hover, #flyout-menu .search-box .icon-search:hover { background: #6585b0; }
#header .top .search-box .icon-search::before, #flyout-menu .search-box .icon-search::before { position: relative; top: -4px; width: 24px; padding: 0; text-align: center; font-size: 13px; color: #6585b0; }
#header .top .search-box .icon-search input[type="submit"], #flyout-menu .search-box .icon-search input[type="submit"] { position: absolute; top: 0; left: 0; border: none; background: none; width: 24px; height: 24px; z-index: 99; }
#header .top .search-box .icon-search:hover::before, #flyout-menu .search-box .icon-search:hover::before { color: #FFF; }

#header .bottom { position: relative; display: block; text-align: center; padding: 0 0 50px; }
#header .bottom .logo { position: relative; display: block; height: 121px; margin: 0 auto 20px; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
#header .bottom .logo a { display: inline-block; height: 100%; }
#header .bottom .logo img { position: relative; display: block; width: auto; height: 100%; margin: 0 auto; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
#header .bottom .logo h2 { text-indent: -9999px; overflow: hidden; font-size: 1px; border: none; line-height: 1; height: auto; margin: 0; padding: 0; }

.matting #header .bottom .logo { height: 153px; }
.athletics #header .bottom .logo { height: 141px; }
.flooring #header .bottom .logo { height: 154px; }

#header .bottom ul.menu { display: inline-block; margin: 0 auto; padding: 0; }
#header .bottom ul.menu li { list-style-type: none; margin: 0 0 0 30px; padding: 0; float: left; }
#header .bottom ul.menu > li:before { position: relative; top: 4px; display: inline-block; width: 10px; height: 21px; content: ''; background: url(../img/menu-sep.png) no-repeat; margin: 0 30px 0 0; }
#header .bottom ul.menu > li:first-child { margin-left: 0; }
#header .bottom ul.menu > li:first-child:before { display: none; }
#header .bottom ul.menu li a { display: inline-block; color: #041e42; font-size: 20px; font-weight: 300; text-transform: lowercase; margin: 0 0 5px; }
#header .bottom ul.menu li a:hover, #header .bottom ul.menu li:hover a { color: #041e42; }
.main #header .bottom ul.menu li:nth-child(1) a:hover, .matting #header .bottom ul.menu > li a:hover, .matting #header .bottom ul.menu > li:hover a, .matting #header .bottom ul.menu > li.active a, .matting #header .bottom ul.menu > li.parent a { color: #ab2328; }
.main #header .bottom ul.menu li:nth-child(2) a:hover, .athletics #header .bottom ul.menu > li a:hover, .athletics #header .bottom ul.menu > li:hover a, .athletics #header .bottom ul.menu > li.active a, .athletics #header .bottom ul.menu > li.parent a { color: #ffa300; }
.main #header .bottom ul.menu li:nth-child(3) a:hover, .flooring #header .bottom ul.menu > li a:hover, .flooring #header .bottom ul.menu > li:hover a, .flooring #header .bottom ul.menu > li.active a, .flooring #header .bottom ul.menu > li.parent a { color: #00a885; }

#header .bottom ul.menu li ul { position: absolute; display: none; width: 200px; background: #FFF; padding: 15px 20px 20px; margin: 0; -webkit-box-shadow: 3px 3px 10px 0px rgba(1,2,2,0.17); -moz-box-shadow: 3px 3px 10px 0px rgba(1,2,2,0.17); box-shadow: 3px 3px 10px 0px rgba(1,2,2,0.17); box-sizing: border-box; -moz-box-sizing: border-box; }
#header .bottom ul.menu li:hover ul { display: block; }
#header .bottom ul.menu li ul li { margin: 3px 0; float: none; text-align: left; }
#header .bottom ul.menu li ul li a { color: #041e42 !important; font-size: 15px; margin: 0; }
#header .bottom ul.menu li ul li a:hover { color: #041e42 !important; text-decoration: underline; }


#flyout-menu { position: absolute; left: -200px; top: 0; display: none; width: 200px; height: 100%; padding: 20px 0 0; background: #fff; text-align: left; border-right: 1px solid #000; -webkit-box-shadow: 0 0 10px 0 #3c3c3c; box-shadow: 0 0 10px 0 #3c3c3c; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 99999; }
#flyout-menu .flyout-top { position: relative; display: block; margin: 0 0 10px; padding: 0 10px; }
#flyout-menu .search-box { float: none; padding-right: 24px; }
#flyout-menu .search-box input[type="text"] { width: 100%; padding-bottom: 2px; }
#flyout-menu .search-box .icon-search { position: absolute; top: 0; right: 0; }

#flyout-menu .flyout-bottom { position: relative; display: block; border-top: 1px #03152e solid; }
#flyout-menu .flyout-bottom ul { margin: 0; padding: 0; }
#flyout-menu .flyout-bottom li { margin: 0; padding: 0; display: block; border-bottom: 1px #ccc solid; }
#flyout-menu .flyout-bottom li li { border-top: 1px #FFF solid; border-bottom: none; }
#flyout-menu .flyout-bottom li a { display: block; padding: 15px 10px; font-size: 14px; color: #FFF; background: #03152e; line-height: 1; text-transform: uppercase; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; }
#flyout-menu .flyout-bottom li a:hover { background: #fff; color: #03152e; text-decoration: none; }
#flyout-menu .flyout-bottom li li a { padding-left: 20px; font-size: 14px; text-transform: none; background: #041e42; }

#flyout { position: absolute; top: 50%; right: 0; display: none; margin: -11px 0 0; z-index: 999999; }
#flyout a.icon-menu { color: #041e42; font-size: 24px; line-height: 1; }
#flyout a.icon-menu:before { width: auto; margin: 0; line-height: 1; }
#flyout a.icon-menu:hover { color: #000; }


.notice-wrapper { position: relative; display: block; }
.notice { position: relative; display: block; background: #041e42; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.1; text-transform: uppercase; }
.notice-wrapper a { display: block; width: 100%; background: #041e42; color: #fff; padding: 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.notice-wrapper a:hover { background: #000; color: #fff; }
.notice-wrapper .notice-spacing { padding: 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; }


.promo-wrapper { position: absolute; top: 0; left: 50%; display: block; width: 154px; margin-left: -480px; z-index: 9999; }
.promo-wrapper a { color: #fff; display: block; }
.promo-wrapper a:hover { color: #000; }
.promo { position: relative; display: block; width: 100%; padding: 10px 15px; font-size: 14px; text-align: right; background: #ab2328; box-sizing: border-box; -moz-box-sizing: border-box; }
.promo:after { position: absolute; left: 0; bottom: -34px; display: block; width: 154px; height: 35px; background: url(../img/promo-bg.svg) left bottom no-repeat; background-size: 100% auto; }
.promo strong { font-size: 30px; display: block; }


.banner-wrapper { position: relative; display: block; width: 100%; height: 500px; border-top: 10px solid #041e42; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; }
.banner-wrapper .gallery {}
.banner-wrapper.single-banner { max-height: 250px; }
.banner-wrapper .item { position: relative; display: none; width: 100%; }
.banner-wrapper .item:first-child { display: block; }
.banner-wrapper .carousel-inner { position: relative; display: block; max-height: 500px; overflow: hidden; }
.banner-wrapper .carousel-inner .cycle-pager-wrapper { position: absolute; bottom: 20px; display: block; width: 100%; text-align: center; z-index: 9999; }
.banner-wrapper .carousel-inner .cycle-pager { position: relative; display: inline-block; margin: 0 auto; }
.banner-wrapper .carousel-inner .cycle-pager span { width: 15px; height: 15px; display: inline-block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; cursor: pointer; background: #0f1d41; text-indent: -9999px; overflow: hidden; margin: 0 4px; font-size: 1px; color: #0f1d41; text-align: center; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.banner-wrapper .carousel-inner .cycle-pager span:hover, .banner-wrapper .carousel-inner .cycle-pager span.cycle-pager-active { background: #44506f; color: #44506f; }

.seperator-wrapper { position: relative; display: block; width: 100%; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.seperator { position: relative; display: block; width: 100%; max-width: 1120px; margin: 0 auto; padding: 0; border-top: 2px solid #e6e7e8; }


.breadcrumbs-wrapper { position: relative; display: block; width: 100%; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.breadcrumbs { position: relative; display: block; width: 100%; max-width: 950px; margin: 0 auto; padding: 13px 0 0; font-size: 12px; color: #939598; text-transform: lowercase; text-align: left; }
.breadcrumbs a { font-size: 12px; color: #939598; text-transform: lowercase; }
.breadcrumbs a:hover { color: #041e42; }


.content-wrapper { position: relative; display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.page-contact .content-wrapper { background: #041e42; }
.content-inner { position: relative; display: block; width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 20px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; }

.content { position: relative; display: block; width: 100%; max-width: 960px; margin: 0 auto; padding: 50px 0 70px; }
.content.default img { width: auto; max-width: 100%; }
.content.default img[style*="float: right;"], .content.default img[style*="float:right;"] { margin: 0 0 20px 20px; }
.content.default img[style*="float: left;"], .content.default img[style*="float:left;"] { margin: 0 20px 20px 0; }

.content table { border: none; margin: 20px 0 0; border: 2px solid #d7d7d9; border-right-width: 1px; border-bottom-width: 1px; }
.product-page .content table { border-top-width: 1px; border-left-width: 1px; border-right: none; border-bottom: none; }
.content table th, table td { padding: 4px 10px; border-bottom: 1px solid #d7d7d9; border-right: 1px solid #d7d7d9; font-size: 15px; font-weight: 300; vertical-align: top; }
.content table th { background: #d7d7d9; color: #041e42; font-weight: 600; }
.product-page .content table th { background: none; color: #0b2041; text-transform: lowercase; font-weight: 300; }
.content table td { color: #666b71; }

.content-row { position: relative; display: block; padding: 20px 0 0; }
.content-row.details { margin-bottom: 25px; }
.content-row h3 { font-size: 26px; text-transform: lowercase; font-weight: 500; }
.content-row hr { border: none; border-bottom: 2px solid #d2d4d5; padding: 25px 0 0; margin: 0; }

.content-row .main { position: relative; display: block; width: 74.479167%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content-row .main.area-description { min-height: 300px; padding: 15px 25px; background: #e7e8e9; color: #041e42; font-size: 17px; }
.content-row .main .area-duty { position: relative; display: block; padding: 15px 0 0; font-weight: 500; text-transform: lowercase; }
.content-row .side { position: relative; display: block; width: 25.520833%; padding: 0 0 0 20px; float: right; box-sizing: border-box; -moz-box-sizing: border-box; }
.content-row .side a.product-gallery { position: relative; display: block; }
.content-row .side a.product-gallery span.icon { position: absolute; bottom: 10px; left: 10px; display: block; width: 37px; -webkit-box-shadow: 0 0 10px 0 #3c3c3c; box-shadow: 0 0 10px 0 #3c3c3c; }
.content-row .side a.product-gallery span.sm { display: none; }
.page-contact .content-row .side { padding-top: 10px; }
.page-contact .content-row .main, .page-contact .content-row .side { width: 48.958333%; }

.content .split-box { position: relative; display: block; padding: 10px 0; }
.content .split-box .split-col { position: relative; display: block; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .split-box .split-col.area-perfect-for { width: 57.164179%; padding: 0 20px 0 0; font-size: 20px; text-transform: lowercase; }
.content .split-box .split-col.area-perfect-for.full-width { width: 100%; padding-right: 0; }
.area-perfect-for h5 { font-size: 20px; font-weight: 600; margin: 0 0 8px; padding: 10px 0 0; text-transform: lowercase; }
.content .split-box .split-col.area-certified { width: 42.835821%; border-left: 2px solid #d2d4d5; padding: 7px 0; }
.content .split-box .split-col.split-col-empty.area-certified { width: 57.164179%; border-left: none; }
.area-certified .certification { position: relative; display: block; width: 50%; padding: 0 0 0 20px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.split-col-empty.area-certified .certification { width: 20%; padding: 0 20px 0 0; }

.area-files a.btn { margin: 0 0 20px; }


.jump-box { position: relative; display: block; margin: 0; padding: 80px 0; border-top: 2px solid #e6e7e8; }
.jump-box .col { position: relative; display: block; width: 33.33333%; float: left; background: url(../img/side-border.png) left center repeat-y; box-sizing: border-box; -moz-box-sizing: border-box; }
.jump-box .col:first-child { background: none; }
.jump-box .col a { position: relative; display: block; padding: 25px 70px; text-align: center; }
.jump-box .col a .jump-box-top { position: relative; display: inline-block; margin: 0 auto 30px; }
.jump-box .col a .jump-box-top img { margin: 0 auto; }
.jump-box .col a .jump-box-top .normal { opacity: 1; transition: opacity .4s; -moz-transition: opacity .4s; -webkit-transition: opacity .4s; -o-transition: opacity .4s; }
.jump-box .col a .jump-box-top .over { position: absolute; top: 0; left: 0; display: block; opacity: 0; transition: opacity .4s; -moz-transition: opacity .4s; -webkit-transition: opacity .4s; -o-transition: opacity .4s; }
.jump-box .col a:hover .jump-box-top .normal { opacity: 0; }
.jump-box .col a:hover .jump-box-top .over { opacity: 1; }
.jump-box .col a .jump-box-content { position: relative; display: block; color: #041e42; }
.jump-box .col a:hover .jump-box-content { color: #041e42; }
.jump-box .col.col-3 { display: none; }

.jump-box.jump-video .col .jump-box-top { min-height: 117px; display: block; }
.jump-box.jump-video .col .jump-box-top .normal, .jump-box.jump-video .col .jump-box-top .over { position: absolute; bottom: 0; left: 0; top: auto; }
.jump-box.jump-video .col a .jump-box-content { text-align: left; }
.jump-box.jump-video .col.col-3 { display: block; }


.content-main-rows { position: relative; display: block; margin-bottom: 50px; }
.content-main-rows .row { position: relative; display: block; border-top: 2px solid #e6e7e8; padding: 70px 0; }
.content-main-rows .row .row-inner { position: relative; display: block; max-width: 960px; margin: 0 auto; }
.content-main-rows .row.grid .row-inner { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 0 100px; grid-auto-rows: minmax(min-content, max-content); grid-template-areas: "col-1 col-2"; }
.content-main-rows .row.grid.has-image { padding-top: 35px; padding-bottom: 35px; }
.content-main-rows .row.grid.has-image .row-inner { grid-template-columns: 1fr 300px; grid-template-areas: "col-2 col-1"; }
.content-main-rows .row.grid.has-image.alt .row-inner { grid-template-columns: 300px 1fr; grid-template-areas: "col-1 col-2"; }
.content-main-rows .row.grid.sep .row-inner { gap: 0 0; }
.content-main-rows .row.has-image .wrap { position: relative; display: block; }

.content-main-rows .col { position: relative; display: grid; align-content: center; }
.content-main-rows .row.sep .col { border-left: 1px solid #e6e7e8; border-right: 1px solid #e6e7e8; padding-left: 100px; padding-right: 100px; }
.content-main-rows .row.grid.sep .row-inner .col { align-content: flex-start; }
.content-main-rows .row.sep .col:first-of-type { border-left: none; padding-left: 0; }
.content-main-rows .row.sep .col:last-of-type { border-right: none; padding-right: 0; }

.content-main-rows a .jump-box-top { position: relative; display: inline-block; }
.content-main-rows a .jump-box-top img { margin: 0 auto; }
.content-main-rows a .jump-box-top .normal { opacity: 1; transition: opacity .4s; -moz-transition: opacity .4s; -webkit-transition: opacity .4s; -o-transition: opacity .4s; }
.content-main-rows a .jump-box-top .over { position: absolute; top: 0; left: 0; display: block; opacity: 0; transition: opacity .4s; -moz-transition: opacity .4s; -webkit-transition: opacity .4s; -o-transition: opacity .4s; }
.content-main-rows a:hover .jump-box-top .normal { opacity: 0; }
.content-main-rows a:hover .jump-box-top .over { opacity: 1; }
.content-main-rows a .jump-box-content { position: relative; display: block; color: #041e42; }
.content-main-rows a:hover .jump-box-content { color: #041e42; }

.content-main-rows .col-1 { grid-area: col-1; }
.content-main-rows .col-2 { grid-area: col-2; }




.product-section-wrapper { position: relative; display: block; width: 100%; max-width: 960px; margin: 0 auto 50px; overflow: hidden; }
.product-section-wrapper.quick-links-wrapper { padding-top: 30px; }
.product-section { position: relative; display: block; margin: 0 0 0 -20px; }
.product-section.empty { margin: 0; padding: 0 0 20px; }
.product-section .product-section-inner { position: relative; display: block; }
.product-section .product-item { position: relative; display: block; width: 25%; padding: 0 0 20px 20px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.product-section .product-item a, .product-section .product-item .link-wrapper { position: relative; display: block; height: 200px; border: 15px solid #e7e8e9; background: #FFF; overflow: hidden; }
.product-section .product-item a .title, .product-section .product-item .link-wrapper .title { position: absolute; bottom: 0; display: block; width: 100%; font-size: 16px; color: #041e42; font-weight: 400; line-height: 1.1; text-align: center; background: #FFF; padding: 8px 10px; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.product-section .product-item a.swatch-gallery .title { font-weight: 500; text-transform: uppercase; }
.matting .product-section .product-item a:hover .title { color: #ab2328; }
.athletics .product-section .product-item a:hover .title { color: #ffa300; }
.flooring .product-section .product-item a:hover .title { color: #00a885; }


.gallery-brochure-wrapper { position: relative; display: block; width: 100%; max-width: 960px; margin: 0 auto 50px; overflow: hidden; }
p + .pimcore_area_gallery-brochure { padding-top: 30px; }
.brochure-section { position: relative; display: block; margin: 0 0 0 -20px; }
.brochure-section.empty { margin: 0; padding: 0 0 20px; }
.brochure-section .brochure-item { position: relative; display: block; width: 50%; padding: 0 0 20px 20px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.brochure-section .brochure-item:nth-child(2n+1) { clear: both; }
.brochure-section .brochure-item a, .brochure-section .brochure-item .link-wrapper { position: relative; display: block; border: 15px solid #e7e8e9; background: #FFF; overflow: hidden; }
.brochure-section .brochure-item .brochure-image { position: relative; display: block; width: 40%; padding: 0 5px 0 0; float: left; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 999; }
.brochure-section .brochure-item .brochure-content { position: relative; display: block; width: 60%; padding: 5px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; color: #041e42; font-size: 15px; }
.brochure-section .brochure-item a .title, .brochure-section .brochure-item .link-wrapper .title { display: block; font-size: 18px; color: #041e42; font-weight: 500; line-height: 1.1; margin: 0 0 10px; }
.matting .brochure-section .brochure-item a:hover .title { color: #ab2328; }
.athletics .brochure-section .brochure-item a:hover .title { color: #ffa300; }
.flooring .brochure-section .brochure-item a:hover .title { color: #00a885; }


.gallery-video-wrapper { position: relative; display: block; width: 100%; max-width: 960px; margin: 0 auto 50px; overflow: hidden; }
p + .pimcore_area_gallery-video { padding-top: 30px; }
.video-section { position: relative; display: block; margin: 0 0 0 -20px; }
.video-section.empty { margin: 0; padding: 0 0 20px; }
.video-section .video-item { position: relative; display: block; width: 25%; padding: 0 0 20px 20px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.video-section .video-item a, .video-section .video-item .link-wrapper { position: relative; display: block; height: 200px; border: 15px solid #e7e8e9; background: #FFF; overflow: hidden; }
.video-section .video-item a .title, .video-section .video-item .link-wrapper .title { position: absolute; bottom: 0; display: block; width: 100%; font-size: 16px; color: #041e42; font-weight: 400; line-height: 1.1; text-align: center; background: #FFF; padding: 8px 10px; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.matting .video-section .video-item a:hover .title { color: #ab2328; }
.athletics .video-section .video-item a:hover .title { color: #ffa300; }
.flooring .video-section .video-item a:hover .title { color: #00a885; }



.content-row.item-list { padding-top: 30px; }
.item-list h3 { line-height: 1; margin: -5px 0 25px; }
.item-list p { margin: 0 0 20px; }
.item-list.category-list p { margin: 0 0 45px; }
.item-list a.btn.see-all { float: right; width: 125px; }
.item-list .product-section-wrapper { margin-bottom: 10px; }
.item-list .product-section .product-item { display: none; opacity: 0; }
.item-list .product-section .product-item:nth-child(-n+4), .item-list.full-list .product-section .product-item { display: block; opacity: 1; }
/*.page-gallery.item-list .product-section .product-item:nth-child(-n+3) { display: block; opacity: 1; }*/
.page-gallery.content-row.item-list { padding-top: 50px; }
.page-gallery .product-section .product-item a { height: auto; }

.item-list a.arrow-left, .item-list a.arrow-right { position: absolute; top: 155px; display: block; width: 22px; height: 53px; overflow: hidden; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; background-position: 0 0; background-repeat: no-repeat; }
.item-list a.arrow-left { left: -40px; background-image: url(../img/arrow-left.png); }
.item-list a.arrow-right { right: -40px; background-image: url(../img/arrow-right.png); }
.item-list a.arrow-left:hover, .item-list a.arrow-right:hover { background-position: -22px 0; }
.item-list a.arrow-left.disabled, .item-list a.arrow-left.disabled:hover, .item-list a.arrow-right.disabled, .item-list a.arrow-right.disabled:hover { background-position: 0 0; opacity: .3; cursor: default; }


table.product-details { width: 100%; border: none; border-top: 1px solid #d7d7d9; border-left: 1px solid #d7d7d9; margin: 0; }
table.product-details.product-detail-min { display: none; }
table.product-details th, table.product-details td { width: 25%; padding: 4px 5px; border-bottom: 1px solid #d7d7d9; border-right: 1px solid #d7d7d9; font-size: 15px; font-weight: 300; vertical-align: top; text-transform: lowercase; }
table.product-details.product-detail-min th, table.product-details.product-detail-min td { width: 500px; }
table.product-details th { color: #0b2041; text-transform: lowercase; }
table.product-details td { color: #666b71; }
table.product-details td.empty { border: none; }
table.product-details td.regular, table.product-details.product-detail-min td.regular { text-transform: none; }

BODY.page-contact { color: #FFF; } 
.page-contact h1 { color: #FFF; }
.page-contact .main-content a.tel { font-size: 20px; color: #a2aebf; }

.locations-wrapper { position: relative; display: block; }
.locations-wrapper .location { position: relative; display: block; padding: 25px 0 0; font-size: 20px; color: #b8c2d0; }
.locations-wrapper .location:first-child { padding-top: 0; }
.locations-wrapper .location h4 { font-size: 34px; text-transform: lowercase; color: #FFF; margin-bottom: 10px; }
.locations-wrapper .location .address { margin: 0 0 15px; }
.locations-wrapper .location a.tel, .locations-wrapper .location a.tel:hover { color: #b8c2d0; }


.content-inner .search-box { position: relative; display: block; border: 1px solid #6585b0; padding-right: 30px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content-inner .search-box input[type="text"] { width: 100%; padding-bottom: 2px; border: none; color: #6585b0; font-size: 22px; font-weight: 400; padding: 6px 5px 5px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content-inner .search-box .icon-search { position: absolute; top: 0; right: 0; display: block; height: 34px; float: right; }
.content-inner .search-box .icon-search:hover { background: #6585b0; }
.content-inner .search-box .icon-search::before { position: relative; top: 5px; width: 30px; padding: 0; text-align: center; font-size: 22px; color: #6585b0; }
.content-inner .search-box .icon-search input[type="submit"] { position: absolute; top: 0; left: 0; border: none; background: none; width: 30px; height: 30px; z-index: 99; }
.content-inner .search-box .icon-search:hover::before { color: #FFF; }

.pagination-wrapper { position: relative; display: block; text-align: center; padding: 30px 0; }
ul.pagination { display: inline-block; margin: 0 auto; padding: 0; }
ul.pagination li { list-style-type: none; margin: 0 10px; padding: 0; float: left; }
ul.pagination li a { font-size: 20px; }
ul.pagination li.active a { color: #000; }


.contact-footer-wrapper { position: relative; display: block; width: 100%; background: #041e42; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.contact-footer { position: relative; display: block; width: 100%; max-width: 960px; padding: 30px 0 35px; margin: 0 auto; color: #8897ab; font-size: 16px; font-weight: 400px; box-sizing: border-box; -moz-box-sizing: border-box; }
.page-contact .contact-footer { padding-bottom: 0; }
.contact-footer .logo-sm { position: relative; display: block; height: 60px; margin: 0 auto 20px; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.contact-footer .logo-sm img { position: relative; display: block; width: auto; max-width: 60px; height: 100%; margin: 0 auto; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.contact-footer ul.locations { display: inline-block; margin: 0 auto; padding: 0; }
.contact-footer ul.locations.top { margin-bottom: 20px; }
.contact-footer ul.locations li { list-style-type: none; margin: 0 0 0 30px; padding: 0; float: left; color: #8897ab; font-size: 22px; font-weight: 600; text-transform: lowercase; }
.contact-footer ul.locations li:before { position: relative; top: 4px; display: inline-block; width: 10px; height: 21px; content: ''; background: url(../img/footer-location-sep.png) no-repeat; margin: 0 30px 0 0; }
.contact-footer ul.locations li:first-child { margin-left: 0; }
.contact-footer ul.locations li:first-child:before { display: none; }
.contact-footer ul.locations li a.tel { color: #8897ab; /*font-size: 16px;*/ font-weight: 400; margin: 0 0 0 5px; }
.contact-footer ul.locations li a.tel:hover { color: #8897ab; }


.footer-wrapper { position: relative; display: block; width: 100%; background: #03152e; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
#footer { position: relative; display: block; width: 100%; max-width: 960px; padding: 35px 0 10px; margin: 0 auto; color: #4f6685; font-size: 12px; font-weight: 400px; box-sizing: border-box; -moz-box-sizing: border-box; }
#footer hr { border: none; border-bottom: 2px solid #1c3353; padding: 20px 0 0; margin: 0 0 10px; }
#footer ul.social { display: inline-block; margin: 0 auto; padding: 0; }
#footer ul.social li { list-style-type: none; margin: 0 15px; padding: 0; float: left; }
#footer ul.social li a.icon-twitter { display: block; color: #8897ab; font-size: 24px; margin-top: -5px; }
#footer ul.social li a.icon-twitter:hover { color: #fff; }



.web-form { padding: 0; margin: 0; width: 100%; }
.web-form p { padding-bottom: 15px; margin: 0; width: auto; line-height: 1; }
.web-form img { width: auto; }
.web-form .ajax-loader { background: #FFF; float: right; padding: 2px; margin: 0 10px 0 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

.web-form .wrap { display: block; border: none; background: #b8c2d0; padding: 6px 12px 10px; -webkit-box-shadow: inset 0px 0px 6px 2px rgba(4,30,66,0.57); -moz-box-shadow: inset 0px 0px 6px 2px rgba(4,30,66,0.57); box-shadow: inset 0px 0px 6px 2px rgba(4,30,66,0.57); }
.web-form .wrap input, .web-form .wrap textarea, .web-form .wrap select { font-family: "sofia-pro", sans-serif; font-weight: 500; font-size: 16px; color: #000000; }
.web-form .wrap input[type="text"], .web-form .wrap input[type="email"], .web-form .wrap textarea { width: 100%; border: none; outline: 0; padding: 0; margin: 0; background: none; line-height: 1.3; }
.web-form .wrap select { width: 100%; outline: 0; padding: 0; margin: 0; background: none; line-height: 1.3; border: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAAgxJREFUeAHt0ltuAjEMBVC6rK6rv32wgG6sq2qHDySKSplJ7MSDDhJCPOKYc+/h4EGAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIJAu8JR+Q9sFz8uxl7ajJU99L1t9Ls+vktsVXeq47HWCe4Tna1Hj8msdH6AAwu+s2Z5LIPzO8M/H91gC4Z/TC3rdUwmEHxT69Zg9lED416kFv69cgrfg/2rcDYGKJRD+jbCyPq5UAuFnpXxnboUSCP9OSNlfzyyB8LPTXTl/RgmEvzKcUT8bWQLhj0p14z0jSvC+cSc/HyyQWQLhDw6z9bqMEgi/NY1J5yJLIPxJIfZeG1EC4femMPl8TwmEPzm8qOtbSiD8KP0ic7aU4KPIztYIFlhTAuEHo1cb918JhF8traR9/iqB8JOwq469LIHwq6aUvNepBMJPRjaeAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQ+C3wA8BEpFVEtqRRAAAAAElFTkSuQmCC) no-repeat 100% 20%;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none; background-size: 8%; cursor: pointer; }
.web-form .wrap textarea { height: 220px; margin-top: 2px; }

.web-form .wrap.input-error { background: #FCC; color: #FFF; }
.web-form .wrap.input-error .error { display: none !important; }

.response-output { position: relative; display: none; font-size: 22px; margin: 0 0 25px; }

.content-row .content-info .content-text .wpcf7 .captcha { position: relative; padding-left: 240px; }
.content-row .content-info .content-text .wpcf7 .captcha label { position: absolute; top: 0; left: 0; display: block; width: 220px; padding: 8px 0; text-align: center; border: 1px solid #000; background: #363636; box-sizing: border-box; -moz-box-sizing: border-box; }
.content-row .content-info .content-text .wpcf7 .captcha label img { margin: 0 auto; }

.web-form button[type="submit"] { color: #000000; font-size: 20px; padding: 5px 30px 6px; margin: 0; outline: 0; border: none; background: #b8c2d0; text-transform: lowercase; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -webkit-box-shadow: inset 0px 0px 6px 2px rgba(4,30,66,0.57); -moz-box-shadow: inset 0px 0px 6px 2px rgba(4,30,66,0.57); box-shadow: inset 0px 0px 6px 2px rgba(4,30,66,0.57); }
.web-form button[type="submit"]:hover { color: #fff; background: #000; }





.img-loading { background: url(../img/loader.gif) center center no-repeat; min-height: 200px; }

.loading { position: fixed; top: 0; display: block; width: 100%; height: 100%; background: #000 url(../img/loader.gif) center center no-repeat; z-index: 999999999999; }
.loading .loading-inner { position: fixed; top: -80px; display: block; width: 100%; height: 100%; background: url(../img/logo.png) center center no-repeat; background-size: 150px; }

input.placeholder, textarea.placeholder { color: #041e42; font-family: "sofia-pro", sans-serif; font-weight: 500; }
::-webkit-input-placeholder { /* WebKit browsers */
	color:     #041e42;
	font-family: "sofia-pro", sans-serif;
	font-weight: 500;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #041e42;
	font-family: "sofia-pro", sans-serif;
	font-weight: 500;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #041e42;
	font-family: "sofia-pro", sans-serif;
	font-weight: 500;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #041e42;
	font-family: "sofia-pro", sans-serif;
	font-weight: 500;
}

@viewport { width: auto; }


@media only screen and (max-width: 1060px) {
	
	.content-inner.product { padding: 0 50px; }
	.jump-box.jump-video .col .jump-box-top { min-height: 100px; }
	.content-main-rows .row.grid .row-inner { gap: 0 50px; }
	.content-main-rows .row.sep .col { padding-left: 50px; padding-right: 50px; }

}

@media only screen and (max-width: 980px) {
	
	#header .bottom { padding-bottom: 30px; }
	
	.banner-wrapper { height: 350px; }
	.banner-wrapper .carousel-inner { max-height: 350px; }
	
	.content, .jump-box { padding: 50px 0; }
	
	.product-section .product-item a, .video-section .video-item a { height: 180px; }
	
	.jump-box .col a { padding: 20px 40px; }
	
	#cboxCurrent { display: none !important; }
	#cboxTitle { font-size: 14px; bottom: 2px; }
	
	.brochure-section .brochure-item a .brochure-content { font-size: 14px; }
	.brochure-section .brochure-item a .title, .brochure-section .brochure-item .link-wrapper .title { font-size: 16px; }
  
  .promo-wrapper { left: 20px; margin-left: 0; }
	
}

@media only screen and (max-width: 800px) {
	
	h1 { font-size: 36px; }
	h3 { font-size: 22px; }
	
	.product-section .product-item a, .video-section .video-item a, .brochure-section .brochure-item a { border-width: 10px; }
	.product-section .product-item a .title, .video-section .video-item a .title { font-size: 15px; }
	
	.content-row h3 { font-size: 25px; }
	.content-row .main.area-description { font-size: 16px; }
	.content .split-box .split-col.area-perfect-for { font-size: 17px; }
	
	.locations-wrapper .location { font-size: 18px; }
	.locations-wrapper .location h4 { font-size: 30px; }
	
	.contact-footer ul.locations li::before { margin-right: 20px; }
	.contact-footer ul.locations li { font-size: 20px; margin-left: 20px; }
	
	.jump-box.jump-video .col .jump-box-top { min-height: 87px; }
	
}

@media only screen and (max-width: 768px) {
	
	.jump-box .col a .jump-box-top { margin-bottom: 20px; }
	.jump-box .col a .jump-box-top img { width: 80%; }
	
	.product-section .product-item, .video-section .video-item { width: 33.3333%; }
	.item-list .product-section .product-item:nth-child(-n+4) { display: none; opacity: 0; }
	.item-list .product-section .product-item:nth-child(-n+3), .item-list.full-list .product-section .product-item { display: block; opacity: 1; }
	.product-section .product-item a .title, .video-section .video-item a .title { font-size: 16px; }
	
	.brochure-section .brochure-item { width: 100%; }
	.brochure-section .brochure-item .brochure-image { width: 25%; }
	.brochure-section .brochure-item a .brochure-content { width: 75%; font-size: 15px; }
	.brochure-section .brochure-item a .title, .brochure-section .brochure-item .link-wrapper .title { font-size: 17px; }
	
	.content-row .side, .page-contact .content-row .side { width: 50%; margin: 0 auto 20px; padding-left: 0; float: none; }
	.content-row .main, .page-contact .content-row .main { width: 100%; float: none; }
	.content-row .side.area-files { margin-bottom: 0; padding-top: 20px; }
	
	.page-contact .content-row .side { margin: 0; }
	.page-contact .content-row .main { margin: 0 0 20px; }
	
	#cboxLoadedContent { margin-top: 25px; }
	#cboxTitle { top: 0; bottom: auto; }
	
	.jump-box.jump-video .col .jump-box-top { min-height: 64px; }
	.content-main-rows { margin-bottom: 30px; }
	.content-main-rows .row { padding: 50px 0; }
	.content-main-rows .row.grid.has-image .row-inner { grid-template-columns: 1fr 250px; }
	.content-main-rows .row.grid.has-image.alt .row-inner { grid-template-columns: 250px 1fr; }
  
  .promo-wrapper { position: relative; left: auto; bottom: auto; width: 100%; z-index: 10; }
  .promo-wrapper a { background: #ab2328; }
  .promo-wrapper a:hover { color: #fff; background: #000; }
  .promo { text-align: center; font-size: 18px; background: transparent; }
  .promo span { padding-bottom: 15px; }
  .promo strong { display: inline; font-size: inherit; }
  .promo:after { display: none; }
	
}

@media only screen and (max-width: 667px) {
	
/*	#flyout { display: block; }
	#menu { display: none; }
*/	
	
	#header .bottom .logo { height: 90px; }
	.matting #header .bottom .logo, .athletics #header .bottom .logo, .flooring #header .bottom .logo { height: 120px; }
	#header .bottom ul.menu li { margin-left: 20px; }
	#header .bottom ul.menu > li::before { margin-right: 20px; }
	#header .bottom ul.menu li a { font-size: 19px; }
	
	.content, .jump-box { padding: 30px 0; }
	.jump-box .col a { padding: 10px 20px; }
	.jump-box .col a .jump-box-top img { width: 40%; }
	.jump-box .col a .jump-box-top .over { display: none !important; }
	.jump-box .col a:hover .jump-box-top .normal { opacity: 1; }
	
	.product-section .product-item a .title, .video-section .video-item a .title { font-size: 15px; }
	
	.content-inner.product { padding: 0 20px; }
	.item-list a.arrow-left, .item-list a.arrow-right { display: none; }
	
	/*.contact-footer ul.locations { display: none; }*/
	.contact-footer ul.locations.top { display: inline-block; margin-bottom: 0; }
	.contact-footer ul.locations li { display: inline-block; text-align: center; margin-left: 50px; }
	.contact-footer ul.locations li::before { display: none; }
	.contact-footer ul.locations li a.tel { display: block; }
	
	#cboxLoadedContent { margin-top: 45px; }
	
	.jump-box.jump-video .col .jump-box-top { min-height: none; }
	.jump-box.jump-video .col .jump-box-top .normal { position: relative; bottom: auto; top: auto; left: auto; }
	.jump-box.jump-video .col .jump-box-top .over { bottom: auto; top: 0; }
	
}

@media only screen and (max-width: 667px) {
	
	h1 { font-size: 32px; margin-bottom: 10px; }
	h3 { font-size: 20px; }
	
	#flyout { display: block; }
	#header .top, #header .bottom ul.menu { display: none; }
	#header .bottom { margin-bottom: 0; padding-bottom: 15px; }
	#header .bottom .logo { margin-bottom: 0; }
	
	.jump-box .col { width: 100%; background: none; padding-top: 30px; }
	.jump-box .col:first-child { padding-top: 0; }
	.jump-box .col a { padding: 10px 50px; }
	.jump-box .col a .jump-box-top { margin-bottom: 5px; }
	
	.content-main-rows .row { padding-top: 30px; padding-bottom: 30px; }
	.content-main-rows .row.grid .row-inner { display: block; }
	.content-main-rows .row.sep { padding-top: 0; padding-bottom: 0; }
	.content-main-rows .row.sep .col { border-top: 2px solid #e6e7e8; border-left: none !important; border-right: none !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 30px; padding-bottom: 30px; }
	.content-main-rows .row.sep .col:first-of-type { border-top: none; }
	.content-main-rows .row.grid.has-image { padding-top: 30px; padding-bottom: 30px; }
	.content-main-rows .row.grid.has-image .row-inner , .content-main-rows .row.grid.has-image.alt .row-inner { display: grid; grid-template-columns: 1fr; grid-template-areas: "col-1" "col-2"; gap: 25px 0 !important; }
	.content-main-rows a { text-align: center; }
	.content-main-rows a .jump-box-top { display: inline-block; margin: 0 auto 10px; }
	.content-main-rows a .jump-box-content { text-align: left; }
	.content-main-rows .col-image a .jump-box-top { margin-bottom: 0; }
	.content-main-rows .col-image a .jump-box-top img { max-height: 175px; }
	
	
	.banner-wrapper { height: 250px; }
	.banner-wrapper .carousel-inner { max-height: 250px; }
	
	.product-section .product-item, .video-section .video-item { width: 33.333%; }
	.item-list .product-section .product-item { display: none !important; }
	.item-list .product-section .product-item:nth-child(-n+4), .item-list.search-results .product-section .product-item, .item-list.full-list .product-section .product-item { display: block !important; opacity: 1; }
	.product-section .product-item a, .video-section .video-item a { height: 200px; }
	.product-section .product-item a .title, .video-section .video-item a .title { font-size: 16px; }
	
	.content-row .side a.product-gallery img { display: none; }
	.content-row .side a.product-gallery span.sm, .content-row .side a.product-gallery span.sm img, .content-row .side a.product-gallery span.icon img { display: block; }
	
	table.product-details { display: none; }
	table.product-details.product-detail-min { display: block; }
	table.product-details td { width: 75%; }
	
}

@media only screen and (max-width: 480px) {
	
	h1 { font-size: 30px; }
	
	#header .bottom .logo { height: 70px; }
	.matting #header .bottom .logo, .athletics #header .bottom .logo, .flooring #header .bottom .logo { height: 100px; }
	
	.banner-wrapper { border-top-width: 5px; height: 150px; }
	.banner-wrapper .carousel-inner { max-height: 150px; }
	.banner-wrapper .carousel-inner .cycle-pager-wrapper { bottom: 10px; }
	.banner-wrapper .carousel-inner .cycle-pager span { width: 10px; height: 10px; }
	
	table.product-details th, table.product-details td { font-size: 14px; }
	
	.content-row .side, .page-contact .content-row .side { width: 100%; }
	
	.content-row .main.area-description { font-size: 15px; }
	.content .split-box .split-col.area-perfect-for { font-size: 16px; width: 100%; padding-right: 0; }
	.content .split-box .split-col.area-certified { padding-top: 20px; padding-bottom: 0; border-left: none; }
	.area-certified .certification:first-child { padding-left: 0; width: 70%; }
	
	.brochure-section .brochure-item a .brochure-content { font-size: 14px; }
	.brochure-section .brochure-item a .title, .brochure-section .brochure-item .link-wrapper .title { font-size: 16px; }
	.brochure-section .brochure-item .brochure-image { width: 35%; }
	.brochure-section .brochure-item a .brochure-content { width: 65%; }
	
	ul.pagination li a { font-size: 18px; }
	
	.product-section .product-item, .video-section .video-item { width: 50%; }
	
	.contact-footer ul.locations li { margin-left: 30px; }
	
	.jump-box .col a .jump-box-top img { width: 60%; }
  
  .notice { font-size: 18px; }
  
  .promo { font-size: 16px; }
	
}

@media only screen and (max-width: 420px) {
	
	BODY { font-size: 15px; }
	
	h1 { font-size: 25px; }
	.content-row h3 { font-size: 21px; }
	.item-list h3 { margin-top: 0; }
	
	#header .bottom .logo { height: 50px; }
	.matting #header .bottom .logo, .athletics #header .bottom .logo, .flooring #header .bottom .logo { height: 80px; }
	#flyout-menu .search-box .icon-search::before { top: -2px; }
	
	.jump-box .col a { padding: 10px 0; }
	
	.header-wrapper, .seperator-wrapper, .breadcrumbs-wrapper, .content-inner, .content-inner.product, .footer-wrapper { padding: 0 10px; }
	.content-row .main.area-description { padding: 10px; }
	.content-row.item-list { padding-top: 20px; }
	
	.product-section, .video-section { margin-left: -10px; }
	.product-section .product-item, .video-section .video-item { padding: 0 0 10px 10px; }
	.product-section .product-item a, .video-section .video-item a { height: 190px; border-width: 5px; }
	.product-section .product-item a .title, .video-section .video-item a .title { font-size: 14px; }
	
	.item-list a.btn.see-all { font-size: 14px; width: 95px; }
	
	.locations-wrapper .location h4 { font-size: 24px; }
	.locations-wrapper .location { font-size: 16px; }
	
	.contact-footer ul.locations li { display: block; float: none; margin-left: 0; padding-top: 20px; }
	.contact-footer ul.locations li:first-child { padding-top: 0; }
	.contact-footer ul.locations li a.tel { display: inline; }
	
	#cboxTitle { font-size: 13px; }
	#cboxLoadedContent { margin-top: 40px; }
	
}

@media only screen and (max-width: 320px) {
	
	
	
}



@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
	
}

@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
	
}