/*



Theme Name: Canterbury Sports Wholesale



Author: Daniel Shaw



Author URI: http://danielshaw.co.nz



Version: 1.0



Description: November 2015 development theme, WP 4.4+ only.



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Text Domain: csw



Last updated: 20-12-2016



*/



.part--brands {
	min-height: 6.5rem;
	padding-top: 1.9375rem;
	background: #f6f6f6
}
.part--breadcrumb {
	background-image: url( images/csw-slider-bg.jpg )
}
.breadcrumb-trail {
	padding: .5rem 0;
	font-size: .625em
}
h2.trail-browse {
	display: none!important
}
.trail-item, .trail-item a {
	color: #fff
}

@media screen and (min-width:50em) {
.part--breadcrumb .part-inner {
	padding-left: .75rem
}
.breadcrumb-trail {
	height: 3.4375rem;
	padding: 0;
	font-size: .75em;
	line-height: 4.5833333
}
}

@media screen and (min-width:68.75em) {
.part--breadcrumb .part-inner {
	padding-left: 1.5625rem
}
}
.button {
	position: relative;
	padding: .34375rem .5625rem;
	border: 0;
	border-radius: 0;
	color: #fff;
	background-color: #dd252c;
	font-size: .75em;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 0 .3125rem #dd252c, inset 0 0 0 .375rem #f6705e;
	box-shadow: inset 0 0 0 .3125rem #dd252c, inset 0 0 0 .375rem #f6705e;
	-webkit-appearance: none
}
.button--slide {
	float: left
}
.button--add {
	height: 3rem
}

@media screen and (min-width:43.75em) {
.button {
	padding: .6875rem 1.125rem;
	font-size: 1em
}
}

@media screen and (min-width:37.5em) {
.button:hover {
	-webkit-box-shadow: 0 0 0 .1875rem #dd252c, inset 0 0 0 .25rem #f6705e;
	box-shadow: inset 0 0 0 .1875rem #dd252c, inset 0 0 0 .25rem #f6705e
}
}
.media-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%
}
.media-wrapper embed, .media-wrapper iframe, .media-wrapper object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.colour-your-own {
	width: 950px;
	height: 540px;
	margin: 0 auto;
	overflow: hidden
}
.colour-your-own-inner {
	width: 950px;
	height: 712px;
	margin-top: -112px
}
.part--footer {
	color: #7c7a79;
	background-color: #222
}
.part--footer .part-inner {
	padding-top: 2.75rem
}
.logo-footer>img {
	margin-bottom: 1.5rem
}
.quotations-uniforms {
	width: auto;
	border: 0;
	border-collapse: separate
}
.quotations-uniforms th {
	border: 0
}
.quotations-uniforms td, .quotations-uniforms th {
	padding: 0;
	font-size: .8125em
}
.wpcf7 div {
	margin: 0 0 1.5rem
}
.wpcf7 div input {
	padding: 0 .5rem
}
.wpcf7 h3 {
	clear: both
}
.wpcf7 input[type=email], .wpcf7 input[type=text], .wpcf7 select {
	width: 100%;
	height: 3rem
}
.wpcf7 input[type=submit] {
	width: 100%;
	max-width: 200px
}
.wpcf7 label {
	display: inline-block;
	margin-bottom: .375rem
}
.quotations-uniforms th, .wpcf7 label {
	color: #222
}
.quotations-uniforms th {
	font-weight: 400
}
footer .wpcf7 label {
	color: #7c7a79
}
.wpcf7 .wpcf7-captchac {
	float: left;
	margin-right: .75rem
}
.wpcf7 input.wpcf7-captchar {
	width: 100px!important
}
span.wpcf7-list-item {
	margin: 0 1rem 0 0
}
footer div.wpcf7-response-output {
	width: 100%!important;
	border-color: #7c7a79
}

@media screen and (min-width:37.5em) {
.wpcf7 {
	max-width: 730px
}
.wpcf7 div {
	float: left;
	width: calc(33.33333% - 1.5rem);
	margin: 0 1.5rem 1.5rem 0
}
div.wpcf7-half-width {
	width: calc(50% - 1.5rem)
}
div.wpcf7-full-width {
	width: 100%;
	max-width: 706px
}
footer div.wpcf7-full-width {
	max-width: calc(100% - 1.5rem)
}
.wpcf7-clear {
	clear: both
}
.colr input, .pcode input, .quant input, .size input {
	width: 100px!important
}
}

