/** Shopify CDN: Minification failed

Line 1979:14 Expected ":"
Line 4751:24 Unexpected "{"

**/
/*! Accent Theme | Copyright: Suture, 2024, http://www.suture.net */

/*

	#VARIABLES
	#FUNCTIONS
	#NORMALIZE
	#ANIMATION
	#FLEXGRID
	#GRID
	#LAYOUT
	#HELPERS
	#TYPOGRAPHY
	#HEADER
	#NAVIGATION
	#MEGAMENU
	#FOOTER
	#FORMS
	#ICONS
	#IMAGES
	#ELEMENTS
	#PAGES
	#POLICIES
	#SECTIONS
	#PLUGINS
	#APPS
	#WIDGETS
	#STOREFRONT
	#MOBILEMENU
	#MOBILE
	#PRINT

*/

@charset 'UTF-8';

/* #VARIABLES ======================================= */
	
/* VARIABLES - COLORS */


















































/* @group VARIABLES - FONTS */

































/* VARIABLES - BUTTONS */






/* VARIABLES - FONT FAMILIES */
	


	


	


/* TYPE SCALE */








/* COLLECTION - GRID */




/* COLLECTION - GRID */





/*
	20px x 0.5 = 10px
	10px - 20px = -10px
	Round is used to get a whole number, rathan than 10.0px
*/




/* Example: (20px - 5px) + 20px = 35px */

/* #NORMALIZE ======================================= */

/* @group NORMALIZE */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* @end */

/* @group NORMALIZE - MOBILE */

/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
	select, textarea, input[type="text"], input[type="password"],
	input[type="datetime"], input[type="datetime-local"],
	input[type="date"], input[type="month"], input[type="time"],
	input[type="week"], input[type="number"], input[type="email"],
	input[type="url"]{ font-size: 16px; }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
	select, textarea, input[type="text"], input[type="password"],
	input[type="datetime"], input[type="datetime-local"],
	input[type="date"], input[type="month"], input[type="time"],
	input[type="week"], input[type="number"], input[type="email"],
	input[type="url"]{ font-size: 16px; }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
	select, textarea, input[type="text"], input[type="password"],
	input[type="datetime"], input[type="datetime-local"],
	input[type="date"], input[type="month"], input[type="time"],
	input[type="week"], input[type="number"], input[type="email"],
	input[type="url"]{ font-size: 16px; }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
	select, textarea, input[type="text"], input[type="password"],
	input[type="datetime"], input[type="datetime-local"],
	input[type="date"], input[type="month"], input[type="time"],
	input[type="week"], input[type="number"], input[type="email"],
	input[type="url"]{ font-size: 16px; }
}

/* @end */

/* #ANIMATION ======================================= */

/* @group ANIMATION - REVEAL ON SCROLL */

.revealOnScroll {
	opacity: 0;
}

/* If javascript is disabled, we don't want to hide elements. */
.no-js .revealOnScroll {
	opacity: 1;
}

.revealed {
	opacity: 1;
}

/* @end */

/* @group ANIMATE.CSS - DELAY */

.animation-delay-1000 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animation-delay-2000 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animation-delay-3000 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

/* @end */

/* #FLEXGRID ============================================ */

/* @group FLEX GRID */

.flex-container {
	display: flex;  
	flex-wrap: wrap;
}

/* @end */

/* #GRID ============================================ */

/* @group GRID */

*, *:after, *:before {
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*='col-'] {
	float: left;
	padding-right: 30px;
	/* http://css-tricks.com/make-sure-columns-dont-collapse-horizontally/ */
	min-height: 1px;
}

.grid {
	width: 100%;
	max-width: 1280px;
	/* 768 minus 100px + 1 for padding (50px on either side) */
	min-width: 667px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 0;
}

.grid.grid-pad-reduced {
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 0;
}

.push-right {
	float: right;
}

/* @end */

/* @group GRID - CONTENT COLUMNS */

.col-1-1 {
	width: 100%;
}

.col-4-5 {
	width: 80%;
}

.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%;
}

/* @end */

/* @group GRID - LAYOUT COLUMNS */

.col-11-12 {
	width: 91.66%;
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%;
}

/* @end */

/* @group GRID - PUSHING BLOCKS */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%;
}

/* @end */

@media (max-width: 768px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-top: 25px;
		/* grid-space to left */
		padding-left: 25px;
		/* grid-space to right: */
		/* (grid-space-left - column-space) e.g. 25px-10px=15px */
		padding-right: 15px;
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 10px;
		padding-left: 0;
		/* column-space */
		padding-right: 10px;
	}

	/* START - Small grid hack for pages with sidebars */
	.col-9-12.main-content {
		padding-right: 0;
	}
	
	.col-3-12.sidebar {
		padding-right: 0;
	}
	/* END - Small grid hack for pages with sidebars */

	/* Mobile Layout */
	[class*='mobile-col-'] {
		float: left;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 10px;
		padding-left: 0;
		/* column-space */
		padding-right: 10px;
		padding-bottom: 0;
	}

	.mobile-col-1-1 {
		width: 100%;
	}

	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%;
	}

	/* Layout Columns */
	.mobile-col-11-12 {
		width: 91.66%;
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%;
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}

@media (max-width: 540px) {

	.main-content-grid.grid-pad {
		padding-top: 0;
	}

}

/* @group COLUMNS - NESTED */

/* Used for nested content within the main grid. */

.row {
	margin: 0;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

.row:last-child {
	margin-bottom: 0;
}

.column-1-1,
.column-1-2,
.column-1-3,
.column-2-3,
.column-1-4,
.column-3-4,
.column-1-5,
.column-4-5,
.column-1-6,
.column-5-6,
.column-1-8 {
	margin-bottom: 20px;
}

/* @end */

@media all and ( min-width: 539px ) {

	/* Don't make this 100% as it larger than 100% */
	.row {
		margin: 0 -10px 20px;
	}

	.column-1-1 {
		float: left;
		width: 100%;
		padding: 0 10px;
		min-height: 1px;
		margin-bottom: 0;
	}

	.column-1-2 {
		float: left;
		width: 50%;
		padding: 0 10px;
		min-height: 1px;
		margin-bottom: 0;
	}

	.column-1-3 {
		float: left;
		width: 33.33%;
		padding: 0 10px;
		min-height: 1px;
		margin-bottom: 0;
	}

	.column-2-3 {
		float: left;
		width: 66.66%;
		padding: 0 10px;
		min-height: 1px;
		margin-bottom: 0;
	}

	.column-1-4 {
		float: left;
		width: 25%;
		padding: 0 10px;
		min-height: 1px;
		margin-bottom: 0;
	}

	.column-3-4 {
		float: left;
		width: 75%;
		padding: 0 10px;
		min-height: 1px;
		margin-bottom: 0;
	}

	.column-1-5 {
		float: left;
		width: 20%;
		padding: 0 10px;
		min-height: 1px;
		margin-bottom: 0;
	}

	.column-4-5 {
		float: left;
		width: 80%;
		padding: 0 10px;
		min-height: 1px;
		margin-bottom: 0;
	}

	.column-1-6 {
		float: left;
		width: 16.6666666667%;
		padding: 0 10px;
		min-height: 1px;
		margin-bottom: 0;
	}

	.column-5-6 {
		float: left;
		width: 83.3333333333%;
		padding: 0 10px;
		min-height: 1px;
		margin-bottom: 0;
	}

	.column-1-8 {
		float: left;
		width: 12.5%;
		padding: 0 10px;
		min-height: 1px;
		margin-bottom: 0;
	}

}

/* @group COLUMNS - NESTED (FLEX) */

/* Don't make this 100% as it larger than 100% */
.flex-row {
	margin: 0 -10px 20px;
	display: flex;
}

.flex-row:last-child {
	margin-bottom: 0;
}

.flex-item-1-1 {
	width: 100%;
	padding: 0 20px;
	min-height: 1px;
	margin-bottom: 0;
}

.flex-item-1-2 {
	width: 50%;
	padding: 0 20px;
	min-height: 1px;
	margin-bottom: 0;
}

.flex-item-1-3 {
	width: 33.33%;
	padding: 0 20px;
	min-height: 1px;
	margin-bottom: 0;
}

.flex-item-2-3 {
	width: 66.66%;
	padding: 0 20px;
	min-height: 1px;
	margin-bottom: 0;
}

.flex-item-1-4 {
	width: 25%;
	padding: 0 20px;
	min-height: 1px;
	margin-bottom: 0;
}

.flex-item-3-4 {
	width: 75%;
	padding: 0 20px;
	min-height: 1px;
	margin-bottom: 0;
}

.flex-item-1-5 {
	width: 20%;
	padding: 0 20px;
	min-height: 1px;
	margin-bottom: 0;
}

.flex-item-4-5 {
	width: 80%;
	padding: 0 20px;
	min-height: 1px;
	margin-bottom: 0;
}

.flex-item-1-6 {
	width: 16.6666666667%;
	padding: 0 20px;
	min-height: 1px;
	margin-bottom: 0;
}

.flex-item-5-6 {
	width: 83.3333333333%;
	padding: 0 20px;
	min-height: 1px;
	margin-bottom: 0;
}

.flex-item-1-8 {
	width: 12.5%;
	padding: 0 20px;
	min-height: 1px;
	margin-bottom: 0;
}

/* @end */

@media all and ( max-width: 1024px ) {

	.flex-row {
		flex-wrap: wrap;
	}

	.flex-item-1-2,
	.flex-item-1-3,
	.flex-item-2-3,
	.flex-item-1-4,
	.flex-item-3-4,
	.flex-item-1-5,
	.flex-item-4-5,
	.flex-item-1-6,
	.flex-item-5-6,
	.flex-item-1-8 {
		margin-bottom: 30px;
		width: calc(50% - 10px);
	}

	.footer-widgets .flex-item-1-2,
	.footer-widgets .flex-item-1-3,
	.footer-widgets .flex-item-2-3,
	.footer-widgets .flex-item-1-4,
	.footer-widgets .flex-item-3-4,
	.footer-widgets .flex-item-1-5,
	.footer-widgets .flex-item-4-5,
	.footer-widgets .flex-item-1-6,
	.footer-widgets .flex-item-5-6,
	.footer-widgets .flex-item-1-8 {
		margin-bottom: 30px;
		margin-right: auto;
		margin-left: auto;
		width: 60%;
	}

}

@media all and ( max-width: 768px ) {

	.flex-row {
		margin: 0;
	}

	.flex-item-1-1,
	.flex-item-1-2,
	.flex-item-1-3,
	.flex-item-2-3,
	.flex-item-1-4,
	.flex-item-3-4,
	.flex-item-1-5,
	.flex-item-4-5,
	.flex-item-1-6,
	.flex-item-5-6,
	.flex-item-1-8 {
		width: 100%;
	}

	.footer-widgets .flex-item-1-3,
	.footer-widgets .flex-item-2-3,
	.footer-widgets .flex-item-1-4,
	.footer-widgets .flex-item-3-4,
	.footer-widgets .flex-item-1-5,
	.footer-widgets .flex-item-4-5,
	.footer-widgets .flex-item-1-6,
	.footer-widgets .flex-item-5-6,
	.footer-widgets .flex-item-1-8 {
		width: 100%;
	}

}

/* #LAYOUT ========================================== */

/* @group LAYOUT - BODY */

html {
	font-size: 0.938em;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

body {
	font-family: Lato, sans-serif;
	font-weight: 400;
	line-height: 1.5em;
	color: #535456;
	margin: 0;
	padding: 0;
	width: 100%;
}

.wrapper {
	display: block;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
}

/* @end */

/* @group LAYOUT - HEADER (CUSTOM) */

#sticky-header {
	background-color: #fa5a28;
}

.header-wrapper {
	display: block;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	position: relative;
	float: left;
	background-color: #fa5a28;
}

#header-banner {
	display: none;
	padding: 0 20px;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	color: #535456;
	background-color: #ffffff;
}

header {
	display: block;
	clear: left;
	position: relative;
	padding: 0;
}

header.standard-header {
	width: 1280px;
	margin: 0 auto;
}

header.fullwidth-header {
	width: calc(100% - 40px);
	margin: 0 20px;
}

.header-grid-content {
	min-height: 50px;
	display: flex;
	flex-wrap: nowrap;
}

.header-logo {
	order: 1;
	margin-right: 20px;
	position: relative;
}

.header-menu {
	width: 100%;
	order: 2;
	position: relative;
}

.header-icons {
	order: 3;
	margin-left: 20px;
	position: relative;
}

.desktop-navigation {
	display: block;
}

.mobile-navigation {
	display: none;
}

header.fullwidth-header {

}

/* @end */

@media (max-width: 1024px) {

	header.standard-header {
		width: calc(100% - 40px);
		margin: 0 20px;
	}

	.header-menu {
		width: 100px;
		order: 1;
	}
	
	.header-menu .account-links {
		text-align: left;
	}
	
	.header-icons .account-links {
		text-align: right;
	}

	.header-logo {
		width: calc(100% - 200px);
		text-align: center;
		margin-right: 0;
		order: 2;
	}

	.header-icons {
		width: 100px;
		margin-left: 0;
		order: 3;
	}

	.desktop-navigation {
		display: none;
	}

	.mobile-navigation {
		display: block;
	}

}

/* @group LAYOUT - NAV*/

.desktop-navigation {
	min-height: 0;
}

/* Additional styles in snippets/navigation.liquid */
nav {
	width: 100%;
	min-height: 30px;
	margin: 0;
	display: block;
	position: relative;
	padding: 0;
}

/* @end */

/* @group LAYOUT - HERO ELEMENTS */

.hero-element {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}

/* @end */

@media (max-width: 1320px) {

	.hero-element {
		padding-right: 20px;
		padding-left: 20px;
	}

}

/* @group LAYOUT - SECTIONS */

/* We don't want to affect app blocks in the product form */
.product-details .shopify-app-block {
	width: 100;
	padding-right: 0;
	padding-left: 0;
}

.module-container,
.module-container-normal,
.shopify-app-block {
	width: 100%;
	max-width: 1280px;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}

.module-container-reduced {
	width: 100%;
	max-width: 900px;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}

.module-container-expanded {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}

.content-wrapper {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: block;
}

.main-content-container {
	top: 0;
	left: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	display: block;
	min-height: 40vh;
	height: auto !important;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	padding-top: 45px;
	padding-bottom: 45px;
	background-color: #ffffff;
}

.template-index .main-content-container {
	padding-top: 0;
	padding-bottom: 0;
}

/* @end */

@media (min-width: 1024px) {

	.shopify-app-block,
	.module-container-padded,
	.module-container.module-container-padded,
	.module-container-normal.module-container-padded,
	.module-container-reduced.module-container-padded,
	.module-container-expanded.module-container-padded {
		padding-right: 30px;
		padding-left: 30px;
	}

}

