/*
Theme Name:Spot-On Laser and Tool Company
Author:Tracey Shaw @ GOOP
Author URI:http://www.goop.com.au/
Description:Custom WordPress theme for Spot-On Laser and Tool Company.
Version:1.0
*/

@import url("css/base.css");
@import url("css/gravity_forms.css");
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

html, body {height:100%;margin:0;padding:0;line-height:1.3;font-size:90%;background:#ffffff;color:#32373E;font-weight:400;}
*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
a, img, span {-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
img {image-rendering:-moz-crisp-edges;}

/* Fonts */
body, input, select, textarea, label, button {font-family:'Open Sans', sans-serif;}
#slideshow #caption, #slideshow .container .caption-wrap .caption, section#content ul.products li a h2 {font-family:'Oswald', sans-serif;}
article #results a.result_directions:before, article a.pdf:before {font-family:'FontAwesome';}
h2, h3, h4, h5, h6 {font-weight:normal;}

#spoton {padding:0;position:relative;min-height:100%;background:url(img/backgrounds/content.jpg) repeat top center fixed;}
.gradient {background:#ee3642;background:-moz-linear-gradient(top, #ee3642 0%, #d11923 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee3642), color-stop(100%,#d11923));background:-webkit-linear-gradient(top, #ee3642 0%,#d11923 100%);background:-o-linear-gradient(top, #ee3642 0%,#d11923 100%);background:-ms-linear-gradient(top, #ee3642 0%,#d11923 100%);background:linear-gradient(to bottom, #ee3642 0%,#d11923 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3642', endColorstr='#d11923',GradientType=0);}
.gradient.dark, h1, nav ul li ul li.current-menu-item a, nav ul li ul li:hover a {background:#323232;background:-moz-linear-gradient(top, #323232 0%, #121212 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#121212));background:-webkit-linear-gradient(top, #323232 0%,#121212 100%);background:-o-linear-gradient(top, #323232 0%,#121212 100%);background:-ms-linear-gradient(top,  #323232 0%,#121212 100%);background:linear-gradient(to bottom, #323232 0%,#121212 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#121212',GradientType=0);}
.gradient.light {background:#a6a6a6;background:-moz-linear-gradient(top, #a6a6a6 0%, #9c9c9c 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6a6a6), color-stop(100%,#9c9c9c));background:-webkit-linear-gradient(top, #a6a6a6 0%,#9c9c9c 100%);background:-o-linear-gradient(top, #a6a6a6 0%,#9c9c9c 100%);background:-ms-linear-gradient(top,  #a6a6a6 0%,#9c9c9c 100%);background:linear-gradient(to bottom,  #a6a6a6 0%,#9c9c9c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a6a6', endColorstr='#9c9c9c',GradientType=0);}
.gradient.white, aside ul[class*="nav-"] li a {background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background:-webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background:-o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background:-ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );}
nav ul li:hover, nav ul li.current-menu-item, nav ul li.current-page-ancestor, nav ul li.current_page_parent {background:#d33033;background:-moz-linear-gradient(top, #d33033 0%, #aa1417 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d33033), color-stop(100%,#aa1417));background:-webkit-linear-gradient(top, #d33033 0%,#aa1417 100%);background:-o-linear-gradient(top, #d33033 0%,#aa1417 100%);background:-ms-linear-gradient(top, #d33033 0%,#aa1417 100%);background:linear-gradient(to bottom, #d33033 0%,#aa1417 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d33033', endColorstr='#aa1417',GradientType=0);}

/* Header */
header {padding:20px 10px;position:relative;margin:0;z-index:100;background:#ffffff;}
header .container {width:100%;padding:0;}
header a.logo {background:url(img/logo.png) top center no-repeat;width:100%;height:60px;display:block;text-indent:-9000px;margin:0 auto;background-size:auto 100%;}
header #details {display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding-top:20px;color:#929292;text-align:center;}
header #details span {color:#3c4148; display:block; font-size:1.3em; font-weight:700; margin-top:10px; width: 100%;}

/* Responsive Menu */
#responsive {display:block;position:relative;z-index:1000;text-align:center;min-height:40px;-webkit-box-shadow:0px 3px 5px 0px rgba(50,50,50,0.25);-moz-box-shadow:0px 3px 5px 0px rgba(50,50,50,0.25);box-shadow:0px 3px 5px 0px rgba(50,50,50,0.25);}
#responsive span {font-size:2em;color:#ffffff;cursor:pointer;margin:0;display:block;line-height:40px;}
#responsive > ul {background:#da222e;box-shadow:0 -3px 20px #9e0912 inset;padding:0;display:none;text-align:left;}
#responsive ul li {border-bottom:1px solid #ee3642;line-height:30px;min-height:30px;padding:0 10px;text-transform:uppercase;font-size:1.1em;}
#responsive ul li:last-child {border:none;}
#responsive ul li:hover {background:#d21a26;}
#responsive ul li a {color:#ffffff;text-decoration:none;display:block;line-height:30px;height:30px;}
#responsive ul li.menu-item-has-children {position:relative;}
#responsive ul li > ul {opacity:1;position:relative;top:auto;left:auto;display:block;height:auto;width:auto;white-space:nowrap;margin:0 -10px;text-align:left;overflow:visible;}
#responsive ul li ul li {font-size:0.9em;background:#d21a26;}
#responsive ul li ul li ul {display:none;}

/* Navigation */
nav {padding:0;margin:0;display:block;position:relative;display:none;}
nav ul {text-align:center;margin:0;padding:0;height:40px;border-left:1px solid #ee3642;border-right:1px solid #ee3642;display:table;width:100%;}
nav ul li {text-transform:uppercase;font-size:1.1em;line-height:40px;height:40px;display:table-cell;margin:0;position:relative;font-weight:700;border-right:1px solid #ee3642;}
nav ul li:last-child {border:none;}
nav ul li > a {color:#ffffff;text-decoration:none;display:block;line-height:40px;height:40px;padding:0 20px;}
nav ul li:hover, nav ul li.current-menu-item, nav ul li.current-page-ancestor, nav ul li.current_page_parent {color:#ffffff;}
nav ul li ul {position:absolute;top:-99999px;left:0;opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;z-index:1;}
nav ul li:hover > ul {opacity:1;position:absolute;top:100%;left:0;display:block;height:auto;width:auto;white-space:nowrap;margin-top:0;text-align:left;padding:0;border:none;}
nav ul li ul li {display:block;margin:0;font-size:0.9em;background:#333333;padding:0;line-height:30px;height:30px;border:none;border-bottom:1px solid #444444;}
nav ul li ul li a {line-height:30px;height:30px;padding:0 10px;}
nav ul li ul li ul {display:none!important;}

/* Slideshow */
#slideshow {background:url(img/backgrounds/slideshow.jpg) no-repeat top center #282d34;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;z-index:0;box-shadow:0 0 4px #787878;display:none;}
#slideshow .container {width:100%;padding:0;}
#slideshow .container .slideshow-container {position:relative;}
#slideshow .container .slideshow-container ul.slides {padding: 0 0 0 1%;width: 99%;text-align: center;float:left;}
#slideshow .container .slideshow-container ul.slides li {width:100%;display:inline-block;float:none;}
#slideshow .container .slideshow-container ul.slides li img {width:100%;height:auto;margin:0;display:block;}
#slideshow .container .slideshow-container ol.flex-control-paging {position:absolute;top:170px;z-index:10000;left:35px;}
#slideshow .container .slideshow-container ol.flex-control-paging li {display:inline-block;margin:0 3px 0 0;}
#slideshow .container .slideshow-container ol.flex-control-paging li a {background:#a9a9a9;text-decoration:none;height:12px;width:12px;border-radius:100px;overflow:hidden;color:transparent;display:block;cursor:pointer;}
#slideshow .container .slideshow-container ol.flex-control-paging li a.flex-active {background:#e32936;}

/*#slideshow .cycle-slideshow {width:100%;height:200px;display:none!important;background:#ffffff;}
#slideshow .cycle-slideshow div {width:100%;height:200px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center right;}
#slideshow #caption {position:absolute;top:35px;left:25px;z-index:1000;display:none!important;}
#slideshow #caption span {color:#ee3642;font-size:3em;display:block;font-weight:700;}
#slideshow #caption a {color:#ffffff;background:#333333;display:block;padding:0 8px;line-height:25px;text-decoration:none;text-transform:uppercase;width:140px;margin:5px 0 0 0;}
#slideshow #caption a i {float:right;display:block;line-height:25px;border-left:1px solid #454545;padding:0 0 0 8px;}
#slideshow #caption a:hover {background:#222222;}
#slideshow #pager {left:25px;position:absolute;top:140px;z-index:1000;display:none!important;}
#slideshow #pager a {color:#a9a9a9;text-decoration:none;font-size:3em;}
#slideshow #pager a:hover, #slideshow #pager a.cycle-pager-active {color:#e32936}


#slideshow .slideshow-container {position:relative;}
#slideshow .slideshow-container #caption {color:#ee3642;font-size:3em;display:block;font-weight:700;}
#slideshow .slideshow-container #pager {top:auto;bottom:30px;}*/


#slideshow .container .caption-wrap {position: absolute;top:35px;left:25px;z-index:1000;}
#slideshow .container .caption-wrap .caption {color:#ee3642;font-size:3em;display:block;font-weight:700;}


/* Banners */
.banners {text-align:center;list-style:none;margin:10px 0 5px;padding:0;}
.banners li {display:inline-block;margin:0 0 8px 0;width:100%;padding:0;}
.banners li:nth-child(odd) {margin-left:0;}
.banners li:nth-child(even) {margin-right:0;}
.banners li a {text-decoration:none;border:none!important;padding:45% 0 0;margin:0 5px;}
.banners li a:hover {opacity:0.8;}
.banners li:nth-child(1) a {background:url(img/banner/warranty-information.jpg) no-repeat;display:block;background-size:100% auto;}
.banners li:nth-child(2) a {background:url(img/banner/store-locator.jpg) no-repeat;display:block;background-size:100% auto;}
.banners li:nth-child(3) a {background:url(img/banner/product-brochures.jpg) no-repeat;display:block;background-size:100% auto;}
.banners li:nth-child(4) a {background:url(img/banner/service-support.jpg) no-repeat;display:block;background-size:100% auto;}
.banners li a .text {display:block;text-align:left;text-transform:uppercase;color:#ffffff;padding:8px;position:relative;}
.banners li a .text span {display:block;}
.banners li a .text i {color:#c6212b;position:absolute;right:0;top:50%;display:inline-block;vertical-align:middle;padding:0 8px 0;font-size:2em;margin-top:-0.5em;}
aside .banners {margin:10px 0 0 0;padding:0;}
aside .banners li {font-size:0.9em;}
aside .banners li a {box-shadow:0 0 4px #787878;margin:0;}

/* Section */
section#content {padding:10px 0 120px;}
section#content .inner {background:#ffffff;box-shadow:0 0 4px #787878;padding:10px;margin:0;}
section#content .inner h1 {margin:-10px -10px 10px;}

/* Catalogue */
.search-results article .shop-introduction {display:none;}
section#content ul.products {list-style:none;margin:0;text-align:left;}
section#content ul.products li {display:inline-block;vertical-align:top;background:#ffffff;width:48.5%;padding:0;margin:0 1.5% 2.5%;}
section#content ul.products li:nth-child(1n+1) {margin-left:0;}
section#content ul.products li:nth-child(2n+2) {margin-right:0;}
section#content ul.products li a {position: relative;width:100%;border:none;display:block;}
section#content ul.products li a img {display:block;position: relative; z-index: 1;}


section#content ul.products li.product_cat-superseded-products a img {opacity: 0.5;}


section#content ul.products li a h2 {text-align:center;font-size:1em;height:3.8em;line-height:1.5em;padding:10px 0 0;position: relative; z-index: 100;}

section#content ul.products li.product_cat-superseded-products a h2:before {bottom: 100%; content:"Superseded"; left: 0; position: absolute; right: 0; text-align: center;;

background-color: rgb(246, 50, 62);
	color: rgb(255, 255, 255);
	display: block;
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	padding: 8px;
	text-align: center;
	text-transform: uppercase;


}

section#content ul.products li:hover a h2 {color:#ec343e;}
section#content ul.products li hr {display:none;}
section#content ul.products li mark {display:none;}
#home section#content ul.products li {box-shadow:0 0 4px #787878;}
#home section#content ul.products li:hover {box-shadow:0 0 6px #656565;}
#home section#content ul.products li a {padding:10px;}
#home section#content ul.products li a h2 {margin:10px 0 0 0;border-top:1px solid #cccccc;}
#home section#content ul.products li hr {border:none;height:10px;margin:0;}
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-info {margin:15px 0 10px;padding:10px 0 0;font-weight:700;border-top:1px dotted #cccccc;}
body[class*="paged-"] .woocommerce-result-count {margin:0 0 10px;border:none;}
.woocommerce .woocommerce-ordering {display:none;text-align:right;margin:0 0 10px 0;}
.woocommerce .images {margin-bottom: 20px;}
.woocommerce .images img {border:1px solid #cccccc;display:block;width:100%;height:auto;padding:10px;}
.woocommerce .product_cat-superseded-products .images img {}
.woocommerce strong.stockists {display:block;margin:20px 0 10px;color:#ffffff;}
.woocommerce strong.stockists a {color:#ffffff;border:none;background:#ec343e;padding:5px 8px;border-radius:5px;text-align:center;display: inline-block;}
.woocommerce strong.stockists a:hover {background:#c22933;}

/* Article */
article {position:relative;margin:0;}
article h1, article div.latest {font-size:1.5em;margin:0 0 10px;text-transform:uppercase;color:#ffffff;padding:10px 8px;font-weight:700;}
article div.latest {box-shadow:0 0 4px #787878;}
article .shop-introduction {margin-bottom:20px;}
article h2 {font-size:1.3em;margin:0 0 10px;color:#32373d;}
article h3 {font-size:1.2em;margin:0 0 3px;color:#32373d;font-weight:700;}
article h4, article h5, article h6 {font-size:1.1em;margin:0 0 10px;text-transform:uppercase;color:#32373d;}
article p {font-size:1em;margin:0 0 1em;}
article ul, article ol {margin:0 10px 15px 30px;}
article p + ul, article p + ol {margin:-5px 10px 15px 30px;}
article ul li, article ol li {margin-bottom:3px;font-size:1em;}
article ul.columns-2 {float:left;}
article ol li ul {margin-top:10px;list-style:disc;}
article ul li ul {margin:3px 20px;}
article ul li small, article ol li small {font-size:0.9em;}
article blockquote {font-size:0.9em;}
article blockquote:first-of-type {margin-top:20px;}
article table {margin:0 0 20px 0;border-collapse:collapse;}
article table, article table th, article table td {border:1px solid #cccccc;}
article table tr th {padding:3px 10px 3px;font-size:1em;text-align:left;}
article table tr td {padding:3px 10px 3px;font-size:1em;text-align:left;}
article hr {border-color:#cccccc;height:1px;}
article .domain:before {content:"\40";margin-right:0px;}

/* Article Extras */
article table.location_search {border:none;width:100%;}
article table.location_search th, article table.location_search td {border:none;padding:0;}
article table.location_search td.location_search_title {display:none;}
article table.location_search td.location_search_street_cell {width:50%;vertical-align:bottom;}
article table.location_search td.location_search_street_cell input {width:100%;border-radius:3px;border:1px solid #cccccc;padding:3px;}
article table.location_search td.location_search_street_cell::before {content:"Location/Postcode: ";display:block;font-weight:bold;}
article table.location_search td.location_search_distance_cell {width:50%;text-align:right;}
article table.location_search td.location_search_distance_cell select {width:90%;border:1px solid #cccccc;border-radius:3px;padding:3px;}
article table.location_search td.location_search_distance_cell br {display:none;vertical-align:top;}
article table.location_search input[type=submit] {margin:5px 0 0 0;background:#ee3642;border:none;border-radius:5px;padding:0 20px;color:#ffffff;font-weight:700;font-size:1em;line-height:30px;cursor:pointer;width:auto;border-radius:3px;}
article table.location_search input[type=submit]:hover {background:#d11923;}
article #results h3 {margin:10px 0;}
article #results .result_website {display:none!important;}
article #results a.result_directions {width:15px;height:15px;overflow:hidden;display:block;float:right;border:none;}
article #results a.result_directions:before {content:"\f1b9";margin-right:0px;display:block;width:15px;height:15px;}
article #results .sm_category_list {font-size:1.2em;}
article #results .sm_category_list strong {display:none;}
div.result {padding:10px;}
article a.pdf:before {content:"\f1c1";margin-right:5px;}

/* Links */
article a, aside a {color:#252b2b;text-decoration:none;border-bottom:1px dotted #252b2b;}
article a:hover, aside a:hover {color:#ec343e;border-bottom:1px dotted #ec343e;}

/* Posts & Children */
article .post {clear:both;padding:20px 0 0 0;margin:20px 0 0 0;border-top:1px solid #cccccc;}
article .post:first-of-type, article .post:only-child, article hr + .post {border-top:none;padding:0;margin:0;}
article .post h2.title {background:none;padding:0;margin:0 0 5px;}
article .post h2.title a {border:none;padding:0;text-decoration:none;color:inherit;}
article .post h2.title a:hover {}
article .post small, article.post small {display:block;font-size:0.8em;margin:0 0 10px;text-transform:uppercase;opacity:0.5;}
article .post small a {border:none;color:inherit;}
article .post a.readmore, article .post a.more-link {text-transform:none;white-space:nowrap;}
article .post a.more-link {padding:2px 6px;display:table;background:#e33139;border:none;margin:10px 0 0 0;color:#ffffff;}
article .post a.more-link span {display:inline-block;margin-left:5px;background:url(img/icons/more-link.png) center right no-repeat;width:8px;height:8px;background-size:auto 100%;}
article .post a.more-link:hover {color:#ffffff;background-color:#3e4c54;}
article .post a.readmore:hover, article .post a.more-link:hover {}
article .post a.readmore span {display:inline-block;margin-left:5px;background:url(img/icons/more.png) center left no-repeat;width:8px;height:8px;background-size:auto 100%;}
article .post a.readmore:hover span {background-position:center right;}
.page-parent article .post p, .blog article .post p, .archive article .post p, #projects article .post p {display:inline;}
.page-parent article .post:last-child {padding-bottom:10px;}

article .author {margin-top:20px;padding-top:10px;border-top: 1px solid #cccccc;display:block;}
article .author h5 {font-weight:700;margin:0 0 3px;text-transform:none;}
article .author a {border:none;}


/* Images */
.alignnone {margin:0 0 1em 0;}
.aligncenter, div.aligncenter {display:block;margin:0 auto 1em;}
.alignright {float:right;margin:0 0 1em 1em;}
.alignleft {float:left;margin:0 1em 1em 0;}
.aligncenter {display:block;margin:0 auto;}
img, img[class*="align"], img[class*="wp-image-"] {max-width:100%;height:auto;}
img.alignright {margin-left:0 0 1em 1em;}
img.alignleft {margin:0 1em 1em 0;}
img.aligncenter {display:block;margin:0 auto 1em;}
img[class*="align"], img[class*="wp-image-"] {border:none;}
.wp-caption {margin-bottom:1em;margin-left:0;max-width:96%;text-align:center;position:relative;}
.wp-caption img {display:block;margin:0 auto;}
.wp-caption-text {position:absolute;bottom:0;font-size:0.8em;background:rgba(0,0,0,0.5);padding:1em;width:100%;margin:0;}

article .gallery {margin:0 0 40px!important;}
article .gallery:last-of-type {margin:0!important;}
article .gallery .gallery-item {margin:0 1% 0.5% 0!important;float:none!important;display:inline-block!important;width:15.8%!important;position:relative!important;}
article .gallery .gallery-item:nth-of-type(6n+6) {margin-right:0!important;}
article .gallery .gallery-item img {display:block;border:none!important;width:100%;height:auto;}
article .gallery br {display:none;}
article .gallery .gallery-item .gallery-caption {position:absolute!important;bottom:0;text-align:center;background:rgba(0,0,0,0.5);padding:5px;color:#ffffff;width:100%;font-style:normal;opacity:0;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none;} article .gallery .gallery-item:hover .gallery-caption {opacity:1;}
#slb_viewer_wrap .slb_theme_slb_baseline .slb_slideshow, #slb_viewer_wrap .slb_theme_slb_baseline .slb_group_status {display:none;}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {font-size:1.5em!important;}

/* Contact Form(s) */
.ninja-forms-cont form .ninja-forms-required-items {display:block;margin:0 0 5px 0;font-size:0.8em;color:#666666;}
.ninja-forms-cont form input[type=text], .ninja-forms-cont form input[type=email], .ninja-forms-cont form textarea, .ninja-forms-cont form select {border:1px solid #bbbbbb;padding:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;margin-left:0!important;width:100%;font-size:1em;color:#999999;}
.ninja-forms-cont form input[type=text]:focus, .ninja-forms-cont form textarea:focus, .ninja-forms-cont form select:focus {color:#444444;}
.ninja-forms-cont form input[type=submit] {margin:0;background:#ee3642;border:none;border-radius:5px;padding:0 20px;color:#ffffff;font-weight:700;font-size:1em;line-height:30px;cursor:pointer;width:auto;}
.ninja-forms-cont form input[type=submit]:hover {background:#d11923;}
.ninja-forms-cont .ninja-forms-response-msg {margin:0;font-weight:700;}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg {color:#cc0000;}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-success-msg {color:#398f14;margin:0 0 20px;}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-success-msg p {display:inline;padding-right:5px;}
.ninja-forms-cont .ninja-forms-field-error {color:#cc0000;font-size:0.8em;}
.ninja-forms-cont .ninja-forms-field-error p {display:inline;}
.ninja-forms-cont form .ninja-forms-error input[type=text], .ninja-forms-cont form .ninja-forms-error textarea, .ninja-forms-cont form .ninja-forms-error select {border-color:#cc0000;}
.ninja-forms-cont .mc-field-group {margin-bottom:8px;}
.ninja-forms-cont form input[type=submit]#mc-embedded-subscribe {margin-top:3px;}

.ninja-forms-cont .ninja-forms-field-description {font-size:0.8em;}
.ninja-forms-cont .ninja-forms-field-description p {margin:0;color:#cccccc;}
.ninja-forms-cont .field-wrap {margin-bottom:5px;}

/* Iframes */
article iframe {margin:0 0 20px;display:block;width:100%!important;height:200px;}

.ginput_container.ginput_recaptcha iframe {height: 80px;}

#contact article iframe {height:350px!important;}

/* Videos */
.video {position:relative;padding:0 0 56.25%;overflow:hidden;margin-bottom:10px;}
.video iframe,.video-container object,.video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}

/* Pagination */
article .pagination {margin:20px 0 0 0;padding:10px 0 0 0;border-top:1px solid #cccccc;}
article .pagination .page-numbers {background:#888888;display:inline-block;height:18px;width:18px;text-align:center;line-height:18px;font-size:0.8em;color:#ffffff;border-radius:100px;vertical-align:top;}
article .pagination a.page-numbers, article .pagination .page-numbers.dots {color:#ffffff;background:#888888;text-decoration:none;border:none;}
article .pagination a.page-numbers:hover, article .pagination .page-numbers.current {background:#ee3642;}
article .pagination a.page-numbers.prev, article .pagination a.page-numbers.next {font-style:normal;font-variant:normal;text-transform:none;line-height:18px;-webkit-font-smoothing:antialiased;}
article .pagination.single {display:block;}
article .pagination.single a {border-color:transparent;}
article .pagination.single a:hover {border-color:transparent;}
article .pagination.single div {display:inline-block;width:50%;margin:0 -4px 0 0;font-size:0.8em;text-transform:uppercase;}
article .pagination.single div.right {text-align:right;}
article .pagination.single div i {background:#888888;height:18px;width:18px;text-align:center;line-height:18px;font-size:0.8em;color:#ffffff;border-radius:100px;}
article .pagination.single div i:hover {background:#ee3642;}

article .pagination.shop ul.page-numbers {width:100%;list-style:none;margin:0;padding:0;background:none;text-align:left;}
article .pagination.shop ul.page-numbers li {float:none;display:inline-block;vertical-align:top;text-align:center;margin:0 0 0 0;font-size:1.3em;}

/* Sitemap */ article ul.sitemap {margin-left:25px;} article ul.sitemap li a {border:none;} article ul.sitemap li ul {margin:5px 0 10px 15px;list-style-type:inherit;} article ul.sitemap li.current_page_item {display:none;}

/* Sidebar */
aside {margin:0 0 0 0;padding:0;}
aside .archives {text-align:left;display:block;vertical-align:top;padding:0;background:#ffffff;box-shadow:0 0 4px #787878;margin:5px 5px 10px;}
aside .archives li {color:#666666;display:block;font-size:1em;margin:0;font-weight:700;line-height:30px;padding:0 10px;}
aside .archives:first-child li {font-weight:400;padding:0;}
aside .archives:last-child li {}
aside .archives li h3 {font-size:1.2em;color:#ffffff;text-transform:uppercase;font-weight:700;}
aside .archives li a {border-color:transparent;}
aside .archives li a:hover {border-color:transparent;}

/* Sidebar */
aside ul[class*="nav-"] {background:#ffffff;box-shadow:0 0 4px #787878;margin:10px 0 0;list-style:none;padding:0;}
aside ul[class*="nav-"] li {}
aside ul[class*="nav-"] li.title {color:#ffffff;text-transform:uppercase;padding:0 10px;font-size:1.2em;font-weight:700;line-height:35px;}
aside ul[class*="nav-"] li a {font-weight:700;}
aside ul[class*="nav-"] li a {padding:10px;border:none;display:block;color:#777777;}
aside ul[class*="nav-"] li a:hover, aside ul[class*="nav-"] li.current-menu-item > a, aside ul[class*="nav-"] li.current-menu-ancestor > a {color:#222222;}
aside ul[class*="nav-"] li ul {margin:0;}
aside ul[class*="nav-"] li ul li {font-size:0.9em;}
aside ul[class*="nav-"] li ul li a {font-weight:400;}
aside ul.nav-brands li a {text-indent:-9000px;padding:15px;}
aside ul.nav-brands li.centrepoint a {background:url(img/logos/centre-point.png) center center no-repeat;background-size:auto 100%;}
aside ul.nav-brands li.extreme a {background:url(img/logos/extreme.png) center center no-repeat;background-size:auto 100%;}
aside ul.nav-brands li.general a {background:url(img/logos/general.png) center center no-repeat;background-size:auto 100%;}
aside ul.nav-brands li.titanium a {background:url(img/logos/titanium.png) center center no-repeat;background-size:auto 70%;margin:10px;}
aside ul.nav-brands li.homeline a {background:url(img/logos/homeline.png) center center no-repeat;background-size:auto 100%;}
aside ul.nav-brands li.lasertec a {background:url(img/logos/lasertec.png) center center no-repeat;background-size:auto 100%;}
aside ul.nav-brands li.novagear a {background:url(img/logos/novagear.png) center center no-repeat;background-size:auto 100%;}
aside ul.nav-brands li.powerline a {background:url(img/logos/powerline.png) center center no-repeat;background-size:auto 100%;}
aside ul.nav-brands li.vigil a {background:url(img/logos/vigil.png) center center no-repeat;background-size:auto 100%;}
aside ul.nav-brands li a:hover {opacity:0.8;}
aside .searchbox {color:#ffffff;padding:10px;display:block;text-transform:uppercase;box-shadow:0 0 4px #787878;}
aside .searchbox button {color:#999999;background:transparent;border:none;border-right:1px solid #999999;font-size:1.2em;padding:0 10px 0 0;margin:0 10px 0 0;}
aside .searchbox input {border:none;background:transparent;line-height:20px;margin-top:-3px;width:80%;color:#ffffff;}

/* Footer */
footer {height:110px;overflow:hidden;position:absolute;bottom:0;width:100%;}
footer #tagline {background:#ffffff;border-top:1px solid #e2e2e2;color:#ee3642;font-size:1em;font-weight:700;padding:0;line-height:60px;text-align:center;text-transform:uppercase;}

/* GOOP */
footer ul.goop {display:block;text-align:center;list-style:none;margin:0;padding:8px 0;}
footer ul.goop li {display:inline-block;font-size:0.7em;padding:0;text-transform:uppercase;}
footer ul.goop li a {color:#ffffff;text-decoration:none;padding:0 7px;margin:0;}
footer ul.goop li:first-child a {padding-left:0;}
footer ul.goop li a:hover {text-decoration:underline;}
footer ul.goop li.logo a {margin:0;border:none;padding:0 0 0 7px;}
footer ul.goop li.logo a + a {padding:0;}
footer ul.goop li.logo a span {display:block;float:right;text-indent:-9000px;background:url(img/goop.png) no-repeat center center;width:38px;height:12px;margin:0px 0 0 5px;font-size:0px;}

footer ul.goop li a i {font-size:2.3em;vertical-align:middle;margin-top:-3px;}

/* Scroll */
#scroll {width:20px;height:20px;padding:0px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;color:#333;z-index:10000;background-size:100%;opacity:0.5;}

/* Print */
.print {display:none;}

/* Extra */

@media only screen and (min-width:480px) {
aside .banners {margin:10px 0 0 0;padding:0;}
aside .banners li {width:50%;}
aside .banners li a {box-shadow:0 0 4px #787878;margin:0;}
aside .banners li:nth-child(odd) a {margin-right:5px;}
aside .banners li:nth-child(even) a {margin-left:5px;}
section#content {padding-bottom:105px;}
footer {height:95px;}
footer ul.goop {padding:9px 0;}
}

@media (min-width:500px) {
section#content ul.products {padding-left:0.5%;}
section#content ul.products li {width:31.8%;}
section#content ul.products li:nth-child(1n+1) {margin-left:0;}
section#content ul.products li:nth-child(2n+2) {margin-right:1.5%;}
section#content ul.products li:nth-child(3n+3) {margin-right:0;}
}

@media (min-width:600px) {

#slideshow {display:block;}
#slideshow .container .slideshow-container ol.flex-control-paging {display:none;}

.banners li a .text {font-size:0.8em;}
aside .banners li a .text {font-size:1em;}

/*#slideshow .cycle-slideshow, #slideshow #caption, #slideshow #pager {display:block!important;}

#slideshow .cycle-slideshow {width:100%;height:auto;margin-bottom:10px;padding:0;}
#slideshow .cycle-slideshow img {display:block;margin:0;}*/



.woocommerce .summary, .woocommerce .images {width:50%;display:inline-block;vertical-align:top;}
.woocommerce .images {float:right;padding-left:20px;}
.banners {text-align:center;list-style:none;margin:10px 0 5px;padding:0;}
.banners li {display:inline-block;margin:0 -4px 8px 0;width:25%;padding:0;}
.banners li:nth-child(odd), .banners li:nth-child(even) {margin-right:-4px;}
.banners li:nth-child(4) {margin-right:0;}
footer #tagline {font-size:1.8em;}
}

@media only screen and (min-width:768px) {
#responsive {display:none;}
header {padding:10px 0;}
header a.logo {background-position:top left;height:80px;margin:0;}
header #details {text-align:right;}
header #details span {margin-top:5px;}
header .container {width:98%;padding:0 1%;}
nav {display:block!important;}

#slideshow .container .slideshow-container ol.flex-control-paging {display:block;}


#slideshow .cycle-slideshow, #slideshow .cycle-slideshow div {max-width:938px;margin:0 auto;}
#slideshow #caption, #slideshow #pager {left:40px;}
#slideshow #pager {top:190px;}
.banners {padding:0;margin:10px 0;}
.banners li {margin-bottom:0;}

.banners li a .text {font-size:1em;}

section .container .three.columns.left {position:relative;left:-62.5%;}
section .container .ten.columns {position:relative;left:18.75%;padding:0 10px;}
section .container .three.columns.right {position:relative;right:0;}
section .container .three.columns.sidebar {float:left;}
section .container .thirteen.columns.main {float:right;padding-left:10px;}
article .eight.columns:last-child {padding-left:20px;}
aside .banners {text-align:center;list-style:none;margin:0 0 5px;padding:0;}
aside .banners li {display:block;margin:0 0 8px 0!important;width:100%;padding:0!important;}
aside .banners li a {display:block;margin:0!important;width:100%;padding:48% 0 0!important;}
aside .archives {margin:5px 0 10px;}
aside .searchbox input {width:60%;}
}

@media only screen and (min-width:960px) {

#slideshow .container .slideshow-container ol.flex-control-paging {top:210px;}

.banners {text-align:center;max-width:960px;margin:10px auto;}
aside .searchbox input {width:70%;}
}

@media only screen  and (max-width:479px) {.alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {display:block;margin:0 0 1em;float:none;max-width:100%;width:100%;}}

h1.page-title {display:none!important;}
body[class*="paged-"] h1.page-title, .search-results h1.page-titlee, .tax-product_tag h1.page-title {display:block!important;}

/* IE */

/* Older Browsers */
#browser {text-align:center;padding:0;background:#ffffcc;margin:0;font-size:70%;width:100%;border-bottom:1px solid #cccccc;font-family:Arial, Helvetica, sans-serif;z-index:10000;position:relative;} #browser span {display:block;width:960px;margin:0 auto;padding:3px;color:#666666;} #browser span a {color:#C60;} #browser span a:hover {background:none;color:#C60;text-decoration:underline;}

section#content article table.location_search { border: none; width: 100%; }
@media only screen and (min-width: 768px) { section#content article table.location_search tr { float: left; display: inline-block; padding-right:10px; }
  section#content article table.location_search tr#location_search_0_tr { padding-right: 0.625rem; }
  section#content article table.location_search tr#location_search_2_tr { padding-left: 0.625rem; }
  section#content article table.location_search tr#location_search_3_tr { width: 100%; } }
section#content article table.location_search tr th, section#content article table.location_search tr td { border: none; padding: 0; }
section#content article table.location_search tr td.location_search_title { display: none; }
section#content article table.location_search tr td.location_search_submit_cell { padding-top: 0.625rem !important; width: 100%; }
section#content article table.location_search tr td.location_search_street_cell, section#content article table.location_search tr td.location_search_state_cell, section#content article table.location_search tr td.location_search_zip_cell, section#content article table.location_search tr td.location_search_distance_cell { display: none; }
section#content article table.location_search tr td.location_search_city_cell { font-size: 0; color: transparent; width: 100%; display: block; }
section#content article table.location_search tr td.location_search_city_cell input { width: 100%; padding: 0.375rem; }
section#content article table.location_search tr td.location_search_city_cell:before { content: "Location/Postcode:"; display: block; font-weight: bold; font-size: 0.875rem; color: #666666; }
section#content article table.location_search tr td#location_search_distance_fields { width: 100%; }
@media only screen and (min-width: 768px) { section#content article table.location_search tr td#location_search_distance_fields { text-align: right; } article table.location_search input[type=submit] {padding:2px 20px;margin-left:10px;} }
section#content article table.location_search tr td#location_search_distance_fields select {width:100%;padding:5px 3px;}
section#content article table.location_search tr td#location_search_distance_fields:before { content: "Select a distance:"; display: block; font-weight: bold; font-size: 0.875rem; color: #666666; }
section#content article #simplemap .markertext { font-size: 0.875rem !important; }
section#content article #simplemap .markertext h3 { font-size: 110%; }
section#content article #simplemap .markertext p { font-size: 80%; }
section#content article #simplemap .markertext a { border: none; color: #ee3642; }

section#content article div.result { padding: 0.625rem; }
section#content article div.result div.result_links { float: right; display: block; text-align: right; margin-top: -3.75rem; }
section#content article div.result div.result_links a { text-transform: lowercase; border: none; }
section#content article div.result h3 { font-size: 1.125rem; width: 70%; }


.superseded {
	margin: 0 0 40px;
}

.superseded .title {
	background-color: rgb(246, 50, 62);
	color: rgb(255, 255, 255);
	display: block;
	font-weight: bold;
	padding: 8px;
	text-align: center;
	text-transform: uppercase;
}

.superseded .text {
	border: solid rgb(246, 50, 62);
	border-width: 0 0 0 3px;
	color: rgb(246, 50, 62);
	font-size: 95%;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}

.superseded .text a {
	border: none;
	color: inherit;
	text-decoration: underline;
	transition: 0.3s ease-in-out;
}

.superseded .text a:hover {
	color: rgb(197, 44, 52);
}