@media screen and (max-width:37.5em) {
.quotations-uniforms, .wpcf7 input[type=email], .wpcf7 input[type=text], .wpcf7 label, .wpcf7 select {
	width: 100%;
	max-width: 100%
}
span.wpcf7-list-item {
	display: block;
	clear: both
}
.quotations-uniforms tr.header {
	position: absolute;
	top: -9999px;
	left: -9999px
}
.quotations-uniforms td {
	display: block;
	padding: 0 .5rem 0 30%;
	position: relative
}
.quotations-uniforms tr td:first-child {
	border: 0
}
.quotations-uniforms td::before {
	position: absolute;
	top: 0;
	left: .5rem;
	width: 65%;
	white-space: nowrap
}
.quotations-uniforms tr:nth-child(odd) {
	background-color: #d8d8d8
}
.quotations-uniforms td:nth-child(1) {
	padding-top: .5rem
}
.quotations-uniforms td:nth-child(5) {
	padding-bottom: .5rem
}
.quotations-uniforms td:nth-child(1):before {
	content: 'Name:';
	top: .5rem
}
.quotations-uniforms td:nth-child(2):before {
	content: 'Code:'
}
.quotations-uniforms td:nth-child(3):before {
	content: 'Colour:'
}
.quotations-uniforms td:nth-child(4):before {
	content: 'Size:'
}
.quotations-uniforms td:nth-child(5):before {
	content: 'Quantity:'
}
}
.grid-items {
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
	text-indent: 0
}
.cta-items {
	margin-bottom: 3rem
}
.grid-item {
	max-width: 263px;
	margin: 0 auto 2.375rem
}
.cta-item {
	max-width: 358px
}
.grid-item-link {
	position: relative;
	min-height: 260px;
}
.grid-item-link a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.grid-item-link a:hover::after {
	background-image: url( data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGZpbGw9IiNkZDI1MmMiIGQ9Ik0yNCA5Yy0xMC41IDAtMTkuNSA2LjEtMjQgMTUgNC41IDguOSAxMy41IDE1IDI0IDE1czE5LjUtNi4xIDI0LTE1Yy00LjUtOC45LTEzLjUtMTUtMjQtMTV6TTM1LjggMTdjMi44IDEuOCA1LjIgNC4yIDcgNy0xLjggMi44LTQuMiA1LjItNyA3LTMuNSAyLjMtNy42IDMuNS0xMS44IDMuNXMtOC4zLTEuMi0xMS44LTMuNWMtMi44LTEuOC01LjItNC4yLTctNyAxLjgtMi44IDQuMi01LjIgNy03IDAuMi0wLjEgMC40LTAuMiAwLjYtMC4zLTAuNSAxLjMtMC43IDIuNy0wLjcgNC4xIDAgNi42IDUuNCAxMiAxMiAxMnMxMi01LjQgMTItMTJjMC0xLjQtMC4zLTIuOC0wLjctNC4xIDAuMiAwLjEgMC40IDAuMiAwLjYgMC4zdjB6TTI0IDE5LjVjMCAyLjUtMiA0LjUtNC41IDQuNXMtNC41LTItNC41LTQuNSAyLTQuNSA0LjUtNC41IDQuNSAyIDQuNSA0LjV6Ii8+PC9zdmc+ );
	background-position: center;
	background-repeat: no-repeat
}
.grid-item-image {
	border: 1px solid #e5e5e5
}
.grid-item figcaption {
	min-height: 4.8125rem;
	padding: 1.125rem 0;
	border-bottom: 1px solid #d8d8d8
}
.grid-item .title {
	float: left;
	max-width: 72%;
	color: #222
}
.grid-item .price {
	float: right;
	color: #dd252c
}
.grid-item .old-price {
	color: #222;
	text-decoration: line-through
}
.grid-item .price-variation-prefix {
	font-size: .8125em;
	text-transform: lowercase
}
.bulk-price, .sale {
	position: relative
}
.bulk-price::after, .sale::before {
	position: absolute;
	left: .625rem;
	padding: 0 1rem;
	color: #fff;
	text-align: center;
	font-size: .875em;
	line-height: 1.92857
}
.sale::before {
	content: 'SALE';
	top: .625rem;
	background-color: #dd252c
}
.bulk-price::after {
	content: '';
	top: 0;
	right: 0;
	left: auto;
	width: 50px;
	height: 50px;
	background-image: url( images/product-bulk-price.png );
	background-repeat: no-repeat
}
footer .grid-item {
	margin-bottom: 3rem
}

@media screen and (min-width:28.125em) {
.grid-item {
	float: left;
	width: 47.5%;
	max-width: 364px;
	margin-right: 2.5%;
	margin-left: 2.5%
}
.grid-item:nth-child(2n+1) {
	clear: both;
	margin-left: 0
}
.grid-item:nth-child(2n+0) {
	margin-right: 0
}
footer .grid-item {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-left: 0
}
.part--footer .grid-item--wide, .part--meta .grid-item--wide {
	width: 100%;
	max-width: 100%
}
}

@media screen and (min-width:37.5em) {
.grid-item {
	width: 30%;
	font-size: .8125em
}
.grid-item:nth-child(2n+1) {
	clear: none;
	margin-left: 2.5%
}
.grid-item:nth-child(2n+0) {
	margin-right: 2.5%
}
.grid-item:nth-child(3n+1) {
	clear: both;
	margin-left: 0
}
.grid-item:nth-child(3n+0) {
	margin-right: 0
}
footer .grid-item:nth-child(2n+1) {
	margin-left: 0
}
}

@media screen and (min-width:60em) {
.grid-item {
	width: 22.75%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	font-size: 1em
}
.grid-item:nth-child(2n+1), .grid-item:nth-child(3n+1) {
	clear: none;
	margin-left: 1.5%
}
.grid-item:nth-child(2n+0), .grid-item:nth-child(3n+0) {
	margin-right: 1.5%
}
.grid-item:nth-child(4n+1) {
	clear: both;
	margin-left: 0
}
.grid-item:nth-child(4n+0) {
	margin-right: 0
}
footer .grid-item {
	float: left;
	margin-right: 1.5%;
	margin-bottom: 1.625rem;
	margin-left: 1.5%
}
footer .grid-item:first-child, footer .grid-item:last-child {
	width: 22.75%
}
.part--footer .grid-item:first-child {
	margin-top: -.3125rem
}
footer .grid-item:last-child {
	margin-right: 0;
	margin-left: 1.5%
}
.part--footer .grid-item--wide, .part--meta .grid-item--wide {
	width: 48.5%;
	max-width: 100%
}
.cta-item {
	width: 31.40350877%
}
.cta-item, .cta-item:nth-child(2n+0), .cta-item:nth-child(3n+0) {
	margin: 0
}
.cta-item:first-child {
	clear: both;
	margin-right: 2.8947368%
}
.cta-item:last-child {
	margin-left: 2.8947368%
}
}
.part--header {
	min-height: 12rem;
	padding-top: .75rem
}
.tagline {
	display: inline-block;
	width: 100%;
	margin: 0 0 1.5rem;
	color: #656563;
	font-size: .75em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center
}
main header {
	background-color: #5f5f5d;
	background-image: url( images/csw-slider-bg.jpg );
	background-size: cover
}

@media screen and (min-width:31.25em) {
.tagline {
	font-size: 1em
}
}

@media screen and (min-width:50em) {
.part--header {
	min-height: 10.875rem;
	padding-top: 0
}
.part--header::before {
	position: absolute;
	content: '';
	top: 178px;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #d8d8d8
}
header {
	min-height: 10.875rem
}
main header {
	min-height: 3.4375rem
}
.tagline {
	display: none
}
}