@media (max-width: 1024px) {

	.main-content-container {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.shopify-app-block,
	.module-container-padded-mobile,
	.module-container.module-container-padded-mobile,
	.module-container-normal.module-container-padded-mobile,
	.module-container-reduced.module-container-padded-mobile,
	.module-container-expanded.module-container-padded-mobile {
		padding-right: 20px;
		padding-left: 20px;
	}

}

/* @group LAYOUT - SIDEBAR */

aside {
	padding-top: 10px;
}

/* @end */

@media (max-width: 768px) {

	.main-content.float-right,
	.sidebar.float-right {
		float:  none;
	}

}

/* @group LAYOUT - FOOTER */

footer {
	display: block;
	clear: left;
	color: #535456;
	background-color: #ffffff;
}

footer a {
	color: #fa5a28;
}

footer a:hover {
	color: #535456;
}

/* Additional styles in sections/general-footer.liquid */
.footer-widgets {
	width: 100%;
	top: 0;
	left: 0;
	margin: 0;
	display: block;
	position: relative;
	clear: both;
	float: left;
	overflow: hidden;
	padding: 30px 0;
	color: #535456;
	background-color: #ffffff;
}

.footer-widgets a {
	color: #fa5a28;
}

.footer-widgets a:hover {
	color: #535456;
}

.credits {
	width: 100%;
	top: 0;
	left: 0;
	padding: 20px 0 30px;
	clear: both;
	margin: 0;
	display: block;
}

/* @end */

@media (max-width: 1280px) {

	.content-wrapper {
		width: 90%;
	}
}

@media (max-width: 1280px) {

	.template-index .content-wrapper,
	.template-collection .content-wrapper,
	.template-page .content-wrapper  {
		width: 100%;
	}

}

@media (max-width: 768px) {

	aside {
		padding-top: 30px;
		clear: left;
	}

}

@media (max-width: 540px) {

	header,
	footer,
	.main-content-container {
		min-width: 240px;
	}

	.content-wrapper {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}

	.footer-widgets {
		padding: 20px 0;
	}

}

/* #HELPERS ========================================= */

/* @group HELPERS */

.hidden {
	display: none;
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	pointer-events: none;
	visibility: hidden;
}

.screen-reader-text {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.left,
.align-left {
	text-align: left;
}

.centre,
.center,
.centre p,
.center p,
.align-center,
.align-centre,
.align-center p,
.align-centre p {
	text-align: center;
}

.right,
.align-right,
.right p,
.align-right p {
	text-align: right;
}

.justify,
.align-justify {
	text-align: justify;
}

.direction-ltr {
	direction: ltr;
}

.direction-rtl {
	direction: rtl;
}

.titlecase,
.capitalize {
	text-transform: capitalize;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

/* Display 'table' to allow centering */
.table {
	display: table;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.table-right {
	display: table;
	margin: 0 0 0 auto;
}

.margin-top-none {
	margin-top: 0;
}

.margin-bottom-none {
	margin-bottom: 0;
}

/* @end */

/* @group CLEARFIX */

/*
	Assign the class "clearfix" to any  wrapper that needs to clear it's children
	http://nicolasgallagher.com/micro-clearfix-hack/
*/

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* @end */

/* @group SELECTION */

/* Safari */
p::-moz-selection {
	background: #fff292;
}
p::selection {
	background: #fff292;
}

/* Firefox */
p::-moz-selection {
	background: #fff292;
}

/* @end */

/* #TYPOGRAPHY ====================================== */

/* @group TYPOGRAPHY */

/*
	Adjusting margin-top may effect truncated descriptions on the product page.
	It could cause a noticable jump.
*/

p {
	margin-bottom: 1.3em;
	text-align: left;
	word-wrap: break-word;
	margin-top: .85em;
}

/* Don't write these rules using shorthand */

h1, .h1 {
	color: #212121;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.1em;
	margin: 0 0 30px;
	text-transform: none;
	word-wrap: break-word;
	font-size: 2.0736em;
}

h2, .h2 {
	color: #212121;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.2em;
	margin: 30px 0;
	text-transform: none;
	word-wrap: break-word;
	font-size: 1.728em;
}

h3, .h3 {
	color: #212121;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.2em;
	margin: 30px 0;
	text-transform: none;
	word-wrap: break-word;
	font-size: 1.44em;
}

.template-index h3 {
	margin-top: 0;
}

h4, .h4 {
	color: #212121;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.2em;
	margin: 20px 0;
	text-transform: none;
	word-wrap: break-word;
	font-size: 1.2em;
}

h5, .h5 {
	color: #212121;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: none;
	word-wrap: break-word;
	font-size: 1em;
}

h6, .h6 {
	color: #212121;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: none;
	word-wrap: break-word;
	font-size: 0.8333333333333334em;
}

h2 a:link,
h2 a:visited {
	color: #212121;
	text-decoration: none;
}

h2 a:hover {
	color: #535456;
	text-decoration: none;
}

/* Product Reviews App - Title */
h2.spr-header-title {
	padding-top: 0;
}

p.module-subtitle {
	margin-bottom: 20px;
}

small,
.font_small,
.widget-caption {
	font-size: 0.85em;
}

sup, sub {
    font-size: 0.7em;
}

span.like_link,
a:link,
a:visited {
	cursor: pointer;
	text-decoration: none;
	color: #fa5a28;
}

span.like_link,
a:hover {
	color: #535456;
	text-decoration: none;
}

a:active {
	color: #fa5a28;
	text-decoration: none;
}

abbr[title] {
	cursor: help;
}

abbr.initialism {
	font-size: 90%;
	text-transform: uppercase;
}

q,
em,
i,
var {
	font-style: italic;
}

del,
s {
	text-decoration: line-through;
}

u,
underline {
	text-decoration: underline;
}

strong,
b {
	font-weight: bold;
}

address {
	display: block;
	font-style: normal;
	margin: 0;
	padding: 10px 0;
}

.highlight {
	background-color: #fef68a;
	padding: 1px;
	font-weight: normal;
	font-style: normal;
}

.dropcaps {
	font-size: 2em;
	padding-right 5px;
}

.onboarding {
	font-size: 1.1em;
}

.onboarding  a:link,
.onboarding  a:visited {
	color: #fa5a28;
	text-decoration: none;
}

.onboarding  a:hover {
	color: #535456;
	text-decoration: none;
}

.columns-auto-2 {
   -webkit-column-count: 2;
   -moz-column-count: 2;
	column-count: 2;

   -webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.columns-auto-3 {
   -webkit-column-count: 3;
   -moz-column-count: 3;
	column-count: 3;

   -webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.columns-auto-4 {
   -webkit-column-count: 4;
   -moz-column-count: 4;
	column-count: 4;

   -webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.featured-h2,
.featured-h3,
.featured-h4 {
	margin-top: 0;
}

.featured-h3.no-description {
	margin-bottom: 10px;
}

.featured-h2 a,
.featured-h3 a,
.featured-h4 a {
	color: #535456;
}

.featured-h2 a:hover,
.featured-h3 a:hover,
.featured-h4 a:hover {
	color: #fa5a28;
}

/* @end */

@media (max-width: 768px) {

	h1,
	.h1 {
		line-height: 1em;
		margin: 0 0 0.5em;
		font-size: 1.7736em;
	}
	
	.featured-h3.no-description {
		margin-bottom: 0;
	}

}

@media (max-width: 540px) {

	.columns-auto-2,
	.columns-auto-3,
	.columns-auto-4 {
	   -webkit-column-count: 1;
	   -moz-column-count: 1;
		column-count: 1;

	   -webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}

}

/* #HEADER ========================================== */

/* @group HEADER - BANNER */

.promo-bar p {
	text-align: center;
	padding: 15px 0;
	margin: 0;
	color: #535456;
}

.promo-bar .button {
	margin: 0 10px;
}

.promo-bar a:link,
.promo-bar a:visited {
	color: #fa5a28;
}

.promo-bar a:hover {
	color: #535456;
}

.promo-bar a.button,
.promo-bar a:visited.button,
.promo-bar a:link.button {
	border:  none;
	color: #ffffff;
	background-color: #fa5a28;
}

.promo-bar a.button:hover {
	border:  none;
	color: #ffffff;
	background-color: #d44700;
}

.promo-bar a.button:active {
	border:  none;
	color: #ffffff;
	background-color: #d44700;
}

.promo-bar .dismiss-banner {
	position: relative;
	border: 0;
	padding: 0;
	background-color: transparent;
	display: inline-block;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	cursor: pointer;
	transition: 0.5s;
	top: 5px;
}

/* @end */

@media (max-width: 540px) {

	.promo-bar p {
		font-size: 12px;
		line-height: 14px;
	}

}

/* @group HEADER - COLORS */

.header-grid {
	color: #ffffff;
}

.header-grid a:link,
.header-grid a:visited {
	color: #ffffff;
	text-decoration: none;
}

.header-grid a:hover,
.header-grid a:active {
	color: #ffffff;
	text-decoration: none;
}

/* @end */


/* @group HEADER - MOBILE MENU */

.header-menu .account-navigation {
	display: none;
}

/* @end */

@media (max-width: 1024px) {
	
	.header-menu .account-navigation {
		display: block;
	}

}

/* @group HEADER - LOGO */

/* Additional styles in sections/general-header.liquid */
.logo-container {
	display: block;
	width: 100%;
	min-height: 20px;
	margin: 0;
}

.logo-container a {
	display: block;
}

/* Additional styles in sections/general-header.liquid */
img.logo {
	display: block;
	height: auto;
	width: auto;
	margin: auto;
}

.logo-print {
	display: none;
}

/* Don't write these rules using shorthand */
.site-title {
	color: #ffffff;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-transform: none;
	word-wrap: break-word;
	font-size: 2.48832em;
}

.site-title a:link,
.site-title a:visited {
	text-decoration: none;
	color: #ffffff;
}

/* @end */

@media (max-width: 1280px) {

	.logo-container a {
		margin: auto;
	}

}

/* @group HEADER - ACCOUNTS */

.header-logo .account-links {
	text-align: left;
	}

.header-icons .account-links {
	text-align: right;
}

.account-links {
	font-size: 95%;
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
	height: auto;
	line-height: 28px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	white-space: nowrap;
}

.account-links li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	width:  auto;
}

.account-links a:link,
.account-links a:visited {
	color: #535456;
	text-decoration: none;
}

.account-links a:hover,
.account-links a:active {
	color: #ffffff;
	text-decoration: none;
}

.account-links-icon {
	display: block;
	position: relative;
	font-size: 20px;
}

.account-links-text {
	top:  -3px;
	display: block;
	position: relative;
}

.cart-count {
	display:  block;
	width:  20px;
	height:  20px;
	border-radius:  10px;
	position: absolute;
	line-height: 20px;
	font-size: 10px;
	padding-left: 1px;
	color:  white;
	background-color: #fa5a28;
	top: -5px;
	right: -8px;
	text-align: center;
}

/* @end */
		
@media (max-width: 768px) {

	.account-navigation li.item-search,
	.account-navigation li.item-total,
	.account-navigation li.currency-list-item {
		display: none;
	}

	ul.account-links {
		margin: 0;
		padding: 0;
		float:  none;
		width: 100%;
	}

	ul.account-links li {
		margin: 0;
		text-align: center;
		line-height: 22px;
		padding: 0;
	}

	.account-links-icon {
		width: 100%;
		height: 26px;
	}
	
	.account-links-text {
		width: 100%;
	}

	.site-title {
		font-size: 2.6em;
	}

	}

/* #NAVIGATION ====================================== */


/* @group NAVIGATION - ESSENTIALS */

/* Additional styles in snippets/navigation.liquid */
.sf-menu,
.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu li {
	position: relative;
}

.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}

.sf-menu > li {
	display: inline-block;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/* @end */

/* @group NAVIGATION - THEME (CUSTOM) */

.sf-menu {
	width: 100%;
	margin-bottom: 0;
}

.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	 /* allow long menu items to determine submenu width */
	min-width: 16em;
	/* no auto sub width for IE7, see white-space comment below */
	width: 16em;
	width: auto;
}

.sf-menu li {
	white-space: nowrap;
	white-space: normal;
	-webkit-transition: background .6s;
	transition: background .6s;
}

.sf-menu li.last-menu-item {
	border-right: none;
}

.sf-menu li a {
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	/* IE7 */
	zoom: 1;
	text-transform: none;
	letter-spacing: 0;
	line-height: 30px;
	margin: 0;
	padding: 0 10px;
	text-align: center;
}

.sf-menu li:first-child a {
	padding-left: 0;
}

.sf-menu li:last-child a {
	padding-right: 0;
}

.sf-menu .sub-nav li a {
	padding: 0 10px;
	text-transform: none;
	line-height: 34px;
	border-bottom: 1px solid #d44700;
	font-weight: 400;
	font-style: normal;
	text-align: left;
}

.sf-menu .sub-nav li:last-child a {
	border-bottom: none;
}

.sf-menu .sub-nav li:last-child a,
.sf-menu .sub-nav li:first-child a {
	padding: 0 10px;
}

.sf-menu a:active {
	outline: 0;
}

.sf-menu li li {
	border-bottom: none;
	padding-right: 0;
	padding-left: 0;
}

.sf-menu ul {
	margin-top: 10px;
}

.sf-menu ul ul {
	margin-top: 0;
}

.sf-menu .accent-icon-arrow-down {
	font-size: 0.9em;
}

.sf-menu .accent-icon-arrow-right {
	right: 5px;
	top: 27%;
	position: absolute;
	font-size: 0.9em;
}

/* DEFAULT STATES */
.sf-menu li a {
	color: #ffffff;
}

.sub-nav li a {
	color: #ffffff;
	background: #fa5a28;
}

/* HOVER STATES */
.sf-menu li a:hover {
	color: #535456;
}

.sub-nav li a:hover {
	color: #535456;
	background: #fa5a28;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/* ACTIVE STATES */
.sf-menu li a:active {
	color: #535456;
}

.sub-nav li a:active {
	color: #fa5a28;
	background: #ffffff;
}

/* CURRENT ITEMS */
.sf-menu li a.current-menu-item {
	color: #fa5a28;
}

.sub-nav li a.current-menu-item {
	color: #fa5a28;
	background: #ffffff;
}

/* CURRENT PARENT ITEM */
.sf-menu li a.current-parent-item {
	color: #fa5a28;
}

@media (max-width: 768px) {
	nav {
		min-height: 0;
		border-bottom: none;
	}
}

/* @end */

/* #MEGAMENU ====================================== */

/* @group MEGA MENU (CUSTOM) */


/* @end */

@media (max-width: 1280px) {


}

/* #FOOTER ========================================== */

/* @group FOOTER - BADGES */

.footer-badges {
	text-align: center;
}

.footer-badges p {
	text-align: center;
	font-size: smaller;
}

.footer-badges img {
	width: 80px;
}

/* @end */

/* @group FOOTER - MENU */

.footer-navigation a {
	color: #535456;
	text-decoration: none;
	vertical-align: middle;
}

.footer-navigation a:hover,
.footer-navigation a:active {
	color: #535456;
}

.footer-navigation a.current-item {
	color: #fa5a28;
}

.footer-navigation {
	text-align: center;
	list-style: none;
	padding: 0;
	font-size: 90%;
	margin: 20px 0;
}

.footer-navigation li {
	display: inline-block;
	padding: 0 12px;
	margin: 0 0 5px;
	vertical-align: middle;
	text-transform: uppercase;
}

/* @end */

/* @group FOOTER - CREDITS */

.credits {
	color: #535456;
	letter-spacing: 0.5px;
}

.credits a:link,
.credits a:visited {
	color: #535456;
}

.credits a:hover,
.credits a:active {
	color: #535456;
	text-decoration: none;
}

ul.footer-notes {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 20px 0;
	line-height: 1.5em;
	font-size: 80%;
}

ul.footer-notes li {
	display: inline;
	padding: 0 10px;
	margin: 0;
	line-height: 1em;
	opacity: 0.7;
	border-right: 1px solid #535456;
}

ul.footer-notes li:last-child {
	border-right: none;
}

@media (max-width: 540px) {

	ul.footer-notes li {
		display: block;
		border-right: none;
		line-height: 2em;
	}

}

/* @end */

/* @group FOOTER - RICH TEXT */

.footer-rich-text {
	text-align: center;
}

.footer-rich-text h4,
.footer-rich-text p {
	text-align: center;
	font-size: smaller;
}

/* @end */

/* #FORMS =========================================== */

/* @group FORMS - RESET */

form {
	padding: 0;
	margin: 0;
}

textarea,
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=search],
input[type=date] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input[type=search] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=submit] {
	-webkit-appearance: none;
}

/* @end */

/* @group FORMS - STRUCTURE */

.input-row {
	clear: both;
	display: block;
	float: left;
	margin-top: 15px;
	margin-right: 1%;
	margin-left: 1%;
	max-width: 880px;
	width:  98%;
}

.input-row-half {
	clear: both;
	display: block;
	float: left;
	margin-top: 15px;
	margin-right: 51%;
	margin-left: 1%;
	max-width: 430px;
	width:  48%;
}

.input-row-half-inline {
	clear: right;
	display: inline-block;
	float: left;
	margin-top: 15px;
	margin-right: 1%;
	margin-left: 1%;
	max-width: 430px;
	width:  48%;
}

.input-row-third-inline {
	clear: right;
	display: inline-block;
	float: left;
	margin-top: 15px;
	margin-right: 1%;
	margin-left: 1%;
	max-width: 430px;
	width:  31.33%;
}

.input-row-checkbox {
	clear: both;
	display: block;
	float: left;
	margin-top: 20px;
	margin-right: 1%;
	margin-left: 1%;
	max-width: 880px;
	width:  98%;
}

/* @end */

/* @group FORMS - FIELDSET */

fieldset {
	margin: 10px 0;
	padding: 0;
	border-style: none;
}

legend {
	padding-right: 10px;
	padding-left: 10px;
}

/* @end */

/* @group FORMS - LABELS */

label {
	color: #535456;
	display: block;
}

span.required {
	color: #535456;
}

/* @end */

/* @group FORMS - SIDEBAR LABELS */

.siteframe-aside label {
	color: #535456;
}

.siteframe-aside span.required {
	color: #535456;
}

/* @end */

/* @group FORMS - INPUT */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=search],
input[type=date] {
	padding: 11px !important;
	width: 100%;
	border: none;
	line-height: 1em;
	height: 40px;
	color: #535456;
	background-color: #f7f7f7 !important; /* Needed to prevent yellow autofill background */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.footer-widget input[type=text],
.footer-widget input[type=email],
.footer-widget input[type=search] {
	color: #535456;
	background-color: #f7f7f7 !important; /* Needed to prevent yellow autofill background */
}

input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=date]:focus {
	background-color: #ffffff !important; /* Needed to prevent yellow autofill background */
}

input:disabled,
input.disabled {
	opacity: 0.7;
	box-shadow: none;
	border-bottom-style: none;
	cursor: not-allowed !important;
}

/* @end */

/* @group FORMS - SIDEBAR INPUT */

.siteframe-aside input[type=text],
.siteframe-aside input[type=email],
.siteframe-aside input[type=password],
.siteframe-aside input[type=tel],
.siteframe-aside input[type=url],
.siteframe-aside input[type=search],
.siteframe-aside input[type=date] {
	color: #535456;
	background-color: #ffffff !important; /* Needed to prevent yellow autofill background */
}

.siteframe-aside input[type=text]:focus,
.siteframe-aside input[type=email]:focus,
.siteframe-aside input[type=search]:focus,
.siteframe-aside input[type=password]:focus,
.siteframe-aside input[type=tel]:focus,
.siteframe-aside input[type=url]:focus,
.siteframe-aside input[type=date]:focus {
	background-color: #f7f7f7 !important; /* Needed to prevent yellow autofill background */
}

/* @end */

/* @group FORMS - TEXTAREA */

textarea {
	padding: 11px !important;
	width: 100%;
	border: 0;
	border: none;
	line-height: 1.2em;
	min-height: 160px;
	color: #535456;
	background-color: #f7f7f7 !important; /* Needed to prevent yellow autofill background */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

textarea:focus {
	background-color: #f7f7f7 !important; /* Needed to prevent yellow autofill background */
}

/* @end */

/* @group FORMS - SIDEBAR TEXTAREA */

.siteframe-aside textarea {
	color: #535456;
	background-color: #ffffff !important; /* Needed to prevent yellow autofill background */
}

.siteframe-aside textarea:focus {
	background-color: #f7f7f7 !important; /* Needed to prevent yellow autofill background */
}

/* @end */

/* @group FORMS - BUTTONS */

input[type=submit],
input[type=reset],
button[type=submit],
button[type=reset] {
	width: auto;
	display: inline-block;
	cursor: pointer;
	margin: .5em .5em .5em 0;
	padding: .8em 1.2em;
	background-color: #fa5a28;
	color: #ffffff;
	vertical-align: middle;
	position: relative;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.5px;
	z-index: 1;
	line-height: 1em;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-webkit-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
}

input[type=submit].button--large,
input[type=reset].button--large,
button[type=submit].button--large,
button[type=reset].button--large {
	padding: .7em 1.4em;
	font-size: 1.3em;
}

input[type=submit].button--small,
input[type=reset].button--small,
button[type=submit].button--small,
button[type=reset].button--small {
	font-size: .7em;
}

input[type=submit]:hover,
input[type=reset]:hover,
button[type=submit]:hover,
button[type=reset]:hover {
	color: #ffffff;
	border: none;
	background-color: #d44700;
}

input[type=submit]:active,
input[type=reset]:active,
button[type=submit]:active,
button[type=reset]:active {
	color: #ffffff;
	border: none;
	background-color: #fa5a28;
}

input[type=submit].disabled,
input[type=reset].disabled,
button[type=submit].disabled,
button[type=reset].disabled {
	cursor: not-allowed;
	opacity: 0.5;
	color: #ffffff;
	border: none;
	background-color: #fa5a28;
}

input[type=submit].secondary,
input[type=reset].secondary,
button[type=submit].secondary,
button[type=reset].secondary {
	color: #fa5a28;
	border: none;
	background-color: #ffffff;
}

.submit-note {
	color: #b6b6b6;
}

/* @end */

@media (max-width: 768px) {
	
	.template-cart .cart-checkout input[type=submit],
	.template-contact input[type=submit],
	.template-customers-login input[type=submit],
	.template-customers-register input[type=submit],
	.template-search input[type=submit] {
		width: 100% !important;
		margin-right: 0;
	}
	
}

/* @group FORMS - SIDEBAR BUTTONS */

.siteframe-aside input[type=submit],
.siteframe-aside input[type=reset],
.siteframe-aside button[type=submit],
.siteframe-aside button[type=reset] {
	background-color: #fa5a28;
	color: #ffffff;
}

.siteframe-aside input[type=submit]:hover,
.siteframe-aside input[type=reset]:hover,
.siteframe-aside button[type=submit]:hover,
.siteframe-aside button[type=reset]:hover {
	color: #ffffff;
	background-color: #d44700;
}

.siteframe-aside input[type=submit]:active,
.siteframe-aside input[type=reset]:active,
.siteframe-aside button[type=submit]:active,
.siteframe-aside button[type=reset]:active {
	color: #ffffff;
	background-color: #fa5a28;
}

.siteframe-aside input[type=submit].disabled,
.siteframe-aside input[type=reset].disabled,
.siteframe-aside button[type=submit].disabled,
.siteframe-aside button[type=reset].disabled {
	color: #ffffff;
	background-color: #fa5a28;
}

.siteframe-aside input[type=submit].secondary,
.siteframe-aside input[type=reset].secondary,
.siteframe-aside button[type=submit].secondary,
.siteframe-aside button[type=reset].secondary {
	color: #fa5a28;
	background-color: #ffffff;
}

/* @end */

/* @group FORMS - SELECT */

select {
	border: 1px solid #ececec;
	width: 100%;
	border-radius: 0;
	padding: 6px 8px;
	color: #535456;
	background-color: transparent;
}

select option {
	background-color: #ececec;
}

/* Custom Select Styles */
.select-style {
	border: 1px solid #ececec;
	width: 100%;
	border-radius: 0;
	overflow: hidden;
	background: transparent url(//www.badgebomb.com/cdn/shop/t/29/assets/icon-angle-down.svg?v=107280842055574858391708477775) no-repeat 94% 50%;
	background-size: 10px 16px;
}

.no-svg .select-style {
	background: transparent url(//www.badgebomb.com/cdn/shop/t/29/assets/icon-angle-down.png?v=662574787612244271708477775) no-repeat 94% 50%;
}

.select-style select {
	color: #535456;
	padding: 6px 8px;
	width: 130%;
	border: none;
	box-shadow: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select-style select:focus {
	outline: none;
}

/* Footer Select Styles */
.footer-widget .select-style {
	border: 1px solid #535456;
}

.footer-widget .select-style select {
	color: #535456;
}

/* Product Options Select Styles */
.selector-wrapper {
	max-width: 420px;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
	display: block;
	float: left;
	position: relative;
}

.selector-wrapper label {
	color: #b6b6b6;
	padding-top: 10px;
	font-size: .85em;
}

div.selector-wrapper select {
	color: #535456;
	height: 2.5em;
	padding: 6px 8px;
	width: 100%;
	border: 1px solid #ececec;
	border-radius: 0;
	box-shadow: none;
	background: transparent url(//www.badgebomb.com/cdn/shop/t/29/assets/icon-angle-down.svg?v=107280842055574858391708477775) no-repeat 96% 50%;
	background-size: 10px 16px;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}

/* @end */

@media (max-width: 768px) {

	.selector-wrapper {
		max-width: 100%;
	}

}

/* @group FORMS - CHECKBOX */

input[type=checkbox] {
	margin-right: 10px;
	float: left;
	margin-top: 3px;
}

input[type=checkbox]:checked + label {
	font-weight: bold;
}

/* @end */

/* @group FORMS - RADIO */

input[type=radio] {
	margin-right: 10px;
	float: left;
	margin-top: 3px;
}

/* @end */

/* @group FORMS - PLACEHOLDER */

::-webkit-input-placeholder {
	color: #b6b6b6;
	line-height: 1.414em;
}

::-moz-placeholder {
	color: #b6b6b6;
	line-height: 1.414em;
}

:-ms-input-placeholder {
	color: #b6b6b6;
	line-height: 1.414em;
}

::placeholder {
	color: #b6b6b6;
	line-height: 1.414em;
}

/* @end */

/* @group FORMS - SIDEBAR PLACEHOLDER */

.siteframe-aside ::-webkit-input-placeholder {
	color: #b6b6b6;	
	line-height: 1.414em;
}

.siteframe-aside ::-moz-placeholder {
	color: #b6b6b6;
	line-height: 1.414em;
}

.siteframe-aside :-ms-input-placeholder {
	color: #b6b6b6;
	line-height: 1.414em;
}

.siteframe-aside ::placeholder {
	color: #b6b6b6;
	line-height: 1.414em;
}

/* @end */

/* @group FORMS - ERRORS */

input[type=text].error,
input[type=email].error,
input[type=password].error,
input[type=tel].error,
input[type=url].error,
input[type=search].error,
input[type=date].error,
textarea.error {
	color: #535456;
	background-color: #ffe8ea;
}

form .error {
	color: #cc3333;
}

/* @end */

/* @group FORMS - SEARCH (CUSTOM) */

.search-container {
	overflow: hidden;
	width: 100%;
	vertical-align: middle;
	white-space: nowrap;
}

header .search-container {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.search-container input#search {
	width: 100%;
	height: 40px;
	float: left;
}

.search-container button.icon {
	border: none;
	background-color: #fa5a28;
	height: 38px;
	width: 38px;
	color: #ffffff;
	font-size: 12pt;
	margin-top: 1px;
	margin-left: -39px;
	outline: none;
}

.search-container:hover button.icon:hover{
	color: #ffffff;
	background: #d44700;
}

/* @end */

/* @group FORMS - SIDEBAR SEARCH */
 
.siteframe-aside .search-container button.icon {
	background-color: #fa5a28;
	color: #ffffff;
}

.siteframe-aside .search-container:hover button.icon:hover{
	color: #ffffff;
	background: #d44700;
}

/* @end */

/* @group FORMS - HEADER */

header select {
	border: 1px solid #ffffff;
	color:  #ffffff;
}

header select option {
	background-color: #ececec;
	color: #535456;
}

header .select-style {
	position: relative;
}

/* @end */

/* @group FORMS - CURRENCY PICKER */

.currency-list-item .select-style {
	background: transparent url(//www.badgebomb.com/cdn/shop/t/29/assets/icon-angle-down-header.svg?v=20571484713182134781708477775) no-repeat 90% 50%;
	background-size: 10px 16px;
	margin: 0;
	border-bottom-style: none;
	border-style: none;
}

.no-svg .currency-list-item .select-style {
	background: transparent url(//www.badgebomb.com/cdn/shop/t/29/assets/icon-angle-down.png?v=662574787612244271708477775) no-repeat 90% 50%;
}

select.currency-picker,
select.currency-picker {
	color:  #ffffff;
	min-width: 65px;
	width: auto;
	padding: 3.5px 7px;

}

/* @end */

@media (max-width: 768px) {

	li.currency-list-item {
		display: none;
		visibility: hidden;
	}

	.mobile-currency-picker {
		text-align: center;
		padding-top: 25px;
	}

	.mobile-currency-picker span.select-style {
		padding: 8px;
		border-radius: 3px;
		background-position: 85%;
	}

}

/* @group FORMS - COLLECTION FILTERS */

.filter-form .filter-group {
	border-bottom:  1px solid #ececec;
}

.filters-title {
	border-bottom: 1px solid #e6e6e6
}

.filters-title h5 {
	padding: 8px 4px;
	margin-bottom: 0;
}

/* Summary Markers (hidden) */

.filter-form summary {
	outline: none;
	/* Hides marker on Chrome */
	list-style: none;
}

.filter-form summary::-webkit-details-marker {
	/* Hides marker on Safari */
	display: none;
}

/* Filter Group Items */

.filter-group-summary__item {
	padding: 8px 4px;
	font-size: .9em;
}

.filter-group-arrow {
	width: 20px;
	height: 20px;
	display: inline-block;
	float: right;
}

.filter-group-arrow .accent-icon-arrow-down {
	font-size: 10px;
}

.filter-group-arrow  .accent-icon-close {
	display: none;
}

details[open] .filter-group-arrow .accent-icon-arrow-down {
	display: none;
}

details[open] .filter-group-arrow .accent-icon-close {
	display: block;
	font-size: 10px;
	line-height: 20px;
}

.filter-group-label {
	text-transform: uppercase;
}

.filter-group-summary__item .filter-group-label:hover {
	text-decoration: underline;
	color: black;
}

/* Filter Group List */

ul.filter-group-display__list {
	padding-left: 0;
}

ul.filter-group-display__list li {
	list-style-type: none;
	}

/* Filter Group Buttons */

.filter-group-display__header-reset {
	text-transform: uppercase;
	font-size: 12px;
}

.filter-group-display__submit input[type=submit] {
	margin: 0 0 12px 0;
	padding: 8px 16px;
	font-size: 0.85em;
}

/* Active Filters */

.active-filters {
	margin-top: 20px;
	font-size: .8em;
	text-transform: uppercase;
}

.active-filters__clear {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

.active-filters__remove-filter .accent-icon-close {
	font-size: 10px;
	line-height: 20px;
}

/* @end */

/* @group FORMS - NEWSLETTER */

.subscribe-form {
	width: 100%;
	display: block;
}

.subscribe-form input[type=email] {
	width: 100%;
	height: 40px;
	float: left;
}

.subscribe-form  button.icon {
	border: none;
	background-color: #fa5a28;
	height: 40px;
	width: 40px;
	color: #ffffff;
	outline: none;
	border-radius: 0;
	margin: 0 0 0 -40px;
	padding: 0 0 0 2px;
	text-align: center;
}

.subscribe-form button.icon:hover {
	color: #ffffff;
	background: #d44700;
}

.footer-widget .subscribe-form  button.icon {
	color: #ffffff;
	background-color: #fa5a28;
}

.footer-widget .subscribe-form button.icon:hover {
	color: #ffffff;
	background: #d44700;
}

.subscribe-form  .accent-icon-envelope {
	font-size: 20px;
	margin-left: 0;
	margin-right: 2px;
}

/* @end */

@media (max-width: 768px) {

	.input-row-half.mobile-full {
		margin-right: 1%;
		margin-left: 1%;
		width:  98%;
	}

	select,
	.select-style {
		max-width: 640px;
	}

}

@media (max-width: 540px) {

	.input-row,
	.input-row-half,
	.input-row-half-inline,
	.input-row-third-inline,
	.input-row-checkbox {
		max-width: 98%;
		width:  100%;
	}

}

/* @group FORMS - RECIPIENT FORM */

.recipient-form {
	margin-top: 20px;
	display: block;
	position: relative;
	max-width: 600px;
	margin-bottom: 20px;
}

.recipient-form-field-label {
	margin: 0.6rem 0;
}

.recipient-form-field-label--space-between {
	display: flex;
	justify-content: space-between;
}

.recipient-checkbox {
	flex-grow: 1;
	font-size: 1.4rem;
	display: flex;
	word-break: break-word;
	align-items: flex-start;
	max-width: inherit;
	position: relative;
	cursor: pointer;
}

.no-js .recipient-checkbox {
	display: none;
}

.recipient-form > input[type='checkbox'] {
	position: absolute;
	width: 1.6rem;
	height: 1.6rem;
	margin: 0.64rem 0;
	top: 0;
	left: 0;
	z-index: -1;
	appearance: none;
	-webkit-appearance: none;
}

.recipient-fields__field {
	margin: 0 0 2rem 0;
}

.recipient-fields .field__label {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 3.5rem);
	overflow: hidden;
}

.recipient-checkbox > svg {
	margin-top: 0;
	margin-right: 1.2rem;
	flex-shrink: 0;
}

.recipient-form .icon-checkmark {
	visibility: hidden;
	position: absolute;
	left: 0.28rem;
	z-index: 5;
	top: 0.4rem;
}

.recipient-form > input[type='checkbox']:checked + label .icon-checkmark {
	visibility: visible;
}

.js .recipient-fields {
	display: none;
}

.recipient-fields hr {
	margin: 1.6rem auto;
}

.recipient-form > input[type='checkbox']:checked ~ .recipient-fields {
	display: block;
	animation: animateMenuOpen 1s ease;
}

.recipient-form > input[type='checkbox']:not(:checked, :disabled) ~ .recipient-fields,
.recipient-email-label {
	display: none;
}

.js .recipient-email-label.required,
.no-js .recipient-email-label.optional {
	display: inline;
}

.recipient-form ul {
	line-height: 20px;
	padding-left: 4.4rem;
	text-align: left;
}

.recipient-form ul a {
	display: inline;
}

.recipient-form .error-message::first-letter {
	text-transform: capitalize;
}

@media screen and (forced-colors: active) {
	.recipient-fields > hr {
		border-top: 0.1rem solid #b6b6b6;
	}

	.recipient-checkbox > svg {
		background-color: inherit;
		border: 0.1rem solid #535456;
	}

	.recipient-form > input[type='checkbox']:checked + label .icon-checkmark {
		border: none;
	}
}

/* @end */

/* #ICONS =========================================== */

/* @group ICONS */

.fallback-text {
	display: none;
}

/* Custom icons created with Icomoon */

@font-face {
	font-family: 'accent-icons';
	src:  url('//www.badgebomb.com/cdn/shop/t/29/assets/accent-icons.eot?v=184378473632634981401708477775');
	src:  url(' //www.badgebomb.com/cdn/shop/t/29/assets/accent-icons.eot?v=184378473632634981401708477775') format('embedded-opentype'),
		url(' //www.badgebomb.com/cdn/shop/t/29/assets/accent-icons.ttf?v=106292777590496754261708477775') format('truetype'),
		url(' //www.badgebomb.com/cdn/shop/t/29/assets/accent-icons.woff?v=32218048329652411371708477775') format('woff'),
		url(' //www.badgebomb.com/cdn/shop/t/29/assets/accent-icons.svg?v=180683723151598412471708477775') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="accent-icon-"], [class*=" accent-icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'accent-icons' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
	margin-left: 4px;
}

.accent-icon-arrows-sort:before {
  content: "\e92c";
}
.accent-icon-filters:before {
  content: "\e92d";
}
.accent-icon-tiktok:before {
  content: "\e92b";
}
.accent-icon-heart:before {
  content: "\e92a";
}
.accent-icon-clock:before {
  content: "\e929";
}
.accent-icon-envelope:before {
  content: "\e903";
}
.accent-icon-minus:before {
  content: "\e927";
}
.accent-icon-menu:before {
  content: "\e928";
}
.accent-icon-search:before {
  content: "\e926";
}
.accent-icon-afterpay:before {
  content: "\e913";
}
.accent-icon-ideal:before {
  content: "\e914";
}
.accent-icon-artstation:before {
  content: "\e915";
}
.accent-icon-behance:before {
  content: "\e916";
}
.accent-icon-discord:before {
  content: "\e917";
}
.accent-icon-dribbble:before {
  content: "\e918";
}
.accent-icon-github:before {
  content: "\e919";
}
.accent-icon-instagram:before {
  content: "\e91a";
}
.accent-icon-kickstarter:before {
  content: "\e91b";
}
.accent-icon-line:before {
  content: "\e91c";
}
.accent-icon-medium:before {
  content: "\e91d";
}
.accent-icon-patreon:before {
  content: "\e91e";
}
.accent-icon-rss:before {
  content: "\e91f";
}
.accent-icon-sketchfab:before {
  content: "\e920";
}
.accent-icon-slack:before {
  content: "\e921";
}
.accent-icon-tumblr:before {
  content: "\e922";
}
.accent-icon-twitch:before {
  content: "\e923";
}
.accent-icon-vimeo:before {
  content: "\e924";
}
.accent-icon-youtube:before {
  content: "\e925";
}
.accent-icon-apple_pay:before {
  content: "\e90b";
}
.accent-icon-dogecoin:before {
  content: "\e90c";
}
.accent-icon-dwolla:before {
  content: "\e90d";
}
.accent-icon-forbrugsforeningen:before {
  content: "\e90e";
}
.accent-icon-google_pay:before {
  content: "\e90f";
}
.accent-icon-litecoin:before {
  content: "\e910";
}
.accent-icon-shopify_pay:before {
  content: "\e911";
}
.accent-icon-sofort:before {
  content: "\e912";
}
.accent-icon-klarna:before {
  content: "\e90a";
}
.accent-icon-bag:before {
  content: "\e909";
}
.accent-icon-person:before {
  content: "\e908";
}
.accent-icon-dot:before {
  content: "\2022";
}
.accent-icon-arrow-down:before {
  content: "\e907";
}
.accent-icon-arrow-right:before {
  content: "\e906";
}
.accent-icon-arrow-left:before {
  content: "\e905";
}
.accent-icon-plus:before {
  content: "\e900";
}
.accent-icon-list-view:before {
  content: "\e901";
}
.accent-icon-grid-view:before {
  content: "\e902";
}
.accent-icon-arrow-up:before {
  content: "\e904";
}
.accent-icon-close:before {
  content: "\e60f";
}
.accent-icon-times:before {
  content: "\e60f";
}
.accent-icon-visa:before {
  content: "\e618";
}
.accent-icon-amazon:before {
  content: "\f270";
}
.accent-icon-american_express:before {
  content: "\e601";
}
.accent-icon-bitcoin:before {
  content: "\e602";
}
.accent-icon-dankort:before {
  content: "\e605";
}
.accent-icon-diners_club:before {
  content: "\e606";
}
.accent-icon-discover:before {
  content: "\e607";
}
.accent-icon-facebook:before {
  content: "\e609";
}
.accent-icon-fancy:before {
  content: "\e60a";
}
.accent-icon-jcb:before {
  content: "\e60e";
}
.accent-icon-linkedin:before {
  content: "\e610";
}
.accent-icon-maestro:before {
  content: "\e611";
}
.accent-icon-master:before {
  content: "\e612";
}
.accent-icon-paypal:before {
  content: "\e613";
}
.accent-icon-pinterest:before {
  content: "\e614";
}
.accent-icon-twitter:before {
  content: "\e616";
}


/* Additional styles in snippets/payment-options.liquid */
.payment-icons {
	width: 100%;
	padding: 0 20px;
	text-align: center;
	color: #b6b6b6;
	margin: 20px 0;
}

/* Default Shopify SVG Icons */
/* Additional styles in snippets/payment-options.liquid */
.payment-icons img {
	margin-right: 5px;
	margin-left: 5px;
}

/* @end */

/* @group ICONS - SOCIAL LINK */

.social-link-icons {
	list-style: none;
	padding: 0;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.social-link-icons li {
	display: inline-block;
	padding: 0 1px;
	margin: 5px 2.5px;
}

.social-link-icons .social-icon {
	display: block;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	color: #fa5a28;
	border-color: rgba(0,0,0,0);
	background-color: rgba(0,0,0,0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-link-icons.icon-size-small .social-icon {
	font-size: 1.1em;
	width: 32px;
	height: 32px;
	line-height: 32px;
}

.social-link-icons.icon-size-medium .social-icon {
	font-size: 1.4em;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.social-link-icons.icon-size-large .social-icon {
	font-size: 1.7em;
	width: 48px;
	height: 48px;
	line-height: 48px;
}

.social-link-icons.icon-circle .social-icon {
	border-radius: 50%;
}

.social-link-icons.icon-rounded .social-icon {
	border-radius: 6px;
}

.social-link-icons.icon-square .social-icon {
	border-radius: 0;
}

.social-link-icons.icon-shadow .social-icon:hover,
.social-link-icons.icon-shadow .social-icon:active {
	-webkit-box-shadow: 1px 1px 3px #333333;
	-moz-box-shadow: 1px 1px 3px #333333;
	box-shadow: 1px 1px 3px #333333;
}

.social-link-icons.icon-zoom .social-icon:hover,
.social-link-icons.icon-zoom .social-icon:active {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.social-link-icons.icon-rotate .social-icon:hover,
.social-link-icons.icon-rotate .social-icon:active {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

.social-link-icons.icon-brand-color .accent-icon-artstation,
.social-link-icons.icon-brand-color-hover .accent-icon-artstation.social-icon:hover {
	color: #13aff0;
}

.social-link-icons.bgd-brand-color .accent-icon-artstation,
.social-link-icons.bgd-brand-color-hover .accent-icon-artstation.social-icon:hover {
	background-color: #13aff0;
}

.social-link-icons.icon-brand-color .accent-icon-behance,
.social-link-icons.icon-brand-color-hover .accent-icon-behance.social-icon:hover {
	color: #0074ff;
}

.social-link-icons.bgd-brand-color .accent-icon-behance,
.social-link-icons.bgd-brand-color-hover .accent-con-behance.social-icon:hover {
	background-color: #0074ff;
}

.social-link-icons.icon-brand-color .accent-icon-discord,
.social-link-icons.icon-brand-color-hover .accent-icon-discord.social-icon:hover {
	color: #7289da;
}

.social-link-icons.bgd-brand-color .accent-icon-discord,
.social-link-icons.bgd-brand-color-hover .accent-icon-discord.social-icon:hover {
	background-color: #7289da;
}

.social-link-icons.icon-brand-color .accent-icon-dribbble,
.social-link-icons.icon-brand-color-hover .accent-icon-dribbble.social-icon:hover {
	color: #ea4c89;
}

.social-link-icons.bgd-brand-color .accent-icon-dribbble,
.social-link-icons.bgd-brand-color-hover .accent-icon-dribbble.social-icon:hover {
	background-color: #ea4c89;
}

.social-link-icons.icon-brand-color .accent-icon-facebook,
.social-link-icons.icon-brand-color-hover .accent-icon-facebook.social-icon:hover {
	color: #3b5998;
}

.social-link-icons.bgd-brand-color .accent-icon-facebook,
.social-link-icons.bgd-brand-color-hover .accent-icon-facebook.social-icon:hover {
	background-color: #3b5998;
}

.social-link-icons.icon-brand-color .accent-icon-github,
.social-link-icons.icon-brand-color-hover .accent-icon-github.social-icon:hover {
	color: #4078c0;
}

.social-link-icons.bgd-brand-color .accent-icon-github,
.social-link-icons.bgd-brand-color-hover .accent-icon-github.social-icon:hover {
	background-color: #4078c0;
}

.social-link-icons.icon-brand-color .accent-icon-instagram,
.social-link-icons.icon-brand-color-hover .accent-icon-instagram.social-icon:hover {
	color: #517fa4;
}

.social-link-icons.bgd-brand-color .accent-icon-instagram,
.social-link-icons.bgd-brand-color-hover .accent-icon-instagram.social-icon:hover {
	background-color: #517fa4;
}

.social-link-icons.icon-brand-color .accent-icon-kickstarter,
.social-link-icons.icon-brand-color-hover .accent-icon-kickstarter.social-icon:hover {
	color: #2bde73;
}

.social-link-icons.bgd-brand-color .accent-icon-kickstarter,
.social-link-icons.bgd-brand-color-hover .accent-icon-kickstarter.social-icon:hover {
	background-color: #2bde73;
}

.social-link-icons.icon-brand-color .accent-icon-line,
.social-link-icons.icon-brand-color-hover .accent-icon-line.social-icon:hover {
	color: #00c300;
}

.social-link-icons.bgd-brand-color .accent-icon-line,
.social-link-icons.bgd-brand-color-hover .accent-icon-line.social-icon:hover {
	background-color: #00c300;
}

.social-link-icons.icon-brand-color .accent-icon-linkedin,
.social-link-icons.icon-brand-color-hover .accent-icon-linkedin.social-icon:hover {
	color: #007bb6;
}

.social-link-icons.bgd-brand-color .accent-icon-linkedin,
.social-link-icons.bgd-brand-color-hover .accent-icon-linkedin.social-icon:hover {
	background-color: #007bb6;
}

.social-link-icons.icon-brand-color .accent-icon-medium,
.social-link-icons.icon-brand-color-hover .accent-icon-medium.social-icon:hover {
	color: #00ab6b;
}

.social-link-icons.bgd-brand-color .accent-icon-medium,
.social-link-icons.bgd-brand-color-hover .accent-icon-medium.social-icon:hover {
	background-color: #00ab6b;
}

.social-link-icons.icon-brand-color .accent-icon-patreon,
.social-link-icons.icon-brand-color-hover .accent-icon-patreon.social-icon:hover {
	color: #ff424d;
}

.social-link-icons.bgd-brand-color .accent-icon-patreon,
.social-link-icons.bgd-brand-color-hover .accent-icon-patreon.social-icon:hover {
	background-color: #ff424d;
}

.social-link-icons.icon-brand-color .accent-icon-pinterest,
.social-link-icons.icon-brand-color-hover .accent-icon-pinterest.social-icon:hover {
	color: #cb2027;
}

.social-link-icons.bgd-brand-color .accent-icon-pinterest,
.social-link-icons.bgd-brand-color-hover .accent-icon-pinterest.social-icon:hover {
	background-color: #cb2027;
}

.social-link-icons.icon-brand-color .accent-icon-rss,
.social-link-icons.icon-brand-color-hover .accent-icon-rss.social-icon:hover {
	color: #ff6600;
}

.social-link-icons.bgd-brand-color .accent-icon-rss,
.social-link-icons.bgd-brand-color-hover .accent-icon-rss.social-icon:hover {
	background-color: #ff6600;
}

.social-link-icons.icon-brand-color .accent-icon-sketchfab,
.social-link-icons.icon-brand-color-hover .accent-icon-sketchfab.social-icon:hover {
	color: #1aaad9;
}

.social-link-icons.bgd-brand-color .accent-icon-sketchfab,
.social-link-icons.bgd-brand-color-hover .accent-icon-sketchfab.social-icon:hover {
	background-color: #1aaad9;
}

.social-link-icons.icon-brand-color .accent-icon-slack,
.social-link-icons.icon-brand-color-hover .accent-icon-slack.social-icon:hover {
	color: #4a154b;
}

.social-link-icons.bgd-brand-color .accent-icon-slack,
.social-link-icons.bgd-brand-color-hover .accent-icon-slack.social-icon:hover {
	background-color: #4a154b;
}

.social-link-icons.icon-brand-color .accent-icon-tiktok,
.social-link-icons.icon-brand-color-hover .accent-icon-tiktok.social-icon:hover {
	color: #fe2c55;
}

.social-link-icons.bgd-brand-color .accent-icon-tiktok,
.social-link-icons.bgd-brand-color-hover .accent-icon-tiktok.social-icon:hover {
	background-color: #fe2c55;
}

.social-link-icons.icon-brand-color .accent-icon-tumblr,
.social-link-icons.icon-brand-color-hover .accent-icon-tumblr.social-icon:hover {
	color: #32506d;
}

.social-link-icons.bgd-brand-color .accent-icon-tumblr,
.social-link-icons.bgd-brand-color-hover .accent-icon-tumblr.social-icon:hover {
	background-color: #32506d;
}

.social-link-icons.icon-brand-color .accent-icon-twitch,
.social-link-icons.icon-brand-color-hover .accent-icon-twitch.social-icon:hover {
	color: #9146FF;
}

.social-link-icons.bgd-brand-color .accent-icon-twitch,
.social-link-icons.bgd-brand-color-hover .accent-icon-twitch.social-icon:hover {
	background-color: #9146FF;
}

.social-link-icons.icon-brand-color .accent-icon-twitter,
.social-link-icons.icon-brand-color-hover .accent-icon-twitter.social-icon:hover {
	color: #00aced;
}

.social-link-icons.bgd-brand-color .accent-icon-twitter,
.social-link-icons.bgd-brand-color-hover .accent-icon-twitter.social-icon:hover {
	background-color: #00aced;
}

.social-link-icons.icon-brand-color .accent-icon-vimeo,
.social-link-icons.icon-brand-color-hover .accent-icon-vimeo.social-icon:hover {
	color: #1ab7ea;
}

.social-link-icons.bgd-brand-color .accent-icon-vimeo,
.social-link-icons.bgd-brand-color-hover .accent-icon-vimeo.social-icon:hover {
	background-color: #1ab7ea;
}

.social-link-icons.icon-brand-color .accent-icon-youtube,
.social-link-icons.icon-brand-color-hover .accent-icon-youtube.social-icon:hover {
	color: #bb0000;
}

.social-link-icons.bgd-brand-color .accent-icon-youtube,
.social-link-icons.bgd-brand-color-hover .accent-icon-youtube.social-icon:hover {
	background-color: #bb0000;
}

.social-link-icons .social-icon:hover {
	color: #d44700;
	border-color: rgba(0,0,0,0);
	background-color: rgba(0,0,0,0);
}

/* @end */

/* @group ICONS - SOCIAL SHARE */

/* Seee also the "Storefront - Social Sharing" section */

.social-share-icons {
	list-style: none;
	padding: 0;
	margin: 15px 0 0;
}

.social-share-icons li {
	display: inline-block;
	margin: 0 2px;
	padding: 0;
}

.social-share-icons li.social-sharing_title {
	top: -3px;
	position: relative;
}

.social-share-icons li a {
	color: #b6b6b6;
	display: block;
	width: 30px;
	height: 30px;
	padding: 6px;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	text-align: center;
}

.social-share-icons li a:hover {
	color: #535456;
	text-decoration: none;
}

.social-share-icons li a:active {
	color: #535456;
	text-decoration: none;
}

/* @end */

/* @group ICONS - SCROLL UP */

a#scrollUp {
	bottom: 30px;
	right: 30px;
	background-color: transparent;
	display: block;
	text-align: center;
	color: #b6b6b6;
	font-size: 2.6em;
}

a#scrollUp:hover {
	color: #fa5a28;
}

/* @end */

/* #IMAGES ========================================== */

/* @group IMAGES */

img {
	border: 0 none;
}

img,
iframe {
   max-width: 100%;
}

.image-left {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	max-width:  420px;
}

.image-right {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	max-width:  420px;
}

.image-full-width {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	display: block;
}

/* @end */

@media (max-width: 540px) {

	.image-left {
		margin-right: 0;
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.image-right {
		margin-left: 0;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}

/* @group IMAGES - ARTICLE FEATURE (WIDE) */

/* Additional styles in sections/template-article.liquid */
.articleFeatureImage {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #ececec;
}

.articleFeatureImage img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/* @end */

/* Notice "min-width" not "max-width" */
@media (min-width: 540px) {

	.articleFeatureImage-mobileOnly {
		visibility: hidden;
		display: none;
	}

}

/* @group IMAGES - ARTICLE FEATURE (SCROLL EFFECT) */

/* Additional styles in sections/template-article.liquid */
.hero-feature {
	padding: 0;
	width: 100%;
	min-height: 0;
	overflow: hidden;
}

/* Additional styles in sections/template-article.liquid */
.hero-feature__inner {
	padding: 0;
	width: 100%;
	margin-right: auto;
	margin-left: auto;

	/* background-image: url(defined_in_html); */
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	opacity: 1;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.hero-feature__inner.dimmer {
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

/* @end */

@media (max-width: 540px) {

	.hero-feature {
		visibility: hidden;
		display: none;
	}

}

/* @group IMAGES - HERO */

.poster-banner {
	width: 100%;
	height: auto;
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
}

.poster-wrapper img {
	display: block;
	margin-bottom: 20px;
}

/* @end */

/* @group IMAGES - PROMOTION */

/* Block is needed to prevent the image from being an inline element. */
.promotions img {
	display: block;
	margin-bottom: 20px;
}

/* @end */

/* @group IMAGES - ICON (HOVER FX) */

.product-preview-image .icon-plus,
.post-preview .icon-plus {
	font-size: 3em;
	color: white;
	
		opacity: 0.4;
	
}

/* @end */

/* @group IMAGES - REVEAL (HOVER FX) - CUSTOM */

.reveal .reveal_hidden {
	display: block !important;
	visibility: visible !important;
}

.product:hover .reveal img {
	opacity: 1;

}

.reveal {
	position: relative;
	z-index: 9; /* Needed to prevent strange rendering issues in safari */
}

/* Block is needed to prevent the image from being an inline element. */
.reveal img {
	display: block;
}

.reveal .reveal_hidden {
	position: absolute;
	z-index: 9; /* Needed to prevent strange rendering issues in safari */
	top: 0;
	width: 100.2%;
	height: 100.2%;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

/* Reveal image */
.reveal:hover .reveal_hidden {
	z-index: 49;
	opacity: 1;
}

/* Reveal caption */
.reveal .caption {
	padding: 20px;
	position: absolute;
	top: 0;
	display: table;
	width: 100.2%;
	height: 100.2%;
	letter-spacing: 1px;
	text-align: center;
	text-rendering: optimizeLegibility;
	
		color: #ffffff;
		background-color: rgba(0, 0, 0, 0.4);
	
}

.reveal h4,
.reveal .caption .product-preview-price {
	text-align: center !important;
	
		color: #ffffff;
	
}

.reveal .reveal_hidden .caption .centered {
	display: table-cell;
	vertical-align: middle;
}

/* @end */

@media (max-width: 768px) {

	.reveal .caption {
		font-size: 0.8.5em;
	}

}

/* @group IMAGES - ZOOM (HOVER FX) (CUSTOM) */

.image-zoom-effect {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
}

.transition-scale {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/* @end */

/* @group IMAGES - ONBOARDING */

.placeholder-svg {
	fill: rgba(51, 51, 51, 0.35);
	background-color: rgba(51, 51, 51, 0.1);
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%
}

/* @end */

/* #ELEMENTS ======================================== */

/* @group ACCORDIONS */


.accordion {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Requirements */

[data-accordion] [data-content] {
	overflow: hidden;
	max-height: 0;
}

/* @end */

/* @group ACCORDIONS - THEME */

[data-control],
[data-content] > * {
	border-bottom: 1px solid #b6b6b6;
	padding: 15px;
}

[data-content] [data-accordion] {
	border: 0;
	padding: 0;

}

[data-accordion] [data-control] {
	position: relative;
	padding-right: 40px;
}

[data-accordion] > [data-control]:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 20px;
	height: 15px;
	width: 24px;
	background: url(//www.badgebomb.com/cdn/shop/t/29/assets/icon-angle-down.svg?v=107280842055574858391708477775) center center no-repeat;
	background-size: 60%;
}

.no-svg [data-accordion] > [data-control]:after {
	background: url(//www.badgebomb.com/cdn/shop/t/29/assets/icon-angle-down.png?v=662574787612244271708477775) center center no-repeat;
}

[data-accordion].open > [data-control]:after {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.accordion button {
	margin: 0;
	padding: 15px;
	background: inherit;
	border-bottom: 1px solid #b6b6b6;
	font: inherit;
	outline: none;
	width: 100%;
	display: block;
	text-align: left;
	color: inherit;
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

.accordion button:hover {
	color: #fa5a28;
}

.accordion button:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* @end */

/* @group ALERTS */

.alert {
	display: block;
	width: 100%;
	margin: 15px 0;
	padding: 10px 30px 10px 15px;
	border-radius: 6px;
	position: relative;
	clear: left;
	color: #333333;
}

.alert a {
	color: #333333;
	text-decoration: underline;
}

.alert a:hover {
	color: #fa5a28;
}

.alert h3,
.alert h4,
.alert p,
.alert p.success-message,
.alert p.alert-message, {
	margin-top: 5px;
	margin-bottom: 5px;
}

.alert ul {
	list-style-type: disc;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px !important;
}

.alert li {
	text-align: left;
}

.alert_white {
	background-color: #f9f9f9;
}

.alert_green {
	color: #006633;
	background-color: #dffcd0;
}

.alert_blue {
	color: #3300cc;
	background-color: #e3f9fe;
}

.alert_yellow {
	color: #996600;
	background-color: #ffffcc;
}

.alert_red {
	color: #cc0000;
	background-color: #ffcccc;
}

a.dismiss-alert:link,
a.dismiss-alert:visited {
	text-decoration: none;
	color: #333333;
	position: absolute;
	top: 15px;
	right: 15px;
	border: 0;
	padding: 0;
	background-color: transparent;
	display: block;
	z-index: 60;
	width: 16px;
	height: 16px;
	font-size: 1.3em;
	cursor: pointer;
	transition: 0.5s;
}

a.dismiss-alert:hover {
	text-decoration: none;
	color: #fa5a28;
}

.dialog p.success-message,
.dialog p.alert-message {
	color: black;
}

/* @end */

/* @group BREADCRUMBS */

.breadcrumb {
	margin: 10px 0;
	padding: 0;
	color: #535456;
}

.breadcrumb a {
	text-decoration: none;
	color: #fa5a28;
}

.breadcrumb a:hover {
	text-decoration: none;
	color: #535456;
}

.breadcrumb .accent-icon-arrow-right {
	padding: 0 6px;
}

/* @end */

@media (max-width: 768px) {

	.breadcrumb {
		text-align: center;
	}

}

/* @group BUTTONS */

.button {
	width: auto;
	display: inline-block;
	cursor: pointer;
	margin: .5em .5em .5em 0;
	padding: .8em 1.2em;
	background-color: #fa5a28;
	color: #ffffff;
	vertical-align: middle;
	position: relative;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.5px;
	z-index: 1;
	line-height: 1em;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-webkit-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
}

.button:focus {
	outline: none;
}

a.button,
a:link.button {
	color: #ffffff;
	text-decoration: none;
}

.button--large {
	font-size: 1.3em;
}

.button--medium {
	font-size: .85em;
}

.button--small {
	font-size: .7em;
}

.button--full-width {
	width: 82%;
	margin-right: 9%;
	margin-left: 9%;
}

.button--border-none {
	border-style: none;
	border-width: 0;
}

a:visited.button {
	color: #ffffff;
}

a:hover.button {
	color: #ffffff;
}

.button:hover {
	color: #ffffff;
	background-color: #d44700;
	border: none;
}

a:active.button {
	color: #ffffff;
}

.button:active {
	color: #ffffff;
	border: none;
	background-color: #fa5a28;
}

a.button.style-secondary {
	color: #ffffff;
	background-color: #fa5a28;
}

a:hover.button.style-secondary {
	color: #ffffff;
	background-color: #d44700;
}

/* @end */

/* @group BUTTONS - DISABLED */

.button--disabled,
a.button--disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

.button--disabled:hover,
a.button--disabled:hover,
.button--disabled:active,
a.button--disabled:active {
	cursor: not-allowed;
	color: #ffffff;
	border: none;
	background-color: #fa5a28;
}

/* @end */

/* @group BUTTONS - CART ADDITIONAL PAYMENT OPTIONS */

.additional-payment-options button[type=submit] {
	margin: 0;
}

/* @end */

/* @group BUTTONS - SHOPIFY PAYMENT BUTTONS */

.shopify-payment-button__button {
  	width: 100% !important;
	display: inline-block !important;
	cursor: pointer !important;
	margin: .5em .5em .5em 0 !important;
	padding: .8em 1.2em !important;
	background-color: #fa5a28 !important;
	color: #ffffff !important;
	vertical-align: middle !important;
	position: relative !important;
	font-size: 1.1em !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-align: center !important;
	letter-spacing: 0.5px;
	z-index: 1 !important;
	line-height: 1em !important;
	border: none !important;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	-webkit-backface-visibility: hidden !important;
	-moz-osx-font-smoothing: grayscale !important;
	transition: all 0.4s linear 0s !important;
	-moz-transition: all 0.4s linear 0s !important;
	-webkit-transition: all 0.4s linear 0s !important;
	-o-transition: all 0.4s linear 0s !important;
}

.shopify-payment-button__button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

.shopify-payment-button__button--unbranded {
  background-color: #fa5a28 !important;
  padding: 1em 2em;
}

.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  	color: #ffffff !important;
	background-color: #d44700 !important;
}

/* @end */

/* @group LISTS */

ol, ul {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 0 10px 30px;
	clear: left;
}

/*
	The selector main-content-container is required to
	prevent extra padding messing up the Mobile Nav
*/
main-content-container li {
	list-style-type: disc;
	padding: 2px 0 2px 5px;
	margin-left: 10px;
}

ul li {
	list-style-type: disc;
}

ol li {
	list-style-type: decimal;
}

ol li ol li {
	list-style-type: lower-roman;
}

ol ol, ul ul {
	padding: 5px 0 5px 30px;
}

.footer-widget ul,
.footer-widget ol {
	padding-top: 0;
	padding-bottom: 0;
}

.footer-widget ul.vertical-list {
	padding-left: 0;
}

.footer-widget ul.vertical-list li {
	padding-top: 4px;
	padding-bottom: 4px;
	list-style: none;
}


/* @end */

@media (max-width: 1024px) {

	.footer-widget ul.vertical-list li {
		text-align: center;
	}

}

/* @group LISTS - HORIZONTAL LISTS */

.horizontal-list a {
	color: #535456;
	text-decoration: none;
	vertical-align: middle;
}

.horizontal-list a .fa {
	vertical-align: middle;
	line-height: 1em;
	top: -2px;
	position: relative;
}

.horizontal-list a:hover,
.horizontal-list a:active {
	color: #535456;
}

.horizontal-list a.current-item {
	color: #fa5a28;
}

.horizontal-list {
	list-style: none;
	padding: 0;
	margin: 15px 0 0;
}

.horizontal-list li {
	display: inline-block;
	padding: 0 12px;
	margin: 0 0 5px;
	vertical-align: middle;
	border-right: 1px solid #b6b6b6;
}

.horizontal-list li:last-child {
	border-right: none;
}

/* @end */

@media (max-width: 1024px) {

	.horizontal-list {
		text-align: center;
	}

	.horizontal-list li {
		line-height: 2em;
		border-right: none;
	}

}

/* @group LISTS - VERTICAL LISTS */

.vertical-list a {
	color: #535456;
	text-decoration: none;
}

.vertical-list a:hover,
.vertical-list a:active {
	color: #535456;
}

.vertical-list a.current-item,
.vertical-list .current-tag-item a {
	color: #fa5a28;
}

.footer-widgets  a {
	color: #fa5a28;
}

.footer-widgets .vertical-list a:hover,
.footer-widgets .vertical-list a:active,
.footer-widgets .vertical-list a.current-item  {
	color: #535456;
}

/* @end */

/* @group LISTS - DEFINITION LISTS */

.table-display {
	width: 100%;
	margin: 15px 0 30px;
	padding: 0;
	display: block;
	float: left;
	clear: both;
	position: relative;
	border-bottom: 1px solid #ececec;
}

.table-display dt {
	float: left;
	width: 30%;
	margin: 0;
	padding: 5px 0;
	border-top: 1px solid #ececec;
	letter-spacing: .1em;
	position: relative;
	display: inline-block;
}

.table-display dd {
	float: left;
	margin: 0;
	width: 70%;
	padding: 5px 0 5px 5%;
	border-top: 1px solid #ececec;
	position: relative;
	display: inline-block;
}

/* @end */

@media (max-width: 540px) {

	.table-display dt {
		width: 100%;
		margin: 0;
		padding: 5px;
		border-top: 1px solid #b6b6b6;
		display: block;
	}

	.table-display dd {
		width: 100%;
		margin: 0;
		padding: 5px;
		border-top: 1px solid #ececec;
		display: block;
}

}

/* @group PAGINATION */

.pagination-custom {
	display: table;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: auto;
}

.pagination-custom li {
	display: inline-block;
	float: left;
	font-size: 1.2em;
	height: 2em;
	line-height: 2em;
	list-style-type: none;
	margin: 2px;
	width: 2em;
	text-align: center;
	vertical-align: middle;
	position: relative;

}

.pagination-custom a {
	text-decoration: none;
	color: #b6b6b6;
	margin: 0;
	padding: 0;
	width: inherit;
	height: inherit;
	display: block;
	border-radius: 4px
}

.pagination-custom a:hover {
	text-decoration: none;
	color: #535456;
}

.pagination-custom a:active {
	text-decoration: none;
	background-color: #fa5a28;
	color: #ffffff;
	 -webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

/* The current item doesn't have a link. */
.pagination-custom li.current-page  {
	color: #fa5a28;
}

.pagination-custom li.arrows a {
	text-decoration: none;
}

.pagination-custom li.arrows a:hover,
.pagination-custom li.arrows a:active {
	text-decoration: none;
	background-color: transparent;
	color: #535456;
}

.pagination-custom li.disabled {
	color: #ececec;
}

.pagination-custom li.dots {
	color: #b6b6b6;
}

/* @end */

/* @group PAGINATION - AJAX */

#AjaxinatePagination {
	text-align: center;
}

/* @end */

/* @group QUOTES - BLOCKQUOTES */

blockquote {
	clear: left;
	padding: 20px;
	margin: 0;
	color: #535456;
	font-family: Lato, sans-serif;
	font-weight: 500;
	font-size: 1.44em;
}

blockquote p {
	position: relative;
	padding: 10px 0;
	margin: 0;
	line-height: 1.3em;
	text-align: center;
}

blockquote cite {
	font-size: 0.85em;
	position: relative;
	display: block;
	font-family: Lato, sans-serif;
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* @end */

@media (max-width: 540px) {

	blockquote {
		padding: 15px;
	}

}

/* @group QUOTES - PULLQUOTES */

.pullquote {
	color: #212121;
	text-align: center;
	margin: 30px;
	line-height: 1.3em;
	font-family: Lato, sans-serif;
	font-weight: 500;
	font-size: 1.2em;
}

/* @end */

/* @group QUOTES - TALK BUBBLES */

.bubble {
	margin: 10px 10px 20px;
	padding: 20px;
	position: relative;
	display: block;
	border-radius: 5px;
	background-color: #fa5a28;
}

.bubble:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 60px;
	border-top: 20px solid;
	border-top-color: #fa5a28;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.bubble p {
	color: #ffffff;
	line-height: 1.414em;
	margin-bottom: 0;
	margin-top: 0;
	font-family: Lato, sans-serif;
	font-weight: 500;
	font-size: 1.2em;
}

p.citation {
	padding-left: 60px;
}

/* @end */

/* @group SEPERATORS */

hr {
	margin: 25px 0 15px;
	border: 0;
	border-top: none;
	border-bottom: 1px solid #ececec;
	clear: both;
	padding: 0;
	display: block;
}

/* @end */

/* @group SOCIAL SHARING */

.post-share-links {
	text-align: right;
}

/* @end */

@media (max-width: 768px) {

	.post-share-links {
		text-align: center;
	}

}

/* @group TABLES */

table {
	width: 100%;
	margin: 20px 0 0;
	padding: 0;
	border-collapse: collapse;
	border-style: none;
}

tr {
	border-bottom: 1px solid #ececec;
	height: 45px;
}

.zebra tr:nth-of-type(odd) {
	background-color: #f7f7f7;
}

.zebra tr:hover {
	border-bottom: 1px solid #fa5a28;
}

td,
th {
	padding: 6px;
	text-align: left;
}

th {
	background-color: #ffffff;
	color: #212121;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
}

th a {
	text-decoration: none;
	color: #212121;
}

th a:hover {
	text-decoration: none;
}

/* @end */

/* @group TABLES - ORDER */

.customer-order-table tbody tr {
	border-bottom: none;
}

.customer-order-table tfoot {
	border-top: 1px solid #ececec;
}

.customer-order-table tbody tr:nth-of-type(odd) {
	background-color: #f7f7f7;
}

.customer-order-table tbody tr:hover {
	border-bottom: 1px solid #fa5a28;
}

/* @end */

@media only screen and (max-width: 1024px) {
		
	/* Force table to not be like tables anymore */
	table.responsive,
	.responsive thead,
	.responsive tbody,
	.responsive tfoot,
	.responsive th,
	.responsive td,
	.responsive tr {
		display: block;
	}
	
	/* Hide table headers (but don't use display: none; for accessibility) */
	.responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.responsive tr {
		height: auto;
		border-bottom: 1px solid #b6b6b6;
	}
	
	.responsive td {
		/* Behave like a "row" */
		border: none;
		position: relative;
		padding-left: 50%;
		border-bottom: 1px solid #ececec;
	}
	
	.responsive td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	
	/* Label the data */
	.responsive td:before {
		content: attr(data-table-header);
	}

}

/* @group TABS */

.tab-panel {
	padding: 15px;
	width: auto;
	margin: 0;
	border-top: 1px solid #b6b6b6;
}

ul.tabs {
	margin: 20px 0 0;
	padding: 0;
}

/* Reduce top margin if tabs are displayed on Product Page */
.template-product ul.tabs {
	margin: 5px 0 0;
}

.tabs li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0 2px 0 0;
}

.tabs a {
	padding: 10px 15px 8px 15px;
	display: inline-block;
	color: #535456;
	text-decoration: none;
	outline: none;
	letter-spacing: 1px;
}

.tabs a:hover {
	color: #fa5a28;
}

.tabs a:active {
	color: #fa5a28;
}

.tabs a.current {
	color: #535456;
	border-top: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
}

.tab-panel h1,
.tab-panel h2,
.tab-panel h3,
.tab-panel h4,
.tab-panel h5,
.tab-panel h6 {
	color: #212121;
}

/* @end */

@media (max-width: 768px) {

	.tab-panel {
		border-top-style: none;
	}

	.tabs a {
		width:  100%;
		border-bottom: 1px solid #b6b6b6;
	}

	.tabs a.current {
		border-top-style: none;
		border-right-style: none;
		border-left-style: none;
		color: #fa5a28;
		border-bottom: 1px solid #fa5a28;
	}

}

/* @group TABS - COLLECTIONS */

.tab-panel.collection-tabs-panel {
	padding: 0;
	border-top-style: none;
}

ul.tabs.collection-tabs {
	margin: 0 0 40px 0;
	display: flex;
	justify-content: center;
}

.tabs.collection-tabs li {
	list-style: none;
	display: flex-item;
	margin: 0 20px;
	padding: 10px;
}

.tabs.collection-tabs a {
	text-align: center;
	padding: 10px 20px;
	text-decoration: none;
	outline: none;
	letter-spacing: 1px;
	font-size: 1.3em;
	font-weight: 600;
	color: #535456;
}

.tabs.collection-tabs a:hover {
	color: #fa5a28;
}

.tabs.collection-tabs a:active {
	color: #fa5a28;
}

.tabs.collection-tabs a.current {
	border: none;
	border-bottom: 2px solid #535456;
	color: #535456;
}

/* @end */

@media (max-width: 768px) {
	
	ul.tabs.collection-tabs {
		margin: 0 0 20px 0;
	}
	
	.tabs.collection-tabs li {
		margin: 0;
		padding: 0;
		width: 50%;
	}
	
	.tabs.collection-tabs a {
		border-bottom: none;
		padding: 0 5px 10px 5px;
		letter-spacing: 0;
		font-size: 1.1em;
	}

	.tabs a.current {
		border-bottom: 3px solid #535456;
}

}

/* @group TAGS - ORDER STATUS */

.tag-status {
	display: inline-block;
	text-transform: uppercase;
	color: #ffffff;
	border-radius: 2px;
	padding: 3px 0;
	margin: 0;
	font-size: .85em;
	text-align: center;
	font-weight: 400;
	width: 90%;
}

.tag-status.unfulfilled {
	background-color: #535456;
}

.tag-status.partial {
	background-color: #212121;
}

.tag-status.fulfilled {
	background-color: #fa5a28;
}

/* @end */

/* @group TAGS - CLOUD */

.tagcloud {
	padding: 0;
	display: block;
	margin: 20px 0 0;
	width: 100%;
	text-align: center;
}

.tagcloud a {
	display: inline-block;
	position: relative;
	color: #b6b6b6;
	text-transform: uppercase;
	padding: 0 10px;
	text-decoration: none;
	margin: 0 -1px 4px 0;
	letter-spacing: .15em;
	font-size: .8em;
	text-align: center;
	font-weight: 400;
	border-bottom: 1px solid #b6b6b6;
	height: 30px;
	line-height: 30px;
}

.tagcloud a:hover {
	color: #ffffff;
	border-bottom: 1px solid #535456;
	background-color: #535456;
}

.tagcloud a:active,
.tagcloud .current-tag a {
	color: #ffffff;
	border-bottom: 1px solid #535456;
	background-color: #535456;
}

/* @end */

/* @group TAGS - POST AND PRODUCTS */

/* These are non button-like tags */
.post-tags {
	color: #b6b6b6;
	text-align: center;
	width: 100%;
	text-transform: lowercase;
	font-size: 0.9em;
	font-weight: 400;
	letter-spacing: .05em;
	padding: 0;
	margin: 15px 0 0;
}

.post-tags a {
	color: #b6b6b6;
}

.post-tags a:hover {
	color: #535456;
}

/* @end */

/* @group VIDEOS */

iframe {
	border-style: none;
}

/* @end */

/* #PAGES =========================================== */

/* @group ACCOUNTS */

.default-address {
	width: 100%;
	padding: 2px 20px 0;
	border-radius: 2px;
	border: 1px solid #ececec;
}

.show_password {
	margin-top: 5px;
	font-size: smaller;
}

.show_password input[type=checkbox] {
	margin-top: 6px;
}

#recover-password {
	margin-top:  30px;
}

/* @end */

@media (max-width: 768px) {

	#customer_login_link,
	#customer_register_link {
		width: 100%;
		display: block;
	}
}

/* @group ARTICLE */

.article-featured-image-inline {
	margin-bottom: 40px;
}

.article-featured-image-inline img {
	width: 100%;
}

.article-content {
	margin-bottom: 40px;
}

.article-meta {
	padding: 10px 0;
	width: 100%;
	margin: 0;
	display: block;
	color: #212121;
}

.article-meta .accent-icon-clock {
	position: relative;
	top: 2px;
	font-size: 20px;
}

/* @end */

@media (max-width: 768px) {
	
	.article-featured-image-inline {
		margin-bottom: 20px;
	}
	
}

/* @group ARTICLE - BIO */

.author-bio {
	padding: 0 20px 10px;
	width: 100%;
	margin: 20px 0 10px;
	display: block;
	border-bottom: 3px solid #ececec;
	border-top: 3px solid #ececec;
}

/* @end */

/* @group ARTICLE - AVATARS */

.avatar {
	width: 100%;
	display: block;
}

.avatar img,
.article-comment-avatar img {
	max-width: 80px;
	width: 100%;
	height: auto;
	padding: 0;
	border-radius: 40px;
}

/* @end */

/* @group ARTICLE - COMMENTS */

.article-comments {
	padding-bottom: 20px;
}

.article-comment {
	display: block;
	padding: 0;
	float: left;
	width: 100%;
	margin: 10px 0;
}

.article-comment-avatar {
	width: 11%;
	display: inline-block;
	float: left;
	position: relative;
	margin-right: 2%;
	padding-top: 13px;
}

.article-comment-wrapper {
	display: inline-block;
	float: left;
	position: relative;
	width: 87%;
	border-bottom: 1px solid #ececec;
}

.article-comment-header {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 10px 10px 0;
}

.article-comment-author {
	display: inline-block;
	float: left;
	position: relative;
}

.article-comment-author h4 {
	padding: 0;
}

.article-comment-date {
	display: inline-block;
	float: right;
	position: relative;
}

.article-comment-message {
	float: left;
	position: relative;
	display: block;
	margin: 0;
	padding: 10px;
}

#comment-form {
	display: block;
	margin: 10px 0;
	padding: 0;
}

.comment-form-wrapper {
	margin-bottom: 30px;
}

/* @end */

@media (max-width: 768px) {

	p.post-nav {
		text-align: center;
	}

}

@media (max-width: 540px) {

	.article-comment-date,
	.article-comment-author {
		text-align: center;
		width: 100%;
	}

	.article-comment-avatar {
		text-align: center;
		width: 100%;
		padding-top: 0;
	}

	.article-comment-avatar img {
		margin-right: auto;
		margin-left: auto;
		width: 80px;
		height: 80px;
		padding-top: 0;
	}

	.article-comment-message {
		padding-bottom: 0;
	}

	.article-comment-wrapper {
		width: 100%;
	}

}

/* @group BLOG */

.blog-post {
	margin-bottom: 30px;
}

.blog-post-title {
	margin-top: 0;
}

.blog-post-header {
	width: 100%;
	padding: 0;
	margin: 20px 0;
}

.blog-split-layout .blog-post-header {
   margin-top: 0;
}

.blog-post-date {
	width: 8%;
	height: 80px;
	color:  #ffffff;
	background-color: #fa5a28;
	padding: 10px;
	margin-right: 3%;
	text-align: center;
	display: inline-block;
	float: left;
}

.blog-post-date-day {
	font-size: 2em;
	font-weight: 400;
	line-height: 35px;
}

.blog-post-date-month {
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 25px;
	letter-spacing: 0.08em;
}

.blog-post-details {
	display: inline-block;
	float: left;
	width: 89%;
}

.blog-split-layout .blog-post-date {
	width: 11%;
	margin-right: 4%;
}

.blog-split-layout .blog-post-details {
	width: 85%;
}

.blog-post-details-title h2 {
	margin-top: 0;
	margin-bottom: 7px;
}

.blog-post-details-meta {
	text-transform: uppercase;
	border-bottom: 1px solid #ececec;
	border-top: 1px solid #ececec;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: .8em;
}

.blog-post-details-meta .accent-icon-clock {
	position: relative;
	top: 4px;
	font-size: 20px;
}

/* @end */

@media (max-width: 1199px) {

	.blog-post-date {
		width: 10%;
		margin-right: 4%;
	}

	.blog-post-details {
		width: 86%;
	}

}

@media (max-width: 768px) {
	
	.blog-post {
		margin-bottom: 20px;
	}

	.blog-post-date {
		width: 15%;
		margin-right: 6%;
	}

	.blog-post-details {
		width: 79%;
	}

	.blog-split-layout .blog-post-date {
		width: 18%;
		margin-right: 5%;
	}

	.blog-split-layout .blog-post-details {
		width: 77%;
	}

}

@media (max-width: 540px) {

	.blog-post-date {
		width: 20%;
		margin-right: 8%;
	}

	.blog-post-date-day {
		font-size: 1.3em;
	}

	.blog-post-details {
		width: 72%;
	}

}

/* @group CART - GRID */

.cart-wrapper {
	margin: 20px 0;
	padding: 0;
	clear: both;
	display: block;
	width: 100%;
}

.cart-col-1-2 {
	width: 50%;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
}

.cart-col-2-2 {
	width: 50%;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group CART - GRID HEADER */

.cart-header {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #ececec;
}

.cart-header-product,
.cart-header-price,
.cart-header-quantity,
.cart-header-total,
.cart-header-delete {
	float: left;
	display: inline-block;
}

.cart-header-product {
	width: 100%;
	visibility: hidden;
}

.cart-header-price,
.cart-header-total {
	width: 25%;
}

.cart-header-quantity {
	width: 45%;
}

.cart-header-delete {
  width: 5%;
  text-align: center;
  visibility: hidden;
}

/* @end */

/* @group CART - GRID ITEMS */

.cart-item {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #ececec;
}

.cart-item-image {
	display: inline-block;
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;
}

/* Block is needed to prevent the image from being an inline element. */
.cart-item-image img {
	display: block;
}

.cart-item-details {
	display: inline-block;
	float: left;
	margin: 0;
	width: 80%;
	padding: 0 12px;
	text-align: center;
}

.cart-item-details p {
	text-align: center;
}

.cart-item-details h4 {
	margin: 15px 0 5px;
}

.cart-item-details a:link,
.cart-item-details a:visited {
	color: #535456;
}

.cart-item-details a:hover,
.cart-item-details a:active {
	color: #535456;
}

span.product-variant {
	color: #535456;
}

span.product-vendor a:link,
span.product-vendor a:visited {
	color: #b6b6b6;
}

span.product-vendor a:hover,
span.product-vendor a:active {
	color: #535456;
}

.cart-item-price,
.cart-item-total {
	display: inline-block;
	width: 25%;
	float: left;
	margin: 0;
	padding: 5px 0 0;
	text-align: left;
	line-height: 3em;
}

.template-cart .cart-item-quantity {
	display: inline-block;
	width: 45%;
	float: left;
	margin: 0;
	padding: 5px 10px 0 0;
	text-align: left;
	line-height: 3em;
}

.cart-item-delete {
	display: inline-block;
	width: 5%;
	float: left;
	margin: 15px 0 0;
	padding: 0;
}

/* @end */

@media (max-width: 768px) {
	
	.cart-item-price,
	.cart-item-total {
		padding: 10px 0 0;
	}
	
	.cart-item-delete {
		margin: 20px 0 0;
	}

}

/* @group CART - FORM */

input.checkout {
	border: none;
	color: #ffffff;
	background-color: #fa5a28;
}

a.remove-item:link,
a.remove-item:visited {
	display: block;
	width: 32px;
	height: 32px;
	color: #535456;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
}

a.remove-item:hover {
	text-decoration: none;
	color: #535456;
}

/* @end */

/* @group CART - CHECKOUT */

#CartSpecialInstructions {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.cart-checkout-container h4 {
	margin-top: 10px;
}

.cart-notes {
	border-right: 1px solid #ececec;
}

/* @end */

@media (max-width: 1199px) {

	#CartSpecialInstructions {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.cart-header-quantity {
		visibility: hidden;
	}

	.cart-notes {
		border-right: none;
	}

}

@media (max-width: 768px) {

	.cart-header-quantity {
		visibility: hidden;
	}

	.cart-wrapper {
		margin: 40px 0 20px;
		border-top: 1px solid #ececec;
	}
	.cart-header {
		display: none;
	}

	.cart-header-quantity {
		visibility: hidden;
	}

	.cart-col-1-2 {
		width: 100%;
	}

	.cart-col-2-2 {
		width: 100%;
		padding: 10px 0;
	}

	.cart-item-price {
		 display: none;
	}

	.cart-item-quantity {
		width: 50%;
		text-align: center;
	}

	.cart-item-total {
		width: 40%;
		text-align: center;
	}

	.cart-item-delete {
		width: 10%;
		text-align: center;
	}

}

@media (max-width: 540px) {

	.cart-item-image,
	.cart-item-details {
		width: 100%;
	}

}

/* @group CART - ADDITIONAL PAYMENT BUTTONS */

[data-shopify-buttoncontainer] {
  justify-content: center;
}

/* @end */

/* @group COLLECTION - BANNER IMAGE */

.banner-collection {
	width: 100%;
}

/* Additional styles in sections/banners-collection.liquid */
.banner-collection__image {
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* Additional styles in sections/banners-collection.liquid */
.banner-collection__cta {
	padding-right: 30px;
	padding-left: 30px;
	position: absolute;
	z-index: 2;
	width: 100%;
	max-width: 1280px;
}

/* Additional styles in sections/banners-collection.liquid */
.banner-collection__content { 
	max-width: 800px;
}

.banner-collection h1 {
	font-weight: 600;
	margin-bottom: 0;
}

.banner-collection .light {
	color: #ffffff;
}

.banner-collection .dark {
	color: #000000;
}

/* Additional inline styles in sections/banners-collection.liquid */
.banner-collection__overlay {
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
	position: absolute;
}

/* @end */

@media (max-width: 540px) {

	.banner-collection__content {
		margin-left: auto;
		margin-right: auto;
	}
	
	.banner-collection h1 {
		font-size: 18px;
	}
	
	.banner-collection .align-left,
	.banner-collection .align-right {
		text-align: center;
	}

}

/* @group COLLECTION - DESCRIPTION */

.collection_header {
	margin-bottom: 10px;
}

.collection_description {
	width: 100%;
	display: block;
	margin: 10px 0 20px;
	padding: 0;
}

/* @end */

/* @group COLLECTION - SORTING */

.sorting-options-container {
	width: 100%;
}

.sorting-options {
	position: relative;
	width: 100%;
	height: auto;
	text-align: right;
	padding: 0 0 20px;
	margin: 0;
}

.sorting-options li {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 3px;
}

.sorting-options-filter-label {
	float: left;
	display: inline-block;
	padding-right: 5px;
	line-height: 2.25em;
}

.sorting-options-filter {
	float: left;
	display: inline-block;
	min-width: 220px;
}

.sidebar-widget .sorting-options-filter {
	min-width: 100%;
}

.collection-item-count {
	font-size: .9em;
	letter-spacing: 0.05em;
	padding-bottom: 2px;
}

/* @end */

@media (max-width: 768px) {

	.sorting-options {
		text-align: center;
	}

	.sorting-options {
		padding: 0;
		margin: 0 0 20px 0;
	}

	.sorting-options li,
	.sorting-options-filter {
		width: 100%;
		margin: 5px 0;
}

}

/* @group COLLECTION - GRID VIEW */

/* Don't make this 100% since margin uses negative values. */
.image-grid {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px 20px;
}

.template-index .image-grid {
	margin-bottom:  0;
}

.image-grid:after {
	content: "";
	display: table;
	clear: both;
}

/* @end */

/* @group COLLECTION - GRID ITEMS */

/*
	Used by various grids such as Product Grid and Collection Grid
*/

.product-grid-item {
	list-style-type: none;
	float: left;
	text-align: center;
	min-height: 1px;
	padding: 0 10px 20px;
}

.collection-grid-item {
	list-style-type: none;
	float: left;
	text-align: center;
	min-height: 1px;
	padding: 0 10px 20px;
}

.product-grid-item.columns-1,
.collection-grid-item.columns-1 {
	width: 100%;
}

.product-grid-item.columns-2,
.collection-grid-item.columns-2 {
	width: 50%;
}

.product-grid-item.columns-3,
.collection-grid-item.columns-3 {
	width: 33.3333333333%;
}

.product-grid-item.columns-4,
.collection-grid-item.columns-4 {
	width: 25%;
}

.product-grid-item.columns-5,
.collection-grid-item.columns-5 {
	width: 20%;
}

.product-grid-item.columns-6,
.collection-grid-item.columns-6 {
	width: 16.66666666666667%;
}

/* @end */

@media (max-width: 1024px) {

	.product-grid-item.columns-1,
	.product-grid-item.columns-2,
	.product-grid-item.columns-3,
	.product-grid-item.columns-4,
	.product-grid-item.columns-5,
	.product-grid-item.columns-6,
	.collection-grid-item.columns-1,
	.collection-grid-item.columns-2,
	.collection-grid-item.columns-3,
	.collection-grid-item.columns-4,
	.collection-grid-item.columns-5,
	.collection-grid-item.columns-6 {
		width: 50%;
	}
	
}

@media (max-width: 540px) {

	.product-grid-item.columns-1,
	.product-grid-item.columns-2,
	.product-grid-item.columns-3,
	.product-grid-item.columns-4,
	.product-grid-item.columns-5,
	.product-grid-item.columns-6,
	.collection-grid-item.columns-1,
	.collection-grid-item.columns-2,
	.collection-grid-item.columns-3,
	.collection-grid-item.columns-4,
	.collection-grid-item.columns-5,
	.collection-grid-item.columns-6 {
		width: 50%;
	}
	
	/* If there is an odd number of items, make the last item full-width on mobile */
	.product-grid-item.item-odd.last-item,
	.collection-grid-item.item-odd.last-item {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

}

/* @group COLLECTION - PRODUCT IMAGES */

/*
	Required to position the Product Flags on grid pages.
	ie: collection.list.liquid, search.liquid, product-grid-item.liquid
*/

.product-preview-image {
	width: 100%;
	min-height: 1px;
	/*  height: 200px; */
	display: block;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.product-preview-image a,
.product-preview-image img,
.product-preview-image .placeholder-svg {
	display: block;
}

/* Borders are also used on featured-collections-grid.liquid */

.product-preview-border {
	border: 0 solid #e7e7e7;
}

/* Block is needed to prevent the image from being an inline element. */

.product-preview-image img {
	display: block;
	padding: 0;
	margin: 0;
	position: relative;
	width: 100%;
}

/* @end */

/* @group COLLECTION - PRODUCT DETAILS */

.product-preview-details p,
.product-preview-details {
	display: block;
	width: 100%;
	
		text-align: center;
	
}

.product-preview-details h5 {
	margin: 0.5em 0 0.2em;
	
		text-align: center;
	
}

.product-preview-details p a:link,
.product-preview-details p a:visited,
.product-preview-details h5 a:link,
.product-preview-details h5 a:visited {
	color:  #212121;
}

.product-preview-price a:link,
.product-preview-price a:visited {
	color:  #535456;
}

p.product-preview-brand,
p.product-preview-price {
	padding: 0;
	margin: 0;
	font-size: 14px;
	letter-spacing: 0.02em;
}

.product-preview-brand a:link,
.product-preview-brand a:visited {
	color:  #b6b6b6;
}

.product-preview-brand a:hover {
	color:  #535456;
	}

/* @end */

/* @group CONTACT PAGE */

.contact-form-wrapper {
	margin-bottom: 30px;
}

/* @end */

@media (max-width: 768px) {
	
	.col-6-12 img.poster-banner {
		margin-bottom: 20px;
	}
	
}

/* @group LEGAL NOTICE PAGES */

.shopify-policy__container {
	max-width: 940px !important;
}

/* @end */

/* @group PAGE - BANNER IMAGE */

.banner-page {
	width: 100%;
}

/* Additional styles in sections/banners-page.liquid */
.banner-page__image {
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* Additional styles in sections/banners-page.liquid */
.banner-page__cta {
	padding-right: 30px;
	padding-left: 30px;
	position: absolute;
	z-index: 2;
	width: 100%;
}

/* Additional styles in sections/banners-page.liquid */
.banner-page__content { 
	max-width: 800px;
}

.banner-page h1 {
	font-weight: 600;
	margin-bottom: 0;
}

.banner-page .light {
	color: #ffffff;
}

.banner-page .dark {
	color: #000000;
}

/* Additional inline styles in sections/banners-page.liquid */
.banner-page__overlay {
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
	position: absolute;
}

/* @end */

@media (max-width: 540px) {

	.banner-page__content {
		margin-left: auto;
		margin-right: auto;
	}
	
	.banner-page h1 {
		font-size: 18px;
	}
	
	.banner-page .align-left,
	.banner-page .align-right {
		text-align: center;
	}

}

/* @group PRODUCT - TITLE & PRICE */

.product-title {
	text-align: left;
	margin-bottom: 10px;
}

.price_free,
.price {
	font-size: 1.1em;
	color: #535456;
}

#ComparePriceAlt {
	text-decoration: line-through;
	color: #ececec;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
}

/* @end */

/* @group PRODUCT - SELECT OPTIONS */

.product-options-container {
	display: block;
	margin: 0;
	width: 100%;
	padding: 0;
	text-align: left;
}

.product-order-container {
	display: block;
	width: 100%;
	max-width: 420px;
	padding: 0;
	position: relative;
	left: 0;
	margin-top: 10px;
	margin-bottom: 0;
}

.product-selection-container {
	position:  relative;
}

.sticky-wrapper.is-sticky .product-order-container {
	display: table;
	width:  calc(100% - 20px);
	text-align: center;
	margin: 5px 10px;
}

.sticky-wrapper.is-sticky .quantity-outer {
	display: none;
}

/* @end */

@media (max-width: 540px) {

	.product-order-container {
		padding: 0;
	}

}

/* @group PRODUCT - QUANTITY (CUSTOM) */

.quantity-outer {
	width:  100%;
	display:  block;
}

.quantity-outer label {
	font-size: .85em;
	color: #b6b6b6;
}

.quantity-inner {
	
		width: 40%;
	
	height: 40px;
	padding: 0;
	margin: .5em 0;
	background-color: #ffffff;
	border: 1px solid #ececec;
}

.template-cart .quantity-inner {
	max-width: 130px;
}

.quantity-selector-input {
	
		width: 100%;
	
	height: 38px;
	padding: 0;
	margin: 0;
	line-height: 40px;
	text-align: center;
	color: #535456;
	background-color: #ffffff;
	position: relative;
	display: inline-block;
	float: left;
	border-style: none;
}

.plus-minus {
	width: 30%;
	height: 38px;
	padding: 0;
	margin: 0;
	line-height: 40px;
	text-align: center;
	color: #535456;
	background-color: #ffffff;
	position: relative;
	display: inline-block;
	float: left;
	border-radius: 0;
	cursor: pointer;
}


/* @end */

/* @group PRODUCT - ADD TO CART */

#AddToCart {
	border: none;
	color: #ffffff;
	background-color: #fa5a28;
	margin-right: 0;
	margin-left: 0;
	width: 100%;
}

#AddToCart:hover {
	border: none;
	color: #ffffff;
	background-color: #d44700;
}

#AddToCart:active {
	border: none;
	color: #ffffff;
	background-color: #fa5a28;
}

#AddToCart.disabled {
	cursor: not-allowed;
	opacity: 0.5;
	color: #ffffff;
	border: none;
	background-color: #fa5a28;
}

.is-sticky #sticky-order {
	width: 100% !important;
	top:  0;
	left: 0;
	background-color: #535456;
	padding:  0 10px;
}

.shopify-payment-button .shopify-payment-button__more-options {
	display: none;
}
/* @end */

@media (max-width: 540px) {

	#AddToCart {
		letter-spacing: 0;
	}

}

/* @group PRODUCT - META */

.product-meta-details {
	width: 100%;
	display: block;
}

.product-brand,
.variant-sku,
.product-meta {
	display: inline-block;
	float: left;
	width: auto;
	margin-right: 20px;
}

/* @end */

/* @group PRODUCT - DESCRIPTION */

.product-description {
	margin-top: 20px;
	display: block;
}

/*
	Fade the text for Read More
	http://jsbin.com/xuciqap/edit?css,output
*/

[data-readmore] {
	position: relative;
}

/*
	Note the height of 0. We'll transition the height, rather than the background.
	I think this makes for a smoother effect. This also has the added benefit of
	not overlaying the text at the bottom with an absolutely positioned
	pseudo element which could prevent text selection.

	Be sure to use the same speed value as in your Readmore configuration,
	keeping in mind that CSS transition speed is stated in seconds.
*/

[data-readmore]:before {
	content: '';
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.9));
	transition: height .5s;
}

/*
	Set the height of the gradient to 80 when CLOSED
	Also when transitioning from OPEN to CLOSED
*/
[data-readmore][aria-expanded="false"]:before,
[data-readmore][aria-expanded="true"].transitioning:before {
	height: 80px;
}

/* Set the height of the gradient to 0 when transitioning from CLOSED to OPEN */
[data-readmore][aria-expanded="false"].transitioning:before {
	height: 0;
}

/* @end */

/* @group PRODUCT - IMAGES */

.featured-large {
	padding: 0;
	margin: 0 0 10px;
	clear: left;
	position: relative;
}

.featured-large img {
	display: block;
	height: auto;
	width: 100%;
	padding: 0;
	margin: auto;
}

.image-gallery-thumbnails {
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	float: left;
	text-align: left;
}

.image-gallery-thumbnails li {
	list-style-type: none;
	margin: 0 10px 10px 0;
	padding: 0;
}

.image-gallery-thumbnails li img {
	padding: 0;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	/* IE only */
	filter: alpha(opacity=100);
	/* All other browsers */
	opacity: 1;
	display: block;
}

.image-gallery-thumbnails li a {
	display: block;
}

li.one-1 {
	width: 100%;
}

li.one-2 {
	width: calc(50% - 5px);
}

li.one-3 {
	width: calc(33.33% - 6.7px);
}

li.one-4 {
	width: calc(25% - 7.5px);
}

li.one-5 {
	width: calc(20% - 8px);
}

li.one-6 {
	width: calc(16.66% - 8.4px);
}

li.one-7 {
	width: calc(14.28% - 8.5px);
}

li.one-8 {
	width: calc(12.5% - 8.75px);
}

li.one-9 {
	width: calc(11.11% - 8.8px);
}

li.one-10 {
	width: calc(10% - 9px);
}

li.one-11 {
	width: calc(9.09% - 9.09px);
}

li.one-12 {
	width: calc(8.33% - 9.16px);
}

li.one-2:nth-child(2n),
li.one-3:nth-child(3n),
li.one-4:nth-child(4n),
li.one-5:nth-child(5n),
li.one-6:nth-child(6n),
li.one-7:nth-child(7n),
li.one-8:nth-child(8n),
li.one-9:nth-child(9n),
li.one-10:nth-child(10n),
li.one-11:nth-child(11n),
li.one-12:nth-child(12n) {
	margin-right: 0;
}

/* @end */

@media (max-width: 768px) {
	
	li.one-1-mobile {
		width: 100%;
	}

	li.one-2-mobile {
		width: calc(50% - 5px);
	}

	li.one-3-mobile {
		width: calc(33.33% - 6.7px);
	}
	
	li.one-2-mobile:nth-child(2n),
	li.one-3-mobile:nth-child(3n) {
		margin-right: 0;
	}
	
}

/* @group PRODUCT - FLAGS */

.flag-product {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 50;
	width: 50px;
	height: 50px;
	line-height: 14px;
	border-radius: 25px;
	text-align: center;
	letter-spacing: 0;
	font-size: 10px;
	text-transform: uppercase;
}

.flag-product__label {
	display: block;
}

.flag-product-1__custom {
	color: #ffffff;
	background-color: #fa5a28;
}

.flag-product-2__custom {
	color: #ffffff;
	background-color: #333333;
}

.flag-product__sale {
	color:  #fdfdfd;
	background-color: #fa5a28;
}

.flag-product__sold {
	color: #ffffff;
	background-color: #000000;
}

/* Extra spacing around the flag on the wide.product template */
.product-feature-image .flag-product {
	top: 20px;
	left: 20px;
}

/* @end */

/* @group PRODUCT - SIZE CHART */

span.size_chart_link {
	text-decoration: underline;
}

/* @end */

/* @group PRODUCT - SWATCHES */




.swatch {
	margin: 1em 0;
}

/* Label */
.swatch .header {
	margin: 0.5em 0;
}

/* Hide radio buttons.*/
.swatch input {
	display: none;
}

.swatch label {
	/* Rounded corners */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	/* To give width and height */
	float: left;
	/* Color swatches contain no text so they need to have a width. */
	min-width: 50px !important;
	height: 35px !important;
	margin: 0;
	/* The border when the button is not selected */
	border: #535456 1px solid;
	color: #535456;
	cursor: pointer;
	background-color: #ffffff;
	font-size: 13px;
	text-align: center;
	line-height: 35px;
	white-space: nowrap;
	text-transform: uppercase;
}

.swatch-element label {
	padding: 0 10px;
}

.color.swatch-element label {
	padding: 0;
}

/* Styling selected swatch */

.swatch input:checked + label {
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0);
	box-shadow: 0px 1px 2px rgba(0,0,0,0);
	background-color: #535456;
}

.swatch .swatch-element {
	float: left;
	-webkit-transform: translateZ(0); /* webkit flicker fix */
	-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
	/* Spacing between buttons */
	margin: 0px 10px 10px 0;
	/* To position the sold out graphic and tooltip */
	position: relative;
}

/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
	color: #b6b6b6;
	background-color: #ffffff;
	cursor: not-allowed;
	border: #b6b6b6 1px solid;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;	  /* khtml, old safari */
	-moz-opacity: 0.7;	   /* mozilla, netscape */
	opacity: 0.7;		   /* fx, safari, opera */
}

/* Tooltips */
.swatch .tooltip {
	text-align: center;
	background: gray;
	color: #fff;
	bottom: 100%;
	padding: 10px;
	display: block;
	position: absolute;
	width: 100px;
	left: -23px;
	margin-bottom: 15px;
	/* Make it invisible by default */
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	visibility: hidden;
	/* Animations */
	-webkit-transform: translateY(10px);
	 -moz-transform: translateY(10px);
	  -ms-transform: translateY(10px);
	   -o-transform: translateY(10px);
		  transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	 -moz-transition: all .25s ease-out;
	  -ms-transition: all .25s ease-out;
	   -o-transition: all .25s ease-out;
		  transition: all .25s ease-out;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	 -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
		  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	z-index: 10000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.swatch .tooltip:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
}

/* CSS triangle */
.swatch .tooltip:after {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid gray 10px;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0;
}

.swatch .swatch-element:hover .tooltip {
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	 -moz-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	   -o-transform: translateY(0px);
		  transform: translateY(0px);
}

.swatch.error {
	background-color: #E8D2D2!important;
	color: #333!important;
	padding: 1em;
	border-radius: 5px;
}

.swatch.error p {
	margin: 0.7em 0;
}

.swatch.error p:first-child {
	margin-top: 0;
}

.swatch.error p:last-child {
	margin-bottom: 0;
}

.swatch.error code {
	font-family: monospace;
}

/* @end */

@media (max-width: 768px) {
	
	.swatch .header {
		margin-top: 0;
	}
	
}

/* @group PRODUCT - RATINGS */

/*
	Remove zero based ratings for Shopify App.
	Don't use display none, as this will mess up the
	grid row height calcualtion.
*/

.spr-badge[data-rating="0.0"] {
	visibility: hidden;
	display: none;
}

[class^="spr-icon-"]:before,
[class*=" spr-icon-"]:before {
	font-size:  100% !important;
}

i.spr-icon {
	margin-right: 1px;
	margin-left: 1px;
}

/* @end */

/* @group PRODUCT - RELATED PRODUCTS */

/* Additional styles in sections/related-products.liquid */
/* Additional styles in sections/complementary_products.liquid */
/* See also "Collection - Grid Items" */

.module-related-products h3.featured-h3,
.module-complementary_products h3.featured-h3 {
	margin-bottom: 0;
}

.related-products {
	width: 100%;
	border-top: 1px solid #ececec;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

.module-related-products .image-grid,
.module-complementary_products .image-grid  {
	margin-bottom: 0;
}

/* @end */

@media (max-width: 768px) {
	
	.module-related-products,
	.module-complementary_products  {
		padding-left: 10px;
		padding-right: 10px;
	}
	
}

/* @group SEARCH - RESULTS */

.search-results {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}

.search-results ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.search-results li {
	width: calc(50% - 15px);
	margin: 0;
	padding: 0 0 10px;
	list-style-type: none;
}

.search-result-description h4 {
	margin-top: 0;
}

.search-result-description h4 a {
	color: #212121;
}

.search-result-description h4 a:hover,
.search-result-description h4 a:active {
	color: #535456;
}

.search-results-message {
	text-align: center;
	margin-bottom: 80px;
}

.search-form-container {
	width:  100%;
}

.search-form-container form {
	width:  50%;
	margin-left: auto;
	margin-right: auto;
}

/* @end */

@media (max-width: 840px) {

	.search-form-container form {
		width:  100%;
	}

	.search-results-message {
		margin-bottom: 40px;
}

	.search-result-description {
		margin-bottom: 30px;
	}

}

@media (max-width: 769px) {
	
	.search-results li {
		width: 100%;
	}

}

/* #POLICIES ========================================= */

.shopify-policy__title {
	margin-bottom: 60px;
}

.shopify-policy__body h4 {
	margin: 30px 0 10px 0; 
}

@media (max-width: 768px) {
	
	.shopify-policy__title {
		margin-bottom: 40px;
	}

}

/* #SECTIONS ========================================= */

/* @group SECTION - GENERAL */

.section-header {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

.section-header.align-center h3,
.section-header.align-center p {
	text-align: center;
}

.module-header {
	padding-bottom: 20px;
}

/* @end */

/* @group SECTION - BLOG */

.module-blog {
	width: 100%;
}

/* @end */

/* @group SECTION - BLOG POSTS */

.module-featured-blog {
	width: 100%;
}

.post-preview {
	margin-bottom: 20px;
}

/* Block is needed to prevent the image from being an inline element. */
.post-preview img {
	display: block;
}

.post-preview .featured-h4 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.preview-meta {
	font-size: 70%;
	color: #b6b6b6;
}

.preview-meta .accent-icon-clock {
	position: relative;
	top: 4px;
	font-size: 20px;
}

.post-preview p {
	margin-top: 8px;
	margin-bottom: 8px;
}

/* @end */

/* @group SECTION - CAROUSEL */

.module-carousel .slick-prev {
	left: 0;
}

.module-carousel .slick-next {
	right: 0;
}

.module-carousel .slick-next, 
.module-carousel .slick-prev {
	width: 60px;
	height: 80px;
	background-color: rgba(255,255,255,0.5);
}

.module-carousel .slick-next:focus, 
.module-carousel .slick-next:hover, 
.module-carousel .slick-prev:focus, 
.module-carousel .slick-prev:hover {
	background-color: rgba(255,255,255,0.7);
}

.module-carousel .slick-next:before, 
.module-carousel .slick-prev:before {
	color: black;
}

.module-carousel img {
	margin: 0 15px;
}

/* @end */

@media (max-width: 768px) {
	
	.module-carousel img {
		margin: 0 1px;
	}
	
}

/* @group SECTION - CAROUSEL LOGOS */

.module-carousel-logos .slick-next {
	right: -40px;
}

.module-carousel-logos .slick-prev {
	left: -40px;
}

.module-carousel-logos .slick-next:before, 
.module-carousel-logos .slick-prev:before {
	color: #000000;
	font-size: 30px;
}

.carousel_logo {
	margin-right: 10px;
	margin-left: 10px;
}

.module-carousel-logos .slick-dots li button:before  {
	color: #cccccc !important;
	opacity: 1;
}

.module-carousel-logos .slick-dots li.slick-active button:before {
	color: #000000 !important;
}

/* @end */

@media (max-width: 1340px) { 
	
	.module-carousel-logos {
		max-width: calc(100% - 80px);
	}
	
}

@media (max-width: 768px) { 
	
	.module-carousel-logos {
		max-width: 100%;
	}
	
}

/* @group SECTION - FAQ */
	
.module-faq .module-header {
	padding-bottom: 0;
}

/* @end */

/* @group SECTION - FEATURED COLLECTION */

.module-featured-collections {
	width: 100%;
}

.item-count {
	width: 120px;
	height: 120px;
	margin: auto;
	vertical-align: middle;
	text-align: center;
	border-radius: 60px;
	border-style: solid;
	border-width: 2px;
	
		border-color: #ffffff;
		color: #ffffff;
	
}

.item-count-number {
	font-size: 2em;
	vertical-align: middle;
	line-height: 120px;
}

.item-count-label {
	font-size: .9em;
	vertical-align: middle;
	line-height: 120px;
}

.collection-preview-details .featured-h4 {
	margin-top: 10px;
	margin-bottom: 0;
}

.collection-preview-details p {
	margin-top: 0;
	margin-bottom: 10;
}

/* @end */

@media (max-width: 1199px) {

	.item-count {
		width: 100px;
		height: 100px;
		border-radius: 50px;
	}

	.item-count-number {
		font-size: 1.6em;
		line-height: 100px;
	}

	.item-count-label {
		font-size: .9em;
		line-height: 100px;
	}

}

/* @group SECTION - FEATURED PRODUCT */

.module-featured-product .product-options-container {
	margin: 0;
}

/* @end */

/* @group SECTION - ICON ROW */

.module-icon-row {
	width: 100%;
}

.icon-row-section {
	display: flex;
	flex-wrap: wrap;
}

.icon-row-item {
	position:  relative;
	margin-bottom: 20px;
}

.icon-row-columns-1 {
	width: 100%;
}

.icon-row-columns-2 {
	width: calc(50% - 10px);
}

.icon-row-columns-2:nth-child(odd) {
	margin-right: 20px;
}

.icon-row-columns-3 {
	width: calc(33.33% - 13.33px);
}

.icon-row-columns-3 {
	margin-right: 20px;
}

.icon-row-columns-3:nth-child(3n) {
	margin-right: 0;
}

.icon-row-item__details {
	padding: 0 30px;
	display: block;
}

.icon-row-item__details img {
	width: 60px;
	height: 60px;
	margin: 0 auto;
}

.icon-row-item__details p {
	text-align: center;
	margin-bottom: 0;
}

/* @end */

@media (max-width: 1024px) {

	.icon-row-section {
		margin-top: 10px;
		display: block;
	}

	.icon-row-item {
		margin-bottom: 10px;
	}

	.icon-row-columns-1,
	.icon-row-columns-2,
	.icon-row-columns-3 {
		width: 100%;
		margin: 0 0 10px;
	}

	.icon-row-columns-2 {
		margin-right: 0;
	}

	.icon-row-item__details {
		padding: 20px;
	}

}

/* @group SECTION - IMAGE */

/* Additional styles in sections/section-image.liquid */
.module-image {
	width: 100%;
}

.module-image__image img {
	width: 100%;
}

img.module-image__desktop {
	display: block;
}

img.module-image__mobile {
	display: none;
}

.module-image__header {
	padding: 0 20px;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.module-image__caption {
	font-size: 0.85em;
	padding: 0 20px;
}

/* @end */

/* @group SECTION - IMAGE GALLERY */

.gallery-content {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.gallery-item {
	margin: 0;
}

.gallery-content-cols-1 .gallery-item {
	width: 100%;
}

.gallery-content-cols-2 .gallery-item {
	width: calc(50% - 5px);
}

.gallery-content-cols-3 .gallery-item {
	width: calc(33.33% - 7px);
}

.gallery-content-cols-4 .gallery-item {
	width: calc(25% - 8px);
}

.gallery-content-cols-5 .gallery-item {
	width: calc(20% - 5px);
}

.gallery-item a {
	display: block;
}

.gallery-item img {
	width: 100%;
	display: block;
}

.gallery-item p {
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: center;
}

/* @end */

@media (max-width: 768px) {

	.gallery-content-cols-1 .gallery-item,
	.gallery-content-cols-2 .gallery-item,
	.gallery-content-cols-3 .gallery-item,
	.gallery-content-cols-4 .gallery-item,
	.gallery-content-cols-5 .gallery-item {
		width: calc(50% - 5px);
	}

}

/* @group SECTION - IMAGE TEXT + VIDEO TEXT */

.module-video-text,
.module-image-text {
	width: 100%; 
}

.video-text-section,
.image-text-section {
	display: flex;
}

.video-text-item,
.image-text-item {
	width: 50%;
	position: relative;
}

.module-video-text__image video, 
.module-image-text__image img {
	width: 100%;
	display: block;
}

.module-image-text__image a {
	display: block;
}

.video-text-item:first-child,
.image-text-item:first-child {
	margin-right: 10px;
}

.video-text-item:last-child, 
.image-text-item:last-child {
	margin-left: 10px;
}

.module-video-text__details,
.module-image-text__details {
	width:  100%;
	text-align: left;
	padding: 20px;
	margin: 0;
	position: relative;
}

.module-video-text__has_media.module-video-text__details,
.module-video-text__has_media.module-image-text__details {
	width:  100%;
	text-align: left;
	padding: 20px;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.module-video-text__details.align-center ,
.module-image-text__details.align-center {
	text-align: center;
}

.module-video-text__details h2,
.module-image-text__details h2 {
	margin: 0 0 20px 0;
}

.module-video-text__details h6, 
.module-image-text__details h6 {
	margin: 0 0 20px 0;
}

.module-video-text__details .rte,
.module-video-text__details .rte p 
.module-image-text__details .rte,
.module-image-text__details .rte p {
	text-align: left;
}

.module-video-text__details.align-center .rte,
.module-video-text__details.align-center .rte p 
.module-image-text__details.align-center .rte,
.module-image-text__details.align-center .rte p {
	text-align: center;
}

/* @end */

@media (max-width: 1280px) {
	
	.module-video-text__has_media.module-video-text__details,
	.module-video-text__has_media.module-image-text__details,
	.module-video-text__details,
	.module-image-text__details {
		position: relative;
		top: auto;
		-ms-transform: none;
		transform: none;
	}

}

@media (max-width: 768px) {
	
	.video-text-section,
	.image-text-section {
		display: flex;
		flex-wrap: wrap;
	}
	
	.video-text-item,
	.image-text-item {
		width: 100%;
	}
	
	.module-video-text__video,
	.module-image-text__image {
		order: 1;
	}
	
	.module-video-text__text,
	.module-image-text__text {
		order: 2;
	}
	
	.video-text-item:first-child,
	.image-text-item:first-child {
		margin-right: 0;
	}
	
	.video-text-item:last-child,
	.image-text-item:last-child {
		margin-left: 0;
	}

}

/* @group SECTION - INSTAFEED */

.module-instafeed h3 a {
	color: #fa5a28;
}
/* @end */

/* @group SECTION - PAGE */

.module-page {
	width: 100%;
}

/* @end */

/* @group SECTION - PAGE CONTENT */

.module-content {
	width: 100%;
}

/* @end */

/* @group SECTION - PAGE TITLE */

.module-title h1 {
	margin-bottom: 0;
}

/* @end */

/* @group SECTION - PROMOTIONS */

.module-promotions {
	width: 100%;
}

.promotion-item {
	display: inline-block;
	float:  left;
	position:  relative;
	margin-bottom: 20px;
}

.promotion-item a,
.promotion-item img {
	display: block;
}

.promo-columns-2 {
	width: calc(50% - 10px);
}

.promo-columns-2.promo-item-1,
.promo-columns-2.promo-item-3,
.promo-columns-2.promo-item-5,
.promo-columns-2.promo-item-7,
.promo-columns-2.promo-item-9,
.promo-columns-2.promo-item-11 {
	margin-right: 20px;
}

.promo-columns-3 {
	width: calc(33.333333333333333% - 13.333333333333333px);
}

.promo-columns-3.promo-item-2,
.promo-columns-3.promo-item-5,
.promo-columns-3.promo-item-8 {
	margin-right: 20px;
	margin-left: 20px;
}

.promotion-item.promo-columns-4 {
	width: calc(25% - 15px);
}

.promo-columns-4.promo-item-1,
.promo-columns-4.promo-item-2,
.promo-columns-4.promo-item-3,
.promo-columns-4.promo-item-5,
.promo-columns-4.promo-item-6,
.promo-columns-4.promo-item-7,
.promo-columns-4.promo-item-9,
.promo-columns-4.promo-item-10,
.promo-columns-4.promo-item-11 {
	margin-right: 20px;
}

.promotion-item .button {
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}

/* @end */

@media (max-width: 768px) {

	.promotion-section {
		margin-top: 10px;
	}

	.promotion-item {
		display: block;
		margin-bottom: 10px;
	}

	.promo-columns-2,
	.promo-columns-3,
	.promo-columns-4 {
		width: 100%;
		margin: 0 0 20px;
	}

	.promo-columns-2.promo-item-1,
	.promo-columns-2.promo-item-3,
	.promo-columns-2.promo-item-5,
	.promo-columns-2.promo-item-7,
	.promo-columns-2.promo-item-9,
	.promo-columns-2.promo-item-11 {
		margin-right: 0;
	}

	.promo-columns-3.promo-item-2,
	.promo-columns-3.promo-item-5,
	.promo-columns-3.promo-item-8 {
		margin-right: 0;
		margin-left: 0;
	}

	.promo-columns-4.promo-item-1,
	.promo-columns-4.promo-item-2,
	.promo-columns-4.promo-item-3,
	.promo-columns-4.promo-item-5,
	.promo-columns-4.promo-item-6,
	.promo-columns-4.promo-item-7,
	.promo-columns-4.promo-item-9,
	.promo-columns-4.promo-item-10,
	.promo-columns-4.promo-item-11 {
		margin-right: 0;
	}

}


/* @group SECTION - RICH TEXT */

.module-rich-text p:last-child {
	margin-bottom: 0;
}

/* @end */

/* @group SECTION - STAFF BIO */

.staff-profile-item {
	display: flex;
	width: 100%;
}

.staff-profile-item__image {
	width: calc(30% - 20px);
	padding-right: 20px;
	
}

.staff-profile-item__image img {
	width: 100%;
	display: block;
}

.staff-profile-item__content {
	width: 70%;
}

.staff-profile-item__content h3 {
	margin-top: 0;
}

.staff-profile-item__content h5 {
	text-transform: uppercase;
	color: #535456;
}
	
/* @end */

@media (max-width: 768px) {

	.staff-profile-item {
		margin-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	
	.staff-profile-item__image {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
	}
	
	.staff-profile-item__content {
		width: 100%;
	}

}

/* @group SECTION - SUBSCRIBE */

.module-subscribe .section-content {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
	
/* @end */

/* @group SECTION - TESTIMONIALS */

.module-testimonials {
	width: 100%;
}

.testimonial-section {
	display: flex;
	flex-wrap: wrap;
}

.testimonial-item {
	position:  relative;
	margin-bottom: 20px;
}

.testimonial-columns-1 {
	width: 100%;
}

.testimonial-columns-2 {
	width: calc(50% - 10px);
}

.testimonial-columns-2:nth-child(odd) {
	margin-right: 20px;
}

.testimonial-columns-3 {
	width: calc(33.33% - 13.33px);
}

.testimonial-columns-3 {
	margin-right: 20px;
}

.testimonial-columns-3:nth-child(3n) {
	margin-right: 0;
}

.testimonial-item__details {
	padding: 30px;
	display: block;
}

.testimonial-item__details img {
	width: 200px;
	height: 200px;
	border-radius: 100px;
	margin: 0 auto 20px auto;
}

.testimonial-item__details p {
	text-align: center;
	margin-bottom: 0;
}

.testimonial-item__details p.citation {
	text-align: center;
	margin-bottom:  0;
	padding-left: 0;
}

/* @end */

@media (max-width: 1024px) {

	.testimonial-section {
		margin-top: 10px;
		display: block;
	}

	.testimonial-item {
		margin-bottom: 10px;
	}

	.testimonial-columns-1,
	.testimonial-columns-2,
	.testimonial-columns-3 {
		width: 100%;
		margin: 0 0 10px;
	}

	.testimonial-columns-2 {
		margin-right: 0;
	}

	.testimonial-item__details {
		padding: 20px;
	}

}

/* @group SECTION - VIDEO */

.module-video {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/* @end */

/* #PLUGINS ========================================= */

/* @group DIALOG - ESSENTIALS (CUSTOM) */

.dialog[aria-hidden="true"] {
	display: none;
}

.dialog-overlay {
	z-index: 99998;
	background-color: rgba(43, 46, 56, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.dialog-overlay__login,
.dialog-overlay__search {
	opacity: 0.9;
	background-color: #ffffff;
}

/* @end */

/* @group DIALOG - CONTENT */

.dialog-content {
	background-color: #ffffff;
	z-index: 99999;
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 4em;
	max-width: 90%;
	width: 500px;
	border-radius: 4px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.dialog-content__login,
.dialog-content__search {
	width: 700px;
}

.dialog h1 {
	text-align: center;
	font-size: 2.4em;
	color: #212121;
}

.dialog p {
	text-align: center;
	color: #535456;
}

.dialog label {
	visibility: hidden;
	display: none;
}

.dialog .button {
	width: 100%;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	margin-top: 15px;
}

.dialog-close {
	color: #535456;
	position: absolute;
	top: 1em;
	right: 1em;
	border: 0;
	padding: 0;
	background-color: transparent;
	display: block;
	width: 1.2em;
	height: 1.2em;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	cursor: pointer;
	transition: 0.5s;
}

/* @end */

/* @group DIALOG - SEARCH */

.search-show {
	color: #ffffff;
	position: relative;
	border: 0;
	padding: 0;
	background-color: transparent;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
	cursor: pointer;
	transition: 0.5s;
	top: -1px;
}

.search-show:hover {
	color: #ffffff;
}

/* @end */

@media screen and (max-width: 600px) {

	.dialog-content {
		padding: 1.25em;
	}

	.dialog-close {
		top: 0.5em;
		right: 0.5em;
	}

	.dialog h1 {
		font-size: 1.6em;
		padding-top: 1em;
		text-align: center;
	}

	.dialog p {
		text-align: center;
	}

	.dialog .button {
		width: 100%;
	}

}

/* @group FANCY BOX */

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

/* @end */

/* @group INLINE TWEET */

[data-inline-tweet] a {
	text-decoration: none;
	color: #535456;
	margin-right: 5px;
}

[data-inline-tweet] a span {
	border-bottom: 1px dotted rgb(0,172,237);
	font-style: italic;
	margin-right: 10px;
}

[data-inline-tweet] a:hover span {
	background-color: rgba(0,172,237,0.1);
	color: rgb(0,172,237);
}

/* @end */

/* @group PRISM */

/* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+json+markdown+sass&plugins=line-highlight+line-numbers+autolinker+normalize-whitespace */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	background: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #f8f8f2;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}

.token.boolean,
.token.number {
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function {
	color: #e6db74;
}

.token.keyword {
	color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

pre[data-line] {
	position: relative;
	padding: 1em 0 1em 3em;
}

.line-highlight {
	position: absolute;
	left: 0;
	right: 0;
	padding: inherit 0;
	margin-top: 1em; /* Same as .prism's padding-top */
	background: hsla(24, 20%, 50%,.08);
	background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
	pointer-events: none;
	line-height: inherit;
	white-space: pre;
}

.line-highlight:before,
.line-highlight[data-end]:after {
	content: attr(data-start);
	position: absolute;
	top: .4em;
	left: .6em;
	min-width: 1em;
	padding: 0 .5em;
	background-color: hsla(24, 20%, 50%,.4);
	color: hsl(24, 20%, 95%);
	font: bold 65%/1.5 sans-serif;
	text-align: center;
	vertical-align: .3em;
	border-radius: 999px;
	text-shadow: none;
	box-shadow: 0 1px white;
}

.line-highlight[data-end]:after {
	content: attr(data-end);
	top: auto;
	bottom: .4em;
}

pre.line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber;
}

pre.line-numbers > code {
	position: relative;
	white-space: inherit;
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: -3.8em;
	width: 3em; /* works for line-numbers below 1000 lines */
	letter-spacing: -1px;
	border-right: 1px solid #999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.line-numbers-rows > span {
	pointer-events: none;
	display: block;
	counter-increment: linenumber;
}

.line-numbers-rows > span:before {
	content: counter(linenumber);
	color: #999;
	display: block;
	padding-right: 0.8em;
	text-align: right;
}

.token a {
	color: inherit;
}

/* @end */

/* @group INSTAFEED */

#instafeed a {
	padding:5px 5px 1px 5px;
	margin:10px;
	border:1px solid #e1e1e1;
	display:inline-block;
	border-radius: 4px;
	position:relative;
}

#instafeed .likes {
	background:rgba(222,89,135,0.8);
	font-family:sans-serif;
	font-size:1em;
	position:absolute;
	color:#ffffff;
	right:5px;
	top:5px;
	left:5px;
	opacity:0;
	text-align:center;
	line-height:150px;
	text-shadow:0 1px rgba(0,0,0,0.5);
	-webkit-font-smoothing:antialiased;
	-webkit-transition: opacity 100ms ease;
	-moz-transition: opacity 100ms ease;
	-o-transition: opacity 100ms ease;
	-ms-transition: opacity 100ms ease;
	transition: opacity 100ms ease;
}

#instafeed a:hover .likes {
	opacity:1;
}

/* @end */

/* @group SLICK - SLIDER */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	margin-bottom: 0;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

/* Additional styles in sections/section-slideshow.liquid */
.slick-slide img {
	display: block;
	width: 100%;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* @end */

/* @group SLICK - THEME */

/*
	Hide items (except the first) before slider loads.
	Items can have "li" or "div" wrapper elements.
*/

.slick-slider > li,
.slick-slider > div {
	display: none;
}

.slick-slider > li:first-child,
.slick-slider > div:first-child {
	display: block;
}

.slick-slider.slick-loading > li,
.slick-slider.slick-initialized > li,
.slick-slider.slick-loading > div,
.slick-slider.slick-initialized > div {
	display: block;
}

.slick-loading .slick-list {
	background: #ffffff url(//www.badgebomb.com/cdn/shop/t/29/assets/loader.svg?v=56235079125574795641708477775) center center no-repeat;
}

.no-svg .slick-loading .slick-list {
	background: #ffffff url(//www.badgebomb.com/cdn/shop/t/29/assets/loader.gif?v=344831891803776881708477775) center center no-repeat;
}

/* @end */

/* @group SLICK - ARROWS */

.slick-arrow {
	z-index: 1;
}

.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
	color: #fa5a28;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	font-family: 'accent-icons';
	font-size: 40px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: 5px;
}

[dir='rtl'] .slick-prev {
	right: 5px;
	left: auto;
}

.slick-prev:before {
	content: '\e905';
	display: none;
}

[dir='rtl'] .slick-prev:before {
	content: '\e905';
}

.slick-next {
	right: 5px;
}

[dir='rtl'] .slick-next {
	right: auto;
	left: 5px;
}

.slick-next:before {
	content: '\e906';
	display: none;
}

[dir='rtl'] .slick-next:before {
	content: '\e906';
}

/* Hide the arrows until hover */
.slick-slider:hover .slick-prev:before,
.slick-slider:hover .slick-next:before {
	display: block;
}

/* @end */

@media (max-width: 768px) {
	
	.slick-prev {
		left: 0;
	}
	
	[dir='rtl'] .slick-prev {
		right: 0;
	}
	
	.slick-next {
		right: 0;
	}

	[dir='rtl'] .slick-next {
		left: 0;
	}

}


/* @group SLICK - DOTS */

.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -30px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	font-family: 'accent-icons';
	font-size: 10px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	content: '\2022';
	width: 20px;
	height: 20px;
	text-align: center;
	opacity: .6;
	color: #ececec;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
	color: #fa5a28;
}

/* @end */

/* @group SLICK - INFO */

.slider-slide {
	position: relative;
}

.slide-image-link {
	display: block;
	width: 100%;
	height: 100%;
}

.slider-slide.slide-light p,
.slider-slide.slide-light h2,
.slider-slide.slide-light a {
	color: #535456;
}

.slider-slide.slide-dark p,
.slider-slide.slide-dark h2,
.slider-slide.slide-dark a  {
	color: #ffffff;
}

.slider-slide.slide-light.slide-bgd-enabled .slider-info {
	background-color: #ffffff;
}

.slider-slide.slide-dark.slide-bgd-enabled .slider-info {
	background-color: #fa5a28;
}

.slider-info {
	position: absolute;
	display: block;
	width: 600px;
	z-index: 1001;
	padding: 20px;
}

.slider-info h2 {
	margin-top: 0;
	margin-bottom: 15px;
}

.slider-info p {
	margin-top: 15px;
	margin-bottom: 0;
}

.slider-slide a.slider-button {
	display: block;
	max-width: 240px;
	margin-top: 15px;
	margin-bottom: 0;
}

.slider-slide.slide-light a.slider-button {
	color: #ffffff;
	background-color: #fa5a28;
}

.slider-slide.slide-light a:hover.slider-button {
	color: #ffffff;
	background-color: #d44700;
}

.slider-slide.slide-dark a.slider-button {
	color: #ffffff;
	background-color: #fa5a28;
}

.slider-slide.slide-dark a:hover.slider-button {
	color: #ffffff;
	background-color: #d44700;
}

/* @end */

@media (max-width: 1340px) {

	.slider-info {
		width: 500px;
	}

}

@media (max-width: 768px) {

	.slider-info h2 {
		font-size: 1.44em;
	}

}


/* #APPS ========================================= */

/* @group APPS - PRODUCT REVIEWS */

.shopify-product-reviews {
	margin-bottom: 20px;
}

/* @end */

/* #WIDGETS ========================================= */

/* @group WIDGETS - SIDEBAR */

.sidebar-widget {
	margin: 10px 0 20px;
	padding: 0;
	display: block;
	float: left;
	position: relative;
	width: 100%;
}

.sidebar-widget ul,
.sidebar-widget ol,
.sidebar-widget p,
.sidebar-widget small,
.sidebar-widget address {
	margin-left: 0;
}

.sidebar-widget h4 {
	margin-top: 0;
	text-align: left;
}

.sidebar-widget p.widget-caption {
	text-align: left;
}

.sidebar-widget h4.customer_name {
	text-align: center;
}

.sidebar-widget .caption h4 {
	margin-top: 0.5em;
}

.sidebar-widget p:last-child {
	margin-bottom: 0;
}

/* @end */

/* @group WIDGETS - SIDEBAR MENU */

ul.aside-menu {
	padding: 0;
	margin: 15px 0;
}

ul.aside-menu li {
	padding: 0;
	list-style-type: none;
	margin: 0;
	font-size: 1em;
	letter-spacing: 1px;
}

ul.aside-menu li time {
	font-size: 0.7em;
}

ul.aside-menu a {
	display: block;
	padding: 11px 10px 9px 0;
	border-bottom: 1px solid #ececec;
	color: #535456;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

ul.aside-menu a:hover {
	color: #535456;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}

ul.aside-menu .current-menu-item a {
	color: #fa5a28;
}

ul.aside-menu a:active {
	border-bottom-color: #535456;
}

/* @end */

/* @group WIDGETS - FOOTER MENU */

.footer-widget ul.aside-menu {
	margin-top: -10px;
	margin-bottom: 0;
}

.footer-widget ul.aside-menu a {
	border-bottom: 1px solid #ffffff;
	color: #fa5a28;
}

.footer-widget ul.aside-menu a:hover {
	color: #535456;
}

.footer-widget ul.aside-menu .current-menu-item a {
	color: #535456;
}

.footer-widget ul.aside-menu a:active {
	border-bottom-color: #535456;
}

/* @end */

/* @group WIDGETS - FOOTER LOGO */

.footer-widget .footer-logo img.logo {
	display:  block;
	margin-left: 0;
	margin-right: auto;
}

/* @end */

@media ( max-width: 1024px ) {

	.footer-widget .footer-logo img.logo {
		margin-left: auto;
		margin-right: auto;
	}

}

/* @group WIDGETS - FOOTER NEWSLETTER */

	.footer-widgets .subscribe-form .contact-form {
		margin-top: 5px;
}
	
/* @end */

/* @group WIDGETS - FOOTER SOCIAL MEDIA */

@media ( max-width: 1024px ) {

	.footer-widget .social-link-icons,
	.footer-widget .social-link-icons.left,
	.footer-widget .social-link-icons.right {
		text-align: center;
	}

}

/* @end */

/* @group WIDGETS - FOOTER */

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6 {
	color: #212121;
}

.footer-widgets hr {
	margin-right: 30px;
	margin-left: 30px;
}

.footer-widget {
	padding: 20px 0 0;
}

.footer-widget-column {
	border-right: 1px solid #f0f0f0;
}

.footer-widget-column.last-item {
	border-right-style: none;
}

.footer-widget-column .footer-widget:first-child {
	padding-top: 0;
}

/* Additional styles in sections/general-footer.liquid */

.footer-widget-column .footer-widget h4 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.footer-widget-column .footer-widget:first-child h4 {
	margin-top: 0;
}

.footer-widget h6 {
	padding: 5px 0;
}

.footer-widget p:last-child {
	margin-bottom: 0;
}

/* @end */

@media ( max-width: 1024px ) {

	.footer-widget-column {
		border-right-style: none;
	}

	.footer-widget-column {
		padding-bottom: 20px;
		border-bottom: 1px solid #f0f0f0;
	}

	.footer-widget-column.last-item {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom-style: none;
	}

}

@media (max-width: 540px) {

	.footer-widget-column .footer-widget:first-child  {
		padding-bottom: 0;
	}

}

/* @group WIDGET - RECENT POSTS */

.widget-recent-posts time {
	font-size: 0.8em
}

/* @end */

/* #STOREFRONT ====================================== */

/* @group STOREFRONT */

.password-page {
	height: 100vh;
	text-align: center;
}

.password-page__wrapper {
	display: table;
	height: 100vh;
	width: 100%;
	color: #535456;
	background-color: #ffffff;
}

.password-page__wrapper a {
	color: #535456;
}

.password-page__wrapper a:hover {
	color: #535456;
}

/* @end */

/* @group STOREFRONT - HEADER */

.password-page__header {
	display: table-row;
	height: 1px;
}

.password-page__header__inner {
	width:  600px;
	margin: 0 auto;
	text-align: center;
	display: table-cell;
	padding: 15px 30px;
}

.password-login {
	text-align: right;
	font-size: 95%;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.password-page__header h1 {
	color: #535456;
}

.password-login a {
	color: #535456;
}

.password-page__logo {
	margin-top: 100px;
}

/* @end */

/* @group STOREFRONT - MAIN */

.password-page__main {
	display: table-row;
	height: 100%;
}

.password-page__main__inner {
	width:  600px;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	padding: 15px 20px;
	text-rendering: optimizeLegibility;
}

.password-page__main__inner h2 {
	color: #535456;
}

.password-page__message {
	text-align: center;
	padding: 20px 0;
}

.password-page__message img {
	max-width: 100%;
}

.password-page__main__inner hr {
	border-color: #535456;
	text-align: center;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
}

/* @end */

/* @group STOREFRONT - SIGNUP FORM */

.password-page__signup-form {
	width:  400px;
	padding: 15px 20px;
	margin: 0 auto;
}

/* @end */

/* @group STOREFRONT - SOCIAL SHARING */

.password-page__social-sharing {
	padding: 15px 20px;
}

.password-page .social-share-icons li a {
	color: #535456;
}

.password-page .social-share-icons li a:hover {
	color: #535456;
}

.password-page .social-share-icons li a:active {
	color: #535456;
}

/* @end */

/* @group STOREFRONT - FOOTER */

.password-page__footer {
	color: #535456;
	background-color: #ffffff;
	display: table-row;
	height: 1px;
}

.password-page__footer_inner {
	width:  600px;
	margin: 0 auto;
	text-align: center;
	padding: 15px 20px 30px;
	font-size: 95%;
}

.password-page__footer a {
	color: #535456;
}

.shopify-logo-svg {
	width: 82.28571px;
	height: 24px;
	display: inline-block;
	line-height: 0;
	vertical-align: top;
}

.shopify-name {
	display: none;
}

.shopify-logo-svg path {
	fill: currentColor;
}

.no-svg .shopify-logo-svg {
	display: none;
}

.no-svg .shopify-name {
	display: inline-block;
}

/* @end */

@media (max-width: 540px) {

	.password-page__header__inner,
	.password-page__main__inner,
	.password-page__footer_inner {
		width: 100%;
	   	padding-left: 10px;
		padding-right: 10px;
	}

	.password-login {
		text-align: center;
	}

	.password-page__logo .logo {
		width: 240px;
		max-width: 100%;
	}

	.password-page__signup-form {
		width: 100%;
	}

}

/* #MOBILEMENU ====================================== */

/* @group PUSHY - MENU APPEARANCE */

.pushy {
	position: fixed;
	width: 300px;
	height: 100%;
	top: 0;
	z-index: 9999;
	background: #fa5a28;
	overflow: auto;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-overflow-scrolling: touch;
	/* enables momentum scrolling in iOS overflow elements */
}

.pushy a {
	display: block;
	color: #ffffff;
	padding: 15px 20px 15px 10px;
	text-decoration: none;
}

.pushy a:hover {
	color: #535456;
}

.pushy ul:first-child {
	margin-top: 10px;
}

.pushy.pushy-left {
	left: 0;
}

.pushy.pushy-right {
	right: 0;
}

.pushy-content {
	visibility: hidden;
}

/* @end */

/* @group PUSHY - MENU MOVEMENT */

.pushy-left {
	-webkit-transform: translate3d(-300px, 0, 0);
	-ms-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
	-webkit-transform: translate3d(300px, 0, 0);
	-ms-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.pushy-right {
	-webkit-transform: translate3d(300px, 0, 0);
	-ms-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
	-webkit-transform: translate3d(-300px, 0, 0);
	-ms-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
	visibility: visible;
}

/* @end */

/* @group PUSHY - MENU TRANSITIONS */

#container,
.pushy,
.push {
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
	transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* @end */

/* @group PUSHY - SITE OVERLAY */

.site-overlay {
	display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-animation: fade 500ms;
	animation: fade 500ms;
}

@keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* @end */

/* @group PUSHY - SUB MENU APPERANCE */

.pushy-submenu {

}

.pushy-submenu > ul {
	padding-left: 15px;
	transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.pushy-submenu > ul .pushy-link {
	transition: opacity 0.2s ease-in-out;
}

.pushy-submenu button {
	width: 100%;
	color: #ffffff;
	padding: 15px 20px 15px 10px;
	text-align: left;
	background: transparent;
	border: 0;
}

.pushy-submenu button:hover {
	color: #535456;
}

.pushy-submenu > a,
.pushy-submenu > button {
	position: relative;
}

.pushy-submenu > a::after,
.pushy-submenu > button::after {
	content: '';
	display: block;
	height: 11px;
	width: 8px;
	position: absolute;
	top: 50%;
	right: 15px;
	background: url("//www.badgebomb.com/cdn/shop/t/29/assets/icon-angle-right.svg?v=16865015756727409911708477775") no-repeat;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: transform 0.2s;
}

/* @end */

/* @group PUSHY - SUB MENU MOVEMENT */

.pushy-submenu-closed > ul {
	max-height: 0;
	overflow: hidden;
	visibility: hidden;
}

.pushy-submenu-closed .pushy-link {
	opacity: 0;
}

.pushy-submenu-open {

}

.pushy-submenu-open > ul {
	max-height: 2000px;
	visibility: visible;
}

.pushy-submenu-open .pushy-link {
	opacity: 1;
}

.pushy-submenu-open > a::after,
.pushy-submenu-open > button::after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

/* @end */

/* @group PUSHY - MENU BUTTON */

.menu-btn {
	text-align: center;
	cursor: pointer;
}

/* @end */

/* @group PLUGIN - PUSHY (CUSTOMIZATIONS) */

.pushy-top-items {
	border-bottom-style: none;
}

.pushy-top-items_left,
.pushy-top-items_right {
	display: inline-block;
	width: 50%;
	float: left;
	position: relative;
}

.pushy-top-items_left {
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.pushy-top-items_right {
	text-align: right;
	text-transform: uppercase;
}

.pushy-top-items_left a,
.pushy-top-items_right a {
	padding-right: 0;
	padding-left: 0;
}

.pushy ul:first-child {
	margin-top: -1px;
}

.pushy-menu-button {
	display: none;
	visibility: hidden;
}

.pushy-menu-button button {
	margin: 0;
	padding: 0;
	height: auto;
	font-size: 16px;
	text-transform: uppercase;
	background-color: transparent;
	font-weight: 700;
}

.pushy-menu-button button:hover {
	color: #535456;
	background-color: transparent;
}

.pushy li {
	list-style-type: none;
	font-size: 16px;
	margin: 0;
	padding: 0;
	font-weight: 400;
	text-transform: uppercase;
	border-bottom: 1px solid #d44700;
	text-align: left;
}

.pushy li a.current-menu-item,
.pushy-submenu-open button {
	color: #535456;
}

.pushy li.pushy-submenu-open {
	padding-bottom: 20px;
}

.pushy-submenu-closed button {
	color: #ffffff;
}

.pushy button {
	font-size: 16px;
	margin: 0;
	text-transform: uppercase;
	text-align: left;
}

.pushy ul {
	margin: 0;
	padding: 0;
}

.pushy li ul li {
	border-bottom: none;
	text-transform: none;
	text-align: left;
}

.pushy li ul li a {
	color: #ffffff;
	padding: 8px 20px 8px 30px;
}

.pushy li ul li a:hover {
	color:  #535456;
}

/* @end */

/* #MOBILE ========================================== */

/* Small screens (phones) only */
@media screen and (max-width: 768px) {

	.mobile-center {
		text-align: center;
	}

	.mobile-hidden {
		display: none;
	}

}

/* Medium screens (tablets) only */
@media screen and (min-width: 768px) and (max-width: 1024px) {

	.tablet-hidden {
		display: none;
	}

}

/* Medium screens (tablets) and up */
@media screen and (min-width: 768px) {

	.tablet-up-hidden {
		display: none;
	}

}

/* Large screens (desktops) */
@media screen and (min-width: 1024px) {

	.desktop-hidden {
		display: none;
	}

}

/* #PRINT =========================================== */

@media print {

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	html,
	body {
		color: #000000;
		background-color: #ffffff;
	}

	.logo-print {
		display: block;
		height: auto;
		max-width: 50%;
		width: auto;
		margin-right: auto;
		margin-left: auto;
	}

	#sticky-banner,
	.account-links,
	.logo-web,
	.sf-menu,
	#edit-link,
	#sidebar-right,
	.footer-widgets,
	.payment-icons {
		display: none;
	}

	.col-8-12 {
		width: 100%;
	}

}