@media screen and (min-width:71.25em) {
.tagline {
	display: block;
	position: absolute;
	top: 48px;
	left: 488px;
	width: auto;
	font-size: 1.1875em
}
}
.clearfix::after, .clearfix::before {
	content: " ";
	display: table
}
.clearfix::after {
	clear: both
}
.clearfix {
*zoom:1
}
*, ::after, ::before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.view-m {
	display: none
}

@media screen and (min-width:30em) {
.view-m {
	display: inline
}
}
.part--home {
	padding-top: 2.5rem;
	padding-bottom: 1.75rem
}
img {
	max-width: 100%;
	height: auto;
	display: block
}
article img {
	margin-bottom: 1.875rem
}
img[class*=" align-"], img[class^=align-] {
	clear: both;
	float: none;
	margin: 0
}

@media screen and (min-width:37.5em) {
.alignright {
	float: right;
	margin: 0 0 1.5rem 1.5rem
}
.alignleft {
	float: left;
	margin: 0 1.5rem 1.5rem 0
}
.aligncenter {
	display: block;
	margin: 0 auto
}
}
.part--meta {
	position: relative;
	padding: 1.125rem 0 1rem;
	color: #76797d;
	background-color: #4a4b49
}
.part--meta .grid-item {
	max-width: 100%;
	margin: 0;
	text-align: center
}
.meta {
	margin-top: .25rem;
	color: #76797d;
	font-size: .75em
}
.meta--avatar {
	color: #76797d
}
.nav-meta {
	padding: 0;
	text-align: left
}
.nav-meta li {
	display: inline
}
.nav-meta li a {
	padding: 0 .25rem;
	color: #c2c0c0;
	font-size: .9375em
}
.nav-meta li:first-child a {
	padding-left: 0
}
.ddsg-wrapper h2, .ddsg-wrapper p {
	display: none!important
}

@media screen and (min-width:60em) {
.part--meta .grid-item {
	margin-right: 1.5%;
	margin-left: 1.5%;
	text-align: left
}
.part--meta .nav-meta {
	margin-bottom: 0;
	text-align: center
}
.nav-meta li a {
	padding: 0 .75rem
}
.nav-meta li:first-child a {
	padding-left: .75rem
}
.part--meta .meta--avatar {
	text-align: right
}
}
.menu-item a, .pre-header-link:focus, .pre-header-link:hover {
	-webkit-transition: color 150ms ease-out, background-color 300ms ease-out;
	-moz-transition: color 150ms ease-out, background-color 300ms ease-out;
	transition: color 150ms ease-out, background-color 300ms ease-out
}
.nav {
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}

@media screen and (min-width:37.5em) {
.button, .slide-link, .slides-nav button {
	-webkit-transition: box-shadow 100ms ease-in;
	-moz-transition: box-shadow 100ms ease-in;
	transition: box-shadow 100ms ease-in
}
}
@-webkit-keyframes fadeblur {
0% {
-webkit-filter:blur(0)
}
100% {
-webkit-filter:blur(3px)
}
}
@-moz-keyframes fadeblur {
0% {
-moz-filter:blur(0)
}
100% {
-moz-filter:blur(3px)
}
}
.logo {
	display: block;
	max-width: 90%;
	margin: 0 auto .75rem
}
.logo>img {
	margin: 0 auto
}
.nav-wrapper {
	width: 100%
}
.nav-wrapper .nav {
	visibility: hidden;
	opacity: 0;
	height: 0;
	-webkit-transition: visibility 0s, opacity 400ms linear;
	transition: visibility 0s, opacity 400ms linear
}
.nav-wrapper.toggled-on .nav {
	visibility: visible;
	opacity: 1;
	height: auto
}
.nav-toggle {
	z-index: 1002;
	position: relative;
	display: block;
	width: 35px;
	margin: 1rem auto;
	padding: 10px 35px 16px 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none
}
.nav-toggle:focus, .sub-menu-toggle:focus {
	outline: 0
}
.nav-toggle:before {
	content: 'Menu';
	position: absolute;
	top: -16px;
	right: .1875rem;
	color: #f11922;
	font-size: .625em;
	letter-spacing: .1875em
}
.toggled-on .nav-toggle:before {
	content: 'Close';
	right: .1875rem
}
.nav-toggle span, .nav-toggle span:after, .nav-toggle span:before {
	content: '';
	display: block;
	position: absolute;
	width: 35px;
	height: 4px;
	border-radius: 1px;
	background: #f11922;
	cursor: pointer
}
.nav-toggle span:before {
	top: -9px
}
.nav-toggle span:after {
	bottom: -9px
}
.toggled-on .nav-toggle span {
	background-color: transparent
}
.toggled-on .nav-toggle span:after, .toggled-on .nav-toggle span:before {
	top: 0
}
.toggled-on .nav-toggle span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 200ms ease-in-out
}
.toggled-on .nav-toggle span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all 200ms ease-in-out
}
.nav {
	z-index: 1001;
	width: 100%;
	margin: 0;
	background-color: #222;
	list-style-type: none;
	text-align: center
}
.toggled-on .nav {
	margin-top: 1rem;
	margin-bottom: 1.25rem;
	padding: 1rem 0
}
.menu-item {
	position: relative
}
.menu-item a {
	display: block;
	color: #fff;
	line-height: 2
}
.sub-menu {
	margin: 0 0 .75rem;
	padding: .75rem 0 1.5rem;
	background-color: #f11922
}
.sub-menu a {
	line-height: 3
}
.sub-menu .sub-menu {
	padding-bottom: .75rem;
	background-color: rgba(0,0,0,.25);
	font-size: .875em
}
.sub-menu-toggle {
	position: absolute;
	top: 0;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	border: 0;
	border-radius: 0;
	line-height: 1.75;
	color: #fff;
	background-color: transparent;
	background-image: url( data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0wIDEyYzAgNi42IDUuNCAxMiAxMiAxMnMxMi01LjQgMTItMTItNS40LTEyLTEyLTEyLTEyIDUuNC0xMiAxMnpNMjEuOCAxMmMwIDUuNC00LjQgOS44LTkuNyA5LjhzLTkuNy00LjQtOS43LTkuNyA0LjQtOS43IDkuOC05LjcgOS44IDQuNCA5LjggOS44ek0xNi42IDE1LjdsMi4xLTIuMS02LjctNi43LTYuNyA2LjcgMi4xIDIuMSA0LjYtNC42eiIvPjwvc3ZnPg== );
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none
}
.sub-menu-toggle.is-closed-js {
	background-image: url( data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yNCAxMmMwLTYuNi01LjQtMTItMTItMTJzLTEyIDUuNC0xMiAxMiA1LjQgMTIgMTIgMTIgMTItNS40IDEyLTEyek0yLjMgMTJjMC01LjQgNC40LTkuNyA5LjgtOS43czkuOCA0LjQgOS44IDkuOC00LjQgOS44LTkuNyA5LjgtOS43LTQuNC05LjctOS43ek03LjQgOC4zbC0yLjEgMi4xIDYuNyA2LjcgNi43LTYuNy0yLjEtMi4xLTQuNiA0LjZ6Ii8+PC9zdmc+ )
}
.sub-menu .sub-menu-toggle {
	right: .5rem;
	width: 3rem;
	height: 3rem
}
.toggle-state {
	display: none
}

@media screen and (min-width:50em) {
.logo {
	position: absolute;
	top: 1.25rem;
	left: 0;
	max-width: 100%;
	margin: 0
}
.nav-toggle, .sub-menu-toggle {
	display: none
}
.nav-wrapper {
	position: absolute;
	bottom: 0;
	left: 0
}
.nav-wrapper .nav {
	display: block;
	visibility: visible;
	opacity: 1;
	position: relative;
	height: 3.1875rem;
	margin: 0;
	padding: 0;
	background-color: transparent;
	text-align: left
}
.menu-item {
	position: static;
	float: left
}
.menu-item a {
	height: auto;
	padding: 0 .75rem;
	color: #222;
	font-size: .8125em;
	line-height: 3.95
}
.current-menu-ancestor a, .current-menu-item a, .menu-item a:focus, .menu-item a:hover {
	color: #fff;
	background-color: #222
}
.toggle-state {
	z-index: 10;
	position: absolute;
	right: 0;
	left: 0
}
.sub-menu .menu-item {
	width: calc(100%/7);
	font-size: .875em
}
.sub-menu .menu-item a {
	padding-top: .6875rem;
	color: #fff;
	text-transform: uppercase
}
.sub-menu .menu-item a:focus, .sub-menu .menu-item a:hover {
	background-color: #dd252c
}
.toggle-state .sub-menu {
	margin: 0;
	padding: 0;
	background-color: #222;
	min-height: 556px
}
.sub-menu .menu-item {
	position: relative
}
.sub-menu .sub-menu {
	position: absolute;
	width: 100%;
	height: auto;
	min-height: 500px;
	padding-bottom: 1rem
}
.sub-menu .sub-menu .menu-item {
	float: none;
	width: 100%;
	font-size: 100%
}
.sub-menu .sub-menu .menu-item a {
	padding-top: .25rem;
	padding-bottom: .25rem;
	text-transform: lowercase;
	line-height: 1.1875
}
.menu-item:hover .toggle-state {
	display: block
}
}

@media screen and (min-width:68.75em) {
.sub-menu .menu-item {
	font-size: 1em
}
.menu-item a {
	padding: 0 1.5625rem;
	font-size: 1em;
	line-height: 3.1875
}
.sub-menu .menu-item a {
	padding-top: .6875rem;
	font-size: .875em
}
}/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body, html {
	margin: 0;
	padding: 0
}
article, aside, figcaption, figure, footer, header, main, nav, section {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background: 0 0;
	text-decoration: none
}
a:active, a:hover {
	outline: 0
}
b, strong {
	font-weight: 700
}
h1 {
	margin: .67em 0
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
input {
	color: inherit;
	font: inherit;
	margin: 0
}
input[type=submit] {
	cursor: pointer
}
html input[disabled] {
	cursor: default
}
input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
ul {
	list-style-type: none
}
.wpsc_page_numbers_bottom {
	width: auto;
	text-align: center;
	font-size: .875em
}
.wpsc_page_numbers_bottom a, span.current {
	display: inline-block;
	min-width: 2.75rem;
	margin: 0 .25rem 1.5rem;
	padding: .5rem;
	border: 1px solid #d8d8d8;
	color: #656563
}
span.current {
	color: #fff;
	background-color: #dd252c
}
.wpsc_page_numbers_bottom a:focus, .wpsc_page_numbers_bottom a:hover {
	color: #fff;
	background-color: #656563
}
.part--pre-header {
	height: 3.4375rem;
	background-color: #222
}
.part--pre-header .social-icons {
	float: left;
	list-style-type: none
}
.grid-item--footer .social-icons {
	width: 132px;
	margin: 0 auto
}
.pre-header-links {
	margin: 0;
	padding: 0
}
.pre-header-links.social-icons {
	border-left: 1px solid #454545
}
.pre-header-links.cart {
	float: right;
	margin-bottom: 0;
	border-right: 1px solid #454545
}
.pre-header-link {
	float: left;
	height: 3.4375rem
}
.pre-header-link a {
	display: block;
	width: 100%;
	height: 100%;
	padding: .75rem .675rem 0
}
.cart a {
	padding-top: 1rem;
	color: #fff
}
.pre-header-link:hover {
	background-color: #ee1c25
}
.social-icons .pre-header-link {
	border-right: 1px solid #454545
}
.cart .pre-header-link {
	border-left: 1px solid #454545
}

@media screen and (min-width:60em) {
.grid-item--footer .social-icons {
	width: auto;
	margin: 0
}
}
.search-form {
	width: 100%;
	max-width: 16.125rem;
	margin: 0 auto 1rem;
	height: 2.625rem;
	border: 1px solid #cecece
}
.search-button, .search-keyword {
	float: left;
	height: 100%;
	border: 0
}
.search-keyword {
	width: 13.375rem;
	padding: 0 .75rem;
	font-size: .875em
}
.search-button {
	width: 2.625rem;
	border: 0;
	background-color: #fff;
	background-image: url( data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgMjEgMjEiPjxwYXRoIGZpbGw9IiM2NTY1NjMiIGQ9Ik0yMC4zIDE3LjlsLTUtNC4yYy0wLjUtMC41LTEuMS0wLjctMS41LTAuNyAxLjItMS40IDEuOS0zLjIgMS45LTUuMSAwLTQuMy0zLjUtNy45LTcuOS03LjlzLTcuOSAzLjUtNy45IDcuOSAzLjUgNy45IDcuOSA3LjljMiAwIDMuNy0wLjcgNS4xLTEuOSAwIDAuNCAwLjIgMSAwLjcgMS41bDQuMiA1YzAuNyAwLjggMS45IDAuOSAyLjYgMC4yczAuNy0xLjktMC4yLTIuNnpNNy45IDEzLjFjLTIuOSAwLTUuMi0yLjQtNS4yLTUuMnMyLjQtNS4yIDUuMy01LjIgNS4zIDIuNCA1LjMgNS4zLTIuMyA1LjMtNS4yIDUuM3oiLz48L3N2Zz4= );
	background-repeat: no-repeat;
	background-position: center;
	-webkit-appearance: none;
	-moz-appearance: none
}
.search-button:focus, .search-button:hover {
	background-image: url( data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgMjEgMjEiPjxwYXRoIGZpbGw9IiNlZTFjMjUiIGQ9Ik0yMC4zIDE3LjlsLTUtNC4yYy0wLjUtMC41LTEuMS0wLjctMS41LTAuNyAxLjItMS40IDEuOS0zLjIgMS45LTUuMSAwLTQuMy0zLjUtNy45LTcuOS03LjlzLTcuOSAzLjUtNy45IDcuOSAzLjUgNy45IDcuOSA3LjljMiAwIDMuNy0wLjcgNS4xLTEuOSAwIDAuNCAwLjIgMSAwLjcgMS41bDQuMiA1YzAuNyAwLjggMS45IDAuOSAyLjYgMC4yczAuNy0xLjktMC4yLTIuNnpNNy45IDEzLjFjLTIuOSAwLTUuMi0yLjQtNS4yLTUuMnMyLjQtNS4yIDUuMy01LjIgNS4zIDIuNCA1LjMgNS4zLTIuMyA1LjMtNS4yIDUuM3oiLz48L3N2Zz4= )
}
input::-webkit-input-placeholder {
color:#656563
}
input::-moz-placeholder {
color:#656563
}
input:-ms-input-placeholder {
color:#656563
}
input:-moz-placeholder {
color:#656563
}

@media screen and (min-width:50em) {
.search-form {
	position: absolute;
	top: 2.5rem;
	right: 0;
	margin: 0
}
}
.ddsg-wrapper li>ul {
	margin-top: 1rem
}
.part--slider {
	overflow: hidden
}
.part--slider .part-inner {
	margin: 0
}
.slide {
	width: 100%
}
.slide img {
	max-height: 570px;
	max-width: 100%;
	margin: 0 auto;
}
.slide__text-wrapper {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	height: 100%
}
.slide__text {
	display: table;
	position: absolute;
	height: 100%;
	padding: 0 2.5%;
	background-color: rgba(0,0,0,.25)
}
.slide__text-align {
	display: table-cell;
	vertical-align: middle
}
.slide__text h1 {
	margin: 0 0 1.25rem;
	padding: 0;
	color: #fff;
	background-color: rgba(0,0,0,.25);
	font-size: 1.5em;
	line-height: .5;
	text-transform: uppercase
}
.slide__text h3 {
	margin-bottom: 1rem;
	color: #fff;
	font-size: .625em;
	font-weight: 400
}
.slides-nav {
	position: relative;
	margin-bottom: 3rem
}
.slides-nav .slide {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: .25rem;
	border: 1px solid #d8d8d8
}
.slides-nav button {
	position: absolute;
	top: calc((78px - 1rem) / 2);
	width: 1rem;
	height: 1rem;
	border: 0;
	background-color: transparent
}
.slides-nav svg {
	width: 1rem;
	height: 1rem
}
.slides-nav .arrow {
	fill: #171717
}
.slides-nav .flickity-prev-next-button {
	padding: 0
}
.slides-nav .previous {
	left: .25rem
}
.slides-nav .next {
	right: .25rem
}
.flickity-prev-next-button:focus, .flickity-prev-next-button:hover {
	cursor: pointer
}

@media screen and (min-width:43.75em) {
.slides-nav {
	margin-bottom: 0
}
.slide__text-wrapper {
	left: 0;
	width: 100%
}
.slide__text {
	right: 6.875rem;
	padding: 0;
	background-color: transparent
}
.slide__text-align {
	text-align: center
}
.slide__text h1 {
	margin: 0 0 2.5rem;
	padding: 2rem 1.25rem;
	border: .625rem solid #fff;
	font-size: 3em
}
.slide__text h3 {
	margin-bottom: 2rem;
	font-size: 1.25em
}
}

@media screen and (min-width:71.25em) {
.part--slider .part-inner {
	margin: 0 auto
}
}

@media screen and (min-width:75em) {
.part--slider {
	padding: 1.75rem 0;
	background-color: #5f5f5d;
	background-image: url( images/csw-slider-bg.jpg );
	background-size: cover
}
.part--slider .part__inner {
	margin: 0 auto
}
}

@media screen and (min-width:37.5em) {
.slides-nav .previous {
	left: -1rem
}
.slides-nav .next {
	right: -1rem
}
}

@media screen and (min-width:78.125em) {
.slides-nav .previous {
	left: -1.625rem
}
.slides-nav .next {
	right: -1.625rem
}
}
[class*=" svg-"], [class^=svg-] {
	display: inline-block;
	width: 1.5625rem;
	height: 1.5625rem;
	fill: #7c7a79
}
.svg-googleplus {
	width: 1.5rem;
	height: 1.5rem;
	margin-top: .25rem
}
.cart svg {
	float: left;
	width: 1.25rem;
	height: 1.25rem;
	fill: #fff
}
a:hover [class^=svg-] {
	fill: #fff
}
.lazyload {
	opacity: 0
}
.lazyloading {
	opacity: 1;
	transition: opacity 300ms;
	background: #7b92a4 url( data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbD0iIzAwMCIgZD0iTTIwLjIwMSA1LjE2OWMtOC4yNTQgMC0xNC45NDYgNi42OTItMTQuOTQ2IDE0Ljk0NiAwIDguMjU1IDYuNjkyIDE0Ljk0NiAxNC45NDYgMTQuOTQ2czE0Ljk0Ni02LjY5MSAxNC45NDYtMTQuOTQ2QzM1LjE0NiAxMS44NjEgMjguNDU1IDUuMTY5IDIwLjIwMSA1LjE2OXpNMjAuMjAxIDMxLjc0OWMtNi40MjUgMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNCAwLTYuNDI1IDUuMjA5LTExLjYzNCAxMS42MzQtMTEuNjM0IDYuNDI1IDAgMTEuNjMzIDUuMjA5IDExLjYzMyAxMS42MzRDMzEuODM0IDI2LjU0MSAyNi42MjYgMzEuNzQ5IDIwLjIwMSAzMS43NDl6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTI2LjAxMyAxMC4wNDdsMS42NTQtMi44NjZjLTIuMTk4LTEuMjcyLTQuNzQzLTIuMDEyLTcuNDY2LTIuMDEyaDB2My4zMTJoMEMyMi4zMiA4LjQ4MSAyNC4zMDEgOS4wNTcgMjYuMDEzIDEwLjA0N3oiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjAgMjAiIHRvPSIzNjAgMjAgMjAiIGR1cj0iMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PC9zdmc+ ) no-repeat center
}
.lazyloaded {
	opacity: 1;
	transition: opacity 9ms
}

@media screen and (min-width:30em) {
.cart svg {
	margin-right: .5rem
}
}
table {
	width: 100%;
	margin-bottom: 1.5rem;
	border: 1px solid #f4f3f0;
	border-collapse: collapse
}
thead {
	background-color: #f4f3f0
}
th {
	text-align: left;
	border: 1px solid #f4f3f0;
	border-right: 0;
	border-left: 0
}
td, th {
	padding: .5rem 1rem
}
tr td:first-child {
	border-right: 1px solid #f4f3f0
}
body {
	color: #656563;
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	-webkit-font-smoothing: subpixel-antialiased
}
dt, h1, h2, h3, h4, time {
	margin-top: 0;
	font-weight: 700
}
h1 {
	margin-bottom: .6875rem;
	color: #171717;
	font-size: 2.25em;
	line-height: 1.6
}
.productcol h1 {
	margin-top: .625rem;
	margin-bottom: 1.5rem;
	color: #dd252c;
	line-height: 1
}
h1+p {
	margin-top: -.375rem
}
.wpsc-category h1, h2 {
	position: relative;
	color: #171717;
	background-color: #fff;
	font-size: 1.875em;
	text-align: center
}
h3 {
	margin-bottom: .75rem;
	font-size: 1.3125em
}
p+h3 {
	margin-top: 3rem
}
h4 {
	padding-bottom: .375rem;
	margin-bottom: .975rem;
	border-bottom: 1px solid #424548;
	color: #c2c0c0;
	font-size: 1.3125em;
	font-weight: 400
}
dl, ol, p, ul {
	margin-top: 0;
	margin-bottom: 1.75rem
}
.part--home p, article p, article ul, aside p, aside ul {
	font-size: .9375em
}
article ul {
	padding-left: 1em;
	text-indent: -1em;
	list-style-type: square;
	list-style-position: inside
}
article li {
	margin-bottom: .75rem
}
article a, footer a {
	color: #dd252c
}
footer p {
	font-size: .875em
}
h5 {
	margin-bottom: 0;
	color: #7a92a4;
	font-size: 1em
}
ul.nav {
	line-height: 1.25
}
dd {
	margin: 0
}
.quote {
	position: relative;
	overflow: hidden;
	max-width: 40rem;
	padding: 1.5rem 3rem;
	border-radius: .25rem;
	color: #fff;
	background-color: #5f5f5d;
	background-image: url(images/csw-slider-bg.jpg );
	background-size: cover
}
.quote::after, .quote::before {
	position: absolute;
	font-size: 3em
}
.quote::before {
	content: '\201C';
	top: .5rem;
	left: 1rem
}
.quote::after {
	content: '\201D';
	bottom: -1rem;
	right: 1rem
}

@media screen and (min-width:37.5em) {
.wpsc-category h1::before, h2::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	border: 1px solid #d8d8d8
}
.wpsc-category h1>span, h2>span {
	position: relative;
	padding: 0 2.625rem;
	background-color: #fff
}
}

@media screen and (min-width:43.75em) {
.col-two {
	float: left;
	width: 50%
}
}
.wpsc-breadcrumbs {
	font-size: .6875em
}
.custom_gateway_image {
	display: none!important
}

@media screen and (min-width:37.5em) {
.imagecol, .productcol {
	float: left;
	width: 50%
}
}
.product-image, .product-thumb {
	margin-bottom: 0
}
.product-image {
	margin-bottom: 1.5rem
}
.productcol {
	padding-left: 5%
}
.productcol a {
	color: #dd252c
}
.productcol .price {
	margin-bottom: 1.5rem;
	color: #171717;
	font-size: 2.25em
}
.productcol .pricedisplay {
	display: inline
}
.productcol .old-price {
	color: #656563;
	text-decoration: line-through;
	font-size: 62.5%
}
.productcol .product_description {
	border-bottom: 1px solid #d8d8d8;
	color: #181818
}
.product_description ul {
	list-style-type: square;
	list-style-position: inside;
	padding-left: 1rem;
	text-indent: -1rem
}
.product_form {
	font-size: .9375em;
	line-height: 3
}
.product-options {
	padding: 1.5rem 0 1.25rem;
	border-bottom: 1px solid #d8d8d8
}
.product-form-sub-wrapper {
	clear: both;
	width: 100%;
	padding-top: 1.5rem
}
.product_form fieldset {
	clear: both;
	float: left;
	margin-right: .75rem;
	padding: 0;
	border: 0
}
.product_form legend {
	float: left;
	margin-right: .5rem
}
.wpsc_variation_forms table {
	margin-bottom: 0;
	border: 0
}
.wpec-product-option-title, .wpsc_variation_forms td {
	width: 50%;
	padding: 0 0 .25rem
}
.wpsc_variation_forms td:first-child {
	border: 0
}
.product_form select {
	width: 100%;
	height: 3rem;
	padding: 0 .25rem;
	border: 1px solid #d8d8d8;
	color: #656563
}
.simple-product-options {
	max-width: 284px
}
.wpec-product-option-title {
	display: inline-block;
	clear: both;
	float: left;
	max-width: 182px;
	margin-bottom: .25rem
}
.product_form .wpec-product-option-select {
	float: left;
	width: 50%;
	margin-bottom: .25rem
}
.wpsc_quantity_update {
	float: left
}
.wpsc_quantity_update input {
	width: 3rem;
	text-align: center
}
.product_form .wpsc_buy_button_container {
	float: left
}
#fancy_notification, .wpsc_loading_animation {
	display: none
}
#fancy_notification {
	right: 0!important;
	left: 0!important;
	max-width: 280px;
	margin: auto;
	padding: 1rem;
	border: 1px solid #181818;
	background-color: #fff;
	text-align: center
}
#fancy_notification_content span {
	display: inline-block;
	margin-bottom: .75rem
}
#fancy_notification_content a {
	display: block;
	width: 75%;
	height: 3rem;
	position: relative;
	margin: 0 auto .75rem;
	padding: .34375rem .5625rem;
	border: 0;
	border-radius: 0;
	color: #fff;
	background-color: #dd252c;
	font-size: .75em;
	text-transform: uppercase;
	text-align: center;
	line-height: 3;
	-webkit-box-shadow: 0 0 0 .3125rem #dd252c, inset 0 0 0 .375rem #f6705e;
	box-shadow: inset 0 0 0 .3125rem #dd252c, inset 0 0 0 .375rem #f6705e;
	-webkit-appearance: none
}
.wpsc-transaction-results-wrap p:first-child {
	display: none!important
}
body.wpsc-shopping-cart article {
	max-width: 60rem
}
#checkout_page_container a {
	color: #dd252c
}
.wpsc_checkout_table {
	border: 0
}
.table-1 td, .table-2 td {
	padding-right: 0;
	padding-left: 0
}
.wpsc_checkout_table input[type=text], .wpsc_checkout_table label, .wpsc_checkout_table select, .wpsc_checkout_table textarea {
	width: 100%
}
.wpsc_checkout_table select, .wpsc_checkout_table textarea {
	color: #656563;
	font-family: Montserrat, sans-serif;
	font-size: 1em
}
.wpsc_checkout_table textarea::-webkit-input-placeholder {
color:#656563
}
.wpsc_checkout_table textarea:-moz-placeholder {
color:#656563
}
.wpsc_checkout_table textarea {
	padding-top: .75rem
}
.checkout_cart {
	border: 0
}
.checkout_cart tr.header th {
	font-size: .75em;
	font-weight: 400;
	color: #fff;
	background-color: #222
}
.checkout_cart td.wpsc_product_quantity {
	min-width: 220px
}
body.wpsc-shopping-cart tr td:first-child {
	border: 0
}
.checkout_cart tr:nth-child(odd) {
	background-color: #eee
}
.wpec_product_option_checkout_text {
	font-size: 75%
}
#current_country, .button--checkout, .wpsc-visitor-meta, .wpsc_oc input, .wpsc_product_quantity input {
	height: 3rem;
	padding: 0 1rem
}
.wpsc_oc select {
	height: 3rem;
	padding: 0 .25rem 0 1rem
}
.table-1 input[type=checkbox], .table-2 input[type=checkbox], .wpsc_oc input[type=radio] {
	height: auto!important
}
.same_as_shipping_row input[type=checkbox] {
	margin-right: .5rem
}
body.wpsc-shopping-cart h3, body.wpsc-shopping-cart h4 {
	margin: 1rem 0;
	padding: 0;
	border: 0;
	color: #222;
	font-weight: 400!important
}
.wpsc_email_address {
	margin-bottom: 1.5rem
}
.wpsc_checkout_table_totals {
	margin-bottom: 3rem;
	border: 0;
	color: #fff;
	background-color: #5f5f5d;
	background-image: url(images/csw-slider-bg.jpg );
	background-size: cover
}
.wpsc_checkout_table_totals td {
	border: 0
}
.validation-error {
	color: red
}
.wpsc_pppro_cc_code2 input[type=text], .wpsc_pppro_cc_expiry2 select, .wpsc_pppro_cc_number2 input[type=text] {
	width: auto;
	display: inline
}
.wpsc_oc input[type=text], .wpsc_oc select {
	max-width: 344px
}
.wpsc_pppro_cc_cards img {
	display: none!important
}

@media screen and (max-width:43.75em) {
#checkout_page_container table, #checkout_page_container tbody, #checkout_page_container td, #checkout_page_container tr {
	display: block
}
#checkout_page_container tr.header {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: .75rem;
	font-size: .875em
}
.checkout_cart td:nth-child(4), .checkout_cart td:nth-child(5) {
	position: relative
}
.checkout_cart td:nth-child(4):before {
	content: 'Price per product: '
}
.checkout_cart td:nth-child(5):before {
	content: 'Total: '
}
#checkout_page_container td.wpsc_product_image img {
	margin-bottom: auto
}
.wpsc_checkout_table input[type=text], .wpsc_checkout_table textarea {
	width: 100%;
	max-width: 320px
}
.wpsc_pppro_cc_code2 input[type=text], .wpsc_pppro_cc_expiry2 select, .wpsc_pppro_cc_number2 input[type=text] {
	width: auto;
	display: inline
}
.wpsc_oc input, .wpsc_oc select {
	padding: 0 .25rem
}
}
.part {
	display: block;
	margin: 0 auto
}
.part-inner {
	position: relative;
	margin: 0 5%
}
article {
	padding: 3rem 0
}
body.page-template-page-colour-your-own article {
	padding: 1.5rem 0 0;
}

@media screen and (min-width:60em) {
.part-inner {
	margin: 0 2.5%
}
}

@media screen and (min-width:75em) {
.part-inner {
	max-width: 1140px;
	margin: 0 auto
}
}
.flickity-enabled {
	position: relative
}
.flickity-enabled:focus {
	outline: 0
}
.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%
}
.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%
}
.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing
}
.flickity-prev-next-button.no-svg {
	color: #333;
	font-size: 26px
}
.flickity-page-dots {
	display: none
}

@media screen and (min-width:43.75em) {
.flickity-page-dots {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 1.5rem;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1
}
.flickity-rtl .flickity-page-dots {
	direction: rtl
}
.flickity-page-dots .dot {
	display: inline-block;
	width: .875rem;
	height: .875rem;
	margin: 0 .25rem;
	background: 0 0;
	border: 1px solid #fff;
	border-radius: 50%;
	cursor: pointer
}
.flickity-page-dots .dot.is-selected {
	filter: alpha(opacity=100);
	opacity: 1;
	background-color: #fff
}
}
/* Xmas Message */

#xmas-message {
	width: 100%;
	color: #fff;
	text-align: center;
	background: url(images/seasons-greetings.png) no-repeat top left, #dd252c url(images/mistletoe.png) no-repeat top right;
	padding: 20px 180px;
	margin-bottom: 28px;
	display: none;
}

@media screen and (max-width: 500px) {
#xmas-message {
	background: #dd252c url(images/seasons-greetings.png) no-repeat top center;
	padding: 80px 20px 20px;
}
}
.product-grid-item.wp-post-image {
	margin: 0 auto;
}
.slides-nav .slide img.product-thumb {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.page-template-page-kit-builder-landing main {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231f20+25,333030+50,4a4848+75,61615f+100 */

	background: #231f20; /* Old browsers */
	background: -moz-linear-gradient(top, #231f20 25%, #333030 50%, #4a4848 75%, #61615f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #231f20 25%, #333030 50%, #4a4848 75%, #61615f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #231f20 25%, #333030 50%, #4a4848 75%, #61615f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#61615f', GradientType=0 ); /* IE6-9 */
}
h1.kit-builder {
	color: #fff;
	line-height: 1.2;
}
article.landing {
	text-align: center;
}
.landing p {
	color: #c2c0c0;
	width: 40%;
	margin: 20px auto;
}

@media(max-width:768px) {
.landing p {
	width: 60%;
}
}

@media(max-width:414px) {
.landing p {
	width: 90%;
}
}
.logos {
	background: #242021;
	border: 1px solid #5a5758;
	overflow: hidden;
	margin: 30px 0 50px;
}
.logos h4 {
	color: #ee161f;
	text-transform: uppercase;
	border: none;
	font-size: 24px;
	margin: 20px 0;
}

@media(max-width:375px) {
.logos h4 {
	font-size: 20px;
}
}
.logos .logo-col {
	float: left;
	width: 50%;
	text-align: center;
	border-right: 1px solid #5a5758;
}

@media(max-width:768px) {
.logos .logo-col img {
	max-height: 200px;
	padding-bottom: 20px;
	width: auto;
}
}

@media(max-width:414px) {
.logos .logo-col img {
	max-height: 150px;
}
}

@media(max-width:375px) {
.logos .logo-col img {
	max-height: 130px;
}
}
.logos .logo-col img {
	float: none;
	margin: -50px auto 0;
	max-height: 200px;
	padding-bottom: 30px;
	width: auto;
}
.logos .logo-col:last-child {
	border-right: none;
}
.landing h5:before {
	background: #706e6e none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 40%;
}

@media (max-width:768px) {
.landing h5:before {
	width: 35%;
}
}

@media (max-width:568px) {
.landing h5:before {
	width: 30%;
}
}

@media (max-width:414px) {
.landing h5:before {
	width: 25%;
}
}

@media (max-width:320px) {
.landing h5:before {
	width: 20%;
}
}
.landing h5 {
	color: #c2c0c0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 22px;
	position: relative;
	margin-bottom: 20px;
}
.landing h5:after {
	background: #706e6e none repeat scroll 0 0;
	content: "";
	height: 2px;
	right: 0;
	position: absolute;
	top: 50%;
	width: 40%;
}

@media (max-width:768px) {
.landing h5:after {
	width: 35%;
}
}

@media (max-width:568px) {
.landing h5:after {
	width: 30%;
}
}

@media (max-width:414px) {
.landing h5:after {
	width: 25%;
}
}

@media (max-width:320px) {
.landing h5:after {
	width: 20%;
}
}
.gallery-example {
	float: none;
	text-align: center;
	margin: 0 auto 30px;
	overflow: hidden;
}
.gallery-inner {
	display: flex;
	flex-flow: row wrap;
	place-content: center;
}

@media(max-width:414px) {
.gallery-inner {
	place-content: flex-start;
}
}
.gallery-item {
	float: left;
	width: 20%;
	text-align: center;
	margin: 0 0.5%;
padding-bottom: 30px;
}

@media(max-width:414px) {
.gallery-item {
	width: 30%;
}
}

@media(max-width:320px) {
.gallery-item {
	width: 50%;
	margin-bottom: 20px;
}
}
.gallery-photo {
	min-height:260px;
}
.gallery-item img {
	float: none;
	margin: 0 auto;
}
.gallery-item p {
	text-transform: uppercase;
	width: 100%;
	font-size: 14px;
	margin: 0 auto;
}

@media(max-width:768px) {
.gallery-item p {
	font-size: 12px;
}
}
.slides.slides-nav.js-slides-nav.flickity-enabled.is-draggable {
	margin-top: 50px;
}