/* Minification failed. Returning unminified contents.
(749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(779,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background'
(780,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border'
(781,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text'
(783,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-line-height'
(795,15): run-time error CSS1039: Token not allowed after unary operator: '-mm-offset-top'
(796,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-offset-right'
(797,18): run-time error CSS1039: Token not allowed after unary operator: '-mm-offset-bottom'
(798,16): run-time error CSS1039: Token not allowed after unary operator: '-mm-offset-left'
(827,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background'
(828,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border'
(829,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text'
(864,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(923,18): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size'
(947,28): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-button'
(1043,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background'
(1044,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border'
(1045,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed'
(1051,18): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(1069,29): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(1069,53): run-time error CSS1039: Token not allowed after unary operator: '-mm-line-height'
(1127,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text'
(1129,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border'
(1158,29): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size'
(1158,55): run-time error CSS1039: Token not allowed after unary operator: '-mm-line-height'
(1160,32): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size'
(1160,58): run-time error CSS1039: Token not allowed after unary operator: '-mm-line-height'
(1180,39): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis'
(1181,31): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis'
(1196,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis'
(1201,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-highlight'
(1218,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-highlight'
(1222,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-line-height'
(1224,26): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size'
(1224,59): run-time error CSS1039: Token not allowed after unary operator: '-mm-line-height'
(1231,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size'
(1236,19): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size'
(1750,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed'
(1777,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed'
(1779,29): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size'
(1779,55): run-time error CSS1039: Token not allowed after unary operator: '-mm-line-height'
(1781,32): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size'
(1781,58): run-time error CSS1039: Token not allowed after unary operator: '-mm-line-height'
(1875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1880,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed'
(1882,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border'
(1889,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconbar-size'
(1899,16): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconbar-size'
(1928,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis'
(1932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1937,30): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconpanel-size'
(1942,30): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconpanel-size'
(1947,30): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconpanel-size'
(1952,29): run-time error CSS1039: Token not allowed after unary operator: '-mm-iconpanel-size'
(2022,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis'
(2076,20): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2081,20): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2086,20): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2091,20): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2103,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2108,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2113,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2118,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2123,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2128,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2133,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2151,33): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2151,57): run-time error CSS1039: Token not allowed after unary operator: '-mm-line-height'
(2153,36): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2153,60): run-time error CSS1039: Token not allowed after unary operator: '-mm-line-height'
(2225,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis'
(2227,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed'
(2232,18): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2246,26): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-highlight'
(2248,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text'
(2252,32): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2259,27): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2272,28): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2278,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed'
(2310,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2333,23): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2338,28): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2343,19): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2383,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text-dimmed'
(2405,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2410,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2415,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2420,21): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2425,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2430,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2435,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2440,24): run-time error CSS1039: Token not allowed after unary operator: '-mm-navbar-size'
(2455,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis'
(2464,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background-emphasis'
(2468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2505,29): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-collapsed-size'
(2508,41): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-collapsed-size'
(2509,33): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-collapsed-size'
(2534,29): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-expanded-size'
(2537,41): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-expanded-size'
(2538,33): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-expanded-size'
(2543,17): run-time error CSS1039: Token not allowed after unary operator: '-mm-sidebar-expanded-size'
(2583,28): run-time error CSS1039: Token not allowed after unary operator: '-mm-listitem-size'
(2606,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-border'
(2611,26): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-background'
(2625,28): run-time error CSS1039: Token not allowed after unary operator: '-mm-color-text'
(3209,30): run-time error CSS1039: Token not allowed after unary operator: '-mm-shadow'
(3210,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-shadow'
(3238,30): run-time error CSS1039: Token not allowed after unary operator: '-mm-shadow'
(3239,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-shadow'
(3245,30): run-time error CSS1039: Token not allowed after unary operator: '-mm-shadow'
(3246,22): run-time error CSS1039: Token not allowed after unary operator: '-mm-shadow'
(3250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*! jQuery UI - v1.12.1 - 2018-07-30
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, slider.css, theme.css, tabs.css, accordion.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: 'figtree',Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 'figtree',Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: inherit; /* Change carried forward from jquery-ui-1.11.4.css, use source code explorer history to review if needed, something to do with Suggest Ahead */

    /* prior version of jQuery-UI used ui-state-focus, need these 
        styles applied to ui-state-active now (jQuery-Ui 1.12.x */
   	border: 1px solid #cccccc; 
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
	background-image: none;
}

/*.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("/images/jquery-ui/ui-icons_ffffff_256x240.png");
}*/
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_777777_256x240.png");
}
/*!
 * jQuery mmenu v7.2.2
 * @requires jQuery 1.7.0 or later
 *
 * mmenu.frebsite.nl
 *	
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */

.mm-menu {
    --mm-line-height: 20px;
    --mm-listitem-size: 44px;
    --mm-navbar-size: 44px;
    --mm-offset-top: 0;
    --mm-offset-right: 0;
    --mm-offset-bottom: 0;
    --mm-offset-left: 0;
    --mm-color-border: rgba(0, 0, 0, 0.1);
    --mm-color-button: rgba(0, 0, 0, 0.3);
    --mm-color-text: rgba(0, 0, 0, 0.75);
    --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
    --mm-color-background: #f3f3f3;
    --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
    --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
    --mm-shadow: 0 0 10px rgba( 0,0,0, 0.3 )
}

.mm-hidden {
    display: none !important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    line-height: 20px;
    line-height: var(--mm-line-height);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: var(--mm-offset-top);
    right: var(--mm-offset-right);
    bottom: var(--mm-offset-bottom);
    left: var(--mm-offset-left);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
        color: inherit;
        text-decoration: none
    }

[dir=rtl] .mm-menu {
    direction: rtl
}

.mm-panels, .mm-panels > .mm-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-panel, .mm-panels {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text)
}

.mm-panels {
    overflow: hidden
}

.mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    padding: 0 20px;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

    .mm-panel:not(.mm-hidden) {
        display: block
    }

    .mm-panel:after, .mm-panel:before {
        content: '';
        display: block;
        height: 20px
    }

.mm-panel_has-navbar {
    padding-top: 44px;
    padding-top: var(--mm-navbar-size)
}

.mm-panel_opened {
    z-index: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-panel_opened-parent {
    -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0)
}

.mm-panel_highest {
    z-index: 2
}

.mm-panel_noanimation {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

    .mm-panel_noanimation.mm-panel_opened-parent {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

[dir=rtl] .mm-panel:not(.mm-panel_opened) {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

[dir=rtl] .mm-panel.mm-panel_opened-parent {
    -webkit-transform: translate3d(30%,0,0);
    transform: translate3d(30%,0,0)
}

.mm-listitem_vertical > .mm-panel {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    display: none;
    width: 100%;
    padding: 10px 0 10px 10px
}

    .mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before {
        content: none;
        display: none
    }

.mm-listitem_opened > .mm-panel {
    display: block
}

.mm-listitem_vertical > .mm-listitem__btn {
    height: 44px;
    height: var(--mm-listitem-size);
    bottom: auto
}

.mm-listitem_vertical .mm-listitem:last-child:after {
    border-color: transparent
}

.mm-listitem_opened > .mm-listitem__btn:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px
}

.mm-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 44px;
    padding: 0
}

    .mm-btn:after, .mm-btn:before {
        border-color: rgba(0,0,0,.1);
        border-color: var(--mm-color-button);
        border-width: 2px;
        border-style: solid
    }

.mm-btn_close:after, .mm-btn_close:before {
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-btn_close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.mm-btn_close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

.mm-btn_next:after, .mm-btn_prev:before {
    content: '';
    border-bottom: none;
    border-right: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

.mm-btn_prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-btn_next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

[dir=rtl] .mm-btn_next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

[dir=rtl] .mm-btn_prev:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

[dir=rtl] .mm-btn_close:after, [dir=rtl] .mm-btn_close:before {
    right: auto
}

[dir=rtl] .mm-btn_close:before {
    left: 25px
}

[dir=rtl] .mm-btn_close:after {
    left: 18px
}

.mm-navbar {
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.3);
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text-dimmed);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-align: center;
    display: none;
    height: 44px;
    height: var(--mm-navbar-size);
    padding: 0 44px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

    .mm-navbar > * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 12px;
        padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);
        padding-left: 0;
        padding-right: 0
    }

    .mm-navbar a, .mm-navbar a:hover {
        text-decoration: none
    }

.mm-navbar__title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-navbar__btn {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1
}

    .mm-navbar__btn:first-child {
        text-align: left;
        left: 0
    }

    .mm-navbar__btn:last-child {
        text-align: right;
        right: 0
    }

.mm-panel_has-navbar .mm-navbar {
    display: block
}

[dir=rtl] .mm-navbar__btn:first-child {
    text-align: right;
    right: 0;
    left: auto
}

[dir=rtl] .mm-navbar__btn:last-child {
    text-align: left;
    left: 0;
    right: auto
}

.mm-listitem, .mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listitem {
    color: rgba(0,0,0,.75);
    color: var(--mm-color-text);
    border-color: rgba(0,0,0,.1);
    border-color: var(--mm-color-border);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .mm-listitem:after {
        content: '';
        border-color: inherit;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: block;
        position: absolute;
        left: 20px;
        right: 0;
        bottom: 0
    }

    .mm-listitem a, .mm-listitem a:hover {
        text-decoration: none
    }

.mm-listitem__btn, .mm-listitem__text {
    color: inherit;
    display: block;
    padding-top: 12px;
    padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
    padding-bottom: 12px;
    padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2)
}

.mm-listitem__text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}

.mm-listitem__btn {
    -webkit-tap-highlight-color: rgba(255,255,255,.4);
    tap-highlight-color: rgba(255,255,255,.4);
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    tap-highlight-color: var(--mm-color-background-emphasis);
    background: rgba(3,2,1,0);
    border-color: inherit;
    width: auto;
    padding-right: 54px;
    position: relative
}

    .mm-listitem__btn:not(.mm-listitem__text) {
        border-left-width: 1px;
        border-left-style: solid
    }

.mm-listitem_selected > .mm-listitem__text {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis)
}

.mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel {
    background: rgba(0,0,0,.05);
    background: var(--mm-color-background-highlight)
}

.mm-panels > .mm-panel > .mm-listview {
    margin: 20px -20px
}

    .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
        margin-top: -20px
    }

.mm-listitem_divider {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: rgba(0,0,0,.05);
    background: var(--mm-color-background-highlight);
    font-size: 75%;
    text-transform: uppercase;
    min-height: 20px;
    min-height: var(--mm-line-height);
    padding: 6.5px;
    padding: calc(((var(--mm-listitem-size) * .75) - var(--mm-line-height)) * .5);
    padding-right: 10px;
    padding-left: 20px
}

.mm-listitem_spacer {
    padding-top: 44px;
    padding-top: var(--mm-listitem-size)
}

    .mm-listitem_spacer > .mm-btn_next {
        top: 44px;
        top: var(--mm-listitem-size)
    }

[dir=rtl] .mm-listitem:after {
    left: 0;
    right: 20px
}

[dir=rtl] .mm-listitem__text {
    padding-left: 10px;
    padding-right: 20px
}

[dir=rtl] .mm-listitem__btn {
    padding-left: 54px;
    border-left-width: 0;
    border-left-style: none
}

    [dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) {
        padding-right: 0;
        border-right-width: 1px;
        border-right-style: solid
    }

.mm-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    z-index: 1
}

.mm-wrapper_opened {
    overflow-x: hidden;
    position: relative
}

.mm-wrapper_background .mm-page {
    background: inherit
}

.mm-menu_offcanvas {
    display: none;
    position: fixed;
    right: auto;
    z-index: 0
}

    .mm-menu_offcanvas.mm-menu_opened {
        display: block
    }

.mm-menu_offcanvas {
    width: 80%;
    min-width: 240px;
    max-width: 440px
}

.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(440px,0,0);
        transform: translate3d(440px,0,0)
    }
}

.mm-wrapper__blocker {
    background: rgba(3,2,1,0);
    overflow: hidden;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

.mm-wrapper_blocking {
    overflow: hidden
}

    .mm-wrapper_blocking body {
        overflow: hidden
    }

    .mm-wrapper_blocking .mm-wrapper__blocker {
        display: block
    }

.mm-sronly {
    border: 0 !important;
    clip: rect(1px,1px,1px,1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important
}

.mm-menu_autoheight {
    -webkit-transition: none .4s ease;
    -o-transition: none .4s ease;
    transition: none .4s ease;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

    .mm-menu_autoheight:not(.mm-menu_offcanvas) {
        position: relative
    }

    .mm-menu_autoheight.mm-menu_position-bottom, .mm-menu_autoheight.mm-menu_position-top {
        max-height: 80%
    }

.mm-menu_autoheight-measuring .mm-panel {
    display: block !important
}

.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel {
    display: none !important
}

.mm-menu_autoheight-measuring .mm-panels > .mm-panel {
    bottom: auto !important;
    height: auto !important
}

[class*=mm-menu_columns-] {
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-property: width
}

    [class*=mm-menu_columns-] .mm-panels > .mm-panel {
        right: auto;
        -webkit-transition-property: width,-webkit-transform;
        transition-property: width,-webkit-transform;
        -o-transition-property: width,transform;
        transition-property: width,transform;
        transition-property: width,transform,-webkit-transform
    }

    [class*=mm-menu_columns-] .mm-panels > .mm-panel_opened, [class*=mm-menu_columns-] .mm-panels > .mm-panel_opened-parent {
        display: block !important
    }

[class*=mm-panel_columns-] {
    border-right: 1px solid;
    border-color: inherit
}

.mm-menu_columns-1 .mm-panel_columns-0, .mm-menu_columns-2 .mm-panel_columns-1, .mm-menu_columns-3 .mm-panel_columns-2, .mm-menu_columns-4 .mm-panel_columns-3 {
    border-right: none
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-0 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu_columns-0 .mm-panels > .mm-panel {
    z-index: 0
}

    .mm-menu_columns-0 .mm-panels > .mm-panel else {
        width: 100%
    }

    .mm-menu_columns-0 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

.mm-menu_columns-0 {
    width: 80%;
    min-width: 240px;
    max-width: 0
}

.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width:0px) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width:0px) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-1 {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.mm-menu_columns-1 .mm-panels > .mm-panel {
    z-index: 1;
    width: 100%
}

    .mm-menu_columns-1 .mm-panels > .mm-panel else {
        width: 100%
    }

    .mm-menu_columns-1 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
        -webkit-transform: translate3d(200%,0,0);
        transform: translate3d(200%,0,0)
    }

.mm-menu_columns-1 {
    width: 80%;
    min-width: 240px;
    max-width: 440px
}

.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(440px,0,0);
        transform: translate3d(440px,0,0)
    }
}

.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-440px,0,0);
        transform: translate3d(-440px,0,0)
    }
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-2 {
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0)
}

.mm-menu_columns-2 .mm-panels > .mm-panel {
    z-index: 2;
    width: 50%
}

    .mm-menu_columns-2 .mm-panels > .mm-panel else {
        width: 100%
    }

    .mm-menu_columns-2 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
        -webkit-transform: translate3d(300%,0,0);
        transform: translate3d(300%,0,0)
    }

.mm-menu_columns-2 {
    width: 80%;
    min-width: 240px;
    max-width: 880px
}

.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width:1100px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(880px,0,0);
        transform: translate3d(880px,0,0)
    }
}

.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width:1100px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-880px,0,0);
        transform: translate3d(-880px,0,0)
    }
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-3 {
    -webkit-transform: translate3d(300%,0,0);
    transform: translate3d(300%,0,0)
}

.mm-menu_columns-3 .mm-panels > .mm-panel {
    z-index: 3;
    width: 33.34%
}

    .mm-menu_columns-3 .mm-panels > .mm-panel else {
        width: 100%
    }

    .mm-menu_columns-3 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
        -webkit-transform: translate3d(400%,0,0);
        transform: translate3d(400%,0,0)
    }

.mm-menu_columns-3 {
    width: 80%;
    min-width: 240px;
    max-width: 1320px
}

.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width:1650px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(1320px,0,0);
        transform: translate3d(1320px,0,0)
    }
}

.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width:1650px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-1320px,0,0);
        transform: translate3d(-1320px,0,0)
    }
}

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-4 {
    -webkit-transform: translate3d(400%,0,0);
    transform: translate3d(400%,0,0)
}

.mm-menu_columns-4 .mm-panels > .mm-panel {
    z-index: 4;
    width: 25%
}

    .mm-menu_columns-4 .mm-panels > .mm-panel else {
        width: 100%
    }

    .mm-menu_columns-4 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
        -webkit-transform: translate3d(500%,0,0);
        transform: translate3d(500%,0,0)
    }

.mm-menu_columns-4 {
    width: 80%;
    min-width: 240px;
    max-width: 1760px
}

.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width:2200px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(1760px,0,0);
        transform: translate3d(1760px,0,0)
    }
}

.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width:2200px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-1760px,0,0);
        transform: translate3d(-1760px,0,0)
    }
}

[class*=mm-menu_columns-].mm-menu_position-bottom, [class*=mm-menu_columns-].mm-menu_position-top {
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front {
    -webkit-transition-property: width,min-width,max-width,-webkit-transform;
    transition-property: width,min-width,max-width,-webkit-transform;
    -o-transition-property: width,min-width,max-width,transform;
    transition-property: width,min-width,max-width,transform;
    transition-property: width,min-width,max-width,transform,-webkit-transform
}

.mm-counter {
    color: rgba(0,0,0,.3);
    color: var(--mm-color-text-dimmed);
    text-align: right;
    display: block;
    min-width: 44px;
    float: right
}

.mm-listitem_nosubitems > .mm-counter {
    display: none
}

[dir=rtl] .mm-counter {
    text-align: left;
    float: left
}

.mm-listitem_divider {
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-menu_dividers-light .mm-listitem_divider {
    background: inherit;
    font-size: inherit;
    color: rgba(0,0,0,.3);
    color: var(--mm-color-text-dimmed);
    padding-top: 18px;
    padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height)) * .75);
    padding-bottom: 6px;
    padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height)) * .25)
}

.mm-menu_border-none .mm-listitem_divider {
    border-top-width: 1px;
    border-top-style: solid
}

.mm-listview_fixeddivider {
    background: inherit;
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

    .mm-listview_fixeddivider:after {
        content: none !important;
        display: none !important
    }

.mm-panel_dividers .mm-listview_fixeddivider {
    display: block
}

.mm-wrapper_opened.mm-dragging .mm-menu, .mm-wrapper_opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.mm-menu_dropdown {
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.3);
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    height: 80%
}

.mm-wrapper_dropdown .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0
}

.mm-wrapper_dropdown .mm-wrapper__blocker {
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1
}

.mm-wrapper_dropdown .mm-menu_dropdown {
    z-index: 2
}

.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown {
    display: none
}

[class*=mm-menu_tip-]:before {
    content: '';
    background: inherit;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.3);
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-menu_tip-left:before {
    left: 22px
}

.mm-menu_tip-right:before {
    right: 22px
}

.mm-menu_tip-top:before {
    top: -8px
}

.mm-menu_tip-bottom:before {
    bottom: -8px
}

.mm-menu {
    --mm-iconbar-size: 44px
}

.mm-iconbar {
    color: rgba(0,0,0,.3);
    color: var(--mm-color-text-dimmed);
    border: 0 solid rgba(0,0,0,.1);
    border-color: var(--mm-color-border);
    border-right-width: 1px;
    text-align: center;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 44px;
    width: var(--mm-iconbar-size);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2
}

.mm-menu_iconbar .mm-navbars_bottom, .mm-menu_iconbar .mm-navbars_top, .mm-menu_iconbar .mm-panels {
    left: 44px;
    left: var(--mm-iconbar-size)
}

.mm-iconbar__bottom, .mm-iconbar__top {
    width: inherit;
    position: absolute
}

    .mm-iconbar__bottom > *, .mm-iconbar__top > * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 11px 0
    }

    .mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover {
        text-decoration: none
    }

.mm-iconbar__top {
    top: 0
}

.mm-iconbar__bottom {
    bottom: 0
}

.mm-iconbar__tab_selected {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis)
}

.mm-menu {
    --mm-iconpanel-size: 44px
}

.mm-panel_iconpanel-1, .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider {
    width: calc(100% - (44px * 1));
    width: calc(100% - (var(--mm-iconpanel-size) * 1))
}

.mm-panel_iconpanel-2, .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider {
    width: calc(100% - (44px * 2));
    width: calc(100% - (var(--mm-iconpanel-size) * 2))
}

.mm-panel_iconpanel-3, .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider {
    width: calc(100% - (44px * 3));
    width: calc(100% - (var(--mm-iconpanel-size) * 3))
}

.mm-panel_iconpanel-first ~ .mm-panel, .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider {
    width: calc(100% - 44px);
    width: calc(100% - var(--mm-iconpanel-size))
}

.mm-menu_iconpanel .mm-panels > .mm-listview_fixeddivider, .mm-menu_iconpanel .mm-panels > .mm-panel {
    left: auto;
    -webkit-transition-property: width,-webkit-transform;
    transition-property: width,-webkit-transform;
    -o-transition-property: transform,width;
    transition-property: transform,width;
    transition-property: transform,width,-webkit-transform
}

    .mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
        border-left-width: 1px;
        border-left-style: solid
    }

.mm-menu_iconpanel .mm-panels > .mm-panel_opened, .mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent {
    display: block !important
}

.mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent {
    overflow-y: hidden;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

.mm-menu_hidedivider .mm-panel_opened-parent .mm-listitem_divider, .mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar {
    opacity: 0
}

.mm-panel__blocker {
    background: inherit;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-panel_opened-parent .mm-panel__blocker {
    opacity: .6;
    bottom: -100000px
}

[dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-listview_fixeddivider, [dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-panel {
    left: 0;
    right: auto;
    -webkit-transition-property: width,-webkit-transform;
    transition-property: width,-webkit-transform;
    -o-transition-property: transform,width;
    transition-property: transform,width;
    transition-property: transform,width,-webkit-transform
}

    [dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
        border-left: none;
        border-right: 1px solid;
        border-color: inherit
    }

.mm-menu_keyboardfocus a:focus, .mm-menu_keyboardfocus.mm-menu_opened ~ .mm-wrapper__blocker a:focus {
    outline: 0;
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis)
}

.mm-wrapper__blocker .mm-tabstart {
    cursor: default;
    display: block;
    width: 100%;
    height: 100%;
    display: none;
}

.mm-wrapper__blocker .mm-tabend {
    opacity: 0;
    position: absolute;
    bottom: 0
}

.mm-navbars_bottom, .mm-navbars_top {
    background: inherit;
    border-color: inherit;
    border-width: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1
}

    .mm-navbars_bottom > .mm-navbar, .mm-navbars_top > .mm-navbar {
        border-width: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

        .mm-navbars_bottom > .mm-navbar:not(.mm-navbar_has-btns), .mm-navbars_top > .mm-navbar:not(.mm-navbar_has-btns) {
            padding: 0
        }

        .mm-navbars_bottom > .mm-navbar > :not(img):not(.mm-btn), .mm-navbars_top > .mm-navbar > :not(img):not(.mm-btn) {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

.mm-navbars_top {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    top: 0;
    bottom: auto
}

.mm-menu_navbar_top-1 .mm-panels {
    top: 44px;
    top: calc(var(--mm-navbar-size) * 1)
}

.mm-menu_navbar_top-2 .mm-panels {
    top: 88px;
    top: calc(var(--mm-navbar-size) * 2)
}

.mm-menu_navbar_top-3 .mm-panels {
    top: 132px;
    top: calc(var(--mm-navbar-size) * 3)
}

.mm-menu_navbar_top-4 .mm-panels {
    top: 176px;
    top: calc(var(--mm-navbar-size) * 4)
}

.mm-navbars_bottom {
    border-top-style: solid;
    border-top-width: 1px;
    bottom: 0;
    top: auto
}

.mm-menu_navbar_bottom-1 .mm-panels {
    bottom: 44px;
    bottom: calc(var(--mm-navbar-size) * 1)
}

.mm-menu_navbar_bottom-2 .mm-panels {
    bottom: 88px;
    bottom: calc(var(--mm-navbar-size) * 2)
}

.mm-menu_navbar_bottom-3 .mm-panels {
    bottom: 132px;
    bottom: calc(var(--mm-navbar-size) * 3)
}

.mm-menu_navbar_bottom-4 .mm-panels {
    bottom: 176px;
    bottom: calc(var(--mm-navbar-size) * 4)
}

.mm-navbar_size-2 {
    height: 88px;
    height: calc(var(--mm-navbar-size) * 2)
}

.mm-navbar_size-3 {
    height: 132px;
    height: calc(var(--mm-navbar-size) * 3)
}

.mm-navbar_size-4 {
    height: 176px;
    height: calc(var(--mm-navbar-size) * 4)
}

.mm-navbar__breadcrumbs {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 20px
}

    .mm-navbar__breadcrumbs > * {
        display: inline-block;
        padding-right: 6px;
        padding-top: 12px;
        padding-top: calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);
        padding-bottom: 12px;
        padding-bottom: calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5)
    }

    .mm-navbar__breadcrumbs > a {
        text-decoration: underline
    }

.mm-navbar_has-btns .mm-navbar__breadcrumbs {
    margin-left: -44px
}

.mm-navbar_has-btns .mm-btn:not(.mm-hidden) + .mm-navbar__breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-navbar__tab_selected {
    background: inherit !important;
    color: inherit !important;
    border-width: 1px;
    border-style: solid;
    border-color: inherit
}

    .mm-navbar__tab_selected:first-child {
        border-left: none
    }

    .mm-navbar__tab_selected:last-child {
        border-right: none
    }

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs, .mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar {
    background: inherit !important;
    color: inherit !important
}

.mm-navbars_top .mm-navbar_tabs:not(:last-child) {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.mm-navbars_top .mm-navbar__tab_selected {
    border-bottom: none;
    margin-bottom: -1px
}

.mm-navbars_top .mm-navbar_tabs:first-child .mm-navbar__tab_selected {
    border-top: none
}

.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar {
    background: inherit;
    color: inherit
}

.mm-navbars_bottom .mm-navbar_tabs:not(:first-child) {
    border-top-width: 1px;
    border-top-style: solid
}

.mm-navbars_bottom .mm-navbar__tab_selected {
    border-top: none;
    margin-top: -1px
}

.mm-navbars_bottom .mm-navbar_tabs:last-child .mm-navbar__tab_selected {
    border-bottom: none
}

.mm-navbar_tabs > a:not(.mm-navbar__tab_selected), .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis);
    color: rgba(0,0,0,.3);
    color: var(--mm-color-text-dimmed)
}

.mm-searchfield {
    height: 44px;
    height: var(--mm-navbar-size);
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .mm-searchfield input {
        border: none !important;
        outline: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 4px;
        background: rgba(0,0,0,.05);
        background: var(--mm-color-background-highlight);
        color: rgba(0,0,0,.75);
        color: var(--mm-color-text);
        font: inherit;
        font-size: inherit;
        line-height: 35.2px;
        line-height: calc(var(--mm-navbar-size) * .7);
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        height: 24px;
        height: calc(var(--mm-navbar-size) * .7);
        min-height: unset;
        max-height: unset;
        margin: 0;
        padding: 0 10px
    }

        .mm-searchfield input::-ms-clear {
            display: none
        }

.mm-searchfield__input {
    padding: 6.6px 10px 0 10px;
    padding-top: calc(var(--mm-navbar-size) * .15);
    position: relative
}

.mm-panel__noresultsmsg {
    color: rgba(0,0,0,.3);
    color: var(--mm-color-text-dimmed);
    text-align: center;
    font-size: 150%;
    padding: 44px 0
}

.mm-searchfield__btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.mm-panel_search {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    border-left: none !important
}

.mm-searchfield__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.mm-searchfield__cancel {
    line-height: 44px;
    line-height: var(--mm-navbar-size);
    text-decoration: none;
    display: block;
    padding-right: 10px;
    margin-right: -100px;
    -webkit-transition: margin .4s ease;
    -o-transition: margin .4s ease;
    transition: margin .4s ease
}

.mm-searchfield__cancel-active {
    margin-right: 0
}

.mm-panel > .mm-searchfield {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mm-panel_has-searchfield {
    padding-top: 44px;
    padding-top: var(--mm-navbar-size)
}

.mm-panel_has-navbar.mm-panel_has-searchfield {
    padding-top: 88px;
    padding-top: calc(var(--mm-navbar-size) * 2)
}

    .mm-panel_has-navbar.mm-panel_has-searchfield > .mm-searchfield {
        top: 44px;
        top: var(--mm-navbar-size)
    }

.mm-listitem_nosubitems > .mm-listitem__btn {
    display: none
}

.mm-listitem_nosubitems > .mm-listitem__text {
    padding-right: 10px
}

.mm-sectionindexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    z-index: 15;
    -webkit-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

    .mm-sectionindexer a {
        color: rgba(0,0,0,.3);
        color: var(--mm-color-text-dimmed);
        line-height: 1;
        text-decoration: none;
        display: block
    }

    .mm-sectionindexer ~ .mm-panels {
        -webkit-transition: right .4s ease;
        -o-transition: right .4s ease;
        transition: right .4s ease
    }

.mm-menu_has-sectionindexer .mm-sectionindexer {
    right: 0
}

.mm-menu_has-sectionindexer .mm-panels {
    right: 20px
}

.mm-menu_navbar_top-1 .mm-sectionindexer {
    top: 46px;
    top: calc((var(--mm-navbar-size) * 1) + 2px)
}

.mm-menu_navbar_top-2 .mm-sectionindexer {
    top: 90px;
    top: calc((var(--mm-navbar-size) * 2) + 2px)
}

.mm-menu_navbar_top-3 .mm-sectionindexer {
    top: 134px;
    top: calc((var(--mm-navbar-size) * 3) + 2px)
}

.mm-menu_navbar_top-4 .mm-sectionindexer {
    top: 178px;
    top: calc((var(--mm-navbar-size) * 4) + 2px)
}

.mm-menu_navbar_bottom-1 .mm-sectionindexer {
    bottom: 46px;
    bottom: calc((var(--mm-navbar-size) * 1) + 2px)
}

.mm-menu_navbar_bottom-2 .mm-sectionindexer {
    bottom: 90px;
    bottom: calc((var(--mm-navbar-size) * 2) + 2px)
}

.mm-menu_navbar_bottom-3 .mm-sectionindexer {
    bottom: 134px;
    bottom: calc((var(--mm-navbar-size) * 3) + 2px)
}

.mm-menu_navbar_bottom-4 .mm-sectionindexer {
    bottom: 178px;
    bottom: calc((var(--mm-navbar-size) * 4) + 2px)
}

.mm-menu_selected-hover .mm-listitem > .mm-listitem__btn, .mm-menu_selected-hover .mm-listitem > .mm-listitem__text, .mm-menu_selected-parent .mm-listitem > .mm-listitem__btn, .mm-menu_selected-parent .mm-listitem > .mm-listitem__text {
    -webkit-transition: background .4s ease;
    -o-transition: background .4s ease;
    transition: background .4s ease
}

.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected .mm-listitem__text {
    background: 0 0
}

.mm-menu_selected-hover .mm-listitem__btn:hover, .mm-menu_selected-hover .mm-listitem__text:hover {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis)
}

.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) .mm-listitem__text {
    background: 0 0
}

.mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__btn, .mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__text {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis)
}

.mm-menu, .mm-slideout {
    --mm-sidebar-collapsed-size: 44px;
    --mm-sidebar-expanded-size: 440px
}

.mm-wrapper_sidebar-collapsed body, .mm-wrapper_sidebar-expanded body {
    position: relative
}

.mm-wrapper_sidebar-collapsed .mm-slideout, .mm-wrapper_sidebar-expanded .mm-slideout {
    -webkit-transition-property: width,-webkit-transform;
    transition-property: width,-webkit-transform;
    -o-transition-property: width,transform;
    transition-property: width,transform;
    transition-property: width,transform,-webkit-transform
}

.mm-wrapper_sidebar-collapsed .mm-page, .mm-wrapper_sidebar-expanded .mm-page {
    background: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100vh
}

.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed, .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    display: block !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important
}

.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-listitem_divider, .mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar {
    opacity: 0
}

.mm-wrapper_sidebar-collapsed .mm-slideout {
    width: calc(100% - 44px);
    width: calc(100% - var(--mm-sidebar-collapsed-size));
    -webkit-transform: translate3d(44px,0,0);
    transform: translate3d(44px,0,0);
    -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size),0,0);
    transform: translate3d(var(--mm-sidebar-collapsed-size),0,0)
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    border-right-width: 1px;
    border-right-style: solid;
    min-width: 0 !important;
    max-width: 100000px !important
}

    .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after {
        content: none;
        display: none
    }

.mm-wrapper_sidebar-expanded.mm-wrapper_blocking, .mm-wrapper_sidebar-expanded.mm-wrapper_blocking body {
    overflow: visible
}

.mm-wrapper_sidebar-expanded .mm-wrapper__blocker {
    display: none !important
}

.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {
    width: calc(100% - 440px);
    width: calc(100% - var(--mm-sidebar-expanded-size));
    -webkit-transform: translate3d(440px,0,0);
    transform: translate3d(440px,0,0);
    -webkit-transform: translate3d(var(--mm-sidebar-expanded-size),0,0);
    transform: translate3d(var(--mm-sidebar-expanded-size),0,0)
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    width: 440px;
    width: var(--mm-sidebar-expanded-size)
}

.mm-menu__blocker {
    background: rgba(3,2,1,0);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

.mm-menu_opened .mm-menu__blocker {
    display: none
}

[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

label.mm-toggle {
    border-radius: 34px;
    min-width: 58px;
    width: 58px;
    height: 34px;
    margin: 0 10px;
    margin-top: 5px;
    margin-top: calc((var(--mm-listitem-size) - 34px)/ 2)
}

    label.mm-toggle:before {
        content: '';
        display: block;
        border-radius: 34px;
        width: 32px;
        height: 32px;
        margin: 1px
    }

input.mm-toggle {
    position: absolute;
    left: -10000px
}

    input.mm-toggle:checked ~ label.mm-toggle:before {
        float: right
    }

label.mm-toggle {
    background: rgba(0,0,0,.1);
    background: var(--mm-color-border)
}

    label.mm-toggle:before {
        background: #f3f3f3;
        background: var(--mm-color-background)
    }

input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

label.mm-check {
    width: 34px;
    height: 34px
}

    label.mm-check:before {
        border-color: rgba(0,0,0,.75);
        border-color: var(--mm-color-text);
        content: '';
        display: block;
        border-left: 3px solid;
        border-bottom: 3px solid;
        width: 40%;
        height: 20%;
        margin: 25% 0 0 20%;
        opacity: .1;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

input.mm-check {
    position: absolute;
    left: -10000px
}

    input.mm-check:checked ~ label.mm-check:before {
        opacity: 1
    }

[dir=rtl] input.mm-toggle:checked ~ label.mm-toggle:before {
    float: left
}

.mm-menu_border-none .mm-listitem:after, .mm-panel_border-none .mm-listitem:after {
    content: none
}

.mm-menu_border-full .mm-listitem:after, .mm-panel_border-full .mm-listitem:after {
    left: 0 !important
}

.mm-menu_border-offset .mm-listitem:after, .mm-panel_border-offset .mm-listitem:after {
    right: 20px
}

.mm-menu_fx-menu-zoom {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.mm-wrapper_opened .mm-menu_fx-menu-zoom {
    -webkit-transform: scale(.7,.7) translate3d(-30%,0,0);
    transform: scale(.7,.7) translate3d(-30%,0,0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.mm-wrapper_opening .mm-menu_fx-menu-zoom {
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0)
}

.mm-wrapper_opened .mm-menu_fx-menu-zoom.mm-menu_position-right {
    -webkit-transform: scale(.7,.7) translate3d(30%,0,0);
    transform: scale(.7,.7) translate3d(30%,0,0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

.mm-wrapper_opening .mm-menu_fx-menu-zoom.mm-menu_position-right {
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0)
}

.mm-menu_fx-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.mm-wrapper_opened .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(30%,0,0);
    transform: translate3d(30%,0,0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu_fx-menu-fade {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-wrapper_opening .mm-menu_fx-menu-fade {
    opacity: 1
}

.mm-menu_fx-panels-none .mm-panel, .mm-panel_fx-none {
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none
}

    .mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent, .mm-panel_fx-none.mm-panel_opened-parent {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.mm-menu_fx-panels-zoom .mm-panel, .mm-panel_fx-zoom {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1.5,1.5) translate3d(100%,0,0);
    transform: scale(1.5,1.5) translate3d(100%,0,0)
}

    .mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened, .mm-panel_fx-zoom.mm-panel_opened {
        -webkit-transform: scale(1,1) translate3d(0,0,0);
        transform: scale(1,1) translate3d(0,0,0)
    }

    .mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened-parent, .mm-panel_fx-zoom.mm-panel_opened-parent {
        -webkit-transform: scale(.7,.7) translate3d(-30%,0,0);
        transform: scale(.7,.7) translate3d(-30%,0,0)
    }

.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent, .mm-panel_fx-slide-0.mm-panel_opened-parent {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent, .mm-panel_fx-slide-100.mm-panel_opened-parent {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.mm-menu_fx-panels-slide-up .mm-panel, .mm-panel_fx-slide-up {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

    .mm-menu_fx-panels-slide-up .mm-panel_opened, .mm-menu_fx-panels-slide-up .mm-panel_opened-parent, .mm-panel_fx-slide-up.mm-panel_opened {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.mm-menu_fx-panels-slide-right .mm-panel, .mm-panel_fx-slide-right {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

    .mm-menu_fx-panels-slide-right .mm-panel_opened, .mm-menu_fx-panels-slide-right .mm-panel_opened-parent, .mm-panel_fx-slide-right.mm-panel_opened {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

[class*=mm-menu_fx-listitems-] .mm-listitem {
    -webkit-transition: none .4s ease;
    -o-transition: none .4s ease;
    transition: none .4s ease
}

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(1) {
        -webkit-transition-delay: 50ms;
        -o-transition-delay: 50ms;
        transition-delay: 50ms
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(2) {
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        transition-delay: .1s
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(3) {
        -webkit-transition-delay: 150ms;
        -o-transition-delay: 150ms;
        transition-delay: 150ms
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(4) {
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(5) {
        -webkit-transition-delay: 250ms;
        -o-transition-delay: 250ms;
        transition-delay: 250ms
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(6) {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(7) {
        -webkit-transition-delay: 350ms;
        -o-transition-delay: 350ms;
        transition-delay: 350ms
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(8) {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(9) {
        -webkit-transition-delay: 450ms;
        -o-transition-delay: 450ms;
        transition-delay: 450ms
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(10) {
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(11) {
        -webkit-transition-delay: 550ms;
        -o-transition-delay: 550ms;
        transition-delay: 550ms
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(12) {
        -webkit-transition-delay: .6s;
        -o-transition-delay: .6s;
        transition-delay: .6s
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(13) {
        -webkit-transition-delay: 650ms;
        -o-transition-delay: 650ms;
        transition-delay: 650ms
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(14) {
        -webkit-transition-delay: .7s;
        -o-transition-delay: .7s;
        transition-delay: .7s
    }

    [class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(15) {
        -webkit-transition-delay: 750ms;
        -o-transition-delay: 750ms;
        transition-delay: 750ms
    }

.mm-menu_fx-listitems-slide .mm-listitem {
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transform: translate3d(50%,0,0);
    transform: translate3d(50%,0,0);
    opacity: 0
}

.mm-wrapper_opening .mm-menu_fx-listitems-slide .mm-panel_opened .mm-listitem {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

.mm-menu_fx-listitems-fade .mm-listitem {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    opacity: 0
}

.mm-wrapper_opening .mm-menu_fx-listitems-fade .mm-panel_opened .mm-listitem {
    opacity: 1
}

.mm-menu_fx-listitems-drop .mm-listitem {
    -webkit-transition-property: opacity,top;
    -o-transition-property: opacity,top;
    transition-property: opacity,top;
    opacity: 0;
    top: -25%
}

.mm-wrapper_opening .mm-menu_fx-listitems-drop .mm-panel_opened .mm-listitem {
    opacity: 1;
    top: 0
}

.mm-menu_fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(100vw,0,0);
    transform: translate3d(100vw,0,0)
}

@media all and (max-width:140px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width:10000px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(10000px,0,0);
        transform: translate3d(10000px,0,0)
    }
}

.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-100vw,0,0);
    transform: translate3d(-100vw,0,0)
}

@media all and (max-width:140px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-140px,0,0);
        transform: translate3d(-140px,0,0)
    }
}

@media all and (min-width:10000px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-10000px,0,0);
        transform: translate3d(-10000px,0,0)
    }
}

.mm-menu_fullscreen.mm-menu_position-top {
    height: 100vh;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu_fullscreen.mm-menu_position-bottom {
    height: 100vh;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu_listview-justify .mm-panels > .mm-panel:after, .mm-menu_listview-justify .mm-panels > .mm-panel:before, .mm-panels > .mm-panel_listview-justify:after, .mm-panels > .mm-panel_listview-justify:before {
    content: none;
    display: none
}

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listview, .mm-panels > .mm-panel_listview-justify .mm-listview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem, .mm-panels > .mm-panel_listview-justify .mm-listitem {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 44px
}

    .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem:not(.mm-listitem_divider), .mm-panels > .mm-panel_listview-justify .mm-listitem:not(.mm-listitem_divider) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem__text, .mm-panels > .mm-panel_listview-justify .mm-listitem__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mm-listview_inset {
    list-style: inside disc;
    width: 100%;
    padding: 0 30px 15px 30px;
    margin: 0
}

    .mm-listview_inset .mm-listitem {
        padding: 5px 0
    }

.mm-menu_multiline .mm-listitem__text, .mm-panel_multiline .mm-listitem__text {
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: normal
}

[class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker {
    opacity: 0
}

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker {
    opacity: .3;
    -webkit-transition: opacity .4s ease .4s;
    -o-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s
}

.mm-menu_opened.mm-menu_pagedim ~ .mm-wrapper__blocker {
    background: inherit
}

.mm-menu_opened.mm-menu_pagedim-black ~ .mm-wrapper__blocker {
    background: #000
}

.mm-menu_opened.mm-menu_pagedim-white ~ .mm-wrapper__blocker {
    background: #fff
}

.mm-menu_popup {
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.3);
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    z-index: 2;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

    .mm-menu_popup.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        z-index: 0
    }

    .mm-menu_popup.mm-menu_opened ~ .mm-wrapper__blocker {
        -webkit-transition-delay: 0s !important;
        -o-transition-delay: 0s !important;
        transition-delay: 0s !important;
        z-index: 1
    }

.mm-wrapper_opening .mm-menu_popup {
    opacity: 1
}

.mm-menu_position-right {
    left: auto;
    right: 0
}

.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(-440px,0,0);
        transform: translate3d(-440px,0,0)
    }
}

.mm-menu_position-bottom, .mm-menu_position-front, .mm-menu_position-top {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

    .mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened {
        z-index: 2
    }

        .mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout, .mm-menu_position-front.mm-menu_opened ~ .mm-slideout, .mm-menu_position-top.mm-menu_opened ~ .mm-slideout {
            -webkit-transform: none !important;
            -ms-transform: none !important;
            transform: none !important;
            z-index: 0
        }

        .mm-menu_position-bottom.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-front.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-top.mm-menu_opened ~ .mm-wrapper__blocker {
            z-index: 1
        }

.mm-menu_position-front {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

    .mm-menu_position-front.mm-menu_position-right {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

.mm-menu_position-bottom, .mm-menu_position-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu_position-top {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.mm-menu_position-top {
    height: 80vh;
    min-height: 140px;
    max-height: 880px
}

.mm-menu_position-bottom {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    top: auto
}

.mm-menu_position-bottom {
    height: 80vh;
    min-height: 140px;
    max-height: 880px
}

.mm-wrapper_opening .mm-menu_position-bottom, .mm-wrapper_opening .mm-menu_position-front, .mm-wrapper_opening .mm-menu_position-top {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu_shadow-page:after {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow);
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 100;
    -webkit-clip-path: polygon(-20px 0,0 0,0 100%,-20px 100%);
    clip-path: polygon(-20px 0,0 0,0 100%,-20px 100%)
}

.mm-menu_shadow-page.mm-menu_position-right:after {
    left: auto;
    right: 100%;
    -webkit-clip-path: polygon(20px 0,40px 0,40px 100%,20px 100%);
    clip-path: polygon(20px 0,40px 0,40px 100%,20px 100%)
}

.mm-menu_shadow-page.mm-menu_position-front:after {
    content: none;
    display: none
}

.mm-menu_shadow-menu {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow)
}

.mm-menu_shadow-panels .mm-panels > .mm-panel {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow)
}

.mm-menu_theme-white {
    --mm-color-border: rgba( 0,0,0, 0.1 );
    --mm-color-button: rgba( 0,0,0, 0.3 );
    --mm-color-text: rgba( 0,0,0, 0.7 );
    --mm-color-text-dimmed: rgba( 0,0,0, 0.3 );
    --mm-color-background: #fff;
    --mm-color-background-highlight: rgba( 0,0,0, 0.06 );
    --mm-color-background-emphasis: rgba( 0,0,0, 0.03 );
    --mm-shadow: 0 0 10px rgba( 0,0,0, 0.2 )
}

.mm-menu_theme-dark {
    --mm-color-border: rgba( 0,0,0, 0.3 );
    --mm-color-button: rgba( 255,255,255, 0.4 );
    --mm-color-text: rgba( 255,255,255, 0.85 );
    --mm-color-text-dimmed: rgba( 255,255,255, 0.4 );
    --mm-color-background: #333;
    --mm-color-background-highlight: rgba( 255,255,255, 0.08 );
    --mm-color-background-emphasis: rgba( 0,0,0, 0.1 );
    --mm-shadow: 0 0 20px rgba( 0,0,0, 0.5 )
}

.mm-menu_theme-black {
    --mm-color-border: rgba( 255,255,255, 0.25 );
    --mm-color-button: rgba( 255,255,255, 0.4 );
    --mm-color-text: rgba( 255,255,255, 0.75 );
    --mm-color-text-dimmed: rgba( 255,255,255, 0.4 );
    --mm-color-background: #000;
    --mm-color-background-highlight: rgba( 255,255,255, 0.2 );
    --mm-color-background-emphasis: rgba( 255,255,255, 0.15 );
    --mm-shadow: none
}

.mm-menu_tileview .mm-listview, .mm-panel_tileview .mm-listview {
    margin: 0 !important
}

    .mm-menu_tileview .mm-listview:after, .mm-panel_tileview .mm-listview:after {
        content: '';
        display: block;
        clear: both
    }

.mm-menu_tileview .mm-listitem, .mm-panel_tileview .mm-listitem {
    padding: 0;
    float: left;
    position: relative;
    width: 50%;
    height: 0;
    padding-top: 50%
}

    .mm-menu_tileview .mm-listitem:after, .mm-panel_tileview .mm-listitem:after {
        left: 0;
        top: 0;
        border-right-width: 1px;
        border-right-style: solid;
        z-index: -1
    }

    .mm-menu_tileview .mm-listitem.mm-tile-xs, .mm-panel_tileview .mm-listitem.mm-tile-xs {
        width: 12.5%;
        padding-top: 12.5%
    }

    .mm-menu_tileview .mm-listitem.mm-tile-s, .mm-panel_tileview .mm-listitem.mm-tile-s {
        width: 25%;
        padding-top: 25%
    }

    .mm-menu_tileview .mm-listitem.mm-tile-l, .mm-panel_tileview .mm-listitem.mm-tile-l {
        width: 75%;
        padding-top: 75%
    }

    .mm-menu_tileview .mm-listitem.mm-tile-xl, .mm-panel_tileview .mm-listitem.mm-tile-xl {
        width: 100%;
        padding-top: 100%
    }

.mm-menu_tileview .mm-listitem__text, .mm-panel_tileview .mm-listitem__text {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0 10px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}

.mm-menu_tileview .mm-listitem__btn, .mm-panel_tileview .mm-listitem__btn {
    width: auto
}

    .mm-menu_tileview .mm-listitem__btn:after, .mm-menu_tileview .mm-listitem__btn:before, .mm-panel_tileview .mm-listitem__btn:after, .mm-panel_tileview .mm-listitem__btn:before {
        content: none;
        display: none
    }

.mm-menu_tileview .mm-listitem_divider, .mm-panel_tileview .mm-listitem_divider {
    display: none
}

.mm-menu_tileview .mm-panel, .mm-panel_tileview {
    padding-left: 0;
    padding-right: 0
}

    .mm-menu_tileview .mm-panel:after, .mm-menu_tileview .mm-panel:before, .mm-panel_tileview:after, .mm-panel_tileview:before {
        content: none;
        display: none
    }

body.modal-open .mm-slideout {
    z-index: unset
}

.mm-menu .mm-navbars_top .mm-navbar {
    -webkit-box-shadow: 0 0 10px 0 #666;
    -moz-box-shadow: 0 0 10px 0 #666;
    box-shadow: 0 0 10px 0 #666;
}
    .mm-menu .mm-navbars_top .mm-navbar a,
    .mm-menu .mm-navbars_top .mm-navbar h1,
    .mm-menu .mm-navbars_top .mm-navbar {
        -webkit-align-self: center;
        -o-align-self: center;
        align-self: center;
        background: #252A2F;
        color: #fff;
        cursor: pointer;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 16px;
    }

#wish-mmenu.mm-menu .mm-navbars_top .mm-navbar a,
#wish-mmenu.mm-menu .mm-navbars_top .mm-navbar h1,
#wish-mmenu.mm-menu .mm-navbars_top .mm-navbar,
.mm-nomap.mm-menu .mm-navbars_top .mm-navbar a,
.mm-nomap.mm-menu .mm-navbars_top .mm-navbar h1,
.mm-nomap.mm-menu .mm-navbars_top .mm-navbar,
.mm-map.mm-menu .mm-navbars_top .mm-navbar a,
.mm-map.mm-menu .mm-navbars_top .mm-navbar h1,
.mm-map.mm-menu .mm-navbars_top .mm-navbar,
.mm-unset .mm-navbars_top .mm-navbar a,
.mm-unset .mm-navbars_top .mm-navbar h1,
.mm-unset .mm-navbars_top .mm-navbar {
    background: #54565a;
    text-transform: none;
}

#cart-mmenu .mm-navbars_bottom .mm-navbar,
#wish-mmenu .mm-navbars_bottom .mm-navbar {
    display:block;
    height: auto;
    text-align: left;
    padding: 10px 25px;
    -webkit-box-shadow: 0 0 10px 0 #666;
    -moz-box-shadow: 0 0 10px 0 #666;
    box-shadow: 0 0 10px 0 #666;
}
#cart-mmenu .mm-navbars_bottom .mm-navbar #mini-totals,
#wish-mmenu .mm-navbars_bottom .mm-navbar #mini-totals-wish {
    padding: 0;
}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: #fff;
}
.mm-navbar {
    height: 45px;
    padding-right: 0;
}
.mm-menu#account-mmenu {
    width: 300px !important;
}
.mm-menu#account-mmenu.sign-in {
    width: 80% !important;
}
.mm-menu {
    width: 80% !important;
}
#wish-mmenu .mm-panels .drop-down,
#account-mmenu .mm-panels .drop-down,
#cart-mmenu .mm-panels .drop-down {
    border: none;
}
#quickview-mmenu .mm-panels .moby-container {
    margin: auto;
}

#wish-mmenu .mm-navbars_top .mm_navbar {
    display: block;
    position: relative;
    text-align: left;
    height: 95px;
}
#wish-mmenu.mm-menu_navbar_top-1 .mm-panels { /* content area */
    top: 95px; /* should match the height of the panel's top bar header thing so the top of any scrollbar here isn't overlapped */
}
#wish-mmenu .mm-navbars_top .mm-navbar a {
    font-size: 15px;
    padding: 0;
}
#wish-mmenu .mm-navbars_top .mm-navbar #mini-count-wish {
    font-size: 20px;
    padding: 0;
    position: absolute;
    top: 13px;
    left: 16px;
    cursor: default;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
#wish-mmenu .mm-navbars_top .mm-navbar a.mm-btn {
    position: absolute;
    top: 15px;
    right: -5px;
}
#wish-mmenu .mm-navbars_top .mm-navbar #mini-wish-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;

    background-color: #fff;
    bottom: 0;
    left: 0px;
    padding: 7px 16px 8px 16px;
    position: absolute;
    width: 100%;
}
    #wish-mmenu .mm-navbars_top .mm-navbar #mini-wish-actions a {
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        background-color: #061C33;
        border-radius: 2px;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16); /* subtler box shadow */
        color: #fff;
        display: inline-block;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 15px;
        height: 40px;
        letter-spacing: 1px;
        line-height: 40px;
        text-align: center;
        text-transform: uppercase;
    }
.softball #wish-mmenu .mm-navbars_top .mm-navbar #mini-wish-actions a {
    background-color: #262626;
}
        #wish-mmenu .mm-navbars_top .mm-navbar #mini-wish-actions a:hover {
            background-color: #000000;
        }

#wish-mmenu .mm-navbars_top .mm-navbar {
    display: block;
    position: relative;
    text-align: left;
    height: 105px;
}

#mini-cart-fs-threshold-ds {
    display:block;
    padding-top:50px;
    margin-left:2px;
    margin-right:50px;
    text-align: center;
}

#mini-cart-fs-threshold-ds .price {
   white-space:nowrap;
   font-family: 'figtree', helvetica, arial, sans-serif;
}

    #mini-cart-fs-threshold-ds .free-shipping-font {
        font-family: 'figtreeMedium', helvetica, arial, sans-serif;
    }

.softball progress#fs-progress-bar {
    accent-color: #DFFF4F;
    background-color: rgba(0, 0, 0, 0.2);
}

.softball progress::-webkit-progress-value {
    background-color: #DFFF4F;
    border-radius: 100px;
}

.softball progress::-moz-progress-bar {
    background-color: #DFFF4F;
    border-radius: 100px;
}

progress#fs-progress-bar {
    accent-color: #A3FD22;
    background-color: rgba(0, 0, 0, 0.2);
    margin-bottom: 5px;
    width: 100%;
    -webkit-appearence: none;
}

    progress {
        border-radius: 100px;
        height: 6px;
        overflow: hidden;
    }

        progress::-webkit-progress-bar {
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 100px;
        }

        progress::-webkit-progress-value {
            background-color: #A3FD22;
            border-radius: 100px;
        }

        progress::-moz-progress-bar {
            background-color: #A3FD22;
            border-radius: 100px;
        }
    /* #region cart-mmenu specific overrides */
    #cart-mmenu .mm-navbars_top .mm-navbar {
        display: block;
        position: relative;
        text-align: left;
        height: 50px;
    }

    #cart-mmenu.mm-nomap .mm-navbars_top .mm-navbar {
        height: 125px;
    }

    #cart-mmenu.mm-map .mm-navbars_top .mm-navbar {
        height: 227px;
    }

    #cart-mmenu.mm-menu_navbar_top-1.mm-unset .mm-panels {
        top: 50px;
    }

    #cart-mmenu.mm-menu_navbar_top-1 .mm-panels { /* content area */
        top: 95px; /* should match the height of the panel's top bar header thing so the top of any scrollbar here isn't overlapped */
    }

    #cart-mmenu.mm-nomap.mm-menu_navbar_top-1 .mm-panels {
        top: 125px;
        bottom: 130px;
    }

    #cart-mmenu.mm-map.mm-menu_navbar_top-1 .mm-panels {
        top: 227px;
    }

    #cart-mmenu .mm-navbars_top .mm-navbar a {
        font-size: 15px;
        padding: 0;
    }

    #cart-mmenu .mm-navbars_top .mm-navbar #mini-count {
        font-size: 20px;
        padding: 0;
        position: absolute;
        top: 13px;
        left: 16px;
        cursor: default;
    }

    #cart-mmenu.mm-map .mm-navbars_top .mm-navbar #mini-count,
    #cart-mmenu.mm-nomap .mm-navbars_top .mm-navbar #mini-count {
        font-size: 20px;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
    }

    #cart-mmenu .mm-navbars_top .mm-navbar a.mm-btn {
        background-color: transparent;
        position: absolute;
        top: 10px;
        right: -5px;
    }
    /* flexbox stuff needs to be tested / work on old iPads and above, and IE11 */
    #cart-mmenu .mm-navbars_top .mm-navbar #mini-cart-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        background-color: #fff;
        bottom: 0;
        left: 0px;
        padding: 7px 16px 8px 16px;
        position: absolute;
        width: 100%;
    }

    #cart-mmenu.mm-map .mm-navbars_top .mm-navbar #mini-cart-actions,
    #cart-mmenu.mm-nomap .mm-navbars_top .mm-navbar #mini-cart-actions {
        padding: 7px 16px 24px 16px;
    }

    #cart-mmenu .mm-navbars_top .mm-navbar #mini-cart-actions a {
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        background-color: #061C33;
        border-radius: 2px;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16); /* subtler box shadow */
        color: #fff;
        display: inline-block;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 14px;
        height: 40px;
        letter-spacing: 1px;
        line-height: 40px;
        text-align: center;
        text-transform: capitalize;
    }

    .softball #cart-mmenu .mm-navbars_top .mm-navbar #mini-cart-actions a {
        background-color: #262626;
    }

    #cart-mmenu.mm-map .mm-navbars_top .mm-navbar #mini-cart-actions a,
    #cart-mmenu.mm-nomap .mm-navbars_top .mm-navbar #mini-cart-actions a {
        font-size: 15px;
    }

    #cart-mmenu .mm-navbars_top .mm-navbar #mini-cart-actions a:hover {
        background-color: #000000;
    }

    .softball #cart-mmenu .mm-navbars_top .mm-navbar #mini-cart-actions a:hover {
        background-color: #000000;
    }

    #cart-mmenu .mm-navbars_top .mm-navbar #mini-cart-actions a:first-of-type {
        margin-right: 8px;
    }

    #cart-mmenu .mm-navbars_top .mm-navbar #mini-cart-actions a:last-of-type {
        margin-left: 8px;
    }

    #cart-mmenu #cartSummary .empty-cart,
    #wish-mmenu #wishSummary .empty-cart {
        margin-top: 0;
    }

    .account-mmenu.mm-menu .mm-panels .mm-bottom-links .my-account-flyout-buttons a,
    .account-mmenu.mm-menu .mm-panels .mm-bottom-links .my-account-flyout-buttons a:active,
    .account-mmenu.mm-menu .mm-panels .mm-bottom-links .my-account-flyout-buttons a:hover,
    .account-mmenu.mm-menu .mm-panels .mm-bottom-links .my-account-flyout-buttons a:link,
    .account-mmenu.mm-menu .mm-panels .mm-bottom-links .my-account-flyout-buttons a:visited {
        color: #000;
        text-decoration: underline;
    }
    /* #endregion*/

    .mm-menu .rebates a,
    .mm-menu .rebates a:active,
    .mm-menu .rebates a:hover,
    .mm-menu .rebates a:link,
    .mm-menu .rebates a:visited {
        color: #D54400;
    }

    .mobile-menu-bc-spiff.mm-listitem {
        background-color: #252a2f;
        padding: 12px 10px 20px;
        text-align: center;
    }

        .mobile-menu-bc-spiff.mm-listitem img {
            margin-bottom: 8px;
        }

        .mobile-menu-bc-spiff.mm-listitem p {
            margin: 0;
            font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
            font-size: 25px;
            line-height: 23px;
            color: #fff;
        }

        .mobile-menu-bc-spiff.mm-listitem span {
            display: inline;
            font-size: 25px;
            line-height: 23px;
            font-family: 'figtreeBold', helvetica, arial, sans-serif;
            color: #D54400;
        }

        .mobile-menu-bc-spiff.mm-listitem a.normal-text {
            color: #fff;
            font-size: 13px !important;
            line-height: 13px !important;
            font-family: 'figtree', helvetica, arial, sans-serif;
            text-align: center !important;
            padding: 0 !important;
            margin-top: 12px;
            text-decoration: underline;
        }

    #mini-cart-total-preview {
        display: none;
    }

    .mm-navbars_top .mini-cart-subtotal {
        position: absolute;
        top: 50px;
        left: 0;
        padding: 16px 18px 16px 9px;
        width: 100%;
        background-color: #fff;
        text-transform: none;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 15px;
    }

        .mm-navbars_top .mini-cart-subtotal .mini-cart-subtotal-preview {
            color: #54565a;
            padding-bottom: 4px;
            margin-bottom: 8px;
            border-bottom: 1px solid #D9D8D6;
        }

    .mm-map .mini-cart-subtotal .regular-price,
    .mm-map .mini-cart-subtotal .apply-checkout {
        float: right;
    }

    .mm-navbars_top .mini-cart-subtotal .mini-cart-subtotal-preview .regular-price .price {
        font-family: 'figtree', helvetica, arial, sans-serif;
        font-size: 18px;
    }

    .mm-navbars_top .mini-cart-subtotal .mini-cart-subtotal-preview .club-price .price,
    .mm-navbars_top .mini-cart-subtotal .mini-cart-subtotal-preview .club-price.apply-checkout {
        font-size: 18px;
        color: #D54400;
    }

    .mm-navbars_top .mini-cart-subtotal .mini-cart-club-savings-preview {
        font-family: 'figtree', helvetica, arial, sans-serif;
        color: #54565a;
        font-size: 15px;
    }

    .mm-navbars_bottom .mm-navbar #mini-cart-actions a {
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        background-color: #061C33;
        border-radius: 2px;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
        color: #fff;
        display: inline-block;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 16px;
        height: 40px;
        letter-spacing: 1px;
        line-height: 40px;
        text-align: center;
        text-transform: capitalize;
    }
    /*.mm-navbars_bottom .mini-cart-subtotal {
        position: absolute;
        top: 50px;
        left: 0;
        padding: 16px 18px 16px 9px;
        width: 100%;
        background-color: #fff;
        text-transform: none;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 15px;
    }*/

.mm-navbars_bottom .mm-navbar #mini-cart-total .mini-cart-subtotal-preview {
    color: #000000;
    font-size: 16px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}

    .mm-navbars_bottom .mm-navbar #mini-cart-actions {
        display: flex;
    }

    .mm-navbars_bottom .mm-navbar a#mini-cart-viewcart {
        background-color: #FFFFFF;
        border: 1px solid #061C33;
        color: #061C33;
        margin-right: 5px;
        width: 50%;
    }

    .mm-navbars_bottom .mm-navbar a#mini-cart-checkout {
        width: 50%;
    }

    .mm-map a.mm-btn img,
    .mm-nomap a.mm-btn img {
        padding-top: 8px;
    }

    #wish-mmenu .products-grid .club-price.apply-checkout,
    #wish-mmenu .products-grid .club-price.apply-checkout,
    #wish-mmenu .products-grid .club-price .price,
    #wish-mmenu .products-grid .club-price .price,
    .mm-nomap .products-grid .club-price.apply-checkout,
    .mm-map .products-grid .club-price.apply-checkout,
    .mm-nomap .products-grid .club-price .price,
    .mm-map .products-grid .club-price .price {
        color: #D54400;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
    }

    #wish-mmenu #wishSummary ol.products-grid li > a > .product-details > .product-name,
    .mm-map #cartSummary ol.products-grid li > a > .product-details > .product-name,
    .mm-nomap #cartSummary ol.products-grid li > a > .product-details > .product-name {
        /*    color: #54565a;*/
        color: #000000;
        letter-spacing: 0.25px;
        font-weight: bold;
        font-size: 14px;
    }

    #cart-mmenu.mm-nosavings .mini-cart-subtotal {
        padding-bottom: 30px;
    }

    #cart-mmenu.mm-map .mm-cart-subtot {
        text-align: right;
        max-width: 100%;
    }

    #mm-left-navigation .content {
        margin-top: 20px;
    }

    @media screen and (max-width: 960px) {
        #cart-mmenu.mm-map .mm-navbars_top .mm-navbar #mini-count,
        #cart-mmenu.mm-nomap .mm-navbars_top .mm-navbar #mini-count,
        #cart-mmenu.mm-unset .mm-navbars_top .mm-navbar #mini-count,
        #cart-mmenu .mm-navbars_top .mm-navbar #mini-count,
        #wish-mmenu .mm-navbars_top .mm-navbar #mini-count-wish {
            font-size: 16px;
        }

        #cart-mmenu.mm-nosavings .mini-cart-subtotal {
            padding-bottom: 30px;
        }

        .mm-navbars_top .mini-cart-subtotal {
            top: 40px;
        }

        #cart-mmenu.mm-map .mm-navbars_top .mm-navbar {
            height: 217px;
        }

        #cart-mmenu .mm-navbars_top .mm-navbar a.mm-btn {
            top: 5px;
        }

        #wish-mmenu .mm-navbars_top .mm-navbar {
            height: 95px;
        }

        #cart-mmenu .mm-navbars_top .mm-navbar {
            height: 40px;
        }

        #cart-mmenu.mm-nosavings .mm-navbars_top .mm-navbar {
            height: 191px;
        }

        #cart-mmenu.mm-nosavings.mm-menu_navbar_top-1 .mm-panels {
            top: 191px;
        }

        #cart-mmenu.mm-nomap .mm-navbars_top .mm-navbar {
            height: 125px;
        }

        #cart-mmenu.mm-nomap.mm-menu_navbar_top-1 .mm-panels {
            top: 125px;
        }

        #cart-mmenu.mm-map .mm-navbars_top .mm-navbar {
            height: 217px;
        }
    }

    @media screen and (max-width: 560px) {
        #cart-mmenu.mm-map .mm-cart-subtot {
            max-width: 80%;
        }

        #mini-cart-fs-threshold-ds .price {
            white-space: normal;
        }
    }

    @media screen and (max-width: 480px) {
        #cart-mmenu.mm-map .mm-navbars_top .mm-navbar {
            height: 237px;
        }

        #cart-mmenu.mm-nomap .mm-navbars_top .mm-navbar {
            height: 140px;
        }

        #cart-mmenu.mm-map .mm-cart-subtot {
            max-width: 72%;
        }
    }
/*#region colors-1.css content */
/*main color*/

.messages li,
.carousel-nav li.active a,
.toolbar .select-wrap .customStyleSelectBox:before,
.banana-track .banana-handle,
.inline-button .button,
.green-form .button,
.view-all .back-to-top,
.cms-template .main .page-title.lead,
.progress-bar li.active {
    /*background-color: rgb(75, 118, 55);*/ /* main green (Mallard Head Green), used to be #748f6f */
    /*background-color: rgb(79, 91, 49);*/ /* main green (Deep Woods Green), used to be #748f6f */
    background-color: #252a2f;
}
.shop-by-dept-wrapper {
    background-color: #4f5b31!important;
}
.main-nav .drop-down.always-show {
    background-color: #48532d;
}
.main-nav .drop-down.always-show ul.level0 > li > a:hover,
.main-nav .drop-down.always-show ul.level0 > li:hover {
    color: #333333;
}
.main-nav .drop-down ul.level0 > li.parent {
    color: #333333;
}

.main-nav ul.level0 li.parent:hover {
    background: #333333;
    border-radius: 10px;
}

.main-nav li.browse ul.level0 li.parent {
}
    .main-nav li.browse ul.level0 li.parent:hover:after {
        border-top: 14px solid #fff;
        border-right: 14px solid #fff;
        border-bottom: 14px solid #fff;
        border-left: 14px solid transparent;
        content: '';
        display: block;
        float: right;
        margin-top: -28px;
        right: 0;
    }

button.green,
.button.green,
a.button.green
{
    background-color: #000000;
}
button:hover,
.button:hover,
a.button:hover {
    background-color: #000000;
}
button.blue:hover,
.button.blue:hover,
a.button.blue:hover {
    background-color: #000000;
}
.input-text,
textarea,
.customStyleSelectBox,
.green-form,
.rounded-box,
.quickorder .intro img, 
.shopping-cart .intro img
{
    border: 1px solid rgb(79, 91, 49); /* Deep Woods Green */
}

.progress-bar li.active:after {
    /* Deep Woods Green */
    /*    border-left: 16px solid rgb(79, 91, 49);*/
    border-left: 16px solid #252a2f;
}

.customStyleSelectBox:before {
    background: #061C33 url('/images/gorilla/sprite.png') -180px 11px no-repeat;
}
.softball .customStyleSelectBox:before {
    background: #262626 url('/images/gorilla/sprite.png') -180px 11px no-repeat;
}

.cc-perks-container ol li:before,
.buyers-landing .main ol li:before,
.how-to-firearms-steps li:before
{
    background: rgb(172, 22, 44); /* Buyers Club Red */
}

.green,
.moby-container.free-gift h2,
.moby-container.generic h3,
.style-radio.active + label,
.style-checkbox.active + label,
.totals-list .club-total,
.account-emails .active + label,
.gift-card-balance .balance-message.success
 {
    color: rgb(75, 118, 55);
}

.col-left aside li a:hover,
.col-left aside li.active a {
    color: #000000;
}
.col-left aside li a:hover
{
    text-decoration:underline;
}

.toolbar .select-wrap .customStyleSelectBox,
.inline-button .input-text,
.green-form .input-box .input-text,
.msg-block .messages,
.embroidery .main .option-set .form-list .font-style img
 {
  border-color: rgb(79, 91, 49); /* Deep Woods Green */
}

/*middle color*/
.green-form,
.data-table th,
.data-table .th,
.data-table .th-head,
div.four-pay-detail,
.msg-block .messages,
.rounded-box
{
    background-color: #e9efdd; /* 50% of Faded Moss Green */ /* used to be #e1ead5 */
}

.toolbar 
{
    background-color: #F0F0F0; /* 50% of Faded Moss Green */ /* used to be #e1ead5 */
}

.add-catalog.active:before
{
      border: 10px solid rgb(211, 223, 187); /* Faded Moss Green */ /* used to be #e1ead5 */
}


/*lightest color*/
.banana-track,
.tabs .tab
 {
    background-color: #eae9e5; /* used to be #e7e7dc */
}
.tabs .tab.active {
  color: rgb(75, 118, 55); /* Mallard Head Green */
}

.main-nav .shop .fly-out .level1 > li > a,
.fly-out-featured ul li p,
.main-nav .shop .fly-out h4 {
    /*color: rgb(79, 91, 49);*/ /* main green (Deep Woods Green) */
    color: #333333;
}

/* suggest ahead */
    #searchProducts{
      border-color: rgb(79, 91, 49);
    }

    .ui-menu {
        color: rgb(79, 91, 49) !important;
    }

    .search-cats > ul > li > a,
    .search-brands > ul > li > a {
      color: rgb(79, 91, 49);
    }

    .search-results-more > a,
    .search-results-more > a:hover{
      color: rgb(79, 91, 49);
}
/*#endregion*/

/*--------------------------------------------------------------
			Resets
--------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
  line-height: normal;
}
body {
  margin: 0;
  padding: 0;
  line-height: normal;
  overflow-x: hidden;
  *font-size: small;
}
select,
input,
textarea,
button {
  font: 100% sans-serif;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
a:hover,
a:active {
  outline: none;
}
ul,
ol {
  margin-left: 0;
  list-style: none;
}
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
small {
  font-size: 85%;
}
td {
  vertical-align: top;
}
sub,
sup {
  font-size: 70%;
  line-height: 0;
  position: relative;
  top: -0.3em;
}
sub {
  bottom: -0.25em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}
textarea {
  overflow: auto;
}
.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}
input[type="radio"] {
  vertical-align: text-top;
  margin-top: 2px;
  padding: 0;
}
input[type="checkbox"] {
  vertical-align: text-top;
  margin-top: 2px;
  padding: 0;
}
.ie7 input[type="checkbox"] {
  vertical-align: top;
}
.ie6 input {
  vertical-align: text-bottom;
}
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
input:invalid,
textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px #dd2c00;
  -webkit-box-shadow: 0px 0px 5px #dd2c00;
  box-shadow: 0px 0px 5px #dd2c00;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
::-moz-selection {
  background: #ccc;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #ccc;
  color: #fff;
  text-shadow: none;
}
a:link {
  -webkit-tap-highlight-color: transparent;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
*:focus {
  outline: none;
}
a.cursor-pointer {
    cursor: pointer;
}

body.user-tab-detected *:focus,
body.user-tab-detected *.pseudo-focus { /* could incorporate :focus-visible when that is standardized, would likely be better than our tab JS approach... */
    outline: 2px solid #2A61FF; /* for non-webkit browsers (i.e. IE, FF) */
    outline: 5px auto -webkit-focus-ring-color; /* looks better than a flat square line for people w/ Chrome-based browsers */
    outline-offset: -2px; /* inset the outline offset, for inline full-width stuff, like a hero-image-link */
}

/* some things don't work right with the outline offset inset... */
body.user-tab-detected .product-tile a:focus {
    outline-offset: 0;
}

/* removes spinning gifs on tab */
/*body.user-tab-detected footer #footer #general-feedback img {
    display: none;
}

body.user-tab-detected footer #footer #checkout-feedback img {
    display: none;
}*/

/*body.user-tab-detected #detailsAndSpecs-feedback a {
    display: none;
} */

body.user-tab-detected md-option:focus,
body.user-tab-detected md-option.psuedo-focus {
    outline: none;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance: textfield;
}
input[type=email]:invalid {
    box-shadow: none;
}
.display-inline {
    display: inline;
}
.display-inline-block {
    display: inline-block;
}
.border-top {
    border-top: 1px solid #999;
}
.border-bottom {
    border-bottom: 1px solid #999;
}
/*--------------------------------------------------------------
			Tools
--------------------------------------------------------------*/
.header-ad-background {
	background-image: url("data:image/gif;base64,R0lGODlhCgAKAIAAAOzq5fn38iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRjk0NkMxQjY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjk0NkMxQzY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZGOTQ2QzE5NjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZGOTQ2QzFBNjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAoACgAAAg9EjBfLrZmcg0/OGu2iWRcAOw==")
}
.hidden {
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.nobr {
  white-space: nowrap !important;
}
.wrap {
  white-space: normal !important;
}
.a-left {
  text-align: left !important;
}
.a-center {
  text-align: center !important;
}
.a-right {
  text-align: right !important;
}
.v-top {
  vertical-align: top;
}
.v-middle {
  vertical-align: middle;
}
/*sitemap-col and sitemap-title to help with styling on sitemap.html page when switching between desktop/mobile*/
.sitemap-col {
    width: 30%;
}
.sitemap-title {
    display: block;
}
@media only screen and (max-width: 768px) {
    .sitemap-col {
        width: 100%;
    }
    .sitemap-title {
        display: none;
    }
}
.f-left,
.left {
  float: left !important;
}
.f-right,
.right {
  float: right !important;
}
.f-none {
  float: none !important;
}
.f-fix {
  float: left;
  width: 100%;
}
.f-left-unimportant {
    float: left;
}
.f-right-unimportant {
    float: right;
}
.no-display {
  display: none;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-bg {
  background: none !important;
}
.img-right {
  float: right;
  margin: 15px 0 30px 30px;
}
.img-left {
  float: left;
  margin: 15px 30px 30px 0;
}
.respond320 {
  display: none!important;
}
.respond360 {
    display: none;
}
.respond480 {
  display: none!important;
}
.respond560 {
	display: none!important;
}
.respond680 {
	display: none!important;
}
.respond730 {
  display: none!important;
}
.respond768 {
  display: none!important;
}
.respond900 {
    display: none !important;
}
.respond960 {
  display: none!important;
}
.clearfix:after
{
    clear: both;
    content: "";
    display:block;
}
.ajax-loading {
    background: url('/images/gorilla/ajax-loader.gif') no-repeat;
    background-position: center;
    height: 75px;
    width: 75px;
    margin: 0 auto;
}
.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
/**
 * Mixins, Variables and Helpers
 */
.triangle-props {
  content: "";
  display: block;
  position: absolute;
}
/* custom tags */
hdnContent {
    display: none;
}
/* roboto-regular - latin */
@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v15-latin-regular.eot?#iefix') format('eot'), /* IE6-IE8 */
    url('fonts/roboto-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v15-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* roboto-500 - latin */
@font-face {
    font-family: 'robotoMedium';
    src: url('fonts/roboto-v15-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'), url('fonts/roboto-v15-latin-500.eot?#iefix') format('eot'), /* IE6-IE8 */
    url('fonts/roboto-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v15-latin-500.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v15-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoLight';
    src: url('fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'), url('fonts/roboto-v18-latin-300.eot?#iefix') format('eot'), /* IE6-IE8 */
    url('fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* roboto-700 - latin */
@font-face {
    font-family: 'robotoBold';
    src: url('fonts/roboto-v15-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-v15-latin-700.eot?#iefix') format('eot'), /* IE6-IE8 */
    url('fonts/roboto-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v15-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v15-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* roboto-condensed-regular - latin */
@font-face {
    font-family: 'robotoRegCondensed';
    src: url('fonts/roboto-condensed-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('fonts/roboto-condensed-v13-latin-regular.eot?#iefix') format('eot'), /* IE6-IE8 */
    url('fonts/roboto-condensed-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-condensed-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-condensed-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-condensed-v13-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* roboto-condensed-700 - latin */
@font-face {
    font-family: 'robotoBoldCondensed';
    src: url('fonts/roboto-condensed-v13-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('fonts/roboto-condensed-v13-latin-700.eot?#iefix') format('eot'), /* IE6-IE8 */
    url('fonts/roboto-condensed-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-condensed-v13-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-condensed-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-condensed-v13-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* norican-regular - latin */
@font-face {
  font-family: 'noricanRegular';
  src: url('fonts/norican-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Norican Regular'), local('Norican-Regular'),
       url('fonts/norican-v4-latin-regular.eot?#iefix') format('eot'), /* IE6-IE8 */
       url('fonts/norican-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/norican-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/norican-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/norican-v4-latin-regular.svg#Norican') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
/*
  ============================================
  Global Styles
  ============================================
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-size: 14px;
  background-color: #ffffff; /*used to be fbfbfb*/
  font-family: 'figtree', helvetica, arial, sans-serif;
}
img {
  max-width: 100%;
  height: auto;
}
.page-break-after {
    display: none;
}
#sg-page-wrapper > #main {
  min-height: 500px;
  padding-top: 160px;
}
.container {
  max-width: 1060px;
  width: 94%;
  margin: 0 auto;
  -webkit-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
  transition: width 0.2s linear;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
.nav-cover {
    position: fixed;
    top: 60px; /* match #sg-page-wrapper > #main: padding-top */
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    transform: translate3d(0, 0, 0);
    z-index: 9;
    display: none;
}

/* jquery mmenu default background for the plugin */
.mm-menu {
    background: #ffffff!important; /*used to be fbfbfb*/
}
.absolute-left {
    position: absolute;
    bottom: 0;
    left: 0;
}
.absolute-right {
    position: absolute;
    bottom: 0;
    right: 0;
}
.full-width-crumbs .breadcrumbs.container {
    max-width: 1400px;
    width: 100%;
}
.full-width-page {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.regular-text {
    font-family: 'figtree', helvetica, arial, sans-serif;
}
.condensed-text {
    font-family: 'figtree', helvetica, arial, sans-serif;
}
.bold-text {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.bold-condensed-text {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
}
.hyperlink {
    text-decoration: underline;
    cursor: pointer;
    color: #728fc8;
}
/*
  ============================================
  Grid
  ============================================
*/
.col2-set:before,
.col2-set:after {
    content: " ";
    display: table;
}
.col2-set:after {
  clear: both;
}
.col2-set .col-1,
.col2-set .col-2 {
  float: left;
  padding-right: 24px;
  width: 50%;
}
.col2-set .col-1.wide,
.col2-set .col-2.wide {
  width: 68%;
}
.col2-set .col-1.narrow,
.col2-set .col-2.narrow {
  width: 30%;
}

/* Store Hours 2 Column Grid*/
.sh-2col:before,
.sh-2col:after {
	content: " ";
	display: table;
}
.sh-2col:after {
	clear: both;
}
.sh-2col .sh-col1 {
	float: left;
	width: 75px;
}
.sh-2col .sh-col2 {
	float: left;
	width: 55%;
	padding-left: 10px;
}

/** 2 Column layout */
.col2-left-layout .col-main,
.col2-right-layout .col-main {
  width: 74.52830188679245%;
  float: left;
}
.col2-left-layout .col-left,
.col2-right-layout .col-left,
.col2-left-layout .col-right,
.col2-right-layout .col-right {
  width: 23.58490566037736%;
}
.col2-left-layout .col-left,
.col2-right-layout .col-left {
  float: left;
  margin-right: 1.8867924528301887%;
}
.col2-left-layout .col-right,
.col2-right-layout .col-right {
  float: right;
  margin-left: 1.8867924528301887%;
}
/*
  ============================================
  Typography
  ============================================
*/
h1 {
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
  font-size: 30px;
  line-height: 1em;
}
h2 {
  font-size: 16px;
  line-height: 18px;
}
h3 {
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'figtree', helvetica, arial, sans-serif;
  color: #2b2b2b;
  margin-bottom: 5px;
}
p {
  font-size: 14px;
  margin-bottom: 18px;
  line-height: 18px;
  font-family: 'figtree', helvetica, arial, sans-serif;
}
strong {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
blockquote p {
  font-size: 24px;
  line-height: 30px;
  font-family: 'figtree', helvetica, arial, sans-serif;
}
.white {
  color: #ffffff; /*used to be fbfbfb*/
}
.blue {
  color: #000000;
}
.yellow {
  color: #efc74a;
}
.uppercase {
  text-transform: uppercase;
}
.page-title {
  margin-bottom: 20px;
}
.page-title h1,
.page-title h2 {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
}

.category-view .col-main > .page-title {
    overflow: auto;
    width: 100%;
}
.page-title .bottom-abstract {
    margin: 24px 5% 12px 5%;
}

.product-name,
.page-title .product-name {
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
  text-transform: none;
}
.checkout .page-title {
  margin-bottom: 0;
}
.club-member-benefits h3{
	color: rgb(172, 22, 44); /* Buyers Club Red */
}
/*
  ============================================
  Links/Buttons
  ============================================
*/
a {
  color: #000000;
  text-decoration: none;
  -webkit-transition: background-color 0.24s ease-out, color 0.24s ease-out;
  -moz-transition: background-color 0.24s ease-out, color 0.24s ease-out;
  -o-transition: background-color 0.24s ease-out, color 0.24s ease-out;
  transition: background-color 0.24s ease-out, color 0.24s ease-out;
}
a.blue {
  color: #000000;
}
a:hover,
a:active {
  color: #000000;
}
button,
.button,
a.button { 
  outline: none;
  border: none;
  display: inline-block;
  vertical-align: top;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  line-height: 32px;
  color: #ffffff;
  /*background-color: #006EB3;*/
  padding: 0 18px;
  -webkit-transition: background-color 0.24s ease-out, color 0.24s ease-out;
  -moz-transition: background-color 0.24s ease-out, color 0.24s ease-out;
  -o-transition: background-color 0.24s ease-out, color 0.24s ease-out;
  transition: background-color 0.24s ease-out, color 0.24s ease-out;
}
button[disabled],
.button[disabled],
a.button[disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button[disabled]:hover,
.button[disabled]:hover,
a.button[disabled]:hover {
  background-color: #2b2b2b;
}

    button.burnt-orange-background[disabled]:hover,
    .button.burnt-orange-background[disabled]:hover,
    a.button.burnt-orange-background[disabled]:hover {
        background-color: #D54400; /* burnt orange */
    }

button span,
.button span,
a.button span {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
button.yellow,
.button.yellow,
a.button.yellow {
  color: #ffffff;
}
button.green,
.button.green,
a.button.green {
  color: #ffffff;
}
button.grey,
.button.grey,
a.button.grey {
  color: #efc74a;
  background-color: #2b2b2b;
}
button.grey:hover,
.button.grey:hover,
a.button.grey:hover {
  background-color: #3f3f3f;
}
button.blue,
.button.blue,
a.button.blue {
  background-color: rgb(75, 118, 55); /* Mallard Head Green */
  color: #ffffff;
}
button.black,
.button.black,
a.button.black,
button.back-arrow,
.button.back-arrow,
a.button.back-arrow {
  background-color: #2b2b2b;
  color: #ffffff;
}
button.crimson,
.button.crimson,
a.button.crimson {
  color: #ffffff;
  background-color: rgb(172, 22, 44); /* Buyers Club Red */
}
button.crimson:hover,
.button.crimson:hover,
a.button.crimson:hover {
  background-color: #000000; /* crimson buttons will all hover to black */
}
button.painted-yellow,
.button.painted-yellow,
a.button.painted-yellow {
    color: #000;
    background-color: #F3C317;
}
button.painted-yellow:hover,
.button.painted-yellow:hover,
a.button.painted-yellow:hover {
    color: #fff;
    background-color: #000;
}

button.painted-red,
.button.painted-red,
a.button.painted-red {
    color: #ffffff;
    background-color: #AC162C;
}

button.painted-red:hover,
.button.painted-red:hover,
a.button.painted-red:hover{
    color: #ffffff;
    background-color: #000000;
    cursor: pointer;
}
button.back-arrow,
.button.back-arrow,
a.button.back-arrow {
  padding: 0 20px;
}
button.back-arrow > span,
.button.back-arrow > span,
a.button.back-arrow > span {
  padding-left: 15px;
  background: url('/images/gorilla/sprite.png') -490px -267px no-repeat;
}
button.arrow,
.button.arrow,
a.button.arrow {
  padding: 0 20px;
}
button.arrow > span,
.button.arrow > span,
a.button.arrow > span {
  padding-right: 17px;
  background: url('/images/gorilla/sprite.png') right -287px no-repeat;
}
button.large,
.button.large,
a.button.large {
  padding: 0 20px;
  line-height: 42px;
}
.btn-remove,
.moby-close {
  width: 15px;
  height: 15px;
  background: url('/images/gorilla/sprite.png') -266px -49px no-repeat;
  text-indent: -999em;
  cursor: pointer;
  display: block;
}
.orange-button {
    line-height: 48px;
    margin-right: 10px;
    background-color: #D54400;
    border-radius: 2px;
    box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.16);
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    border: none;
    vertical-align: top;
    -webkit-transition: background-color 0.24s ease-out, color 0.24s ease-out;
    -moz-transition: background-color 0.24s ease-out, color 0.24s ease-out;
    -o-transition: background-color 0.24s ease-out, color 0.24s ease-out;
    transition: background-color 0.24s ease-out, color 0.24s ease-out;
}
.orange-button:hover {
    background-color: #CA4F25;
}
.back {
  color: #000000;
  float: right;
  line-height: 24px;
  display: block;
}
.back:before {
  content: '';
  width: 14px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  background: url("/images/gorilla/sprite.png") 0 -398px no-repeat;
}
.next {
  color: #000000;
  line-height: 24px;
  display: inline-block;
}
.next:after {
  content: '';
  width: 14px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  background: url("/images/gorilla/sprite.png") 30px -398px no-repeat;
}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
/*
  ============================================
  Form Elements
  ============================================
*/
.input-text,
textarea {
  outline: none;
  padding: 5px 10px;
  margin: 0;
  width: 100%;
  background-color: #ffffff;
  font-family: 'figtree', helvetica, arial, sans-serif;
  color: #2b2b2b;
  font-size: 14px;
  line-height: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: top;
  -webkit-transition: border-color 0.24s ease-out, opacity 0.24s ease-out;
  -moz-transition: border-color 0.24s ease-out, opacity 0.24s ease-out;
  -o-transition: border-color 0.24s ease-out, opacity 0.24s ease-out;
  transition: border-color 0.24s ease-out, opacity 0.24s ease-out;
  -webkit-appearance: none;
}
    .input-text.error,
    textarea.error,
    .input-text.jqv-error,
    textarea.jqv-error {
        border-color: #ca0000;
    }
.input-text[disabled],
textarea[disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

p.jqv-error {
    color: #ca0000;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

/* my account redesign for inputs */
.drop-down.sign-in .my-account .input-box label:not(.error) 
, .checkoutlogin-body .login-core .input-box {
    display: inline-block;
    line-height: 30px;
}
.my-account .input-box,
.my-account .form-list li .input-box
,.customer-service-template .input-box
, .email-preferences-page .input-box 
, .email-preferences-page .form-list li .input-box 
, .checkoutlogin-body .login-core .input-box
, .address-page .input-box
, .manage-membership .input-box 
, .manage-membership .form-list li .input-box
, #retail-signup .input-box{
    position: relative;
    width: 100%;
    max-width: 400px;
}
    .my-account .input-box input.error
    , .email-preferences-page .input-box input.error 
    , .checkoutlogin-body .input-box input.error
    , .address-page .input-box input.error
    , .manage-membership .input-box input.error
    , .my-account .input-box input.jqv-error
    , .email-preferences-page .input-box input.jqv-error
    , .checkoutlogin-body .input-box input.jqv-error
    , .address-page .input-box input.jqv-error
    , .manage-membership .input-box input.jqv-error
    , #retail-signup .input-box input.jqv-error {
        border-bottom: 1px solid #ca0000;
    }
    .my-account .input-box label.error
    , .email-preferences-page .input-box label.error
    , .checkoutlogin-body .input-box label.error
    , .address-page .input-box label.error
    , .manage-membership .input-box label.error
    , .my-account .input-box p.jqv-error
    , .email-preferences-page .input-box p.jqv-error
    , .checkoutlogin-body .input-box p.jqv-error
    , .address-page .input-box p.jqv-error
    , .manage-membership .input-box p.jqv-error
    , #retail-signup .input-box p.jqv-error {
        left: unset;
        right: 5px;
    }
    .my-account .input-box label:not(.error)
    ,.customer-service-template .input-box label:not(.error)
    , .email-preferences-page .input-box label:not(.error)
    , .checkoutlogin-body .input-box label:not(.error)
    , .address-page .input-box label:not(.error)
    , .manage-membership .input-box label:not(.error)
    , #retail-signup .input-box label:not(.error){
        position: absolute;
        top: -2px;
        left: 8px;
        font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
        font-size: 11px;
        color: #54565A;
        text-transform: uppercase;
        z-index: 2;
        line-height: 30px;
    }
    .my-account .input-box input
    ,.my-account .input-box .customStyleSelectBox
    ,.customer-service-template .input-box input
    , .email-preferences-page .input-box input 
    , .email-preferences-page .input-box .customStyleSelectBox 
    , .site-search .input-wrapper #k 
    , .site-search.mobile-search .input-text 
    , .checkoutlogin-body .input-box input
    , .address-page .input-box input
    , .address-page .input-box .customStyleSelectBox
    , .manage-membership .input-box input
    , .manage-membership .input-box .customStyleSelectBox
    , #retail-signup .input-box input {
        height: 48px;
        background-color: #F0F0F0;
        padding: 15px 0 0 8px;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #898A8D;
        font-family: 'figtree', helvetica, arial, sans-serif;
        font-size: 16px;
        line-height: 32px;
    }
        .my-account .input-box input:focus,
        .my-account .input-box .customStyleSelectBox:focus, .customer-service-template .input-box input.focus, .email-preferences-page .input-box input:focus, .email-preferences-page .input-box .customStyleSelectBox:focus, .site-search .input-wrapper #k:focus, .site-search.mobile-search .input-text:focus, .checkoutlogin-body .input-box input:focus, .address-page .input-box input:focus, .address-page .input-box .customStyleSelectBox:focus, .manage-membership .input-box input:focus, .manage-membership .input-box .customStyleSelectBox:focus, #retail-signup .input-box input:focus {
            border-bottom: 1px solid #006EB3;
        }
    .my-account .input-box .select-wrap .customStyleSelectBox:before
    , .email-preferences-page .input-box .select-wrap .customStyleSelectBox:before
    , .address-page .input-box .select-wrap .customStyleSelectBox:before
    , .manage-membership .input-box .select-wrap .customStyleSelectBox:before
    {
        content: '';
        position: absolute;
        top: 60%;
        right: 10px;
        height: 0;
        width: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000;
        background: transparent;
    }
    .my-account .input-box .select-wrap.error .customStyleSelectBox:before
    , .email-preferences-page .input-box .select-wrap.error .customStyleSelectBox:before
    , .my-account .input-box .select-wrap.jqv-error .customStyleSelectBox:before
    , .email-preferences-page .input-box .select-wrap.jqv-error .customStyleSelectBox:before 
    , .address-page .input-box .select-wrap.jqv-error .customStyleSelectBox:before
    , .manage-membership .input-box .select-wrap.jqv-error .customStyleSelectBox:before
    {
        background-color: transparent !important;
    }
    .my-account .input-box .select-wrap select
    , .email-preferences-page .input-box .select-wrap select
    , .address-page .input-box .select-wrap select
    , .manage-membership .input-box .select-wrap select
    {
        height: 48px;
        line-height: 32px;
        background-color: #F0F0F0;
    }
    .my-account .mm-nopanel.input-box {
        margin-bottom: 10px;
    }
    
.site-search .input-wrapper #k {
    height: 34px;
    padding-top: 4px;
}
/*#region exploder */
.exploder {
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-height: 100px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.exploder:after {
    background: -webkit-linear-gradient(rgba(255,255,255, 0.5), rgba(250,250,250,1));
    background: -moz-linear-gradient(rgba(255,255,255, 0.5), rgba(250,250,250,1));
    background: linear-gradient(rgba(255,255,255, 0.5), rgba(250,250,250,1));
    content: "\00a0";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}
    .exploder .exploder-button {
        background-color: #D54400;
        box-shadow: 0 1px 9px 1px #ccc;
        cursor: pointer;
        color: #fff;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 14px;
        left: 0;
        margin: 0 auto;
        max-width: 150px;
        padding: 10px;
        position: absolute;
        right: 0;
        text-align: center;
        text-transform: uppercase;
        top: 35%;
        z-index: 7; /* can't be on top of hover-navs (500), mobile-navs, flyouts, modals, *-overlays (e.g. .nav-cover is 9), search results flyout (9999), tool-tips (9999), etc. */
    }

.exploder .inner-wrap {
    width: 100%;
}
/*#endregion*/

/* Custom selects */
.select-wrap {
  vertical-align: top;
}
.select-wrap select {
  width: 100%;
  height: 30px;
  -webkit-appearance: none;
  cursor: pointer;
    opacity: 0;
  filter: alpha(opacity=0);
}
    .select-wrap.error .customStyleSelectBox,
    .select-wrap.jqv-error .customStyleSelectBox {
        border-color: #ca0000 !important;
    }
        .select-wrap.error .customStyleSelectBox:before,
        .select-wrap.jqv-error .customStyleSelectBox:before {
            background-color: #ca0000 !important;
        }
.customStyleSelectBox {
  padding: 0 35px 0 10px;
  line-height: 28px;
  width: 100%;
  height: 30px;
  -webkit-transition: opacity 0.24s ease-out;
  -moz-transition: opacity 0.24s ease-out;
  -o-transition: opacity 0.24s ease-out;
  transition: opacity 0.24s ease-out;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'figtree', helvetica, arial, sans-serif;
  background-color: #ffffff;
  -webkit-transition: all 0.24s ease-out;
  -moz-transition: all 0.24s ease-out;
  -o-transition: all 0.24s ease-out;
  transition: all 0.24s ease-out;
}
.customStyleSelectBox:before {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 35px;
  height: 28px;
  margin-left: 18px;
}
.customStyleSelectBox .customStyleSelectBoxInner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.customStyleSelectBox.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/* Custom radios */
.style-radio {
  height: 15px;
  width: 17px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: url('/images/gorilla/sprite.png') -239px -238px no-repeat;
}
.style-radio input[type="radio"] {
  height: 15px;
  width: 17px;
  margin-top: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
}
.style-radio.active {
  background-position: -257px -238px;
}
/* Custom checkboxes */
.style-checkbox {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-image: url('/images/check_box_off.png');
    background-repeat: no-repeat;
    margin-top: -2px;
}

    .style-checkbox input[type="checkbox"] { /* real control under styled background images */
        height: 20px;
        width: 20px;
        margin-top: 0;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 0;
        left: 0;
    }

    .style-checkbox.disabled {
        background-image: url('/images/check_box_off_disable.png');
    }

    .style-checkbox.active {
        background-image: url('/images/check_box_on_bbs.png');
    }

    .softball .style-checkbox.active {
        background-image: url('/images/check_box_on_sbs.png');
    }

        .style-checkbox.active.disabled {
            background-image: url('/images/check_box_on_disable.png');
        }

.style-radio.active + label,
.style-checkbox.active + label,
.style-radio.active + span {
  color: rgb(79, 91, 49); /* Deep Woods Green */
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
/* Form List */
.form-list li {
  margin-bottom: 8px;
}
.form-list li:before,
.form-list li:after {
  content: " ";
  display: table;
}
.form-list li:after {
  clear: both;
}
    .form-list li label {
        display: inline-block;
        vertical-align: top;
        float: left;
        margin-bottom: 4px;
        width: 140px;
        line-height: 30px;
        -webkit-transition: color 0.34s ease;
        -moz-transition: color 0.34s ease;
        -o-transition: color 0.34s ease;
        transition: color 0.34s ease;
    }
        .form-list label.error,
        .form-list li label.error,
        .form-list p.jqv-error,
        .form-list li p.jqv-error,
        .products-grid p.jqv-error,
        #email-preferences-form #email-form .input-box p.jqv-error {
            margin: 4px 0 0;
            float: none;
            width: auto;
            max-width: none;
            color: #ca0000;
            font-size: 10px;
            line-height: normal;
            display: inline-block;
        }

.order-table label.label-error,
.form-list li label.label-error,
.order-table label.label-jqv-error,
.form-list li label.label-jqv-error {
    color: #ca0000;
}
.form-list li .input-box {
  width: 290px;
  float: left;
}
.form-list li .input-box + a {
  float: left;
  display: block;
  margin-left: 10px;
  line-height: 30px;
}
.form-list li .input-box.halved .select-wrap {
  float: left;
  width: 47%;
  margin-left: 6%;
}
.form-list li .input-box.halved .select-wrap:first-child {
  margin-left: 0;
}
.form-list li.control {
  line-height: 15px;
}
.form-list li.control .input-box {
  float: none;
  display: inline-block;
  vertical-align: top;
  width: 17px;
  height: 15px;
}
.form-list li.control label {
  float: none;
  width: auto;
  line-height: 15px;
  margin: 0 0 0 4px;
  display: inline-block;
  max-width: 90%;
}
.form-list li.control.disabled label {
  text-decoration: line-through;
}
.form-list li.control.disabled .style-radio,
.form-list li.control.disabled .style-checkbox {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.form-list li.control .input-note {
  margin-top: 8px;
}
.form-list li.add-field {
  margin-left: 140px;
}
.form-list li.fields:before,
.form-list li.fields:after {
  content: " ";
  display: table;
}
.form-list li.fields:after {
  clear: both;
}
.form-list li.fields .field {
  float: left;
  margin-left: 4%;
  width: 48%;
}
.form-list li.fields .field:first-child {
  margin-left: 0;
}
.form-list li.fields .field .input-box {
  width: 100%;
}
.form-list.stacked label {
  float: none;
  width: auto;
  margin: 0;
  display: block;
}
.form-list .select-wrap {
  width: 100%;
}
.qty {
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.wishlist .qty.read-only
{
    border: 1px solid #ebe9e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
label[for='qty'].error,
label[for='qty'].jqv-error {
    display: none !important;
}
.legend {
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  margin-bottom: 10px;
}
.input-note {
  display: block;
  clear: both;
  font-family: 'figtree', helvetica, arial, sans-serif;
  font-size: 13px;
}
/*Inline Labels*/
.labelify .form-list li,
.labelify .input-wrapper {
  position: relative;
}
.labelify .form-list li label,
.labelify .input-wrapper label {
  position: absolute;
  top: 0;
  left: 10px;
  margin-bottom: 0;
  line-height: 32px;
  font-size: 13px;
  text-transform: none;
  z-index: 99;
  cursor: text;
  display: none;
}
.labelify .form-list li label.ignore,
.labelify .input-wrapper label.ignore {
  position: static;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 4px;
  line-height: 30px;
}
.labelify .form-list li label.error,
.labelify .input-wrapper label.error,
.labelify .form-list li p.jqv-error,
.labelify .input-wrapper p.jqv-error{
  position: static;
  float: none;
  color: #ca0000;
  font-size: 10px;
  line-height: normal;
}
.site-search .input-wrapper label.search-label{
    font-family: 'figtree', helvetica, arial, sans-serif;
    color: #54565A;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
}
.search-input{
    background-color:transparent;
}
.search-wrapper{
    background-color:white; 
    z-index:0;
}
/*Inline Inputs w/ Buttons*/
.inline-button:before,
.inline-button:after {
  content: " ";
  display: table;
}
.inline-button:after {
  clear: both;
}
.inline-button .input-wrapper {
  float: left;
  width: 330px;
  width: -webkit-calc(100% - 94px);
  width: -moz-calc(100% - 94px);
  width: calc(100% - 94px);
}
.inline-button .input-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-right: none;
}
.inline-button .button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border: none;
  padding: 0;
  line-height: 32px;
  width: 92px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  color: #ffffff;
}
/*Inline Inputs w/ Buttons & Green background/borders*/
.green-form {
  max-width: 394px;
  border-radius: 3px;
  padding: 7px 2.4050632911392404%;
  position: relative;
}
.green-form:before,
.green-form:after {
  content: " ";
  display: table;
}
.green-form:after {
  clear: both;
}
    .green-form label:not(.error),
    .green-form label:not(.jqv-error) {
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        margin: 6px 10px 0 0;
        float: left;
    }
.green-form label.error,
.green-form p.jqv-error{
  font-size: 10px;
  color: #ca0000;
}
.green-form .input-wrapper {
  width: 286px;
  width: -webkit-calc(100% - 68px);
  width: -moz-calc(100% - 68px);
  width: calc(100% - 68px);
}
.green-form .input-box {
  float: left;
  width: 300px;
  width: -webkit-calc(100% - 51px);
  width: -moz-calc(100% - 51px);
  width: calc(100% - 51px);
}
.green-form .input-box .input-text {
  
}
.green-form .button {
  width: 68px;
  color: #ffffff;
  margin-left: -1px;
}
.green-form .button:disabled {
  cursor: default;
}
.green-form .ajax-loader {
  position: absolute;
  right: 2px;
  top: 15px;
  display: none;
}
/*
  ============================================
  Data Tables
  ============================================
*/
.data-table {
  width: 100%;
  border-bottom: solid 1px #999999;
}
div.data-table {
    border-bottom: none;
}
.data-table th {
  text-transform: uppercase;
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
  font-size: 14px;
  padding: 10px 1.509433962264151%;
  text-align: left;
}
.data-table .th {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 14px;
    padding: 10px 1.509433962264151%;
}
.data-table tbody tr,
.data-table tfoot tr {
  border-top: solid 1px #999999;
}
.data-table tbody tr.restrictions-row,
.data-table tfoot tr.restrictions-row {
  border-top: none;
}
    .data-table tbody tr.restrictions-row .restrictions-note {
        padding-bottom: 0;
    }
        .data-table tbody tr.restrictions-row .restrictions-note > ul > li {
            margin: 5px 0;
        }
.data-table tbody tr.restrictions-row td,
.data-table tfoot tr.restrictions-row td {
    padding-top: 0;
    padding-bottom: 0;
}
.data-table tbody td,
.data-table tfoot td {
  padding: 16px 1.509433962264151%;
  font-size: 13px;
}
.data-table tbody td.actions a,
.data-table tfoot td.actions a {
  color: #000000;
}
.data-table tbody td.actions .first,
.data-table tfoot td.actions .first {
  margin-right: 25px;
}
.data-table tbody td .product-image a,
.data-table tfoot td .product-image a {
  display: block;
  max-width: 138px;
}
.data-table tbody th .product-image img,
.data-table tbody td .product-image img,
.data-table tfoot td .product-image img {
  border: solid 1px #999999;
  max-width: 145px;
}
.data-table tbody td .product-details,
.data-table tfoot td .product-details {
  font-size: 12px;
  margin-top: 4px;
}
.data-table tbody td .product-details li,
.data-table tfoot td .product-details li {
  margin-bottom: 2px;
}
.data-table tbody td .product-details li.stock-note,
.data-table tfoot td .product-details li.stock-note {
  text-align: left;
}
.data-table tbody td input.qty,
.data-table tfoot td input.qty {
  margin-left: 6px;
}
.data-table tbody td .item-actions,
.data-table tfoot td .item-actions {
  max-width: 45px;
  text-align: center;
}
.data-table tbody td .item-actions p,
.data-table tfoot td .item-actions p {
  margin-top: 15px;
}
.data-table tbody td .item-actions a,
.data-table tfoot td .item-actions a {
  font-size: 12px;
}
.data-table tbody td .instant-rebate-box span,
.data-table tfoot td .instant-rebate-box span,
.data-table tbody td .promo-box span,
.data-table tfoot td .promo-box span,
.data-table tbody td .price-box,
.data-table tfoot td .price-box {
  max-width: none;
}
.data-table tbody td .instant-rebate-box span,
.data-table tfoot td .instant-rebate-box span,
.data-table tbody td .promo-box span,
.data-table tfoot td .promo-box span,
.data-table tbody td .price-box span,
.data-table tfoot td .price-box span {
  margin-bottom: 2px;
}
.data-table tbody td .subtotal-box span,
.data-table tfoot td .subtotal-box span {
  display: block;
  margin-bottom: 2px;
}
.data-table tbody td .subtotal-box .club-subtotal,
.data-table tfoot td .subtotal-box .club-subtotal {
    font-size:14px;
}

.data-table tbody td .instant-rebate-subtotal .instant-rebate-price,
.data-table tfoot td .instant-rebate-subtotal .instant-rebate-price,
.data-table tbody td .promo-subtotal .promo-price,
.data-table tfoot td .promo-subtotal .promo-price,
.data-table tbody td .subtotal-box .regular-subtotal,
.data-table tfoot td .subtotal-box .regular-subtotal,
.data-table tbody td .subtotal-box .club-savings,
.data-table tfoot td .subtotal-box .club-savings,
.data-table tbody td .subtotal-box .club-pending,
.data-table tfoot td .subtotal-box .club-pending {
  font-size: 12px;
  height:18px;
}
.data-table tbody td .promo-subtotal .promo-price,
.data-table tfoot td .promo-subtotal .promo-price{
	color: rgb(79, 91, 49);
	font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.data-table tbody td .instant-rebate-subtotal .instant-rebate-price,
.data-table tfoot td .instant-rebate-subtotal .instant-rebate-price{
	color: rgb(79, 91, 49);
	font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.data-table tbody td .subtotal-box .club-subtotal,
.data-table tfoot td .subtotal-box .club-subtotal {
  color: #D54400;  /* burnt orange */
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
}
.data-table tbody td .promo-box .promo-price {
  color: rgb(79, 91, 49);
  font-weight: bold;
  margin-bottom: 1px;
}
.data-table tbody td .instant-rebate-box .instant-rebate-price {
  color: rgb(79, 91, 49);
  font-weight: bold;
  margin-bottom: 1px;
}
.data-table tbody td .price-box .club-savings,
.data-table tbody td .subtotal-box .club-savings,
.data-table tfoot td .subtotal-box .club-savings {
  color: #D54400;  /* burnt orange */
  font-weight: bold;
  margin-bottom: 1px;
}
.data-table tbody td .subtotal-box .regular-subtotal,
.data-table tfoot td .subtotal-box .regular-subtotal {
  color: #000000;
}
.data-table tbody td .subtotal-box .club-pending,
.data-table tfoot td .subtotal-box .club-pending {
  color: #2b2b2b;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  white-space: nowrap;
}
.data-table tbody td .btn-remove,
.data-table tfoot td .btn-remove {
  margin: 0 auto;
}
.data-table tbody td .default,
.data-table tfoot td .default {
  position: relative;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.data-table tbody td .default:before,
.data-table tfoot td .default:before {
  content: '';
  width: 16px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  background: url("/images/gorilla/sprite.png") -240px -277px no-repeat;
}
.data-table tbody td address,
.data-table tfoot td address {
  line-height: 16px;
}
.data-table tbody tr:first-child {
  border-top: none;
}
#open-positions tbody tr th {
    background-color: #fff;
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 13px;
    padding: 16px 1.509433962264151%;
    text-transform: none;
}
/*
  ============================================
  Breadcrumbs
  ============================================
*/
.breadcrumbs {
  padding: 8px 0;
}

.breadcrumbs ul:after {
  content: " ";
  display: table;
}
.breadcrumbs ul:after {
  clear: both;
}
.breadcrumbs li {
  float: left;
  line-height: 18px;
}
.breadcrumbs li.home a:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  padding-right: 3px;
  background: url('/images/gorilla/sprite.png') no-repeat -315px -270px;
}
.breadcrumbs li span:first-child
{
  padding: 0 6px;
}
.breadcrumbs li:first-child span:first-child
{
  padding: 0px 6px 0px 0px;
}
.breadcrumbs li span {
  font-size: 12px;
  color: #2b2b2b;
}
/*
  ============================================
  Global Messages
  ============================================
*/
.messages {
  width: 94%;
  max-width: 1060px;
  margin: 16px auto;
}
.messages li {
  margin-top: 8px;
  padding: 10px 1.9656019656019657%;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  color: #ffffff;
}
.messages li:first-child {
  margin-top: 0;
}
.messages li.negative {
  background-color: #ca0000;
}
/*
  ============================================
  Responsive Videos
  ============================================
*/
#video-player-container {
    height:396px;
}

/*
  ============================================
  Product Price Display
  ============================================
*/
.price-box {
  max-width: 250px;
}
.price-box > span {
  position: relative;
  display: block;
  overflow: hidden;
}
.price-box .club-price.apply-checkout {
    overflow: visible;
}
.price-box > span span {
  background-color: #ffffff; /*used to be fbfbfb*/
  position: relative;
  z-index: 8;
  font-size: 12px;
  color: #54565A;
}
.price-box .compare-price > span {
  font-size: 11px;
}
.price-box .was-price > span {
  font-size: 11px !important;
}
.price-box > span:after {
  content: '';
  border-bottom: 1px dotted;
  border-color: inherit;
  position: absolute;
  left: 0;
  bottom: 20%;
  width: 100%;
}
.price-box .club-price span,
.price-box .clearance-price span,
.price-box .club-exclusive-plp {
  color: #D54400;
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
  font-size: 14px;
}
.price-box .clearance-price span {
  text-transform: uppercase;
}
.price-box .club-price:after,
.price-box .clearance-price:after {
  border-color: #D54400;  /* burnt orange */
}
.price-box .club-price.apply-checkout:after {
  border-bottom: none;
}
.price-box .club-price.apply-checkout span {
  font-style: italic;
  font-size: 12px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.price-box .regular-price {
  color: #000000;
}
.price-box .old-price {
  font-size: 14px;
}
.price-box .compare-price {
  color: #828282;
}
.price-box .was-price {
  color: #828282;
}

.price-box .price-label {
  float: left;
  white-space: nowrap;
}

.club-four-pay-available-map {
	white-space: nowrap;
	float: none;
}

.price-box .price {
  float: right;
}
.price-box .strike {
  text-decoration: line-through;
}
.price-box .you-save {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: rgb(172, 22, 44);
  text-transform: uppercase;
  padding-top: 5px;
  margin-bottom: 0;
}
.price-box .stock-note {
  margin-bottom: 0;
}
.stock-note {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  font-size: 12px;
  color: #008000;
}
.stock-note.out {
  color: #828282;
}
.stock-note.backordered {
  color: #828282;
}
.stock-note.backordered span {
  font-size: 11px;
}
.products-grid .stock-note {
  text-align: center;
}
/*
  ============================================
  Tabs
  ============================================
*/
.tabs .tabs-nav {
  margin-top: -38px;
}
.tabs .tabs-nav:before,
.tabs .tabs-nav:after {
  content: " ";
  display: table;
}
.tabs .tabs-nav:after {
  clear: both;
}
.tabs .tab {
  float: left;
  font-size: 20px;
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
  text-transform: uppercase;
  color: #595959;
  border: 1px solid #999999;
  border-bottom: none;
  line-height: 36px;
  margin-right: 2px;
  cursor: pointer;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  padding: 0 2%;
}
.tabs .tab.active {
  background-color: #f7f7f7; /* used to be #f5f2ed */
  /*background-image: url('data:image/gif;base64,R0lGODlhCgAKAIAAAOzq5fn38iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRjk0NkMxQjY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjk0NkMxQzY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZGOTQ2QzE5NjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZGOTQ2QzFBNjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAoACgAAAg9EjBfLrZmcg0/OGu2iWRcAOw==');*/
  border-bottom: 1px solid #f7f7f7; /* used to be #f5f2ed */
}
.tabs .tab-container {
  display: none;
  width: 100%;
  padding: 20px 15px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.24s ease-out;
  -moz-transition: opacity 0.24s ease-out;
  -o-transition: opacity 0.24s ease-out;
  transition: opacity 0.24s ease-out;
}
.tabs .tab-container.active {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
}

/*
  ============================================
  Modal
  ============================================
*/
body.moby-show {
  overflow: hidden;
}
.moby-container {
  position: relative;
  width: 620px;
  margin: 30px auto;
  padding: 30px;
  background-color: #ffffff; /*used to be fbfbfb*/
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.53);
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.53);
  -webkit-transition: all 0.24s ease-out;
  -moz-transition: all 0.24s ease-out;
  -o-transition: all 0.24s ease-out;
  transition: all 0.24s ease-out;
}
.moby-container:before,
.moby-container:after {
  content: " ";
  display: table;
}
.moby-container:after {
  clear: both;
}
.moby-container.show {
  opacity: 1;
  filter: alpha(opacity=100);
}
.moby-container .moby-close {
  position: absolute;
  top: 8px;
  right: 8px;
}
.moby-container.generic {
  width: 830px;
}
.moby-container.generic h3 {
  font-size: 24px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
  border-bottom: 1px solid #999999;
}
.moby-container h3 {
  font-size: 30px;
  margin-bottom: 25px;
}
.moby-container .buttons-set .button + .button {
  margin-left: 12px;
}
.moby-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  overflow-y: scroll;
  background-color: #2b2b2b;
  background-color: rgba(43, 43, 43, 0.7);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.moby-overlay.show {
  opacity: 1;
  filter: alpha(opacity=100);
}
/*
  ============================================
  Tool Tip
  ============================================
*/
.tip-container {
    display: inline-block;
    position: relative;
    margin-top: -5px;
}
.tip-container .tool-tip {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
}
.tip-container .tool-tip span {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    background: url('/images/info_icon_19.svg') no-repeat;
    text-indent: -999em;
    cursor: pointer;
}
.tip-container .tip {
    position: absolute;
    white-space: normal;
    z-index: 9999;
    margin-left: -150px;
    width: 296px;
    background-color: unset;
    font-size: 12px;
    line-height: 18px;
    display: none;
}
.tip-container.top-tip .tip {
    top: auto;
    bottom: 15px;
}
.tip-container.bottom-tip .tip {
    top: 15px;
    bottom: 0;
}
.tip-container .tip-content,
.tip-container .tip-content span,
.tip-container .tip-content li span {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 12px;
    text-transform: none;
    padding: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #4b4d52;
    color: #fff;
    position: relative;
}
.tip-container .tip-content span {
    background: none;
}
#cart-tiles-container .cart-tile #cart-messages .message-area .tip-container .tip-content p {
    color: #fff;
}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #4b4d52;
    position: absolute;
}
.triangle-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #4b4d52;
    position: absolute;
}
.tip-container .tip-spacing {
    height: 10px;
    margin-top: -1px;
    width: 100%;
}

.tip-container .tip-content h3 {
    color: #fff;
}

.tip-container .tip-content a {
    text-decoration: underline;
}

.mm-menu .tip-container .tip {
    width: 220px;
}
/*.tool-tip .tip:after {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #ffffff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.tool-tip .tip:before {
  content: '';
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-bottom: 9px solid #2b2b2b;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}*/
.tip-container .tip.tipsy-tr {
  left: auto;
  right: 25%;
  margin-left: 0;
  margin-right: -75px;
}
    .tip-container .tip.tipsy-tr:after {
        left: auto;
        right: 25%;
        margin-left: 0;
        margin-right: -6px;
    }
    .tip-container .tip.tipsy-tr:before {
        left: auto;
        right: 25%;
        margin-left: 0;
        margin-right: -8px;
    }
.tip-label {
  float: right;
}
.tip-label .tool-tip {
  top: -2px;
}
.tip-container .tip #guest-create-acct-list {
    list-style-type: disc;
    margin: 0 auto;
    max-width: 225px;
}
.tip-container .tip #guest-create-acct-list li:before {
    display: inline;
}
    .tip-container .tip #guest-create-acct-list li {
        margin-bottom: 1px;
    }

button.tool-tip {
    background-color: transparent;
    border: none;
    color: #000;
    line-height: unset;
    padding: 0;
    text-align: left;
    text-transform: none;
}

button.tool-tip.text-not-icon {
    height: unset;
}
/*
  ============================================
  Header
  ============================================
*/
    /* flexbox stuff needs to be tested / work on old iPads and above */
    .header-flex-parent {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .header-flex-parent .logo {
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 150px;
        width: 150px;
        height: 60px;
    }
    .header-flex-parent .main-nav {
        -webkit-flex-shrink: 0;
        flex-shrink: 0;

        height: 100%;
        padding: 0 10px;
    }
    .header-flex-parent .site-search {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    .header-flex-parent .customer-nav {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: auto;
        flex-basis: auto;

        height: 100%;
        padding: 0 0 0 10px;
    }

.site-header {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.25);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.25);
    padding: 0;
    max-height: 160px;
    position: fixed;
    width: 100%;
    z-index: 9998;
}

/* ios keyboard fix for position fixed elements with the keyboard open */
body.ios-kb-fix header.site-header {
    position: relative !important;
}
body.ios-kb-fix #main.main {
    padding-top: 0 !important;
}

.no-promo .site-header {
    height: 110px;
    max-height: 110px;
}
.no-promo #sg-page-wrapper > #main {
    padding-top: 110px;
}

    .site-header:before,
    .site-header:after {
        content: " ";
        display: table;
    }
    .site-header:after {
        clear: both;
    }
    .site-header .nav-container,
    .site-promo-container {
        max-width: 2000px;
        margin: 0 auto;
    }
    .no-promo .site-header .nav-container,
    .site-header .nav-container {
        padding: 5px 20px;
    }
.site-header .logo {
    display: inline-block;
    padding-top: 12px;
    height: 60px;
    width: 150px;
}
    .site-header .logo img {
    }

    .site-header .site-search {
        margin: 14px 30px 0 30px;
    }
    .site-header .site-search.mobile-search.open,
    .site-header .site-search.mobile-search.closed {
        display: none;
    }
.site-header .customer-nav {
    font-family: 'figtree', helvetica, arial, sans-serif;
    line-height: 24px;
    height: 24px;
    margin-top: 20px;
    margin-right: 20px;
    position: relative;
}
    .site-header .customer-nav .icon-wrapper a {
        display: inline-block;
    }
.site-search .input-wrapper {
    width: 100%;
}
.site-search .input-text {
    height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 1px;
}
.site-search .icon-wrapper {
    position: absolute;
    top: -1px;
    right: -1px;
}
.site-search .button {
    background-image: url('/images/search@2x.png');
    background-color: transparent;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 8px;
}
.customer-nav .trigger {
    position: relative;
}
    .customer-nav .trigger > .button {
        background-color: #000000;
        border: none;
        line-height: 32px;
        font-family: 'figtreeMedium', helvetica, arial, sans-serif;
        color: #ffffff;
        padding: 0 20px;
    }
    .customer-nav .trigger.over > .button {
        background-color: #000000;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

.mini-account > .button:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 17px;
    height: 32px;
    background: url('/images/gorilla/sprite.png') -189px 12px no-repeat;
    margin-left: 4px;
}
/* my account mmenu */
  .drop-down.sign-in p {
      font-size: 16px;
      display: inline-block;
  }
  .tool-tip.faq-my-account {
      position: relative;
      top: -5px;
      right: 0;
      left: 5px;
  }
  .drop-down.sign-in .form-list li {
      margin-bottom: 10px;
  }
  .drop-down.sign-in .form-list li .input-box {
      width: 100%;
  }
  .drop-down.sign-in .button {
      width: 100%;
      padding: 5px;
      font-size: 16px;
      margin-top: 10px;
  }

  /* my account links */
  .account-mmenu .mm-panels>.mm-panel>.mm-listview {
      margin: 0;
  }
  .account-mmenu .mm-listview>li:not(.mm-divider):after {
    left: 0;
  }
.account-mmenu h2 {
    display: inline-block;
    margin-bottom: 18px;
}
.mm-listview .parent .fly-out .level1>li>a {
    padding: 5px;
}
.mm-listview .parent .fly-out .level1>li {
    border-bottom: 1px solid #dddddd;
}
.mm-listview .parent .fly-out .level1>li:last-of-type {
     border-bottom: none;
 }
  /* end my account mmenu */
    .mini-account .account-links {
        padding: 10px 0 0 0;
    }

        .mini-account .account-links a {
            display: block;
        }

        .mini-account .account-links li:hover,
        .mini-account .drop-down.sign-in p:hover {
            text-decoration: underline;
        }

        .mini-account .account-links li:last-child {
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid #999999;
        }
.mm-head-mobile {
	font-size: 15px;
	line-height: 20px;
}
.mini-cart > .button {
  text-transform: none;
}
.mini-cart > .button:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 17px;
  height: 32px;
  background: url('/images/gorilla/sprite.png') -223px 8px no-repeat;
  margin-right: 4px;
}
.mm-bottom-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
/* #region cart mmenu */
.cart-mmenu .drop-down p,
.wish-mmenu .drop-down p {
    font-size: 16px;
    margin-bottom: 5px;
}
.cart-mmenu .products-grid > li,
.wish-mmenu .products-grid > li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    border-bottom: 1px solid #D9D8D6;
}
    .cart-mmenu .products-grid > li:last-of-type,
    .wish-mmenu .products-grid > li:last-of-type {
        border-bottom: none;
    }
    .cart-mmenu .products-grid .product-image,
    .wish-mmenu .products-grid .product-image {
        display: inline-block;
        width: 35%;
        vertical-align: middle;
    }
.cart-mmenu .products-grid .product-image img,
.wish-mmenu .products-grid .product-image img {
    height: 100% !important;
    width: 100% !important;
}
.cart-mmenu .product-details,
.wish-mmenu .product-details {
    display: inline-block;
    width: 63.5%;
    vertical-align: middle;
}
.cart-mmenu .product-details span.product-name,
.cart-mmenu .product-details h3.product-name,
.wish-mmenu .product-details span.product-name,
.wish-mmenu .product-details h3.product-name {
    margin: 0;
    display: block;
}
.wish-mmenu .product-details span.product-name a,
.wish-mmenu .product-details h3.product-name a,
.wish-mmenu .product-details .quantity,
.wish-mmenu .product-details .price-box > span span,
.wish-mmenu .product-details .price-box .club-price.apply-checkout span,
.cart-mmenu .product-details span.product-name a,
.cart-mmenu .product-details h3.product-name a,
.cart-mmenu .product-details .quantity,
.cart-mmenu .product-details .price-box > span span,
.cart-mmenu .product-details .price-box .club-price.apply-checkout span {
    font-size: 14px;
}
.cart-mmenu .total-club-savings span,
.wish-mmenu .total-club-savings span {
    font-size: 20px;
}
.cart-mmenu .button,
.wish-mmenu .button {
    display: block;
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 16px;
}
.cart-mmenu .totals,
.wish-mmenu .totals {
    font-size: 16px;
    margin-bottom: 10px;
    color: #000;
}
.cart-mmenu .totals .price-box,
.wish-mmenu .totals .price-box {
    max-width: 100%;
}
.wish-mmenu .totals .price-box span
.cart-mmenu .totals .price-box span {
    font-size: 16px;
}
.wish-mmenu .totals .price-box .club-price span
.cart-mmenu .totals .price-box .club-price span {
    font-size: 18px;
}
/*#endregion end*/
.mmenu-close {
    background: url('/images/gorilla/sprite.png') no-repeat -170px -98px;
	width: 20px;
	height: 20px;
    display: block;
}
.site-selector {
  position: fixed;
  z-index: 9997;
  background-image: url('data:image/gif;base64,R0lGODlhCgAKAIAAAOzq5fn38iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRjk0NkMxQjY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjk0NkMxQzY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZGOTQ2QzE5NjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZGOTQ2QzFBNjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAoACgAAAg9EjBfLrZmcg0/OGu2iWRcAOw==');
  border-bottom: 1px solid #2b2b2b;
  width: 100%;
  height:37px;
  max-height: 37px;
}
.site-selector:before,
.site-selector:after {
  content: " ";
  display: table;
}
.site-selector:after {
  clear: both;
}
.site-selector .container {
    margin: 0 auto;
    max-width: 2000px;
    width: 100%;
}
.club-dashboard .bc2018 .customer-welcome-button .button.orange {
    border: none;
    background-color: #D54400;
    color: #fff;
    padding: 10px 20px;
    font-size: 12px;
}
.club-dashboard .bc2018 .customer-welcome-button .button.orange:hover {
    background-color: #CA4F25;
}
.learn-more-link {
    color: #aa192a; 
    text-decoration: underline; 
    text-transform: uppercase; 
    font-weight: bold;
    font-size: 13px;
}

/* 
    Customer Nav Icons
*/
.customer-nav .icon-wrapper {
    display: inline-block;
    cursor: pointer;
    margin-left: 15px;
    vertical-align: top;
}
.customer-nav.account {
    position: absolute;
    text-align: left;
    float: none;
    right: 35px;
    top: 0;
}
.caret {
    position: absolute;
    cursor: pointer;
    right: -5px;
    top: -12px;
    width: 10px;
}
.caret:before {
  content: '';
  position: absolute;
  top: 25%;
  left: 11px;
  border-top: 7px solid #000;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.caret:after {
  content: '';
  position: absolute;
  top: 25%;
  left: 13px;
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.caret:hover:before {
    border-top-color: #999;
}

.customer-nav .icon-wrapper .sign-in-icon,
.customer-nav .icon-wrapper .wish-list-icon,
.customer-nav .icon-wrapper .cart-icon,
.customer-nav .icon-wrapper .search-icon {
    margin-top: 3px;
}

.link-caret:after {
    content:"›";
    vertical-align: middle;
	margin-top: -4px;
	display: inline-block;
    margin-left: 2px;
}
/*
  ============================================
  Mini Login
  ============================================
*/
.mini-account .drop-down {
    width: 260px;
    left: auto;
}
.mini-account form p {
  margin-bottom: 0;
  line-height: 38px;
  font-size: 13px;
}
.mini-account form p strong {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.mini-account form .form-list .input-box,
.mini-account form .button {
    width: 100%;
}
.mini-account form a {
  display: block;
  font-size: 13px;
  margin-top: 10px;
}
.global-callout {
  text-align: center;
  background-color: #ca0000;
  margin-bottom: 2px;
  padding: 10px 0;
}
.global-callout h3 {
  color: #ffffff;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  text-transform: none;
  margin-bottom: 0;
}

.global-callout h3 a{
  color: #ffffff;
}

/*
  ============================================
  Mini Cart
  ============================================
*/
.mini-cart .drop-down {
  width: 316px;
  left: auto;
  right: 0;
}
.mini-cart p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 32px;
}
.mini-cart p.empty-cart {
  margin: 18px 0 0 0;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.mini-cart .products-grid {
  border-top: 1px solid #5a5e62;
  margin-bottom: 0;
}
.mini-cart .products-grid li {
  float: none;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  border-bottom: 1px solid #5a5e62;
}
.mini-cart .products-grid li:before,
.mini-cart .products-grid li:after {
  content: " ";
  display: table;
}
.mini-cart .products-grid li:after {
  clear: both;
}
.mini-cart .products-grid .product-image {
  float: left;
}
.mini-cart .products-grid .product-image img {
  display: block;
}
.mini-cart .products-grid .product-details {
  float: right;
  width: 196px;
  margin: 0;
}
.mini-cart .products-grid .product-name {
  margin-top: 0;
}
.mini-cart .products-grid .quantity {
  font-size: 12px;
}
.mini-cart .products-grid .price-box span {
  font-size: 12px;
}
.mini-cart .products-grid .price-box .club-price span{
  font-size: 14px;
}
.mini-cart .totals {
  margin: 6px 0 16px 0;
}
.mini-cart .totals h6 {
  font-size: 12px;
}
.mini-cart .totals .price-box {
  max-width: none;
}
.mini-cart .totals .price-box span {
  font-size: 12px;
  margin-top: 2px;
}
.mini-cart .totals .price-box .club-price span {
  font-size: 14px;
}
.mini-cart .buttons-set {
  text-align: center;
}
.mini-cart .buttons-set .button + .button {
  margin-left: 6px;
}
/*
  ============================================
  Navigation
  ============================================
*/
.drop-down {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #000000;
  padding: 0 18px 18px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 0 2px 2px rgba(50, 50, 50, 0.15);
  box-shadow: 0 2px 2px rgba(50, 50, 50, 0.15);
  display: none;
}
.fly-out {
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #ffffff;
    display: none;
    border: 1px solid #000000;
    min-height: 375px;
}
.main-nav {
  position: relative;
  z-index: 9997;
  float: left;
}
.main-nav.mm-menu {
    position: fixed;
}
.search-mmenu {
    display: none;
}
.main-nav > ul:before,
.main-nav > ul:after {
  content: " ";
  display: table;
}
.main-nav > ul:after {
  clear: both;
}
.main-nav li.level-top,
.main-nav li.level-top-link {
  display: block;
  line-height: 45px;
  float: left;
  padding-bottom: 14px;
  position: relative;
}
    .main-nav li.level-top .level-top-wrapper,
    .main-nav li.level-top-link .level-top-wrapper {
        position: relative;
        color: #333333;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
    }
        .main-nav li.level-top.over .level-top-wrapper,
        .main-nav li.level-top .level-top-wrapper.over {
            background-color: #fff;
            color: #333333;
            border-top: 1px solid #ffffff;
            border-left: 1px solid #ffffff;
            border-right: 1px solid #ffffff;
        }
.main-nav a.level-top {
    color: #333333;
    display: block;
    border: none;
    text-transform: uppercase;
    font-size: 13px;
    font-family: figtreeMedium, helvetica, arial, sans-serif;
    text-align: center;
}
.main-nav a.level-top strong {
  text-transform: uppercase;
}
.main-nav .shop-dept {
    position: relative;
}
.main-nav a.level-top .shop-dept > span {
    top: -1px;
    font-size: 11px;
}
.main-nav a.level-top span {
    position: relative;
    top: 6px;
    margin-bottom: 0;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
}
.main-nav a.level-top .shop-dept > p {
    position: relative;
    top: -7px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    margin-bottom: 0;
    line-height: 0;
    padding-left: 5px;
    font-size: 18px;
}
.main-nav .level-top a.level-top:after {
    border-top: 5px solid #333333; /*used to be fbfbfb*/
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: 3px;
    content: '';
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
.main-nav .level-top.over a.level-top:after {
    border-top: 5px solid #333333;
}
.main-nav li.level-top.browse.shop {
    z-index: 999999;
}
.main-nav ul.level0 li a {
  display: block;
  font-size: 13px;
  position: relative;
}
.main-nav .shop {
    width: 90px;
}
.main-nav .deals {
    width: 66px!important;
}
.main-nav .club {
  width: 104px!important;
}
.main-nav .community {
  width: 62px;
}
.main-nav .brands-link {
    width: 80px;
}

    .main-nav .brands-link .brands-link-override {
        color: #E53935;
        text-align: left;
    }

        .main-nav .brands-link .brands-link-override span {
            padding-left: 21px; /* protect the icon */
        }

        .main-nav .brands-link .brands-link-override:before {
            content: ' ';
            background-image: url('/images/icon_gift.svg');
            background-repeat: no-repeat;
            display: inline-block;
            height: 13px;
            left: 3px;
            position: absolute;
            top: 22px;
            width: 14px;
        }

.div-mobile-nav-home,
.div-mobile-nav-account {
	line-height: 50px !important;
	display: block;
}
.div-mobile-nav-home a,
.div-mobile-nav-account a {
	padding-left: 40px;
}
.div-mobile-nav-home-icon,
.div-mobile-nav-account-icon {
	height: 19px;
	width: 19px;
	margin-left: 14px;
	position: absolute;
}
.div-mobile-nav-home-icon {
	background: url('/images/gorilla/sprite.png') no-repeat -293px -190px;
	top: 28%;
}
.div-mobile-nav-account-icon {
	background: url('/images/gorilla/sprite.png') no-repeat -293px -213px;
	top: 30%;
}
.mobile-nav-links-top {
	border-bottom: 2px solid;
	border-bottom-color: rgba(0,0,0,.7) !important; 
}

/* Shop By Department Drop Down styling to be applied ONLY on the home page*/
.shop-by-dept-wrapper {
    position: relative;
    top: 5px;
    width: 165px;
    color: #fff;
}
.main-nav .level-top.browse .shop-by-dept-wrapper a.level-top:after {
    content: none;
}
.main-nav .level-top.browse .shop-by-dept-wrapper a.level-top .shop-dept {
    position: relative;
    top: -10px;
    left: 10px;
}
.main-nav .drop-down.always-show {
    border-left: none;
    border-bottom: none;
    width: 100%;
    box-shadow: 10px 8px 10px -10px #0A0A0A, 
               -10px 8px 10px -10px #0A0A0A;
}
.main-nav .drop-down.always-show ul.level0 {
    max-height: 315px;
    padding: 5px 0 5px 0;
}
.main-nav .drop-down.always-show ul.level0 li.parent {
    margin-left: 5px;
    margin-right: -5px;
}
.main-nav .drop-down.always-show ul.level0 > li > a {
    color: inherit;
}
.main-nav .drop-down.always-show ul.level0 > li:hover {
    background-color: #fff;
}
.main-nav .drop-down.always-show ul.level0 > li.parent {
    color: #fff;
}
.main-nav .drop-down.always-show ul.level0 > li > a:hover,
.main-nav .drop-down.always-show ul.level0 > li:hover {
    border-radius: 0;
    color: #4f5b31;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.main-nav li.browse .drop-down.always-show li.parent:hover:after {
    content: none;
}
.main-nav .drop-down.always-show li.parent .fly-out {
    width: 375%;
}
/* end specific styling for shop by department on the home page */
.main-nav .drop-down {
    border: none;
    border-left: 1px solid #8a8a8a;
    border-bottom: 1px solid #8a8a8a;
    padding: 0;
    width: 125%;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.main-nav .shop .drop-down {
    width: 260px;
}
.main-nav .deals .drop-down {
    width: 160px;
}
.main-nav .community .drop-down {
    width: 193px;
}
.main-nav .club .drop-down {
    width: 180px;
}
.main-nav .deals .drop-down,
.main-nav .community .drop-down,
.main-nav .club .drop-down {
    border-right: 1px solid #8a8a8a;
}
.main-nav .drop-down ul.level0 {
    margin: 5px;
}
.main-nav .drop-down li,
.main-nav .drop-down li a {
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -o-transition: none!important;
  transition: none!important;
}
.main-nav .drop-down ul.level0 > li > a {
  padding: 0 10px;
  line-height: 28px;
  color: rgb(79, 91, 49);
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 14px;
  white-space: nowrap;
  color: inherit;
}
    .main-nav .drop-down ul.level0 > li > a.clearance {
        color: #AC162C;
    }
.main-nav .drop-down ul.level0 li:hover,
.main-nav .drop-down ul.level0 > li > a:hover {
    color: #fff;
}
.main-nav .shop .fly-out {
    width: 300%;
    padding: 10px;
    margin-left: -1px;
    border: none;
    border-right: 1px solid #8a8a8a;
    border-bottom: 1px solid #8a8a8a;
    background-color: #fff;
    max-height: calc(100vh - 120px); /* trying a new viewport unit, 100% of viewport height - 120px for the fixed header (.site-header), works down to the height of the left dropdown at which point it fails to shrink any further */
    overflow-y: auto;
}
.main-nav .shop .fly-out:before,
.main-nav .shop .fly-out:after {
  content: " ";
  display: table;
}
.main-nav .shop .fly-out:after {
  clear: both;
}
/* featured categories in fly-out */
.fly-out-featured {
    margin: 10px;
    text-align: center;
}
.fly-out-featured ul {
    display: inline;
    list-style-type: none;
    margin: 0 auto;
}
.fly-out-featured ul li {
    width: 19%;
    display: inline-block;
    text-align: center;
}
.fly-out-featured ul li img:hover {
    opacity: .75;
    -moz-opacity: .75;
    filter: alpha(opacity=75);
}
.fly-out-featured ul li p {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 0;
}
.fly-out-featured ul li p:hover {
    text-decoration: underline;
}
/* end featured categories */
.main-nav .shop .fly-out h4 {
  font-size: 18px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  text-transform: uppercase;
  width: 97.5%;
  text-align: left;
  border-bottom: 1px solid #cfd4d8;
  line-height: 0.1em;
  margin: 10px 0 20px;
}
.main-nav .shop .fly-out h2 > span {
    background: #fff;
    padding: 0 15px 0 12.5px;
}
.main-nav .shop .fly-out .level1 {
  float: left;
  width: 23%;
  margin-left: 1.9753086419753085%;
}
.main-nav .shop .fly-out .level1 > li {
  margin-top: 10px;
}
.main-nav .shop .fly-out .level1 > li:first-child {
  margin-top: 0;
}
.main-nav .shop .fly-out .level1 > li > a {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.main-nav .shop .fly-out .level1 > li > a:hover {
    text-decoration:underline;
}
.main-nav .shop .fly-out .level1 > li > span{
    display: block;
    font-size : 13px;
    font-style: italic;
    line-height: 20px;
    color: #2b2b2b;
}
.main-nav .shop .fly-out .level2 li a {
  font-family: 'figtree', helvetica, arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #2b2b2b;
}
.main-nav .shop .fly-out .level2 li a:hover {
    text-decoration:underline;
}
.main-nav .shop .fly-out .level2 li a.more {
  font-style: italic;
}
.main-nav .shop .fly-out .level2 li a:hover a.more:hover {
  color: #000080;
}
.main-nav .level-top-link {
    overflow: auto; /* ensures height is calc'd correctly when contents are floated */
}
    .main-nav .level-top-link a {
        color: #333333;
        display: block;
        line-height: 45px;
        position: relative;
        text-transform: uppercase;
        font-size: 13px;
        font-family: figtreeMedium, helvetica, arial, sans-serif;
        padding-right: 6px;
    }
.main-nav .level-top-link a:hover {
    text-decoration: underline;
}
#main.main .site-promo-container {
    display: block;
    padding-top: 0;
    height: 50px;
    width: 100%;
    white-space: nowrap;
}
#site-wide-promos {
    white-space: nowrap;
    width: 100%;
}
.global-message {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    position: relative;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    white-space: nowrap;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 50px;
    color: #FFF;
    background: #006EB3;
    margin-right: -4px; /* white space in the markup???*/
}
.checkout .global-message {
    text-transform: none;
    background: #ffffff;
}
/* .global-message:after { 
    content: ""; 
    display: block; 
    position: absolute;
    height: 50px;
    background-image: url(/images/banner_topography.svg);
    background-repeat: repeat;
    background-size: 250px 500px;
    -ms-opacity: 0.75;
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}*/
.global-message:last-child {
    margin-right: 0; /* white space in the markup???*/
}
.global-message:nth-of-type(2n) {
    background: #035BA3;
}

.global-message > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 9999;
}
.promo-num-3 .global-message {
    width: 33.333333%;
}
.promo-num-2 .global-message {
    width: 50%;
}
.promo-num-1 .global-message {
    width: 100%;
}
.slider-dots-container {
    height: 28px;
    width: 20px;
    top: 40px;
    right: 0;
    position: absolute;
}
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}
.slider-dots-container .slick-dots {
    bottom: 0;
    height: 28px;
}
.slider-dots-container .slick-dots li {
    width: 100%;
    margin: 0;
    height: 7px;

    /* put the dots on top of each other to start with */
    position: absolute;
    left: 0;
    top: 0; /* each dot will manually override this */
}
.slider-dots-container .slick-dots li button {
    height: 7px;
    padding: 0;
    margin: 0;
}
.slider-dots-container .slick-dots li button:before {
    line-height: 7px;
    height: 7px;
    padding: 0;
    margin: 0;
    font-size: 4px;
}
.slider-dots-container .slick-dots li.slick-active button:before {
    color: #fff;
}
.slider-dots-container.promo-num-3 .slick-dots li:nth-child(1) {
    top: 2px;
}
.slider-dots-container.promo-num-3 .slick-dots li:nth-child(2) {
    top: 10px;
}
.slider-dots-container.promo-num-3 .slick-dots li:nth-child(3) {
    top: 18px;
}
.slider-dots-container.promo-num-2 .slick-dots li:nth-child(1) {
    top: 5px;
}
.slider-dots-container.promo-num-2 .slick-dots li:nth-child(2) {
    top: 14px;
}
.global-message.secondary a,
.global-message.secondary span {
    vertical-align: middle;
}
.global-message a {
    color: inherit;
}
.global-message a:hover {
    text-decoration: underline;
}
.global-message .tool-tip,
.global-message .tool-tip span {
    width: auto;
    height: auto;
}
.global-message .tool-tip span {
    background: none;
    text-indent: 0;
}
.global-message .tool-tip span:hover {
    text-decoration: underline;
}
.global-message .tool-tip .tip {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 12px;
    text-transform: none;
    top: 40px;
    width: 500px;
    margin-left: -250px;
}
.main-nav .flyout-spiff {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    padding: 0 15px;
    margin-bottom: 10px;
}
.main-nav .flyout-spiff h4 {
    text-transform: uppercase;
    color: #D54400;
    font-size: 22px;
}
.main-nav .flyout-spiff span {
    color: #4c7637;
    font-size: 15px;
}
/*
  ============================================
  International Shopping Modal
  ============================================
*/
/*.moby-container.intl-shopping-modal {
  width: 700px;
  padding-top: 20px;
}
.moby-container.intl-shopping-modal h3 {
  font-size: 30px;
  padding-bottom: 3px;
  margin-bottom: 12px;
}
.moby-container.intl-shopping-modal h4 {
  font-size: 18px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  text-transform: uppercase;
  line-height: 22px;
  margin-bottom: 13px;
}
.moby-container.intl-shopping-modal p {
  font-size: 13px;
  margin-bottom: 13px;
}
.moby-container.intl-shopping-modal a.blue {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.moby-container.intl-shopping-modal .row {
  margin-top: 35px;
}
.moby-container.intl-shopping-modal .row:before,
.moby-container.intl-shopping-modal .row:after {
  content: " ";
  display: table;
}
.moby-container.intl-shopping-modal .row:after {
  clear: both;
}
.moby-container.intl-shopping-modal .row .col {
  float: left;
  width: 31.25%;
  margin-left: 5.78125%;
}
.moby-container.intl-shopping-modal .row .col.col-2 {
  width: 25%;
  margin-left: 6.71875%;
}
.moby-container.intl-shopping-modal .row .col:first-child {
  margin-left: 0;
}
.moby-container.intl-shopping-modal .col2-set {
  border-top: solid 1px #999999;
  margin-top: 26px;
  padding-top: 14px;
}
.moby-container.intl-shopping-modal .col2-set:before,
.moby-container.intl-shopping-modal .col2-set:after {
  content: " ";
  display: table;
}
.moby-container.intl-shopping-modal .col2-set:after {
  clear: both;
}
.moby-container.intl-shopping-modal .col2-set .col-1,
.moby-container.intl-shopping-modal .col2-set .col-2 {
  width: 40.625%;
  padding: 0;
  float: none;
}
.moby-container.intl-shopping-modal .col2-set .col-2 {
  margin-left: 18.75%;
}
.moby-container.intl-shopping-modal .col2-set .select-wrap,
.moby-container.intl-shopping-modal .col2-set select {
  width: 100%;
}
.moby-container.intl-shopping-modal .col2-set label {
  display: block;
  margin-bottom: 5px;
}
.moby-container.intl-shopping-modal .col2-set label.error,
.moby-container.intl-shopping-modal .col2-set p.jqv-error{
  display: inline;
  font-size: 12px;
  color: #ca0000;
}
.moby-container.intl-shopping-modal .col2-set p {
  max-width: 225px;
  margin-top: 13px;
}
.moby-container.intl-shopping-modal .buttons-set {
  margin-top: 20px;
}
.moby-container.intl-shopping-modal .buttons-set a.blue {
  margin-right: 17px;
  line-height: 44px;
  font-size: 13px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}*/

/*
  ============================================
  Tracking Information Modal
  ============================================
*/
.moby-container.tracking-info-modal {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 16px;
    color: #54565A;
    width: 730px;
}
.tracking-info-modal .header {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 24px;
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 1px solid #54565A;
}
    .tracking-info-modal .header div {
        margin-bottom: 5px;
    }
    .tracking-info-modal .header div span {
        font-family: 'figtree', helvetica, arial, sans-serif;
    }
        .tracking-info-modal .header div span a {
            color: inherit;
        }
.tracking-info-modal .flex-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
    .tracking-info-modal .flex-parent > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex: 1;
        height: 100%;
    }
    .tracking-info-modal .flex-parent .step {
        font-family: 'figtreeBoldCondensed',helvetica,arial,sans-serif;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
        color: #D54400;
        margin-bottom: 10px;
    }
    .tracking-info-modal .flex-parent .item {
        position: relative;
        font-family: 'figtreeLight', helvetica, arial, sans-serif;
        font-size: 18px;
        flex-grow: 1;
        flex-shrink: 0;
        border: 1px solid #f5f5f5;
        box-shadow: 1px 2px 10px #ccc;
        text-align: center;
        padding-top: 13px;
        min-height: 50px;
        min-width: 140px;
    }
        .tracking-info-modal .flex-parent .item:after {
            content: ' ';
            position: absolute;
            top: 35%;
            right: -23px;
            height: 15px;
            width: 15px;
            background-image: url(/images/arrow_forward.png);
            background-repeat: no-repeat;
            background-position: center;
        }
        .tracking-info-modal .flex-parent > div:last-of-type .item:after {
            content: none;
        }
    .tracking-info-modal .flex-parent .item.selected {
        color: #fff;
        background-color: #54565A;
        box-shadow: none;
    }
.tracking-info-modal .data-table.stacked {
    background-color: #f4f4f4;
    border-bottom: none;
}
    .tracking-info-modal .data-table.stacked thead th {
        font-size: 13px;
    }
        .tracking-info-modal .data-table.stacked tbody td {
            font-family: 'figtree', helvetica, arial, sans-serif;
            font-size: 16px;
        }
        .tracking-info-modal .button.orange {
            background-color: #D54400;
            color: #fff;
            padding: 5px 25px;
        }
    .tracking-info-modal .button.orange:hover {
        text-decoration: underline;
        cursor: pointer;
    }
    .tracking-info-modal #divFaq {
        margin: 25px;
    }
.tracking-info-modal #divFaq ul {
    list-style: disc;
}
    .tracking-info-modal #divFaq ul li {
        margin: 10px 0;
    }

/*
  ============================================
  Share Wish List Information Modal
  ============================================
*/
.moby-container.sharewishlist-modal {
  width: 600px;
}
.moby-container.sharewishlist-modal h4 {
    margin-bottom:8px;
}
.moby-container.sharewishlist-modal .help-text {
    font-size:11px;
}
.moby-container.sharewishlist-modal input {
  width: 100%;
}
.moby-container.sharewishlist-modal .buttons-set {
  float: right;
  margin-top: 20px;
}
.moby-container.sharewishlist-modal .buttons-set a.blue {
  margin-right: 10px;
  line-height: 32px;
  font-size: 13px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.moby-container.sharewishlist-modal .form-list li .input-box {
  width: 390px;
}
.moby-container.sharewishlist-modal .rounded-box {
    margin-top:20px;
}
.moby-container.sharewishlist-modal hr
{
    border-top-color: #999999;
}
/*
  ============================================
  Edit Credit Card Modal
  ============================================
*/
#credit-card-edit .cancel-link
{
    line-height:32px;
    margin-left:25px;
}
/*
  ============================================
  Wish List Message Modal
  ============================================
*/
.moby-container.wishlistmessage-modal {
  width: 250px;
  top: 200px;
}
/*
  ============================================
  Footer
  ============================================
*/
.checkout .container {
    max-width: 1400px;
    width: 100%;
}
.footer .quick-links {
    margin-bottom: 36px;
}
.footer .quick-links a:hover {
    text-decoration:underline;
}
.footer .quick-links:before,
.footer .quick-links:after {
  content: " ";
  display: table;
}
.footer .quick-links:after {
  clear: both;
}
.footer .col {
  float: left;
  width: 15.09433962264151%;
  margin-left: 1.8867924528301887%;
}
.footer .col:first-child {
  margin-left: 0;
}
.footer h5 {
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.footer li {
  line-height: 20px;
}
.footer a {
  font-size: 13px;
}

.footer-supplemental {
  padding: 18px 0;
}
.footer-supplemental:before,
.footer-supplemental:after {
  content: " ";
  display: table;
}
.footer-supplemental:after {
  clear: both;
}
.footer-supplemental .copyright,
.footer-supplemental .copyright a {
  font-size: 11px;
  line-height: 30px;
  color: #2b2b2b;
}
.footer-supplemental .copyright {
  float: left;
  margin-bottom: 0;
}
.footer-badge {
    float: left;
    margin-right: 30px;
}
.footer-badges {
  padding-bottom: 10px;
  text-align: center;
}
.general-footer-si {
    float: left;
}
.general-footer-tpi {
    float: right;
}
.footer-copyright {
    margin-top: 30px;
}
.clubmoreinfo {
    text-align: right !important;
    float: right;
}
/* Buyers Club spiff in the footer */
.button-container {
    width: 85%;
    text-align: center;
}
.footer-col:first-child {
    padding-right: 50px;
}
.footer-col {
    display: inline-block;
    text-align: left;
}
/* end Buyers Club Spiff */

/*#region email sign-up in footer */
/*.membership-spiff {
    background-image: url("/Images/email_capture_background_orange_130.jpg");
    background-position-y: bottom;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    margin: 0 0 20px 0;
    padding: 20px 25px 21px 25px;
    position: relative;
}
    .membership-spiff h4 {
        font-family: figtreeBold, helvetica, arial, sans-serif;
        font-size: 25px;
    }
    .membership-spiff p {
        color: #333333;*/ /* very dark gray */
        /*font-size: 15px;
        margin-bottom: 0;
    }
    .membership-spiff #join-email-form,
    .membership-spiff #join-email-form .inline-button,
    .membership-spiff #join-email-form .inline-button .input-wrapper {
        float: none;
        margin: 0 auto;
        max-width: 450px;
    }
        .membership-spiff #join-email-form label,
        .membership-spiff #join-email-form2 label {
            color: #54565A;
            display: block;
            opacity: 1;
        }
        .membership-spiff #join-email-form .input-wrapper.anchored label {
            color: #fff;
        }
        .membership-spiff #join-email-form .input-text {
            border: 1px solid #d9d9d9;
            border-radius: 1px;
            height: 30px;
            padding-right: 45px;*/ /* protects button */
        /*}

        .membership-spiff #join-email-form #email-error {
            background-color: #ffffff;
            left: 0;
            padding: 3px;
            position: absolute;
            text-align: left;
            top: 31px;
            width: 100%;
        }

        .membership-spiff #join-email-form p {
            color: #ffffff;
            font-family: figtreeBold, helvetica, arial, sans-serif;
            font-size: 16px;
        }*/

#manage-email-pref {
    bottom: 5px;
    position: absolute;
    right: 10px
}
#manage-email-pref a {
    color: #ffffff;
    font-family: figtree, helvetica, arial, sans-serif;
    font-size: 11px;
}

/*.email-capture-button {
    background-color: #d9d9d9;
    background-image: url("https://image.sportsmansguide.com/image/icon/email_capture_icon.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    width: 44px;
    position: absolute;
    right: 0px;
    top: 0px;
}*/
/*.email-capture-button:hover {
    background-color: transparent;
}*/

#email-input-footer {
    width: 90%;
}
/* flexbox stuff needs to be tested / work on old iPads and above */
#thankyouemail-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;

    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    #thankyouemail-flex-container #thankyouemail-flex-item {
        -webkit-align-self: center;
        align-self: center;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }

/*#endregion email sign-up in footer */

/*
  ============================================
  Satisfaction Guarantee Container
  ============================================
*/
.satisfaction-container {
    background-color: rgb(225,88,41);
    height: 65px;
}
.satisfaction-wrapper {
    position: relative;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    color: #fff;
}
.satisfaction-wrapper h4 {
    display: inline-block;
    font-size: 34px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: right;
    vertical-align: top;
    padding-right: 12px;
}
.satisfaction-wrapper span {
    display: inline-block;
    font-size: 18px;
    margin-left: 10px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
}
.satisfaction-image {
    display: inline-block;
    background: url('/Images/satisfaction-guarantee.png') 100% no-repeat;
    width: 114px;
    height: 88px;
    margin-top: -11px;
}
/*
  ============================================
  Card Promo Container
  ============================================
*/
#credit-apply-banner {
    width:80%;
}
.credit-apply-landing {
    width: 90%;
    height: 110px;
}
/*
  ============================================
  Gift Card Container
  ============================================
*/
.gift-card-container {
	background: #4f5b31;
    height: 50px;
}
.gift-card-wrapper {
    position: relative;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    color: #fff;
    text-align: center;
    vertical-align: top;
}
.gift-card-wrapper h4 {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
}
.gift-card-wrapper span {
    font-size: 10px;
    margin-left: 10px;
}
.gift-card-image {
    position: relative;
    display: inline-block;
    background: url('/Images/gift-card.png') 100% no-repeat;
    width: 132px;
    height: 101px;
    vertical-align: top;
    margin-top: -26px;
}
/* Guaranteed Message on Home Page */
.guarantee-message-container {
    padding: 20px!important;
}
.guarantee-message-container .cms {
    border-top: 0!important;
}
/*
  ============================================
  Spiffs
  ============================================
*/
.spiff-container:before,
.spiff-container:after {
  content: " ";
  display: table;
}
.spiff-container:after {
  clear: both;
}
.spiff-container ul:before,
.spiff-container ul:after {
  content: " ";
  display: table;
}
.spiff-container ul:after {
  clear: both;
}
.spiff-container .spiff,
.spiff-container .spiffs {
  float: left;
  width: 23.58490566037736%;
  margin-left: 1.8867924528301887%;
}
.spiff-container .spiffs .spiff {
  float: none;
  margin: 0 0 1.8867924528301887% 0;
}
.spiff-container.column-default-slider,
.spiff-container.default-slider {
  padding-top: 29px;
}
.spiff-container.vertical.bc2018 .spiff p {
    margin-bottom: 0;
}
.spiff-container.vertical .spiff {
  margin: 0 0 22px;
  width: 100%;
}
.spiff-container.vertical .spiff .button.painted-yellow {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 14px;
}
.spiff {
  display: block;
  position: relative;
}
.spiff:first-child {
  margin-left: 0;
}
.spiff img {
  display: block;
}
.spiff .caption {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 8px 10px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.spiff .caption h4 {
  text-transform: uppercase;
  font-size: 13px;
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
}
.spiff .caption p {
  font-size: 13px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  margin-bottom: 0;
}
/*
  ============================================
  Homepage
  ============================================
*/
.home .container,
.brand-experience .container,
.brand-experience  #main.main.container {
	max-width: 1400px;
    width: 100%;
}
.home .spiff-container {
  margin: 1.8867924528301887% 0;
  padding-top: 0;
}
.ab-spiff-container {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
    .ab-spiff-container .container {
        position: relative;
        width: 100%;
        margin-bottom: 5px;
    }
    .ab-spiff-container .spiff-pad {
        margin-top: 9.5%;
    }
    .ab-spiff-container .container img {
        z-index: 1;
    }
    .ab-spiff-container .main-spiff-container {
        display: inline-block;
		width: 100%;
    }
        .ab-spiff-container .main-spiff-container img {
            width: 100%;
            display: block;
        }
        .ab-spiff-container .main-spiff-container img:hover {
            opacity: .75;
        }
            .ab-spiff-container .main-spiff-container .left-container, 
            .ab-spiff-container .main-spiff-container .middle-container, 
            .ab-spiff-container .main-spiff-container .right-container {
                text-align: center;
            }
            .ab-spiff-container .main-spiff-container .left-container {
				width: 49%;
                float: left;
            }
            .ab-spiff-container .main-spiff-container .right-container {
				width: 49%;
                float: left;
				margin-left: 2%;
            }
.home .product-collateral .cms {
  padding-top: 36px;
  border-top: 1px solid #999999;
  color: #595959;
}
.home .product-collateral .cms h1 {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
.home .product-collateral .cms .content {
  -webkit-column-width: 50%;
  -moz-column-width: 50%;
  column-width: 50%;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.home .product-collateral .cms .content p {
  font-size: 12px;
}
/*Hero Rotator*/
.home .hero-container {
    position: relative;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: 2px;
}
.hero-container .hero {
    position: relative;
    max-width: 1400px;
    overflow: visible;
}
.carousel-control:hover {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.7);
}
.carousel-control:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 24px;
  width: 16px;
  margin: -12px 0 0 -8px;
  background: url('/images/gorilla/sprite.png') 0 -427px no-repeat;
}
.carousel-control.next {
  left: auto;
  right: 0;
}
.carousel-control.next:after {
  background-position: -58px -427px;
}
.hero {
  overflow: hidden;
  position: relative;
  max-height: 600px;
  max-width: 1400px;
  width: 100%;
  height: auto;
}
.hero .hero-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  opacity: 0;
  overflow: hidden;
}
.hero .hero-slide img
{
  width: 100%;
  height: auto;
  display: block;
}
.carousel-control {
  z-index: 4;
  position: absolute;
  top: 40%;
  left: 0;
  width: 40px;
  height: 64px;
  padding: 0;
  background-image: none;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.7);
  text-indent: -999em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.carousel-control.next {
  left: auto;
  right: 0;
}
.carousel-nav {
  z-index: 1;
  position: absolute;
  bottom: -22px;
  text-align: center;
  width: 100%;
}
.carousel-nav li {
  display: inline-block;
  margin-left: 10px;
}
.carousel-nav li a {
  display: block;
  height: 15px;
  width: 30px;
  text-indent: -999em;
  background-color: #c8c8c8;
  border-radius: 5px;
}
.promo-carousel .promo-slide {
    display: inline-block;
}
.promo-carousel .promo-slide.ps-hidden {
    display: none;
}
/*
    ==========================================
    Home Page Sliders
    ==========================================
*/
.slider-wrapper {
    position: relative;
}
.slider-header-wrapper {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    margin-bottom: 25px;
    position: relative;
    line-height: 30px;
    border-bottom: 1px solid #d9d9d9;
}
.slider-header-wrapper h3 {
    font-family: inherit;
    display: inline-block;
}
.slider-header {
    font-size: 27px;
    color: #D54400;
    margin-bottom: 0;
}
.slider-header span {
    color: #999;
    font-style: italic;
}
.slider-header > img {
    display: inline-block;
    margin: 0 5px -12.5px 10px;
}
.see-all {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #999;
    font-size: 16px;
    text-transform: uppercase;
}
.see-all.bottom {
    left: 0;
    bottom: -45px;
    margin: 0 auto;
    width: 100px;
    text-align: center;
}
.see-all:hover {
    text-decoration: underline;
    color: #999;
}

.slider-container .default-slider .product-name {
    overflow: hidden;
    height: 3.5em;
}

.product-view .recently-viewed {
    margin-bottom: 25px;
}
.share-the-thrill {
    display: inline-block;
    background: url('/images/gorilla/sprite.png') no-repeat -30px -470px;
	width: 164px;
	height: 27px;
}
/*
  ============================================
  Product View
  ============================================
*/
.product-shop .product-media {
  padding: 10px 0;
}
.product-shop .product-media:before,
.product-shop .product-media:after {
  content: " ";
  display: table;
}
.product-shop .product-media:after {
  clear: both;
}
.product-shop .product-media .pdp {
  height: 30px;
}
.product-shop .rating-box {
  width: 400px;
  padding: 0px 0;
  float: left;
}
.product-shop .product-main {
  padding-top: 10px;
}
.product-shop .product-main:before,
.product-shop .product-main:after {
  content: " ";
  display: table;
}
.product-shop .product-main:after {
  clear: both;
}

.product-shop blockquote {
  clear: both;
  margin-bottom: 20px;
}
.product-shop blockquote p {
  margin-bottom: 0;
}
.product-shop .buttons-set .add-to-cart,
.product-shop .buttons-set .wishlist {
  margin-left: 8px;
}
.product-shop .buttons-set .add-to-cart,
.moby-container.quickview .add-to-cart {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.product-shop .buttons-set .add-to-cart button.btn-cart, 
.moby-container.quickview .add-to-cart button.btn-cart {
    line-height: 40px;
    width: 100%;
}
.product-shop .buttons-set .wishlist {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  font-size: 12px;
  color: #000080;
  line-height: 32px;
  text-transform: uppercase;
}

label#notify-me-subscribe-label {
    display: inline-block;
    float: none;
    width: 85%;
    line-height: inherit;
    font-family: inherit;
    color: inherit;
}

li.notify-me-subscribe .style-checkbox {
    margin-top: 3px;
}
.product-shop .stock-note.out {
  color: #828282;
}
.product-shop .price-box span {
  margin-top: 0px;
}
.product-shop .price-box .savings-price span {
  font-size: 13px;
  font-weight: bold;
}
.buyers-club {
  background-color: #f0f0f0;
  border: 1px solid #2b2b2b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: right;
  width: 228px;
  padding: 0 10px 10px;
  margin: 19px 0 20px;
}

.buyers-club img {
  text-align: center;
  margin: -26px 0 6px;
}
.buyers-club p {
  margin-bottom: 8px;
  font-family: 'figtree', helvetica, arial, sans-serif;
  font-size: 13px;
  line-height: normal;
}
.buyers-club p strong {
  font-size: 14px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.buyers-club p em {
  display: block;
}
.buyers-club .note {
  font-size: 10px;
}
.buyers-club .buttons-set {
  text-align: center;
}
.buyers-club-red {
  color: rgb(172, 22, 44); /* Buyers Club Red */
}
.burnt-orange-background {
    background-color: #D54400;
}
.show-buyers-club-benefits {
    color: #000080;
    cursor: pointer;
    font-family: "figtreeBold", helvetica, arial, sans-serif;
    font-size: 16px;
    text-align:center;
    text-decoration:underline;
}
.product-view .tabs {
  position: relative;
}
.product-view .tabs .tab {
  position: relative;
  z-index: 8;
}
.product-view .tabs .tab-container {
  position: absolute;
  top: 37px;
  background-color: #f7f7f7; /* used to be #f5f2ed */
  /*background-image: url('data:image/gif;base64,R0lGODlhCgAKAIAAAOzq5fn38iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRjk0NkMxQjY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjk0NkMxQzY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZGOTQ2QzE5NjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZGOTQ2QzFBNjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAoACgAAAg9EjBfLrZmcg0/OGu2iWRcAOw==');*/
  border: 1px solid #999999;
}
.product-collateral {
  clear: both;
}
.product-collateral.container .slider-wrapper,
.product-collateral.container .slider-header-wrapper {
    margin-bottom: 50px;
}
.addl-options-box .form-list li.control {
  margin-bottom: 0;
  padding: 5px;
}
.addl-options-box .form-list li.control .input-box {
  margin-top: 2px;
}
.addl-options-box .form-list li.control label {
  font-size: 13px;
  color: #2b2b2b;
  line-height: 18px;
  float: none;
  display: inline;
  max-width: 100%;
}
.addl-options-box .form-list li.control label .price {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  color: #ca0000;
}
.addl-options-box .form-list li.control label .price.regular-price {
  color: #000080;
}
/*rating stars*/
.ratings {
  margin-bottom: 5px;
}
.ratings:before,
.ratings:after {
  content: " ";
  display: table;
}
.ratings:after {
  clear: both;
}
.rating-box {
  display: block;
}
.rating-count {
  float: left;
  /*margin-left: 5px;*/
  margin-left: 67px;
  font-size: 12px;
  line-height: 15px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.rating-box:before,
.rating-box:after {
  content: " ";
  display: table;
}
.rating-box:after {
  clear: both;
}
.rating-box .rating {
  width: 64px;
  height: 14px;
  text-indent: -999em;
  background: url('/images/gorilla/sprite.png') -302px 1px no-repeat;
  float: left;
}
.rating-box .stars-overlay {
    background: url('/images/gorilla/sprite.png') -367px 1px no-repeat;
    position: absolute;
}
.rating-box-large .rating {
  width: 91px;
  height: 18px;
  text-indent: -999em;
  background: url('/images/gorilla/sprite.png') -302px -49px no-repeat;
}
.rating-box-large .stars-overlay {
    background: url('/images/gorilla/sprite.png') -394px -49px no-repeat;
    position: absolute;
}

.rating-box-large .write-review {
    float:right;
    line-height:18px;
    font-size:13px;
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
    text-decoration:underline;
    color:#4f5b31 !important;
}

.rating-box-large .rating-average {
    float:left;
    margin-left:100px;
    line-height:18px;
    font-size:13px;
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
    color: #000000;
}

.rating-box-large a.rating-average {
    text-decoration: underline;
    color: #4b7637;
}

.rating-box-large .rating-count {
  font-size: 13px;
  color:black;
  line-height: 18px;
  margin-left:7px;
}
.rating-box-large .rating-summary {
  float: left;
  display: block;
  margin-left: 18px;
  height: 18px;
  vertical-align: baseline;
}
.rating-links:before,
.rating-links:after {
  content: " ";
  display: table;
}
.rating-links:after {
  clear: both;
}
.rating-links li {
  float: left;
  padding: 0 6px;
  border-left: 1px solid #5a5e62;
}
.rating-links li:first-child {
  border-left: 0;
}
.rating-links li a, 
.rating-links li span {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  display: block;
  color: rgb(75, 118, 55); /* Mallard Head Green */
}
.rating-links li a:hover {
    text-decoration: underline;
}

/*Product Video*/
.products-grid .plpVideoIcon{
    float:right;
}
.product-grid .plpVideoIcon{
    float:left;
}
.products-grid .plpVideoIcon img {
    margin-left: 0;
 }
.moby-container.video {
  padding-bottom: 10px;
}
.video-container {
  display: none;
}
.video-container .rating-box {
  margin: 6px 0;
}
.video-container a {
  font-size: 10px;
}

/*Reviews Display*/
.comments header:before,
.comments header:after {
  content: " ";
  display: table;
}
.comments header:after {
  clear: both;
}
.comments header .sort {
  clear: both;
  float: right;
  font-size: 13px;
}
.comments .comments-list li {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #999999;
}
.comments .comments-list li:first-child {
  padding-top: 16px;
  border-top: 1px solid #999999;
}
.comments .comments-list .comment-author {
  margin-bottom: 4px;
}
.comments .comments-list .comment-author .rating-box,
.comments .comments-list .comment-author p {
  display: inline-block;
  vertical-align: top;
}
.comments .comments-list .comment-author p {
  margin: 0 0 0 2px;
  vertical-align: baseline;
}
.comments .comments-list .comment-author p.comment-title {
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
}
.comments .comments-list .comment-author .rating-box {
  margin-top: 3px;
}
.comments .toolbar {
  background: transparent;
  padding: 0;
  font-size: 14px;
  padding: 0px 0 0 0px;
}
.comments .toolbar .paging {
  width: auto;
  float:right !important;
}
.comments .toolbar .paging li:before {
  content: ", ";
}
.comments .toolbar .paging li:first-child:before {
  content: "";
}
.comments .toolbar .display {
    line-height:28px;
}
.comments .toolbar .display p {
  font-size: 14px;
  line-height:25px;
}
.comments .sort .label {
  line-height: 25px;
}
.comments .customStyleSelectBox {
  line-height: 23px;
  height: 25px;
  border: 1px solid #d8d9db;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  min-width: 127px;
  background-color: #ffffff;
}
.comments .customStyleSelectBox:before {
  height: 23px;
  background: #ffffff url('/images/gorilla/sprite.png') -177px -15px no-repeat;
}
.comments .customStyleSelectBox .customStyleSelectBoxInner {
  width: 80px;
  font-family: 'figtree', helvetica, arial, sans-serif;
}
/*Notice & Restriction Messages*/
.notice,
.msg-block .messages,
.error-block .messages {
  clear: both;
  border: 1px solid #5a5e62;
  background-color: #ebe9e5;
  border-radius: 4px;
  padding: 1.670378619153675%;
  margin-bottom: 20px;
}
.notice p,
.msg-block .messages p,
.error-block .messages p {
  font-size: 12px;
  margin: 14px 0 0 0;
  line-height: normal;
}
.notice p:first-child,
.msg-block .messages p:first-child,
.error-block .messages p:first-child {
  margin-top: 0;
}
.notice h4,
.msg-block .messages h4,
.error-block .messages h4 {
  font-size: 13px;
  margin-bottom: 6px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.notice strong,
.msg-block .messages strong,
.error-block .messages strong {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.notice ul,
.msg-block .messages ul,
.error-block .messages ul {
  font-size: 13px;
}
.notice ul li,
.msg-block .messages ul li,
.error-block .messages ul li {
  padding-top: 6px;
}
.notice ul li:first-child,
.msg-block .messages ul li:first-child,
.error-block .messages ul li:first-child {
  padding-top: 0;
}
.notice ul li:before,
.msg-block .messages ul li:before,
.error-block .messages ul li:before {
  content: "- ";
}
.notice.restriction,
.msg-block .messages.restriction,
.error-block .messages.restriction {
  border-color: #ca0000;
  background-color: #F9EEEE;
}
.gdpr-li {
	height: 0px;
	margin-bottom: 0px !important;
	display: none;
}
.checkout .notice.gdpr-address,
.account-create .notice.gdpr-address,
.my-account-main .notice.gdpr-address {
	margin-left: 450px;
	margin-top: 0px;
	top: -41px;
	margin-right: -250px;
	position: relative;
}
.account-create .notice.gdpr-address {
	width: 50%;
}
.my-account-main .notice.gdpr-address {
	width: 40%;
}
.intl-shopping .notice.gdpr {
	font-size: 12px;
}

.error-block .messages {
  border-color: #ca0000;
  background-color: #F9EEEE;
}
.msg-block .messages {
  
}
.restrictions-note {
  clear: both;
  border: 1px solid rgb(172, 22, 44); /* Buyers Club Red */
  border-radius: 4px;
  padding-left: 1.670378619153675%;
  padding-right: 1.670378619153675%;
  padding-bottom: 1.670378619153675%;
  margin-bottom: 20px;
}
.restrictions-note p {
  color: rgb(172, 22, 44); /* Buyers Club Red */
  font-size: 12px;
  margin: 5px 0 5px 0;
  line-height: normal;
}

.restrictions-note strong {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.restrictions-note ul {
  font-size: 13px;
}
.restrictions-note ul li:before {
  content: "- ";
}
/*Box with Rounded Corners*/
.rounded-box {
  border-radius: 4px;
  padding: 18px;
  margin-bottom: 20px;
}
.rounded-box.success-message
{
  border: 1px solid rgb(79, 91, 49); /* Deep Woods Green */
  background-color: #e9efdd; /* 50% of Faded Moss Green */
}
.rounded-box.error-message
{
  border: 1px solid rgb(172, 22, 44); /* Buyers Club Red */
  background-color: #ebe9e5;
}
.col-left nav,
.col-left aside {
  padding: 20px 8%;
  position: relative;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.col-left aside header {
  position: relative;
}
.col-left nav h2,
.col-left aside h2 {
  border-bottom: 1px solid #2b2b2b;
  color: #2b2b2b;
  font-size: 18px;
  margin-bottom: 17px;
  padding-bottom: 7px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  text-transform: uppercase;
}
.col-left aside h3,
.col-left aside h5 {
  color: #2b2b2b;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 14px;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.col-left aside h4 {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  font-size: 13px;
  margin-bottom: 14px;
}
.col-left nav li,
.col-left aside li {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  display: block;
  font-size: 13px;
  line-height: 24px;
  margin-top: 6px;
}
.col-left aside li a:hover,
.col-left aside li.active a {
  
}
.my-account aside li a:after,
.cms-template nav li a:after,
.cms-template aside li a:after,
.quickorder aside li a:after,
.shopping-cart aside li a:after {
  background: transparent url('/images/gorilla/sprite.png') -24px -365px no-repeat;
  content: '';
  display: inline-block;
  vertical-align: top;
  height: 24px;
  width: 12px;
  top: 3px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.24s ease-out;
  -moz-transition: all 0.24s ease-out;
  -o-transition: all 0.24s ease-out;
  transition: all 0.24s ease-out;
}
.my-account aside li a:hover:after,
.cms-template nav li a:hover:after,
.cms-template aside li a:hover:after,
.quickorder aside li a:hover:after,
.shopping-cart aside li a:hover:after,
.my-account aside li.active a:after,
.cms-template nav li.active a:after,
.cms-template aside li.active a:after,
.quickorder aside li.active a:after,
.shopping-cart aside li.active a:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
/*
  ============================================
  CMS Content
  ============================================
*/
.cms strong {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.cms em {
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.cms h3 {
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.cms ul {
    margin: 0 0 18px 18px;
    list-style: disc;
    font-size: 13px;
    line-height: 16px;
}
.cms address {
    margin-bottom: 20px;
}

/*
  ============================================
  404 Page
  ============================================
*/
.error-page .cms-main .page-title h1 {
  margin: 25px 0 0;
  float: none;
}
.error-page .cms-main p {
  margin-bottom: 48px;
  font-size: 13px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
/*
  ============================================
  Category/Product Listing
  ============================================
*/
.category-view #trackif-container {
    width: auto;
    display: inline;
}
.category-view .page-title p {
  font-size: 13px;
  color: #595959;
}
.category-view .page-title a {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  font-weight: bold;
}
.category-view .page-title a:hover {
    text-decoration:underline;
}
.category-view .category-hero {
  margin-bottom: 12px;
}
.category-view .category-hero img {
  display: block;
}
.category-view .category-hero a img {
    width: 100%;
}
.category-view .spiff-container.top {
  margin: 0 0 2.5316455696202533% 0;
}
.category-view .spiff-container.top.triple .spiff {
  width: 31.645569620253166%;
}
.category-view .spiff-container.top.quadruple .spiff {
  width: 22.25%;
  margin-left: 3.66%;
}
.category-view .spiff-container.top .spiff,
.category-view .spiff-container.top .spiffs {
  margin-left: 2.5316455696202533%;
}
.category-view .spiff-container.top .spiff:first-child,
.category-view .spiff-container.top .spiffs:first-child {
  margin-left: 0;
}
.category-view .spiff-container.top .spiffs .spiff {
  margin: 0;
  width: 100% !important;
}
.category-view .spiff-container.top .spiffs .spiff:first-child {
  margin-bottom: 5.194805194805195%;
}
.category-view .spiff-container.top.double .spiff,
.category-view .spiff-container.top.double .spiffs {
  width: 48.734177215189874%;
}
.category-view .spiff-container.top.double .spiff:last-of-type img {
    float: right;
}
.category-view aside.filters .categories ul,
.category-view aside.filters .accordion ul {
    padding-bottom: 12px;
}
.category-view aside.filters .filter-by li {
    display: none;
}
    .category-view aside.filters .filter-by li.show-more {
        display: block;
    }
.category-view aside.filters ul li {
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
    display: block;
    font-size: 13px;
    line-height: 1em;
    margin-top: 8px;
}

    .category-view aside.filters ul li:first-child {
        margin-top: 0;
    }

    .category-view aside.filters ul li .style-checkbox {
        margin-top: 0;
    }

.category-view aside.filters .current-filters {
    margin-bottom: 24px;
    padding: 8px 0;
}
    .category-view aside.filters .current-filters div {
        font-family: 'figtreeMedium', helvetica, arial, sans-serif;
        font-size: 13px;
        text-transform: none;
    }
        .category-view aside.filters .current-filters div a {
            font-family: 'figtree', helvetica, arial, sans-serif;
            font-size: 12px;
            line-height: 18px;
        }
    .category-view aside.filters .current-filters > div {
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        width: 100%;
    }
    .category-view aside.filters .current-filters li {
        display: block;
        margin: 0;
        padding: 0;
    }
        .category-view aside.filters .current-filters li:before,
        .category-view aside.filters .current-filters li:after {
            content: " ";
            display: table;
        }
        .category-view aside.filters .current-filters li:after {
            clear: both;
        }
        .category-view aside.filters .current-filters li div {
            float: left;
            font-family: 'figtree', helvetica, arial, sans-serif;
            margin: 0;
        }
    .category-view aside.filters .current-filters a {
        display: inline-block;
        font-size: 12px;
        float: right;
    }

.category-view aside.unanchored ul li {
  margin-top: 17px;
}
.category-view .dept-cat-list {
    max-height: 200px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    z-index: 1;
}
.gradient-overlay {
    position: absolute;
    cursor: pointer;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 50px 0;
    background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    background: -moz-linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    z-index: 2;
}
.category-view .dept-cat-list ul {
    width: 100%;
}
.category-view .dept-cat-list ul li {
    text-align: center;
    margin-bottom: 10px;
    background-color: #4f5b31;
    border-radius: 5px;
    padding: 10px 5px;
}
.category-view .dept-cat-list ul li a {
    font-family: 'figtree', helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    display: block;
    -webkit-tap-highlight-color:rgba(255,255,255,.5);
}
.category-view .more-cats {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
    cursor: pointer;
}
.category-view .more-cats .plus {
    background: url('/images/gorilla/sprite.png') no-repeat -5px -204px;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
}
.category-view .more-cats span {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 16px;
    color: #b7b7b7;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

/* bulleted horizontal div*/
.bullet-div {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    text-align: center;
    font-size: 22px;
    margin-bottom: 12px;
    width: 100%;
}
.bullet-div a:hover {
    text-decoration: underline;
}
.category-hero > a > img:hover,
.spiff-container.top > .spiff > a > img:hover {
    opacity: .85;
    filter: alpha(opacity=85);
}
.spiff-accordion .accordion-content {
    background-color: #f9f9f9;
    position: relative;
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.25s ease;
    -moz-transition: height 0.25s ease;
    -o-transition: height 0.25s ease;
    transition: height 0.25s ease;
}
.spiff-accordion .accordion-content.open {
    height: auto;
}
.spiff-accordion .accordion-content .spiff-container.top.triple {
    margin: 0;
    text-align: center;
}
.spiff-accordion .accordion-content .spiff-container.top.triple .spiff {
    width: 27.5%;
    margin: 10px;
    float: none;
    display: inline-block;
}
.peelback-container {
    display: block;
    width: auto;
    height: 185px;
    overflow: hidden;
    position: relative;
}
.peelback-container div.before, .peelback-container div.after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 100;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.peelback-container div.after {
    z-index: 1;
}
/* Infinite Scroll */
#infscr-loading {
  height: 68px;
  position: relative;
  margin: -20px 0 13px;
}
#infscr-loading img {
  left: 50%;
  margin-left: -34px;
  position: absolute;
  z-index: 9;
}
#infscr-loading > div {
  border-top: 1px solid #999999;
  position: absolute;
  top: 34px;
  width: 100%;
  height: 1px;
}
.back-to-top {
  display: none;
}
.view-all .toolbar .paging {
  display: none;
}
.view-all .back-to-top {
  position: fixed;
  bottom: 0;
  width: 34px;
  height: 29px;
  border-radius: 3px 3px 0 0;
  z-index: 10;
  cursor: pointer;
}
.view-all .back-to-top span {
  display: block;
  text-indent: -9999px;
  background: url('/images/gorilla/sprite.png') -267px -81px no-repeat;
  width: 14px;
  height: 9px;
  margin: 11px 0 0 10px;
}

.imageTemplate {
    overflow: auto; /* ensures height is calc'd correctly when all contents are floated */
}

/*
  ============================================
  Product Listing Pages (Grid/List)
  ============================================
*/
.new-item-productlist:before {
    color: #D54400;
    content: "NEW! ";
}
.products-grid {
  margin-bottom: 28px;
  list-style: none;
}
.products-grid:before,
.products-grid:after {
  content: " ";
  display: table;
}
.products-grid:after {
  clear: both;
}
.products-grid .slick-list {
    width: 100%;
}
.products-grid > li {
  display: inline-block;
  margin-left: 2%;
  width: 23.037974683544306%;
  position: relative;
  vertical-align: top;
}
.products-grid > li:first-child {
  margin-left: 0;
}
.products-grid > li > div.tile-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.products-grid .product-image {
  display: block;
  position: relative;
}
.products-grid .product-image img.lazy {
  display: block;
  border: 1px solid #d2d2d2;
}
.products-grid .product-name {
  font-size: 13px;
  line-height: 18px;
  margin: 4px 0 5px;
}
ol.products-grid.products-grouping li .product-name {
    overflow: hidden;
    height: 3em;
    text-align: left;
}
.product-name a:hover {
    text-decoration: underline !important;
}
.products-grid .price-box {
    position: relative;
}
.products-grid .rating-box {
    margin: 4px 0;
    min-height: 14px;
}
.products-grid .btn-cart {
  width: 76.92307692307693%;
}
.products-grid .btn-cart.blue {
  width: 100%;
}
.products-grid .add-to-cart {
  margin-top: 4px;
}
.products-grid.transition {
  position: relative;
  top: 0;
  -webkit-transition: top 10s ease-in-out;
  -moz-transition: top 10s ease-in-out;
  -o-transition: top 10s ease-in-out;
  transition: top 10s ease-in-out;
}
.products-grid.transition.in {
  top: 500px;
}

.video-stats li,
span.availability {
  font-size: 12px;
}

/*Brand Products Page */
.category-alt .page-title h1 {
  text-transform: none;
}
.category-alt .page-title h4 {
  color: #595959;
  font-size: 14px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}

/*Ribbons*/
.ribbon {
  background: url('/images/gorilla/sprite.png') 0px -290px no-repeat;
  text-indent: -999em;
  position: absolute;
  top: -6px;
  left: -6px;
  height: 65px;
  width: 125px;
  z-index: 8;
}
.ribbon.clearance {
  background-position: 0px -222px;
}
.ribbon.guide-gear {
  background-position: -151px -47px;
  width: 60px;
  top: -10px;
  left: -8px;
}
.ribbon.video {
  background-position: -77px -47px;
  height: 28px;
  left: 0;
  top: 151px;
  width: 44px;
}
/*Slider*/
.column-default-slider {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.column-default-slider .products-grid,
.default-slider .products-grid,
.column-default-slider ul,
.default-slider ul {
  position: relative;
}
.column-default-slider .products-grid li,
.column-default-slider ul li
{
  margin-left: 0 !important;
  float: left;
}
.column-default-slider .products-grid,
.default-slider .products-grid {
  margin-bottom: 0;
}
.banana-control {
  position: absolute;
  top: 8px;
  right: 30px;
  width: 9px;
  height: 15px;
  padding: 0;
  border: none;
  background: transparent url('/images/gorilla/sprite.png') 0 -371px no-repeat;
  text-indent: -9999px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.24s ease-out;
  -moz-transition: opacity 0.24s ease-out;
  -o-transition: opacity 0.24s ease-out;
  transition: opacity 0.24s ease-out;
}
.banana-control.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.banana-control:hover {
  background-color: transparent;
}
.banana-control.next {
  right: 0;
  background-position: -29px -371px;
}
.banana-track {
  position: relative;
  width: 100%;
  height: 4px;
  overflow: visible;
  margin: 20px 0;
}
.banana-track .banana-handle {
  position: absolute;
  top: -2px;
  left: 0;
  width: 50px;
  height: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.slick-slide .product-image .btn-quickview {
    top: 40%;
}
.home .slick-slide .product-image .btn-quickview {
    top: 42.5%;
}
.btn-quickview {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 32px;
  margin: -16px 0 0 0;
  background-color: #000000;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
    .btn-quickview .button {
        /* seems like you could just text-align:center the container class..*/
        background-color: #D54400;
        border-radius: 2px;
        box-shadow: 0 1px 6px #54565A;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 13px;
        letter-spacing: 1px;
        position: absolute;
        left: 50%;
        margin: 0 0 0 -57px;
        padding: 0 !important;
    }
    .btn-quickview .button:hover {
        -webkit-filter: brightness(1.1);
        filter: brightness(1.1);
    }
.btn-quickview .button span {
  padding: 4px 18px;
  display: block;
}
.product-image:hover .btn-quickview,
.product-image .btn-quickview.show,
.product-tile .btn-quickview.show {
  opacity: 1;
  filter: alpha(opacity=100);
}
.product-image > a:hover h2.product-name {
    text-decoration: underline;
}
.more-link {
  text-align:right;
  width: 100%;
}
.more-link a {
  font-size: 13px;
  color: #000080;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}

/*********************
 * Shopping Cart
*********************/
.shopping-cart .subheader p {
  font-family: 'figtree', helvetica, arial, sans-serif;
  float: left;
}
.shopping-cart .subheader p strong {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.shopping-cart .subheader .actions {
  float: right;
}
.shopping-cart .subheader .actions a {
  float: right;
  color: #000000;
  font-size: 12px;
}
.shopping-cart .subheader .actions a:first-child {
  margin-right: 46px;
  float: left;
}
.shopping-cart .subheader .actions .separator {
  color: #000080;
  margin: -2px 7px 0 7px;
  float: right;
}
.shopping-cart .cart-collateral {
  border-bottom: solid 1px #999999;
  padding-bottom: 40px;
}
.shopping-cart .cart-collateral:before,
.shopping-cart .cart-collateral:after {
  content: " ";
  display: table;
}
.shopping-cart .cart-collateral:after {
  clear: both;
}
.shopping-cart .buyers-club {
  float: left;
  width: 64.33962264150944%;
  margin: 35px 0 0;
}
.shopping-cart .buyers-club h1 {
  margin-bottom: 2px;
  text-align:center;
}
.shopping-cart .buyers-club p {
  text-align: center;
  font-size: 18px;
  color: #2b2b2b;
  margin-bottom: 0;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.shopping-cart .buyers-club p strong {
  font-size: 18px;
}
.shopping-cart .buyers-club p span {
  color: #CA0000;
}
.shopping-cart .buyers-club p.note {
  font-family: 'figtree', helvetica, arial, sans-serif;
  font-size: 10px;
  margin: 3px 0 0;
}
.shopping-cart .buyers-club .buttons-set {
  margin-top: 12px;
}
.shopping-cart .product-collateral {
  padding-top: 38px;
}
.cart-trial-message {
	color: #ca0000;
}
.shopping-cart .empty-cart {
  clear: both;
  margin-top: 50px;
}
.shopping-cart .empty-cart p {
  font-size: 16px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.shopping-cart .empty-cart p a {
  color: #000080;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.shopping-cart.view-cart .page-title,
.shopping-cart.wishlist .page-title {
	margin-top: 16px;
}
.data-table.order-table th {
  background-color: #ebe9e5;
  padding: 9px 28px 9px 12px;
}
.data-table.order-table tbody th {
  background-color: #fff;
  padding: 20px 2.6415094339622645% 20px 1.1320754716981132%;
}
.data-table.order-table td {
  padding: 20px 2.6415094339622645% 20px 1.1320754716981132%;
}
.data-table.order-table tbody th:first-child,
.data-table.order-table td:first-child {
  padding-left: 0;
  padding-right: 0;
}
.data-table.order-table tfoot td {
  padding: 17px 0 15px;
}
.data-table.order-table tfoot td .price {
  font-size: 13px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.data-table.order-table tfoot h3 {
  text-transform: none;
  font-size: 14px;
  margin-bottom: 0;
}
.data-table.order-table tfoot p {
  font-size: 12px;
  margin-bottom: 5px;
}
.data-table.order-table tfoot .style-checkbox {
  margin: 1px 5px 0 0;
}
.data-table.order-table tfoot label {
  /*font-size: 14px;*/
}
.data-table.order-table tfoot label strong {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.totals-list {
  float: right;
  width: 32.075471698113205%;
  /*background-color: transparent;*/
  /*background-image: url('data:image/gif;base64,R0lGODlhCgAKAIAAAOzq5fn38iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRjk0NkMxQjY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjk0NkMxQzY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZGOTQ2QzE5NjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZGOTQ2QzFBNjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAoACgAAAg9EjBfLrZmcg0/OGu2iWRcAOw==');*/
  /*background-repeat: repeat;*/
  background-color: #f0f0f0;
  margin-top: 35px;
  padding: 2.0754716981132075%;
  border-radius: 4px;
}
.totals-list dl {
  border-bottom: solid 1px #868686;
  padding-bottom: 6px;
  margin-bottom: 20px;
}
.totals-list dl:before,
.totals-list dl:after {
  content: " ";
  display: table;
}
.totals-list dl:after {
  clear: both;
}
.totals-list dt {
  float: left;
  width: 73.98648648648648%;
  margin-bottom: 10px;
}
.totals-list dd {
  float: right;
  width: 26.013513513513516%;
  text-align: right;
  margin-bottom: 10px;
}
.totals-list .club-total {
  font-size: 17px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  color: #D54400;
}
.totals-list .regular-total,
.totals-list .club-savings {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.totals-list .club-savings {
  color: #D54400;
  font-size: 13px;
}
.totals-list .button {
  width: 100%;
  line-height: 42px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 16px;
}

.account-returns-details .totals-list .button {
    background-color: #061C33;
}
.softball .account-returns-details .totals-list .button {
    background-color: #262626;
}

.shopping-cart .specify-ship-date .customStyleSelectBox{
    padding-right: 42px;
}

/*
  ============================================
  Quick Order
  ============================================
*/
.quickorder h1 {
  text-transform: uppercase;
  margin-bottom: 2px;
}
.quickorder h2 {
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.quickorder .col-l,
.shopping-cart .col-l {
  width: 50.63291139240506%;
  float: left;
}
.quickorder .col-r, 
.shopping-cart .col-r {
  width: 48.22784810126583%;
  float: right;
}
.quickorder .intro:before,
.quickorder .intro:after,
.shopping-cart .intro:before,
.shopping-cart .intro:after {
  content: " ";
  display: table;
}
.quickorder .intro:after,
.shopping-cart .intro:after {
  clear: both;
}
.quickorder .intro dl,
.shopping-cart .intro dl {
  font-size: 13px;
}
.quickorder .intro dl:before,
.quickorder .intro dl:after,
.shopping-cart .intro dl:before,
.shopping-cart .intro dl:after {
  content: " ";
  display: table;
}
.quickorder .intro dl:after, 
.shopping-cart .intro dl:after {
  clear: both;
}
.quickorder .intro dl dt,
.quickorder .intro dl dd,
.shopping-cart .intro dl dt,
.shopping-cart .intro dl dd {
  float: left;
}
.quickorder .intro dl dt,
.shopping-cart .intro dl dt {
  color: #000080;
  margin-right: 5px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  width: 38px;
}
.quickorder .intro dl dd, 
.shopping-cart .intro dl dd {
  width: 355px;
  width: -webkit-calc(100% - 43px);
  width: -moz-calc(100% - 43px);
  width: calc(100% - 43px);
}
.quickorder .intro img, 
.shopping-cart .intro img {
  
}
.quickorder .messages {
  display: none;
  margin-top: 0;
  width: 100%;
}
.quickorder .add-item,
.shopping-cart .add-item {
  border-top: solid 1px #868686;
  border-bottom: solid 1px #868686;
  padding: 20px 0;
  margin: 16px 0;
}
.quickorder .empty {
  margin-top: 20px;
  max-width: 350px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.quickorder .data-table {
  margin-top: 18px;
  border-bottom: none;
}
.quickorder .data-table tbody td input.qty {
  margin-left: 1px;
}
.quickorder .data-table tfoot td {
  padding-right: 0;
}
.quickorder .data-table .product-options {
  margin: 8px 0 0;
}
.quickorder .data-table .product-options label {
  line-height: 14px;
}
/*
  ============================================
  Create Account
  ============================================
*/
.account-create .page-title p {
    margin-top: 18px;
    margin-bottom: 0;
}
.account-create .input-box a {
    color: #54565A;
    font-size: 14px;
    line-height: 18px;
    font-family: 'figtree', helvetica, arial, sans-serif;
}
.account-create .or {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}
.account-create .buttons-set {
    display: flex;
    align-items: center;
}
.account-create #billing-container {
    margin: 10px 0;
}
.account-create #shipping-container {
    margin: 15px 0;
}
/*styles for the create account customer listing*/
.reg-cust-list {
    max-width: 100%;
}
.reg-cust-list-container {
    padding: 15px 0;
}
.reg-cust-list-address
{
    border-right: solid 2px #ccc;
    float:left;
    margin-bottom:10px;
    width:210px;
}
.reg-cust-list-address li
{
    padding:10px;
}
.reg-cust-list-address .addressDisplay {
    margin-bottom: 10px;
}
.reg-cust-list-address .addressDisplay li {
    padding: 0;
}
.reg-cust-list-address label {
    display: inline-block;
    margin-bottom: 4px;
    line-height: 30px;
}
.reg-cust-list-address button {
    font-size:12px;
    line-height:12px;
    padding: 10px;
}
/*
  ============================================
  Account Login
  ============================================
*/
.account-login.main .page-title {
  margin-bottom: 17px;
}
.account-login.main fieldset {
  margin-bottom: 37px;
}
.account-login.main h2 {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 18px;
  margin-bottom: 9px;
  padding-bottom: 17px;
  border-bottom: 1px solid #5a5e62;
}
.account-login.main p {
  margin-bottom: -5px;
  margin-top: 5px;
  font-size: 13px;
}
.account-login.main .col-1 {
  width: 49%;
  height:350px;
}
.account-login.main .col-2 {
  width: 49%;
  float: right;
  height: 350px;
  position: relative;
}
.account-login.main .col-2 p {
  font-family: 'figtree', helvetica, arial, sans-serif;
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 16px;
}
.account-login.main .col-2 ul {
  margin: 10px 0 10px 20px;
  list-style: disc;
}
.account-login.main .col-2 ul li {
  font-size: 16px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.login-core .input-box {
    margin-bottom: 20px;
}
.my-account .account-login .form-list {
    margin-bottom: 0;
}
.account-login .orange-button {
    margin: 20px 0;
}
.account-login .forgot-pass a {
    color: #2A61FF;
}
.ada-blue,
.ada-blue:hover {
    color: #2A61FF;
}
.account-login .restrictions-note
{
    margin-top:10px;
}
.account-login .restrictions-note p
{
    margin-top:0px !important;
    margin-bottom:0px !important;
}
#order-status-signin {
	cursor: pointer;
	padding-top: 150px;
	float: left;
}
.order-status .col-2:after {
  clear: both;
}

/*
  ============================================
  My Account
  ============================================
*/
.my-account .input-box p:not(.jqv-error) {
  font-style: italic;
  margin-top: 2px;
  margin-bottom: 5px;
}
.my-account .form-list {
  margin-bottom: 36px;
}
.my-account .form-list li {
  margin-bottom: 12px;
}
.my-account .form-list li.checkbox {
  margin-top: 34px;
}
.my-account dl {
    margin-bottom: 40px;
}

.my-account dl:before,
.my-account dl:after {
  content: " ";
  display: table;
}
.my-account dl:after {
  clear: both;
}
.my-account dl dt {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  float: left;
  margin-right: 5px;
}
    .my-account dl dt,
    .my-account dl dd {
        line-height: 22px;
    }
    .my-account dl dd.status {
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        color: #D54400;
    }
.billing-age ul,
.billing-age .form-list li {
    margin-bottom: 0px !important;
}
.account-forgotpassword-form li label {
  display: inline;
  width: 100%;
  margin-left: 5px;
  line-height: 20px !important;
}
/*
=============================================
    My Orders
=============================================
*/
    .account-order-row .button.yellow {
        color: #ffffff;
    }

.account-order-row ul {
    list-style-type: disc;
    margin-left: 35px;
}

    .account-order-row ul li {
        margin-bottom: 5px;
    }

.moby-container .my-orders-link,
.moby-container .my-account-back-to {
    display: none; /* the Order Details screen is sometimes shown in a modal, which shouldn't show the link back to My Orders */
}

.order-details h1.order-details-ship-status,
.account-returns h1.order-details-ship-status {
    margin-top: 20px;
    margin-bottom: 12px;
}
.my-account .my-orders .data-table,
.account-returns .data-table {
    border-bottom: none;
    border-top: solid 2px #999999;
    margin-bottom: 5px;
}
.my-account .my-orders .data-table thead th {
    color: #000000;
}
    .my-account .my-orders .data-table .my-orders-detail-link,
    .account-returns .data-table .my-orders-detail-link {
        color: #2960FF;
        font-size: 14px;
    }
.my-account .my-orders .my-orders-bo-msg {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-style: italic;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 40px;
}
/*
=============================================
    My Four Pay Orders
=============================================
*/
ul.four-pay-list > li {
    line-height: 50px;
    position: relative;
    border-bottom: 1px solid #999;
    cursor: pointer;
}
ul.four-pay-list > li:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 18px;
    left: 5px;
    background: url('/images/gorilla/sprite.png') -152px -212px no-repeat;
}
ul.four-pay-list > li.open:after {
    content: '';
    background-position: -203px -212px;
}
ul.four-pay-list li div {
    text-align: center;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
ul.four-pay-list > li > .four-pay-detail {
    display: block;
}
.four-pay-details {
    width: 100%;
}
.four-pay-detail .data-table.stacked {
    width: 75%;
}
.four-pay-detail .view-details {
    position: absolute;
    top: 50%;
    right: 5%;
}
.four-pay-details .th-head {
    width: 100%;
}
.four-pay-details .th-head,
.four-pay-details .th-head .th {
    line-height: 20px;
}
.four-pay-details ul li {
    line-height: 25px;
}
.four-pay-details .paid {
    background: url('/images/gorilla/sprite.png') no-repeat -240px -281px;
	width: 12px;
	height: 10px;
}

/*
  ============================================
  Order Status
  ============================================
*/
.order-status p {
  font-size: 13px;
}
.order-status address {
  font-size: 13px;
  margin-bottom: 18px;
}
.order-status .form-list li .input-box {
  width:290px !important;
  float: none;
}
.order-status label {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.order-status .col-1 {
  width: 63.29113924050633%;
}
.order-status .col-2 {
  width: 31.645569620253166%;
  padding-right: 0;
  float: right;
}
/*
  ============================================
  My Account - Text Message Notifications
  ============================================
*/
.account-texts .main .page-title h1 {
  float: none;
}
.account-texts .main h2 {
  font-size: 18px;
}
.account-texts .main .section {
  margin-top: 32px;
}
.account-texts .main .inline-button .form-list li {
  position: relative;
  margin: 5px 0;
}
.account-texts .main .inline-button .form-list li a.cancel {
  display: none;
}
.account-texts .main .inline-button .button {
    background-color: #000;
}
.account-texts .main .inline-button p {
    font-size: 13px;
}
.account-texts .main .inline-button p em {
  font-family: 'figtree', helvetica, arial, sans-serif;
}
.account-texts .main .inline-button .ajax-loader {
  position: absolute;
  left: 168px;
  top: 23px;
  display: none;
}
.account-texts .main .numbers-list > li {
  margin: 6px 0 0 10px;
}
.account-texts .main .numbers-list > li.template {
  display: none;
}
.account-texts .main .numbers-list > li .info {
  max-width: 195px;
}
.account-texts .main .numbers-list > li .actions {
  float: right;
  line-height: 18px;
}
.account-texts .main .numbers-list > li .actions a {
  font-size: 12px;
  color: #000080;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.account-texts .main .numbers-list > li .actions .separator {
  font-size: 17px;
  margin: 0 5px;
}
.account-texts .main .numbers-list .inline-button .form-list li .button {
  top: 0;
}
.account-texts .main .numbers-list .inline-button .form-list li a.cancel {
  display: inline;
  position: absolute;
  right: -50px;
  top: 7px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  color: #000080;
  font-size: 12px;
}
.account-texts .main .numbers-list .inline-button p,
.account-texts .main .numbers-list .inline-button label {
  display: none;
}
.account-texts .main .numbers-list .inline-button .ajax-loader {
  top: 9px;
}

/*
  ============================================
  My Account - Change Account Credentials form
  ============================================
*/
.account-credentials-form {
  margin-top: 35px;
  margin-bottom: 35px;
}
.account-credentials-form .form-list li label {
  width: 100%;
}
.my-rounded-box
{
  clear: both;
  border: 1px solid #5a5e62;
  background-color: #ebe9e5;
  border-radius: 4px;
  padding: 1.670378619153675%;
  margin: 10px 0 10px 95px;
  width:50%;
}
.my-account .account-settings .flex-parent {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.my-account .account-settings .account-credentials-form .current-email-address {
    margin-bottom: 20px;
}
.my-account .account-settings .account-credentials-form .current-email-address-label {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 11px;
    color: #006EB3;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 15px;
}
.my-account .account-settings .account-credentials-form .change-email-section {
    width: 100%;
    margin-right: 40px;
}
.my-account .account-settings .account-credentials-form .change-password-section {
    width: 100%;
}
.my-account .account-settings #new-number-form .input-box,
.my-account .account-settings .account-credentials-form .input-box {
    max-width: unset;
}
.my-account .account-settings .account-credentials-form .form-list {
    margin-bottom: 20px;
}
.my-account .account-settings #btnChangeEmail,
.my-account .account-settings #btnChangePassword,
.my-account .account-settings #btnSaveSMS,
.my-account .account-settings #btnDeleteSMS {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 12px;
    background-color: #006EB3;
    color: #fff;
    padding: 0 25px;
    width: auto;
}
.my-account .account-settings .text-notifications {
    margin: 50px 0;
}
.my-account .account-settings .text-notifications .text-notifications-text {
    margin-right: 30px;
}
.my-account .account-settings .text-notifications .text-notifications-text,
.my-account .account-settings .text-notifications .text-notifications-number {
    width: 100%;
}
.my-account .account-settings .text-notifications-number .form-list {
    margin-bottom: 20px;
}
.my-account .account-settings #btnSaveSMS:disabled {
    background-color: #898a8d;
}
/*
  ============================================
  My Account - Email Preferences
  ============================================
*/
.account-emails .my-account-main p {
  font-size: 13px;
}
.account-emails .section:before,
.account-emails .section:after {
  content: " ";
  display: table;
}
.account-emails .section:after {
  clear: both;
}
.account-emails .email-logo {
  float: left;
  width: 29.7951582867784%;
}
.account-emails .email-options {
  width: 85% !important;
}
.account-emails .email-options li {
  margin-bottom: 3px;
}
.account-emails .style-radio {
  margin-top: 3px;
  vertical-align: text-bottom;
}
.account-emails .active + label {
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.account-emails .col-1 .buttons-set {
  margin-top: 30px;
}
.account-emails .cms-main .col2-set .col-2 {
  padding-left: 10px;
}
.account-emails .cms-main .col2-set .col-2 h3 {
  text-transform: none;
  font-size: 14px;
  margin-bottom: 10px;
}
.account-emails .cms-main .col2-set .col-2 label {
  width: 100%;
  font-size: 14px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.account-emails .cms-main .col2-set .col-2 .buttons-set {
  padding-bottom: 15px;
}
.email-modal-close {
    text-align: center;
}
.email-preferences-modal{
    position: relative;
    border-radius: 5px;
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.email-preferences-modal p {
    padding: 5px;
    font-size: 20px;
    line-height: 20px;
}
.email-preferences-modal .buttons-set {
    margin: 10px;
}
.email-preferences-modal .buttons-set a {
    padding: 5px;
    width: 35%;
    font-size: 18px;
}
#notify-me-preferences {
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}
/*
  ============================================
  My Account - Returns
  ============================================
*/
.account-returns .cms-main .page-title:before,
.account-returns .cms-main .page-title:after {
    content: " ";
    display: table;
}
.account-returns .cms-main .page-title:after {
  clear: both;
}

.account-returns h1.order-details-ship-status {
    margin-top: 40px;
}

.account-returns .section h3 {
  font-size: 14px;
}
.account-returns .inline-button .input-wrapper {
    float: none;
}
.account-returns.my-account .input-box label {
    top: 5px;
}
.account-returns #returns-form .button {
    background-color: #061C33;
    padding: 0 20px;
    margin: 10px;
    width: unset;
}
.softball .account-returns #returns-form .button {
    background-color: #262626;
    padding: 0 20px;
    margin: 10px;
    width: unset;
}
.account-returns-details .notice.restriction,
.account-returns-confirmation .notice.restriction {
    padding: 16px;
    margin-bottom: 15px;
}
.account-returns-details .messaging,
.account-returns-confirmation .messaging {
  margin-top: 25px;
}
.account-returns-details .messaging p,
.account-returns-confirmation .messaging p {
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
}
.account-returns-details .data-table .select-wrap,
.account-returns-confirmation .data-table .select-wrap {
  display: block !important;
}
.account-returns-details .data-table td:last-child,
.account-returns-confirmation .data-table td:last-child {
  padding-right: 0;
}
.account-returns-details .data-table tbody td.qty-cell,
.account-returns-confirmation .data-table tbody td.qty-cell {
  line-height: 25px;
}

.account-returns-details .data-table tbody td.v-center,
.account-returns-confirmation .data-table tbody td .v-center {
  line-height: 25px;
}

.account-returns-details .data-table tbody td.qty-cell .qty,
.account-returns-confirmation .data-table tbody td.qty-cell .qty {
  height: 26px;
  line-height: 20px;
  width: 26px;
  margin: 0 3px 0 0;
}

.account-returns-details .data-table label.error,
.account-returns-confirmation .data-table label.error,
.account-returns-details .data-table p.jqv-error,
.account-returns-confirmation .data-table p.jqv-error {
    display: block;
    line-height: 13px;
    margin-top: 5px;
    position: absolute;
    /*width: 135px;*/
    color: #ca0000;
}
.account-returns-details .return-notes,
.account-returns-confirmation .return-notes {
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
  list-style-type: disc;
  margin: 20px 55px 0 0;
}
.account-returns-details .totals-list,
.account-returns-confirmation .totals-list {
  margin-bottom: 20px;
  margin-top: 0;
  width: 43.037974683544306%;
}
.account-returns-details .totals-list.totals-list.ajax-loading {
    height: initial;
}
.account-returns-details .totals-list dl,
.account-returns-confirmation .totals-list dl {
  border-bottom: none;
  margin-bottom: 0;
}
.account-returns-details .totals-list dt,
.account-returns-confirmation .totals-list dt {
  width: 65.58823529411765%;
}
.account-returns-details .totals-list dt.credit-label,
.account-returns-confirmation .totals-list dt.credit-label,
.account-returns-details .totals-list dd.credit-amount,
.account-returns-confirmation .totals-list dd.credit-amount {
  margin-bottom: 0;
}
.account-returns-details .totals-list .regular-total,
.account-returns-confirmation .totals-list .regular-total {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 17px;
}
.account-returns-details .totals-list p,
.account-returns-confirmation .totals-list p {
  border-bottom: solid 1px #868686;
  font-size: 12px;
  padding-bottom: 4px;
}
.account-returns-confirmation .cms-main .page-title {
  margin-bottom: 0;
}
.account-returns-confirmation .cms-main .page-title h1 {
  float: none;
  margin-bottom: 10px;
}
.account-returns-confirmation .cms-main .page-title p {
  float: none;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.account-returns-confirmation .totals-list p {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.account-returns-confirmation .order-details .rounded-box {
  margin-top: 0;
  border-color: #c6c2bb;
}
.account-returns-confirmation .order-details .rounded-box p {
  text-align: center;
}
.account-returns-confirmation .order-details .rounded-box a {
  font-size: 13px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.account-returns-confirmation .order-details .col {
  float: left;
  width: 24.050632911392405%;
  margin-left: 3.79746835443038%;
}
.account-returns-confirmation .order-details .col-1 {
  width: 35.56962025316456%;
  margin-left: 0;
}
.account-returns-confirmation .order-details .col-2 {
  margin-left: 7.468354430379747%;
}
.account-returns-confirmation .order-details h3 {
  font-size: 14px;
}
.account-returns-confirmation .order-details h3 + p {
  margin-bottom: 0;
}
.account-returns-confirmation .shipping-label a {
  display: block;
  text-align: center;
}

.order-returns-print-link {
    bottom: 0;
    position: absolute;
    right: 0;
}

.account-returns-details .return-notice-modal,
.account-returns-details .return-notice-modal p,
.account-returns-details .return-notice-modal label,
.account-returns-details .return-notice-modal ul li {
    color: #56545A;
    font-size: 16px;
    font-family: 'figtree', helvetica, arial, sans-serif;
    line-height: 20px;
}

    .account-returns-details .return-notice-modal ul li {
        line-height: 22px;
    }
    .account-returns-details .return-notice-modal h1,
    .account-returns-details .return-notice-modal p,
    .account-returns-details .return-notice-modal ul {
        margin-bottom: 20px;
    }

    .account-returns-details .return-notice-modal ul ul {
        margin-bottom: 0; /* nested list doesn't need extra trailing space */
    }

    .account-returns-details .return-notice-modal .flex-parent {
        margin-bottom: 30px;
    }
    .account-returns-details .return-notice-modal h1,
    .account-returns-details .return-notice-modal #dtm-message {
        color: #54565A;
        font-size: 24px;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
    }

    /* flexbox stuff needs to be tested / work on old iPads and above */
    .account-returns-details .return-notice-modal .flex-parent {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .account-returns-details .return-notice-modal .flex-parent .checkbox-cell {
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 26px;
        width: 26px;
    }

        .account-returns-details .return-notice-modal .flex-parent .checkbox-cell .style-checkbox {
            margin-top: 0;
        }

        .account-returns-details .return-notice-modal .flex-parent .label-cell {
            -webkit-flex-grow: 0;
            flex-grow: 0;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            -webkit-flex-basis: 100%;
            flex-basis: 100%;
        }

    .account-returns-details .return-notice-modal .buttons-set .button {
        font-size: 14px;
        line-height: 33px;
    }

        .account-returns-details .return-notice-modal .buttons-set .button.close {
            background-color: #54565A;
        }

    .account-returns-details .return-notice-modal.dtm-notice-modal {
    }

        .account-returns-details .return-notice-modal.dtm-notice-modal .dtm-item-name {
            display: inline-block;
            font-family: 'figtreeBold', helvetica, arial, sans-serif;
        }

        .account-returns-details .return-notice-modal.dtm-notice-modal fieldset {
            border: 1px solid black;
            margin-bottom: 30px;
            margin-top: 20px;
            padding: 10px;
        }
/*
  ============================================
  My Account - Address Book
  ============================================
*/
.my-account .account-settings .text-notifications-header,
.my-account .account-settings .password-header,
.my-account .account-settings .email-address-header,
.my-account .address-book .address-header {
    border-bottom: 2px solid #142535;
    padding-bottom: 15px;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    font-size: 32px;
    font-family: 'figtreeLight', helvetica, arial, sans-serif;
    color: #061C33;
}
.my-account .address-book .address-header .header-text {
    float: left;
}
.my-account .address-book .address-header .header-button {
    float: right;
}

.my-account .my-credit-cards .credit-card-list,
.my-account .address-book .address-list,
.my-account .my-credit-cards .third-party-pay-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -30px;
}
.my-account .address-book .address-card {
    width: 333px;
    box-shadow: 2px 4px 20px #ccc;
    margin-right: 30px;
    margin-bottom: 30px;
    padding-bottom: 50px;
    position: relative;
}
.my-account .my-credit-cards .default-box,
.my-account .address-book .address {
    margin-bottom: 10px;
    height: 20px;
}
.my-account .address-book .address {
    padding-left: 30px;
}
.my-account .my-credit-cards .expired,
.my-account .my-credit-cards .default-box.default.expired {
    background-color: #54565a;
}
.my-account .my-credit-cards .default,
.my-account .address-book .default {
    background-color: #026FB3;
}
.my-account .my-credit-cards .expire-text {
    float: left;
    padding-left: 30px;
}
.my-account .my-credit-cards .default-text {
    padding-left: 30px;
    padding-right: 30px;
    background-color: #006EB3;
    float: left;
}
.my-account .my-credit-cards .expired,
.my-account .my-credit-cards .default,
.my-account .address-book .default {
    font-size: 12px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    color: #ffffff;
    vertical-align: middle;
    line-height: 20px;
}
.my-account .address-book .description {
    margin-bottom: 10px;
    padding-left: 30px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 16px;
    color: #061C33;
}
.my-account .my-credit-cards .credit-card-info,
.my-account .address-book .address-info {
    padding: 0 30px;
    margin-bottom: 30px;
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #061C33;
}
.my-account .address-book .address-actions {
    padding-left: 30px;
    position: absolute;
    bottom: 0;
    margin-bottom: 30px;
}
.my-account .address-book .address-actions a {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 12px;
    color: #061C33;
    text-transform: uppercase;
}
.my-account .address-book .add-new {
    min-height: 230px;
}
.my-account .my-credit-cards .add-new,
.my-account .address-book .add-new {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    padding-bottom: 0;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
}
.my-account .address-book .add-address-text {
    color: #061C33;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 16px;
    text-align: center;
    display: block;
}
.my-account .my-credit-cards .add-new .add-add-credit-card-img,
.my-account .address-book .add-address-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.my-account .header-button .button, .my-account .account-address-modal .button, .my-account .edit-credit-card-modal .button {
    background-color: #D54400;
}

.my-account .address-form h2 {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 40px;
    color: #54565a;
    text-transform: none;
    line-height: 48px;
}

.my-account .address-form .form-list li .default-address {
    color: #D54400;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
}
.my-account .moby-container .moby-close {
    background: url(/images/gorilla/sprite.png) -247px -49px no-repeat;
}
/*
  ============================================
  My Account - Credit Cards
  ============================================
*/
.my-account .my-credit-cards .credit-card-list .item {
    width: 333px;
    box-shadow: 2px 4px 20px #ccc;
    margin-right: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    background-color: white;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.my-account .my-credit-cards .credit-card-list button.item:hover {
    background-color: white;
}
.my-account .my-credit-cards .credit-card-info .cc-logo {
    position: relative;
    display: inline-block;
    zoom: 50%;
}
.my-account .my-credit-cards .credit-card-info .cc-type {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 16px;
    color: #54565A;
    display: inline-block;
}
.my-account .my-credit-cards .credit-card-info .visa-logo {
    top: 0;
}
.my-account .my-credit-cards .credit-card-info .discover-logo,
.my-account .my-credit-cards .credit-card-info .amex-logo,
.my-account .my-credit-cards .credit-card-info .mastercard-logo {
    top: 5px;
}
.my-account .my-credit-cards .credit-card-info .starcard-logo {
    top: 15px;
    zoom: 40%;
}
.my-account #credit-card-edit .form-list #cc-logo.visa-logo {
    top: 15px;
}
.my-account #credit-card-edit .form-list #cc-logo.mastercard-logo,
.my-account #credit-card-edit .form-list #cc-logo.amex-logo {
    top: 10px;
}
.my-account #credit-card-edit .form-list #cc-logo.discover-logo,
.my-account #credit-card-edit .form-list #cc-logo.starcard-logo {
    top: 5px;
}
.my-account .my-credit-cards .credit-card-actions {
    padding-left: 30px;
    padding-bottom: 30px;
}
.my-account .my-credit-cards .credit-card-actions a {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 12px;
    color: #061C33;
    text-transform: uppercase;
}
.my-account .my-credit-cards .add-new .add-credit-card-text {
    color: #061C33;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    display: block;
}
.my-account .cc-edit h3 {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 40px;
    color: #061C33;
    text-transform: none;
}
.my-account .cc-edit .credit-card-info {
    margin-bottom: 30px;
}
.my-account .cc-edit .cc-edit-logo {
    zoom: 50%;
    display: inline-block;
}
.my-account .cc-edit .cc-edit-last-four {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 18px;
    color: #54565A;
    display: inline-block;
}
.my-account .cc-edit .flex-parent {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.my-account .cc-edit .flex-parent label {
    width: 110px;
}
.my-account .cc-edit .cc-edit-default .md-label {
    color: #061C33;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 10px;
}
.my-account .cc-edit .form-list .input-box {
    max-width: 200px;
    flex-basis: 45%;
}
.my-account .cc-edit .cc-edit-default {
    margin-top: 40px;
}
.my-account .cc-edit .buttons-set button {
    width: 100%;
    background-color: #D54400;
}
.my-account .cc-edit .form-list li .input-box.credit-card-info {
    max-width: 530px;
}
.my-account .moby-container.edit-credit-card-modal {
    width: 740px;
    padding: 20px;
}

.my-account .my-credit-cards h2 {
    color: #061C33;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 20px;
    margin: 16px 0 24px 0;
}

.my-account .my-credit-cards #ppErrorMsg,
.my-account .my-credit-cards #szErrorMsg {
    margin-bottom: 20px;
    max-width: 500px;
}

.my-account .my-credit-cards #paypal-button,
.my-account .my-credit-cards #sezzle-button {
    margin-bottom: 8px;
}

.my-account .my-credit-cards #paypaldetails .item {
    background-color: #ffc439; /* paypal's offical golden color */
}

    .my-account .my-credit-cards #paypaldetails .item .paypal-button-logo,
    .my-account .my-credit-cards #sezzledetails .item .sezzle-logo {
        /* the SVG logo cribbed from PP's button */
        margin: 0 0 0 3px;
        max-height: 20px;
    }

    .my-account .my-credit-cards #paypaldetails .item #ppEmail {
        font-size: 14px;
    }

.my-account .my-credit-cards .third-party-pay-list .third-party-item {
    width: 333px;
    margin-right: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
}

.my-account .my-credit-cards .third-party-pay-list .third-party-item .item {
    box-shadow: 2px 4px 20px #ccc;
}

.my-account .my-credit-cards #sezzledetails .item {
    background-color: #392558;
}

.my-account .my-credit-cards #sezzledetails .item #szCustPhone {
    color: #fff;
    font-size: 14px;
}

.my-account .my-credit-cards #sezzle-button button {
    text-transform: lowercase;
    color: #fff;
    background-color: #392558;
    height: 40px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.25px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    font-family: "Comfortaa","figtree","Helvetica Neue","Helvetica","Arial",sans-serif;
    overflow: hidden;
    border: none;
    outline: none;
    display: inline-block;
    transition: 0.01s;
    padding: 0 30px;
    border-radius: 500px;
    cursor: pointer;
}
/*
  ============================================
  General CMS Page template
  conventions/standard implementation section
  This is for specific cms pages and not
  individual cms blocks scattered about in
  various areas of the site.

  Note: these are also shared with My Account
  Pages as well
  ============================================
*/
.cms-template .main h2,
.cms-template .main strong {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.cms-template .main .page-title.lead {
  color: #ffffff; /*used to be fbfbfb*/
  padding: 20px;
  width: 100%;
}
.cms-template .main .page-title.lead h1,
.cms-template .main .page-title.lead h2,
.cms-template .main .page-title.lead h3 {
  font-size: 24px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}
.cms-template .main .page-title.lead p {
  font-size: 13px;
  margin-top: 10px;
  -webkit-transition: width .2s linear;
  -moz-transition: width .2s linear;
  -o-transition: width .2s linear;
  transition: width .2s linear;
}
.cms-template .main h2,
.cms-template .main h3 {
  margin: 10px 0;
}
.cms-template .main p {
  margin: 18px 0;
}
.cms-template .main .product-name {
  margin: 4px 0 5px 0;
}
.cms-template .main .col2-set {
  margin-top: 18px;
}
.cms-template .main .col2-set .col-1,
.cms-template .main .col2-set .col-2 {
  padding: 0;
}
.cms-template .main .col2-set .col-2 {
  float: right;
  padding-left: 14px;
}
.cms-template .main .col2-set .spiff-container.vertical .spiff img {
  width: 100%;
}
.cms-template .main .form-list label {
  font-size: 13px;
  line-height: 1.2;
  margin: 4px 0 5px;
}
.cms-template .main .form-list li .input-box {
  width: 100%;
}
.cms-template .main .form-list li.add-field {
  margin-left: 0;
}
.cms-template .main .form-list li.control label {
  margin: 0;
}
.cms-template .main .form-list li.control .input-box {
  width: 17px;
}
.cms-template .main .form-list textarea {
  height: 75px;
}
.cms-template .main .buttons-set {
  margin-top: 16px;
  padding-bottom: 20px;
}
.cms-template .main .top-divide {
  border-top: 1px solid #5a5e62;
  padding-top: 20px;
}
.cms-template .main img.f-left {
  margin: 16px 20px 16px 0;
}
.cms-template .main img.f-right {
  margin: 16px 0 16px 20px;
}
.cms-template .main ul.video-grid {
  list-style: none;
  margin: 0 0 20px;
}
.cms-template .main ul.video-grid:before,
.cms-template .main ul.video-grid:after {
  content: " ";
  display: table;
}
.cms-template .main ul.video-grid:after {
  clear: both;
}
.cms-template .main ul.video-grid li {
  float: left;
  margin-left: 4%;
  width: 48%;
}
.cms-template .main ul.video-grid li:first-child {
  margin-left: 0;
}
/*
  ============================================
  CMS Landing page
  ============================================
*/
.cms-landing .cms-main h2 {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  text-transform: uppercase;
}
/*
  ============================================
  Catalog Request
  ============================================
*/
.free-catalog .col-main
{
    margin-top: 18px;
}
.add-catalog {
  position: relative;
  display: block;
}
.add-catalog.active:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
  ============================================
  FAQs
  ============================================
*/
/* new styles for accordion FAQs */

#faqsV3,
#faqSearchForm {
}
    #faqsV3 #accordion-controls-container {
        margin: 15px 0;
    }

    #faqsV3 .hidden-keywords {
        display: none;
    }
    
    #faqSearchForm #search-label {
        line-height: 32px;
        padding-right: 4px;
    }

    #faqSearchForm #faqSearchInput {
        float: none;
        width: 50%;
        margin-right: 4px;
    }

    #faqSearchForm #faqSearchCounts {
        display: none;
        margin-top: 4px;
    }
    #faqsV3 #accordion-controls-container button {
        background-color: #fff;
        text-transform: none;
        color: #000;
        padding: 0 5px;
        line-height: inherit;
    }
.sg-accordion-header {
    background-color: #f6f6f6;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    color: #454545;
    cursor: pointer;
    font-size: 14px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    margin-bottom: 0 !important;
    padding: .5em 24px .5em .7em; /* right side needs to protect the +/- icons from overlapping content */
    position: relative;
}

    .sg-accordion-header:hover {
        background-color: #ededed;
    }

    .sg-accordion-header:after { /* plus sign */
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        position: absolute;
        top: 50%;
        right: 12px;
        background: url(/images/gorilla/sprite.png) -152px -212px no-repeat;
    }

    .sg-accordion-header.active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

        .sg-accordion-header.active:after { /* minus sign */
            background-position: -202px -212px;
        }

    .sg-accordion-header .sg-accordion-header-button {
        background-color: transparent;
        color: inherit;
        line-height: 14px;
        padding: 2px 0 0 0;
        text-transform: inherit;
        text-align: left;
    }

h2.sg-accordion-header {
    text-transform: uppercase;
}

.sg-accordion-content {
    border: 1px solid #dddddd;
    border-top: none;
    color: #454545;
    display: none; /* default hidden.  shows/hides via JS like an accordion */
    margin-top: 0;
    padding: 10px 0;
    overflow: auto; /* ensures height is calc'd correctly when contents are floated */
}

/* faqs need to support nesting */
#faqsV3 .sg-accordion-header {
}

#faqsV3 .sg-accordion-content {
    padding: 8px 30px;
}

    #faqsV3 .sg-accordion-content a {
        text-decoration: underline;
    }

    #faqsV3 .sg-accordion-content .sg-accordion-header { /* nested */
        background-color: inherit;
        border: none;
        color: #000080;
        font-family: 'figtreeMedium', helvetica, arial, sans-serif;
    }

    #faqsV3 .sg-accordion-content .sg-accordion-content { /* nested */
        border: none;
        margin-bottom: 10px;
        padding-top: 0px;
    }


/* existing styles to support other FAQ blocks */
.faqs dl {
  padding-left: 34px;
  margin-bottom: 50px;
}
.faqs dt {
  color: #000080;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  cursor: pointer;
  position: relative;
  margin-top: 20px;
}
.faqs dt:before {
  content: '';
  position: absolute;
  top: 0;
  left: -34px;
  width: 14px;
  height: 9px;
  background: url('/images/gorilla/sprite.png') -276px -270px no-repeat;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 0.24s;
  -moz-transition: all 0.24s;
  -o-transition: all 0.24s;
  transition: all 0.24s;
}
.faqs dt.open:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.faqs .content {
  height: 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.faqs .content.open {
  height: auto;
}
.faqs .content-inner {
  padding: 12px 0;
}

.tool-tip-account-header {
	top: 40px;
	left: 130px;
	position: absolute;
}
.faq-forgot-password {
	margin-top: 8px;
	margin-left: 10px;
}
.faq-checkout-address {
	margin-left: 175px;
	margin-top: 3px;
	position: absolute;
}
.faq-checkout-payment-four-pay {
	position: absolute;
	margin-top: 3px;
	margin-left: 160px;
}
.faq-cart-table {
	margin-left: 2px;
	margin-top: -2px;
	position: absolute;
	color: black
}
.faq-login {
	margin-top: 8px;
	margin-left: 7px;
}
.forgot-pass {
	float: left;
	color: #000080;
	font-size: 12px;
	margin-left: 0;
	display: block;
	line-height: 30px;

}
.faq-account-login {
	float: right;
	position: relative;
}

#faqsV3 .reviewed-by-a360 {
    margin: 0 0 24px 24px;
    float: right;
}

#faqsV3 ul.real-list,
#faqsV3 ol.real-list {
    margin-left: 16px;
}

#faqsV3 ul.real-list {
    list-style: disc;
}

#faqsV3 ol.real-list {
    list-style: decimal;
}

/*
  ============================================
  Customer Service
  ============================================
*/
.satis-guar-image{
  float:right;
  width:30%;
  padding-left:14px;
  padding-bottom:10px;
}

.recall-table tbody tr:hover{
    background-color:#d3dfbb;
    cursor:pointer;
}

/*
  ============================================
  Shopping Resources
  ============================================
*/
.shopping-resources .col-main
{
    /*margin-top: 18px;*/
}

/*
  ============================================
  How to Order
  ============================================
*/
.howtoorder h2
{
    font-size:18px;
    margin-top: 30px !important;
}

.howtoorder ul
{
    font-size:14px;
}

.howtoorder li
{
    margin-top: 8px;
}

.howtoorder li:first-child
{
    margin-top: 0;
}

.howtoorder .huge
{
    font-size:32px;
    font-weight:bold;
}

.howtoorder .heading {
    font-size:14px; 
    font-weight:bold;
}

/*
  ============================================
  Sizing
  ============================================
*/
.sizing .col-main
{
    margin-top: 18px;
}

/*
  ============================================
  Useful Links
  ============================================
*/
.useful-links .col-main
{
    /*margin-top: 18px;*/
}

/*
  ============================================
  Our Company
  ============================================
*/
.our-company .col-main
{
    margin-top: 18px;
}

.our-company ul {
  font-size: inherit;
}

.our-company .google-maps {
    border: solid 1px black !important;
    height: 0;
    margin-bottom: 0 !important;
    overflow: hidden;
    position: relative;
    padding-bottom: 75%; /* This is the aspect ratio */
}

.our-company .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.our-company .question
{
    font-weight:bold;
    font-size:15px;
}

.our-company .answer
{
    margin-bottom:10px;
}

.our-company .message-terms,
.our-company .privacy-policy {
    margin-bottom: 20px;
}

.our-company .message-terms h2,
.our-company .privacy-policy h2 {
    font-family: figtreemedium,helvetica,arial,sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height: normal;
    color: #2b2b2b;
}

.our-company .message-terms p,
.our-company .privacy-policy p {
    margin-bottom: 16px;
    margin-top: 0px;
}

.our-company .message-terms ol,
.our-company .privacy-policy ul,
.our-company .privacy-policy ol {
    line-height: normal;
    margin-top: 16px;
    padding-left: 16px;
}
    .our-company .privacy-policy ul.nested {
        list-style-type: circle;
        margin-top: 0;
    }
    .our-company .message-terms ol li,
    .our-company .privacy-policy ul li,
    .our-company .privacy-policy ol li {
        padding-left: 8px;
    }

.our-company .privacy-policy ol {
    list-style: decimal;
}

.li-spaced-out > li {
    margin-bottom: 16px;
}

.our-company .privacy-policy .list-num > li {
    list-style: decimal;
}

.our-company .message-terms .list-alpha > li,
.our-company .privacy-policy .list-alpha > li {
    list-style: upper-alpha;
}
.our-company .privacy-policy .list-square > li {
    list-style: square;
}
.our-company .privacy-policy .list-rom > li {
    list-style: lower-roman;
}
.our-company .privacy-policy .list-circle > li {
    list-style: unset;
}

.our-company .privacy-policy table {
    border-collapse: collapse;
    margin-bottom: 12px;
}

.our-company .privacy-policy table th {
    text-align: center;
    padding: 7px 5px;
}

.our-company .privacy-policy table td {
    vertical-align: middle;
    padding: 7px 5px;
}

.our-company .privacy-policy table th,
.our-company .privacy-policy table td {
    border: 1px solid black;
}

.our-company .message-terms .message-bold,
.our-company .privacy-policy .privacy-bold {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}

.our-company .privacy-policy .privacy-underline {
    text-decoration: underline;
}

.our-company .privacy-policy .Cal-Notice span {
    text-decoration: underline;
    font-style: italic;
}

.our-company .privacy-policy .privacy-page-break {
    padding-bottom: 10px;
    border-bottom: 2px solid black;
    margin-bottom: 20px;
}

.our-company .privacy-policy h3 {
    text-transform: none;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}

.our-company .message-italic {
    font-style: italic;
}

.our-company .privacy-policy .container {
    width: 100%;
}

.our-company .privacy-policy .three-columns {
    float: left;
    width: 30%;
    align-items: center;
}

/*.our-company .privacy-policy a {
    color: #2A61FF;
    text-decoration: underline;
}*/

.our-company .reviewed-by-a360 {
    margin: 0 0 24px 24px;
    float: right;
}

/*
  ============================================
  Contact Footer
  ============================================
*/
#contact-footer {}

#contact-footer h3 {
    font-size: 16px;
}

#contact-footer .note {
    font-size: 12px;
}


/*
  ============================================
  Sitemap
  ============================================
*/
.sitemap .col-main
{
    margin-top: 18px;
}
.sitemap .section {
  margin-top: 20px;
  border-top: solid 1px #999999;
}
.sitemap .section.first {
  margin-top: 0;
  border-top: none;
}
.sitemap .section h2 {
  margin: 20px 0;
}
.sitemap .section h3 {
  text-transform: none;
  font-size: 14px;
}
.sitemap .col3-set:before,
.sitemap .col3-set:after {
  content: " ";
  display: table;
}
.sitemap .col3-set:after {
  clear: both;
}
.sitemap .col3-set .col {
  float: left;
  width: 30%;
  margin-left: 5%;
}
.sitemap .col3-set .col:first-child {
  margin-left: 0;
}

/*
  ============================================
  Articles
  ============================================
*/
.articles .col-main {
    margin-top: 18px;
}

.articles .section {
    margin-top: 20px;
    border-top: solid 1px #999999;
}

.articles .section.first {
    margin-top: 0;
    border-top: none;
}

.articles .section h2 {
    margin: 20px 0;
}

.articles .section h3 {
    margin: 0 0 20px 0;
    text-transform: none;
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
}

.articles .section h3 a {
    text-decoration: underline;
    color: #2A61FF;
}
/*
  ============================================
  Customer Comments
  ============================================
*/
.customer-comments .col-main
{
    margin-top: 18px;
}
.myPager {
    clear: both;
    line-height: 21px;
    font-size:14px;
}
.myPager ol
{
    /*background-color:pink;*/
    float:left;
}
.myPager li {
    /*background-color:aqua;*/
    margin-right:1px;
    display:inline-block;
    min-width:27px;
}
.myPager .pager-prev {
    display: inline-block;
    margin-right:6px;
    background: url("/images/gorilla/sprite.png") 0 -400px no-repeat;
    text-indent: -999em;
    width: 8px;
    cursor:pointer;
}
.myPager .pager-prev.disabled {
    background-position: 0 -367px;
    cursor:default;
}
.myPager .pager-next {
    display: inline-block;
    background: url("/images/gorilla/sprite.png") -29px -399px no-repeat;
    text-indent: -999em;
    width: 8px;
    cursor:pointer;
}
.myPager .pager-next.disabled {
    background-position: -29px -366px;
    cursor:default;
}
.myPager .pager-current {
    font-style:italic;
}
/*
  ============================================
  Gift Cards
  ============================================
*/
.gift-cards .main h2,
.gift-cards .main h3 {
  margin: 10px 0;
}
.gift-cards .page-title {
  margin-bottom: 15px;
}
.gift-cards .col2-set {
  margin-top: 18px;
}
.gift-cards .col2-set .col-1 {
  width: 43.037974683544306%;
}
.gift-cards .col2-set .col-2 {
  width: 54.43037974683544%;
  padding: 0 !important;
}
.gift-cards .intro h4 {
  /*font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 16px;*/
}
.gift-cards .intro li {
  font-size: 13px;
}
.gift-cards .intro li:before {
  content: " - ";
}
.gift-cards .gift-card-options {
  margin-top: 25px;
}
.gift-cards .gift-card-options > ul > li {
  margin-bottom: 3px;
}
.gift-cards .note {
  font-size: 12px;
}

/*.gift-cards .gift-card-options form {
  display: none;
}*/
.gift-cards .gift-card-options form.gift-card {
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: solid 1px #868686;
}
.gift-cards .gift-card-options .style-radio {
  margin: 2px 2px 0 0;
}
.gift-cards .gift-card-options .form-list {
  margin-top: 10px;
}
.gift-cards .gift-card-options .form-list li label {
  margin-top: 2px;
  margin-bottom: 0;
  width: 32.55813953488372%;
}
    .gift-cards .gift-card-options .form-list li label.error,
    .gift-cards .gift-card-options .form-list li p.jqv-error {
      width: auto;
    }
.gift-cards .gift-card-options .form-list li .input-box {
  max-width: 288px;
  margin-bottom: 4px;
}
.gift-cards .gift-card-options .form-list li .input-box.amount-box .input-text {
  max-width: 128px;
}
.gift-cards .gift-card-options .form-list li .form-hint {
  font-family: 'figtree', helvetica, arial, sans-serif;
  margin: 7px 0 0 5px;
  display: inline-block;
}
.gift-cards .gift-card-options .form-list li textarea {
  height: 56px !important;
  min-height: 56px !important;
}
.gift-cards .gift-card-options .form-list .control {
  margin: 18px 0 0 140px;
}
.gift-cards .gift-card-options .form-list .control label {
  width: auto;
}
.gift-cards .gift-card-options .buttons-set {
  margin-top: 20px;
}
.gift-cards .gift-card-options .buttons-set .button {
  float: right;
}
/*
  ============================================
  Gift Card Balance Form
  ============================================
*/
.gift-card-balance header + p {
  font-size: 13px;
}
.gift-card-balance .balance-message.error {
  color: #ca0000;
}
.balance-form {
  margin-top: 35px;
}
.balance-form p {
  font-size: 13px;
}
.balance-form .button {
  margin-left: 20px;
}
.balance-form .card-hint {
  margin-top: 35px;
}
.balance-form .ajax-loader {
  margin: 8px 0 0 10px;
  display: none;
}
.balance-form table, 
.balance-form td {
    padding: 4px;
}
#gift-card-lookup #card-balance-form .form-list li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    column-gap: 5px;
    row-gap: 0;
}
#gift-card-lookup #card-balance-form .form-list li .input-box {
    max-width: 250px;
}
#gift-card-lookup .button {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 12px;
    background-color: #D54400;
    color: #fff;
    padding: 0 25px;
    width: auto;
    margin: 10px;
}
#gift-card-lookup .button:hover {
    cursor: pointer;
    text-decoration: underline;
}
#gift-card-lookup .table-header-small {
    margin-bottom: 10px;
    width: 100%;
    display: block;
    font-size: 16px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
#gift-card-lookup .table-header-large {
    border-bottom: 1px solid #898a8d;
    padding-bottom: 15px;
    margin-bottom: 20px;
    display: block;
    font-size: 24px;
    font-family: 'figtreeLight', helvetica, arial, sans-serif;
    color: #54565A;
}
#gift-card-lookup table.data-table.stacked {
    border-bottom: none;
    margin-bottom: 50px;
}
#gift-card-lookup table.data-table.stacked thead tr th {
    font-size: 13px;
}
#gift-card-lookup table.data-table.stacked tbody tr {
    border-top: none;
}
    #gift-card-lookup table.data-table.stacked tbody tr.alt {
        background-color: #eee;
    }
        #gift-card-lookup table.data-table.stacked tbody tr td {
            font-size: 16px;
        }
            #gift-card-lookup table.data-table.stacked tbody tr td a.orange {
                text-decoration: underline;
                color: #D54400;
            }

.progress-bar {
    list-style: decimal;
    list-style-position: inside;
    float: left;
    padding: 30px 0;
    margin-left: 20px;
}
    .progress-bar li {
        float: left;
        font-family: 'figtree', helvetica, arial, sans-serif;
        text-transform: uppercase;
        background-color: #ebe9e5;
        font-size: 16px;
        line-height: 50px;
        color: #5a5e62;
        padding: 0 16px 0 32px;
        position: relative;
        margin-left: 2px;
    }
.progress-bar li:before,
.progress-bar li:after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.progress-bar li:before {
  left: 0;
  border-left: 16px solid #ffffff;
  z-index: 10;
}
.progress-bar li:after {
  right: -16px;
  border-left: 16px solid #ebe9e5;
  z-index: 20;
}
    .progress-bar li.active {
        color: #ffffff;
        font-family: figtreeBold, helvetica, arial, sans-serif;
        font-size: 20px;
    }
.progress-bar li.active:after {
  right: -16px;
  z-index: 20;
}

/*make placeholders in input boxes invisible*/
.account-login ::-webkit-input-placeholder,
.checkout ::-webkit-input-placeholder { /* WebKit browsers */
    color: transparent;
}
.account-login :-moz-placeholder,
.checkout :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: transparent;
}
.account-login ::-moz-placeholder,
.checkout ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: transparent;
}
.account-login :-ms-input-placeholder,
.checkout :-ms-input-placeholder { /* Internet Explorer 10+ */
   color: transparent;
}

.cc-pitch-header,
.checkout-header {
    padding: 14px 0;
}

.checkout-header {
    border-bottom: 1px solid #ebe9e5;
}

    .cc-pitch-header .logo,
    .checkout-header .logo {
        float: left;
        width: 120px;
        padding-top: 15px;
    }

#cart-table h3.product-name {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    text-transform: none;
    font-size: 16px;
    line-height: 18px;
}
.how-to-firearms-steps-container {
    background-color: #e4e4e4;
    margin-bottom: .5em;
    padding: 1em;
    position: relative;
}

    .how-to-firearms-steps-container,
    .how-to-firearms-steps-container p {
        color: #000000;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
    }

.how-to-firearms-steps-content {
    padding: 0 20px 0 2px;
}

.panel-trigger {
    background: url("/images/gorilla/sprite.png") no-repeat -190px -24px;
    content: '';
    cursor: pointer;
    display: block;
    height: 7px;
    position: absolute;
    right: 15px;
    top: 8px;
    width: 11px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .panel-trigger.closed {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

.order-review-print-link {
    float: right;
    clear: both;
}

.order-review-continue-shopping-link {
    padding: 10px 20px;
}

.order-review-continue-shopping-link a {
    color: #2A61FF;
}

/* still used in confirmation and bridge */
.checkout .col2-right-layout,
.checkout .confirm-top {
    position: relative;
}
.checkout .col2-right-layout .col-main,
.checkout .confirm-top .col-main,
.checkout .col2-right-layout > .col-1,
.checkout .confirm-top > .col-1 {
    width: 66.0377358490566%;
    padding-right: 0;
}
.checkout .col2-right-layout .col-right,
.checkout .confirm-top .col-right,
.checkout .col2-right-layout > .col-2,
.checkout .confirm-top > .col-2 {
    width: 32.075471698113205%;
    padding-right: 0;
    margin-left: 1.8867924528301887%;
}
.checkout .page-title {
  padding: 22px 0;
}
.checkout .page-title h4 {
  font-family: 'figtree', helvetica, arial, sans-serif;
}
.checkout .page-title strong {
  font-family: 'figtree', helvetica, arial, sans-serif;
  font-weight: bold;
}
.checkout #checkout-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff; /*used to be fbfbfb*/
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  z-index: 999;
}
.checkout .msg-block .notice,
.checkout .error-block .notice,
.checkout .msg-block .messages,
.checkout .error-block .messages {
  width: auto;
  max-width: none;
  margin: 0 0 30px;
  padding: 20px;
}
.checkout .msg-block .notice li,
.checkout .error-block .notice li,
.checkout .msg-block .messages li,
.checkout .error-block .messages li {
  color: #2b2b2b;
  line-height: 22px;
  text-transform: none;
  padding: 0;
  background-color: transparent;
}
.checkout .col-right .messages {
  margin: 10px 0;
}
.checkout .fieldset {
  border-top: 1px solid #5a5e62;
  padding: 20px 0;
}
.checkout .fieldset h4,
.checkout .fieldset .content,
.checkout .fieldset .form-list {
  padding-left: 20px;
}
.checkout .address-page #billing-address.form-list li .input-box,
.checkout .address-page #ShippingAddress.form-list li .input-box {
    width: 100%;
}
.checkout .address-page #ShippingAddress.form-list li.control .input-box {
    width: 17px;
}
.checkout .fieldset h4 {
  text-transform: uppercase;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  margin-bottom: 4px;
}
.checkout .fieldset + .buttons-set {
  border-top: 1px solid #5a5e62;
  padding-top: 30px;
}
.checkout .legend a {
  font-size: 12px;
  text-transform: none;
  font-family: 'figtree', helvetica, arial, sans-serif;
}
.checkout .content h4 {
  padding-left: 0;
}
.checkout .content p {
  margin-bottom: 0;
}
.checkout .notice {
  margin: 30px 0 0;
}
.checkout .notice h4 {
  padding: 0;
  text-transform: none;
}
.checkout .or {
  display: block;
  margin: 16px 0;
}
.checkout .totals {
  /*background-color: transparent;*/
  /*background-image: url('data:image/gif;base64,R0lGODlhCgAKAIAAAOzq5fn38iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRjk0NkMxQjY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjk0NkMxQzY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZGOTQ2QzE5NjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZGOTQ2QzFBNjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAoACgAAAg9EjBfLrZmcg0/OGu2iWRcAOw==');*/
  /*background-repeat: repeat;*/
  background-color: #f0f0f0;
  padding: 5.88235294117647%;
}
.checkout .totals .temp {
  border-bottom: 1px solid #5a5e62;
  padding-bottom: 12px;
  margin-bottom: 6px;
}
.checkout .totals .temp:before,
.checkout .totals .temp:after {
  content: " ";
  display: table;
}
.checkout .totals .temp:after {
  clear: both;
}
.checkout .totals .temp h2 {
  float: left;
  margin-bottom: 0;
}
.checkout .totals .temp a {
  float: right;
  font-size: 12px;
}
.checkout .totals-table {
  width: 100%;
}
.checkout .totals-table th,
.checkout .totals-table td {
  padding: 6px 0;
  font-size: 13px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.checkout .totals-table th + td {
  text-align: right;
}
.checkout .totals-table tfoot td,
.checkout .totals-table .discount {
  color: #D54400;
}
.checkout .totals-table th {
    text-align: left;
}
.checkout .totals-table tr th:nth-child(2) {
    text-align: right;
}
.checkout .totals-table tfoot th {
  color: #D54400;
  text-align: left;
    font-size: 17px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  padding: 6px 0 0 0;
}
.checkout .totals-table tfoot td {
  font-size: 17px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  padding-bottom: 0;
}
.checkout .totals-table tfoot .four-pay-payment {
    border-top: 1px solid #999;
}
.totals-table tfoot .four-pay-payment td {
    color: #4F5831;
}
.checkout.read-only-cart .order-table .qty,
.checkout.read-only-cart .order-table .price {
  height: auto;
  width: auto;
  line-height: normal;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}

.checkout .confirm-top .fieldset + .fieldset {
  border-bottom: 1px solid #5a5e62;
  margin-bottom: 30px;
}
#shipping-restriction {
  color: #ca0000;
  font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
}
#shipping-address {
  margin-top: 30px;
}
#credit-card label.error,
#credit-card p.jqv-error {
    font-size: 12px;
}
#credit-card .field {
  margin-left: 10px;
  width: 140px;
}
#credit-card label + .field {
  margin-left: 0;
}

.club-store-modal .moby-close,
.sold-out-modal .moby-close,
.ffloutofnetworkmessage-modal .moby-close,
.P65-modal .moby-close,
.checkout-club-welcome-modal .moby-close {
    display: none !important;
}
.club-accept-modal .moby-close {
    background: none;
}

.checkout-add-on-modal .moby-close,
.checkout-add-on-club-modal .moby-close {
    width: 24px;
    height: 24px;
    background: url('/images/ic_close_24px_white.svg');
}

.checkout-add-on-modal .moby-close:focus,
.checkout-add-on-club-modal .moby-close:focus {
    outline: 2px solid #2A61FF;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.billing-age .form-list.inline:before,
.billing-age .form-list.inline:after {
  content: " ";
  display: table;
}
.billing-age .form-list.inline:after {
  clear: both;
}
.billing-age .form-list.inline li {
  float: left;
  margin-left: 10px;
}
.billing-age .form-list.inline li:first-child {
  margin-left: 0;
}
.billing-age .form-list.inline li .input-box {
  width: 126px;
}
.md-gun-restrictions-modal h3,
.md-billing-restrictions-modal h3,
.md-shipping-restrictions-modal h3,
.md-shipping-zip-issue-modal h3 {
    font-size: 30px;
    margin-bottom: 10px;
}
.md-gun-restrictions-modal .buttons-set,
.md-billing-restrictions-modal .buttons-set,
.md-shipping-restrictions-modal .buttons-set,
.md-shipping-zip-issue-modal .buttons-set {
    text-align: right;
    margin-bottom: 20px;
}
    .md-gun-restrictions-modal .buttons-set button,
    .md-billing-restrictions-modal .buttons-set button,
    .md-shipping-restrictions-modal .buttons-set button,
    .md-shipping-zip-issue-modal .buttons-set button {
        margin-left: 10px;
    }
.md-gun-restrictions-modal .data-table th,
.md-billing-restrictions-modal .data-table th,
.md-shipping-restrictions-modal .data-table th,
.md-shipping-zip-issue-modal .data-table th {
    background-color: #ebe9e5;
    font-size: 16px;
}
.md-gun-restrictions-modal .data-table td,
.md-billing-restrictions-modal .data-table td,
.md-shipping-restrictions-modal .data-table td,
.md-shipping-zip-issue-modal .data-table td {
    width: 50%;
    border: none;
}
.md-gun-restrictions-modal .data-table .product-name,
.md-billing-restrictions-modal .data-table .product-name,
.md-shipping-restrictions-modal .data-table .product-name,
.md-shipping-zip-issue-modal .data-table .product-name {
    font-size: 14px;
}
.md-gun-restrictions-modal .buttons-set,
.md-billing-restrictions-modal .buttons-set,
.md-shipping-restrictions-modal .buttons-set,
.md-shipping-zip-issue-modal .buttons-set {
    margin: 20px 0 0;
}
    .md-billing-restrictions-modal .buttons-set a,
    .md-shipping-restrictions-modal .buttons-set a,
    .md-shipping-zip-issue-modal .buttons-set a {
        display: inline-block;
        line-height: 48px;
    }
        .md-billing-restrictions-modal .buttons-set a:first-child,
        .md-shipping-restrictions-modal .buttons-set a:first-child,
        .md-shipping-zip-issue-modal .buttons-set a:first-child {
            float: left;
        }

#payplan-consent-btns .cancel-link
{
    line-height:32px;
    margin-left:25px;
}
#remove-cc-update-payment {
    float:right;
}
/*
  ============================================
  Checkout Method
  ============================================
*/

.checkout-method .form-list li .input-box {
  width: 275px;
}
/*
  ============================================
  Checkout ADS Visa Message
  ============================================
*/
  .ads-visa-card-inner {
	  margin: 10px;
  }
  .ads-visa-card-message{
	  border: 1px solid #ca0000;
	  margin: 5px;
	  background-color: #f9eeee;
	  border-radius: 4px;
	  max-width: 430px;
  }
/*
  ============================================
  Checkout Survey
  ============================================
*/
.checkout-survey .page-title h1 {
  margin-top: 32px;
}
.checkout-survey .page-title p {
  margin-top: 3px;
  font-family: 'figtree', helvetica, arial, sans-serif;
}
.checkout-survey .form-list {
  margin-top: 12px;
}
.checkout-survey .form-list li {
  margin-bottom: 18px;
}
.checkout-survey .form-list li textarea {
  height: 112px;
}
.checkout-survey-success .page-title + p {
  margin-top: 2px;
}
/*
  ============================================
  Add On at Checkout
  ============================================
*/
#add-on-header {
    text-align: center;
    line-height: 75px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 40px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #D54400;
}

.moby-container.checkout-club-welcome-modal,
.moby-container.checkout-add-on-club-modal,
.moby-container.checkout-add-on-modal.show {
    padding: 0px;
}
#add-on-container {
    padding: 20px;
}
#add-on-message {
    color: #898b8e; 
    text-align: center;
    font-family: 'figtreeCondensed', helvetica, arial, sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}
#add-on-message span {
    color:#54565b; 
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif; 
    font-size: 24px;
}
#add-on-story {
    border-top: 1px solid #898b8e;
    border-bottom: 1px solid #898b8e;
    padding: 10px 0;
}
#add-on-item-name {
    color: #54565b; 
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif; 
    font-size: 21px
}
#add-on-img-container {
    text-align: center;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 18px;
}
#add-on-img-container img {
    width: 300px;
    height: 300px;
}
#add-on-price-story {
    position: relative;
    height: 60px;
}
#add-on-text {
    display: inline;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-transform: uppercase;
    font-size: 28px;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    color: #D54400;
}
#add-on-price-block {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 24px;
    text-align: right;
    display: inline;
    position: absolute;
    bottom: 0;
    right: 0;
}
#add-on-item-value {
    color: #898b8e;
}
#add-on-item-price {
    color: #D54400;
}
.countdown-container {
    text-align: center;
}
#countdown-timer {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    color: #D54400;
    font-size: 50px;
    width: 200px;
    margin: 25px auto;
    padding: 10px;
    border: 5px solid #D54400;
}
#add-on-button-container {
    display: flex;
    justify-content: space-between;
    text-align: center;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 14px;
}
#add-on-button-container button {
    padding: 10px;
    color: #ffffff;
}
#add-on-accept {
    width: 47%;
}
#add-on-decline {
    width: 47%;
}
#add-on-accept,
#add-on-accept > button {
    background-color: #D54400;
    text-transform: uppercase;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    letter-spacing: 1px;
}
#add-on-decline,
#add-on-decline > button {
    background-color: #898b8e;
    text-transform: none;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
/*
  ============================================
  Add On Club at Checkout
  ============================================
*/
#add-on-club-header {
    text-align: center;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 28px;
    line-height: 64px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #D54400;
}
.checkout-add-on-club-modal .add-on-club-background {
    background-image: url('/Images/Club/club_pitch_a.jpg');
    background-position: center top;
    background-size: cover;
    padding: 64px 32px 32px 32px;
}
.checkout-add-on-club-modal .savings-statement p:first-child {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 40px;
    line-height: 45px;
    text-align: center;
    color: #fff;
}
.checkout-add-on-club-modal .savings-statement p:nth-child(2) {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 21px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin: 32px 0 20px 0;
}
.checkout-add-on-club-modal .add-on-club-selection {
    position: relative;
    padding: 52px 40px 40px 40px;
}
.checkout-add-on-club-modal .add-on-club-selection .add-on-club-btn {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
}
.checkout-add-on-club-modal .add-on-club-selection .add-on-club-btn button {
    display: block;
    margin: auto;
    letter-spacing: 1px;
    border: none;
    color: #fff;
    background-color: #D54400;
    padding: 10px 20px 10px 20px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .16);
}
.checkout-add-on-club-modal .add-on-club-msg .hyperlink-button {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 19px;
    color: #54565A;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    margin-bottom: 24px;
    text-decoration: underline;
}
.checkout-add-on-club-modal .add-on-club-msg {
    text-align: center;
}
.checkout-add-on-club-modal .add-on-club-msg p {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    color: #54565A;
}
.checkout-add-on-club-modal .add-on-club-msg p span {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.checkout-add-on-club-modal #add-club-timer {
    text-align: center;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 48px;
    margin: 32px 0;
    color: #D54400;
}
.checkout-add-on-club-modal .add-on-club-disclaimer p {
    text-align: center;
    color: #54565A;
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
    font-size: 11px;
    line-height: 12px;
    margin: 0;
}
.checkout-club-welcome-modal .add-club-welcome-msg {
    padding: 40px;
    text-align: center;
}
.checkout-club-welcome-modal .add-club-welcome-msg h1 {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 32px;
    color: #D54400;
}
.checkout-club-welcome-modal .add-club-welcome-msg p {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin: 20px;
    color: #54565A;
}
.checkout-club-welcome-modal .club-welcome-ok-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.checkout-club-welcome-modal .club-welcome-ok-btn img {
    width: 20px;
}
.checkout-club-welcome-modal .club-welcome-ok-btn button {
    background: none;
    color: #D54400;
    font-size: 18px;
    padding: 0;
    margin-left: 5px;
}
/*
  ============================================
  My Account General Styling
  ============================================
*/
.my-account .breadcrumbs.container {
    max-width: 1400px;
    width: 100%;
}
    .my-account .breadcrumbs.container ul {
        margin: 0 5px;
    }
.my-account .breadcrumbs ul li a span {
    color: #061C33;
}
.my-account .breadcrumbs ul li:last-of-type span {
    color: #061C33;
}

.my-account .col-main {
    margin-top: 31px; /* +9px of breadcrumb padding */
}

.my-account-main {
    position: relative;
    color: #061C33;
}
.my-account-main div.page-title {
    margin-bottom: 20px;
}

.my-account-main .page-header.flex-parent {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 40px;
    margin: 30px 5px;
    align-items: center;
}
    .my-account-main .page-header div {
        display: inline-block;
        vertical-align: baseline;
    }
    .my-account-main .page-header .header-text {
        text-align: left;
        width: 65%;
    }
    .my-account-main .page-header .customer-firstlast {
        font-family: 'figtreeLight', helvetica, arial, sans-serif;
        color: #006EB3;
        margin-left: 15px;
    }
    .my-account-main .page-header .customer-number {
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 16px;
        text-align: right;
        width: 34%;
    }

    .my-account-main .page-header .customer-number span span {
        color: #006EB3;
    }
.my-account-main .page-header h1 {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 40px;
}
.my-account-main .flex-parent {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .my-account-main .grid-parent {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .my-account-main .grid-parent .item {
        flex-grow: 1;
        flex-shrink: 0;
        -webkit-flex-basis: 20%;
        flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        border: 1px solid #f5f5f5;
        box-shadow: 2px 4px 20px #ccc;
        text-align: center;
        max-width: 320px;
        min-height: 175px;
        margin: 15px;
    }
        .my-account-main .grid-parent .item a {
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .my-account-main .grid-parent .item a:hover {
            opacity: 0.75;
            -moz-opacity: 0.75;
            filter: alpha(opacity=75);
        }
        .my-account-main .grid-parent .item .title {
            display: block;
            font-family: 'figtreeLight', helvetica, arial, sans-serif;
            font-size: 32px;
            line-height: normal;
            color: #898A8D;
        }
        .my-account-main .grid-parent .item .status {
            display: block;
            font-family: 'figtree', helvetica, arial, sans-serif;
            font-size: 16px;
            color: #006EB3;
            margin-top: 10px;
        }
.my-account-main .toolbar {
    background: transparent;
}
.my-account-main .toolbar .paging {
  float: right;
}
.my-account-main .page-title:before,
.my-account-main .page-title:after {
  content: " ";
  display: table;
}
.my-account-main .page-title:after {
  clear: both;
}
    .my-account-main .page-title h1,
    .email-preferences-page .page-title h1 {
        color: #061C33;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 40px;
        text-transform: none;
    }
.order-error {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 18px;
}

.my-account-main .page-title .wide-button {
  float: right;
}
.my-account-main .main .col2-set {
  margin-top: 18px;
}

.my-account-back-to {   
    display: inline-block;
    float: right;
    -webkit-transition: background-color 0ms linear;
    -moz-transition: background-color 0ms linear;
    -o-transition: background-color 0ms linear;
    transition: background-color 0ms linear;
    z-index: 1; /* email signup footer was going over the top of this for some reason */
}

    .my-account-back-to a {
        color: #061C33;
        font-family: 'figtree', helvetica, arial, sans-serif;
        font-size: 19px;
        margin-left: 30px; /* protect the arrow icon on really narrow screens */
        position: relative; /* for the arrow icon to relate to */
    }

        .my-account-back-to a:before {
            content: '';
            display: block;
            width: 14px;
            height: 14px;
            position: absolute;
            top: 4px;
            left: -27px;
            background: url('/images/arrow_back.png') no-repeat;
        }

        .my-account-back-to a:hover {
            text-decoration: underline;
        }

    .my-account-back-to.is-stuck {
        background-color: #54565A;
        display: block;
        height: 40px;
        left: 0;
        position: fixed;
        text-align: right;
        top: 120px;
        width: 100%;
        -webkit-transition: background-color 300ms linear;
        -moz-transition: background-color 300ms linear;
        -o-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
    }

        .my-account-back-to.is-stuck .my-account-back-to-container98 {
            max-width: 98%;
            margin: 0 auto;
        }

        .my-account-back-to.is-stuck .my-account-back-to-container94 {
            max-width: 94%;
            margin: 0 auto;
        }

        .my-account-back-to.is-stuck a {
            height: 40px;
            line-height: 40px;
            margin: 0;
            padding: 0;
        }

.my-account .my-account-main .club-dashboard.flex-parent {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 50px;
    margin-left: 15px;
}
.my-account .my-account-main .club-dashboard .bc-accountdash-img {
    text-align: center;
    background-color: #252A2F;
    min-height: 250px;
    max-width: 350px;
    padding: 20px 20px;
    line-height: 39px;
}
.my-account .my-account-main .club-dashboard .bc-accountdash-img > div{
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 39px;
    color: #fff;    
}
.my-account .my-account-main .club-dashboard .bc-accountdash-img > span{
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 39px;
    color: #D54400;
}
.my-account .my-account-main .club-dashboard .spiff-container {
    width: 100%;
    margin: 0 15px 0 30px;
    border: 2px solid #D54400;
    padding: 20px;
    position: relative;
}
.my-account .my-account-main .club-dashboard #club-dashboard-spiff.spiff-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.my-account .my-account-main .club-dashboard #club-bucks-contianer #container-header {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.my-account .my-account-main .club-dashboard #club-bucks-contianer .CbPeriodEarnings a {
    color: #2A61FF;
}
.my-account .my-account-main .club-dashboard #club-bucks-contianer .CbPeriodEarnings #redemption-buttons a {
    color: #fff;
    padding: 10px;
}
.my-account .my-account-main .club-dashboard #club-bucks-contianer .CbPeriodEarnings:nth-child(3) {
    border-top: 1px solid #898A8D;
    padding-top: 20px;
}
.my-account .my-account-main .club-dashboard #club-bucks-contianer .CbPeriodEarnings p:nth-child(even) {
    font-size:14px;
}
.my-account .my-account-main .club-dashboard #club-bucks-contianer .CbPeriodEarnings p:nth-child(odd) {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    color: #D54400;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 5px;
}
.my-account .club-bucks-modal p:nth-child(odd) {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    color: #D54400;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 5px;
}
.my-account .club-bucks-modal p:nth-child(even) {
    font-size: 16px;
    color: #54565A;
}
.my-account .club-bucks-modal .myAccountBucksTable {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 5px;
}
.my-account .club-bucks-modal .myAccountBucksTable tr:nth-child(even){
    background-color: #F0F0F0;
}
.my-account .club-bucks-modal .myAccountBucksTable tr {
    padding: 10px 0;
}
.my-account .club-bucks-modal #clubBucksRedemptionsTable.myAccountBucksTable th:first-child,
.my-account .club-bucks-modal #clubBucksOrdersTable.myAccountBucksTable th:first-child {
    text-align: left;
    width: 10%;
}
.my-account .club-bucks-modal .myAccountBucksTable th {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #54565A;
    border-bottom: 1px solid #54565A;
    text-align: right;
}
.my-account .club-bucks-modal #clubBucksOrdersTable.myAccountBucksTable th {
    width: 25%;
}
.my-account .club-bucks-modal #clubBucksRedemptionsTable.myAccountBucksTable th {
    width: 5%;
}
.my-account .club-bucks-modal .myAccountBucksTable td:first-child {
    color: #54565A;
    text-align: left;
}
.my-account .club-bucks-modal .myAccountBucksTable td {
    color: #54565A;
    text-align: right;
    font-size: 16px;
    vertical-align: middle;
    padding: 5px 0;
}
.my-account .club-bucks-modal .myAccountBucksTable th:nth-child(3),
.my-account .club-bucks-modal .myAccountBucksTable td:nth-child(3) {
    text-align: left;
    padding-left: 10%;
}
.my-account .club-bucks-modal .myAccountBucksTable td:last-child {
    text-align: center;
}

.my-account .my-account-main .club-dashboard .spiff-container:before, .my-account .my-account-main .club-dashboard .spiff-container:after {
    content: none;
}
.my-account .my-account-main .club-dashboard .spiff-container .flex-parent.bc-dash-nonmember,
.my-account .my-account-main .club-dashboard .spiff-container .flex-parent.bc-dash-member {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.my-account .my-account-main .club-dashboard .spiff-container .bc-dash-member .flex-parent {
    align-items: center;
}
.my-account .my-account-main .club-dashboard .spiff-container .bc-dash-member .flex-parent span {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 18px;
    margin-left: 5px;
}
.my-account .my-account-main .club-dashboard .spiff-container .flex-parent.bc-dash-nonmember {
    align-items: unset;
}
.my-account .my-account-main .club-dashboard .spiff-container .flex-parent.bc-dash-nonmember > div {
    font-family: 'figtree', helvetica, arial, sans-serif;
    margin: 5px 10px 5px 0;
    color: #54565A;
    font-size: 20px;
    align-items: center;
}
.my-account .my-account-main .club-dashboard .spiff-container .flex-parent.bc-dash-nonmember > div > img {
    width: 55px;
    max-width: unset;
}
.my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-text {
    margin-top: 10px;
}
.my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-text p {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    color: #D54400;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 10px;
}
.my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-actions {
    border-top: 1px solid #898A8D;
    padding-top: 20px;
}
.my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-actions p {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
}
.my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-actions .club-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-actions .auto-renew-link {
    font-family: 'figtree', helvetica, arial, sans-serif;
    color: #2A61FF;
    font-size: 14px;
    margin-bottom: 10px;
    cursor: pointer;
}
.my-account .my-account-main .club-dashboard .spiff-container .flex-parent.nonmember-actions {
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 10px;
}
.my-account .my-account-main .club-dashboard .spiff-container .bc-tour-link a {
    font-family: 'figtree', helvetica, arial, sans-serif;
    color: #2A61FF;
    font-size: 14px;
    cursor: pointer;
}
.my-account .my-account-main .club-dashboard .coupon-container {
    width: 100%;
    margin: 0 15px 0 15px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.my-account .my-account-main .club-dashboard .coupon-container .coupon {
    background-color: #D54400;
    padding: 5px;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.my-account .my-account-main .club-dashboard .coupon-container .coupon .coupon-border {
    border: 1px dashed white;
    position: relative;
    padding: 18px;
    height: 100%;
    justify-content: center;
}
.my-account .my-account-main .club-dashboard .coupon-container .coupon h3 {
    text-transform: none;
    color: #FFFFFF;
    margin-bottom: 5px;
}
.my-account .my-account-main .club-dashboard .coupon-container .coupon p {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 5px;
}
.my-account .my-account-main .club-dashboard .coupon-container .coupon:nth-child(2) {
    margin-top: 15px;
}
.col-2.narrow.club-dashboard {
    padding-right: 0;
    border: 1px solid #D54400;
    padding: 10px;
}
.narrow.club-dashboard .bc-dash-nonmember img {
    width: 110px;
}

    /*
  ============================================
  Embroidery Wizard
  ============================================
*/
    .embroidery .main .progress-bar {
        float: none;
        padding: 20px 0;
        margin-left: 0;
    }
.embroidery .main .progress-bar:before,
.embroidery .main .progress-bar:after {
  content: " ";
  display: table;
}
.embroidery .main .progress-bar:after {
  clear: both;
}
.embroidery .main .progress-bar li {
  line-height: 40px;
  font-size: 14px;
  color: #868686;
  width: 32.6%;
}
.embroidery .main .progress-bar li.active {
  color: #ffffff; /*used to be fbfbfb*/
}
.embroidery .main .progress-bar li:before,
.embroidery .main .progress-bar li:after {
  border-top-width: 20px;
  border-bottom-width: 20px;
}
.embroidery .main .progress-bar li:first-child:before {
  border-top-width: 0;
  border-bottom-width: 0;
}
.embroidery .main .progress-bar.no-logo li {
  width: 49%;
}
.embroidery .main .progress-bar.no-logo .logo-progress-step {
  display: none;
}
.embroidery .main .col2-set .col-1 {
  width: 55.660377358490564%;
  margin-right: 3.7735849056603774%;
  padding: 0;
}
.embroidery .main .col2-set .col-1 .panel {
  display: none;
}
.embroidery .main .col2-set .col-1 .panel:first-child {
  display: block;
}
.embroidery .main .col2-set .col-2 {
  width: 40.56603773584906%;
  padding: 0;
}
.embroidery .main .col2-set img {
  border: solid 1px #999999;
  display: block;
}
.embroidery .main .col2-set .buttons-set {
  border-top: solid 1px #999999;
  padding-top: 40px;
}
.embroidery .main .col2-set .buttons-set .button {
  margin-right: 6px;
}
.embroidery .main .col2-set .buttons-set p {
  margin-top: 36px;
}
.embroidery .main .col2-set .buttons-set p a {
  color: #000080;
}
.embroidery .main .col2-set ol {
  list-style-type: upper-latin;
  list-style-position: inside;
  font-size: 18px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.embroidery .main .col2-set ol h3 {
  line-height: 20px;
  display: inline;
}
.embroidery .main .col2-set ol h3 span {
  text-transform: none;
}
.embroidery .main .panel .fields {
  display: none;
}
.embroidery .main .option-set {
  margin-bottom: 33px;
}
.embroidery .main .option-set ul,
.embroidery .main .option-set .field {
  margin-top: 10px;
}
.embroidery .main .option-set ul:before,
.embroidery .main .option-set ul:after {
  content: " ";
  display: table;
}
.embroidery .main .option-set ul:after {
  clear: both;
}
.embroidery .main .option-set ul li {
  float: left;
  width: 19.322033898305087%;
  margin-left: 0.847457627118644%;
}
.embroidery .main .option-set ul li:first-child {
  margin-left: 0;
}
.embroidery .main .option-set ul.messages {
  width: 100%;
}
.embroidery .main .option-set ul.messages li {
  float: none;
  margin: 0;
  padding: 5px 10px;
  width: 100% !important;
}
.embroidery .main .option-set p {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.embroidery .main .option-set label {
  font-size: 13px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.embroidery .main .option-set .style-checkbox + label {
  display: inline-block;
  vertical-align: top;
}
.embroidery .main .option-set .price {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  color: #000080;
}
.embroidery .main .option-set img {
  cursor: pointer;
  margin: 2px;
}
.embroidery .main .option-set img.selected {
  border: solid 3px #000080;
  margin: 0;
}
.embroidery .main .option-set img.no-logo {
  display: none;
}
.embroidery .main .option-set img + p {
  margin-top: 3px;
}
.embroidery .main .option-set.alt1 ul li {
  width: 22.71186440677966%;
  margin-left: 3.389830508474576%;
}
.embroidery .main .option-set.alt1 ul li:first-child {
  margin-left: 0;
}
.embroidery .main .option-set.thread-options ul li {
  width: 9.152542372881356%;
}
.embroidery .main .option-set .form-list li {
  margin-left: 0;
  width: 100%;
}
.embroidery .main .option-set .form-list li label {
  float: none;
  width: 100%;
  margin-bottom: 0;
}
.embroidery .main .option-set .form-list li .input-box {
  width: 250px;
}
.embroidery .main .option-set .form-list .font-style {
  margin-top: 12px;
}
.embroidery .main .option-set .form-list .font-style span {
  float: left;
  font-size: 13px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  margin: 8px 10px 0 0;
}
.embroidery .main .option-set .form-list .font-style img {
  float: left;
  margin-right: 20px;
  border-radius: 3px;
}
.embroidery-result {
  position: relative;
}
.embroidery-result .element {
  position: absolute !important;
  width: 16.27906976744186%;
  top: 25.581395348837212%;
  right: 27.906976744186046%;
  text-align: center;
  font-size: 10px;
}
.embroidery-result .element img {
  border: none!important;
}
.embroidery-result .text-left-top {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  top: 24.5%;
  line-height: 14px;
  display: none;
}
.embroidery-result .script,
.embroidery-result .script .text-left-top {
  font-family: 'noricanRegular', helvetica, arial, sans-serif;
}
.embroidery-result .text-left-bottom {
  top: 38%;
  display: none;
}
.embroidery-result .text-right-top {
  right: auto;
  left: 31%;
  top: 28%;
  display: none;
}
.embroidery-result .text-right-bottom {
  top: 38%;
  left: 31%;
  display: none;
}
.embroidery-details {
  margin-top: 17px;
  display: none;
}
.embroidery-details h2 {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 18px;
}
.embroidery-details .price {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  color: #000080;
}
.embroidery-details .price-box {
  max-width: none;
}
.embroidery-details .price-box > span {
  margin-top: 4px;
  display: none;
}
.embroidery-details .price-label,
.embroidery-details .price,
.embroidery-details .label {
  font-size: 14px;
}
.embroidery-details .label {
  width: 100%;
  display: block;
}
.embroidery-details .total {
  border-top: solid 1px #999999;
  margin-top: 16px;
}
.embroidery-details .total .price-box > span {
  display: block;
}
.embroidery-details .total .regular-price {
  padding-top: 11px;
}
.embroidery-details .total .price-label,
.embroidery-details .total .price {
  font-size: 18px;
}

.embroidery-no-arrow {
  background:none !important; 
  padding-right:0px !important;
}
/*
  ============================================
  Buyer's Club Page
  ============================================
*/
.buyers-landing .main .header {
  margin-top: 5px;
  margin-bottom: 20px;
  text-align: center;
}
.buyers-landing .main .header .banner {
  margin-bottom: 13px;
}
.buyers-landing .main .header .banner:before,
.buyers-landing .main .header .banner:after {
  content: " ";
  display: table;
}
.buyers-landing .main .header .banner:after {
  clear: both;
}
.buyers-landing .main .header .banner li {
  float: left;
  width: 33%;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 18px;
  padding-top: 91px;
}
.buyers-landing .main .header .banner li.top {
  padding-top: 0;
}
.buyers-landing .main .header p {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 0;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.buyers-landing .main .header p.red {
  color: #ca0000;
}
.buyers-landing .main .header p.small, label.small {
  font-family: 'figtree', helvetica, arial, sans-serif;
  font-size: 13px;
}
.buyers-landing .main .rounded-box {
  text-align: center;
  background-color: #ebe9e5;
}
.buyers-landing .main .rounded-box h2 {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 33px;
  margin-top: 10px;
}
.cc-perks-container ol,
.buyers-landing .main ol,
.how-to-firearms-steps {
  text-align: left;
  counter-reset: li;
  margin-left: 20px;
}
.cc-perks-container ol li,
.buyers-landing .main ol li,
.how-to-firearms-steps li {
  position: relative;
  margin: 0 0 -3px 2em;
  padding: 4px 8px;
}
 .buyers-landing .main .club-trial-main ol li 
 {
  padding-top: 2px;
  padding-bottom: 12px;
 }
 .buyers-landing .main .club-trial-main a.strong{
     color: #000080;
     font-family: 'figtreeBold', helvetica, arial, sans-serif;
     font-size: 16px;
 }
 .buyers-landing .main .club-trial-main a:not(.button):hover {
    text-decoration:underline;
 }
.cc-perks-container ol li::before,
.buyers-landing .main ol li::before,
.how-to-firearms-steps li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -4px;
  left: -2em;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 24px;
  color: #ffffff;
  padding: 4px 13px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.buyers-landing .main ol li h3,
.how-to-firearms-steps li h3 {
  margin: 0!important;
}
.buyers-landing .main .col2-set .buyers-club .buttons-set {
  padding: 10px;
}
.buyers-landing .main .col2-set .col-1,
.buyers-landing .main .col2-set .col-2 {
  width: 45.56962025316456%;
}
.buyers-landing .main .col2-set .col-2 {
  padding-left: 0;
  margin-top: 17px;
}
.buyers-landing .main .notice {
  margin: 20px 0;
  padding: 3.79746835443038% 12.658227848101266%;
  text-align: center;
}
.buyers-landing .main .notice h2 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}
.club-member-benefits {

}
.club-trial-title {
	margin-bottom: 5px;
}

.buyers-landing .main .fr-notice-container {
    float: right;
    margin-left:15px;
    margin-top:10px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    width:25%;
    z-index: 1;
}
.buyers-landing .main .fr-notice-container .notice {
    padding: 10px;
}
.buyers-landing .main .fr-notice-container .notice .button {
    line-height:25px;
}

/*
  ============================================
  Buyer's Club Tour
  ============================================
*/

button.clubyellow,
.button.clubyellow,
a.button.clubyellow {
  color: #1A1617;
  background-color: #F3C317;
  font-family: figtreeBoldCondensed, helvetica, arial, sans-serif;
  font-size: 42px;
  line-height: 95px;
  border-radius: 20px;
}

.club-tour-club-red {
	color: #AC162C;
}

/*
  ============================================
  Buyer's Club Signin
  ============================================
*/
.buyers-signin .main .page-title {
  margin: 20px 0 10px;
}
.buyers-signin .main .page-title:before,
.buyers-signin .main .page-title:after {
  content: " ";
  display: table;
}
.buyers-signin .main .page-title:after {
  clear: both;
}
.buyers-signin .main .page-title img {
  float: left;
  margin-right: 44px;
}
.buyers-signin .main .page-title .copy {
  float: left;
  margin-top: 35px;
  width: 868px;
  width: -webkit-calc(100% - 192px);
  width: -moz-calc(100% - 192px);
  width: calc(100% - 192px);
  max-width: 775px;
}
.buyers-signin .main .page-title h1 {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 24px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.buyers-signin .main .page-title p {
  font-size: 13px;
}
.buyers-signin .main h2 {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: solid 1px #868686;
  padding-bottom: 17px;
}
.buyers-signin .main .col-1 {
  width: 76.41509433962264%;
  margin-right: 2.0754716981132075%;
}
.buyers-signin .main .col-2 {
  width: 21.50943396226415%;
  padding: 16px;
  margin-top: 0;
}
.buyers-signin .main .buyers-club h1 {
  margin-top: -34px;
}
.buyers-signin .main p {
  font-size: 13px;
}
.buyers-signin .main .row:before,
.buyers-signin .main .row:after {
  content: " ";
  display: table;
}
.buyers-signin .main .row:after {
  clear: both;
}
.buyers-signin .main .col {
  float: left;
  width: 34.5679012345679%;
}
.buyers-signin .main .col p {
  margin-top: 17px;
}
.buyers-signin .main .separator {
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 24px;
  text-align: center;
  width: 23.456790123456788%;
  margin-top: 135px;
}
.buyers-signin .main .form-list li label {
  float: none;
  font-size: 13px;
  margin-bottom: 0;
  width: 100%;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.buyers-signin .main .form-list li .input-box {
  float: none;
  width: auto;
  max-width: 265px;
}
.buyers-signin .main .form-list li .input-box + a {
  color: #000080;
  font-size: 12px;
  margin-left: 0;
}
.buyers-signin .main .labelify .form-list li label:not(.ignore) {
  top: 30px;
  font-size: 14px;
  font-family: 'figtree', helvetica, arial, sans-serif;
}
.buyers-signin .main .labelify .form-list li .input-box + a {
  position: absolute;
  right: 0;
  z-index: 1;
}
.buyers-signin .main .labelify .form-list li .large + label {
  top: 33px;
}
.buyers-signin .main .labelify .form-list li .alt-label {
  font-size: 13px;
  display: block;
  margin: 7px 0 5px;
  font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.buyers-signin .main .labelify .form-list li .alt-label.large {
  font-size: 18px;
  margin: 0 0 8px;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.buyers-signin .main .buttons-set {
  margin-top: 20px;
}
.buyers-signin .main .create-account-section {
  margin-top: 50px;
}
.buyers-signin .main .create-account-section .heading {
  border-top: solid 1px #868686;
  padding-top: 30px;
}
.buyers-signin .main .create-account-section .heading:before,
.buyers-signin .main .create-account-section .heading:after {
  content: " ";
  display: table;
}
.buyers-signin .main .create-account-section .heading:after {
  clear: both;
}
.buyers-signin .main .create-account-section .heading h2 {
  border-bottom: none;
  float: left;
  margin: 7px 25px 0 0;
}
.buyers-signin .main .create-account-section .heading a.button {
  float: left;
}
.buyers-signin .main .create-account-section .upper {
  text-transform: uppercase;
}
.buyers-signin .main .create-account-section ul {
  margin: 10px 0 0 15px;
}
.buyers-signin .main .create-account-section li {
  list-style-type: disc;
  list-style-position: outside;
  font-family: 'figtreeBold', helvetica, arial, sans-serif;
  font-size: 16px;
  margin-bottom: 4px;
}

.red {
    color: #ca0000;
}

.buyers-club-red {
    color: rgb(172, 22, 44); /* Buyers Club Red */
}

body.wait *,
body.wait
{
    cursor: wait !important;
}
.underline
{
    text-decoration: underline;
}
.highlight
{
    font-weight: bold; 
}

/* Buyer's Club tile at payment'*/
#pitch-tile {
    font-family: 'figtreeBold',helvetica,arial,sans-serif;
    width: 340px;
}
.header-notes {
    font-family: 'figtreeBold',helvetica,arial,sans-serif;
    font-weight: bold;
    font-size:14px; 
    margin: 0 0 10px 0px;
    line-height: 15px;
}
.header-notes .note {
    margin: 0 0 5px 15px;
}
#pitch-tile .club-pitch {
    font-size: 20px;
    margin-bottom: 15px;
}
#pitch-tile .club-pitch .header-container {
    margin: 10px 0 0 5px;
}
#pitch-tile .club-pitch .header-container .header {
    color: rgb(172,22,44);
    font-size:24px; 
    font-weight:bolder; 
    text-align:center; 
    text-transform: uppercase;
    padding-top: 15px;
}
#pitch-tile .club-pitch .header-container .thank-you {
    font-size: 18px;
    text-align:center; 
    text-transform: uppercase;
    padding-top: 10px;
}
#pitch-tile .club-pitch .note-container {
    margin: 5px 10px 10px 10px;
    display: block;
}
#pitch-tile .club-pitch .text-link:hover {
    color: rgb(225,88,41);
}
#pitch-tile .club-pitch .text-link {
    text-decoration: underline;
    font-size: 14px;
}
#pitch-tile .club-pitch .note-container .note {
    font-size: 12px;
    width: 155px;
    float: left;
    color:rgb(172,22,44);
    text-shadow: 1px 0 rgb(172,22,44);
    margin-top: 5px;
    margin-left: 80px;
}
#pitch-tile .club-pitch .button {
    margin-top: 5px;
    width: 200px;
    text-transform: none;
}
#pitch-tile .club-pitch .grey-button {
    background-color: #d8d9db;
    color: #808080;

}
/* End Buyer's Club tile at payment */

/*
  ============================================
  Fixes for browsers without CSS Calc support
  ============================================
*/
.no-csscalc .inline-button {
  position: relative;
}
.no-csscalc .inline-button .input-wrapper {
  width: 99%;
}
.no-csscalc .inline-button .button {
  position: absolute;
  top: 0;
  right: 0;
}
/*
  ============================================
  IE8 Fixes
  ============================================
*/
.ie8 img {
  width: auto;
}
.ie8 .mini-cart img {
    height:68px !important;
}

/* this was from gorilla back on 2/4/14 but it broke IE8's responsiveness -
    they were probably trying to prevent the site from flipping to "mobile"
    as the respondTo.js menus don't work, unfortunately the rest of the site still responds
    to the media queries, and we end up with h-scroll bar for these containers */
.ie8 .container {
  /*width: 1060px !important;*/
}

.ie8 .button {
  font-size: 13px;
}
.ie8 .moby-overlay {
  background: url('/images/gorilla/ie-overlay.png') 0 0 repeat;
  -ms-filter: none;
  filter: none;
  zoom: 1;
}
.ie8 .product-image .btn-quickview,
.ie8 .product-image .btn-quickview .button {
  opacity: 0;
  filter: alpha(opacity=0);
}
.ie8 .product-image:hover .btn-quickview .button {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ie8 .data-table .product-image a {
  width: 138px;
}
.ie8 .home .shop .drop-down {
  -ms-filter: none !important;
  filter: none !important;
  zoom: 1;
  overflow: visible;
}
.ie8 .home .shop .drop-down .fly-out.over {
  display: block !important;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.ie8 .data-table.order-table td {
	padding: 20px !important;
}

/*
  ============================================
   Club Offer Checkout
  ============================================
*/

button.clubred,
.button.clubred,
a.button.clubred {
  color: white;
  background-color: #AC162C;
  font-size: 20px;
  line-height: 50px;
  border-radius: 10px;
  padding: 0 27px !important;
  margin-top: 80px !important;
  margin-bottom: 0 !important;
}

button.clubred span,
.button.clubred span,
a.button.clubred span,
button.clubblack span,
.button.clubblack span,
a.button.clubblack span {
    font-family: figtreeBoldCondensed, helvetica, arial, sans-serif;
}

button.clubred:hover,
.button.clubred:hover,
a.button.clubred:hover,
button.clubblack:hover,
.button.clubblack:hover,
a.button.clubblack:hover,
button.clubyellow:hover,
.button.clubyellow:hover,
a.button.clubyellow:hover {
    opacity: 0.75;
}

button.clubblack,
.button.clubblack,
a.button.clubblack {
  color: white;
  background-color: black;
  font-size: 15px;
  line-height: 50px;
  border-radius: 10px;
  padding: 0 30px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
/* #region club pitch redesign... again*/
.checkout.buyers-landing.moby-show .moby-overlay.show,
.checkout.buyers-landing.moby-show .moby-overlay.show .moby-container.show {
    overflow-y: hidden; /* prevent the double overlay */
}
.bc-info-modal {
    background-color: #cdd1c3;
}
#bc-info-modal {
    overflow-y: scroll;
    max-height: 500px;
}
.bc-info-modal p {
    font-size: 18px;
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
    line-height: normal;
}
.bc-info-modal p,
.bc-info-modal h1,
.bc-info-modal h2 {
    margin-bottom: 15px;
}
.bc-info-modal h1,
.bc-info-modal h2{
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 22px;
    line-height: normal;
}
.club-offer-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 50px;
}
.club-offer-container > div {
    width: 50%;
}
.club-offer-container .club-offer-background {
    padding: 30px;
    display: flex;
    align-items: center;
    background-position: center top;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.club-offer-container .savings-statement {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}
.club-offer-container .offer-benefits {
    padding: 0 50px;
}
.club-offer-container .offer-benefits .benefits-header {
    margin-bottom: 30px;
}
.club-offer-container .offer-benefits .benefits-header img:first-child {
    display: block;
    margin: 0 auto;
}
.club-offer-container .offer-benefits .benefits-header h2 {
    font-size: 24px;
    line-height: 30px;
    color: #54565A;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    display: inline;
}
.club-offer-container .offer-benefits .benefits-header .tip-modal {
    width: 18px;
    margin-left: 5px;
    cursor: pointer;
}
.club-offer-container .offer-benefits .list-block .list-item {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.club-offer-container .offer-benefits .list-block .list-img {
    float: none;
    margin-right: 30px;
    padding-top: 0px;
}
.club-offer-container .offer-benefits .list-block .list-img img {
    max-width: 60px;
}
.club-offer-container .offer-benefits .list-block .list-text-block .normal-text {
    font-size: 21px;
    line-height: 24px;
    color: #54565A;
}
.club-offer-container .offer-benefits .club-offer-footer {
    text-align: center;
}
.club-offer-container .offer-benefits .club-offer-footer p {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #54565A;
    margin: 40px 0 20px 0;
}
.club-offer-container .offer-benefits .club-offer-footer .button {
    display: block;
    margin: auto;
    letter-spacing: 2px;
    border: none;
    color: #fff;
    background-color: #D54400;
    padding: 17px 30px 15px 30px;
    margin-bottom: 40px;
}
.club-offer-container .offer-benefits .club-offer-footer .hyperlink-button {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #54565A;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    text-decoration: underline;
}
.club-offer-container .club-offer-disclaimer {
    margin-top: 30px;
    text-align: center;
    color: #54565A;
    padding: 0 25px;
    flex: 0 0 100%;
}
.club-offer-container .club-offer-disclaimer p {
    font-size: 11px;
}
.club-exclusives-container {
    margin: 38px auto 100px auto;
    max-width: 1000px;
    padding: 0 10px;
}

    .club-exclusives-container h1 {
        font-size: 24px;
        line-height: 26px;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        text-align: center;
        margin-bottom: 12px;
        color: #54565A;
    }

    .club-exclusives-container h2 {
        font-size: 21px;
        line-height: 26px;
        font-family: 'figtreeLight', helvetica, arial, sans-serif;
        text-align: center;
        margin-bottom: 32px;
    }

    .club-exclusives-container .exclusive-item {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 24px;
    }

        .club-exclusives-container .exclusive-item img {
            width: 184px;
            margin-right: 32px;
        }

        .club-exclusives-container .exclusive-item .club-exclusives-title {
            font-size: 16px;
            line-height: 18px;
            font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
            margin-bottom: 15px;
        }

        .club-exclusives-container .exclusive-item .club-exclusives-price {
            font-size: 14px;
            line-height: 17px;
            font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
        }

    .club-exclusives-container button,
    .club-exclusives-footer button {
        display: block;
        margin: auto;
        font-size: 14px;
        letter-spacing: 1px;
        border: none;
        color: #fff;
        background-color: #D54400;
        padding: 17px 30px 15px 30px;
        margin-bottom: 24px;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 18px;
        line-height: 18px;
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16);
    }

    .club-exclusives-container .hyperlink-button {
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 16px;
        line-height: 21px;
        color: #54565A;
        border: none;
        cursor: pointer;
        background: none;
        padding: 0;
        margin-bottom: 0;
        text-decoration: underline;
        text-transform: none;
        box-shadow: none;
    }

.club-exclusives-footer {
    background-color: #F0F0F0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 135px 10px 0 10px;
}

    .club-exclusives-footer .club-exclusives-logo {
        margin: 0 auto;
        position: absolute;
        text-align: center;
        top: -75px;
    }

    .club-exclusives-footer h3 {
        font-size: 24px;
        line-height: 26px;
        color: #54565A;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        margin-bottom: 32px;
        text-transform: capitalize;
    }

    .club-exclusives-footer .club-exclusives-value-props {
        display: flex;
        flex-direction: row;
        max-width: 70%;
        margin-bottom: 20px;
    }

        .club-exclusives-footer .club-exclusives-value-props .list-item {
            display: flex;
            flex-direction: row;
            align-items: center;
            width: 33%;
            margin-right: 15px;
            margin-bottom: 0;
        }

        .club-exclusives-footer .club-exclusives-value-props .list-img {
            float: none;
            margin-right: 10px;
            padding-top: 0;
        }

            .club-exclusives-footer .club-exclusives-value-props .list-img img {
                max-width: 75px;
            }

        .club-exclusives-footer .club-exclusives-value-props .value-text {
            font-size: 16px;
            line-height: 19px;
            color: #54565A;
            font-family: 'figtree', helvetica, arial, sans-serif;
        }

    .club-exclusives-footer .normal-text {
        font-size: 16px;
        line-height: 21px;
        color: #54565A;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        text-align: center;
        margin-bottom: 24px;
    }

    .club-exclusives-footer .disclaimer {
        font-size: 11px;
        margin: 24px 0 18px 0;
        line-height: 18px;
        font-family: 'figtree', helvetica, arial, sans-serif;
        color: #54565A;
        padding: 0 25px;
        text-align: center;
    }
/*#endregion*/
.club-pitch-main-image {
    margin-left: 0;
    text-align: left;
}

.club-pitch-main-content-top {
	width: 100%;
	margin-top: 5px;
}

.club-pitch-header-text {
    display: inline-block;
    width: 65%;
    font-size: 24px;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 20px;
}

.club-pitch-membership {
    font-family: 'figtree', helvetica, arial sans-serif;
    font-size: 14px;
}

.club-pitch-offer-image {
    display: inline-block;
    width: 33%;
    vertical-align: middle;
    text-align: right;
}
.club-pitch-offer-image img {
    margin-right: 60px;
}

.club-pitch-main-content-bottom {
	width: 100%;
}

.club-pitch-main-content-botton-inner-grid {
    width: 65%;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.club-pitch-savings-grid {
	border-radius: 10px;
	border: 4px solid #AC162C;
	padding: 5px;
}

.club-pitch-grid-header-blank {
	float: left;
	color: black;
	font-weight: bold;
	min-height: 25px;
	text-align: left;
	width: 50%;
}

.club-pitch-grid-header-youspend {
	float: left;
	font-size: 16px;
	color: black;
	font-weight: bold;
	min-height: 25px;
	text-align: center;
	width: 25%;
}

.club-pitch-grid-header-yousave {
	float: left;
	font-size: 16px;
	color: black;
	font-weight: bold;
	min-height: 25px;
	text-align: center;
	width: 25%;
}

.club-pitch-alternate-row {
	background-color: #f2f2f2;
}

.club-pitch-grid-label {
	float: left;
	color: black;
	font-size: 16px;
	min-height: 25px;
	text-align: left;
	width: 50%;
	padding: 2px;
}

.club-pitch-grid-youspend {
	float: left;
	color: black;
	font-size: 16px;
	min-height: 25px;
	text-align: center;
	width: 25%;
	padding: 2px;
}

.club-pitch-grid-yousave {
	float: left;
	color: #AC162C;
	font-size: 16px;
	min-height: 25px;
	text-align: center;
	width: 25%;
	padding: 2px;
}

.club-pitch-main-content-botton-inner-button {
	width: 33%;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}
.club-pitch-main-content-bottom .club-pitch-main-content-botton-inner-button .button {
    width: 85%;
    margin-top: 0;
    padding: 10px;
    margin-bottom: 0;
}
.club-pitch-main-content-bottom .club-pitch-main-content-botton-inner-button .button.clubyellow {
    margin-top: 0 !important;
    font-size: 24px;
    border-radius: 10px;
    line-height: inherit;
    padding: 15px;
}
.club-pitch-main-content-bottom .club-pitch-main-content-botton-inner-button .button span {
    font-family: 'figtree', helvetica, arial, sans-serif;
}

.club-pitch-footer-text {
	width: 100%;
	margin-top: 10px;
	text-align: center;
}

.club-script-container {
    width: 100%;
    min-width: 360px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.club-script-header {
    font-weight: bold;
    background-color: #ababab;
    padding: 2px;
}
.club-script-div {
    width: 600px;
}

.club-pitch-header {
	font-size: 16px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}
.club-script-table {
	width: 595px;
    margin: auto;
    border: 4px solid rgb(172, 22, 44);
	border-radius:10px;

}
.club-script-label {
	font-size: 14px;
    min-height: 23px;
    color: black;
    text-align: left;
    font-weight: bold;
    width: 50%;
}
.club-script-row {
	min-height: 23px;
	font-size: 14px;
    width: 25%;
    text-align: right;
}
.club-script-you-save {
    color: rgb(172, 22, 44); /* Buyers Club Red */
}
.club-script-you-spend {
    color: black;
}
.div-clear {
    clear: both;
}
/*SUBSCRIBE PAGES (REGISTRATION AND EMAIL SIGNUP*/
.subscribe-body .body
{
    padding-top:10px;
    padding-bottom:10px;
}

/*shopping cart legend*/
.shopping-cart-legend
{
    font-size:10px;
}
.shopping-cart-legend .FOID
{
    font-size:14px;
}
/*general grid*/
.alternate-row {
    background-color: lightgray;
}
/*debug only styles for local developer environments*/
body.debug:before {
    background: #ffc;
    width: 100%;
    position:absolute;
    display:block;
    top:0px;
    left:0px;
    padding: 0px;
    font-size: 9px;
    font-size: .575rem;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index:20000;
}
.web-page-preview { /*used internal when previewing a future date on web page data*/
    position: fixed;
    bottom: 0;
    z-index: 9;
    width: 100%;
    text-align: center;
    font-family: 'figtreeBold', helvetica, arial sans-serif;
    font-size: 12px;
    color: #fff;
    background-color: #D54400;
    padding: 5px 0;
}
.web-page-preview div {
    display: inline-block;
}
.web-page-preview a {
    color: #fff;
    display: block;
}
.web-page-preview .close {
    position: absolute;
    top: 2.5px;
    right: 10px;
    font-size: 15px;
}
#preview-datepicker {
    position: fixed;
    z-index: 999999;
    left: 0;
    right: 0;
    bottom: 25px;
    margin: 0 auto;
    width: 235px;
}
#preview-datepicker .ui-widget-header .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png");
}
#preview-datepicker button.ui-datepicker-current {
     display: none;
}
/*Credit Card Pitching*/
    .cc-pitch .personal-info
    {
        padding: 0px 0px 10px 10px;
    }
    .cc-pitch .col-main
    {
        margin:0 25px 0 25px !important;
    }
    .cc-pitch .red
    {
        color: rgb(172, 22, 44); /* Buyers Club Red */
    }
    .cc-pitch .col-main .header
    {
        margin:20px 0px 20px 0px;
        text-align:center;
    }
    .cc-pitch h5
    {
        font-size:10px;
        margin:5px 0px 5px 0px;
    }
    .cc-pitch p
    {
         margin: 10px 0;
    }
    .cc-pitch .input-box p {
        font-style: italic;
        margin-bottom: 5px;
        margin-top: 2px;
    }
    .cc-pitch h2
    {
        font-weight:bold;
        margin:10px 0px 10px 0px;
        line-height: 30px;
    }
    .cc-pitch .buttons-set
    {
        margin: 16px 0px 16px 0px;
    }
    .cc-pitch-header .logo
    {
         float: left;
    }
    .cc-pitch .consent
    {
        width:100%;
        display:inline-block;
    }
    .cc-pitch .consent label
    {
        min-width: 300px !important;
        width: auto !important;
        line-height: 15px;
        float: none;
        display: inline;
    }
        .cc-pitch .consent #style-checkbox .error,
        .cc-pitch .consent #style-checkbox .jqv-error {
            display: none !important;
        }
    .cc-pitch .consent .input-box
    {
        width: 25px !important;
        display: inline-block !important;
    }
    .cc-pitch .form-list .top-li label 
    {
        width: 180px !important;
    }
    .cc-pitch-disclosure
    {
        width: 100%;
        margin-bottom: 10px;
        text-align: left;
    }
    .form-list li.consent label.error,
    .form-list li.consent p.jqv-error {
      display: none !important;
    }
  .cc-pitch-disclosure iframe
  {
      border-style: solid;
      border-width: thin;
      height: 400px;
      margin: 0px !important;
      width: 100%;
  }
  .cc-pitch .content-rules-header .rule-header
  {
      margin-bottom:2px;
      font-weight:bold;
  }
  .cc-pitch .content-rules-header p
  {
      margin-top:2px;
  }
  .cc-pitch .peronsonal-info-header
  {
      margin-bottom:2px;
      font-weight:bold;
  }
  .cc-pitch .ads-big {
      text-align: left;
      padding-top: 10px;
  }
  #adsMessaging .header
  {
	  margin-bottom: 10px;
  }
  #adsMessaging .header .image
  {
       float:left; 
       width:50px;
	   padding-top:20px;
  }
    #adsMessaging .header img
  {
       width:50px;
  }
  #adsMessaging .header .message
  {
       float:left; 
       width:45%;
       text-align:center; 
       padding-top:20px; 
       font-weight:bold;
	   text-transform:uppercase;
  }
  #adsMessaging .header .message.congratulations
  {
       font-size:25px;
  }
  #adsMessaging .header .message.congratulations1,
  #adsMessaging .header .message.adsdelay,
  #adsMessaging .header .message.adsdecline
  {
      text-align:right;
	  font-size:22px;
	  padding-right:15px;
  }
  #adsMessaging .header .message.congratulations2,
  #adsMessaging .header .message.adsdelay2
  {
	  text-align:left;
	  font-size:22px;
	  padding-left:15px;
  }
  #adsMessaging .header .message.adsdecline2
  {
	  width:100%;
	  font-size: 16px;
	  margin-bottom:15px;
	  padding-top: 10px;
  }
  #adsMessaging .body-message
  {
    margin:0px 5px 0px 5px;
  }
  #adsMessaging
  {
      border-top: 1px solid #5A5E62;
  }

  .cc-pitch .notice {
    margin: 20px 0;
    padding: 3.79747% 12.6582%;
    text-align: center;
  }
.no-padding-left { /*handles IE11 issue of padding-left collapse on link hover*/
    padding-left: 0% !important;
}

.field-validation-error{
    color: #CA0000;
}

.feedback-rating{
   float:left; 
   margin-right:30px;
}

.satisfaction-guaranteed
{
    font-size:12px;
}

.icon-base {
    background-color:fuchsia;
    background-image: url('/images/gorilla/sprite.png');
    background-repeat: no-repeat;
    background-position: 30px 30px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    text-indent: -999em;
    width: 30px;
    vertical-align: top;

    -webkit-transition: background-color 0.24s ease-out;
    -moz-transition: background-color 0.24s ease-out;
    -o-transition: background-color 0.24s ease-out;
    transition: background-color 0.24s ease-out;
}
.icon-base.icon-email
{
    background-position: 8px -40px;
    background-color: #555555;
}
.icon-base.icon-email:hover
{
  background-color: #888888;
}
.icon-base.icon-print
{
    background-position: -338px -296px;
    background-color: #555555;
}
.icon-base.icon-print:hover
{
    background-color: #888888;
}
.icon-base.icon-guestview
{
    background-position:  -365px -295px;
    background-color: #555555;
}
.icon-base.icon-guestview:hover
{
    background-color: #888888;
}

.careers-highlight {
    color: #D54400;
    font-weight: bold;
}

.careers-list {
    padding-top: 3px;
    line-height: 18px;
}

.faq-product {
 margin-top: 7px;
 margin-left: 40px;
 position: absolute;
}

.faq-my-account-text {
	font-family: "figtree",helvetica,arial,sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 18px;
    margin-left: 10px;
}

.faq-my-account {
    position: absolute;
    top: 11px;
    right: 75px;
}

.faq-tip-top {
	top: -216px !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.retical-button
{
    line-height:0px !important;
    width:32px !important;
}
.map-legend {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.map-legend-image {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 30px;
}
.map-legend-text {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
/*
      ============================================
      Dimensions
      ============================================
    */
.dimlabel {
    font-size: 13px;
    vertical-align: middle;
    padding-left: 2px;
}

.dimcount {
    font-size: 11px;
    vertical-align: middle;
}

.dim-accordion {
    border-bottom: 1px solid #BABABA;
}

    .dim-accordion .trigger {
        border-top: 1px solid #BABABA;
    }

    .dim-accordion .trigger {
        cursor: pointer;
        position: relative;
        padding: 16px 5px;
    }

        .dim-accordion .trigger:hover:not(.open) {
            background-color: #F0F0F0;
        }

        .dim-accordion .trigger:after {
            content: '';
            display: block;
            width: 12px;
            height: 12px;
            margin-top: -6px;
            position: absolute;
            top: 50%;
            background-repeat: no-repeat;
        }

    .dim-accordion .content {
        height: 0px;
        position: relative;
        overflow: hidden;
        -webkit-transition: height 0.01s ease;
        -moz-transition: height 0.01s ease;
        -o-transition: height 0.01s ease;
        transition: height 0.01s ease;
    }

        .dim-accordion .content.open {
            height: auto;
        }
            .dim-accordion .content.open.scrollDim {
                height: auto;
                max-height: 210px;
                overflow: auto;
            }
    .dim-accordion .trigger:after {
        right: 3%;
    }
    .dim-accordion .trigger {
        cursor: pointer;
        line-height: 40px;
        margin: 0;
    }
    .dim-accordion .content .style-checkbox {
        vertical-align: middle;
    }

.scrollDim {
    max-height: 330px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

div.open.content li a {
    line-height: 14px;
}

/*suggestahead search results box*/
#searchSuggestions{
    float:left;
}
#searchSuggestions ul li.ui-menu-item .ui-state-active {
    border: none;
    background: none;
    color: inherit;
    text-decoration: underline;
}

#searchProducts{
  box-shadow: 0 0 6px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,.4);
  -moz-box-shadow: 2px 0 6px rgba(0,0,0,.4);
  position:absolute;
  background-color: white !important;
  display:none;
  border-style: solid;
  min-height: 71px;
  z-index: 9999;
}

#searchProducts .category-products,
#searchProducts .category-products .products-grouping{
  background-color:white !important;
}

#searchProducts .category-products .products-grid {
    list-style: outside none none;
}

#searchProducts .category-products .products-grid .product-details .product-name {
     height:40px; 
     overflow: hidden;
}

#searchProducts .price-label,
#searchProducts .price,
#searchProducts .apply-checkout span{
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-weight: normal;
}

.ui-menu {
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 6px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.4);
    -moz-box-shadow: 2px 0 6px rgba(0,0,0,.4);
    background-color: white !important; 
}

.ui-autocomplete .highlight {
    font-weight: bold;
}

.search-cats,
.search-brands{
    width:100%; 
    text-align:center; 
    margin:10px;
}

.search-cats h4,
.search-brands h4 {
  font-weight: bold;
}

.search-cats > ul > li,
.search-brands > ul > li {
    display:inline-block;
    vertical-align: top;
}

.search-results-more > a {
    text-decoration:underline;
}

.search-cats > ul > li > a:hover,
.search-brands > ul > li > a:hover {
    text-decoration:underline;
}

.search-results-label,
.search-results-more{
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.search-term{
    font-style:italic;
}

/* product add-ons*/
.add-on-image{
    margin-bottom: 10px;
}

.add-on-image a{
    opacity: 0.9;
}

.add-on-image a:hover{
    opacity: 1.0;
}

#btnDeleteSMS {
   margin-left:30px !important;
}

/*****************************/
/*       PDP Redesgin        */
/*****************************/
/*#region Universal styles*/
.sg-header {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    color: #D54400;
    margin: 10px 0 20px;
    border-bottom: 1px solid #959595;
    line-height: 0.1em;
}
    .sg-header span {
        background: #ffffff; /*used to be fbfbfb*/
        padding: 0 10px;
    }
.link-text {
    color: rgb(79, 91, 49);
}
    .link-text:hover {
        text-decoration: underline;
    }

/*#endregion*/

/*#region Generic containers */
.product-view #main.main {
        overflow: hidden;
    }
    .product-view #main.main.container {
        overflow: visible;
    }
.col-container {
    width: auto;
    margin-top: 5px;
}
    .col-container .leftCol {
        width: 49%;
        float: left;
        text-align: right;
    }
    .col-container .rightCol {
        width: 49%;
        float: right;
        text-align: left;
        margin-top: -1px;
    }
/*#endregion Generic containers*/

/*#region Modals*/
.product-view .moby-container h3 {
    font-size: 20px;
    margin-bottom: 0;
}
.product-view .moby-container .cms table {
    width: auto;
    font-size: 14px;
}
/*#endregion*/
.pdp-header-flex-container {
    display: flex;
}

.pdp-header-flex-container > div {
        max-width: 200px;
        margin-right: 12px;
}
/*#region Product Images*/

#main-scroll-vertical {
    margin-top: 20px;
    margin-bottom: 20px;
    height:385px; 
    width: 60px;
}
#main-scroll-horizontal {
    margin-left: 25px;
    margin-right: 30px;
    height: 65px;
}
#main-scroll-vertical .slick-prev {
    top: 0%;
    -webkit-transform:  translate(31px, -25px) rotateZ(90deg) scale(1.5);
    transform: translate(31px, -25px) rotateZ(90deg) scale(1.5);
}
#main-scroll-vertical .slick-next {
    top: 100%;
    -webkit-transform: translate(-39px, 8px) rotateZ(90deg) scale(1.5);
    transform: translate(-39px, 8px) rotateZ(90deg) scale(1.5);
}
#main-scroll-horizontal .slick-prev {
    -webkit-transform: translate(-10px, -15px) scale(1.5);
    transform: translate(-10px, -15px) scale(1.5);
}
#main-scroll-horizontal .slick-next {
    -webkit-transform: translate(23px, -15px) scale(1.5);
    transform: translate(23px, -15px) scale(1.5);
}
.disclaimer {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 12px;
}
.product-view .tabs .tab-container.cms.enhanced-uvp {
    background-color: #fff !important;
}
#right-enhanced-uvp-link {
    position: absolute; 
    right: 0%;
    text-decoration: underline;
}
.special-offers-block {
    margin-bottom: 20px;
}
.special-offers-header {
    color: #D54400;
    font-size: 24px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    margin-bottom: 10px;
}
.special-offers-text {
    font-size: 16px;
    font-family: 'figtree', helvetica, arial, sans-serif;
}
/*#endregion*/

/*#region Product Cart*/
.product-view .product-shop {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    width: 92%;
    display: inline-block;
    vertical-align: top;
}
.product-view .product-shop .product-info {
    width: 100%;
    margin-top: -10px;
}
.product-view .product-main {
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
/*Product Media (BV reviews)*/
.product-shop .product-media .pdp {
    height: auto;
}
.product-media .rating-box-large .ratings-container {
    height: 20px; 
    line-height: 30px; 
    color: #ccc;
}
/*User Generated Content Modal styling*/
.moby-container.image-modal {
    background-color: #000;
}
.moby-container.image-modal .moby-close {
    background: url('/images/gorilla/sprite.png') no-repeat -266px -26px;
	width: 15px;
	height: 15px;
}
.moby-container.image-modal .modal-img-container {
    text-align: center;
}
.moby-container.image-modal .modal-img-container img {
    max-height: 500px;
}
.moby-container.image-modal button {
    background-color: #999;
}
.moby-container.image-modal button:hover {
    background-color: rgb(225,88,41);
}


/* BV Fit Rating */
/*.bvFitRatingContainer,
.bvWidthRatingContainer {
    display: inline-block;
}
.bvFitRatingContainer #BVFitRating,
.bvWidthRatingContainer #BVWidthRating {
    width: 100px;
    display: inline-block;
    vertical-align: bottom;
}*/
/* jquery ui default overrides */
/*#BVFitRating,
#BVWidthRating {
    opacity: 1 !important;
    filter: Alpha(Opacity=100) !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 1em;
}
#BVFitRating span.ui-slider-handle,
#BVWidthRating span.ui-slider-handle {
    background: #f6ca2f !important;
    border: none;
    height: 1.2em;
    width: 1em;
    top: -.2em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
#BVFitRating div.ui-widget-header,
#BVWidthRating div.ui-widget-header {
    background: none !important;
}*/
/* End BV Fit Rating */

/*Quantity*/
.moby-container.quickview #quantityAdjustment {
    margin-bottom: 0;
    margin-top: 15px;
}
#quantityAdjustment {
    margin-bottom: 20px;
}
#quantityAdjustment .form-list.stacked li {
    width: 100%;
}
#quantityAdjustment .form-list.stacked li label {
    float: none;
    width: 20%;
    max-width: 100%;
    display: inline-block;
}
    #quantityAdjustment .form-list.stacked li p.jqv-error {
        line-height: 30px;
        margin: 2px;
    }

#quantityAdjustment .form-list.stacked li > div {
    display: inline-block;
    vertical-align: middle;
    padding-right:5px;
}
.product-info .qty {
    width: 40px;
    float: left;
    border-radius: 0 !important;
}

.product-info .qty-adjust{
    cursor: pointer;
    text-align: center;
    float: left;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    background-color: rgb(79, 91, 49);
    border-radius: 0 !important;
    width: 30px;
    line-height: 32px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.caret-down-orange {
    position: relative;
    cursor: pointer;
}
.caret-down-orange:before {
    content: '';
    position: absolute;
    top: 35%;
    left: 5px;
    border-top: 6px solid #D54400;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.caret-down-orange:after {
    content: '';
    position: absolute;
    top: 35%;
    left: 6px;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

 
/*#endregion*/

/*buttons*/
button.btn-cart {
    background-color: #4F5B31;
}

.btn-cart:hover,
a.btn-cart:hover,
.product-shop .buttons-set .add-to-cart #generic-link:hover {
    background-color: #64733f;
}

.button.btn-cart.blue {
    background-color: #D54400;
}

.button.btn-cart.blue:hover {
    background-color: #e6734d;
}

.button.green {
    background-color: #dd2c00; /* error red, ADA compliant */
}
    .product-shop .buttons-set .add-to-cart {
        margin-left: 0;
    }
    .product-shop .buttons-set .add-to-cart #generic-link {
        background-color: #4F5831;
        color: #fff;
        font-size: 18px;
        padding: 5px;
        margin-bottom: 10px;
        display: block;
        width: 100%;
    }
    .product-shop .buttons-set .secondary-buttons {
        width: 100%;
        margin-top: 10px;
    }
    .product-shop .buttons-set .secondary-buttons a, 
    .product-shop .buttons-set .secondary-buttons button.button {
        width: 49%;
    }
    .product-shop .buttons-set .secondary-buttons a:hover, 
    .product-shop .buttons-set .secondary-buttons button.button:hover {
        opacity: .75;
        -moz-opacity: .75;
    }
    .product-shop .buttons-set .wishlist {
        font-family: 'figtree', helvetica, arial, sans-serif;
        font-size: 14px;
        line-height: 30px;
        color: #fff;
        margin: 0;
        background-color: #999;
    }
    
    /*notify me button*/
    .product-shop .buttons-set a.button.blue {
        line-height: 40px;
        width: 100%;
        font-size: 18px;
    }

/*social media icons*/
.product-shop .connect {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 35px;
}
    .product-shop .connect span {
        background-color: #939393;
    }
    .product-shop .connect .facebook span:hover {
        background-color: #3b5b99;
    }
    .product-shop .connect .pinterest span:hover {
        background-color: #cc2127;
    }
    .product-shop .connect .email span:hover {
        background-color: #555555;
    }
/*#endregion*/

/*#region Buyer's club spiff*/
.buyers-spiff-container {
    position:relative;
    width:333px;
    height: 100px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}
.buyers-spiff-container img.logo {
    position: absolute;
    left:0px;
    height: 105px;
    z-index: 2;
}
.buyers-club-spiff {
    position: absolute;
    background-color: #ececec;
    border-top: 3px solid rgb(172, 22, 44);
    border-right: 3px solid rgb(172, 22, 44);
    border-bottom: 3px solid rgb(172, 22, 44);
    border-radius: 5px;
    height: 100px;
    top: 1.5px;
    right:0px;
    width: 280px;
    z-index: 1;
}

    .buyers-club-spiff .inner-wrap {
        margin-right: 10px;
        float: right;
    }
    .buyers-club-spiff p {
        font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
        font-size: 24px;
        color: rgb(172, 22, 44);
        text-transform: uppercase;
        margin-bottom: 0;
        margin-top: 10px;
    }
    .buyers-club-spiff .much-much-more-pdp {
        display: block;
        background: url('/images/gorilla/sprite.png') no-repeat -30px -504px;
	    width: 190px;
	    height: 30px;
        margin: 5px 0 0 16px;
    }
    .buyers-club-spiff .buttons-set {
        margin-top: 6px;
    }
    .buyers-club-spiff a.button.painted-yellow {
        padding: 0 5px;
        line-height: 18px;
        font-size:12px;
        font-weight: bold;
    }
/*#endregion*/

/*#region Price Block */
.starting-at {
    font-size: 12px;
}
.product-view .product-main .price-box,
.moby-container.quickview .price-box {
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
    .product-view .price-box span:after {
        border-bottom: none;
    }
    .price-box .price-block-notification {
        color: #D54400;
        font-size: 24px;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        margin-bottom: 10px;
    }
    .price-box .bullseye {
        color: #D54400;
        font-size: 24px;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        display: flex;
        margin-bottom:8px;
    }
    .price-box .bullseye>div {
        flex-direction:column; 
        justify-content:center;
        flex-grow:1;
        height:50px;
        line-height:25px;
        vertical-align:bottom;
    }
    .price-box .bullseyeimg {
        padding-right: 5px;
        flex-grow:0 !important;

    }
    .price-box .tip a {
        color: #D54400;
    }
    .save-banner {
        margin-bottom: 10px;
        display: inline-block;
        padding-right: 50px;
        width: auto;
        line-height: 30px;
        background: rgb(172,22,44);
        color: #fff;
        text-transform: uppercase;
    }
    .save-banner.rebate {
        background: #F3C317;
        color: #AC162C;
    }
    .save-banner.clearance {
        color: #F3C317;
    }
    .triangle {
        height: 0;
        border-right: 15px solid #ffffff; /*used to be fbfbfb*/
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    .save-banner span {
        font-family: 'figtreeMedium', helvetica, arial, sans-serif;
        font-size: 18px;
        margin-left: 10px;
        position: relative;
        bottom: 15px;
    }
    .product-view .price-box .club-price.apply-checkout span {
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-style: normal;
        font-size: 18px;
        margin-bottom: 5px;
    }
    .rebate-notification {
        position: relative;
        display: block;
    }
    .rebate-notification a {
        position: absolute;
        display: block;
        top: -47px;
        right: 0;
        color: #4F5B31;
        font-size:16px;
    }
    .rebate-notification a:hover {
        text-decoration: underline;
    }

.clearance-save-banner {
	color: #F3C317 !important;
}
.product-main .price-box .price-label {
    width: 30%;
    display: inline-block;
    font-size: 18px;
    float: none;
    text-align: left;
}
.product-main .price-box .price {
    width: 68%;
    display: inline-block;
    font-size: 18px;
    float: none;
    text-align: right;
    white-space: nowrap;  
}
.product-main .price-box .club-price span {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
/*sub price block prices*/
.product-main .price-box .regular-price span {
    font-weight: normal;
    font-family: 'figtree', helvetica, arial, sans-serif;
}
.product-main .price-box .compare-price span {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-weight: normal;
    color: #828282;
}
/*#endregion*/

/*#region club 4-pay*/
#FamilyGroupDiv .product-main .price-box .club-price.fourpay {
    margin-top: 0;
}
.product-main .price-box .club-price.fourpay {
    margin-top: 10px;
    line-height: 50px;
}
.product-main .price-box .club-price.fourpay .fourpay-container{
    margin-top: 5px;
}
.product-main .price-box .club-price.fourpay .price-image {
    display:inline-block;
    width: 15%;
    text-align: left;
    vertical-align: middle;
    margin-right: 2%;
}
.product-main .price-box .club-price.fourpay img {
    display: inline-block;
    max-width: 50px;
    vertical-align: middle;
}
.product-main .price-box .club-price.fourpay span.price-label {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 15px;
    white-space: normal;
    vertical-align: middle;
    width: 58%;
}
.product-main .price-box .club-price.fourpay span.price {
    width: 21.5%;
}
/*#endregion*/

/*#region Certona items*/
.slider-container {
    position:relative;
    padding: 10px 50px;
}
.slider-container .slider-header {
    margin-bottom: 10px;
    text-align: left;
}
.slider-container .slider-header span,
.slider-container .sg-header {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-style: normal;
    text-transform: capitalize;
    color: #D54400;
    font-size: 27px;
}
.slider-container {
    padding: 10px 50px;
}
    
/*#endregion*/

/*#region Product Tabs */
.full-width-wrapper {
    overflow: hidden;
}
.product-view .tabs {
    display: inline-block;
    height: auto !important;
    width: 100%;
    }
    .product-view .tabs .tab-container.cms {
        display: block;
        float: none;
        position: relative;
        top: 0;
        border: none;
        background-color: #f6f5f4!important;
    }
.product-view .tabs .tab-container {
    width: auto;
    float: none;
}

/*#region Selection Groups*/
.group-container {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align:left
}
.group-label-container {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
    margin-top: -10px;
}
.group-label-container span {
    font-family: 'figtree', helvetica, arial, sans-serif;
    margin-left: 5px;
}
.selection-group .selection-item {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: 2.5px 5px;
    border: 2px solid #999;
    border-radius: 5px;
}
.selection-group .selection-item a {
    color: #4F5831;
    vertical-align: middle;
    display: inline-block;                       
    line-height: 16px;                                                                                                                                                                                                                                                                                                                                                                                                                             
    padding: 5px 10px;
    padding-top: 6px;
}
.selection-group .selection-item a:hover {
    text-decoration: underline;
}
.selection-group .selection-item.selected {
    background-color: #4F5831;
    border: 2px solid #4F5831;
}
.selection-group .selection-item.selected span {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding: 5px 10px;
}
/*#endregion*/
/*#region cartSummary and Total Club Savings*/
#cartSummary.drop-down {
    padding: 0 18px 10px;
}
    #cartSummary ol.products-grid li > a,
    #wishSummary ol.products-grid li > a {
        display: block;
        width: 100%;
    }
        #cartSummary ol.products-grid li > a > .product-details > .product-name,
        #wishSummary ol.products-grid li > a > .product-details > .product-name {
            color: #000;
        }
        #cartSummary ol.products-grid li > a > .product-details > .product-name:hover,
        #wishSummary ol.products-grid li > a > .product-details > .product-name:hover {
            text-decoration: underline;
        }

.total-club-savings-container {
    width: 100%;
    margin-bottom: 10px;
}
    .total-club-savings {
        width: 100%;
        line-height: 35px;
        text-align: center;
    }
        .total-club-savings img {
            width: 35px;
            height: 35px;
            vertical-align: middle;
            margin-right: 5px;
        }
        .total-club-savings span {
            font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
            font-size: 18px;
            text-transform: uppercase;
            vertical-align: middle;
            white-space: nowrap;
        }
/*#endregion*/

/*****************************/
/*         Quickview         */
/*****************************/

/*#region Product Info*/
.moby-container.quickview .product-shop {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    width: 53%;
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
}
    .moby-container.quickview .product-shop .product-info {
        width: 100%;
    }
    .moby-container.quickview .product-shop .product-main {
        width: 100%;
    }
    .moby-container.quickview .product-shop .product-main {
        font-family: 'figtreeMedium', helvetica, arial, sans-serif;
    }
.moby-container.quickview .link-text {
    text-transform: uppercase;
}

/*Quantity*/
.moby-container.quickview .qty {
    width: 40px;
    float: left;
    border-radius: 0 !important;
}
.moby-container.quickview .qty-adjust {
    cursor: pointer;
    text-align: center;
    float: left;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    background-color: rgb(79, 91, 49);
    border-radius: 0 !important;
    width: 30px;
    line-height: 35px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*Restrictions*/
.moby-container.quickview .restrictions-note {
    border: none;
    margin: 10px 0 10px 0;
    padding: 0;
}
    .moby-container.quickview .restrictions-note legend {
        font-family: 'figtreeMedium', helvetica, arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: rgb(79, 91, 49);
        cursor: pointer;
    }
    .moby-container.quickview .restrictions-note p {
        color: #000;
    }
    /*buttons*/
    .moby-container.quickview .product-shop .addToCartButtonDiv,
    .moby-container.quickview .product-shop .notifyMeButtonDiv {
        margin-top: 5px;
    }
    /*notify me button*/
    .moby-container.quickview .product-shop a.button.blue {
        line-height: 40px;
        font-size: 18px;
    }    
/*#endregion*/

.rebate-link {
	color: #2A61FF !important;
	text-decoration: underline;
}

.rebate-flag-cart,
.clearance-flag-cart,
.sale-flag-cart {
    left: 0;
    top: 108px;
    position: absolute;
    height: auto;
    width: 80px;
    border: none !important;
}

/* Real-time auth CVV field*/
ul.cvv-field{
    margin-top:20px;
}

input.cvv-input{
    width:100px; 
    margin-right:500px;
}

/* Credit Card Logos */
#cc-logo {
    position: relative;
    display: inline-block;
    right: -10px;
}
.visa-logo {
    top: 5px;
    background: url('/images/gorilla/sprite.png') no-repeat -333px -337px;
	width: 67px;
	height: 21px;
}
.mastercard-logo {
    top: 0;
    background: url('/images/gorilla/sprite.png') no-repeat -339px -375px;
	width: 53px;
	height: 33px;
}
.discover-logo {
    top: -5px;
    background: url('/images/gorilla/sprite.png') no-repeat -333px -425px;
	width: 67px;
	height: 40px;
}
.amex-logo {
    top: 0;
    background: url('/images/gorilla/sprite.png') no-repeat -339px -475px;
	width: 53px;
	height: 35px;
}
.starcard-logo {
    top: -5px;
    background: url('/images/gorilla/sprite.png') no-repeat -332px -520px;
	width: 67px;
	height: 51px;
}

/* club accept modal */
.club-accept-modal {
    position: relative;
}
.gradient-gray {
    background: #d4d2d2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d4d2d2, #ebebeb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d4d2d2, #ebebeb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d4d2d2, #ebebeb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d4d2d2, #ebebeb);
    padding: 10px;
}

.club-accept-modal .buttons-set {
    margin: 10px;
}

.club-accept-modal .buttons-set button,
.club-accept-modal .buttons-set a {
    padding: 10px;
    width: 48%;
    font-size: 18px;
}

.club-accept-modal p:not(.jqv-error) {
	font-family: 'figtree', helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
	text-transform: none;
}

.club-accept-modal p span {
	font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif !important;
	font-size: 16px !important;
	line-height: 20px !important;
}

/*Cart Limit Modal*/
.cart-limit-modal {
    position: relative;
}
.cart-limit-modal .cart-limit-upper,
.wish-limit-modal .wish-limit-upper{
    text-transform: uppercase;
}
.cart-limit-modal .cart-limit-upper h5,
.wish-limit-modal .wish-limit-upper h5 {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    color: #AC162C;
    font-size: 50px;
    line-height: 50px;
}
.cart-limit-modal .cart-limit-upper h4,
.wish-limit-modal .wish-limit-upper h4 {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
}
.cart-limit-modal p,
.wish-limit-modal p {
    padding: 5px;
    font-size: 20px;
}
.cart-limit-modal .buttons-set,
.wish-limit-modal .buttons-set {
    margin: 10px;
}
.cart-limit-modal .buttons-set a,
.wish-limit-modal .buttons-set a {
    padding: 10px;
    width: 48%;
    font-size: 18px;
}

h3.head-drawer {
    font-size: 14px;
    line-height: 17px;
}
h3.head-drawer:after {
    content: '';
    position:absolute;
    display: block;
    background: url("/images/gorilla/sprite.png") no-repeat -190px -24px;
    width: 11px;
    height: 7px;
    top: 15px;
    right: 10px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.head-drawer {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px 20px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 100%;
    background-color: #fff;
}
.content-drawer {
    padding: 5px 20px;
    background-color: #fff;
}

/* Buyers Club Spiff on ViewCart */
.cart-club-container {
    margin-top: 35px;
    float: left;
    width: 66%;
}
.cart-club-container .bc2018 {
    margin-top: 0;
    margin-bottom: 0;
}
.cart-club-container .club-footer-list-text {
    padding-top: 5px;
    font-size: 14px;
}
.cart-club-container .bc2018 .club-footer-link {
    line-height: 15px;
}
.cart-club-container .club-footer-link-padding {
    margin-top: 5px;
}
.cart-club-container .bc2018 .normal-text {
    font-size: 14px;
}
.cart-club-container .bc2018 .button {
    font-size: 16px;
    line-height: 16px;
    padding: 12.5px 50px;
}
.cart-col:first-child {
    padding-right: 30px;
}
.cart-col {
    display: inline-block;
    text-align: left;
}
.cart-list {    
    width:100%;
    padding:5px;
    margin: 0 auto;
}
.cart-list-items {
    width: 100%;
    text-align: center;
}
.cart-list-items ul{
    display:inline-block;   
}
.cart-list-items li {
    font-size: 12px;
    list-style-type: disc;
}

.cart-list .cart-list-message {
    color:black;
    font-size:12px;
}
.cart-club-container  .button-container {
    width: 100%;
    margin-top: 10px;
}
.cart-club-container  .button-container .buttons-set {
    margin-right: 10px;
    width: 100%;
    text-align:center;
    display: inline;
}
.cart-club-container .buttons-set a.button.painted-yellow {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    padding: 10px; 
    text-transform: uppercase;   
}
.cart-club-container .buttons-set a.button.painted-red {
    font-family: 'figtreeBoldCondensed', Arial, Helvetica, sans-serif; 
    font-size: 15px;
    line-height: 20px;
    padding: 10px;
    text-transform: uppercase;
}

.cart-club-container .buyers-club-spiff .more-info-link {
    font-size: 15px;
    text-decoration: underline;
}
.cart-club-container .buyers-club-spiff .renew-link:hover {
    color: #AC162C;
    cursor: pointer;
}

/* ADS Instant Credit Application (ica) */
.ads-ica-form {
	font-family: 'figtree', helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 10px;
	background: #D3DFBB;
}
.ads-ica-col1 {
	width: 30%;
	float: left;
}
.ads-ica-col2 {
	width: 60%;
	float: left;
}
.ads-ica-col3 {
	width: 100%;
	margin-bottom: 10px;
}

.ads-ica-header-img {
	margin-top: 5px;
}
.ads-ica-text-header {
	font-size: 18px;
	line-height: 24px;
}
.ads-ica-text {
	margin-bottom: 10px;
}

.ads-ica-input-large {
	width: 250px;
}
.ads-ica-input-medium {
	width: 200px;
}
.ads-ica-input-small {
	width: 150px;
}

.ads-ica-middleInitial {
	width: 175px
}
.ads-ica-key {
	font-size: 10px;
	width: 160px;
	float: right;
	margin-bottom: 10px;
}
.ads-ica-tc-ack {
	margin-bottom: 10px;
	width: 685px;
	float: left;
}
.ads-ica-tc-ack-text {
	max-width: 640px;
	font-size: 11px;
	float: left;
}

.ads-ic-dd {
	width: 65px;
}
.ads-ic-iframe-div {
	width:100%;
	height: 650px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: auto;
	border: 1px solid black;
}
.ads-ic-iframe {
	width: 100%;
	min-width: 500px;
	height: 99%;
}
.ads-ic-img 
{
	max-width: 300px;
}
.ads-ic-img-txt
{
	max-width: 350px;
	margin-bottom: 10px;
}
.ads-ic-modal-header
{
	font-size: 40px;
	text-transform:uppercase;
}
.ads-ic-modal-txt
{
	font-size: 21px;
	margin-bottom: 10px;
}
.ads-response-popup
{
	overflow: auto;
}
.bc2018.ads-response-popup .col2-set .col-1 .cc-pitch-modal-txt-img
{
	margin-top: 40px;
}
.bc2018.ads-response-popup .button-set
{
	margin-bottom: 10px;
}
.bc2018.ads-response-popup .button-set .button.close
{
	padding: 17px 84px 15px 84px;
	margin-left: 15px;
}
.bc2018.ads-response-popup .button-set .button.ads-ic-cont-shop
{
	padding: 17px 20px 15px 20px;
}
.bc2018.ads-response-popup .button-set .button.ads-ic-checkout
{
	padding: 17px 70px 15px 70px;
	margin-left: 15px;
}

.ads-landing-main {
	font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}
.ads-landing-img {
	margin-bottom: 5px;
}
.ads-landing-header-text {
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #D54400;
    font-size: 35px;
}
.ads-landing-bold-text {
	font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
	text-align: center;
}
.ads-landing-main-text {
	text-align: center;
	font-size: 13px;
	margin-bottom: 15px;
}
.ads-landing-account {
	background: #CACACA;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ads-landing-account-text {
	font-size: 13px;
	color: #3c3c3c;
	margin-bottom: 10px;
}
.ads-landing-club-link {
	margin-bottom: 15px;
	text-decoration: underline;
	font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
	font-size: 15px;
}
.ads-landing-fine-print {
	text-align: left;
	font-size: 10px;
	margin-bottom: 10px;
}
.ads-landing-benefits-left {
	float: left;
	width: 50%;
	padding-right: 5px;
}
.ads-landing-benefits-right {
	float: left;
	width: 50%;
	padding-left: 5px;
}

.validate-ads-form label.error,
.validate-ads-form p.jqv-error,
.validate-ads-form .label-error,
.validate-ads-form .label-jqv-error {
    color: #ca0000;
}

.ads-legal {
	font-family: 'figtreeMedium', helvetica, arial, sans-serif;
	font-size: 10px;
}
.ads-legal span {
	font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
}

.ads-response-popup {
	text-align: center;
	font-family: 'figtreeMedium', helvetica, arial, sans-serif;
	font-size: 13px;
}

.ads-response-popup .button.green {
	background-color: #487637;
	color: white;
}
.ads-response-popup .button.green:hover {
	background-color: #1A1617;
	color: white;
}

.ads-response-popup .button.orange {
	background-color: #D54400;
	color: white;
}
.ads-response-popup .button.orange:hover {
	background-color: #1A1617;
	color: white;
}
.bc2018.ads-email-response .bold-text
{
	text-transform: uppercase;
}
.bc2018.ads-email-response p
{
	max-width: 700px;
	margin:0 auto;
	margin-bottom: 25px;
	margin-top: 10px;
	text-align:left;
}

/*#region css for jquery-ui custom classes */
.ui-slider-tick-mark{
    display:inline-block;
    width:2px;
    background: #dddddd;
    height:100%;
    position:absolute;
    top: 0;
}
/*#endregion */


/*
  ============================================
  Splash Template with Nav Display (initially for holiday gift guide
  ============================================
*/

#splashNav-toggle{
    font-size:18px;
    text-transform:uppercase;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    display:none; /*this will only display on mobile*/
}

.splashNav {
    width:33%;
    float:left;
}

.splashNav .splashNavHeader {
    font-size:18px;
    text-transform:uppercase;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    background-color: #D54400;
}

.splashNav .splashNavContent figure figcaption {
    font-size: 18px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
}

.splashNav .splashNavContent ul {
    padding-bottom:10px;
}

.splashNav .splashNavContent ul li a {
    font-size: 13px;
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
}

.splash12WithNav .splash12Container {
    width:67%;
    float:left;
    text-align:right;
}

.splash12Container::after {
    clear:both;
}

.splash12Container .spiff {
    display:inline-block;
    width:32.5%;
    overflow:hidden;
    text-align:center;
}
.splash12Container .spiff a {
    display:block;
    max-width:235px;
    margin:auto;
}

.splash12WithNav .splash12Container .spiff span {
    color: #D54400;
    font-size: 18px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    display: block;
    height: 48px;
}

.pdp-group-spiff {
    margin-top:20px;
    padding-left:5px;
    width:100%;
}

.pdp-group-spiff a {
    cursor:pointer;
    display:block;
}

.pdp-group-spiff a img {
    width:25%;

    display:inline-block;
    vertical-align:middle;
}

.pdp-group-spiff a span { /*keyfeatures*/
    width:70%;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:5px;
    font-size:18px; 
    font-weight:bold;
    font-family: figtreeBoldCondensed, helvetica, arial, sans-serif;
    color: #4F5B31;
    display:inline-block;
    vertical-align:middle;
}
.pointer {
	cursor: pointer;
}

/*#allow click events on disabled pdp selection boxes*/
.attribute-select[disabled] {pointer-events:none}

/* #region Manage Club Membership styling*/
#cancel-membership {
    width: 100%;
}
#cancel-membership-modal {
    position: relative;
    color: #54565A;
}

    #cancel-membership-modal .header.flex-parent {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 25px;
    }

        #cancel-membership-modal .header.flex-parent .logo {
            flex-shrink: 1;
            flex-basis: 25%;
        }

        #cancel-membership-modal .header.flex-parent .header-text {
            flex-shrink: 1;
            flex-basis: 75%;
            font-family: 'figtreeBold', helvetica, arial, sans-serif;
            font-size: 24px;
            margin-left: 10px;
        }

    #cancel-membership-modal .subhead {
        font-family: 'figtree', helvetica, arial, sans-serif;
        font-size: 16px;
        margin-bottom: 25px;
    }

    #cancel-membership-modal .input-box {
        max-width: 100%;
        margin-bottom: 25px;
    }

.my-account #cancel-membership-modal .input-box label {
    top: 5px;
}

#cancel-membership-modal .input-box .select-wrap {
    width: 100%;
}

#cancel-membership-modal .refund-totals {
    margin-bottom: 25px;
}

    #cancel-membership-modal .refund-totals ul li:first-of-type {
        display: block;
        font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
        color: #D54400;
        text-transform: uppercase;
    }

    #cancel-membership-modal .refund-totals ul li {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-family: 'figtree', helvetica, arial, sans-serif;
        margin-bottom: 10px;
        text-align: left;
    }

        #cancel-membership-modal .refund-totals ul li div {
            flex-shrink: 1;
            flex-basis: 50%;
        }

            #cancel-membership-modal .refund-totals ul li div:last-of-type {
                text-align: right;
            }

#cancel-membership-modal span.burnt-orange,
#cancel-membership-modal span.green,
#cancel-membership-modal span.bold {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}

#cancel-membership-modal .refund-totals .note {
    margin-top: 25px;
    font-size: 13px;
}

#cancel-membership-modal .buttons-set {
    margin: 25px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #cancel-membership-modal .buttons-set .button {
        color: #fff;
        background-color: #D54400;
        flex-shrink: 1;
        flex-basis: 50%;
        font-size: 14px;
        padding: 5px;
        max-width: 200px;
        margin-right: 10px;
    }
        #cancel-membership-modal .buttons-set .button:hover {
            opacity: 0.75;
            -moz-opacity: 0.75;
            filter: alpha(opacity=75);
        }
        /*#endregion*/
        /* utility classes, find a better location for these */
        .no-uppercase {
            text-transform: none !important;
        }
.manage-membership .headline {
    border-bottom: 2px solid #898A8D;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-bottom: 3px;
    color: #54565A;
    font-family: 'figtreeLight', helvetica, arial, sans-serif;
    font-size: 32px;
}
.link-cursor {
    cursor: pointer;
}

.underline-hover:hover {
    text-decoration: underline;
}
.centered {
    margin: 0 auto;
    text-align: center;
}
.max-800 {
    max-width: 800px;
}

/* #region new "Brands" area styling */
.brands-listing #top-level-brands {
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    text-align: center;
}

.brands-listing .top-level-brand-container {
    /*float: left; if we had the full rows of 3 this would work better than inline-block */
    display: inline-block; /* to get it centered as long as we don't have 3 top level brands... */
    font-size: 13px;
    margin: 0;
    padding: 0 15px 5px 15px;
    text-align: center;
    width: 33%; /* suppposed to be 3 wide, eventually.  can't be the full 33.3 due to inline-block showing whitespace in/from markup */
}

    .brands-listing .top-level-brand-container img,
    .brands-listing .featured-brand-container img {
        display: block;
        margin: auto;
        max-width: 100%;
    }

    .brands-listing .top-level-brand-container a,
    .brands-listing .featured-brand-container a {
        display: block;
        color: #4f5b31;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 12px;
    }

        .brands-listing .top-level-brand-container a:hover,
        .brands-listing .featured-brand-container a:hover {
            /*background-color: lightgrey;*/
        }

        .brands-listing .top-level-brand-container .top-level-tagline {
            font-family: 'figtreeMedium', helvetica, arial, sans-serif;
            margin-bottom: 15px;
        }

.brands-listing #featured-brands {
    overflow: auto; /* ensures height is calc'd correctly when contents are floated */
    margin-bottom: 25px;
    text-align: center;
}

.brands-listing .featured-brand-container {
    /*float: left; if we had the full rows of 6 this would work better than inline-block */
    display: inline-block; /* to get them centered as long as we don't have 6 featured brands... */
    width: 16%; /* suppposed to be 6 wide, eventually.  can't be the full 16.6 due to inline-block showing whitespace in/from markup */
}

    .brands-listing .featured-brand-container img {
        display: block;
        margin: auto;
        max-width: 100%;
    }


.brands-listing #list-brands {
    margin-bottom: 25px;
}

.brands-listing #filter-brands-button {
    float: none;
    margin: 15px 0px 6px 0px;
    max-width: 350px;
    padding: 0;
    width: 100%;
    white-space: normal;
}

.brands-listing #brand-filter-mmenu #brand-filter-item-container {
    margin: 0 0 20px 0;
}

    .brands-listing #brand-filter-mmenu #brand-filter-item-container .department-filter-item {
        border: 1px solid black;
        cursor: pointer; /* make it look like a hyperlink */
        margin: 0 auto 10px auto;
        padding: 6px;
        width: 80%;
    }

        .brands-listing #brand-filter-mmenu #brand-filter-item-container .department-filter-item.clear-filter {
            border: none;
        }

        .brands-listing #brand-filter-mmenu #brand-filter-item-container .department-filter-item:hover {
            border-color: olive;
        }

        .brands-listing #brand-filter-mmenu #brand-filter-item-container .department-filter-item.selected {
            color: #fff;
            background-color: #4f5b31;
            border-color: #4f5b31;
        }

.brands-listing #clear-filter-link {
    cursor: pointer;
    font-size: 10px;
}

    .brands-listing #clear-filter-link:hover {
        text-decoration: underline;
    }

.brands-listing #accordion-controls-container,
#faqsV3 #accordion-controls-container {
    text-align: right;
}

.brands-listing .sg-accordion-content span {
    display: inline-block;
    float: left;
    font-family: "figtreeBold";
    font-size: 12px;
    height: 2em;
    line-height: 2em;
    margin-bottom: 6px;
    overflow-y: hidden;
    text-align: center;
    width: 16.66%;
}

    .brands-listing .sg-accordion-content span a {
        display: inline-block;
        height: 100%;
        text-decoration: none;
        width: 100%;
    }

        .brands-listing .sg-accordion-content span:hover,
        .brands-listing .sg-accordion-content span a:hover,
        .brands-listing .sg-accordion-content span:active,
        .brands-listing .sg-accordion-content span a:active,
        .brands-listing .sg-accordion-content span:focus,
        .brands-listing .sg-accordion-content span a:focus {
            background-color: #e5e5e5;
        }


.brand-story .spaced-content-container {
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
    font-size: 15px;
    line-height: 40px;
}

    .brand-story .spaced-content-container .big-text {
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 18px;
        margin-bottom: 0px;
        margin-top: 15px;
    }

    .brand-story .spaced-content-container a.button,
    .brand-story .main .dark-row a.button {
        background-color: #fff;
        border: 4px solid #D54400; /* burnt orange */
        color: #000000;
        display: inline-block;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 300px;
    }
        .brand-story .spaced-content-container a.button:hover,
        .brand-story .main .dark-row a.button:hover,
        .brand-story .spaced-content-container a.button:active,
        .brand-story .main .dark-row a.button:active,
        .brand-story .spaced-content-container a.button:focus,
        .brand-story .main .dark-row a.button:focus {
            background-color: #D54400; /* burnt orange */
            color: #ffffff;
        } 

.brand-story .main .dark-row {
    background-color: #000000;
    color: #ffffff;
    font-family: figtree, helvetica, arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    margin-top: 25px;
}

    .brand-story .main .dark-row .big-text {
        font-family: figtreeMedium, helvetica, arial, sans-serif;
        font-size: 20px;
        margin-bottom: 15px;
        margin-top: 55px;
    }

    .brand-story .main .dark-row a.button {
        background-color: inherit;
        border-width: 3px;
        color: inherit;
        width: 80%;
    }

    .brand-story .main .dark-row div {
        margin-bottom: 8px;
        margin-top: 13px;
    }

        .brand-story .main .dark-row div.col-2 {
            padding: 0 15px;
        }

/* ultimate coolers / four squares section, probably not reusable, but certain parts were repetitive */
.brand-story .main .col-1.ultimate-cooler-left {
    margin-top: 0px;
}

.brand-story .main .four-squares-container {
}

    .brand-story .main .four-squares-container .big-text {
        margin: 34px 0 12px 0;
    }

    .brand-story .main .four-squares-container .fs-row {
        margin: 0;
        overflow: auto;
    }

        .brand-story .main .four-squares-container .fs-row .fs-square {
            float: left;
            margin: 0;
            padding: 0;
            width: 50%;
        }
        .brand-story .main .four-squares-container .fs-row .fs-square img {
            padding: 0 48px; /* forces scaling sooner, which helps vertical alignment as the screen size shrinks */
        }

            .brand-story .main .four-squares-container .fs-row .fs-square .fs-sq-tagline {
                margin: 0 0 4px 0;
            }

.brand-story .main .footer-row {
    background-color: #D54400; /* burnt orange */
    margin-top: 25px;
    text-align: right;
}

    .brand-story .main .footer-row #fr-2 {
        background-color: #55565B;
        display: inline-block;
        margin-left: 35px;
        padding: 24px 5px 0 20px;
        position: relative;
        width: 80%;
    }

    .brand-story .main .footer-row .fr-triangle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -30px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 18px 30px 18px 0;
        border-color: transparent #55565B transparent transparent;
    }

    .brand-story .main .footer-row .fr-logo {
        float: left;
    }

    .brand-story .main .footer-row #fr-bottom {
        clear: both;
    }

/* Brand Awareness */
.brands-carousel {
    text-align: center;
    padding-bottom: 0px;
    padding-top: 35px;
    position: relative;
}

.brands-carousel .carousel-title {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    overflow: auto;
    background-color: #ffffff;
    color: #54565b;
    display: inline-block;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 15px;
    line-height: 15px;
    padding: 2px 8px;
    text-transform: uppercase;
}

.brands-carousel .brandSlider {
    border-bottom: 1px solid #d9d8d6;
    border-top: 1px solid #d9d8d6;
    height: 90px;
    margin: 0 auto 0 auto;
    width: 94%;
}

.brands-carousel .slick-brands-carousel {
    padding-top: 22px;
    padding-bottom: 18px;
}

.brands-carousel .slick-slider .slick-arrow.slick-next:before {
    padding-left: 13px;
}

.brands-carousel .slick-slider .slick-arrow.slick-prev,
.brands-carousel .slick-slider .slick-arrow.slick-next {
    height: 100%;
}

.bcwp .brandCarousel-container .slick-slider .slick-arrow.slick-prev,
.bcwp .brandCarousel-container .slick-slider .slick-arrow.slick-next {
    height: 100%;
    padding-top: 8px;
}

.brands-carousel .sg-slick-prev,
.brands-carousel .sg-slick-next {
    top: 22px;
    font-size: 30px;
}

.brands-carousel .slick-brands-carousel .slick-slide img {
    max-height: 45px; /* protect against non-standard images */
    margin: 0 auto;
}

.sg-slick-next {
    position: absolute;
    right: -45px;
    top: 30%;
    font-size: 40px;
    cursor: pointer;
    color: rgb(84, 86, 91);
    opacity: 0.5;
}

.sg-slick-prev {
    position: absolute;
    left: -40px;
    top: 30%;
    font-size: 40px;
    cursor: pointer;
    color: rgb(84, 86, 91);
    opacity: 0.5;
}
.home .brands-carousel .carousel-legend h2,
.brands-listing .brands-carousel .carousel-legend h2 {
    font-size: 15px;
}

.home .brands-carousel-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    width: 100%;
    margin-bottom: 50px;
}

.brands-carousel-container-pl-bottom {
    margin-top: 18px;
}


.imageTemplate_22 {
}
    .imageTemplate_22 h1 {
        text-transform: none;
    }
/*#endregion*/


/* #region new military surplus notice styling */
.military-surplus-notice ol.notices {
    list-style: decimal;
    list-style-type: decimal;
    margin-left: 30px;
}
    .military-surplus-notice ol.notices li {
        margin-bottom: 10px;
        margin-left: 10px;
        padding: 0px;
    }
    .military-surplus-notice ol.notices ol {
        list-style: upper-alpha;
        list-style-type: upper-alpha;
        margin-left: 15px;
    }
    .military-surplus-notice ol.notices ol li {
        margin-bottom: 0;
    }
/*#endregion*/

/*Address Verification*/
.address-verification-box {
    width: 80%;
    margin: 0 auto;
}
.address-verification-box .style-radio.active + label {
    color:black;
}
.address-box {
    width: 90%;
    margin: 0 auto;
}
.address-modal-close {
    margin-right:15px; 
}

#verified-address-span{
    font-size: 10px;
    text-transform: capitalize;
    font-family: 'figtree', helvetica, arial, sans-serif;
}

.address-modal-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

/* #region Club Free Shipping block */
.mm-menu .clubfreeshipnotice-container .cfs-links.continue-shopping {
    display: none;
}

#order-summary .clubfreeshipnotice-container {
    margin-top: 10px;
}

/*.clubfreeshipnotice-container {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #54565A;*/ /* $darkGray */
    /*font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    margin-bottom: 10px;
    padding: 12px;
    position: relative;
}

    .clubfreeshipnotice-container h3:last-child {
        margin-bottom: 0;
    }

    .clubfreeshipnotice-container h3 {
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 13px;
        line-height: 14px;
        margin-bottom: 8px;
    }

    .clubfreeshipnotice-container .cfs-links {
        font-size: 13px;
        margin-top: 12px;
    }

        .clubfreeshipnotice-container .cfs-links a {
            color: #2A61FF;*/ /* new blue */
        /*}*/
/* #endregion Club Free Shipping block */


/* #region new "Buyers Club" area styling */
.bc2018.normal-text-color,
.bc2018 .normal-text-color {
    color: #898b8e;
}

.bc2018.slightly-darker-text,
.bc2018 .slightly-darker-text {
	color: #4a4c50;
}

.bc2018.darker-text-color,
.bc2018 .darker-text-color {
    color: #54565b;
}


.bc2018 .verysmall-text {
    font-size: 13px;
}
.bc2018 .smaller-text {
    font-size: 14px;
    line-height: 20px;
}
.bc2018 .normal-text {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
}
.bc2018 .bold-text {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.bc2018 .larger-text {
    font-size: 24px;
    line-height: 30px;
}
.bc2018 .larger-text30 {
    font-size: 30px;
    line-height: 36px;
}
.bc2018 .larger-text48 {
    font-size: 48px;
    line-height: 48px;
}
.bc2018 .main-image-container {
    margin-top: 5px;
    margin-bottom: 50px;
}

.bc2018 .sub-image-container {
    margin-bottom: 25px;
}

.bc2018 .subhead-line1 {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 45px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
}

.bc2018 .subhead-line2 {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
}

.bc2018 .subhead-line3 {
    font-size: 45px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
}

.bc2018 .subhead-line4 {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 35px;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
}

.bc2018 .list-head-large {
	font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 40px;
    line-height: 40px;
    text-align: left;
}

.bc2018 .button {
    background-color: transparent;
    border: #54565b 2px solid; /* .bc2018.darker-text-color */
    color: #D54400; /* burnt orange */
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    padding: 17px 96px 15px 96px;
}

.bc2018 .button:hover {
    background-color: #c1c7d0;
	cursor: pointer;
}

.bc2018 .list-block {
	max-width: 830px;
	text-align:left;
}
.bc2018 .list-item {
	margin-bottom: 50px;
}
.bc2018 .list-img {
	float:left;
	margin-right: 50px;
	padding-top: 15px;
}
.bc2018 .list-text-block {
	float:left;
	width: 630px;
}
.bc2018 .list-head {
	margin-bottom: 10px;
}
.bc2018 .button-box {
	margin-top: 40px;
	border: 1px solid #898b8e;
	margin-bottom: 40px;
	padding-bottom: 25px;
	padding-top: 25px;
}

.bc2018 .bc-tour-margin-top {
    margin-top: 50px;
}

.bc2018 .club-links .club-link-action-secondary {
    margin-top: 10px;
    margin-bottom: 24px;
}

.bc2018 .bc-tour-hr {
    margin-bottom: 20px;
    border-bottom: 2px solid #D54400;
    max-width: 600px;
    text-align: center;
}
.bc2018 .cc-benefits {
    overflow: auto; /* ensures height is calc'd correctly when contents are floated */
}
.bc2018 .cc-intro-copy {
    max-width: 630px;
}
.bc2018.cc-preapproved .cc-intro-copy {
    max-width: inherit;
}

.bc2018 .cc-acceptdeclinebuttons {
}
    .bc2018 .cc-acceptdeclinebuttons .larger-text48 {
        margin-bottom: 25px;
    }
    .bc2018 .cc-acceptdeclinebuttons .larger-text {
        margin-bottom: 25px;
    }
    .bc2018 .cc-acceptdeclinebuttons .buttons-container {
        margin-bottom: 15px;
    }
        .bc2018 .cc-acceptdeclinebuttons .buttons-container a {
            margin-left: 14px;
            padding-left: 0;
            padding-right: 0;
            width: 240px;
        }
        .bc2018 .cc-acceptdeclinebuttons .buttons-container a:first-of-type {
            margin-left: 0;
        }

.bc2018.cc-prescreen .cc-benefits,
.bc2018.cc-preapproved .cc-benefits {
    margin-top: 50px;
}

.bc2018.cc-prescreen .cc-acceptdeclinebuttons,
.bc2018.cc-preapproved .cc-acceptdeclinebuttons {
    margin-bottom: 75px;
    margin-top: 40px;
}

.bc2018.cc-preapproved .button-box.cc-manageaccount {
    margin-bottom: 75px;
}

.bc2018.cc-preapproved .button,
.bc2018.ads-email-response .button,
.cc-pitch .button {
    background-color: #D54400;
    border: none;
    border-radius: 2px;
    color: white;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1em;
    padding: 12px 22px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .16);
}

.bc2018.cc-preapproved .button:hover,
.bc2018.ads-email-response .button:hover,
.cc-pitch .button:hover {
    background-color: #CA4F25;
}
/*#endregion*/



.link-arrow {
	vertical-align: middle;
	margin-top: -6px;
	display: inline-block;
}



.sr-only { /* from A360 Audit Summary Report - Appendix B */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* Credit Card Checkout Prescreen */
.bc2018.cc-pitch-modal .subhead-line1 {
	font-size: 40px;
	line-height: 40px;
}

.bc2018.cc-pitch-modal .button {
	padding: 17px 15px 15px 15px;
	line-height: 18px;
	display: inline-block;
}

.bc2018.cc-pitch-modal .button.close {
	padding: 17px 64px 15px 65px;
	margin-left: 5px;
}

.bc2018.cc-pitch-modal .verysmall-text {
	font-size: 9px;
}

.bc2018.cc-pitch-modal .col-1 .cc-pitch-modal-txt-img {
	margin-top: 30px;
}

.bc2018.cc-pitch-modal .col2-set .col-1 .darker-text-color {
	margin-top: 10px;
}

.bc2018.cc-pitch-modal .buttons-set,
.cc-pitch-modal-txt-spacing {
	margin-top: 15px;
}

.cc-pitch-modal-moreinfo {
	margin-top: 5px;
	text-align: left;
}
.cc-pitch-facta {
	font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
	font-size: 15px;
	border: 1px solid #4a4c50;
	padding: 10px 5px 10px 5px;
	margin-top:15px;
	margin-bottom:15px;
}
.cc-pitch-facta span{
	text-decoration: underline;
}
/* Preference Center */
.email-preferences-page {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 16px;
}

    .email-preferences-page.col-main .col2-set .col-1 {
        padding-right: 20px;
    }

    .email-preferences-page .headline {
        border-bottom: 2px solid #142535;
        margin-bottom: 20px;
        margin-top: 30px;
        padding-bottom: 3px;
        color: #061C33;
        font-family: 'figtreeight', helvetica, arial, sans-serif;
        font-size: 32px;
    }

    .email-preferences-page .bold {
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
    }

    .email-preferences-page .my-rounded-box {
        width: 85%;
        margin: 10px auto;
    }

    .email-preferences-page .overlay-spinner.ajax-loading,
    .membership-spiff .overlay-spinner.ajax-loading {
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: .5;
        background-color: #fff;
        z-index: 1;
    }

.membership-spiff .overlay-spinner.ajax-loading {
    left: 0;
    top: 0;
}
    .email-preferences-page .inline-spinner {
        display: inline-block;
        line-height: 32px;
        max-height: 32px;
        max-width: 32px;
    }

    .email-preferences-page #email-preferences-form,
    .email-preferences-page #email-container,
    .email-preferences-page #interests-container,
    .email-preferences-page #gunsammoemail-container {
        clear: both;
        position: relative;
    }

.email-preferences-page button,
.email-preferences-page .button,
.email-preferences-page a.button {
    background-color: #006EB3; 
}

.email-preferences-page #email-container .subscribed-copy {
    margin-top: 14px;
}

.email-preferences-page #interests-container {
    margin-bottom: 30px;
}

.email-preferences-page #email-container #email-form .input-box {
    display: inline-block;
    overflow: auto;
}

    .email-preferences-page #email-container #email-form .input-box::after {
        clear: none;
    }

.email-preferences-page #email-container #email-form .button-set,
.email-preferences-page .subscribed-copy .button-set,
.email-preferences-page .button-set.savepreferences,
.email-preferences-page .unsubscribe-snooze .button-set,
.email-preferences-page .unsubscribe-snooze {
    margin-top: 18px;
}

    .email-preferences-page .unsubscribe-snooze .snoozesuccess .button-set {
        margin-bottom: 18px;
    }

    .email-preferences-page #interests-form .field-group {
        margin-top: 19px;
    }

        .email-preferences-page .periodic-emails-container .style-checkbox,
        .email-preferences-page #interests-form .field-group .style-checkbox,
        .email-preferences-page #gunsammoemail-form .style-checkbox {
            margin-right: 5px;
            margin-top: 1px;
        }

    .email-preferences-page .active + label {
        color: #000000;
        font-family: 'figtree', helvetica, arial, sans-serif;
    }

.email-preferences-page #gunsammoemail-form {
    margin-top: 10px;
}
.email-preferences-page .social-icons {
    margin-top: 12px;
    overflow: auto; /* ensures height is calc'd correctly when contents are floated */
}

    .email-preferences-page .unsubscribe-snooze:before,
    .email-preferences-page .unsubscribe-snooze:after {
        content: '';
        clear: both;
    }


.email-preferences-page .multipleemails-container,
.email-preferences-page .unsubscribe-container,
.email-preferences-page .periodic-emails-container {
    margin-top: 30px;
}

.email-preferences-page .multipleemails-container {
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 10px;
}

	.email-unsubscribe {
		font-family: 'figtree', helvetica, arial, sans-serif;
	}
	.email-unsubscribe .header {
		line-height: 25px;
		font-size: 25px;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.email-unsubscribe .success {
		margin-bottom: 5px;
		color: #4F5B31;
		line-height: 25px;
		font-size: 25px;
	}
	.email-unsubscribe .text {
		line-height: 16px;
		font-size: 14px;
		margin-bottom: 30px;
	}
	.email-unsubscribe .social-icons .connect {
		float:right;
		margin-bottom: 50px;
	}
	.email-unsubscribe .bold {
		font-family: 'figtreeBold', helvetica, arial, sans-serif;
	}
	.email-unsubscribe .link {
		text-decoration: underline;
	}
    .periodic-emails-container .field-group {
        margin-top: 5px;
    }
/*END Preference Center */

/* #region floating scroll to top button*/
#scroll-top { 
    display: none;
    background: url('/images/back-to-top.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
#scroll-top:hover {
    opacity: 0.8;
    -moz-opacity: 0.8; 
    filter: alpha(opacity=80);
}
#scroll-top.is-stuck {
    display: block;
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 999999;
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
/*#endregion floating scroll to top button */

/* #region new military landing page */
.military-landing-page {
}
    .military-landing-page .bc2018 .subhead-line1 {
        margin-top: 50px;
    }

    .military-landing-page .button-box {
        border: none;
        padding: 0;
    }
    .military-landing-page .max-800 > p {
        padding-left: 5px;
        padding-right: 5px;
    }

/* #endregion new military landing page */

/*#region events */
/* global and hero */
.events .hero-container .button-box {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
}
.events .hero-container .button-box a.button {
    font-size: 20px;
}
.events .button-box a.button {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 16px;
    background-color: #D54400;
    padding: 7.5px 35px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.20);
    border: 2.5px solid #D54400;
    line-height: 24px;
}
.events .button-box .button.alt {
    background-color: transparent;
    color: #D54400;
}
.events .button-box a.button:hover {
    text-decoration: underline;
}
.events h2 {
    font-family: 'figtreeThin', helvetica, arial, sans-serif;
    font-size: 32px;
    color: #54565A;
    line-height: 38px;
    text-align: center;
    margin-bottom: 50px;
}
.events a img:hover {
    opacity: 0.85;
    -moz-opacity: 0.85;
    filter: alpha(opacity=85);
}
.events .event-product-container,
.events .event-category-promos,
.events .event-videos-container,
.events .event-go-container {
    margin-bottom:50px;
}
.events .event-category-promos, 
.events .event-go-container {
    background-color: #F5F5F5;
    padding: 50px;
    width: 100%;
}
.events h3 {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 36px;
    color: #54565A;
    text-transform: none;
}
.events .descriptive-text {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin: 25px 0;
}
.events .content-block {
    width: 50%;
    padding: 25px;
}
.events .content-block.f-left {
    float: left;
}
.events .content-block.f-right {
    float: right;
}
/* product tiles*/
.events .event-product-container .product-tiles {
    width: 100%;
    text-align: center;    
}
.events .event-product-container ul.product-tiles {
    list-style-type: none;
}
.events .event-product-container .product-tiles .tile {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 22.5%;
    margin-right: 2.25%;
    border: 1px solid #F5F5F5;
    box-shadow: 0 1px 5px #ccc;
    min-height: 575px;
}
.events .event-product-container .product-tiles li:last-child {
    margin-right: 0;
}
.events .event-product-container .product-tiles .tile .image-container {
    position: relative;
}
.events .event-product-container .product-tiles .tile .image-container img.img-back {
    z-index: 1;
}
.events .event-product-container .product-tiles .tile .image-container img.img-front {
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 0;
}
.events .event-product-container .product-tiles .tile .details-container {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    text-align: center;
    padding: 10px 20px;
}
.events .event-product-container .product-tiles .tile .details-container div {
    margin-top: 10px;
}
.events .event-product-container .product-tiles .tile .details-container .headline {
    font-size: 30px;
    line-height: 30px;
    color: #D54400;
    text-transform: uppercase;
}
.events .event-product-container .product-tiles .tile .details-container .subhead {
    font-size: 22px;
    line-height: 26px;
    color: #54565A;
}
.events .event-product-container .product-tiles .tile .button-box {
    width: 90%;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.events .event-product-container .product-tiles .tile .button-box div {
    margin: 10px 0;
}
.events .event-product-container .product-tiles .tile .button-box .button {
    width: 100%;
    font-size: 16px;
    padding: 5px 10px;
}

/* category promos*/
.events .event-category-promos .category-promo {
    display: inline-block;
    width: 47%;
    text-align: center;
    vertical-align: middle;
    float: none !important;
}
.events .event-category-promos .category-promo.left,
.events .event-category-promos .category-promo.right {
    float: none!important;
}
.events .event-category-promos .category-promo.left {
    margin-right: 2.5%;
}
.events .event-category-promos .category-promo.right {
    margin-left: 2.5%;
}
.events .event-category-promos .button-box {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.events .event-category-promos .button-box div.left, 
.events .event-category-promos .button-box div.right {
    display: inline-block;
    width: 49.5%;
    text-align: center;
    vertical-align: middle;
    float: none !important;
}
.events .event-category-promos .button-box .button {
    font-size: 16px;
    width: 94%;
}
/* video content*/
.events .event-videos-container hr {
    border-top: 2px solid #d9d8d6;
    margin-bottom: 50px;
}
.events .video-content {
    margin: 0 auto;
}
.events .event-go-container .f-left-unimportant.content-block {
    width: 30%;
}
.events .event-go-container .f-right-unimportant.content-block {
    width: 70%;
}
/*#endregion event*/

/*#region containers, widgets, and objects global */
/*containers*/
.widgets-container {
    margin-bottom: 50px;
}
.widgets-container .slider-container {
    padding: 0 50px;
}
.widgets-container h3 {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 36px;
    color: #54565A;
    text-align: center;
    margin: 0;
}
/*widgets*/

/*logo header*/
.logo-header {
	max-width: 900px;
	margin: 0 auto;
	text-align:center;
}
.logo-header-img:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 100px;
    padding-top: 30px;
    border-bottom: 1px solid #54565a;
	margin-bottom: 30px;
}
.logo-header-text {
	font-family: 'figtree', helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #54565a;
}

/*buttons*/
.widgets-container .button-box {
    text-align: center;
}
.widgets-container .button-box a.button {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 16px;
    background-color: #D54400;
    padding: 7.5px 35px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.20);
    border: 2.5px solid #D54400;
    line-height: 24px;
}
.widgets-container .button-box a.button:hover {
    text-decoration: underline;
}
/*#endregion containers, widgets, and objects*/

/*#region callout slider*/
.widgets-container .slider-container h3 {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 36px;
    color: #54565A;
    text-align: center;
    margin: 0;
}
.widgets-container .slider-container ul.callout-thumbs {
    list-style-type: none;
    text-align: center;
    margin: 10px 0;
}
.widgets-container .slider-container ul.callout-thumbs li {
    display: inline-block;
    margin-right: 25px;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    opacity: 0.5;
    border-bottom: none;
}
.widgets-container .slider-container ul.callout-thumbs li:hover {
    cursor: pointer;
}
.widgets-container .slider-container ul.callout-thumbs li.selected {
     -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    border-bottom: 2px solid #D54400;
}
.widgets-container .slider-container .callout-slider .slick-slider .slick-prev, 
.widgets-container .slider-container .callout-slider .slick-slider .slick-next {
    top: 30%;
}
.widgets-container .slider-container .callout-slider .slick-slider .slick-prev::before, 
.widgets-container .slider-container .callout-slider .slick-slider .slick-next::before {
    font-size: 60px;
}
.widgets-container .slider-container .callout-slider .slick-slider .slick-prev {
    left: -40px;
}
.widgets-container .slider-container .callout-slider .slick-slider .slick-next {
    right: -40px;
}
.widgets-container .slider-container .callout-product {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 1 100%;
}
.widgets-container .slider-container .callout-product .callout-image,
.widgets-container .slider-container .callout-product .callout-info {
    flex: 50%;
}
.widgets-container .slider-container .callout-product .callout-image {
    margin: 0 auto;
}
.widgets-container .slider-container .callout-product .callout-info {
    padding:50px; 
    background-color: #F7F7F7;
}
.widgets-container .slider-container .callout-product .callout-info h4 {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 32px;
    color: #54565A;
    line-height: 38px;
    text-align: center;
    margin-bottom: 25px;
}
.widgets-container .slider-container .callout-product .callout-info ol {
    counter-reset: item;
}
.widgets-container .slider-container .callout-product .callout-info ol li {
    position: relative;
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 16px;
    counter-increment: item;
    margin-bottom: 35px;
    margin-left: 50px;
}
.widgets-container .slider-container .callout-product .callout-info ol li:before {
    position: absolute;
    top: -5px;
    left: -50px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 18px;
    color: #fff;
    padding: 3px;
    content: counter(item);
    background-color: #D54400;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 3px 6px #ccc;
}
/*#endregion callout slider*/

/*#region attributes list*/
/* flexbox stuff needs to be tested / work on old iPads and above */
    .widgets-container .attribute-list-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .widgets-container .attribute-list-flex-container img {
            -webkit-flex-grow: 0;
            flex-grow: 0;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            -webkit-flex-basis: 100%;
            flex-basis: 100%;
            max-width: 42px;
            width: 42px;
        }


    .widgets-container .attribute-list-flex-container {
        background-position: center center;
        margin: 0;
        padding: 30px;
        padding-bottom: 0px;
    }
        .widgets-container .attribute-list-flex-container:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 15px solid #525357;
            position: absolute;
            top: -15px;
            left: 50%;
            transform: translateX(-50%);
        }

        .widgets-container .attribute-list-flex-container .attribute-container {
            margin: 0 auto 30px auto;
            width: 275px;
            color: #ffffff;
            font-size: 13px;
        }

        .widgets-container .attribute-list-flex-container img {
            float: left;
        }

        .widgets-container .attribute-list-flex-container .text-column {
            padding-left: 52px;
        }

        .widgets-container .attribute-list-flex-container h3.headline {
            color: #ffffff;
            font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
            font-size: 24px;
            line-height: 24px;
            margin: 0;
            text-align: left;
            white-space: nowrap;
        }
/*#endregion attributes list*/
.br-slider-widget .price-box > span:after {
    border-bottom: none;
}

/*#region three container */
.widgets-container .three-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex: 3;
    justify-content: space-between;
}
.widgets-container .three-container .spiff {
    display: inherit;
    margin-right: 5px;
}
.widgets-container .three-container .spiff:last-of-type {
    margin-right: 0;
}
.widgets-container .three-container .spiff img {
    width: 100%;
}
/*#endregion*/

/*#region double wide */

.product-tile.double-wide {
    margin: 0;
    padding: 0;
    width: 66.4%;
}

#bg-double-wide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    min-height: 500px;
    width: 100%;
}

#double-wide-col {
    align-items: flex-start;
    background: rgba(0, 0, 0, 0.5);
    background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
    background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
    height: 100%;
    padding: 6% 1% 6% 5%;
    width: 50%;
    justify-content: space-between;
}

#double-wide-col > div {
    height: 50%;
}

#double-wide-col > div:last-of-type {
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

#double-wide-col > div:last-of-type > h3 {
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 48px;
    line-height: 44px;
    margin-bottom: 2%;
    width: 100%;
}

#double-wide-col > div:last-of-type > span {
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 5%;
    width: 100%;
}

#double-wide-col > div:last-of-type > a.button {
    background-color: #D54400;
    border-radius: 2px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16);
    color: #fff;
    letter-spacing: 1px;
    white-space: nowrap;
}
/*#endregion*/

.categories.dim-accordion .trigger .skip-plp .style-checkbox .checkbox:focus {
    outline: 2px solid #2A61FF;
}

/* fix blurry images in chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    img {
        image-rendering: -webkit-optimize-contrast !important;
        -webkit-transform: translate3d(0,0,0);
    }
}
/* Unset for Safari 11+ */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        img {
            image-rendering: unset !important;
        }
    }
}
/**
 * Mixins, Variables and Helpers
 */
.triangle-props {
  content: "";
  display: block;
  position: absolute;
}

.hide-quick-view {
    display: none!important;
}

@media screen and (min-width: 1436px) { /* non standard - for suggest ahead until redesigned */
	body.debug:before {
        content: "min-width: 1436px (beyond full!)";
		background-color: darkred;
    }
    #searchProducts{
      width:653px !important;
    }

	#searchProducts .products-grid > li {
		width: 23.037974683544306% !important;
	}
}

@media screen and (min-width: 1128px) { /*gorilla standard*/
    body.debug:before {
        content: "min-width: 1128px (full size!)";
    }
  .home .subscribe-body {
    width: 100%;
    margin-left: 0;
  }

   /*suggestahead search results box*/
    #searchProducts{
      border-width: 3px;
      left:157px;
      top:33px;
      width:322px;
      padding: 10px;
    }
    
    #searchProducts .price-label,
    #searchProducts .price,
    #searchProducts .apply-checkout span{
        font-size: 14px !important;
    }

	#searchProducts .products-grid > li {
		width: 47.037974683544306%;
	}

    .ui-menu {
        left: -3px !important;
        top: 33px !important;
        max-width: 160px !important;
        font-size: 14px !important;
        min-height: 71px !important;
    }
    
    .search-cats,
    .search-brands{
        margin-top: 20px;
    }

    .search-cats h4,
    .search-brands h4 {
        font-size: 16px;
    }
    
    .search-cats > ul > li,
    .search-brands > ul > li {
        margin-left:10px;
        margin-right:10px;
        margin-top: 5px;
        width:170px;
    }

    .search-cats > ul > li > a,
    .search-brands > ul > li > a {
      font-size: 14px;
    }

    .search-results-label,
    .search-results-more{
        font-size:16px;
    }

	.respondfull {
		display: block !important;
	}
	.hideLTfull {
		display: none !important;
	}

    .site-header .nav-container {
        padding: 5px 50px;
    }

    /*#region attributes list*/
    .widgets-container .attribute-list-flex-container {
        padding: 58px;
        padding-bottom: 0px;
    }
        .widgets-container .attribute-list-flex-container .attribute-container {
            margin-bottom: 58px;
            width: 30%;
        }
    /*#endregion attributes list*/
}
/* END @media screen and (min-width: 1128px) */


@media screen and (max-width: 1127px) { /* non standard */
    body.debug:before {
        content: "max-width: 1127px (non standard)";
        background-color: greenyellow;
    }
    #nav.main-nav .container {
        width: 100%;
    }
	.respondfull {
		display: block !important;
	}
	.hideLTfull {
		display: none !important;
	}

    .my-account-main .grid-parent {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    /*#region double wide */
    .product-tile.double-wide {
        width: 100%;
    }

    #bg-double-wide {
        background-position: top right;
        min-height: 400px;
    }

    #double-wide-col > div:last-of-type > h3 {
        font-size: 36px;
        line-height: 36px;
    }

    #double-wide-col > div:last-of-type > span {
        font-size: 16px;
        line-height: 16px;
    }
    /*#endregion*/
}

@media screen and (max-width: 1060px) { /*gorilla standard*/
    body.debug:before {
        content: "max-width: 1060px";
        background-color: lightblue;
    }
	.respond1060 {
		display: block !important;
	}
	.hideLT1060 {
		display: none !important;
	}
    /* Header */
    .site-header .site-search {
        margin: 14px 0 0 0px;
    }

    .main-nav .shop {
        width: 80px;
    }

    .main-nav .deals {
        width: 56px !important;
    }

    .main-nav .club {
        width: 94px !important;
    }

    .main-nav .community {
        width: 52px;
    }

    .main-nav .brands-link {
        width: 70px;
    }

    .global-message.noMobileDisplay {
        font-size: 18px;
        width: 286px;
    }
    .global-message .tool-tip .tip {
        width: 350px;
        margin-left: -175px;/*necessary since tipsy tries to control this in-line*/
    }
    /* My Account */
    .my-account-main .page-header div {
        display: block;
    }
    .my-account-main .page-header .header-text,
    .my-account-main .page-header .customer-number {
        width: 100%;
    }
    .my-account .my-account-main .club-dashboard.flex-parent {
        flex-direction: column;
        margin: 0 15px;
    }
    .my-account .my-account-main .club-dashboard .spiff-container {
        margin: 30px 0 30px 0;
    }
    .my-account .my-account-main .club-dashboard .spiff-container .flex-parent.bc-dash-member {
        margin-bottom: 5px;
    }
    .my-account .my-account-main .club-dashboard .coupon-container {
        margin: 0 0 30px 0;
    }
    .my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-actions {
        position: static;
    }
    /*
      ============================================
      My Account - Email Preferences
      ============================================
    */
    .account-emails .buttons-set .button {
        white-space: nowrap;
    }
  	/*
	 ============================================
	 Club Offer Checkout
	 ============================================
	*/
	.club-script-div {
		width: 450px;
    }
	.club-pitch-image {
        max-width: 240px;
        min-width: 215px;
        margin-left: 10px;
    }
	.club-pitch-header {
        font-size: 14px;
    }
	.club-script-table {
        width: 450px;
    }
	.club-script-label {
		font-size: 12px;
		min-height: 21px;
	}
	.club-script-row {
		min-height: 21px;
		font-size: 12px;
	}
    /*
        Credit Card Pitch
    */
    .cc-pitch-disclosure iframe
    {
      height: 400px;
    }

   /* Club Pitch tile on payment page */
    #pitch-tile {
        width: 100%;
    }
    #pitch-tile .header {
        padding-top: 35px;
    }

    /*club trial pitch page*/
    .offer-container {
        width: 100%;
        margin-left: 100px!important;
        margin-right: 0!important;
        text-align: center;
    }
    .button-wrapper .button-content-left {
        float: none;
        margin-left: 0;
        text-align: center;
    }
    .button-content-left .no-thanks-note {
        margin-top: 0;
    }
    .button-wrapper .button-content-right {
        float: none;
        margin-right: 0;
        margin-top: 15px;
        text-align: center;
    }

	#product-listing-container .button {
		font-size: 13px;
	}

    /*Value Props*/
    .restriction-attribute{
        width:95%;
}
    .left-value-prop {
        width: 55%;
    }
    .right-value-prop {
        width: 35%;
    }

    /* brands area */
    .brands-listing .sg-accordion-content span {
        height: 2.5em; /* nice fat touch targets */
        line-height: 2.5em; /* nice fat touch targets */
        width: 25%;
    }
	.my-account-main .notice.gdpr-address {
		width: 35%;
	}

    /*#region attributes list*/
    .widgets-container .attribute-list-flex-container {
        padding: 40px;
        padding-bottom: 0px;
    }

        .widgets-container .attribute-list-flex-container .attribute-container {
            margin-bottom: 40px;
            min-width: 255px;
            width: 40%;
        }
    /*#endregion attributes list*/

}
/* END @media screen and (max-width: 1060px) */


@media screen and (min-width: 961px) and (max-width: 1127px) { /* non standard */
   /*suggestahead search results box*/
    #searchProducts{
      border-width: 3px;
      left:147px;
      top:33px;
      width:322px;
      padding: 5px;
    }
    #searchProducts .products-grid > li {
		width: 47.037974683544306%;
	}
    #searchProducts .price-label,
    #searchProducts .price,
    #searchProducts .apply-checkout span{
        font-size: 12px !important;
    }

    .ui-menu {
        max-width: 150px !important;
    }
    
    .search-cats,
    .search-brands{
        margin-top: 15px;
    }

    .search-cats h4,
    .search-brands h4 {
        font-size: 15px;
    }
    
    .search-cats > ul > li,
    .search-brands > ul > li {
        margin-left:10px;
        margin-right:10px;
        margin-top: 5px;
        width:150px;
    }

    .search-cats > ul > li > a,
    .search-brands > ul > li > a {
        font-size: 14px;
    }

    .search-results-label,
    .search-results-more{
        font-size:15px;
    }

    /* Buyers Club spiff in the footer */

    .footer-col:first-child {
        padding-right: 40px;
    }

    
    /*callout slide widget*/
    .widgets-container .slider-container .callout-product .callout-info {
        padding: 25px;
    }
    .widgets-container .slider-container .callout-product .callout-info h4 {
        font-size: 26px;
        line-height: 32px;
    }
    .widgets-container .slider-container .callout-product .callout-info ol li {
        margin-bottom: 25px;
        font-size: 15px;
    }
    .widgets-container .slider-container .callout-product .callout-info ol li:before {
        font-size: 16px;
    }
}
/* END @media screen and (min-width: 961px) and (max-width: 1127px) */

@media screen and (min-width: 961px) { /* non standard */
	#searchProducts{
      width:270px;
    }
    #sg-page-wrapper > #main,
    .mm-page.mm-slideout > #main.main {
        padding-top: 160px;
    }
    .site-header {
        height: 160px;
        max-height: 160px;
    }
}
/* END @media screen and (min-width: 961px) */

@media screen and (max-width: 960px) { /*gorilla standard*/
   body.debug:before {
        content: "max-width: 960px";
        background-color: pink;
    }
    #sg-page-wrapper > #main,
   .mm-page.mm-slideout > #main.main{
       padding-top: 132px;
   }
   .main-nav.mm-menu .mm-panels .container.mm-panel {
       max-width: none;
       width: 100%;
   }
   #main.main.container {
       width: 98%;
   }
   #main.main .global-message {
       float: none;
       margin-left: 0;
       width: 100%;
   }
    .global-message .promo-slide span {
        width: 100%;
        text-align: center;
        text-transform: uppercase;
    }
    .global-message {
        font-family: 'figtreeBold', Arial, Helvetica, sans-serif;
        height: 28px;
        font-size: 15px;
        line-height: 28px;
        font-size: 14px;
    }
        .global-message:after {
            height: auto; /* topography graphic */
        }
    .checkout .global-message {
        height: 28px;
        line-height: 28px;
    }
    .checkout .global-message:after {
        height: auto;
    }
    .site-header {
        height: 125px;
        max-height: 125px;
    }
  .respond960 {
    display: block !important;
  }
  .hideLT960{
      display: none!important;
  }
    .noMobileDisplay{
      display:none!important;
  }
.ab-spiff-container .spiff-pad {
    margin-top: 9%;
}
/*Splash page with nav (gift guide 2016)*/
.splashNav {
    display:none;
}
.splash12Container{
    width:100%;
    text-align:center !important;
}

  /*
      ============================================
      Grid
      ============================================
    */
  /** 2 Column layout */
  .col2-left-layout .col-main,
  .col2-right-layout .col-main {
    width: 100%;
    float: none;
  }
  .col2-left-layout .col-left,
  .col2-right-layout .col-left,
  .col2-left-layout .col-right,
  .col2-right-layout .col-right {
    width: 100%;
    float: none;
  }
  /*
      ============================================
      Typography
      ============================================
    */
    .page-title {
        margin-top: 20px;
    }
    .product-view .page-title {
        margin-top: 0;
    }
    .my-account-main div.page-title {
        margin-top: 0;
        margin-bottom: 20px;
    }
  /*
      ============================================
      Accordion
      ============================================
    */
  .accordion .trigger,
  .tabs .trigger,
  .accordion h5,
  .tabs h5 {
    cursor: pointer;
    position: relative;
  }
  .accordion .trigger:after,
  .tabs .trigger:after,
  .accordion h5:after,
  .tabs h5:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    right: 0;
    background: url('/images/gorilla/sprite.png') -152px -212px no-repeat;
  }
  .accordion .trigger.open:after,
  .tabs .trigger.open:after,
  .accordion h5.open:after,
  .tabs h5.open:after {
    background-position: -203px -212px;
  }
    .accordion .content,
    .tabs .content {
        height: 0;
        position: relative;
        overflow: hidden;
    }
  .accordion .content.open,
  .tabs .content.open {
    height: auto;
  }
  .accordion h5:after {
    right: 3%;
  }
  .accordion .trigger {
    cursor: pointer;
    line-height: 40px;
    margin: 0;
  }
  .fly-out {
	  min-height: 0px;
  }
  
  /*
      ============================================
      Header & Navigation
      ============================================
    */
    .site-header .nav-container {
        padding: 0 0 0 20px;
    }
  .site-header .container {
      width: 100% !important;
      height: inherit;
  }
  .site-header .logo {
      margin-right: 20px;
  }

  .site-header .customer-nav .icon-wrapper {
    position: relative;
    float: left;
    margin-right: 0;
    vertical-align: top;
  }

    .site-header .customer-nav .icon-wrapper .mobile-trigger {
        border-left: 1px solid #ccc;
        padding-left: 15px;
        margin-left: 5px;
        margin-right: 5px;
    }

  .site-header .customer-nav .icon-wrapper.noMobileDisplay {
      display: none !important;
  }
  /* header icons */
    .customer-nav .icon-wrapper {
        margin-left: 25px;
    }
  .customer-nav .respondburger {
        margin-top: -3px;
    }
  .site-header .mini-account .drop-down,
  .site-header .mini-cart .drop-down {
      text-align: left;
      line-height: 18px;
  }
  .customer-nav .trigger > .button {
    background-color: transparent;
    padding: 0;
    color: #2b2b2b;
  }
  .customer-nav .trigger.over > .button
  {
    background-color: transparent;
  }
  .customer-nav .trigger > .button:after {
    display: none;
  }
  .customer-nav .trigger > .button:before {
    background-position: -223px -17px;
  }
  .customer-nav .trigger.mini-account > .button {
    background: transparent url('/images/gorilla/sprite.png') -308px -206px no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -999em;
  }

  .mobile-trigger .hamburger {
    width: 20px;
    height: 3px;
    display: inline-block;
    text-align: left;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    position: relative;
    vertical-align: middle;
    margin-right: 0px;
	margin-left: 5px;
    background-color: #000;
  }
  .mobile-trigger .hamburger:before,
  .mobile-trigger .hamburger:after {
    content: '';
    background-color: #000;
    width: 20px;
    height: 3px;
    display: inline-block;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    position: absolute;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .mobile-trigger .hamburger:before {
    top: -7px;
  }
  .mobile-trigger .hamburger:after {
    bottom: -7px;
  }
  .nav-showing {
    overflow: hidden;
  }
  .drop-down {
      border: none;
      box-shadow: none;
  }
  .main-nav {
    display: none;
    background-color: inherit;
  }
    .main-nav .brands-link .brands-link-override {
        margin-left: 8px;
    }

        .main-nav .brands-link .brands-link-override span {
            padding-left: 18px; /* protect the icon */
        }

        .main-nav .brands-link .brands-link-override:before {
            top: 23px;
        }
  .main-nav.search-trigger {
      overflow: visible!important;
      height: auto;
  }
  .main-nav .shop .fly-out {
      min-height: 0;
      height: 0;
  }
  .main-nav ul {
    overflow: hidden;
  }
  .main-nav ul li.level-top {
      margin-left: 0;
  }
  .main-nav li,
  .main-nav li.browse,
  .main-nav li.deals,
  .main-nav li.community,
  .main-nav li.club {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  .main-nav li a {
    display: block;
    font-size: 16px !important;
    line-height: 50px !important;
    text-align: left !important;
    color: #333333;
    font-family: 'figtreeMedium', helvetica, arial, sans-serif;
  }
  .main-nav li.parent a.level-top,
  .main-nav li.level-top-link {
    position: relative;
    color: #333333;
  }
  .main-nav .level-top.browse a.level-top:after {
      right: 0;
  }
  .main-nav .level-top a.level-top:after,
  .main-nav .drop-down li.parent a span:after {
      margin-right: 10px;
  }
  .main-nav li.level-top.browse.shop,
  .main-nav li.level-top {
      z-index: 1;
  }
    .main-nav li.level-top,
    .main-nav li.level-top-link {
        padding-bottom: 0px;
    }
  .main-nav li.level-top a.level-top {
      padding: 5px;
  }
  .main-nav a.level-top span {
      top: 0;
  }

  /* the below css are overrides specifically for the styling of the main-nav jquery mmenu */
  .main-nav .drop-down,
  .main-nav .drop-down .fly-out {
      display: block !important;
  }
    .main-nav .drop-down.no-display,
    .main-nav .drop-down .fly-out.no-display {
        display: none !important;
    }
  .main-nav .drop-down li a,
  .main-nav .fly-out li a {
      margin-left:10px;
  }
  .main-nav .container {
      margin-top: -20px !important;
      margin-bottom: -20px!important;
  }
  .main-nav .mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
      font-size: 16px;
      font-family: 'figtreeBold', helvetica, arial, sans-serif;
  }
  .main-nav .mm-panels>.mm-panel {
      padding: 0!important;
  }
  .main-nav .mm-panels>.mm-panel>.mm-listview {
      margin: 0!important;
  }
  .main-nav .mm-listview>li>a, .mm-listview>li>span {
      padding: 5px !important;
  }
  .main-nav .mm-listview > li.mm-vertical > .mm-next, 
  .main-nav .mm-vertical .mm-listview > li > .mm-next,
  .main-nav .mm-listview .mm-listitem_vertical .mm-btn_next{
      display: none !important;
  }
  .main-nav .mm-listview .mm-listitem_vertical .mm-btn_next+a,
  .main-nav .mm-listview .mm-next+a {
      margin-right: 0 !important;
  }
  .main-nav .mm-listview>li:not(.mm-divider):after {
      left: 0!important;
  }
  /* end css for main-nav jquery mmenu */

  .main-nav li.level-top .drop-down ul.level0 li.parent {
      background-color: #252A2F;
  }
  .main-nav li.level-top .drop-down ul.level0 li.parent:after {
      content: none;
  }
  .main-nav li.level-top .drop-down ul.level0 li.parent a {
      color: #fff;
  }
  .main-nav li.level-top .drop-down ul.level0 li.parent .fly-out ul.level1 li a {
      color: #252A2F;
  }
  .main-nav ul.level1 li a {
      line-height: 30px!important;
  }
  .main-nav li.parent a.level-top span:after {
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -5px;
    background-position: -223px -49px !important;
    width: 16px !important;
    height: 10px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.24s ease;
    -moz-transition: all 0.24s ease;
    -o-transition: all 0.24s ease;
    transition: all 0.24s ease;
  }
  .main-nav li.parent a.level-top.open span:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .main-nav .club a em {
    display: none;
  }
  .main-nav .drop-down,
  .main-nav .fly-out {
    position: static;
    display: block;
    height: 0;
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .main-nav .drop-down.content,
  .main-nav .fly-out.content {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.05s ease;
    -moz-transition: height 0.05s ease;
    -o-transition: height 0.05s ease;
    transition: height 0.05s ease;
  }
  .main-nav .drop-down.content.open,
  .main-nav .fly-out.content.open {
    height: auto;
    max-height: none;
  }
  .main-nav .drop-down ul,
  .main-nav .fly-out ul {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .main-nav .drop-down ul.level0 > li.parent > a {
    line-height: 50px !important;
   }
  .main-nav .drop-down ul.level1 li a,
  .main-nav .fly-out ul.level1 li a {
    padding-left: 6% !important;
  }
  .main-nav .drop-down ul.level2,
  .main-nav .fly-out ul.level2 {
    display: none;
  }
  .main-nav .drop-down li,
  .main-nav .fly-out li {
    margin-top: 0 !important;
  }
  .main-nav .drop-down li a,
  .main-nav .fly-out li a {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: none !important;
    color: #ffffff;
  }
  .main-nav .drop-down li a span,
  .main-nav .fly-out li a span {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-top: none !important;
  }
  .main-nav .drop-down li:first-child a,
  .main-nav .fly-out li:first-child a {
    border-top: none;
  }
  .main-nav .drop-down li.parent a,
  .main-nav .fly-out li.parent a {
    position: relative;
  }
  .main-nav .drop-down li.parent a span:after,
  .main-nav .fly-out li.parent a span:after {
    right: 3%;
    top: 50%;
  }
  .main-nav .drop-down h4,
  .main-nav .fly-out h4 {
    display: none;
  }
  .main-nav .drop-down .col2-set .col-1,
  .main-nav .fly-out .col2-set .col-1,
  .main-nav .drop-down .col2-set .col-2,
  .main-nav .fly-out .col2-set .col-2 {
    float: none;
    width: 100%;
    padding-left: 0;
  }
  .main-nav .drop-down .col2-set .col-1 .col-2 li:first-child a,
  .main-nav .fly-out .col2-set .col-1 .col-2 li:first-child a,
  .main-nav .drop-down .col2-set .col-2 .col-2 li:first-child a,
  .main-nav .fly-out .col2-set .col-2 .col-2 li:first-child a {
    border-top: none;
  }
  .main-nav .drop-down .col2-set + .col2-set,
  .main-nav .fly-out .col2-set + .col2-set {
    display: none;
  }
  .breadcrumbs {
    width: 94%;
    margin: 0 auto;
  }
  .main-nav .level-top a.level-top:before,
  .main-nav .drop-down li.parent a span:before,
  .main-nav .drop-down li.parent a span:after,
  .main-nav .level-top a.level-top:after {
      content: none;
  }

  .main-nav .level-top a.level-top:after,
  .main-nav .drop-down li.parent a span:after {
    content: "";
    display: block;
    height: 11px;
    position: absolute;
    background: url("/images/gorilla/sprite.png") -153px -198px no-repeat;
    top: 42.5%;
    width: 11px;
    z-index: 500;
    border: none !important;
  }
  .main-nav .level-top a.level-top:after {
    content: "";
    height: 12px;
    background: url("/images/gorilla/sprite.png") -152px -212px no-repeat;
    width: 12px;
    top: 35%;
    left: auto;
    right: 0;
  }
  .main-nav .level-top a.level-top.open:after {
    background: url("/images/gorilla/sprite.png") -202px -212px no-repeat;
    top: 35%;
  }
  .main-nav .drop-down li.parent a.open span:after {
    background: url("/images/gorilla/sprite.png") -203px -202px no-repeat;
    top: 50%;
  }
  .carousel-control {
      top: 35%;
  }

  /*
      ============================================
      Footer
      ============================================
    */

  .membership-spiff {
    margin-bottom: 0;
  }
  .footer {
    width: 100%;
    max-width: none;
  }
  .footer a {
    font-size: 15px;
    line-height: 30px;
  }
  .footer .quick-links .col {
    float: none;
    width: 100% !important;
    margin-left: 0;
    border-bottom: 1px solid #999999;
  }
  .footer .quick-links .col h5 {
    line-height: 55px;
    cursor: pointer;
  }
  .footer .quick-links .col h5,
  .footer .quick-links .col ul {
    max-width: 94%;
    margin: 0 auto;
  }
  .footer .quick-links .col h5 a {
    font-size: 16px;
  }
  .footer .quick-links .col ul {
    padding-bottom: 20px;
  }
  .footer .footer-supplemental,
  .footer .footer-badges {
    max-width: 94%;
    margin: 0 auto;
  }
  /*
      ============================================
      Left nav/filters/etc mobile nav
      ============================================
    */
   .toolbar .view,
  .toolbar .paging {
    display: none;
  }

	.view-all .toolbar.bottom .paging {
	display: none;
 }
    .product-list .page-title {
      margin-top: 0px;
  }

  .toolbar.top {
      margin-top: 0px !important;
  }
  .toolbar.top .mobilePagingStatus {
      display:block;
      margin-top:15px;
      height:30px;
      font-size:100%;
      text-align:center;
      font-weight:bold;
      line-height:30px;
  }
  .toolbar.top .label {
      display:none !important;
  }
  .toolbar.top .right{
      float:right !important;
  }
  .toolbar.top .sort .select-wrap {
     margin-bottom:15px;
  }
  .toolbar.top .button {
      display:block;
      height:30px;
      font-size:100%;
      text-transform: uppercase;
  }
  .toolbar.top .right,
  .toolbar.top .sort {
      width:45% !important;
  }
  .toolbar.top .select-wrap,
  .toolbar.top .customStyleSelectBox,
  .toolbar.top .input-text,
  .toolbar.top .showing {
      width: 100% !important;
  }
  aside.filters .mm-panels {
      background-image: url('data:image/gif;base64,R0lGODlhCgAKAIAAAOzq5fn38iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRjk0NkMxQjY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjk0NkMxQzY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZGOTQ2QzE5NjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZGOTQ2QzFBNjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAoACgAAAg9EjBfLrZmcg0/OGu2iWRcAOw==');
  }
  aside.filters .filter-options {
      height: 100%;
  }
  nav.col-left-menu .mm-listview,
  aside.col-left-menu .mm-listview {
      text-align: center;
  }
  nav.col-left-menu .mm-listview li > a:after,
  aside.col-left-menu .mm-listview li > a:after {
      content: none;
  }
  .menu-toggle,
  #splashNav-toggle
   {
    background-image: url('data:image/gif;base64,R0lGODlhCgAKAIAAAOzq5fn38iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRjk0NkMxQjY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjk0NkMxQzY2OTkxMUUzOTNCRkY4Q0MxREU1NzVDRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZGOTQ2QzE5NjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZGOTQ2QzFBNjY5OTExRTM5M0JGRjhDQzFERTU3NUNEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAoACgAAAg9EjBfLrZmcg0/OGu2iWRcAOw==');
    cursor: pointer;
    position: relative;
    padding: 20px 3%;
  }
  #splashNav-toggle{
      display:block;
  }

  .menu-toggle:after,
  #splashNav-toggle:after {
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    background: url("/images/gorilla/sprite.png") -27px -403px no-repeat;
    width: 10px;
    top: 37.5%;
    right: 5%;
    width: 11px;
    z-index: 500;
  }

  .mm-opening .menu-toggle:after {
    content: "";
    background: url("/images/gorilla/sprite.png") 0 -403px no-repeat;
  }
  .menu-toggle > span {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
  }
  .col-left nav.menu-container,
  .col-left aside.menu-container {
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 9996;
    -webkit-transform: translate(0, -130%);
    -moz-transform: translate(0, -130%);
    -ms-transform: translate(0, -130%);
    -o-transform: translate(0, -130%);
    transform: translate(0, -130%);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform .5s;
    transform-style: flat;
    -webkit-box-shadow: 0 2px 2px rgba(50, 50, 50, 0.15);
    box-shadow: 0 2px 2px rgba(50, 50, 50, 0.15);
  }
  .col-left nav.menu-container.open,
  .col-left aside.menu-container.open {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    display: block;
  }
  .col-left aside.menu-container h4 {
    font-size: 16px;
    line-height: 25px;
  }
  .col-left aside.menu-container h5 {
    font-size: 16px;
    line-height: 25px;
  }
  .col-left aside.menu-container header {
    display: none;
  }
  .col-left aside.menu-container .contain {
    padding: 0 3%;
  }
  .col-left aside.menu-container li a {
    display: block;
    line-height: 15px;
    padding-top:10px;
    font-size: 15px;
  }
  .col-left aside.menu-container li a:after {
    display: none;
  }
  .col-left .filters-close {
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 22px auto 20px;
    max-width: 93.75%;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
  }

  /* splash page with nav layout (for gift guide)*/
  .splash12Container {
      padding-top:20px;
      width:100% !important;
      padding-left:0px !important;
  }

    /*  ============================================
      Homepage
      ============================================
    */
  .home .main > .container:first-child {
    width: 100%;
  }
  .home .main .spiff-container {
    padding: 0 3%;
  }
  .home .hero {
    margin-top: 0;
  }
  /*
      ============================================
      Category/Product Listing
      ============================================
    */
  .category-view .main {
    width: 100%;
  }
  .category-view .page-title,
  .category-view .spiff-container.top,
  .category-view .product-collateral,
  .category-view .full-width-template,
  .category-view .cms {
    margin-bottom: 2.5316455696202533%;
    margin-right: auto;
    margin-left: auto;
    width: 94%;
  }
  .category-view.list .page-title {
    margin-top: 12px;
  }
  .category-view.list .category-hero {
    margin-bottom: 0;
  }
  .category-view .product-collateral {
    margin-bottom: 0;
  }
  .category-view .product-suggestions {
    display: none;
  }
  .category-view aside h4 {
    padding: 0 3%;
  }

    .category-view aside.filters .categories.categoryFilter ul {
        padding-left: 0;
        padding-right: 0;
    }

  .category-view aside.filters.unanchored > ul {
    padding: 0 3%;
  }
  .category-view aside.filters .filter-title {
      text-align: center;
      margin-bottom: 5px;
  }
  .category-view aside.filters .current-filters div {
    line-height: 30px;
    padding: 0 3%;
  }
  .category-view aside.filters .current-filters div a {
    line-height: 30px;
  }
  .category-view aside.filters .current-filters ol li:before,
  .category-view aside.filters .current-filters ol li:after {
    content: " ";
    display: table;
  }
  .category-view aside.filters .current-filters ol li:after {
    clear: both;
  }
  .category-view aside.filters .current-filters ol li div {
    float: left;  
    line-height: 25px;
  }   
  .category-view aside.filters .current-filters ol li a {
    padding-right: 3%;
  }
  .dim-accordion .trigger {
      padding-left: 3%;
      padding-right: 3%;
  }
  .category-view aside.filters .accordion {
    margin: 20px 0;
  }
  .category-view aside.filters .accordion > .trigger {
    cursor: pointer;
    padding: 10px 0;
    margin-bottom: 0;
  }
  .category-view aside.filters .filter-by .trigger {
    padding: 10px 3%;
  }
    .category-view aside.filters .categories > h3 {
        padding: 0 3%;
    }
    .category-view aside.filters .categories ul {
        padding-left: 3%;
        padding-right: 3%;
    }

  .category-view aside.filters .accordion ul {
    padding: 0 3% 15px;
  }
  .category-view aside.filters .filters-close {
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 22px auto 20px;
    max-width: 93.75%;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
  }
  .category-view aside.filters.expanded {
    height: auto;
  }
  .category-view aside.filters.expanded #nav-toggle {
    background: url("/images/gorilla/sprite.png") -182px -192px no-repeat;
  }
  .category-view .spiff-container.top {
    margin: 0 auto 2.5316455696202533%;
  }
  .category-products .products-grid {
    margin-bottom: 0 !important;
  }
  .category-products .products-grid li {
    margin-bottom: 2.5316455696202533%;
  }
  .category-view .category-products ol.products-grid li .product-name {
    overflow: visible;
    height: auto;
  }

    /* show first line of the abstract */
    /*.category-view .page-title p {
        display: none;
    }*/
    .single-line-ellipsis-trigger {
        cursor: pointer;
    }

    .single-line-ellipsis {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 18px;
        line-height: 18px;
    }
    /* end show first line of the abstract */


  /* Whitetail Universe */
  .whitetail-container .category-hero {
      margin: 0 15px;
  }
  /*end whitetail universe*/
  /*
      ============================================
      Quick Order
      ============================================
    */
  .quickorder .intro {
    margin-top: 10px;
  }
  /*
      ============================================
      Product View
      ============================================
    */
  .product-essential {
    width: 94%;
    max-width: 1060px;
    margin: 0 auto 38px;
  }
  .product-essential:before,
  .product-essential:after {
    content: " ";
    display: table;
  }
  .product-essential:after {
    clear: both;
  }
  .product-shop {
    width: 50%;
  }
  .product-shop .product-info {
    width: 48.78048780487805%;
  }
  .product-shop .buttons-set .wishlist {
    display: block;
    margin: 8px 0 0 0;
  }
  .buyers-club {
    width: 46.82926829268293%;
  }
  .buyers-club p,
  .buyers-club p strong {
    font-size: 12px;
  }
  .buyers-club p,
  .buyers-club .note {
    text-align: center;
  }
  .buyers-club .note {
    display: block;
  }
  .buyers-club .buttons-set {
    padding-top: 10px;
  }
  .buyers-club .buttons-set a {
    display: block;
    margin-bottom: 10px;
  }
  /* PDP Buyers Club Spiff */
  .buyers-spiff-container {
      height: 85px;
      width: 263px;
  }
  .buyers-spiff-container img.logo {
      height: 85px;      
  }
  .buyers-club-spiff {
      top: 1px;
      height: 82px;
      width: 220px;
      left: 44px;
  } 
  .buyers-club-spiff p {
      margin-top: 5px;
      font-size: 18px;
      float: right;
  }
  .buyers-club-spiff .buttons-set {
      margin-top: 2.5px;
  }
  .buyers-club-spiff a.button {
      line-height: 20px;
      font-size: 12px !important;
      font-weight:normal !important;
      margin-top:5px;
      margin-left:40px;
  }
  /*end*/
  .product-view .product-suggestions {
    width: 46.34146341463415%;
  }
  
  .product-view .product-collateral {
    width: 100%;
  }

.product-view table.dataTable.cell-border tbody tr td:first-child {
    border-left: none;
    border-top: none;
}
.product-view table.dataTable.cell-border tbody td {
    border-right: none;
}
.product-view table.dataTable > tbody > tr.child ul li {
    border-bottom: none;
    padding: 2.5px 0;
}
.product-view table.dataTable > tbody > tr.child > td.child ul {
    width: 100%;
}
.product-view table.dataTable > tbody > tr.child > td.child span.dtr-title,
.product-view table.dataTable > tbody > tr.child > td.child span.dtr-data {
    width: 49%;
    display: inline-block;
    text-align: left;
}
    .product-view table.dataTable > tbody > tr.child > td.child span.dtr-title button {
        background-color: transparent;
        color: #000;
        font-family: 'figtree', helvetica, arial, sans-serif;
        font-size: 13px;
        line-height: normal;
        text-transform: none;
        vertical-align: middle;
    }
.product-view table.dataTable > tbody > tr.child ul li .product-media {
    display: inline-block;
    position: relative;
    top: -2.5px;
}
.product-view table.fixedHeader-floating {
    display: none !important;
}

  /*
      ============================================
      Gift Cards
      ============================================
    */
  .gift-cards .gift-card-options .form-list li label {
    width: 100%;
  }
  .gift-cards .gift-card-options .form-list li .input-box {
    max-width: none;
    width: 100%;
  }
  .gift-cards .gift-card-options .form-list li.control {
    margin-left: 0;
  }
  /*
      ============================================
      Checkout
      ============================================
    */
  .checkout .col2-right-layout {
    position: relative;
  }
  .checkout .col2-right-layout .col-main,
  .checkout .col2-right-layout .col-right {
    width: 100%;
    margin-left: 0;
  }
  .checkout .totals {
    padding: 20px;
  }
  .checkout .confirm-top > .col-1,
  .checkout .confirm-top > .col-2 {
    float: none;
    width: 100%;
    padding-right: 0;
    margin: 0 0 30px 0;
  }
  .checkout .totals-bottom {
    width: 100%;
    float: none;
  }
  /*
      ============================================
    CreditCard pitch
    ============================================
*/
  .cc-perks-container h2
  {
      font-size: 18px;
  }
  .cc-perks-container div
  {
      font-size: 12px;
  }
  .cc-pitch-body .progress-bar li {
    font-size: 16px;
  }
  .cc-pitch-body .col2-right-layout {
    position: relative;
  }
  .cc-pitch-body .col2-right-layout .col-main,
  .cc-pitch-body .col2-right-layout .col-right {
    width: 100%;
    margin-left: 0;
  }
  .cc-pitch-disclosure iframe
  {
      height: 450px;
  }
  /*
  ============================================
  Create Account
  ============================================
  */
  .reg-cust-list-address
{
    width:190px;
}
  /*
      ============================================
      My Account Pages
      ============================================
    */
  .account-returns .cms-main .page-title h1 {
    float: none;
    margin-bottom: 0;
  }
  .account-returns .cms-main .page-title p {
    float: none;
    margin-top: 10px;
  }
  .cc-pitch-body,
  .my-account .main,
  .cms-template .main {
    width: 100%;
  }
  .my-account .main .col2-set .col2-set,
  .cms-template .main .col2-set .col2-set {
    padding-left: 0;
    padding-right: 0;
  }
  .cc-pitch-body .col-main,
  .cms-template .col-main {
    max-width: 94%;
    margin: 30px auto 0;
  }
    .my-account #main .main.container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .my-account-back-to.is-stuck {
        top: 85px;
    }
    .my-account-back-to .my-account-back-to-container98,
    .my-account-back-to .my-account-back-to-container94,
    .my-account-back-to.is-stuck .my-account-back-to-container98,
    .my-account-back-to.is-stuck .my-account-back-to-container94 {
        max-width: 100%;
        width: 100%;
    }

    .my-account .breadcrumbs.container ul {
        margin: 0 15px;
    }

    .my-account .my-account-back-to,
    .email-preferences-page .my-account-back-to {
        display: block;
        float: none;
        margin-bottom: 12px;
        text-align: right;
    }

    .my-account-back-to.is-stuck a {
        padding-right: 20px;
    }

    .my-account-main .page-header {
        margin: 20px 15px;
    }

    .my-account-main .page-header .customer-number {
        text-align: left;
        margin-top: 12px;
    }

    .my-account-main .page-title h1,
    .email-preferences-page .page-title h1 {
        font-size: 24px;
    }

    .my-account-main .grid-parent {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .my-account-main .grid-parent .item {
        max-width: none;
    }
    .my-account .my-account-main .club-dashboard .bc-accountdash-img {
        max-width: none;
    }
    /*
      ============================================
      Order Status
      ============================================
    */
    .order-status .col-2 {
        margin-top: 15px;
    }

/*
    ============================================
    Order Details
    ============================================
*/
    .order-details .row.order-info {
        margin-bottom: 30px;
    }

  /*deal with word-wrapping of very long department names*/
    .main-nav .shop .drop-down ul.level0 > li > a {
        font-size: 12px;
    }
    
  /*.ie8 #zoom-instructions
  {
      display:block;
  }*/

    /*
      ============================================
      FAQ
      ============================================
    */
	.tool-tip-account-header {
		border: 0 none;
		margin-top: 20px;
		margin-left: 0;
		margin-right:0;
		margin-bottom:0;
		padding:0;

	}
	.tool-tip-account-header {
		top: 20px;
		left: 10px;
		position: absolute;
	}

    /*
      ============================================
      AAFES Modal
      ============================================
    */
    .moby-container.aafesSignUp-modal {
      width: 700px;
      top: 70px;
    }

    #pitch-tile .header {
        margin-right: 75px;
    }

	/* Club Tour */
	button.clubyellow,
	.button.clubyellow,
	a.button.clubyellow {
		font-size: 35px;
		line-height: 92px;
	}

	/*club pitch*/
	.club-pitch-image {
		max-width: 230px;
	}
    .club-pitch-offer-image {
        text-align: center;
    }
    .club-pitch-offer-image img {
        margin-right: 0;
    }
	button.clubred,
	.button.clubred,
	a.button.clubred {
	  padding: 0 27px !important;
	  margin-top: 10px !important;
	  margin-bottom: 10px !important;
	}

	button.clubblack,
	.button.clubblack,
	a.button.clubblack {
	  padding: 0 30px !important;
	  margin-top: 10px !important;
	  margin-bottom: 10px !important;
}
    .club-offer-container {
         margin: 0;
    }
    .club-offer-container .offer-benefits {
        padding-top: 40px;
    }
    .club-offer-container .offer-benefits .club-offer-bg-btn {
        position: absolute;
        top: -25px;
        left: 0;
        right: 0;
        display: unset;
    }
    .club-offer-container .offer-benefits .club-offer-bg-btn .button {
        display: block;
        margin: auto;
        letter-spacing: 2px;
        border: none;
        color: #fff;
        background-color: #D54400;
        padding: 17px 30px 15px 30px;
        margin-bottom: 40px;
    }
	.club-pitch-main-content-botton-inner-grid {
		text-align: center;
		width: 100%;
	}

	.club-pitch-savings-grid {
		margin: 0 auto;
	}

    .club-pitch-main-content-top .club-pitch-header-text {
        width: 95%;
        text-align: center;
    }

	.club-pitch-main-content-botton-inner-button {
		width: 100%;
		text-align: center;
	    margin-top: 25px;
	}
	/* ADS Instant Credit */
	.ads-ica-col1 {
		width: 33%;
		float: left;
	}
	.ads-ica-col2 {
		width: 66%;
		float: left;
	}

	#product-listing-container .button {
		font-size: 14px;
	}

    /*#region colors-1.css styles*/
    #main.main .global-message {
        background-color: #006EB3;
    }
    .main-nav,
  .col-left .filters-close,
  .category-view aside.filters .filters-close
  {
      background-color: rgb(79, 91, 49); /* main green (Deep Woods Green) */
  }

  .main-nav .site-search .button {
      background-color: rgb(225,88,41);
  }

  .main-nav .drop-down .col2-set .col-1 a,
  .main-nav .fly-out .col2-set .col-1 a,
  .main-nav .drop-down .col2-set .col-2 a,
  .main-nav .fly-out .col2-set .col-2 a {
    border-top: 1px solid rgb(75, 118, 55); /* Mallard Head Green */
  }
     
   .main-nav .drop-down,
  .main-nav .fly-out
     {
         background-color: #ffffff !important; /* used to be fbfbfb */
     }

        .main-nav .drop-down ul.level1,
        .main-nav .fly-out ul.level1 {
            background-color: #ffffff; /*used to be fbfbfb*/ 
        }

        .main-nav ul.level0 li.parent:hover {
          background-color: inherit;
        }
        .main-nav .shop .drop-down ul.level0 > li:hover > a {
          color: #ffffff;
        }


    .category-view aside.filters .accordion {
        border-bottom: 1px solid #536650;
    }

        .category-view aside.filters .accordion > h5 {
            border-top: 1px solid #536650;
        }

    /*#endregion*/

    #cancel-membership-modal .cancel-club .buttons-set .button {
        display: inline-block;
        font-size: 12px;
    }

    /* #region new "Buyers Club" area styling */
    .bc2018 .subhead-line1 {
        font-size: 34px;
        line-height: 34px;
    }

    .bc2018 .subhead-line2 { 
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 60px;
    }
    /*#endregion*/
    .club-footer {
        margin-bottom: 40px;
    }
    .header-flex-parent {
        padding: 0;
    }

    /* #region new military landing page */
    .military-landing-page .bc2018 .subhead-line1 {
        font-size: 45px;
        line-height: 45px;
        margin-top: 40px;
    }

    .military-landing-page .bc2018 .subhead-line2 {
        font-size: 60px;
        line-height: 60px;
    }
    /* #endregion new military landing page */

    /* #region events*/
    .events .event-product-container, 
    .events .event-category-promos, 
    .events .event-videos-container, 
    .events .event-go-container {
        margin-bottom: 25px;    
    }
    .events .event-category-promos, 
    .events .event-go-container {
        padding: 0;
    }
    .events .event-product-container .product-tiles .tile {
        width: 40%;
        margin: 2.5%;
        min-height: 600px;
    }
    .events .event-product-container .product-tiles li:last-child {
        margin-right: 2.5%;
    }
    .events .event-category-promos .category-promo {
        display: block;
        width: 100%;
        margin: 50px 0;
    }
    .events .event-category-promos .category-promo.left {
        margin-right: 0;
    }
    .events .event-category-promos .category-promo.right {
        margin-left: 0;
    }
    .events .event-category-promos .category-promo .button-box {
        margin: 10px auto 0;
        width: 80%;
    }
    .events .video-content .content-block,
    .events .event-go-container .content-block {
        float: none;
        width: 94%;
        text-align: center;
        padding: 0;
        margin: 25px auto;
    }
    .events .video-content .content-block.video-block,
    .events .event-go-container .content-block.video-block {
        width: 100%;
    }
    .events .event-go-container .f-right-unimportant.content-block {
        width: 100%;
    }
    .events .event-go-container .f-left-unimportant.content-block {
        width: 94%;
    }
    /* #endregion */
	.customization-cart-text {
		max-width: 126px;
	}

    /*containers, widgets, objects*/
    .widgets-container .slider-container.no-padding-mobile {
        padding: 0;
    }

    /*callout slide widget*/
    .widgets-container .slider-container .callout-product {
        flex-direction: column;
    }
    
    .widgets-container .slider-container .callout-slider .slick-slider .slick-prev, 
    .widgets-container .slider-container .callout-slider .slick-slider .slick-next {
        top: 20%;    
    }
    .widgets-container .slider-container .callout-slider .slick-slider .slick-prev {
        left: 0;
    } 
    .widgets-container .slider-container .callout-slider .slick-slider .slick-next {
        right: 0;   
    }
    .widgets-container .slider-container .callout-product .callout-image,
    .widgets-container .slider-container .callout-product .callout-info {
        padding: 25px;
        flex: none;
    }
    .general-footer-si {
        float: none;
    }
    .general-footer-tpi {
        float: none;
    }
    .footer-supplemental {
        text-align: center;
    }
        .footer-supplemental .copyright {
            width: 100%;
            margin: 0 auto;
        }
    .footer-copyright {
        margin-top: 20px;
    }
    .general-footer-tpi {
        padding-bottom: 20px;
    }
    .footer-badges-icons {
        margin: 0 auto;
        max-width: 338px;
    }
}

/* END @media screen and (max-width: 960px) */


@media screen and (min-width: 731px) and (max-width: 960px){  /* non standard */

    /*suggestahead search results box*/
    #searchProducts{
        display: none !important;
    }

    .ui-menu {
        font-size: 14px !important;
    }

    .ui-autocomplete .highlight {
        font-size: 14px !important;
    }

    .search-cats,
    .search-brands{
        display: none;
    }

    /* Buyers Club spiff in the footer */
    #value-props-container p {
        font-size: 11px;
    }
    .right-value-prop {
        margin-left: 3px;
	}
	.gdpr-li {
		height: 0px;
		margin-bottom: 0px !important;
	}
	.checkout .notice.gdpr-address,
	.account-create .notice.gdpr-address,
	.my-account-main .notice.gdpr-address {
		margin-left: 450px;
		margin-right: 0px;
	}
	.account-create .notice.gdpr-address,
	.my-account-main .notice.gdpr-address {
		width: inherit;
	}
}

@media screen and (max-width: 900px) { /*gorilla standard*/
    body.debug:before {
        content: "max-width: 900px";
        background-color: wheat;
    }
  .respond900 {
      display: block !important;
  }
  .hideLT900 {
      display: none !important;
  }
  /* Gift Card Container */
  .gift-card-container {
      height: 65px;
  }
  .gift-card-wrapper {
      margin-right: 101px;
      line-height: 20px;
  }
  .gift-card-wrapper .left {
      text-align: left;
  }
  .gift-card-wrapper h4 {
      padding-top: 2px;
      font-size: 22px;
      display: block;
  }
  .gift-card-wrapper span { 
      font-size: 15px;
      margin-left: 0;
  }
  .gift-card-wrapper a {
      font-size: 16px!important;
      display: inline;
      margin-left: 5px;
  }
  .gift-card-image {
      position: absolute;
      top: 8px;
  }



    /* Email Signup container */
    .membership-spiff {
        background-position-x: left;
        padding-top: 40px;
        padding-bottom: 5px;
    }
        .membership-spiff #manage-email-pref {
            bottom: auto;
            margin-top: 40px;
            position: relative;
            text-align: center;
            width: 100%;
            right: auto;
        }

  /*
      ============================================
      Footer
      ============================================
    */

  .footer .quick-links {
    margin-bottom: 0;
  }

  .footer-supplemental .copyright {
    line-height: 16px;
  }
  .footer-supplemental .copyright a {
    line-height: 16px;
  }
  /*
      ============================================
      Product View
      ============================================
    */
  .product-shop .rating-box {
    float: none;
    width: 100%;
  }
  .product-options .form-list li .size-info {
      text-align: center;
  }
  .product-main .price-box .price-label {
      width: 49%;
  }
  .product-main .price-box .price {
      width: 49%;
  }
  .price-box .bullseye {
      font-size: 20px;
  }
  /*
      ============================================
      Data Table
      ============================================
    */
  .data-table tfoot td .product-image img,
  .data-table tbody td .product-image img {
    max-width: 80px;
  }
  /*
      ============================================
      Checkout Method
      ============================================
    */
  .checkout.checkout-method .main.container {
    width: 94%;
  }
  .checkout.checkout-method .page-title {
    padding-left: 0 !important;
  }
  .checkout.checkout-method .back {
    margin-top: 0;
    float: left;
    width: 100%;
  }
  /*
      Credit Card Pitch
  */
  .cc-pitch-disclosure iframe
  {
      height: 500px;
  }

  	/*
      ============================================
      Clearance Banners
      ============================================
	*/ 
	.rebate-flag-cart,
	.clearance-flag-cart,
	.sale-flag-cart {
		left: 0;
		top: 2px;
		position:absolute;
		height: auto;
		width: 60px;
		border: none !important;
	}

	/* Club Tour */
	.club-pitch-image {
        display: none;
    }

	.club-pitch-main-content-top {
		text-align: center;
    }

	.club-pitch-header-text {
		margin: 0 auto;
		float: none;
		width: 600px;
	}
    #clubtour-feedback {
        position: relative;
    }
	/* ADS Instant Credit */
	.ads-ica-input-large {
		width: 200px;
	}
	.ads-ica-input-medium {
		width: 150px;
	}
	.ads-ica-input-small {
		width: 100px;
	}
	.ads-landing-benefits-left {
		float: none;
		width: 514px;
		padding-right: 0px;
	}
	.ads-landing-benefits-right {
		float: none;
		width: 514px;
		padding-left: 0px;
	}
	.ads-ica-key {
		width: 160px;
		float: left;
    }
	.ads-ica-tc-ack {
		width: 100%;
	}
	.ads-ica-tc-ack-text {
		max-width: 650px;
	}

    /* brands area */
    .brands-listing .sg-accordion-content span {
        width: 33.33%;
    }

    .brand-story .main .dark-row .big-text {
        margin-top: 30px;
    }
    .brand-story .main .col-1.ultimate-cooler-left {
        padding-top: 10px;
    }
    .brand-story .main .four-squares-container .big-text {
        margin-top: 17px;
    }

    /* #region new "Buyers Club" area styling */
   	.bc2018 .list-item {
		margin-bottom: 50px;
	}
	.bc2018 .list-img {
		margin-right: 0px;
		padding-top: 0px;
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
	}
	.bc2018 .list-text-block {
		width: 100%;
		text-align: center;
	}
	.bc2018 .list-head {
		width: 100%;
		text-align: center;
	}
	.bc2018 .button-box {
		margin-bottom: 30px;
	}

    .bc2018 .subhead-line1 {
        font-size: 29px;
        line-height: 29px;
    }

    .bc2018 .subhead-line2 {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 55px;
    }

	.bc2018.clubcclanding .subhead-line1 {
		font-size: 45px;
		line-height: 45px;
	}

    /*#endregion*/
    /* #region events*/
    .events .event-product-container .product-tiles .tile {
        min-height: 580px;
    }
    /* #endregion */
	/* widgets */
	.logo-header {
		padding: 0 10px;
	}
	.logo-header-img img {
		width: 60%;
	}
    .club-offer-container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0;
    }
    .club-offer-container > div {
        width: 100%;
    }
    .club-offer-container .club-offer-background {
        padding: 30px;
        display: flex;
        align-items: flex-end;
        min-height: 500px;
    }
    .club-offer-container .offer-benefits {
        position: relative;
    }
    .club-offer-container .offer-benefits .list-block .list-img {
        width: auto;
        margin-bottom: 0;
    }
    .club-offer-container .offer-benefits .list-block .list-text-block .normal-text {
        text-align: left;
    }
    .club-offer-container .savings-statement {
        margin-bottom: 20px;
    }
    .club-exclusives-footer .club-exclusives-value-props {
        flex-direction: column;
        max-width: 90%;
    }
    .club-exclusives-footer .club-exclusives-value-props .list-item {
        width: 100%;
        margin-bottom: 20px;
    }
    .club-exclusives-footer .club-exclusives-value-props .list-img {
        width: auto;
        margin-bottom: 0;
        margin-right: 30px;
    }
    .club-exclusives-footer .club-exclusives-value-props .list-img img {
        max-width: 60px;
    }
    .club-exclusives-footer .club-exclusives-value-props .value-text {
        font-size: 21px;
        line-height: 24px;
    }
    .club-exclusives-footer .club-exclusives-value-props .list-text-block {
        text-align: left;
    }
    .fflSearchMap .fflSearchMapLegendInfo span {
        font-size: 10px;
    }
}
/* END @media screen and (max-width: 900px) */


@media screen and (max-width: 768px) { /*gorilla standard*/
    body.debug:before {
        content: "max-width: 768px";
    }
    .respond768 {
        display: block !important;
    }

    .hideLT768{
        display: none!important;
    }

  /* Club Trial spiff */
  .product-collateral .suggestion {
    margin-bottom: 0;
  }

  .product-shop .buttons-set .wishlist {
      font-size:12px;
  }
  /*club four pay in price block*/
  .product-main .price-box .club-price.fourpay span.price-label {
      font-size: 11px;
  }
  /*
      ============================================
      Data Table
      ============================================
    */
  .data-table tbody td,
  .data-table tfoot td {
    padding: 20px 1.6981132075471699% 20px 0.5660377358490566%;
  }
  /*
      ============================================
      Embroidery Tool
      ============================================
    */
  .embroidery-details .price-label,
  .embroidery-details .price,
  .embroidery-details .label {
    font-size: 12px;
  }

  	/*
	 ============================================
	 Club Offer Checkout
	 ============================================
	*/
	.club-script-div {
        width: 100%;
    }
	.club-pitch-header {
        font-size: 14px;
    }
	.club-script-table {
        width: 470px;
    }
	.club-script-label {
        font-size: 12px;
        min-height: 21px;
	}
	.club-script-row {
        min-height: 21px;
        font-size: 12px;
    }
  /*
      Credit Card Pitch
  */
    .cc-pitch-disclosure iframe
    {
        border-style: solid;
        border-width: thin;
        height: 550px;
        margin: 0px !important;
        width: 100%;
    }

    /* A/B Trial Pitch */
  #main #wrapper #content-left {
      float: none;
      width: 150%;
      text-align: center;
      margin-left: 0;
  }
  #main #wrapper #content-right {
      margin-left: 0;
  }
  #main #wrapper #btnNoThanks {
      margin-left: 0;
      margin-bottom: 10px;
  }
  #main #wrapper #addTrialClub {
      margin-left: 0;
  }
  	/* Club Tour */
	button.clubyellow,
	.button.clubyellow,
	a.button.clubyellow {
		font-size: 35px;
		line-height: 92px;

	}
	/* Ads Instant Credit */
	.ads-ica-tc-ack-text {
		max-width: 600px;
    }
	#product-listing-container .button {
		font-size: 12px;
	}

    /* brands area */
    .brands-listing #accordion-controls-container {
        margin-top: 10px;
    }

    /*Toolbar*/
    .toolbar > * {
        float: left;
        font-size: 12px;
    }

    .toolbar .paging ol li {
        margin-right: 10px;
    }

    /* #region new "Buyers Club" area styling */
    .bc2018 .subhead-line1 {
        font-size: 27px;
        line-height: 27px;
    }

    .bc2018 .subhead-line2 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 50px;
    }

    /*#endregion*/

    /* #region new military landing page */
    .military-landing-page .bc2018 .subhead-line1 {
        font-size: 40px;
        line-height: 40px;
        margin-top: 35px;
    }

    .military-landing-page .bc2018 .subhead-line2 {
        font-size: 54px;
        line-height: 54px;
    }
    /* #endregion new military landing page */
    /* #region events*/
    .events .event-product-container .product-tiles .tile {
        min-height: 560px;
    }
    /* #endregion */
    .cart-sliders {
        width: 90%; 
        margin: auto; 
    }
    /* freight lookup*/
    #freightLookup .lookup .input-label,
    #freightLookup .lookup #freightZip {
        width: 100%;
    }
    #freightLookup #freightSubmit {
        top: 25px;
    }
    #freightLookup .lookup label.error,
    #freightLookup .lookup p.jqv-error {
        margin-left: 0;
    }

}
/* END @media screen and (max-width: 768px) */


@media screen and (max-width: 730px) { /*gorilla standard*/
   body.debug:before {
       content: "max-width: 730px";
   }
  .respond730 {
    display: block !important;
  }

  .hideLT730{
      display: none!important;
  }

   .rebate-notification a {
       top: -35px;
   }

  /*
      ============================================
      Header/Navigation
      ============================================
    */
  .main {
    overflow: hidden;
  }
  
  .ab-spiff-container .spiff-pad {
     margin-top: 8%;
  }
  /*
      ============================================
      Modal Displays
      ============================================
    */
    html.moby-show {
      overflow: hidden;
    }
    .moby-overlay
    {
        overflow-y:hidden;
    }
  .moby-container {
    top: 3%;
    left: 3%;
    margin-left: 0 !important;
    margin-top: 0;
    max-height: 94%;
    overflow-y: scroll;
    padding-bottom:3px;
    -webkit-overflow-scrolling: touch;
    width: 94% !important;
  }
  .moby-container.freightModal .button-box {
      margin: 10px 0;
  }
  .account-returns-details .return-notice-modal {
      padding-bottom: 27px; /* want 30px below buttons, so 27 + the 3 above... */
  }

  .moby-container.intl-shopping-modal .row .col,
  .moby-container.intl-shopping-modal .row .col.col-2,
  .moby-container.intl-shopping-modal .row .col.col-3 {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 25px;
  }

  .moby-container.personalize-mod .add-to-cart {
    padding-bottom:10px;
  }

  #club-accept-modal.bc2018 div.buttons-set {
      margin-bottom: 10px;
  }
    
    /* order tracking info modal*/
    .tracking-info-modal .flex-parent {
        flex-direction: column;
        align-items: flex-start;
    }
        .tracking-info-modal .flex-parent > div {
            display: block;
            margin-bottom: 12px;
            flex-direction: unset;
            flex: none;
        }
        .tracking-info-modal .flex-parent > div .step,
        .tracking-info-modal .flex-parent > div .item {
            display: inline-block;
        }
            .tracking-info-modal .flex-parent > div .step {
                margin-right: 25px;
            }
        .tracking-info-modal .flex-parent .item {
            min-width: 200px;
        }
        .tracking-info-modal .flex-parent .item:after {
            content: none;
        }
    .tracking-info-modal .data-table.stacked tbody tr {
        padding: 0 10px;
    }
    .tracking-info-modal table.data-table.stacked tbody tr td:before {
        color: #D54400;
        font-size: 13px;
    }
    #freight-modal table.data-table.stacked tbody tr td:before {
        content: "";
        width: auto;
        padding-right: 0;
    }
    #freight-modal .buttons-set a,
    #freight-modal .buttons-set button {
        display: block;
        text-align: center;
        margin: 15px 0;
    }
        /*
      ============================================
      Data Table
      ============================================
    */
        table.data-table.stacked colgroup {
            display: none;
        }
  table.data-table.stacked thead,
  table.data-table.stacked tbody th:not([scope="row"]),
  table.data-table.stacked tfoot th {
    display: none;
  }

    table.data-table.stacked tbody tr,
    table.data-table.stacked tbody th[scope="row"],
    table.data-table.stacked tfoot tr,
    table.data-table.stacked tbody td,
    table.data-table.stacked tfoot td {
        display: block;
        width: 100%;
    }
  table.data-table.stacked tbody tr,
  table.data-table.stacked tfoot tr {
    margin-bottom: 10px;
  }
  table.data-table.stacked tbody td,
  table.data-table.stacked tfoot td {
    padding: 9px 0;
  }
  table.data-table.stacked.order-table tbody th:first-child {
      display: block;
      padding-left: 3%;
  }
  table.data-table.stacked tbody td:first-child,
  table.data-table.stacked tfoot td:first-child {
    padding-top: 20px;
  }
  table.data-table.stacked tbody td .product-image,
  table.data-table.stacked tfoot td .product-image {
    float: none;
  }
  table.data-table.stacked tbody td .product-image img,
  table.data-table.stacked tfoot td .product-image img {
    width: 100%;
    max-width: 138px;
  }
  table.data-table.stacked tbody td .actions .first,
  table.data-table.stacked tfoot td .actions .first {
    margin-right: 10px;
  }
  table.data-table.stacked tbody td .item-actions,
  table.data-table.stacked tfoot td .item-actions {
    display: inline-block;
    max-width: none;
  }
  table.data-table.stacked tbody td .item-actions p,
  table.data-table.stacked tfoot td .item-actions p {
    display: inline-block;
    margin: 5px 0 0 30px;
  }
  .item-actions.cart-update-links p {
      margin-left:5px !important;
  }

  table.data-table.stacked tbody td:not(.no-header):before,
  table.data-table.stacked tbody th:not(.no-header):before, 
  table.data-table.stacked tfoot td:not(.no-header):before 
 {
    content: attr(data-header);
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding-right: 10px;
    vertical-align: top;
    width: 66px;
    display: inline-block;
  }
  table.data-table.stacked tbody .instant-rebate-box,
  table.data-table.stacked tfoot .instant-rebate-box,
  table.data-table.stacked tbody .promo-box,
  table.data-table.stacked tfoot .promo-box,
  table.data-table.stacked tbody .price-box,
  table.data-table.stacked tfoot .price-box,
  table.data-table.stacked tbody .subtotal-box,
  table.data-table.stacked tfoot .subtotal-box {
    display: inline-block;
    min-width: 210px;
    max-width: 233px;
    width: 100%;
  }
  table.data-table.stacked tbody .btn-remove,
  table.data-table.stacked tfoot .btn-remove {
    display: inline-block;
    margin: 5px 0 0;
  }
  /*gift card lookup overrides*/
    #gift-card-lookup table.data-table.stacked tbody td:before {
        color: #D54400;
        font-size: 14px !important;
    }
    #gift-card-lookup #card-balance-form .form-list li {
        display: flex;
        flex-flow: column wrap;
        justify-content: flex-start;
        column-gap: 0;
        row-gap: 9px;
    }
        #gift-card-lookup #card-balance-form .form-list li .input-box {
            max-width: 400px;
        }
        #gift-card-lookup #card-balance-form .form-list li a#gc-balance-btn {
            max-width: 94px;
            margin: 5px 0 0 0;
        }
    div.data-table.stacked > .th-head > .th,
    div.data-table.stacked > ul.four-pay-list > li > div:not(.four-pay-detail) {
        width: 30% !important;
    }

    .md-gun-restrictions-modal table.data-table.stacked tbody tr,
    .md-billing-restrictions-modal table.data-table.stacked tbody tr,
    .md-shipping-restrictions-modal table.data-table.stacked tbody tr,
    .md-shipping-zip-issue-modal table.data-table.stacked tbody tr {
        border-top: solid 1px #999999 !important;
    }
        .md-gun-restrictions-modal table.data-table.stacked tbody tr td,
        .md-billing-restrictions-modal table.data-table.stacked tbody tr td,
        .md-shipping-restrictions-modal table.data-table.stacked tbody tr td,
        .md-shipping-zip-issue-modal table.data-table.stacked tbody tr td {
            text-align: left;
        }
            .md-gun-restrictions-modal table.data-table.stacked tbody tr td::before,
            .md-billing-restrictions-modal table.data-table.stacked tbody tr td::before,
            .md-shipping-restrictions-modal table.data-table.stacked tbody tr td::before,
            .md-shipping-zip-issue-modal table.data-table.stacked tbody tr td::before {
                display: none;
            }
    .md-gun-restrictions-modal .buttons-set button,
    .md-billing-restrictions-modal .buttons-set button,
    .md-shipping-restrictions-modal .buttons-set button,
    .md-shipping-zip-issue-modal .buttons-set button {
        margin-bottom: 10px !important;
        margin-left: 0px !important;
    }

  #payplan-consent-btns .cancel-link
  {
      margin-left:0px !important;
  }
    /*
      ============================================
      Form
      ============================================
    */
    .form-list li label {
        float: none;
    }
  .form-list li .input-box {
    width: 100%;
    float: none;
  }
  .form-list li.add-field {
    margin-left: 0;
  }
  .form-list li.fields {
    margin-bottom: 0;
  }
  .form-list li.fields .field {
    float: none;
    margin: 0 0 8px 0!important;
    width: 100%!important;
  }
  .form-list li.control label {
    max-width: 90%;
  }
  fieldset button {
    width: 100%;
  }

     /*
      ============================================
      Breadcrumbs
      ============================================
    */
  .breadcrumbs {
    width: 94%;
    margin: 0 auto;
  }
  .breadcrumbs li {
    display: block;
  }
  .breadcrumbs li.previous {
    display: block;
  }
  .breadcrumbs li.previous:before {
    padding-right: 5px;
    line-height: 15px;
    vertical-align: top;
  }
  

  /*
      ============================================
      Shopping Cart
      ============================================
    */

  /* quick mod for shopping cart view in payment page of checkout*/
  .subtotal-in-payment-page
  { display:inline !important;}
  /*end quick checkout mod*/

  .shopping-cart .subheader p,
  .shopping-cart .subheader .actions {
    float: none;
  }
  .shopping-cart .subheader p {
    margin-bottom: 14px;
  }
  .shopping-cart .subheader .actions:before,
  .shopping-cart .subheader .actions:after {
    content: " ";
    display: table;
  }
  .shopping-cart .subheader .actions:after {
    clear: both;
  }
  .shopping-cart .subheader .button {
    display: block;
    margin: 28px 0 10px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 16px;
    line-height: 42px;
  }
  .shopping-cart .data-table td.a-center {
    text-align: left !important;
  }
  .shopping-cart .data-table tr.restrictions-row td:first-child {
    display: none;
  }
  .shopping-cart .data-table tr.restrictions-row td {
    padding-top: 0;
  }
  .shopping-cart .data-table tr.restrictions-row td .restrictions-note {
    margin: -20px 0 0;
  }
  .shopping-cart .data-table tfoot p {
    max-width: 500px;
  }
  .shopping-cart .cart-collateral .totals-list {
    float: none;
    width: 100%;
  }
  .shopping-cart .cart-collateral .buyers-club {
    float: none;
    width: 100%;
  }
  .shopping-cart .cart-collateral .buyers-club .buttons-set a {
    display: inline-block;
  }
  /*
      ============================================
      Homepage
      ============================================
    */
  .home .hero .carousel-control {
    display: none;
  }
  .home .product-collateral .cms {
    display: none;
  }
  /*
      ============================================
      Product View
      ============================================
    */
  .product-view .main {
    width: 100%;
    max-width: none;
  }
  .product-view .product-shop {
      width: 100%;
      margin-left: 0;
  }
  .product-main .price-box .price-label {
      width: 34%;
  }
  .product-main .price-box .price {
      width: 64%;
  }
  .product-shop .buyers-club {
     display:none;
 }
  .product-shop .price-box {
    max-width: none;
  }
  .product-shop .buttons-set .qty {
    width: 42px;
    height: 42px;
    float: left;
  }
  .product-shop .buttons-set .add-to-cart {
    display: block;
  }
  .product-shop .buttons-set .btn-cart {
    line-height: 42px;
    width: 100%;
  }
  .product-options {
    margin-bottom: 20px;
  }
  .product-options .form-list li {
    margin-bottom: 0;
  }
  .product-view .product-options .form-list li .label-container,
  #quantityAdjustment .form-list.stacked li label {
      width: 17%;
      float: none;
      max-width: 100%;
      display: inline-block;
  }
  .product-options .form-list label {
    max-width: none;
    margin-bottom: 0;
  }
  .product-options .form-list .input-box,
  .product-options .form-list .select-wrap,
  .product-options .form-list .customStyleSelectBox {
    width: 100%;
  }
  /*
      ============================================
      Category/Product Listing
      ============================================
    */
  /*Toolbar*/
  .toolbar .sort {
    width: auto;
  }
  .toolbar .sort .label,
  .toolbar .showing .label {
    float: none;
  }

  .toolbar .showing {
    width: auto;
  }
    .toolbar.bottom .right {
        font-size: 20px;
    }
  .category-products .products-grid > li {
    margin-left: 4.10958904109589%;
    width: 47.94520547945205%;
  }
  .category-products .products-grid > li:first-child,
  .category-products .products-grid > li:nth-child(3) {
    margin-left: 0;
    clear: left;
  }
  .btn-quickview {
    display: none;
  }

    /* Get Product Alerts button is injected via tealium and doesn't 
        flow properly in mobile (730 and below).  This is a problem now
        that the first line of the abstract is shown */
    #trackif-container > tif-modal-button {
        min-height: 40px;
    }

  .category-view .spiff-container.top.double,
  .category-view.department .featured {
    display: block;
  }
  .spiff-accordion .accordion-content .spiff-container.top.triple {
      display: initial;
  }
  .peelback-container {
    height: 175px;
  }
  /*whitetail universe*/
  .whitetail-container .page-title p {
      display: block;
  }
  /*end*/

  /*
      ============================================
      Quick Order
      ============================================
    */
  .quickorder .intro .col-l,
  .quickorder .intro .col-r,
  .shopping-cart .intro .col-l,
  .shopping-cart .intro .col-r {
    width: 100%;
    float: none;
  }
  .quickorder .intro .col-l dl,
  .quickorder .intro .col-r dl,
  .shopping-cart .intro .col-l dl,
  .shopping-cart .intro .col-r dl  {
    margin: 10px 0;
  }
  /*
      ============================================
      Account Login
      ============================================
    */
  .account-login.main .col-1,
  .account-login.main .col-2 {
    width: 100%;
    float: none;
    height: auto;
    margin-bottom: 25px;
  }
  .account-login.main button {
    margin-top: 10px;
  }
  /*
      ============================================
      My Account Pages
      ============================================
    */
  .my-account .back {
    float: none;
    clear: both;
  }
  .my-account-main table.data-table.stacked tr {
      padding: 24px 6px 24px 20px;
  }
    .my-account-main table.data-table.stacked .has-glove-break-in {
        padding-bottom: 9px;
    }
    .my-account-main table.data-table.stacked .glove-break-in-line {
        padding-top: 9px;
    }

  .my-account-main table.data-table.stacked tbody td:not(.no-header):before,
  .my-account-main table.data-table.stacked tbody th:not(.no-header):before,
  .my-account-main table.data-table.stacked tfoot td:not(.no-header):before {
    width: 110px;
    margin-left: -115px; /* aids in wrapping situations */
    padding: 0;
  }
  .my-account-main table.data-table.stacked tbody td,
  .my-account-main table.data-table.stacked tbody th,
  .my-account-main table.data-table.stacked tfoot td {
    padding: 0 0 0 115px;
  }
  .my-account-main table.data-table.stacked tbody td:first-child,
  .my-account-main table.data-table.stacked tfoot td:first-child {
    padding-top: 16px;
  }
  .my-account-main .wide-button {
    float: none;
    margin-top: 10px;
  }
	.account-credentials-form .button {
		margin-left: 0;
	}
    .my-account-main.my-orders table.data-table.stacked tbody td,
    .my-account-main.my-orders table.data-table.stacked tfoot td {
        padding: 6px 0;
        padding-left: 80px; /* aids in wrapping situations */
    }
.my-account .account-settings .text-notifications .flex-parent,
.my-account .account-settings .account-credentials-form .flex-parent {
    flex-direction: column;
}
.my-account .account-settings .account-credentials-form .change-email-section {
    margin-bottom: 50px;
}
.my-account .my-account-main .club-dashboard .spiff-container .flex-parent.bc-dash-nonmember {
    width: 100%;
    flex-direction: column;
    text-align: left;
}
.my-account .my-account-main .club-dashboard .spiff-container .flex-parent.bc-dash-nonmember.bc-dash-col {
    flex-direction: row;
}
.my-account .my-account-main .club-dashboard .spiff-container .bc-tour-link {
    margin-top: 15px;
}

  /*
      ============================================
      Order Details
      ============================================
    */
    .my-account-main.order-details table.data-table.stacked tbody td:not(.no-header)::before,
    .account-returns .my-account-main table.data-table.stacked tbody td:not(.no-header)::before,
    .account-returns .my-account-main table.data-table.stacked tbody th:not(.no-header)::before {
        font-family: 'figtreeCondensed', helvetica, arial, sans-serif;
        font-size: 12px;
        color: #FB3540;
        text-align: right;
        margin-right: 20px;
        margin-bottom: 10px;
    }

  .order-details .row .one-third {
    float: none;
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%;
  }

    .account-returns .data-table.stacked {
        margin-top: 5px;
        margin-left: -20px; /* edge to edge, overcome #main.main.container padding */
        margin-right: -20px; /* edge to edge, overcome #main.main.container padding */
        width: calc(100% + 40px);
    }

        .order-details .data-table.stacked .stack {
            display: inline-block;
        }

    .order-details table.data-table.stacked tbody tr,
    .account-returns table.data-table.stacked tbody tr {
        margin-bottom: 0;
    }

    .order-details .data-table .quantity,
    .order-details .data-table .price-col,
    .order-details .data-table .return-column {
        text-align: left;
    }

    .order-details .return-items-button {
        float: none;
        width: 100%;
    }
    /*
      ============================================
      Order Details
      ============================================
    */
    .order-status.col2-set .col-1,
    .order-status.col2-set .col-2 {
        width: 100%;
        float: none;
    }
  .order-status.col2-set .spiff {
    text-align: center;
  }
  .order-status.col2-set .spiff img {
    display: inherit;
    max-width: 250px;
    margin-top: 30px;
  }

    .order-details h1.order-details-ship-status {
        font-size: 24px;
    }

/*
=============================================
    My Four Pay Orders
=============================================
*/
.four-pay-detail .view-details {  /* fix View Details button overlap issue as it scales down */
    position:relative;
    margin: 0 5px;
    right: 0;
}

  /*
      ============================================
      My Account - Email Preferences
      ============================================
    */
  .account-emails .buttons-set .button {
    font-size: 12px;
  }
  /*
      ============================================
      My Account - Returns
      ============================================
    */
  .account-returns-details .my-account-main a.back,
  .account-returns-confirmation .my-account-main a.back {
    margin-top: 15px;
  }
  .account-returns-details .my-account-main table.data-table .select-wrap,
  .account-returns-confirmation .my-account-main table.data-table .select-wrap {
    display: inline-block !important;
    min-width: 145px;
  }
  .account-returns-details .my-account-main table.data-table.stacked tbody td:before,
  .account-returns-confirmation .my-account-main table.data-table.stacked tbody td:before {
    width: 120px;
  }
  .account-returns-details .my-account-main .totals-list,
  .account-returns-confirmation .my-account-main .totals-list {
    float: none;
    width: 100%;
  }
  .account-returns-details .my-account-main .return-notes,
  .account-returns-confirmation .my-account-main .return-notes {
    margin-bottom: 20px;
    margin-left: 18px;
    margin-right: 0;
    float: none;
  }
  /*
      ============================================
      Gift Card Balance Form
      ============================================
    */
  .balance-form .form-list li label {
    float: left;
  }
  .balance-form .form-list li .input-box {
    float: left;
  }
  /*
      ============================================
      Checkout
      ============================================
    */

  /*make placeholders in input boxes visible*/
  .account-login ::-webkit-input-placeholder,
  .checkout ::-webkit-input-placeholder { /* WebKit browsers */
        color: #A8A8A8;
    }
  .account-login :-moz-placeholder,
    .checkout :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: #A8A8A8;
    }
  .account-login ::-moz-placeholder,
    .checkout ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: #A8A8A8;
    }
  .account-login :-ms-input-placeholder,
    .checkout :-ms-input-placeholder { /* Internet Explorer 10+ */
       color: #A8A8A8;
    }

  .checkout .customStyleSelectBox {
      font-size:16px !important;
  }

  .input-label-sans-ph > li > label
  {
      display:none;
  }

  .checkout .fflSearchInfo{
      margin-left:10px;
      margin-right:10px;
  }
  
  .checkout .fflSearchInfo h1 {
      text-align:center;
      font-size:18px;
  }

  .checkout .input-text, select, textarea
  {
      font-size:16px !important;
  }

  .checkout .page-title {
      padding-top:5px !important;
      padding-bottom:5px !important;
      margin-top:0px !important;
      margin-bottom:0px !important;
  }

.cc-pitch-header,
.checkout-header {
    padding: 12px 0 0 0;
}
    .cc-pitch-header .logo,
    .checkout-header .logo {
        display: block;
        margin: 0 5px;
        padding-top: 0px;
    }
    .cc-pitch-header .container,
    .checkout-header .container {
        width: 100%;
    }
  .checkout .main.container {
    width: 100%;
  }
  .checkout .fieldset,
  .checkout .page-title,
  .checkout .error-block,
  .checkout .buttons-set,
  .checkout.read-only-cart .order-table td,
  .checkout.read-only-cart .order-review-intro {
    padding-left: 3%!important;
    padding-right: 3%!important;
  }
  .checkout .order-review-intro {
    width: 100%;
  }
  .checkout .fieldset .form-list,
  .checkout .fieldset h4,
  .checkout .fieldset .content {
    padding-left: 0;
  }
    .checkout .buttons-set .button,
    .checkout .buttons-set .md-button {
        width: 100%;
    }
  .checkout .col2-set .col-1,
  .checkout .col2-set .col-2 {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .checkout .col2-set .col-2 {
    margin-top: 20px;
  }
  .billing-age .form-list.inline li {
    float: none;
    margin-left: 0;
  }
  .billing-age .form-list.inline li .input-box {
    width: 100%;
  }
  #remove-cc-update-payment {
    margin-top:20px;
  }
  #save-cc-update-payment {
      margin-bottom: 5px;
  }

  /*
      ============================================
      Buyer's Club Page
      ============================================
    */
  .buyers-landing .main .header p {
    font-size: 16px;
    line-height: 22px;
  }
  .buyers-landing .main .header ul li {
    float: none;
    width: 100%;
    padding-top: 20px !important;
    padding-bottom: 20px;
  }
  .buyers-landing .main .col2-set .col-1,
  .buyers-landing .main .col2-set .col-2 {
    width: 100%;
  }
  /*
      ============================================
      Buyer's Club Sign in
      ============================================
    */
  .buyers-signin .col2-set .col-1,
  .buyers-signin .col2-set .col-2 {
    width: 100%;
    float: none;
  }

    /*
      ============================================
      FAQ
      ============================================
    */
  .faq-checkout-payment-four-pay {
	position: absolute;
	margin-top: 3px;
	margin-left: 140px;
	}
  
   /*suggestahead search results box*/
    #searchSuggestionsMobile{
      position:fixed;
      background-color: white !important;
      z-index: 999999;
    }

    .ui-menu {
        line-height: 25px !important;
    }

    /*
      ============================================
      SheerId Club Trial
      ============================================
    */
    .buyers-landing .main .fr-notice-container {
        float: none;
        margin: 0 auto;
        width: 75%;
    }

	/*
      ============================================
      Clearance Banners
      ============================================
	*/ 
	.rebate-flag-cart,
	.clearance-flag-cart,
	.sale-flag-cart {
		left: 0;
		top: 2px;
		position:absolute;
		height: auto;
		width: 80px !important;
		border: none !important;
	}

	/* Club Tour */
	button.clubyellow,
	.button.clubyellow,
	a.button.clubyellow {
		font-size: 30px;
		line-height: 80px;
	}

	.club-tour-free-trial-text-body {
		font-size: 12px;
	}

    /* buyers club spiff on view cart*/
    .cart-club-container {
        margin-top: 15px;
        width: 100%;
        float: none;
    }

   /* Buyers Club spiff in the footer */
    .footer-col:first-child {
        padding-right: 30px;
    }
    /* end */

	.club-pitch-main-image {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* ADS Instant Credit */
	.ads-ica-input-large {
		width: 175px;
	}
	.ads-ica-input-medium {
		width: 125px;
}
	.ads-ica-input-small {
		width: 75px;
}
	#product-listing-container .button {
		font-size: 11px;
	}

    /*#region colors-1.css styles*/
    .cc-pitch-body .progress-bar li.active {
        /*background-color: rgb(79, 91, 49);*/
        background-color: #252a2f;
    }
    /*#endregion*/

    /* brands area */
    .brand-story .main .dark-row .big-text {
        margin-top: 20px;
    }
    .brand-story .main .col-1.ultimate-cooler-left {
        padding-top: 10px;
    }
    .brand-story .main .four-squares-container .fs-row .fs-square .fs-sq-tagline {
        font-size: 13px;
    }
	#order-status-signin {
		padding-top: 0px;
	}
	.gdpr-li {
		height: 100%;
		margin-bottom: 8px !important;
	}
	.checkout .notice.gdpr-address,
	.account-create .notice.gdpr-address,
	.my-account-main .notice.gdpr-address {
		margin-left: 0px;
		top: 0px;
		margin-right: 0px;
	}
	.account-create .notice.gdpr-address,
	.my-account-main .notice.gdpr-address {
		width: inherit;
	}
	
    /* #region new "Buyers Club" area styling */
    .bc2018 .subhead-line1 {
        font-size: 25px;
        line-height: 25px;
    }

    .bc2018 .subhead-line2 {
        font-size: 34px;
        line-height: 34px;
        margin-bottom: 40px;
    }
	.bc2018.clubcclanding .subhead-line3 {
		font-size: 28px;
		line-height: 28px;
	}
	.bc2018.cc-pitch-modal .buttons-set .button,
	.bc2018.cc-pitch-modal .buttons-set .button.close {
		width: auto;
	}

	.bc2018 .cc-legal {
		margin-bottom: 20px;
	}

    /*#endregion*/

	.customization-cart-text {
		max-width: 100%;
	}
}
/* END @media screen and (max-width: 730px) */
/* single column layout */

@media screen and (max-width: 680px) { /*gorilla standard*/
    body.debug:before {
        content: "max-width: 680px";
    }
    .respond680 {
        display: block !important;
    }
    .hideLT680{
        display: none;
    }
    .mm-page.mm-slideout > #main.main {
        padding-top: 0;
    }
    /*
      ============================================
      Header & Navigation
      ============================================
    */
    .site-header .customer-nav {
        position: absolute;
        right: 0px;
        bottom: 13px;
    }

    .site-header .customer-nav .icon-wrapper {
        display: inline-block !important;
        float: none;
    }
/*    .site-header .logo {
        margin-right: 0px;
        height: 55px;
    }*/
    .main-nav.open {
        top: 125px;
    }
    .wish-mmenu .product-details span.product-name a,
    .wish-mmenu .product-details h3.product-name a,
    .wish-mmenu .product-details .quantity,
    .wish-mmenu .product-details .price-box > span span,
    .cart-mmenu .product-details span.product-name a,
    .cart-mmenu .product-details h3.product-name a,
    .cart-mmenu .product-details .quantity,
    .cart-mmenu .product-details .price-box > span span {
        font-size: 13px;
    }
	.wish-mmenu .total-club-savings span,
    .cart-mmenu .total-club-savings span {
        font-size: 18px;
    }

    /* mobile search slide out*/
    .site-header .customer-nav .icon-wrapper.respond680 {
        display: inline-block !important;
    }
    .respondburger .wrapper {
        margin-left: -5px;
    }
    .search-icon.open {
        background-image: url('/images/search@2x-open.png');
    }   
    .site-search.mobile-search {
        margin: 0;
        -webkit-box-shadow: 0 2px 2px rgba(50, 50, 50, 0.15);
        box-shadow: 0 2px 2px rgba(50, 50, 50, 0.15);
    }
    .site-search.mobile-search.closed {
        display: none;
    }
    .site-search.mobile-search.open {
        display: block;
    }
        .site-search.mobile-search .input-text {
            height: 50px;
            padding-top: 4px;
        }
    .site-search.mobile-search .icon-wrapper {
        display: none;
    }
    .site-search.mobile-search .ui-autocomplete {
        top: 50px!important;
    }
    .site-search .input-wrapper label.search-label {
        padding-top: 10px;
    }

    /*Splash page with nav (gift guide 2016)*/
    .splash12Container .spiff{
        width:48% !important;
    }

    /* home page sliders */
    .suggestion.default-slider .slider-header span:last-child {
        display: none;
    }
    /*cart limit modal*/
    .cart-limit-modal {
        width: 90%;
    }

    /*
       Credit Card Pitch
  */
    .cc-pitch .main.container {
        width: 100%;
    }
    .cc-pitch .fieldset,
    .checkout .page-title,
    .checkout .error-block,
    .checkout .buttons-set,
    .checkout .order-table td,
    .checkout .order-review-intro {
        padding-left: 3%!important;
        padding-right: 3%!important;
    }

    .cc-pitch-body .progress-bar {
        margin: 12px 0 0 0;
        padding: 12px 0;
    }
        .cc-pitch-body .progress-bar li {
            float: none;
            background-color: transparent;
            padding: 0 3%;
            margin: 0;
            line-height: 20px;
        }
            .cc-pitch-body .progress-bar li.active {
            }
            .cc-pitch-body .progress-bar li:before,
            .cc-pitch-body .progress-bar li:after {
                display: none;
            }
    .cc-pitch-body .fieldset .form-list,
    .cc-pitch-body .fieldset h4,
    .cc-pitch-body .fieldset .content {
        padding-left: 0;
    }
    .cc-pitch-body .buttons-set .button {
        width: 100%;
    }
    .cc-pitch-body .buttons-set button:first-of-type {
        margin: 10px auto;
    }
    .cc-pitch-body .col2-set .col-1,
    .cc-pitch-body .col2-set .col-2 {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    .cc-pitch-body .col2-set .col-2 {
        margin-top: 20px;
    }
    .cc-pitch-disclosure iframe
    {
        height: 600px;
    }
    .peelback-container {
        height: 150px;
    }
    .cms-main > header p {
        width: 100%;
    }
    .cms-main .col2-set .col-1,
    .cms-main .col2-set .col-2 {
        margin: 0 0 20px;
        float: none!important;
        width: 100%;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .cms-main .accordion .item {
        border-bottom: 1px solid #999999;
    }
    .cms-main .accordion .item:first-child {
        border-top: 1px solid #999999;
    }
    .mm-navbar {
        height: 55px;
    }
    .mm-head-mobile {
	    font-size: 15px;
	    line-height: 15px;
    }

    /* My Account*/
    .my-account-main .page-header {
        font-size: 32px;
    }
    .my-account-main .grid-parent {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(7, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .my-account-main .grid-parent .item {
        min-height: 100px;
        margin: 10px;
    }
    .my-account .cc-edit .form-list .input-box {
        flex-basis: 35%;
    }
    /*
      ============================================
      My Account - Email Preferences
      ============================================
    */
    .email-preferences-page.col-main .col2-set .col-1,
    .email-preferences-page.col-main .col2-set .col-2 {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .account-emails .buttons-set .button {
        font-size: 14px;
    }
    .email-preferences-page .unsubscribe-snooze .buttons-set div {
        text-align: left;
    }
    .email-preferences-page .unsubscribe-snooze .buttons-set div:last-of-type {
        width: 100%;
    }

    /*
      ============================================
      My Account - Returns
      ============================================
    */
    .account-returns-confirmation .order-details .col {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .clubBenefitsList {
        width: 85% !important;
    }

    /* Club Tour */
    button.clubyellow,
    .button.clubyellow,
    a.button.clubyellow {
        font-size: 25px;
        line-height: 80px;
    }

    .cart-col {
        display: block;
    }
    .cart-list .cart-list-items {
        width: 200px;
        margin: 0 auto;
    }
        .cart-list .cart-list-items li {
            font-size: 14px;
        }
        .cart-list .cart-list-items .cart-list-messge {
            font-size: 14px;
        }

    /* ADS Instant Credit */
    .ads-ica-col1 {
        width: 90%;
        float: left;
        margin-bottom: 5px;
    }
    .ads-ica-col2 {
        width: 90%;
        float: left;
        margin-bottom: 5px;
    }
    .ads-ica-input-large {
        width: 275px;
    }
    .ads-ica-input-medium {
        width: 225px;
    }
    .ads-ica-input-small {
        width: 175px;
    }
    .ads-ica-tc-ack-text {
        max-width: 490px;
    }
	.bc2018.ads-response-popup .button-set .button.close,
	.bc2018.ads-response-popup .button-set .button.ads-ic-checkout
	{
		margin-left: 0px;
		display: block;
	}
	.bc2018.ads-response-popup .button-set .button.ads-ic-cont-shop
	{
		display: block;
		margin-bottom: 10px;
	}
	.ads-ic-modal-header
	{
		font-size: 40px;
	}
	.bc2018.ads-response-popup .col2-set .col-1 
	{
		padding-top: 0px;
		width: 100%
	}
	.bc2018.ads-response-popup .col2-set .col-1 .cc-pitch-modal-txt-img
	{
		margin-top: 10px;
	}

    /* Whitetail Universe */
    .whitetail-container .spiff-container.top.quadruple {
        width: 100%;
        margin: 0 15px;
        margin-top: 0 !important;
    }
        .whitetail-container .spiff-container.top.quadruple .spiff {
            width: 37.5%;
            margin: 10px 5%;
        }

    /*club four pay in price block*/
    .product-main .price-box .club-price.fourpay span.price-label {
        font-size: 14px;
    }

    /*bullseye text on pdp can jump back up for now*/
    .price-box .bullseye {
        font-size: 24px;
    }

    #product-listing-container .button {
        font-size: 14px;
    }
    .products-grid .add-to-cart {
        margin-top: 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .products-grid .product-image img.lazy {
        display: block;
        border: none;
    }
    .products-grid .btn-cart {
        width: 50%;
    }

    /* brands area */
    .brands-listing .featured-brand-container {
        width: 32%; /* can't be the full 33.3 due to inline-block showing whitespace in/from markup */
    }

    .brands-listing .sg-accordion-content span {
        width: 50%;
    }

    .brands-listing #accordion-controls-container {
        margin-top: 20px;
    }

    .brand-story .spaced-content-container {
        line-height: inherit;
        font-weight: bold;
    }

        .brand-story .spaced-content-container div {
            margin-bottom: 13px;
            margin-top: 13px;
        }

    .brand-story .main .col2-set .col-1,
    .brand-story .main .col2-set .col-2 {
        margin-bottom: 0;
        margin-top: 0;
        width: 100%;
    }

    .brand-story .main .dark-row .big-text {
        margin-top: 0;
    }

    .brand-story .main .col-1.ultimate-cooler-left {
        padding-top: 0;
    }

    /* #region new "Buyers Club" area styling */
    .bc2018 .verysmall-text {
        font-size: 12px;
    }

    .bc2018 .smaller-text {
        font-size: 13px;
        line-height: 18px;
    }

    .bc2018 .normal-text {
        font-size: 17px;
        line-height: 22px;
    }

    .bc2018 .larger-text {
        font-size: 20px;
        line-height: 26px;
    }

    .bc2018 .even-larger-text {
        font-size: 26px;
        line-height: 32px;
    }

    .bc2018 .subhead-line1 {
        font-size: 20px;
        line-height: 20px;
    }

    .bc2018 .subhead-line2 {
        font-size: 27px;
        line-height: 27px;
        margin-bottom: 35px;
    }

    .bc2018 .cc-acceptdeclinebuttons .buttons-container a,
    .bc2018 .cc-acceptdeclinebuttons .buttons-container a:first-of-type {
        display: block;
        margin: 10px auto;
    }
    /*#endregion*/
	.bc2018.cc-pitch-modal .buttons-set .button,
	.bc2018.cc-pitch-modal .buttons-set .button.close {
		width: 100%;
		margin-left: 0;
		margin-top:10px;
		display: block;
	}
	.bc2018.cc-pitch-modal .subhead-line1 {
		font-size: 60px;
		line-height: 60px;
	}

    /* #region new military landing page */
    .military-landing-page .bc2018 .subhead-line1 {
        font-size: 34px;
        line-height: 36px;
        margin-top: 30px;
    }

    .military-landing-page .bc2018 .subhead-line2 {
        font-size: 42px;
        line-height: 42px;
    }
    /* #endregion new military landing page */
    
    /* #region events*/
    .events .hero-container {
        overflow: visible;
    }
    .events .hero-container .button-box {
        bottom: -25px;
    }
    .events .hero-container .button-box a.button {
        width: 75%;
        font-size: 18px;
        line-height: 32px;
    }
    .events .event-product-container .product-tiles .tile {
        display: block;
        width: 100%;
        min-height: auto;
        border: none;
        box-shadow: none;
        margin: 0;
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }
    .events .event-product-container .product-tiles .tile .image-container,
    .events .event-product-container .product-tiles .tile .details-container {
        display: inline-block;
        width: 49%;
        vertical-align: middle;
    }
    .events .event-product-container .product-tiles .tile .image-container .img-front {
        max-width: 75%;
    }
    .events .event-product-container .product-tiles .tile .button-box, 
    .events .event-category-promos .category-promo .button-box {
        position: relative;
        bottom: 0;
        width: 100%;
        padding: 10px;
    }
    .events .event-product-container .product-tiles .tile .button-box .button {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
    }
    .events .event-category-promos .category-promo .button-box div.left,
    .events .event-category-promos .category-promo .button-box div.right {
        margin: 0 auto;
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }
    .events .event-category-promos .category-promo .button-box .button {
        width: 100%;
    }
    /* #endregion */


    /*#region attributes list*/
    .widgets-container .attribute-list-flex-container {
        padding: 20px;
        padding-bottom: 0px;
    }

        .widgets-container .attribute-list-flex-container img {
            width: 36px;
        }

        .widgets-container .attribute-list-flex-container .attribute-container {
            margin-bottom: 20px;
        }

        .widgets-container .attribute-list-flex-container .text-column {
            padding-left: 46px;
        }


    /*#endregion attributes list*/

    .widgets-container .three-container {
        flex-direction: column;
        flex: 1 100%;
        -ms-flex-align: center;
        justify-content: center;
    }
    .widgets-container .three-container .spiff,
    .widgets-container .three-container .spiff:last-of-type {
        margin: 1px auto;
    }
    /*
      ============================================
      Add On at Checkout
      ============================================
    */
    #add-on-price-story {
        height: auto;
        text-align: center;
    }
    #add-on-text {
        display: block;
        position: relative;
    }
    #add-on-price-block {
        display: block;
        position: relative;
        text-align: center;
    }
}
/* END @media screen and (max-width: 680px) */


@media screen and (max-width: 560px) { /*gorilla standard*/
    body.debug:before {
        content: "max-width: 560px";
    }
    .respond560 {
        display: block !important;
    }
    .hideLT560 {
        display: none !important;
    }
    .global-message .tool-tip .tip {
        width: 320px;
        left: 50%;
        margin-left: -160px!important;/*necessary since tipsy tries to control this in-line*/
    }
  .category-view .spiff-container.top.double {
    margin-bottom: 0;
  }
  .category-view .spiff-container.top.double .spiff,
  .category-view .spiff-container.top.double .spiffs {
    width: 100%;
    margin: 0;
  }
  .category-view .spiff-container.top.double .spiff {
    margin-bottom: 2.5316455696202533% !important;
  }
  .peelback-container {
    height: 125px;
  }
  /* club accept modal */
   .club-accept-modal .buttons-set button,
   .club-accept-modal .buttons-set a {
       width: 100%;
       display: block;
       margin-left: 0 !important;
       margin-top: 10px;
   }

   /*cart limit modal*/
   .cart-limit-modal {
       width: 100%;
       display: block;
   }
    .cart-limit-modal .buttons-set a {
       width: 100%;
       display: block;
       margin-left: 0 !important;
       margin-top: 10px;
   }

  /*
      ============================================
      Gift Cards
      ============================================
    */
  .gift-cards .col2-set .col-1,
  .gift-cards .col2-set .col-2 {
    float: none;
    width: 100%;
  }
  .gift-cards .col2-set .col-2 {
    margin-top: 20px;
  }
  .gift-cards .col2-set .col-2 .gift-card-options {
    margin-top: 25px;
  }
    .gift-cards #gift-card-lookup .button {
        margin: 0;
        margin-top: 10px;
    }
  /*
      ============================================
      Gift Card Balance Form
      ============================================
    */
  .balance-form .form-list li label {
    float: none;
    width: 100%;
  }
  .balance-form .balance-message {
    margin: 15px 0 0;
  }
  /*
      ============================================
      Sitemap
      ============================================
    */
  .sitemap .col3-set .col {
    width: 100%;
    margin-left: 0;
  }
  /*
      ============================================
      Buyer's Club Sign in
      ============================================
    */
  .buyers-signin .page-title img {
    float: none;
  }
  .buyers-signin .page-title .copy {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .buyers-signin .col {
    float: none;
    width: 100%;
  }
  .buyers-signin .separator {
    margin-top: 20px;
  }
  .buyers-signin .form-list li .input-box {
    max-width: none;
  }
  /*
      ============================================
      International Shopping
      ============================================
    */
  .moby-container.intl-shopping-modal .col2-set .col-1,
  .moby-container.intl-shopping-modal .col2-set .col-2 {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .moby-container.intl-shopping-modal .col2-set p {
    margin: 0 0 25px;
  }
  .cc-pitch-disclosure iframe
  {
      height: 720px;
  }
  #adsMessaging .header .message.congratulations
  {
       font-size:20px;
  }
    #adsMessaging .header .message.congratulations1,
	#adsMessaging .header .message.adsdelay,
	#adsMessaging .header .message.adsdecline
  {
       font-size:24px;
	   text-align: center;
	   width: 100%;
	   padding-right:0px;
  }
	  #adsMessaging .header .message.congratulations2
  {
       font-size:24px;
	   text-align: center;
	   width: 100%;
	   padding-left:0px;
  }
  #adsMessaging .header img
  {
	  margin: 0 auto;
	  text-align: center;
	  width: 100px;
	  display: block;
  }
  #adsMessaging .header .image
  {
       width: 100%;
  }
  #adsMessaging .header .message.adsdelay2
  {
	  text-align:center;
	  font-size:26px;
	  width: 100%;
	  margin-bottom: 15px;
	  padding-left:0px;
  }
  #adsMessaging .header .message.adsdecline2
  {
	  width:100%;
	  font-size: 18px;
	  padding-top: 20px;
  }

    /* buyers club spiff on view cart*/
    .cart-list .cart-list-items .cart-list-messge {
        font-size: 14px;
    }
    .cart-club-container .bc2018 .club-footer-list-img {
        width: 55px;
    }

    /* Buyers Club spiff in the footer */
    .footer-col {
        display: block;
        text-align: left;
    }
	    .footer-col:first-child {
        padding-right:0px;
    }

	.ads-ica-tc-ack-text {
		max-width: 410px;
	}

    /* Category/Product Listing */
    .category-view .spiff-container.top.triple .spiff {
        width: 100%;
        margin: 0;
    }

    .address-box {
       width: 87%;
   }

    /* #region new "Buyers Club" area styling */
    .bc2018 .subhead-line1 {
        font-size: 20px;
        line-height: 26px;
    }

    .bc2018 .subhead-line2 {
        font-size: 23px;
        line-height: 23px;
        margin-bottom: 20px;
    }
	.bc2018.clubcclanding .subhead-line3 {
		font-size: 22px;
		line-height: 22px;
	}

   .bc2018 .bc-tour-margin-top {
        margin-top: 25px;
    }

   	.bc2018.cc-pitch-modal .subhead-line1 {
		font-size: 45px;
		line-height: 45px;
	}
    .club-offer-container .savings-statement {
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        color: #fff;
    }
    .club-offer-container .offer-benefits {
        padding: 35px;
    }
    .club-offer-container .club-offer-background {
        min-height: 350px;
    }
    .club-offer-container .offer-benefits .benefits-header {
        margin-bottom: 20px;
    }
    .club-offer-container .offer-benefits .list-block .list-img {
        margin-right: 16px;
    }
    .club-offer-container .offer-benefits .list-block .list-text-block .normal-text {
        font-size: 16px;
        line-height: 19px;
    }
    .club-offer-container .club-offer-disclaimer {
        margin-top: 0;
    }
    .club-exclusives-footer .club-exclusives-value-props .list-img {
        margin-right: 16px;
    }
    .club-exclusives-footer .club-exclusives-value-props .value-text {
        font-size: 16px;
        line-height: 19px;
    }
    /*#endregion*/

    /* #region new military landing page */
    .military-landing-page .bc2018 .subhead-line1 {
        font-size: 30px;
        line-height: 34px;
        margin-top: 30px;
    }

    .military-landing-page .bc2018 .subhead-line2 {
        font-size: 36px;
        line-height: 36px;
    }
    /* #endregion new military landing page */

    /*#region attributes list*/
    .widgets-container .attribute-list-flex-container {
        padding: 40px;
    }

        .widgets-container .attribute-list-flex-container .text-column {
            padding-left: 52px;
        }

        .widgets-container .attribute-list-flex-container .attribute-container {
            margin-bottom: 20px;
            width: 100%;
        }


        .widgets-container .attribute-list-flex-container div.attribute-container:last-of-type {
            margin-bottom: 0px;
        }
    /*#endregion attributes list*/
    /*
      ============================================
      Add On at Checkout
      ============================================
    */
    #add-on-header {
        line-height: 50px;
        font-size: 32px;
    }
    #add-on-img-container {
        font-size: 18px;
        display: flex;
        align-items: center;
    }
    #add-on-item-name {
        font-size: 18px;
        display: inline;
        width: 50%;
    }
    #add-on-item-img {
        display: inline;
    }
    #add-on-img-container {
        font-size: 24px;
        display: flex;
        align-items: center;
    }
    #add-on-img-container img {
        width: 150px;
        height: 150px;
    }
    #add-on-text {
        font-size: 37px;
    }
    #add-on-price-block {
        font-size: 32px;
    }
    #add-on-button-container {
        flex-direction: column;
        text-align: center;
    }
    #add-on-accept {
        width: 100%;
        margin-bottom: 5px;
    }
    #add-on-decline {
        width: 100%;
    }
    #add-on-accept > button{
        font-size: 18px
    }
    #add-on-decline > button {
        font-size: 18px
    }
    .my-account .cc-edit .flex-parent label {
        width: 100%;
    }
    .my-account .cc-edit .cc-logo {
        display: block;
    }
    .my-account .cc-edit .cc-edit-last-four {
        display: block;
    }
    .my-account .cc-edit .credit-card-info {
        margin-bottom: 0;
    }
    .my-account .cc-edit .form-list .input-box {
        flex-basis: 48%;
    }

    .moby-container.freightModal .button-box button {
        width: 100%;
        margin: 5px 0;
    }
}
/* END @media screen and (max-width: 560px) */

@media screen and (max-width: 480px) { /*gorilla standard*/
    body.debug:before {
        content: "max-width: 480px";
    }
    body.checkout #main.main {
        width: 100%;
    }
    .respond480 {
        display: block !important;
    }

    .hideLT480{
        display: none;
    }
    
    /*club accept modal*/
    #cancel-membership-modal .header.flex-parent,
    #cancel-membership-modal .buttons-set {
        flex-direction: column;
    }
        #cancel-membership-modal .header.flex-parent .logo,
        #cancel-membership-modal .header.flex-parent .header-text,
        #cancel-membership-modal .buttons-set .button {
            flex-basis: 100%;
            margin-left: 0;
        }
            #cancel-membership-modal .header.flex-parent .header-text {
                margin-top: 25px;
            }
            /*cart limit modal*/
            .cart-limit-modal .cart-limit-upper h5,
            .wish-limit-modal .wish-limit-upper h5 {
                font-size: 36px;
            }
    .cart-limit-modal .cart-limit-upper h4,
    .wish-limit-modal .wish-limit-upper h4 {
        font-size: 20px;
    }

    /*
      ============================================
      Header/Navigation
      ============================================
    */
    .nav-showing {
        top: 0;
        left: 0;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        overflow: hidden;
        width: 100%;
    }
    .main-nav.open {
        top: 110px;
    }
    .site-header .nav-container {
        padding: 0 0 0 3px;
    }
        .site-header .mini-account {
            margin-left: 0;
        }
            .site-header .mini-account .button {
                font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
                text-transform: none;
            }
        .site-header .mini-cart .text {
            display: none;
        }
        .site-header .mini-cart .drop-down {
            right: -25px;
        }
    .site-header .customer-nav {
        margin-right: 10px;
    }
    .customer-nav .icon-wrapper {
        margin-left: 15px;
    }
    .site-header .customer-nav .icon-wrapper .mobile-trigger {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
    }
	.wish-mmenu .totals,
    .wish-mmenu .totals .price-box span
    .cart-mmenu .totals,
    .cart-mmenu .totals .price-box span {
        font-size: 14px;
    }
        .mm-menu .mm-navbars_top .mm-navbar,
        .mm-menu .mm-navbars_top .mm-navbar a, 
        .mm-menu .mm-navbars_top .mm-navbar h1, 
		.wish-mmenu .totals .price-box .club-price span,
        .cart-mmenu .totals .price-box .club-price span {
            font-size: 16px;
        }
    .total-club-savings-container {
        white-space: nowrap;
    }
	.wish-mmenu .total-club-savings span,
    .cart-mmenu .total-club-savings span {
        font-size: 16px;
    }
    #main.main .global-message {
        font-size: 14px;
    }

/*    .site-header .logo.checkout-logo {
        padding-top: 10px;
        width: 60px;
    } */  
/*    .site-header .logo.checkout-logo img {
        width: 60px;
    }*/
    /*
      ============================================
      Home Page Spiffs
      ============================================
    */
    .ab-spiff-container .container {
        width: 100%;
    }
    .ab-spiff-container .spiff-pad {
        margin-top: 2.25%;
    }
    .ab-spiff-container .main-spiff-container .left-container,
	.ab-spiff-container .main-spiff-container .right-container {
        margin-left: 0;
        width:100%;
    }
	.ab-spiff-container {
		margin-bottom: 60px;
	}
	.ab-spiff-container.bdog {
		margin-bottom: 0px;
	}
    .slider-header {
        font-size: 32px;
    }
    .see-all {
        font-size: 15px;
    }
    .home .hero-container {
        margin-bottom: 30px;
    }
    .home .brands-carousel-container {
        margin-bottom: 30px;
    }
    .home-club-footer {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .home-page-slider-spacer {
        margin-bottom: 90px;
    }
    .ab-spiff-container.bdog .main-spiff-container {
        display: block;
    }
    /*
      ============================================
      Footer
      ============================================
    */

    .footer-supplemental .connect {
        float: none;
        text-align: center;
        margin-bottom: 18px;
    }
    .footer-supplemental .copyright {
        float: none;
        width: 100%;
        text-align: center;
    }
    .footer-supplemental .products-grid {
        margin-bottom: 0;
    }
    /*
      ============================================
      Category/Product Listing
      ============================================
    */

    #main.main.container.product-list {
        max-width: 100%;
        width: 100%;
    }

    .category-view .filters li {
        font-family: 'figtree', helvetica, arial, sans-serif;
        font-size: 13px;
    }
    .category-view .category-products .products-grid .product-image {
        float: left;
        margin-right: 5%;
        width: 45%;
    }
    .category-view .category-products .products-grid .product-details {
        float: left;
        width: 50%;
    }
    .category-view .category-products .products-grid > li {
        float: none;
        margin-left: 0;
        width: 100%;
    }
        .category-view .category-products .products-grid > li:before,
        .category-view .category-products .products-grid > li:after {
            content: " ";
            display: table;
        }
        .category-view .category-products .products-grid > li:after {
            clear: both;
        }
    .category-view .category-products .products-grid .free-offer-badge {
        height: 25px;
        font-size: 16px;
        line-height: 20px;
    }

    .category-view .category-products .products-grid .product-name {
        line-height: 18px;
        margin-top: 0;
    }
    .category-view #trackif-container {
        display: block;
    }
        .category-view #trackif-container .tif-module.tif-page-category .tif-button {
            margin: 5px 0 0 0 !important;
            font-size: 14px !important;
        }
    .customization-detail .col2-set .col-1,
    .customization-detail .col2-set .col-2 {
        float: none;
        width: 100%;
        margin: 0 0 16px 0;
    }
    .peelback-container {
        height: 105px;
    }
    .spiff-accordion .accordion-content .spiff-container.top.triple .spiff {
        width: 26.5%;
    }

    .page-wrapper .product-list #product-listing-container {
        background-color: #D9D8D6;
    }

    /*whitetail universe*/
    .whitetail-container .spiff-container.top.quadruple .spiff {
        margin: 10px 4%;
    }
    /*end*/
    /*
      ============================================
      Product Detail
      ============================================
    */
    .product-view #trackif-container {
        margin-left: 0;
    }
    .customization-view .form-list.stacked > li > .input-box {
        width: 100%;
    }
        .customization-view .form-list.stacked > li > .input-box + a {
            float: none;
            margin-left: 0;
            clear: left;
        }
		#personalize-modal .add-to-cart #btnAddPersToCart {
			padding-left: 45px;
			padding-right: 45px;
		}
		#personalize-modal .add-to-cart #btnCloseModal {
			padding-left: 35px;
			padding-right: 35px;
		}

    .form-list.stacked .price-box .price-label {
        width: 49%;
    }
    .form-list.stacked .price-box .price {
        width: 49%;
    }
    .product-main .price-box .price-label {
        width: 49%;
    }
    .product-main .price-box .price {
        width: 49%;
    }
    /*club four pay in price block*/
    .product-main .price-box .club-price.fourpay span.price-label {
        font-size: 12px;
    }
    .product-view .stock-note.backordered,
    .product-view .stock-note.out {
        font-size: 13px;
    }

    .price-box .bullseye {
        font-size: 20px;
    }

    #value-props-container p {
        font-size: 13px;
    }
    .left-value-prop {
        width: 60%;
    }
    .right-value-prop {
        margin-left: 3px;
        width: 35%;
    }
    #right-enhanced-uvp-link {
        position: relative;
        text-decoration: underline;
    }

    /*Club Bucks modal*/
    .my-account .club-bucks-modal .myAccountBucksTable thead,
    .my-account .club-bucks-modal .myAccountBucksTable thead tr,
    .my-account .club-bucks-modal .myAccountBucksTable thead tr th,
    .my-account .club-bucks-modal .myAccountBucksTable tr,
    .my-account .club-bucks-modal .myAccountBucksTable tr td {
        display: block;
    }

    .my-account .club-bucks-modal .myAccountBucksTable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .my-account .club-bucks-modal .myAccountBucksTable td {
        border: none;
        position: relative;
        padding-left: 60%;
        text-align: left;
    }
    .my-account .club-bucks-modal .myAccountBucksTable th:nth-child(3),
    .my-account .club-bucks-modal .myAccountBucksTable td:nth-child(3) {
        text-align: left;
        padding-left: 60%;
    }
    .my-account .club-bucks-modal .myAccountBucksTable td:first-child {
        text-align: left;
    }    

    .my-account .club-bucks-modal .myAccountBucksTable td:before {
        position: absolute;
        left: 0px;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
    }
    .my-account .club-bucks-modal .myAccountBucksTable td:first-child:before {
        text-align: left;
    }
    .my-account .club-bucks-modal .myAccountBucksTable td:last-child {
        text-align: left;
    }
    .my-account .club-bucks-modal .myAccountBucksTable tbody tr th[scope=row],
    .my-account .club-bucks-modal .myAccountBucksTable tbody tr.alternate-row th[scope=row] {
        background-color: black;
        color: white;
        display: block;
        text-align: center;
    }
#clubBucksOrdersTable td:nth-of-type(1):before { content: "Order #"; }
#clubBucksOrdersTable td:nth-of-type(2):before { content: "Order Total"; }
#clubBucksOrdersTable td:nth-of-type(3):before { content: "Coupon"; }
#clubBucksOrdersTable td:nth-of-type(4):before { content: "Club Bucks Earned"; }

#clubBucksRedemptionsTable td:nth-of-type(1):before { content: "Order #"; }
#clubBucksRedemptionsTable td:nth-of-type(2):before { content: "Amount Redeemed"; }

    /*
      ============================================
      Shopping Cart
      ============================================
    */
    .shopping-cart .buyers-club p,
    .shopping-cart .buyers-club p strong {
        font-size: 14px;
    }
    .shopping-cart .buyers-club p {
        text-align: left;
    }
    .shopping-cart .buyers-club .join-today {
        display: none;
    }
        .shopping-cart .buyers-club .join-today + p {
            font-family: 'figtree', helvetica, arial, sans-serif;
            font-size: 13px;
            margin-top: 5px;
        }
    .shopping-cart .buyers-club .buttons-set {
        margin-top: 0;
    }
    .cart-sliders {
        width: 70%; 
        margin: auto; 
        text-align: center;
    }
    .cart-sliders img {
        height: 200px;
        width: 200px;
    }

    /*
      ============================================
      CMS Page specifics
      ============================================
    */
    .cms-main ul.video-grid li {
        float: none;
        margin: 0 0 4%;
        width: 100%;
    }
        .cms-main ul.video-grid li img {
            width: 100%;
        }

    /*
      ============================================
      Order Details
      ============================================
    */
    .order-details .data-table.stacked tbody td:not(.no-header):before {
        width: 138px;
    }
    .order-details .data-table.stacked .stack {
        width: 123px;
    }
    /*
  ============================================
  Create Account
  ============================================
  */
  .reg-cust-list-address
{
    border-right: 0;
    width:100%;
}
    /* My Account*/
    .my-account-main .page-header {
        font-size: 24px;
    }
    .my-account-main .page-header .customer-number {
        font-size: 15px;
    }
    .my-account-main .page-header .customer-firstlast {
        margin-left: 10px;
    }
    .my-account-main .flex-parent .item {
        min-height: 75px;
    }
    .my-account-main .flex-parent .item .title {
        font-size: 24px;
    }
    .my-account-main .flex-parent .item .status {
        font-size: 14px;
    }
    .my-account .my-account-main .club-dashboard .spiff-container {
        text-align: center;
    }
    .my-account .my-account-main .club-dashboard .spiff-container .bc-dash-member .flex-parent {
        justify-content: center;
    }
    .my-account .my-account-main .club-dashboard .spiff-container .flex-parent.bc-dash-member {
        flex-direction: column;
    }
    .my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-text p {
        margin-top: 10px;
    }
    .my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-actions .club-links {
        flex-direction: column;
        align-items: center;
    }
    .my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-actions .cancel-club-link,
    .my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-actions .auto-renew-link {
        display: block;
    }
    .my-account .my-account-main .club-dashboard .spiff-container .bc-spiff-actions .cancel-club-link {
        float: none;
    }
    /*
      ============================================
      My Account - Returns
      ============================================
    */
    .account-returns .green-form .input-box {
        width: 100%;
    }
    .account-returns .green-form .button {
        margin-top: 25px;
    }
    .account-returns .green-form label:not(.error) {
        float: none;
        width: 100%;
        display: block;
        margin: 0 0 5px;
    }
    /*
      ============================================
      Gift Card Balance Form
      ============================================
    */
    .balance-form .form-list {
        position: relative;
    }
        .balance-form .form-list li .input-box {
            float: none;
            width: 100%;
        }
        .balance-form .form-list li .button {
            margin: 15px 0 0;
            width: 100%;
        }
        .balance-form .form-list li .ajax-loader {
            position: absolute;
            right: 10px;
            top: 35px;
        }

    /*
	 ============================================
	 Club Offer Checkout
	 ============================================
	*/
    .club-script-div {
        width: 100%;
    }
    .club-pitch-header {
        font-size: 13px;
        font-weight: normal;
    }
    .club-script-table {
        width: 350px;
    }
    .club-script-label {
        font-size: 11px;
        min-height: 19px;
    }
    .club-script-row {
        min-height: 19px;
        font-size: 11px;
    }
    /*
      Credit Card Pitch
  */
  .cc-pitch-disclosure iframe
  {
      height: 1100px;
  }
    /*
	 ============================================
	 FAQ
	 ============================================
	*/
    .tool-tip-account-header {
        top: 10px;
        left: 10px;
        position: absolute;
    }

    #faqSearchForm #faqSearchInput {
        width: 100%;
        margin-bottom: 4px;
    }
    #faqsV3 .reviewed-by-a360 {
        margin: 0 0 10px 10px;
        width: 100px;
    }
    #faqsV3 .accessibility-faq h1 {
        font-size: 18px;
    }

    /* Club Tour */
    .cart-club-container .buyers-spiff-container img.logo {
        width: 75px;
        position: relative;
        top: 5px;
        left: 0px;
    }
    .cart-club-container .buyers-spiff-container .buyers-club-spiff {
        width: 100%;
        text-align: center;
    }
    .cart-club-container .buyers-club-spiff .inner-wrap {
        margin: 0 0 5px 0;
    }
    .cart-club-container .buyers-club-spiff .line-1 {
        font-size: 30px;
    }
    .cart-club-container .buyers-club-spiff a.button.painted-yellow {
        font-size: 16px;
        line-height: 18px;
        padding: 5px;
    }
    .credit-apply-landing {
        width: 100%;
        height: 75px;
    }
    /* club pitch */
    .club-pitch-savings-grid {
        width: 95%;
    }

    .club-pitch-grid-header-youspend {
        font-size: 12px;
        min-height: 21px;
    }

    .club-pitch-grid-header-yousave {
        font-size: 12px;
        min-height: 21px;
    }

    .club-pitch-grid-label {
        font-size: 12px;
        min-height: 21px;
    }

    .club-pitch-grid-youspend {
        font-size: 12px;
        min-height: 21px;
    }

    .club-pitch-grid-yousave {
        font-size: 12px;
        min-height: 21px;
    }

    /* ADS Instant Credit */
    .ads-ica-tc-ack-text {
        max-width: 300px;
    }
	.ads-ic-modal-header
	{
		font-size: 25px;
	}

    /* brands area */
    .brands-listing .top-level-brand-container {
        width: 100%;
        padding: 0 30px 10px 30px;
    }

    .brands-listing .featured-brand-container {
        width: 49%; /* can't be the full 50% due to inline-block showing whitespace in/from markup */
    }

    .brand-story .main .footer-row #fr-2 {
        padding-left: 10px;
        padding-top: 18px;
        margin-left: 23px;
        width: 90%;
    }

    .brand-story .main .footer-row .fr-triangle {
        left: -20px;
        border-width: 16px 20px 16px 0;
    }

    #credit-card-edit h3 {
        font-size: 25px;
    }

   .address-box {
       width: 80%;
   }
    /* #region new "Buyers Club" area styling */
    .bc2018 .button {
        font-size: 16px;
        padding: 17px 36px 15px 36px;
    }

    .bc2018 .normal-text {
        font-size: 16px;
        line-height: 20px;
    }

    .bc2018 .larger-text {
        font-size: 18px;
        line-height: 24px;
    }

	.bc2018.clubcclanding .subhead-line1 {
		font-size: 28px;
		line-height: 28px;
	}
	.bc2018.clubcclanding .subhead-line3 {
		font-size: 18px;
		line-height: 18px;
	}
	.bc2018.cc-pitch-modal .subhead-line1 {
		font-size: 35px;
		line-height: 35px;
	}
    /*#endregion*/

    /* #region new military landing page */
    .military-landing-page .bc2018 .subhead-line1 {
        font-size: 20px;
        line-height: 23px;
        margin-top: 14px;
    }

    .military-landing-page .bc2018 .subhead-line2 {
        font-size: 24px;
        line-height: 24px;
    }
    /* #endregion new military landing page */

    /*callout slide widget*/
    .widgets-container .slider-container .callout-slider .slick-slider .slick-prev, 
    .widgets-container .slider-container .callout-slider .slick-slider .slick-next {
        top: 10%;    
    }

    /* product sliders */
    .slider-container .default-slider .product-name {
        overflow: hidden;
        height: 4em;
    }
    /*#region attributes list*/
    .widgets-container .attribute-list-flex-container {
        padding: 32px;
    }

        .widgets-container .attribute-list-flex-container .attribute-container {
            margin-bottom: 32px;
        }

        .widgets-container .attribute-list-flex-container img {
            max-width: 34px;
            width: 34px;
        }

        .widgets-container .attribute-list-flex-container .attribute-container {
            font-size: 13px;
        }

        .widgets-container .attribute-list-flex-container .text-column {
            padding-left: 46px;
        }

        .widgets-container .attribute-list-flex-container h3.headline {
            font-size: 23px;
            line-height: 23px;
        }
    /*#endregion attributes list*/
    /*
      ============================================
      Add On at Checkout
      ============================================
    */
    #add-on-container {
        padding: 10px;
    }
    #add-on-header {
        font-size: 24px;
    }
    #add-on-message {
        font-size: 15px;
    }
    #add-on-message span {
        font-size: 15px;
    }
    #add-on-text {
        font-size: 32px;
    }
    #add-on-price-block {
        font-size: 27px;
    }
    #countdown-timer {
        font-size: 45px;
        width: 160px;
        margin: 10px auto;
        height: 70px;
        padding: 0;
    }
    /*
      ============================================
      Add On Club at Checkout
      ============================================
    */
    #add-on-club-header {
        font-size: 21px;
        line-height: 44px;
    }
    .checkout-add-on-club-modal .add-on-club-selection {
        padding: 52px 24px 24px 24px;
    }
    .checkout-add-on-club-modal .savings-statement p:first-child {
        font-size: 24px;
        line-height: 27px;
    }
    .checkout-add-on-club-modal .savings-statement p:nth-child(2) {
        font-size: 14px;
        line-height: 17px;
    }
    .checkout-add-on-club-modal .add-on-club-selection .add-on-club-btn button {
        font-size: 14px;
    }
    .checkout-add-on-club-modal #add-club-timer {
        margin: 24px 0;
    }
    /*
      ============================================
      My Account - Address Book
      ============================================
    */
    .my-account .address-book .address-header .header-text {
        font-size: 18px;
    }
    .my-account .address-book .address-card {
        width: 100%;
    }

    /* order tracking info modal*/
    .tracking-info-modal .header {
        font-size: 20px;
    }
    .tracking-info-modal .button.orange {
        font-size: 12px;
    }

    /*
      ============================================
      Our Company
      ============================================
    */
    .our-company .reviewed-by-a360 {
        width: 125px;
        margin: 0 0 20px 20px;
    }

    /*Freight moby on payment */
    #freight-modal .data-table tr td .product-image {
        width: 25%;
    }
    #freight-modal .data-table tr td .product-name {
        width: 70%;
    }


    /*#region double wide */
    .product-tile.double-wide {
        width: 100%;
    }

    #bg-double-wide {
        min-height: 300px;
    }

    #double-wide-col > div:first-of-type {
        height: 33%;
    }

    #double-wide-col > div:first-of-type > img {
        width: 75%;
    }

    #double-wide-col > div:last-of-type {
        height: 67%;
    }

    #double-wide-col > div:last-of-type > h3 {
        font-size: 24px;
        line-height: 24px;
    }

    #double-wide-col > div:last-of-type > span {
        font-size: 12px;
        line-height: 12px;
    }
    /*#endregion*/

    /*#region buyers club path modals 2025*/
    .md-dialog-container.ng-scope > md-dialog.pick-your-path-modal {
        min-width: 325px !important; /*keeps the modal from being cut off due to md-dialog max-width 80% */
    }

    #club-accept-modal.bc2025 div.buttons-set {
        margin: 10px;
        margin-bottom: 10px;
    }

    #club-accept-modal.bc2025 > div.terms-and-conditions > span {
        white-space: normal;
    }
    /*#endregion buyers club path modals 2025*/
}
/* END @media screen and (max-width: 480px) */

@media screen and (max-width: 360px) {  /* non standard */
    body.debug:before {
        content: "max-width: 360px (non standard)";
        background-color: plum;
    }

    .hideLT360 {
        display: none !important;
    }
    .respond360 {
        display: block !important;
    }

    /*
      ============================================
      Header & Navigation
      ============================================
    */
/*    .site-header .logo {
        padding-top: 10px;
        width: 60px;
    }  */ 
/*        .site-header .logo img {
            display: inline-block !important;
        }*/

  .mini-cart .drop-down {
      left: -300%;
  }
  .hamburger-text {
      display: none;
  }

  	/* Club Tour */
	button.clubyellow,
	.button.clubyellow,
	a.button.clubyellow {
		font-size: 20px;
		line-height: 80px;
	}
    .cart-club-container .buyers-spiff-container .buyers-club-spiff {
        width: 100%;
    }
    .product-options .form-list li .size-info {
        text-align: left;
    }

	/* ADS Instant Credit */
	.ads-ica-tc-ack-text {
		max-width: 260px;
	}

    /*Value Props*/
    #value-props-container a{
        display: block;
        margin-bottom: 5px;
    }

    #value-props-container p {
        font-size: 10px;
    }

    #value-props-container .value-prop-row {
        margin-bottom: 0;
    }
    .value-prop-row .right-value-prop{
        margin-left: 0;
    }
    .left-value-prop #dollar-sign {
        vertical-align: top;
        margin-left: 0;
    }

    
  /*
      ============================================
      Product View
      ============================================
    */
    .price-box .bullseye {
        font-size: 18px;
    }

    /*Product alert restrictions*/
    #value-props-container p {
        font-size: 10px;
    }
	#product-listing-container .products-grid .btn-cart {
		width: 75.92307692307693%;
	}

    /*Product Tabs Uvp*/
    .features-benefits-image img {
        max-width: 100%;
    }
    .uvpMedia img {
        max-width: 100%;
    }
    .uvpMedia iframe {
        width: 100%;
    }
    .peelback-container {
      height: 85px;
    }
    .spiff-accordion .accordion-content .spiff-container.top.triple .spiff {
      width: 26%;
    }

    /* brands area */
    .brands-listing .sg-accordion-content span {
        margin-bottom: 8px;
        margin-left: 0px;
        width: 100%;
    }

    .brand-story .main .four-squares-container .fs-row .fs-square .fs-sq-tagline {
        font-size: 11px;
    }
	.sh-2col .sh-col2 {
		padding-left: 0px;
	}

    /* #region new "Buyers Club" area styling */
    .bc2018 .button {
        padding: 17px 16px 15px 16px;
    }
	.bc2018.cc-pitch-modal .subhead-line1 {
		font-size: 30px;
		line-height: 30px;
	}
    /*#endregion*/
    /*
      ============================================
      Add On at Checkout
      ============================================
    */
    #add-on-header {
        font-size: 22px;
    }
    #add-on-img-container img {
        width: 125px;
        height: 125px;
    }
    #add-on-text {
        font-size: 28px;
    }
    #add-on-price-block {
        font-size: 24px;
    }
    #add-on-decline > button {
        font-size: 16px;
    }

    /* order tracking modal*/
    .tracking-info-modal .flex-parent .item {
        min-width: 165px;
    }
    .footer-badges-icons {
        max-width: 298px;
    }
    .footer-badge {
        margin-right: 10px;
    }
}
/* END @media screen and (max-width: 360px) */

@media screen and (max-width: 320px) { /*gorilla standard*/
   body.debug:before {
       content: "max-width: 320px";
   }
  .respond320 {
    display: block !important;
  }

  .hideLT320{
      display: none;
  }
  #main.main .global-message {
      font-size: 13px;
  }
  .mm-menu .mm-navbar.mm-navbar-top a, .mm-menu .mm-navbar.mm-navbar-top {
      font-size: 14px;
  }
  .wish-mmenu .total-club-savings span,
  .cart-mmenu .total-club-savings span {
      font-size: 12px;
  }

    /*
      ============================================
      Category/Product Listing
      ============================================
    */
    .category-view .category-products .products-grid .product-image,
    .category-view .category-products .products-grid .product-details {
        float: none;
        width: 100%;
    }

        .category-view .category-products .products-grid .product-image img {
            margin: 0 auto;
            max-height: 130px;
        }

    /*
      Credit Card Pitch
  */
  .cc-pitch-disclosure iframe
  {
      height: 1200px;
  }
  #adsMessaging .header .message.congratulations
  {
      font-size:17px;
  }
 

    .footer-list-items {
        width: 100%;
    }
    .footer-list-items .list-message {
        text-align:left;
        font-size:15px;
    }
    .footer-list-items li {
        font-weight:bold;
        width:85%;
        font-size: 15px;
    }
	.ads-ica-input-large {
		width: 225px;
	}
	.ads-ica-tc-ack-text {
		max-width: 230px;
	}
    .product-options .form-list li .size-info {
        text-align: left;
    }
     /*FFL Search Page */
    .fflSearchInfo h1 {
        font-size: 23px;
    }

    /*Product View*/
    .product-view .product-options .form-list li .label-container,
    #quantityAdjustment .form-list.stacked li label {
        width: 20%;
    }

    .restriction-attribute {
        width: 100%;
    }

    /*Value Props*/
    .left-value-prop {
        width: 55%;
    }
    .right-value-prop {
        margin-left: 3px;
        width: 35%;
    }
    .spiff-accordion .accordion-content .spiff-container.top.triple .spiff {
      width: 25%;
    }
    #cartSummary.drop-down {
        padding: 10px 5px;
    }
	.wish-mmenu .totals,
    .wish-mmenu .totals .price-box span,
    .cart-mmenu .totals,
    .cart-mmenu .totals .price-box span {
        font-size: 13px;
    }
	.cart-mmenu .totals .price-box .club-price span,
    .cart-mmenu .total-club-savings span,
    .wish-mmenu .totals .price-box .club-price span,
    .wish-mmenu .total-club-savings span {
        font-size: 14px;
    }

    /* brands area */
    .brands-listing .top-level-brand-container {
        width: 100%;
    }

    /* #region new "Buyers Club" area styling */
    .bc2018 .button {
        padding: 17px 6px 15px 6px;
    }
    /*#endregion*/

    /* Preference Center */
    .email-preferences-page #interests-form .field-group,
    .email-preferences-page #gunsammoemail-form {
        padding-left: 10px;
    }
    /*END Preference Center */

	.customization-cart-text {
		max-width: 170px;
	}

    /*#region attributes list*/
    .widgets-container .attribute-list-flex-container {
        padding: 24px;
    }

        .widgets-container .attribute-list-flex-container .attribute-container {
            margin-bottom: 24px;
        }

        .widgets-container .attribute-list-flex-container img {
            max-width: 30px;
            width: 30px;
        }

        .widgets-container .attribute-list-flex-container .attribute-container {
            font-size: 12px;
        }

        .widgets-container .attribute-list-flex-container .text-column {
            padding-left: 44px;
        }

        .widgets-container .attribute-list-flex-container h3.headline {
            font-size: 20px;
            line-height: 20px;
        }
    /*#endregion attributes list*/
}
/* END @media screen and (max-width: 320px) */


/* for cart slideout sticky footer.... make subtotal block the whole slideout if in landscape */
@media screen and (max-width: 768px) and (orientation: landscape) {
	#wish-mmenu .mm-navbar.mm-navbar-bottom,
    #cart-mmenu .mm-navbar.mm-navbar-bottom {
        height: 90%;
    }
}


@media print {

    #defective-to-manufacturer-modal *{
        visibility: visible;
        page-break-after: always;
    }
    #defective-to-manufacturer-modal {
        position: absolute;
        left: 0;
        top: 0;
    }

    .page-break-after {
        display: block;
        page-break-after: always;
    }
}
/* Business Controlled Web Pages (bcwp class on body tag) */


/* begin Global */
.bcwp .normal-text {
    font-family: 'figtree', helvetica, arial, sans-serif;
}
.bcwp .condensed-text {
    font-family: 'figtree', helvetica, arial, sans-serif;
}
.bcwp .bold-text {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
.bcwp .bold-condensed-text {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
}
.bcwp a.nonav {
    cursor: default;
}
/* quill whizzywig overrides */
.bcwp .ql-align-center {
    text-align: center;
}
.bcwp .theme-light .ql-color-midgrey,
.bcwp .content-theme-light .ql-color-midgrey {
    color: #54565A;
}
.bcwp .theme-light .ql-color-orange,
.bcwp .content-theme-light .ql-color-orange {
    color: #D54400;
}
.bcwp .theme-light .ql-color-black,
.bcwp .content-theme-light .ql-color-black {
    color: #252A2F;
}
.base-container p {
    font-size: inherit;
    line-height: calc(100% + 4px);
    font-family: inherit;
    margin-bottom: 0;
}
    .base-container p span {
        line-height: calc(100% + 4px);
    }
.bcwp .base-container em {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-style: italic;
}
.bcwp .base-container a {
    color: inherit;
}
.bcwp .base-container ul:not(.multi-links) {
    list-style-position: inside;
    list-style-type: disc;
}
.bcwp .base-container ul li:not(.ql-align-center):not(.multi-link) {
    text-align: left;
}
.bcwp .base-container:not(.buyersClubExclusive-container) a:not(.bcwp-button):not(.free-trial-button),
.bcwp .base-container:not(.productCarousel-container) a:not(.bcwp-button):not(.free-trial-button),
.bcwp .base-container:not(.certonaCarousel-container) a:not(.bcwp-button):not(.free-trial-button),
.bcwp .base-container:not(.navigation-bar-container) a:not(.bcwp-button):not(.free-trial-button),
.bcwp .base-container:not(.featuredProducts-container) a:not(.bcwp-button):not(.free-trial-button) {
    color: #2A61FF;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    text-decoration: underline;
}

body.bcwp .base-container .slick-slide .product-image a,
body.bcwp .base-container.certonaCarousel-container .slick-slide .product-image a,
body.bcwp .base-container.productCarousel-container .slick-slide .product-image a {
    color: #252A2F;
    text-decoration: none;
}

    body.bcwp .base-container.certonaCarousel-container .slick-slide .product-image a:hover,
    body.bcwp .base-container.productCarousel-container .slick-slide .product-image a:hover {
        text-decoration: underline;
    }

    /* these styles maybe be copied/duplicated (overridden, in effect) in containers below */
    .bcwp .bcwp-button {
        border-style: solid;
        border-width: 3px;
        border-radius: 2px;
        display: inline-block;
        font-family: 'figtreeBold',helvetica,arial,sans-serif;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: calc(100% + 4px);
        padding: 10px 22px 11px; /* +3px border */
        text-transform: uppercase;
    }

    /* primary */
    .bcwp .base-container .bcwp-button,
    .bcwp-productobjectwithdetails .call-to-action-button-container .button.green,
    .bcwp-productobjectwithdetails .call-to-action-button-container button.btn-cart {
        background-color: #D54400;
        border-color: #D54400;
        box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.15);
        color: #ffffff;
    }

        .bcwp .base-container .bcwp-button:hover,
        .bcwp-productobjectwithdetails .call-to-action-button-container .button.green:hover {
            background-color: #061C33;
            border-color: #061C33; /*$bsaeballBlue (dark)*/
        }


.bcwp .flex-parent {
    /* flexboxes need to be tested / work on old iPads and above.  there are some examples in styles.css */
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.bcwp .base-container {
    position: relative;
}

.bcwp .imageless-hero-container.firstBaseContainer {
    padding-top: 50px; /* class applied via jQuery */
    padding-bottom: 20px; /* should look like 50px when added to the default 30px of whatever comes after... */
}

.bcwp .lastBaseContainer,
.bcwp .base-container.hero-container.lastBaseContainer {
    padding-bottom: 60px; /* class applied via jQuery */
}

.bcwp.home .lastBaseContainer {
    padding-bottom: 20px; /* class applied via jQuery */
}

.bcwp .max-1400 {
    max-width: 1400px;
    margin: 0 auto;
}

.bcwp .max-900 {
    max-width: 900px;
}

.bcwp h2 {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}


.bcwp .container-title {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    text-transform: none;
    padding-bottom: 30px;
    font-size: 32px;
    line-height: 38px;
}

/* These are override colors for the Title and Header text */
.bcwp-color-SPGGray {
    color: #54565A !important;
}
.bcwp-color-SPGOrange {
    color: #D54400 !important;
}
.bcwp-color-MidGray {
    color: #898A8D !important;
}
.bcwp-color-Red {
    color: #D50001 !important;
}
.bcwp-color-Navy {
    color: #213B56 !important;
}
.bcwp-color-Royal {
    color: #2979FF !important;
}
.bcwp-color-HunterGreen {
    color: #1C5E21 !important;
}
.bcwp-color-Jade {
    color: #019E60 !important;
}
.bcwp-color-Brown {
    color: #6D4C41 !important;
}

/* end Global */



/* begin objects */
.bcwp .twoColumnImageText-container .bcwp-button:nth-of-type(2) {
    margin-left: 40px;
}

.bcwp .twoColumnImageText-container .text h2 {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    font-size: 24px;
    text-transform: none;
    margin-bottom: 16px;
}

.bcwp .twoColumnImageText-container .text {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}
    .bcwp .twoColumnImageText-container .text .media-body {
        font-size: 16px;
        line-height: 24px;
        margin: 0 15px 24px 15px;
    }
.bcwp .twoColumnImageText-container .button-div a.full-width-button {
    margin-left: 0;
}
.bcwp .twoColumnImageText-container .button-div a.full-width-button-right {
    margin-top: 16px;
}
.bcwp .twoColumnImageText-container .container-title {
    font-family: 'figtreeLight', helvetica, arial, sans-serif;
}

.bcwp .video-object {
    position: relative;
    cursor: pointer;
}

    .bcwp .video-object .video-overlay {
        background-color: rgba(0, 0, 0, .3);
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1;
    }

        .bcwp .video-object .video-overlay img {
            left: 50%;
            opacity: .8;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

.bcwp .video-container .media-widget img {
    vertical-align: top;
}
.bcwp .video-container .media-widget .video-object button {
    padding: 0;
}
.bcwp .video-container .media-widget .video-object .video-overlay {
    background-color: rgba(0, 0, 0, .4);
}
.bcwp .video-container .media-widget .video-object .video-overlay img {
    max-width: 65px;
    max-height: 65px;
}
.bcwp.null-search .base-container.productCarousel-container .slider-header-wrapper {
    position: relative;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    margin-bottom: 25px;
    position: relative;
    line-height: 30px;
    border-bottom: 1px solid #d9d9d9;
}

body.bcwp .base-container.productCarousel-container .slider-header-wrapper a.bcwp-hyperlink,
.bcwp.null-search .base-container.productCarousel-container .slider-header-wrapper a.bcwp-hyperlink {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
}

.bcwp .productCarousel-container .sub-base-container {
    padding: 30px 0 0;
}

.bcwp .productCarousel-container .container-title {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 27px;
    color: #D54400;
    margin: 0;
    text-align: left;
    padding-bottom: 0;
    position: absolute;
    top: -3px;
    left: 50px;
}

.bcwp .productCarousel-container .slider-container {
    padding-top: 0;
}

.bcwp .bcwp-product-text p:nth-child(2) {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 28px;
    line-height: 28px;
    color: #DD4E25;
    margin-top: 30px;
    margin-bottom: 15px;
}
.bcwp .bcwp-product-text p:nth-child(3) {
    color: #54565A;
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0;
}
.bcwp .lifestylePlusProduct-container .sub-base-container {
    padding: 30px 0;
}
.bcwp .lifestylePlusProduct-container .lifestylePlusProduct-image-box .lifestylePlusProduct-img img {
    display: block;
}
.bcwp .lifestylePlusProduct-container .lifestylePlusProduct-product .bcwp-product-text p:nth-child(3) {
    display: none;
}
.bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-product img {
    max-width: 327px;
}
.bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-body {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    max-width: 900px;
    margin: 30px auto;
    padding: 0 15px;
}
.bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-image-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    justify-content: center;
}

.bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-img {
    -webkit-flex-basis: 685px;
    flex-basis: 685px;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
}

.bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-product {
    background-color: #ffffff;
    -webkit-flex-basis: 435px;
    flex-basis: 435px;
    -webkit-flex-shrink: 5;
    flex-shrink: 5;
    -webkit-align-self: center;
    align-self: center;
}
.bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .bcwp-product-text {
    margin-top: 10px;
    padding-bottom: 1px;
}
    .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .bcwp-product-text p:nth-child(1) {
        font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
        font-size: 14px;
        line-height: 22px;
        color: #DD4E25;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin: 10px 0 0 0;
    }
    .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .bcwp-product-text p:nth-child(2) {
        font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
        font-size: 18px;
        line-height: 18px;
        color: #54565A;
        margin: 0 0 15px 0;
        overflow: hidden;
    }
/* end objects */



/* begin widgets */

/* Media Story Text + Media    */
.bcwp .textMediaNarrow-container.base-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.bcwp .textMediaNarrow-container .sub-base-container {
    padding: 20px 0;
}
.bcwp .textMediaNarrow-container .media-story,
.bcwp .textMediaWide-container .media-story {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.bcwp .textMediaNarrow-container .media-story .img img {
    vertical-align: top; /* https://stackoverflow.com/questions/7774814/remove-white-space-below-image */
}
.bcwp .textMediaNarrow-container .media-story #map {
    width: 50%; 
    height: 375px;
    margin-left: 20px;
    margin-right: 20px;
}
.bcwp .textMediaNarrow-container .text h2 {
    font-size: 28px;
    line-height: 31px;
    text-transform: none;
}
.bcwp .textMediaWide-container .text h2 {
    font-size: 32px;
    line-height: 38px;
    text-transform: none;
}
.bcwp .textMediaNarrow-container .text .media-body,
.bcwp .textMediaWide-container .text .media-body {
    font-size: 16px;
    line-height: 24px;
}
.bcwp .textMediaNarrow-container .media-story {
    max-width: 1100px;
    margin: 0 auto;
}
    .bcwp .textMediaNarrow-container .media-story .img {
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 1;
        -webkit-flex-basis: 50%;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }

        .bcwp .textMediaNarrow-container .media-story .img .additional-content,
        .bcwp .textMediaWide-container .media-story .img .additional-content {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center;
            align-content: center;
            column-gap: 10px;
            padding-left: 10px;
        }
            .bcwp .textMediaNarrow-container .media-story .img .additional-content .youtube-info,
            .bcwp .textMediaWide-container .media-story .img .additional-content .youtube-info {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-items: center;
                column-gap: 7px;
            }
            .bcwp .textMediaNarrow-container .media-story .img .youtube-title,
            .bcwp .textMediaWide-container .media-story .img .youtube-title {
                font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
                line-height: 23px;
                font-size: 18px;
            }

        .bcwp .textMediaNarrow-container .media-story .img .youtube-views,
        .bcwp .textMediaWide-container .media-story .img .youtube-views {
            font-family: 'figtreeCondensed', helvetica, arial, sans-serif;
            font-size: 14px;
        }

        .bcwp .textMediaNarrow-container .media-story .img .additional-content .dot,
        .bcwp .textMediaWide-container .media-story .img .additional-content .dot {
            width: 3px;
            height: 3px;
            background: #54565A;
            border-radius: 50%;
        }

        .bcwp .textMediaNarrow-container .media-story .img .youtube-video-object iframe,
        .bcwp .textMediaWide-container .media-story .img .youtube-video-object iframe {
            border-radius: 20px;
        }
    .bcwp .textMediaNarrow-container .media-story .text {
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 1;
        -webkit-flex-basis: 50%;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 50%;
    }
.bcwp .textMediaWide-container .media-story h2{
    padding-left: 60px;
    padding-right: 10px;
    margin-bottom: 20px;
}
    .bcwp .textMediaNarrow-container .media-story h2 {
        padding-left: 60px;
        margin-bottom: 12px;
    }
.bcwp .textMediaWide-container .media-story .media-body {
    padding-left: 60px;
    padding-right: 10px;
    margin-bottom: 30px;
}
.bcwp .textMediaNarrow-container .media-story .media-body {
    padding-left: 60px;
    margin-bottom: 24px;
}
.bcwp .textMediaWide-container .media-story .button-div,
.bcwp .textMediaNarrow-container .media-story .button-div {
    padding-left: 60px;
    padding-right: 10px;
}

.bcwp .textMediaNarrow-container .media-story .inverted h2,
.bcwp .textMediaNarrow-container .media-story .inverted .media-body,
.bcwp .textMediaNarrow-container .media-story .inverted .button-div {
    padding-left: 10px;
    padding-right: 60px;
}

.bcwp .textMediaWide-container .media-story {
    align-items: center;
}
.bcwp .textMediaWide-container .media-story:not(:first-child) {
    margin-top: 16px;
}
.bcwp .textMediaWide-container .media-story {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
    .bcwp .textMediaWide-container .media-story .text {
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 1;
        -webkit-flex-basis: 34%;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 34%;
    }
.bcwp .textMediaWide-container .media-story .img {
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 1;
    -webkit-flex-basis: 66%;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 66%;
}
.bcwp .textMediaWide-container .media-story .inverted h2,
.bcwp .textMediaWide-container .media-story .inverted .media-body,
.bcwp .textMediaWide-container .media-story .inverted .button-div {
    padding-left: 10px;
    padding-right: 60px;
}

    .bcwp .textMediaWide-container .media-story .inverted.text,
    .bcwp .textMediaNarrow-container .media-story .inverted.text {
        order: 1;
    }

    .bcwp .textMediaWide-container .media-story .img.inverted,
    .bcwp .textMediaNarrow-container .media-story .img.inverted {
        order: 2;
    }

/* End Media Story Widget*/


/* Begin Media Widget*/
.bcwp .logo-container .media-widget {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.bcwp .video-container .media-widget {
    max-width: 1100px;
    max-height: 620px;
    margin: 0 auto;
}

/* End Media Widget*/
/* Spiff Widget */
.bcwp .spiffX2-container .spiffX {
    max-width: 685px;
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 1;
    -webkit-flex-basis: 45%;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 45%;
    /*margin-bottom: 10px;*/
}

.bcwp .spiffX3-container .spiffX {
    max-width: 446px;
}

.bcwp .spiffX4-container .spiffX {
    max-width: 328px;
}

.bcwp .spiffX2-container .spiffX:nth-child(even) {
    /*margin-right: 20px;*/
}

.bcwp .spiffX3-container .spiffX,
.bcwp .spiffX4-container .spiffX {
    margin: 0 15px;
}

    .bcwp .spiffX2-container .spiffX img,
    .bcwp .spiffX3-container .spiffX img,
    .bcwp .spiffX4-container .spiffX img {
        vertical-align: top; /* https://stackoverflow.com/questions/7774814/remove-white-space-below-image */
    }
.bcwp .base-container.spiffX2-container.nthOfType,
.bcwp .base-container.spiffX3-container.nthOfType,
.bcwp .base-container.spiffX4-container.nthOfType {
    padding-top: 0;
}

.bcwp .base-container.spiffX2-container .SpiffX2Widget,
.bcwp .base-container.spiffX3-container .SpiffX3Widget,
.bcwp .base-container.spiffX4-container .SpiffX4Widget {
    margin-bottom: 1px;
}
/* End Spiff Widget */
/* Story Widget */
.bcwp .story-container .story {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px 0;
}
.bcwp .story-container .story .text > h2 {
    text-transform: none;
    font-size: 32px;
    line-height: 38px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    margin-bottom: 16px;
    text-align: center;
    color: #061C33;
}
.bcwp .story-container .story .normal-text {
    font-size: 16px;
    line-height: 22px;
    color: #061C33;
}
.bcwp .story-container .story .button-container.flex-parent {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.bcwp .story-container .story ul.button-container  {
    list-style-type: none;
}
.bcwp .story-container .story .button-div {
    margin: 0 15px 20px 0;
    color: #061C33;
}
.bcwp .story-container .story .button-div a {
    font-size: 14px;
    background-color: #061C33;
    border-color: #061C33;
}

.softball.bcwp .story-container .story .text > h2,
.softball.bcwp .story-container .story .normal-text {
    color: #262626;
}

.softball.bcwp .story-container .story .button-div,
.softball.bcwp .story-container .story .button-div a {
    background-color: #262626;
    border-color: #262626;
}
/* End Story Widget */
/* Media Grid Widget */
.bcwp .media-grid-container .media-grid,
.bcwp .media-grid-container .media-grid .media-grid-media,
.bcwp .media-grid-container .media-grid .media-grid-media .media-grid-image-pair {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
}
.bcwp .media-grid-container .media-grid-large-image,
.bcwp .media-grid-container .media-grid-media,
.bcwp .media-grid-container .media-grid-media .media-grid-image-pair .media-grid-small-image {
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-grow: 1;
    flex-shrink: 1;
}
.bcwp .media-grid-container .media-grid-large-image,
.bcwp .media-grid-container .media-grid-media,
.bcwp .media-grid-container .media-grid-media .media-grid-image-pair .media-grid-small-image {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
}

.bcwp .media-grid-container .media-grid-large-image img {
    height: 100%;
    vertical-align: top;
}

.bcwp .media-grid-container .media-grid-image-group.inverted {
    order: 2;
}
.bcwp .media-grid-container .media-grid-media.inverted {
    order: 1;
}

.bcwp .media-grid-container .media-grid {
    margin-bottom: 30px;
}
.bcwp .media-grid-container .media-grid:last-of-type {
    margin-bottom: 0;
}
.bcwp .media-grid-container .media-grid-image-group {
    display: block;
}
.bcwp .media-grid-container .media-grid-media {
    -webkit-flex-direction: column;
    flex-direction: column;
    max-height: 700px;
}
.bcwp .textMediaWide-container .media-story .text:not(.inverted) {
    margin-left: -20px;
}
    .bcwp .textMediaWide-container .sub-base-container .media-story .text .media-inner-text h2 {
        background-color: transparent;
        margin-bottom: 12px;
    }
        .bcwp .textMediaWide-container .sub-base-container .media-story .text .media-body  {
            margin-bottom: 24px;
        }
.bcwp .base-container.textMediaWide-container .sub-base-container {
    padding: 16px 0 24px;
}
.bcwp .textMediaWide-container .media-story .text,
.bcwp .textMediaNarrow-container .media-story .text {
    padding-bottom: 0;
    max-height: 100%;
    max-height: unset !important;
}
    .bcwp .media-grid-container .media-grid-media .media-grid-view-area {
        overflow: hidden;
        overflow-y: auto;
        max-height: 350px;
    }
    .bcwp .textMediaWide-container .media-story .text::-webkit-scrollbar,
    .bcwp .textMediaNarrow-container .media-story .text::-webkit-scrollbar,
    .bcwp .media-grid-container .media-grid-media .media-grid-view-area::-webkit-scrollbar {
        width: 5px;
    }
    .bcwp .textMediaWide-container .media-story .text::-webkit-scrollbar-button,
    .bcwp .textMediaNarrow-container .media-story .text::-webkit-scrollbar-button,
    .bcwp .media-grid-container .media-grid-media .media-grid-view-area::-webkit-scrollbar-button {
        display: none;
    }
    .bcwp .textMediaWide-container .media-story .text::-webkit-scrollbar-track-piece,
    .bcwp .textMediaNarrow-container .media-story .text::-webkit-scrollbar-track-piece,
    .bcwp .media-grid-container .media-grid-media .media-grid-view-area::-webkit-scrollbar-track-piece {
        background: #888;
    }
    .bcwp .textMediaWide-container .media-story .text::-webkit-scrollbar-thumb,
    .bcwp .textMediaNarrow-container .media-story .text::-webkit-scrollbar-thumb,
    .bcwp .media-grid-container .media-grid-media .media-grid-view-area::-webkit-scrollbar-thumb {
        background: #eee;
    }
    .bcwp .textMediaWide-container .media-story .text .media-inner-text,
    .bcwp .textMediaNarrow-container .media-story .text .media-inner-text {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }
.bcwp .media-grid-container .media-grid-media .media-grid-view-area .media-inner-text {

}
    .bcwp .media-grid-container .media-grid-media .media-grid-view-area .media-inner-text {
        padding: 32px 60px;
    }
    .bcwp .media-grid-container .media-grid-media .media-grid-text .media-grid-headline {
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    line-height: 31px;
    font-size: 28px;
    margin-bottom: 12px;
    }

.bcwp .media-grid-container .media-grid-media .media-grid-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 100%;
    max-height: 350px;
    position: relative;
}
.bcwp .media-grid-container .media-grid-media .media-grid-text .media-grid-body {
    line-height: 24px;
    font-size: 16px;
    overflow: hidden;
}

.bcwp .media-grid-container .media-grid-media .media-grid-text .media-grid-button {
    margin-top: 24px;
}

.bcwp .media-grid-container img {
    vertical-align: top; /* https://stackoverflow.com/questions/7774814/remove-white-space-below-image */
    height: 100%;
}

.bcwp .media-grid-container .media-grid-media .media-grid-text #text-teaser {
    position: absolute;
    bottom: 32px;
    left: 0;
    padding: 32px 0;
    width: 100%;
}

.bcwp .media-grid-container .media-grid-media .media-grid-text .blah-bar {
    position: absolute;
    height: 32px;
    width: 100%;
}
.bcwp .media-grid-container .media-grid-media .media-grid-text #blah-bar-1 {
    top: 0;
    right: 0;
} 
.bcwp .media-grid-container .media-grid-media .media-grid-text #blah-bar-2 {
    bottom: 0;
    right: 0;
} 

/* End Media Grid Widget */

.bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget {
    text-align: center;
}
    .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-image-box .lifestylePlusProduct-img {
        -webkit-align-self: center;
        align-self: center;
    }
        .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-image-box .lifestylePlusProduct-img.inverted {
            -webkit-flex-order: 2;
            order: 2;
        }

    .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-image-box .lifestylePlusProduct-product .inverted {
        -webkit-flex-order: 1;
        order: 1;
    }

/* Navigation Bar Widget */
.bcwp .base-container.navigation-bar-container .sub-base-container {
    background: #54565a;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.bcwp .base-container.navigation-bar-container .sub-base-container:before {
    background: -webkit-linear-gradient(90deg, rgba(84,86,89,1), rgba(84,86,89,0));
    background: -moz-linear-gradient(90deg, rgba(84,86,89,1), rgba(84,86,89,0));
    background: linear-gradient(90deg, rgba(84,86,89,1), rgba(84,86,89,0));
    content: "\00a0";
    height: 100%;
    position: absolute;
    left: 10px;
    top: 0;
    width: 20px;
}
.bcwp .base-container.navigation-bar-container .sub-base-container:after {
    background: -webkit-linear-gradient(90deg, rgba(84,86,89,0), rgba(84,86,89,1));
    background: -moz-linear-gradient(90deg, rgba(84,86,89,0), rgba(84,86,89,1));
    background: linear-gradient(90deg, rgba(84,86,89,0), rgba(84,86,89,1));
    content: "\00a0";
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    width: 20px;
}
.bcwp .navigation-bar-container .link-list-widget {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-right: 30px;
    padding-left: 30px;
}
.bcwp .navigation-bar-container .link-list-widget::-webkit-scrollbar {
    display: none;
}
.bcwp .navigation-bar-container .link-list-widget .link-list-link {
    display: inline-block;
    height: 80px;
    vertical-align: middle;
}
.product-list-containers.bcwp .base-container.navigation-bar-container .sub-base-container ul.link-list-widget li.link-list-link a,
body.bcwp .base-container.navigation-bar-container .sub-base-container ul.link-list-widget li.link-list-link a {
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 0 14px 0 15px;
    display: inline-block;
    line-height: 80px;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
}
.bcwp .navigation-bar-container .link-list-widget .link-list-link:after {
    border-right: 1px solid #D54400;
    content: " ";
    font-size: 18px;
    vertical-align: middle;
}
.bcwp .navigation-bar-container .link-list-widget .link-list-link:last-of-type:after {
    border-right: none;
    content: "";
}

/* End Navigation Bar Widget */


/* SpiffMultiLink Widget */

    .bcwp .spiffMultiLink-widget img {
        -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16);
        box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16);
        display: block;
        margin: 0 auto;
    }

    .bcwp .spiffMultiLink-widget .sml-content-container {
        margin: 0 auto;
        text-align: center;
        word-wrap: break-word;
        padding: 16px 30px 0 30px;
        width: 100%;
    }

        .bcwp .spiffMultiLink-widget .sml-content-container h2 {
            font-family: 'figtree-black', 'figtree black', 'figtreeBold', helvetica, arial, sans-serif;
            font-size: 28px;
            line-height: 30px;
            margin-bottom: 4px;
        }

    .bcwp .spiffMultiLink-widget .normal-text { /* sub-headline */
        font-family: 'figtree', helvetica, arial, sans-serif;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 20px;
        text-transform: none;
    }

    .bcwp .spiffMultiLink-widget .multi-links.flex-parent {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }

        .bcwp .spiffMultiLink-widget .multi-links.flex-parent .multi-link {
            -webkit-flex-grow: 0;
            -webkit-flex-shrink: 1;
            flex-grow: 0;
            flex-shrink: 1;
            margin-bottom: 20px;
        }
            .bcwp .spiffMultiLink-widget .multi-links.flex-parent .multi-link a {
                color: #D54400;
                display: block;
                font-family: 'figtreeBold', helvetica, arial, sans-serif;
                font-size: 15px;
                line-height: 15px;
                margin: 0 12px;
                text-decoration: none;
                text-transform: none;
                white-space: nowrap;
            }

                .bcwp .spiffMultiLink-widget .multi-links.flex-parent .multi-link a:hover {
                    color: #D54400;
                    text-decoration: underline;
                }

                .bcwp .spiffMultiLink-widget .multi-links.flex-parent .multi-link a:after { /* technique that avoids icon wrapping early (https://stackoverflow.com/a/38418279) */
                    content: "";
                    background-image: url('/images/icon_orange_forward.svg');
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: contain;
                    font-size: 12px; /* sizing */
                    margin-left: 7px; /* spacing */
                    padding-right: 8px; /* sizing */
                }

/*Since we dont know what container these are in (at that point we know widget level data, not container level), hide one*/
.bcwp .spiffMultiLinkX1-container .bcwp-promo-message-banner {
    display: none;
}
.bcwp .spiffMultiLinkX2-container .bcwp-promo-message-text,
.bcwp .spiffMultiLinkX3-container .bcwp-promo-message-text,
.bcwp .spiffMultiLinkX4-container .bcwp-promo-message-text {
    display: none;
}
    .bcwp .spiffMultiLinkX3-container .bcwp-promo-message-text,
    .bcwp .spiffMultiLinkX4-container .bcwp-promo-message-text {
        font-size: 15px;
        letter-spacing: 0.5px;
    }
    .bcwp .bcwp-promo-message-banner {
        position: absolute;
        bottom: 0px;
        padding-top: 6px;
        padding-right: 11px;
        padding-bottom: 6px;
        padding-left: 16px;
        background-color: #D54400;
        color: #fff;
        font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
        font-size: 15px;
        line-height: 19px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        z-index: 0;
    }
    .bcwp .bcwp-promo-message-banner:after {
        content: " ";
        position: absolute;
        display: block;
        color: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        transform-origin: bottom left;
        -ms-transform: skew(-20deg,0deg);
        -webkit-transform: skew(-20deg,0deg);
        transform: skew(-20deg,0deg);
        background-color: #D54400;
    }


.bcwp .spiffMultiLink-widget .spiffMultiLink-img {
    display: block;
    margin: 0 auto;
    position: relative;
}
.bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .spiffMultiLink-img {
    max-width: 700px;
    width: 50%
}
.bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget .spiffMultiLink-img {
    max-width: 685px;
}
.bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget .sml-content-container-padding {
    max-width: 685px;
    padding: 0 10px;
    margin: 0 auto;
}
.bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget .spiffMultiLink-img {
    max-width: 437px;
}
.bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget .sml-content-container-padding {
    max-width: 437px;
    padding: 0 10px;
    margin: 0 auto;
}

.bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
}
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .sml-content-container-padding {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        -webkit-flex-order: 2;
        order: 2;
        /*Flex For Inner to center*/
        background-color: #F0F0F0;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        width: 50%;
    }
.bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget .sml-content-container-padding.bcwp-sml-padding-bottom .sml-content-container,
.bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget .sml-content-container-padding.bcwp-sml-padding-bottom .sml-content-container,
.bcwp .spiffMultiLinkX4-container .spiffMultiLink-widget .sml-content-container-padding.bcwp-sml-padding-bottom .sml-content-container {
    padding-bottom: 1px;
}
.bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .sml-content-container-padding.inverted {
    -webkit-flex-order: 1;
    order: 1;
}
.bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .spiffMultiLink-img {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-flex-order: 1;
    order: 1;
}
.bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .spiffMultiLink-img.inverted {
    -webkit-flex-order: 2;
    order: 2;
}
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .sml-content-container-padding .sml-content-container {
        width: 72%;
        padding: 0;
        text-align: left;
    }
.bcwp .bcwp-promo-message-text {
    color: #D54400;
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    font-size: 20px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
/*link override for button...*/
.bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .multi-links.flex-parent .multi-link a {
    display: inline-block;
    font-family: 'figtreeBold',helvetica,arial,sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 23px;
    background-color: #061C33 !important;
    color: #fff;
    padding: 10px 22px 10px;
    text-transform: uppercase;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.16);
    margin-right: 16px;
    border-radius: 2px
}
.bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .multi-links.flex-parent .multi-link a:first-of-type {
    margin-left: 0;
}
.bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .multi-links.flex-parent {
    justify-content: flex-start;
}
.bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .multi-links.flex-parent .multi-link {
    margin-bottom: 12px;
}
.bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .multi-links.flex-parent .multi-link a:after {
    margin: 0;
    padding: 0;
    background-image: unset;
}
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .multi-links.flex-parent .multi-link a {
        text-decoration: none;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .multi-links.flex-parent .multi-link a:hover {
        text-decoration: underline;
    }
/* End SpiffMultiLink Widget */
/* end widgets */
/* begin container overrides */
.bcwp .base-container.hero-container,
.bcwp .base-container.heroAndButton-container {
    margin: 0;
    padding: 0;
}

    .bcwp .base-container.hero-container img,
    .bcwp .base-container.heroAndButton-container img {
        height: auto;
        vertical-align: top; /* https://stackoverflow.com/questions/7774814/remove-white-space-below-image */
        width: 100%;
    }

    .bcwp .base-container.heroAndButton-container .button-div {
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
    }

    .bcwp .base-container.hero-container .mobile-hero img {
        display: none !important;
    }

    .bcwp .base-container.hero-container .desktop-hero img {
        display: block;
    }

    @media (max-width: 680px) {
        .bcwp .base-container.hero-container .desktop-hero img {
            display: none;
        }

        .bcwp .base-container.hero-container .mobile-hero img {
            display: block !important;
        }
    }


.bcwp .twoColumnImageText-container .sub-base-container{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}
.bcwp .twoColumnImageText-container .media-story .img {
    margin-bottom: 24px;
}

    .bcwp .twoColumnImageText-container .media-story {
        max-width: 685px;
        margin: 0 auto;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex: 1 1 45%;
        flex: 1 1 45%;
    }

    .bcwp .twoColumnImageText-container .container-title {
        width: 100%;
        padding: 0 15px 24px 15px;
    }

/* SpiffX2 SpiffX3 SpiffX4 overrides*/
.bcwp .spiffX2-container .SpiffX2Widget,
.bcwp .spiffX3-container .SpiffX3Widget,
.bcwp .spiffX4-container .SpiffX4Widget {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .bcwp .spiffX3-container .SpiffX3Widget > div,
    .bcwp .spiffX4-container .SpiffX4Widget > div {
        flex-grow: 1;
        flex-basis: 0;
    }

.bcwp .spiffX2-container .container-title,
.bcwp .spiffX3-container .container-title,
.bcwp .spiffX4-container .container-title {
    font-family: 'figtreeLight',helvetica,arial,sans-serif;
    color: #54565a;
    width: 100%;
    max-width: none;
}

.bcwp .spiffX2-container .media-widget:nth-child(2) {
    margin-right: 10px;
}
/* end SpiffX2 SpiffX3 SpiffX4 overrides*/
.bcwp .logo-container {
    padding: 50px 20% 20px 20%;
}
.bcwp .video-container {
    display: block;
    padding: 50px 10% 60px 10%;
}

/* Brand Carousel overrides */
/* !! based heavily on the homepage version !! */
.bcwp .brandCarousel-container {
    text-align: center;
}

    .bcwp .brandCarousel-container h2 {
        position: absolute; /* keeps this div from adding to the calculated height */
        top: -3px; /* move it down over the border rule */
        left: 50%; /* centering part 1 */
        transform: translateX(-50%); /* centering part 2 */
        overflow: auto;
        background-color: #ffffff;
        color: #54565b;
        display: inline-block;
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 15px;
        line-height: 15px;
        padding: 2px 8px;
        text-transform: uppercase;
    }

    .bcwp .brandCarousel-container .sub-base-container {
        padding-top: 6px;
    }

    .bcwp .brandCarousel-container .brandSlider-widget {
        border-bottom: 1px solid #d9d8d6;
        border-top: 1px solid #d9d8d6;
        height: 90px;
        margin: 0 auto 0 auto;
        width: 94%;
    }
/* end Brand Carousel overrides */

/* #region Imageless Hero Overrides*/
.bcwp .imageless-hero-container {
    max-width: 1200px;
    margin: 0 auto;
}
    .bcwp .imageless-hero-container .story h2 {
        text-transform: none;
        font-size: 62px;
        line-height: 62px;
        color: #54565b;
        text-align: center;
    }
.bcwp .imageless-hero-container .normal-text {
    font-family: 'figtree', helvetica, arial, sans-serif;
    font-size: 36px;
    line-height: 40px;
    color: #898b8e;
} 
/* #endregion Imageless Hero Overrides*/


/* #region Featured Products (X1 and X2) Overrides*/
.bcwp .base-container.productSpotlightX1-container .sub-base-container, 
.bcwp .base-container.productSpotlightX2-container .sub-base-container{
    padding: 40px 0;
}

.bcwp .productSpotlightX1-container .sub-base-container::before,
.bcwp .productSpotlightX2-container .sub-base-container::before {
    content: "Featured Product";
    font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: unset;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #DD4E25;
    margin-bottom: 8px;
}

.bcwp .productSpotlightX1-container .container-title,
.bcwp .productSpotlightX2-container .container-title {
    font-family: 'figtreeLight', helvetica, arial, sans-serif;
    color: #54565A;
    font-size: 21px;
    /*@include rfs(21);*/ 
    line-height: unset;
    padding-bottom: 16px;
}


.bcwp .bcwp-widgets-wrapper.ProductSpotlightX1,
.bcwp .bcwp-widgets-wrapper.ProductSpotlightX2 {
    background-color: #fff;
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.16);
    margin: 0 10px;
}

.bcwp .bcwp-productobjectwithdetails {
    padding: 16px;
    padding-right: 2.3%; /* ~32px @ 1368 */
}

    .bcwp .bcwp-productobjectwithdetails.flex-parent {
        /* flexbox stuff needs to be tested / work on old iPads and above */
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
    }

        .bcwp .bcwp-productobjectwithdetails.flex-parent .bcwp-product-image {
            -webkit-flex-grow: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            flex-shrink: 1;
            -webkit-flex-basis: 25%;
            flex-basis: 25%;

            max-width: 300px;
        }

            .bcwp .bcwp-productobjectwithdetails.flex-parent .bcwp-product-image img {
                vertical-align: top; /* https://stackoverflow.com/questions/7774814/remove-white-space-below-image */
            }

        .bcwp .bcwp-productobjectwithdetails.flex-parent .bcwp-product-text {
            -webkit-flex-grow: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            flex-shrink: 1;
            -webkit-flex-basis: 50%;
            flex-basis: 50%;
            padding-left: 3%; /* ~40px @ 1368 */
        }

        .bcwp .bcwp-productobjectwithdetails.flex-parent .call-to-action-button-container {
            -webkit-flex-grow: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            flex-shrink: 1;
            -webkit-flex-basis: 25%;
            flex-basis: 25%;
            padding-left: 4.3%; /* ~60px @ 1368 */
        }

.bcwp .bcwp-productobjectwithdetails .bcwp-product-text p.product-name {
    color: #54565A;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    margin-bottom: 16px;
}
.bcwp .bcwp-productobjectwithdetails .bcwp-star-ratings-container {
    margin-bottom: 16px;
}

.bcwp .bcwp-productobjectwithdetails .bcwp-product-text p.product-name,
.bcwp .bcwp-productobjectwithdetails.pdp2019 .pdp2019-container .price-box.price-box2 .club-price > span,
.bcwp .bcwp-productobjectwithdetails.pdp2019 .pdp2019-container .price-box.price-box2 .regular-price > span {
    font-size: 21px;
    /*@include rfs(21);*/
    line-height: 23px; /* rfs this? maybe unset? */
    font-style: normal;
}

    .bcwp .bcwp-productobjectwithdetails .family-group-product-link,
    .bcwp .bcwp-productobjectwithdetails .restrictions-container,
    .bcwp .bcwp-productobjectwithdetails .call-to-action-button-container .secondary-buttons {
        display: none; /* the design doesn't include these at this time */
    }

.bcwp .bcwp-productobjectwithdetails .family-group-buttons,
.bcwp .bcwp-productobjectwithdetails .family-group-buttons .button {
    width: 100%;
    padding-top: 0;
}

.bcwp-productobjectwithdetails .call-to-action-button-container .button {
    line-height: 40px;
    white-space: nowrap;
}

/* #endregion Featured Products (X1 and X2) Overrides*/


.bcwp .lifestylePlusProduct-container .container-title {
    font-family: 'figtreeLight', helvetica, arial, sans-serif;
    font-size: 48px;
    line-height: 52px;
}

/*#region tech details carousel*/
.bcwp .base-container.techDetailsCarousel-container {
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
}

    .bcwp .base-container.techDetailsCarousel-container h2 {
        font-family: 'figtreeBold', helvetica, arial, sans-serif;
        font-size: 36px;
        color: #54565A;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        line-height: normal;
    }

    .bcwp .base-container.techDetailsCarousel-container ul.callout-thumbs {
        list-style-type: none;
        text-align: center;
        margin: 10px 0;
    }

        .bcwp .base-container.techDetailsCarousel-container ul.callout-thumbs li {
            display: inline-block;
            margin-right: 25px;
            -moz-opacity: 0.5;
            filter: alpha(opacity=50);
            opacity: 0.5;
            border-bottom: none;
        }

            .bcwp .base-container.techDetailsCarousel-container ul.callout-thumbs li:hover {
                cursor: pointer;
            }

            .bcwp .base-container.techDetailsCarousel-container ul.callout-thumbs li.selected {
                -moz-opacity: 1;
                filter: alpha(opacity=100);
                opacity: 1;
                border-bottom: 2px solid #D54400;
            }

    .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-prev,
    .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-next {
        top: 30%;
    }

        .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-prev::before,
        .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-next::before {
            font-size: 60px;
        }

    .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-prev {
        left: -40px;
    }

    .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-next {
        right: -40px;
    }

    .bcwp .base-container.techDetailsCarousel-container .callout-product {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        flex: 1 100%;
    }

        .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-image,
        .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info {
            flex: 50%;
        }

        .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-image {
            margin: 0 auto;
        }

        .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info {
            padding: 50px;
            background-color: #F7F7F7;
        }

            .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info h3 {
                font-family: 'figtreeLight', helvetica, arial, sans-serif;
                font-size: 32px;
                color: #54565A;
                line-height: 38px;
                text-align: center;
                margin-bottom: 25px;
            }

            .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info ol {
                counter-reset: item;
            }

                .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info ol li {
                    position: relative;
                    font-family: 'figtree', helvetica, arial, sans-serif;
                    font-size: 16px;
                    counter-increment: item;
                    margin-bottom: 35px;
                    margin-left: 50px;
                }

                    .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info ol li:before {
                        position: absolute;
                        top: -5px;
                        left: -50px;
                        font-family: 'figtreeBold', helvetica, arial, sans-serif;
                        font-size: 18px;
                        color: #fff;
                        padding: 3px;
                        content: counter(item);
                        background-color: #D54400;
                        border-radius: 48%;
                        width: 26px;
                        height: 26px;
                        text-align: center;
                        display: inline-block;
                        vertical-align: middle;
                        box-shadow: 0 3px 6px #ccc;
                    }

            .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info .button-box {
                text-align: center;
            }

    /*#region attributes list*/
    /* flexbox stuff needs to be tested / work on old iPads and above */
    .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container img {
            -webkit-flex-grow: 0;
            flex-grow: 0;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            -webkit-flex-basis: 100%;
            flex-basis: 100%;
            max-width: 42px;
            width: 42px;
        }


    .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container {
        background-position: center center;
        margin: 0;
        padding: 30px;
        padding-bottom: 0px;
    }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 15px solid #525357;
            position: absolute;
            top: -15px;
            left: 50%;
            transform: translateX(-50%);
        }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container .attribute-container {
            margin: 0 auto 30px auto;
            width: 275px;
            color: #ffffff;
            font-size: 13px;
        }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container img {
            float: left;
        }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container .text-column {
            padding-left: 52px;
        }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container h3.headline {
            color: #ffffff;
            font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
            font-size: 24px;
            line-height: 24px;
            margin: 0;
            text-align: left;
            white-space: nowrap;
        }
/*#endregion attributes list*/
/*#endregion tech details carousel*/

.bcwp .lifestylePlusProduct-container.theme-medium .lifestylePlusProduct-image-box,
.bcwp .lifestylePlusProduct-container.theme-dark .lifestylePlusProduct-image-box {
    background-color: #FFFFFF;
}
.bcwp .certonaCarousel-container .slider-container,
.bcwp .productCarousel-container .slider-container
{
    padding-bottom: 0;
    padding-top: 0;
}
    .bcwp .certonaCarousel-container .slider-container h2.slider-header {
        border-bottom: 1px solid #d9d9d9;
        line-height: 19px;
        margin-bottom: 10px;
        padding-bottom: 8px;
    }
    .bcwp .certonaCarousel-container .slider-container .slider-header-wrapper {
        border-bottom: none;
        font-size: 20px;
        position: absolute;
        right: 50px;
        text-transform: uppercase;
        top: 0;
    }
        body.bcwp .base-container.certonaCarousel-container .slider-container .slider-header-wrapper a,
        body.bcwp .base-container.productCarousel-container .slider-container .slider-header-wrapper a {
            color: black;
        }

        .bcwp .certonaCarousel-container .slider-container .slider-header-wrapper a:hover {
            text-decoration: underline;
        }
        body.bcwp .base-container.certonaCarousel-container .slider-container .slick-slide a {
            color: black;
        }

.bcwp .certonaCarousel-container .slider-container .slick-dotted.slick-slider,
.bcwp .productCarousel-container .slider-container .slick-dotted.slick-slider {
    margin-bottom: 22px !important;
}

    .bcwp .certonaCarousel-container .CertonaLinkId {
        display: none;
    }

/* spiffMultiLinkX1, spiffMultiLinkX2, spiffMultiLinkX3 overrides*/
.bcwp .spiffMultiLinkX1-container .sub-base-container,
.bcwp .spiffMultiLinkX2-container .sub-base-container,
.bcwp .spiffMultiLinkX3-container .sub-base-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget,
    .bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget,
    .bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget {
        -webkit-flex-grow: 0;
        -webkit-flex-shrink: 1;
        flex-grow: 0;
        flex-shrink: 1;
    }

.bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
}

    .bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget {
        -webkit-flex-basis: 49%;
        flex-basis: 49%;
        -ms-flex-preferred-size: 49%;
    }

    .bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget {
        -webkit-flex-basis: 33%;
        flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
    }
    .bcwp .spiffMultiLinkX1-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container,
    .bcwp .spiffMultiLinkX2-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container,
    .bcwp .spiffMultiLinkX3-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container {
        position: relative;
        z-index: 1;
    }

    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .sml-content-container h2 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 10px;
        text-transform: none;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .normal-text {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget .sml-content-container h2,
    .bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget .sml-content-container h2 {
        text-transform: none;
    }
    .bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget .normal-text,
    .bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget .normal-text { /* sub-headline */
        color: #252A2F;
    }


/* END spiffMultiLinkX1, spiffMultiLinkX2, spiffMultiLinkX3 overrides*/


/* responsiveImageX2, responsiveImageX3, responsiveImageX4 overrides*/
.bcwp .responsiveImageX2-container .container-title,
.bcwp .responsiveImageX3-container .container-title,
.bcwp .responsiveImageX4-container .container-title {
    font-family: 'figtreeLight',helvetica,arial,sans-serif;
    color: #006EB3;
    padding-bottom: 20px;
}

.softball.bcwp .responsiveImageX2-container.theme-dark .container-title,
.softball.bcwp .responsiveImageX3-container.theme-dark .container-title,
.softball.bcwp .responsiveImageX4-container.theme-dark .container-title {
    font-family: 'figtreeLight',helvetica,arial,sans-serif;
    color: #061C33;
    padding-bottom: 20px;
}

.softball.bcwp .responsiveImageX2-container.theme-dark .container-title,
.softball.bcwp .responsiveImageX3-container.theme-dark .container-title,
.softball.bcwp .responsiveImageX4-container.theme-dark .container-title {
    font-family: 'figtreeLight',helvetica,arial,sans-serif;
    color: #262626;
    padding-bottom: 20px;
}

.softball.bcwp .responsiveImageX2-container.theme-light .container-title,
.softball.bcwp .responsiveImageX3-container.theme-light .container-title,
.softball.bcwp .responsiveImageX4-container.theme-light .container-title {
    color: #45ABA6; /*teal*/
}

    .bcwp .responsiveImageX2-container,
    .bcwp .responsiveImageX3-container,
    .bcwp .responsiveImageX4-container {
        display: block;
    }

    .bcwp .responsiveImageX2-container .sub-base-container,
    .bcwp .responsiveImageX3-container .sub-base-container,
    .bcwp .responsiveImageX4-container .sub-base-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .bcwp .responsiveImageX2-container .responsiveImage-widget {
        -webkit-flex-basis: 49%;
        flex-basis: 49%;
        -ms-flex-preferred-size: 49%;
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 1;
        flex-grow: 1;
        flex-shrink: 1;
    }

    .bcwp .responsiveImageX2-container.gutter .responsiveImage-widget {
        -webkit-flex-basis: 40%;
        flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
    }

    .bcwp .responsiveImageX3-container .responsiveImage-widget {
        -webkit-flex-basis: 33%;
        flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 1;
        flex-grow: 1;
        flex-shrink: 1;
    }

    .bcwp .responsiveImageX3-container.gutter .responsiveImage-widget {
        -webkit-flex-basis: 27%;
        flex-basis: 27%;
        -ms-flex-preferred-size: 27%;
    }

    .bcwp .responsiveImageX4-container .responsiveImage-widget {
        -webkit-flex-basis: 24%;
        flex-basis: 24%;
        -ms-flex-preferred-size: 24%;
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 1;
        flex-grow: 1;
        flex-shrink: 1;
    }

    .bcwp .responsiveImageX4-container.gutter .responsiveImage-widget {
        -webkit-flex-basis: 20%;
        flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
    }

    .bcwp .responsiveImage-widget .responsiveImage-img {
        display: block;
        margin: 0 auto;
        position: relative;
    }
    
    .bcwp .responsiveImageX2-container.gutter .responsiveImage-widget:first-of-type {
        margin-right: 30px;
        margin-bottom: 0;
    }

    .bcwp .responsiveImageX2-container .responsiveImage-widget .responsiveImage-img {
        max-width: 700px;
    }

    .bcwp .responsiveImageX3-container.gutter .responsiveImage-widget:first-of-type,
    .bcwp .responsiveImageX3-container.gutter .responsiveImage-widget:nth-child(2) {
        margin-right: 45px;
        margin-bottom: 0;
    }

    .bcwp .responsiveImageX3-container .responsiveImage-widget .responsiveImage-img {
        max-width: 467px;
    }

    .bcwp .responsiveImageX4-container.gutter .responsiveImage-widget:first-of-type,
    .bcwp .responsiveImageX4-container.gutter .responsiveImage-widget:nth-child(2),
    .bcwp .responsiveImageX4-container.gutter .responsiveImage-widget:nth-child(3) {
        margin-right: 38px;
        margin-bottom: 0;
    }

    .bcwp .responsiveImageX4-container .responsiveImage-widget .responsiveImage-img {
        max-width: 350px;
    }

    .bcwp .responsiveImageX2-container .responsiveImage-widget .responsiveImage-img img,
    .bcwp .responsiveImageX3-container .responsiveImage-widget .responsiveImage-img img,
    .bcwp .responsiveImageX4-container .responsiveImage-widget .responsiveImage-img img {
        height: auto;
        width: 100%;
        vertical-align: top;
    }

    .bcwp .responsiveImage-widget .button-div {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -20px;
        z-index: 99;
    }

    .bcwp .base-container.responsiveImageX2-container.theme-dark,
    .bcwp .base-container.responsiveImageX3-container.theme-dark,
    .bcwp .base-container.responsiveImageX4-container.theme-dark,
    .bcwp .base-container.responsiveImageX2-container.theme-dark .sub-base-container,
    .bcwp .base-container.responsiveImageX3-container.theme-dark .sub-base-container,
    .bcwp .base-container.responsiveImageX4-container.theme-dark .sub-base-container {
        background-color: #fff;
    }

    .bcwp .base-container.responsiveImageX2-container.theme-dark .button-div > .bcwp-button,
    .bcwp .base-container.responsiveImageX3-container.theme-dark .button-div > .bcwp-button,
    .bcwp .base-container.responsiveImageX4-container.theme-dark .button-div > .bcwp-button {
        color: #fff;
        background-color: #061C33;
        border-color: #061C33;
    }

.bcwp .base-container.responsiveImageX2-container.theme-light .button-div > .bcwp-button,
.bcwp .base-container.responsiveImageX3-container.theme-light .button-div > .bcwp-button,
.bcwp .base-container.responsiveImageX4-container.theme-light .button-div > .bcwp-button {
    color: #fff;
    background-color: #006EB3;
    border-color: #006EB3;
}

    .softball.bcwp .base-container.responsiveImageX2-container.theme-dark,
    .softball.bcwp .base-container.responsiveImageX3-container.theme-dark,
    .softball.bcwp .base-container.responsiveImageX4-container.theme-dark,
    .softball.bcwp .base-container.responsiveImageX2-container.theme-dark .sub-base-container,
    .softball.bcwp .base-container.responsiveImageX2-container.theme-dark .sub-base-container,
    .softball.bcwp .base-container.responsiveImageX3-container.theme-dark .sub-base-container,
    .softball.bcwp .base-container.responsiveImageX4-container.theme-dark .sub-base-container {
        background-color: #fff;
    }

    .softball.bcwp .base-container.responsiveImageX2-container.theme-dark .button-div > a.bcwp-button,
    .softball.bcwp .base-container.responsiveImageX3-container.theme-dark .button-div > a.bcwp-button,
    .softball.bcwp .base-container.responsiveImageX4-container.theme-dark .button-div > a.bcwp-button {
        color: #fff;
        background-color: #262626;
        border-color: #262626;
    }

    .softball.bcwp .base-container.responsiveImageX2-container.theme-light .button-div > a.bcwp-button,
    .softball.bcwp .base-container.responsiveImageX3-container.theme-light .button-div > a.bcwp-button,
    .softball.bcwp .base-container.responsiveImageX4-container.theme-light .button-div > a.bcwp-button {
        color: #fff;
        background-color: #45ABA6;
        border-color: #45ABA6;
    }


/* END responsiveImageX2, responsiveImageX3, responsiveImageX4 overrides*/

/* end container overrides */



/* begin theme overrides (colors only!) */
.bcwp .theme-light.base-container,
.bcwp .theme-light .sub-base-container,
.bcwp .theme-light.base-container .sub-base-container,
.bcwp .theme-light.base-container .sub-base-container h2 {
    color: #061C33;
    background-color: #FFFFFF;
}

.bcwp .theme-medium.base-container,
.bcwp .theme-medium .sub-base-container,
.bcwp .theme-medium.base-container .sub-base-container,
.bcwp .theme-medium.base-container .sub-base-container h2 {
    color: #061C33;
    background-color: #F5F5F5;
}

.bcwp .theme-dark.base-container,
.bcwp .theme-dark .sub-base-container,
.bcwp .theme-dark.base-container .sub-base-container,
.bcwp .theme-dark.base-container .sub-base-container h2 {
    color: #FFFFFF;
    background-color: #54565A;
}

.bcwp .theme-brown .media-story .text,
.bcwp .theme-brown.base-container .media-story .text,
.bcwp .theme-brown.base-container .media-story .text .media-inner-text,
.bcwp .theme-brown.base-container .media-story .text .media-inner-text h2 {
    color: #FFFFFF;
    background-color: #6D4C41;
}

.bcwp .theme-green .media-story .text,
.bcwp .theme-green.base-container .media-story .text,
.bcwp .theme-green.base-container .media-story .text .media-inner-text,
.bcwp .theme-green.base-container .media-story .text .media-inner-text h2  {
    color: #FFFFFF;
    background-color: #1C5E21;
}

.bcwp .theme-red .media-story .text,
.bcwp .theme-red.base-container .media-story .text,
.bcwp .theme-red.base-container .media-story .text .media-inner-text,
.bcwp .theme-red.base-container .media-story .text .media-inner-text h2 {
    color: #FFFFFF;
    background-color: #D50000;
}

.bcwp .theme-blue .media-story .text,
.bcwp .theme-blue.base-container .media-story .text,
.bcwp .theme-blue.base-container .media-story .text .media-inner-text,
.bcwp .theme-blue.base-container .media-story .text .media-inner-text h2 {
    color: #FFFFFF;
    background-color: #2979FF;
}

.bcwp .theme-bright-green .media-story .text,
.bcwp .theme-bright-green.base-container .media-story .text,
.bcwp .theme-bright-green.base-container .media-story .text .media-inner-text,
.bcwp .theme-bright-green.base-container .media-story .text .media-inner-text h2 {
    color: #FFFFFF;
    background-color: #019E60;
}

.bcwp .theme-brown.base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n),
.bcwp .theme-green.base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n),
.bcwp .theme-red.base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n),
.bcwp .theme-blue.base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n),
.bcwp .theme-bright-green.base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n) {
    color: #FFFFFF;
    background-color: #252A2F;
}

    .bcwp .theme-brown.base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n):hover,
    .bcwp .theme-green.base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n):hover,
    .bcwp .theme-red.base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n):hover,
    .bcwp .theme-blue.base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n):hover,
    .bcwp .theme-bright-green.base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n):hover {
        background-color: #353e46;
    }


.bcwp .content-theme-brown .media-story .text,
.bcwp .content-theme-brown.sub-base-container .media-story .text,
.bcwp .content-theme-brown.sub-base-container .media-story .text .media-inner-text,
.bcwp .content-theme-brown.sub-base-container .media-story .text .media-inner-text h2 {
    color: #FFFFFF;
    background-color: #6D4C41;
}

.bcwp .content-theme-green .media-story .text,
.bcwp .content-theme-green.sub-base-container .media-story .text,
.bcwp .content-theme-green.sub-base-container .media-story .text .media-inner-text,
.bcwp .content-theme-green.sub-base-container .media-story .text .media-inner-text h2  {
    color: #FFFFFF;
    background-color: #1C5E21;
}

.bcwp .content-theme-red .media-story .text,
.bcwp .content-theme-red.sub-base-container .media-story .text,
.bcwp .content-theme-red.sub-base-container .media-story .text .media-inner-text,
.bcwp .content-theme-red.sub-base-container .media-story .text .media-inner-text h2 {
    color: #FFFFFF;
    background-color: #D50000;
}

.bcwp .content-theme-blue .media-story .text,
.bcwp .content-theme-blue.sub-base-container .media-story .text,
.bcwp .content-theme-blue.sub-base-container .media-story .text .media-inner-text,
.bcwp .content-theme-blue.sub-base-container .media-story .text .media-inner-text h2 {
    color: #FFFFFF;
    background-color: #2979FF;
}

.bcwp .content-theme-bright-green .media-story .text,
.bcwp .content-theme-bright-green.sub-base-container .media-story .text,
.bcwp .content-theme-bright-green.sub-base-container .media-story .text .media-inner-text,
.bcwp .content-theme-bright-green.sub-base-container .media-story .text .media-inner-text h2 {
    color: #FFFFFF;
    background-color: #019E60;
}

.bcwp .content-theme-brown.sub-base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n),
.bcwp .content-theme-green.sub-base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n),
.bcwp .content-theme-red.sub-base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n),
.bcwp .content-theme-blue.sub-base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n),
.bcwp .content-theme-bright-green.sub-base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n) {
    color: #FFFFFF;
    background-color: #252A2F;
}

.bcwp .content-theme-brown.sub-base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n):hover,
.bcwp .content-theme-green.sub-base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n):hover,
.bcwp .content-theme-red.sub-base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n):hover,
.bcwp .content-theme-blue.sub-base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n):hover,
.bcwp .content-theme-bright-green.sub-base-container .media-story .text .media-inner-text .button-div > .bcwp-button:nth-of-type(n):hover {
    background-color: #353e46;
}


.bcwp .base-container.media-grid-container .sub-base-container.content-theme-light .media-grid .media-grid-media .media-grid-text,
.bcwp .base-container.media-grid-container .sub-base-container.content-theme-light .media-grid .media-grid-media .media-grid-text .blah-bar {
    background-color: #ffffff;
}

.bcwp .base-container.media-grid-container .sub-base-container.content-theme-medium .media-grid .media-grid-media .media-grid-text,
.bcwp .base-container.media-grid-container .sub-base-container.content-theme-medium .media-grid .media-grid-media .media-grid-text .blah-bar {
    background-color: #F5F5F5;
}

.bcwp .base-container.media-grid-container .sub-base-container.content-theme-dark .media-grid .media-grid-media .media-grid-text,
.bcwp .base-container.media-grid-container .sub-base-container.content-theme-dark .media-grid .media-grid-media .media-grid-text .blah-bar {
    background-color: #252A2F;
}

.bcwp .base-container.media-grid-container .sub-base-container.content-theme-light .media-grid .media-grid-media .media-grid-text #text-teaser {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #fff));
}

.bcwp .base-container.media-grid-container .sub-base-container.content-theme-medium .media-grid .media-grid-media .media-grid-text #text-teaser {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #F5F5F5));
}

.bcwp .base-container.media-grid-container .sub-base-container.content-theme-dark .media-grid .media-grid-media .media-grid-text #text-teaser {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #54565a));
}

.bcwp .base-container.spiffMultiLinkX1-container.theme-light,
.bcwp .base-container.spiffMultiLinkX2-container.theme-light,
.bcwp .base-container.spiffMultiLinkX3-container.theme-light,
.bcwp .base-container.spiffMultiLinkX4-container.theme-light {
    background-color: #fff;
}

.bcwp .base-container.spiffMultiLinkX1-container.theme-dark,
.bcwp .base-container.spiffMultiLinkX2-container.theme-dark,
.bcwp .base-container.spiffMultiLinkX3-container.theme-dark,
.bcwp .base-container.spiffMultiLinkX4-container.theme-dark {
    background-color: #54565a;
}

.bcwp .base-container.spiffMultiLinkX1-container.theme-light .sub-base-container,
.bcwp .base-container.spiffMultiLinkX2-container.theme-light .sub-base-container,
.bcwp .base-container.spiffMultiLinkX3-container.theme-light .sub-base-container,
.bcwp .base-container.spiffMultiLinkX4-container.theme-light .sub-base-container {
    background-color: #fff;
}

.bcwp .spiffMultiLinkX1-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container-padding,
.bcwp .spiffMultiLinkX1-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container-padding .sml-content-container h2,
.bcwp .spiffMultiLinkX2-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container-padding,
.bcwp .spiffMultiLinkX2-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container-padding .sml-content-container h2,
.bcwp .spiffMultiLinkX3-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container-padding,
.bcwp .spiffMultiLinkX3-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container-padding .sml-content-container h2,
.bcwp .spiffMultiLinkX4-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container-padding,
.bcwp .spiffMultiLinkX4-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container-padding .sml-content-container h2 {
    background-color: #252A2F;
}

.bcwp .spiffMultiLinkX1-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container .normal-text,
.bcwp .spiffMultiLinkX2-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container .normal-text,
.bcwp .spiffMultiLinkX3-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container .normal-text,
.bcwp .spiffMultiLinkX4-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container .normal-text,
.bcwp .spiffMultiLinkX1-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container h2,
.bcwp .spiffMultiLinkX2-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container h2,
.bcwp .spiffMultiLinkX3-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container h2,
.bcwp .spiffMultiLinkX4-container .sub-base-container.content-theme-dark .spiffMultiLink-widget .sml-content-container h2 {
    color: #fff;
}

.bcwp .spiffMultiLinkX1-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container-padding,
.bcwp .spiffMultiLinkX1-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container-padding .sml-content-container h2,
.bcwp .spiffMultiLinkX2-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container-padding,
.bcwp .spiffMultiLinkX2-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container-padding .sml-content-container h2,
.bcwp .spiffMultiLinkX3-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container-padding,
.bcwp .spiffMultiLinkX3-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container-padding .sml-content-container h2,
.bcwp .spiffMultiLinkX4-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container-padding,
.bcwp .spiffMultiLinkX4-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container-padding .sml-content-container h2 {
    background-color: #F0F0F0;
}

.bcwp .spiffMultiLinkX1-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container .normal-text,
.bcwp .spiffMultiLinkX2-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container .normal-text,
.bcwp .spiffMultiLinkX3-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container .normal-text,
.bcwp .spiffMultiLinkX4-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container .normal-text,
.bcwp .spiffMultiLinkX1-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container h2,
.bcwp .spiffMultiLinkX2-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container h2,
.bcwp .spiffMultiLinkX3-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container h2,
.bcwp .spiffMultiLinkX4-container .sub-base-container.content-theme-light .spiffMultiLink-widget .sml-content-container h2 {
    color: #252A2F;
}

.bcwp .content-theme-light.sub-base-container,
.bcwp .content-theme-light.sub-base-container .media-inner-text {
    color: #54565A;
}

.bcwp .content-theme-medium.sub-base-container,
.bcwp .content-theme-medium.sub-base-container .media-inner-text {
    color: #54565A;
}

.bcwp .content-theme-dark.sub-base-container,
.bcwp .content-theme-dark.sub-base-container .media-inner-text {
    color: #FFFFFF;
}

/* end theme overrides */
/* Club Exclusive */
.bcwp .base-container.buyersClubExclusive-container .sub-base-container {
    z-index: 1;
}
.bcwp .base-container.theme-orangetexture .sub-base-container {
    background-color: #D54400;
}
.bcwp .base-container.theme-greytexture .sub-base-container {
    background-color: #54565a;
}

    .bcwp .base-container.theme-greytexture .sub-base-container:after,
    .bcwp .base-container.theme-orangetexture .sub-base-container:after {
        content: "";
        display: block;
        position: absolute;
        background-repeat: repeat;
        -ms-opacity: 0.75;
        opacity: 0.75;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
    }

    .bcwp .base-container.theme-greytexture .sub-base-container:after {
        background-image: url(/images/SPG_topography_Inverse.svg);
    }
    .bcwp .base-container.theme-orangetexture .sub-base-container:after {
        background-image: url(/images/SPG_topography.svg);
    }
.bcwp .club-exclusive-widget-1,
.bcwp .club-exclusive-widget-2 {
    padding: 40px 100px;
}
.bcwp .club-exclusive-widget-3 {
    padding: 24px 40px;
}
.bcwp .club-exclusive-promo {
    display: inline-block;
    vertical-align: middle;
}
.bcwp .club-exclusive-widget-1 .club-exclusive-promo {
    width: 49%;
}
.bcwp .club-exclusive-widget-2 .club-exclusive-promo {
    width: 43%;
    margin-right: 0.8%;
}
.bcwp .club-exclusive-widget-3 .club-exclusive-promo {
    width: 29%;
}
.bcwp .club-exclusive-widget-1 .exclusive-image,
.bcwp .club-exclusive-widget-2 .exclusive-image {
    display: inline-block;
    margin-right: 32px;
}
.bcwp .club-exclusive-widget-3 .exclusive-image {
    padding-bottom: 16px;
}
.bcwp .exclusive-image object {
    filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.2));
}
.bcwp .club-exclusive-widget-1 .exclusive-image object,
.bcwp .club-exclusive-widget-2 .exclusive-image object {
    width: 130px;
}
.bcwp .club-exclusive-widget-3 .exclusive-image object {
    width: 80px;
}
.bcwp .club-exclusive-widget-1 .club-exclusive-promo-text,
.bcwp .club-exclusive-widget-2 .club-exclusive-promo-text {
    display: inline-block;
}
.bcwp .club-exclusive-widget-3 .club-exclusive-promo-text {
    display: block;
}
.bcwp .exclusive-title {
    font-size: 18px;
    letter-spacing: 2px;
    color: #ffffff;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.bcwp .buyersClubExclusive-container .exclusive-text {
    font-size: 46px;
    line-height: 54px;
    color: #ffffff;
    font-family: 'figtreeLight', helvetica, arial, sans-serif;

}
.bcwp .club-exclusives-ss {
    display: inline-block;
    vertical-align: middle;
}
    .bcwp .club-exclusives-ss .inner-wrap {
        border-collapse: separate;
        display: table;
    }
.bcwp .club-exclusive-widget-1 .club-exclusives-ss .inner-wrap {
    border-spacing: 0;
}
.bcwp .club-exclusive-widget-2 .club-exclusives-ss .inner-wrap {
    border-spacing: 24px 0;
}
.bcwp .club-exclusive-widget-3 .club-exclusives-ss .inner-wrap {
    border-spacing: 12px 0;
}
.bcwp .club-exclusive-widget-1 .club-exclusives-ss {
    width: 50%;
}
.bcwp .club-exclusive-widget-2 .club-exclusives-ss {
    width: 55%;
}
.bcwp .club-exclusive-widget-3 .club-exclusives-ss {
    width: 70%;
}
.bcwp .exclusive-product {
    background-color: #ffffff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
    display: table-cell;
}
.bcwp .club-exclusive-widget-2 .exclusive-product {
    width: 45%;
    max-width: 320px;
    position: relative;
}
.bcwp .club-exclusive-widget-3 .exclusive-product {
    width: 31%;
    max-width: 320px;
    position: relative;
}
.bcwp .exclusive-product a {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
.bcwp .club-exclusive-widget-2 .exclusive-product:nth-of-type(n+2) {
    margin-left: 24px;
}
.bcwp .club-exclusive-widget-3 .exclusive-product:nth-of-type(n+2) {
    margin-left: 12px;
}
.bcwp .club-exclusive-widget-1 .exclusive-product-image {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
}
.bcwp .buyersClubExclusive-container .exclusive-product img {
    width: 320px;
    vertical-align: top;
}
.bcwp .exclusive-product-item {
    padding: 16px 20px;
}
.bcwp .club-exclusive-widget-1 .exclusive-product-item {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
.bcwp .title-text {
    color: #54565a;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    margin-bottom: 16px;
    min-height: 42px;
}
.bcwp .club-exclusive-widget-1 .title-text {
    font-size: 24px;
    line-height: 30px;
}
.bcwp .club-exclusive-widget-2 .title-text,
.bcwp .club-exclusive-widget-3 .title-text {
    font-size: 18px;
    line-height: 21px;
}
.bcwp .exclusive-product-item .club-price {
    color: #D54400;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    margin-bottom: 8px
}
.bcwp .club-exclusive-widget-1 .exclusive-product-item .club-price {
    font-size: 18px;
    line-height: 21px;
}
.bcwp .club-exclusive-widget-2 .exclusive-product-item .club-price,
.bcwp .club-exclusive-widget-3 .exclusive-product-item .club-price {
    font-size: 15px;
    line-height: 18px;
}
.bcwp .exclusive-product-item .sub-text {
    color: #a6a6a6;
    font-size: 15px;
    font-family: 'figtree', helvetica, arial, sans-serif;
    line-height: 18px;
}
/* End Club Exclusive */

/* PLP Containers */
.bcwp.product-list-containers.null-search,
.bcwp.product-list-containers.null-search .brandCarousel-container h2 {
    background-color: #fff;
}
.bcwp.product-list-containers {
    background-color: #f0f0f0;
    max-width: 100%;
}
    .bcwp.product-list-containers.null-search {
        margin-top: 60px !important;
    }
.page-wrapper > .bcwp.product-list-containers {
    background-color: #fff;
}
.bcwp.product-list-containers.below-content-containers {
    clear: both;
    padding-top: 50px;
    background-color: #fff;
}
.bcwp.product-list-containers .SEOTopAbstract {
    padding: 0 20px;
    margin: 0 auto;
    text-align: center;
}
.bcwp.product-list-search {
    font-size: 24px;
    color: #54565a;
    margin-bottom: 12px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
    text-align: center;
}
    .bcwp.product-list-search p:first-of-type {
        margin-top: 5px; 
    }
    .bcwp.product-list-search p {
        font-size: 14px;
        line-height: 19px;
        color: #54565a;
        margin-bottom: 0;
    }
.bcwp.product-list-containers .seo-title {
    font-size: 24px;
    color: #54565a;
    margin-bottom: 12px;
    font-family: 'figtreeBold', helvetica, arial, sans-serif;
}
    .bcwp.product-list-containers .seo-top {
        font-size: 14px;
        line-height: 19px;
        color: #54565a;
    }
    .bcwp.product-list-containers .spiffX2-container,
    .bcwp.product-list-containers .spiffX3-container,
    .bcwp.product-list-containers .spiffX4-container {
        padding-top: 16px;
        padding-left: 20px;
    }
        .bcwp.product-list-containers .spiffX2-container .media-widget,
        .bcwp.product-list-containers .spiffX3-container .media-widget,
        .bcwp.product-list-containers .spiffX4-container .media-widget {
            margin-right: 20px;
            margin-left: 0;
        }
    .bcwp.product-list-containers .base-container.lastBaseContainer {
        padding-bottom: 20px;
    }
.bcwp.product-list-containers.null-search .seo-top-abstract-container {
    display: none;
}
.bcwp.product-list-containers .seo-top-abstract-container .sub-base-container{
    padding-top: 16px;
    padding-bottom: 8px;
}
.bcwp.product-list-containers .seo-top-abstract-container .page-title {
    margin-top: 0;
    margin-bottom: 0;
}
    .bcwp.product-list-containers .seo-top-abstract-container .page-title .seo-top {
        margin-bottom: 20px;
    }
    .bcwp.product-list-containers .brandCarousel-container h2 {
        background-color: #ffffff;
    }
    
    .bcwp.product-list-containers .seo-top-abstract-container.firstBaseContainer {
        padding-top: 16px;
    }
.bcwp.product-list-search {
    text-align: left;
    max-width: 89%;
    margin: 0 auto 12px auto;
}

    .bcwp.product-list-search h1,
    .bcwp.product-list-search h1.page-title,
    .bcwp.product-list-search h2,
    .bcwp.product-list-search p {
        text-transform: none;
    }
    .bcwp.product-list-search h1.no-results {
        margin-top: 40px;
        line-height: 1.3;
    }
    .bcwp.product-list-search p.double-check {
        text-transform: none;
        font-size: 16px;
        line-height: 21px;
        margin-top: 12px;
        margin-bottom: 8px;
    }
    .bcwp.product-list-search #search-feedback {
        margin-bottom: 0px;
        font-family: 'figtree', helvetica, arial, sans-serif;
        font-size: 16px;
        line-height: 21px;
        color: #2a61ff;
    }
    .bcwp.product-list-search #search-feedback img {
        display: none;
    }
/* End PLP Containers */

.bcwp .skyscraper-container .media-widget img {
    display: block;
    margin: 0 auto;
}

.bcwp .certonaCarousel-container .certona_init_ph {
    min-width: 1400px;
    min-height: 453px;
}

.bcwp .event-page .breadcrumbs.container {
    max-width: 1400px;
    margin: 0;
}

.bcwp .event-page .breadcrumbs.container h1 {
    font-family: 'figtree', helvetica, arial, sans-serif;
    line-height: 18px;
    font-size: 12px;
    display: inline;
}

.bcwp .breadcrumbs.container {
    max-width: 1400px;
}

.bcwp .base-container:first-of-type {
    padding-top: 0 !important;
}

.bcwp .base-container.padding-top-Zero {
    padding-top: 0;
}

.bcwp .base-container.padding-top-Small {
    padding-top: 2px;
}

.bcwp .base-container.padding-top-Medium {
    padding-top: 10px;
}

.bcwp .base-container.padding-top-Large {
    padding-top: 30px;
}

.bcwp .base-container.padding-top-XLarge {
    padding-top: 60px;
}

.bcwp .base-container.padding-bottom-Zero {
    padding-bottom: 0;
}

.bcwp .base-container.padding-bottom-Small {
    padding-bottom: 2px;
}

.bcwp .base-container.padding-bottom-Medium {
    padding-bottom: 10px;
}

.bcwp .base-container.padding-bottom-Large {
    padding-bottom: 30px;
}

.bcwp .base-container.padding-bottom-XLarge {
    padding-bottom: 60px;
}

.bcwp .theme-brown.base-container .media-story .text .media-inner-text .media-body p a,
.bcwp .theme-green.base-container .media-story .text .media-inner-text .media-body p a,
.bcwp .theme-red.base-container .media-story .text .media-inner-text .media-body p a,
.bcwp .theme-blue.base-container .media-story .text .media-inner-text .media-body p a,
.bcwp .theme-bright-green.base-container .media-story .media-inner-text .media-body p a,
.bcwp .theme-orange.base-container .media-story .media-inner-text .media-body p a,
.bcwp .theme-dark.base-container .sub-base-container .media-story .text .media-inner-text .media-body p a,
.bcwp .theme-dark.base-container .sub-base-container .story .text .normal-text p a,
.bcwp .theme-dark.base-container .sub-base-container .media-grid .medie-grid-text .media-grid-inner-text .media-grid-body p a {
    color: white;
    text-decoration: underline;
}

/* Navigation Container */
.bcwp .base-container .navigation-widget {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    min-height: 160px;
    position: relative;
    width: 100%;
}
    .bcwp .base-container .navigation-widget .overlay {
        background: rgba(0, 0, 0, 0.25);
        height: 100%;
        width: 100%;
        min-height: 160px;
    }
    .bcwp .base-container .navigation-widget .overlay.no-title {
        background: none;
    }
    .bcwp .base-container .navigation-widget .form-container {
        margin-bottom: 0;
    }
    .bcwp .base-container .navigation-widget h2 {
        color: white;
        font-family: 'figtree-black', helvetica, arial, sans-serif;
        font-size: 32px;
        line-height: calc(100% + 4px);
        margin-top: 8px;
        text-align: center;
    }
    .bcwp .base-container .navigation-widget md-input-container {
        margin-bottom: 0;
        margin-top: -8px;
    }
    .bcwp .base-container .navigation-widget md-input-container.no-title {
        margin-top: 0;
    }
    .bcwp .base-container .navigation-widget button {
        width: 250px !important;
    }
    body.bcwp .navigation-widget .form-container form button.md-button.md-sg-material-theme.pseudo-select {
        border-bottom: 2px solid #D54400;
    }
    .bcwp .navigation-widget .form-container form button.md-button.md-sg-material-theme.pseudo-select span.md-select-icon {
        position: absolute;
        right: 15px;
    }
    #navPanel.md-panel {
        width: 250px;
    }
    #navPanel.md-panel a {
        height: 36px;
    }
    .category-view .breadcrumbs h2 {
        display: inline-block;
        font-size: 12px;
    }


.bcwp .wysiwyg-container .wysiwyg {
    margin: 0 auto;
    padding: 0 15px;
}

.bcwp .container-bottom-button {
    text-align: center;
    margin-top: 16px;

}

.bcwp .sub-base-container > .container-bottom-button > a {
    background-color: #006EB3;
    border-color: #006EB3;
}

.softball.bcwp .container-bottom-button > a {
    background-color: #2B8E89;
    border-color: #2B8E89;
}
/* Business Controlled Web Pages (bcwp class on body tag) - media queries */

/* DO NOT MAKE NEW MEDIA QUERIES */
/* DO NOT MAKE NEW MEDIA QUERIES */
/* DO NOT MAKE NEW MEDIA QUERIES */

@media screen and (min-width: 1128px) { /*gorilla standard*/
    /* begin Global */

    /* end Global */


    /* begin objects */

    /* end objects */


    /* begin widgets */  
    /* end widgets */


    /* begin container overrides */
    .bcwp .twoColumnImageText-container .media-story {
        margin: 0 auto;
    }

    /*#region tech details carousel*/
    /*#region attributes list*/
    .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container {
        padding: 58px;
        padding-bottom: 0px;
    }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container .attribute-container {
            margin-bottom: 58px;
            width: 30%;
        }
    /*#endregion attributes list*/
    /*#endregion tech details carousel*/

    /* end container overrides */
}
/* END @media screen and (min-width: 1128px) */


@media screen and (max-width: 1400px) { /*non-standard, but our page is now designed to max out at 1400px*/
    /* begin Global */

    /* end Global */


    /* begin objects */

    /* end objects */


    /* begin widgets */

    /* end widgets */


    /* begin container overrides */
    .bcwp .event-page .breadcrumbs.container {
        margin: 0 5px;
    }
    /* end container overrides */

}
/* END @media screen and (max-width: 1400px) */


@media screen and (max-width: 1060px) { /*gorilla standard*/
    /* begin Global */

    /* end Global */


    /* begin objects */
    .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-image-box {
        align-items: center;
        max-width: none;
    }
    .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-product {
        padding: 10px;
    }
        .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-product img {
            max-width: 265px;
        }
    /* end objects */


    /* begin widgets */
    .bcwp .spiffX3-container .media-widget,
    .bcwp .spiffX4-container .media-widget {
        margin: 0 10px;
    }
    /* end widgets */


    /* begin container overrides */
    .bcwp .twoColumnImageText-container .primary-button a.button {
        padding: 5px 15px;
        font-size: 14px;
        line-height: 17px;
    }

    .bcwp .twoColumnImageText-container .media-story {
        margin: 0 auto;
    }

    /*#region tech details carousel*/
    .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info {
        padding: 25px;
    }

        .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info h3 {
            font-size: 26px;
            line-height: 32px;
        }

        .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info ol li {
            margin-bottom: 25px;
            font-size: 15px;
        }

            .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info ol li:before {
                font-size: 16px;
                height: 24px;
                width: 24px;
            }

    /*#region attributes list*/
    .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container {
        padding: 40px;
        padding-bottom: 0px;
    }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container .attribute-container {
            margin-bottom: 40px;
            min-width: 255px;
            width: 40%;
        }
    /*#endregion attributes list*/

    /*#endregion end tech details carousel*/
    /* end container overrides */

}
/* END @media screen and (max-width: 1060px) */


@media screen and (max-width: 960px) { /*gorilla standard*/
    /* begin Global */
    .bcwp .container-title {
        font-size: 28px;
        line-height: 33px;
    }
    /* end Global */


    /* begin objects */
    .bcwp .bcwp-product-text p:nth-child(1) {
        font-size: 26px;
        line-height: 26px;
    }

    .bcwp .bcwp-product-text p:nth-child(2) {
        font-size: 22px;
        line-height: 24px;
    }

    .bcwp .youtube123-container .youtube-video-object {
        align-self: center;
    }
    /* end objects */


    /* begin widgets */
    .bcwp .spiffMultiLink-widget {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .bcwp .spiffMultiLink-widget .sml-content-container-padding {
        width: 100%;
        flex-grow: 1;
        align-content: start;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget {
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 0 10px;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .spiffMultiLink-img {
        width: 100%
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .sml-content-container-padding {
        width: 100%;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .spiffMultiLink-img.inverted {
        -webkit-flex-order: 1;
        order: 1;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .sml-content-container-padding.inverted {
        -webkit-flex-order: 2;
        order: 2;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .sml-content-container-padding {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .sml-content-container-padding .sml-content-container {
        width: 84%;
        padding-top: 16px;
        padding-bottom: 10px;
        text-align: left;
    }
    .bcwp .bcwp-promo-message-text {
        font-family: 'figtreeBlack';
        font-size: 18px;
        margin-bottom: 8px;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .sml-content-container h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 12px;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .normal-text {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 24px;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .multi-links.flex-parent .multi-link a {
        margin-right: 12px;
    }
  .bcwp .media-grid-container .media-grid {
        display: block;
        text-align: center;
        max-width: 700px;
        margin: auto auto 30px auto;
        padding: 0 10px;
    }
    .bcwp .media-grid-container .media-grid:last-of-type {
        margin: auto;
    }
    .bcwp .media-grid-container .media-grid-image-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .bcwp .media-grid-container .media-grid-media {
        max-height: inherit;
    }
    .bcwp .media-grid-container .media-grid .media-grid-media .media-grid-text {
        max-height: 100%;
    }
    .bcwp .media-grid-container .media-grid .media-grid-media .media-grid-text .media-inner-text {
        padding: 20px 10px 32px;
    }
    .bcwp .media-grid-container .media-grid-media .media-grid-text #text-teaser,
    .bcwp .media-grid-container .media-grid-media .media-grid-text .blah-bar {
        display: none;
    }
    .bcwp .media-grid-container .media-grid-media .media-grid-text .media-grid-headline {
        line-height: 33px;
        font-size: 28px;
    }
    .bcwp .media-grid-container .media-grid-media .media-grid-text .media-grid-body {
        line-height: 24px;
        font-size: 16px;
    }
    .bcwp .media-grid-container .media-grid-large-image {
        -webkit-flex-basis: 66%;
        flex-basis: 66%;
    }
    .bcwp .media-grid-container .media-grid-image-pair {
        display: block;
        -webkit-flex-basis: 34%;
        flex-basis: 34%;
    }
    .bcwp .media-grid-container .media-grid-large-image.inverted {
        order: 1;
    }
    .bcwp .media-grid-container .media-grid-media.inverted {
        order: 2;
    }
    .bcwp .media-grid-container .media-grid-media .media-grid-text .vcenter {
        position: relative;
        top: 0;
        transform: translateY(0);
    }
    .bcwp .textMediaWide-container .media-story .text,
    .bcwp .textMediaNarrow-container .media-story .text,
    .bcwp .media-grid-container .media-grid-media .media-grid-view-area {
        padding-bottom: 0;
        padding-top: 0;
        max-height: 100%;
    }
    .bcwp .textMediaWide-container .media-story .text .media-inner-text,
    .bcwp .textMediaNarrow-container .media-story .text .media-inner-text,
    .bcwp .media-grid-container .media-grid-media .media-grid-view-area .media-inner-text {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .bcwp .textMediaWide-container .media-story,
    .bcwp .textMediaNarrow-container .media-story {
        display: block;
        text-align: center;
        margin-bottom: 50px;
    }

        .bcwp .textMediaWide-container .media-story:last-of-type,
        .bcwp .textMediaNarrow-container .media-story:last-of-type {
            margin-bottom: 0;
        }

        .bcwp .textMediaWide-container .media-story .img,
        .bcwp .textMediaNarrow-container .media-story .img {
            margin-bottom: 16px;
        }

        .bcwp .textMediaWide-container .media-story .text h2,
        .bcwp .textMediaNarrow-container .media-story .text h2 {
            padding: 0 15px;
            margin: 0 0 12px 0;
        }

        .bcwp .textMediaWide-container .media-story .text .media-body,
        .bcwp .textMediaNarrow-container .media-story .text .media-body {
            padding: 0 15px;
            margin: 0 0 24px 0;
        }

        .bcwp .textMediaWide-container .media-story .text .button-div,
        .bcwp .textMediaNarrow-container .media-story .text .button-div {
            padding: 0;
            margin: 0;
        }

        .bcwp .textMediaNarrow-container .media-story #map {
            width: calc(100% - 40px);
            margin-bottom: 20px;
        }

        .bcwp .textMediaNarrow-Container .media-story {
            margin-top: 50px;
        }

        .bcwp .textMediaNarrow-container .media-story .img {
            width: 100%;
        }
        .bcwp .textMediaNarrow-container .media-story .img .youtube-video-object iframe {
            width: 435px;
            height: 246px;
        }

    .bcwp .textMediaNarrow-container .text h2 {
        font-size: 21px;
        line-height: 27px;
    }

    .bcwp .textMediaNarrow-container .media-story .img .youtube-title {
        line-height: 19px;
        font-size: 16px;
        text-align: left;
    }

    .bcwp .textMediaNarrow-container .text .media-body {
        font-size: 14px;
        line-height: 18px;
    }

    .bcwp .base-container.heroAndButton-container .button-div {
        bottom: inherit;
        margin-top: -20px;
        position: relative;
    }

    .bcwp .textMediaWide-container .media-story {
        margin-top: 0;
    }

    .bcwp .twoColumnImageText .text .media-body,
    .bcwp .twoColumnImageText .container-title {
        padding-left: 15px;
        padding-right: 15px;
    }
        .bcwp .media-grid-container .media-grid-media .media-grid-view-area .media-inner-text {
            width: 100%;
        }
    .bcwp .navigation-bar-container .link-list-widget .link-list-link a {
        font-size: 16px;
    }
    /* end widgets */

    /* begin container overrides */
    .bcwp .twoColumnImageText-container .sub-base-container,
    .bcwp .twoColumnImageText-container .media-story {
        display: block; /* stop being flex-boxes */
    }

        .bcwp .twoColumnImageText-container .media-story {
            margin: 0 auto;
        }
        .bcwp .twoColumnImageText-container .media-story:nth-of-type(2n-1) {
            margin-bottom: 48px;
        }
        .bcwp .twoColumnImageText-container .text h2 {
            margin-bottom: 12px;
        }
        .bcwp .twoColumnImageText-container .media-story .media-inner-text .button-div {
            padding: 0 15px;
        }

    /* imageless hero overrides*/
    .bcwp .imageless-hero-container .story {
        padding: 0 2.5%;
    }
    .bcwp .imageless-hero-container .story h2 {
        font-size: 50px;
        line-height: 54px;
    }
    .bcwp .imageless-hero-container .normal-text {
        font-size: 30px;
        line-height: 36px;
    } 
    .bcwp .story-container .story {
        padding-left: 15px;
        padding-right: 15px;
    }
    .bcwp .story-container .story .normal-text p {
        line-height: 1 !important;
    }
    /* end imageless hero overrides */

    /*#region tech details carousel*/
    .bcwp .base-container.techDetailsCarousel-container.no-padding-mobile {
        padding: 0;
    }

    .bcwp .base-container.techDetailsCarousel-container .callout-product {
        flex-direction: column;
    }

    .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-prev,
    .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-next {
        top: 20%;
    }

    .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-prev {
        left: 0;
    }

    .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-next {
        right: 0;
    }

    .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-image,
    .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info {
        padding: 25px;
        flex: none;
    }

        .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info h3 {
            font-size: 32px;
            line-height: 38px;
        }

        .bcwp .base-container.techDetailsCarousel-container .callout-product .callout-info ol li {
            margin-bottom: 35px;
            font-size: 16px;
        }
    /*#endregion tech details carousel*/

    /*club exclusive*/
    .bcwp .club-exclusives-ss .inner-wrap {
        border-collapse: unset;
        border-spacing: unset;
        display: block;
    }
    .bcwp .club-exclusives-ss .inner-wrap .exclusive-product {
        display: block;
    }
    .bcwp .club-exclusives-ss .inner-wrap .exclusive-product  .exclusive-product-item {
        min-height: 160px;
    }
    .bcwp .club-exclusives-ss .slick-track {
        display: flex !important;
    }
    .bcwp .club-exclusives-ss .slick-track .slick-slide {
        height: inherit!important;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: auto;
    }
    .bcwp .club-exclusive-widget-1,
    .bcwp .club-exclusive-widget-2,
    .bcwp .club-exclusive-widget-3 {
        padding: 24px 0 50px 0;
    }
    .bcwp .club-exclusive-widget-1 .club-exclusive-promo,
    .bcwp .club-exclusive-widget-2 .club-exclusive-promo,
    .bcwp .club-exclusive-widget-3 .club-exclusive-promo {
        display: block;
        width: 342px;
        margin: 0 auto 24px auto;
    }
    .bcwp .club-exclusive-widget-1 .exclusive-image object,
    .bcwp .club-exclusive-widget-2 .exclusive-image object,
    .bcwp .club-exclusive-widget-3 .exclusive-image object {
        width: 80px;
    }
    .bcwp .club-exclusive-widget-1 .exclusive-image,
    .bcwp .club-exclusive-widget-2 .exclusive-image,
    .bcwp .club-exclusive-widget-3 .exclusive-image {
        display: inline-block;
        vertical-align: middle;
        margin-right: 24px;
        padding-bottom: 0;
    }
    .bcwp .club-exclusive-widget-1 .club-exclusive-promo-text,
    .bcwp .club-exclusive-widget-2 .club-exclusive-promo-text,
    .bcwp .club-exclusive-widget-3 .club-exclusive-promo-text {
        display: inline-block;
        vertical-align: middle;
    }
    .bcwp .exclusive-title {
        font-size: 14px;
    }
    .bcwp .buyersClubExclusive-container .exclusive-text {
        font-family: 'figtreeLight', helvetica, arial, sans-serif;
        font-size: 32px;
        line-height: 38px;
    }
    .bcwp .club-exclusive-widget-1 .exclusive-product-image {
        width: 100%;
    }
    .bcwp .club-exclusive-widget-1 .exclusive-product-item {
        width: 100%;
    }
    .bcwp .club-exclusive-widget-1 .title-text,
    .bcwp .club-exclusive-widget-2 .title-text,
    .bcwp .club-exclusive-widget-3 .title-text {
        font-size: 21px;
        line-height: 24px;
    }
    .bcwp .club-exclusive-widget-1 .club-price,
    .bcwp .club-exclusive-widget-2 .club-price,
    .bcwp .club-exclusive-widget-3 .club-price {
        font-size: 18px;
        line-height: 21px;
    }
    .bcwp .club-exclusive-widget-1 .sub-text,
    .bcwp .club-exclusive-widget-2 .sub-text,
    .bcwp .club-exclusive-widget-3 .sub-text {
        font-size: 18px;
        line-height: 21px;
    }
    .bcwp .club-exclusive-widget-1 .club-exclusives-ss,
    .bcwp .club-exclusive-widget-2 .club-exclusives-ss,
    .bcwp .club-exclusive-widget-3 .club-exclusives-ss {
        width: 320px;
        display: block;
        margin: 0 auto;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
    }
    .bcwp .club-exclusives-ss .slick-track {
        display: block !important;
    }
    .bcwp .theme-orangetexture .club-exclusives-ss .slick-dots li.slick-active button:before, .bcwp .club-exclusives-ss .slick-dots li.slick-active button:before {
        color: #fff;
    }
    .bcwp .club-exclusives-ss .slick-dots {
        bottom: -35px;
    }
    .bcwp .club-exclusives-ss .slick-next {
        right: -23px;
    }
    .bcwp .club-exclusives-ss .slick-next {
        right: -35px;
    }
    .bcwp .theme-orangetexture .club-exclusives-ss .slick-dots li button:before {
        opacity: 1;
        color: #a80100;
    }
    .bcwp .club-exclusives-ss .slick-arrow.slick-prev::before,
    .bcwp .club-exclusives-ss .slick-arrow.slick-next::before {
        opacity: 1;
        color: #ffffff;
        font-size: 50px;
    }
    /*end club exclusive*/

    /* end container overrides */

    .bcwp .base-container.padding-top-Medium {
        padding-top: 8px;
    }

    .bcwp .base-container.padding-top-Large {
        padding-top: 24px;
    }

    .bcwp .base-container.padding-top-XLarge {
        padding-top: 40px;
    }

    .bcwp .base-container.padding-bottom-Medium {
        padding-bottom: 8px;
    }

    .bcwp .base-container.padding-bottom-Large {
        padding-bottom: 24px;
    }

    .bcwp .base-container.padding-bottom-XLarge {
        padding-bottom: 40px;
    }

    .bcwp.product-list-search h1, 
    .bcwp.product-list-search h2, 
    .bcwp.product-list-search p {
        padding-left: 0;
    }

    .bcwp.product-list-search h1.no-results {
        margin-top: 24px;
    }

    .bcwp .responsiveImageX3-container .sub-base-container,
    .bcwp .responsiveImageX2-container .sub-base-container,
    .bcwp .responsiveImageX4-container .sub-base-container {
        padding: 0 10px;
    }
}
/* END @media screen and (max-width: 960px) */


@media screen and (max-width: 900px) { /*gorilla standard*/
    /* begin Global */

    /* end Global */


    /* begin objects */

    /* end objects */


    /* begin widgets */
    .bcwp .spiffX4-container .media-widget {
        display: inline-block;
    }

    .bcwp .spiffX3-container .media-widget,
    .bcwp .spiffX4-container .media-widget {
        margin: 0 15px;
    }

    .bcwp .spiffX4-container .media-widget:nth-child(4),
    .bcwp .spiffX4-container .media-widget:nth-child(5) {
        margin-top: 30px;
    }
    /* end widgets */


    /* begin container overrides */

    .bcwp .spiffX4-container {
        display: block;
        text-align: center;
    }
    /* end container overrides */
}
/* END @media screen and (max-width: 900px) */


@media screen and (max-width: 768px) { /*gorilla standard*/
    /* begin Global */

    /* end Global */


    /* begin objects */
    .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-image-box .lifestylePlusProduct-img img {
        display: inline;
    }
    .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-product {
        padding: 0;
    }
    .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-product img {
        max-width: 100%;
    }
    /* end objects */


    /* begin widgets */
    .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-image-box {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    /* end widgets */


    /* begin container overrides */

    /* #region Featured Products (X1 and X2) Overrides*/
    .bcwp .bcwp-productobjectwithdetails.flex-parent {
        display: block;
    }

    .bcwp .bcwp-productobjectwithdetails {
        padding: 16px;
    }

        .bcwp .bcwp-productobjectwithdetails.flex-parent .bcwp-product-image {
            margin: 0 auto 16px auto;
        }

        .bcwp .bcwp-productobjectwithdetails .price-box2.border-bottom {
            margin-bottom: 0;
        }

        .bcwp .bcwp-productobjectwithdetails .bcwp-price-block {
            margin-bottom: 24px;
        }

        .bcwp .bcwp-productobjectwithdetails.flex-parent .bcwp-product-text,
        .bcwp .bcwp-productobjectwithdetails.flex-parent .call-to-action-button-container,
        .bcwp .bcwp-productobjectwithdetails.flex-parent .call-to-action-button-container .family-group-buttons {
            max-width: 100%;
            padding: 0;
        }

            .bcwp .bcwp-productobjectwithdetails.flex-parent .call-to-action-button-container .family-group-buttons {
                text-align: center;
            }

                .bcwp .bcwp-productobjectwithdetails.flex-parent .call-to-action-button-container .family-group-buttons .button {
                    width: unset;
                    bottom: 0;
                }

        .bcwp .bcwp-productobjectwithdetails.flex-parent .rating-box-large {
            display: inline-block;
        }

    .bcwp .bcwp-widgets-wrapper.ProductSpotlightX2 > div:first-of-type {
        margin-bottom: 40px;
    }

    /* #endregion Featured Products (X1 and X2) Overrides*/

    /* end container overrides */
}
/* END @media screen and (max-width: 768px) */


@media screen and (max-width: 730px) { /*gorilla standard*/
    /* begin Global */


    .bcwp.home .lastBaseContainer {
        padding-bottom: 1px; /* class applied via jQuery */
    }

    .bcwp .container-title {
        font-size: 24px;
        line-height: 28px;
    }
    /* end Global */


    /* begin objects */
    .bcwp .spiffX2-container .SpiffX2Widget .spiffX img,
    .bcwp .spiffX3-container .SpiffX3Widget .spiffX img,
    .bcwp .spiffX4-container .SpiffX4Widget .spiffX img {
        display: block;
    }

    .bcwp .base-container.spiffX2-container .SpiffX2Widget.firstOfType,
    .bcwp .base-container.spiffX3-container .SpiffX3Widget.firstOfType,
    .bcwp .base-container.spiffX4-container .SpiffX4Widget.firstOfType {
        padding-bottom: 1px; /* class applied via jQuery */
    }

    .bcwp .base-container.spiffX2-container .SpiffX2Widget.nthOfType,
    .bcwp .base-container.spiffX3-container .SpiffX3Widget.nthOfType,
    .bcwp .base-container.spiffX4-container .SpiffX4Widget.nthOfType {
        padding-bottom: 1px; /* class applied via jQuery */
    }

    .bcwp .base-container.spiffX2-container .SpiffX2Widget.lastOfType,
    .bcwp .base-container.spiffX3-container .SpiffX3Widget.lastOfType,
    .bcwp .base-container.spiffX4-container .SpiffX4Widget.lastOfType {
        padding-bottom: 30px; /* class applied via jQuery */
    }

        .bcwp .base-container.spiffX2-container .SpiffX2Widget.lastOfType.lastBaseContainer,
        .bcwp .base-container.spiffX3-container .SpiffX3Widget.lastOfType.lastBaseContainer,
        .bcwp .base-container.spiffX4-container .SpiffX4Widget.lastOfType.lastBaseContainer {
            padding-bottom: 60px; /* class applied via jQuery */
        }

    .bcwp .base-container.spiffX2-container .SpiffX2Widget > div,
    .bcwp .base-container.spiffX3-container .SpiffX3Widget > div,
    .bcwp .base-container.spiffX4-container .SpiffX4Widget > div {
        padding-bottom: 1px;
    }

    .bcwp .base-container.spiffX2-container .SpiffX2Widget,
    .bcwp .base-container.spiffX3-container .SpiffX3Widget,
    .bcwp .base-container.spiffX4-container .SpiffX4Widget {
        margin-bottom: 0;
    }

    .bcwp .bcwp-product-text p:nth-child(1) {
        font-size: 23px;
        line-height: 23px;
    }

    .bcwp .bcwp-product-text p:nth-child(2) {
        font-size: 19px;
        line-height: 22px;
    }
    .bcwp .lifestylePlusProduct-container .lifestylePlusProduct-widget .lifestylePlusProduct-product img {
        margin-top: 20px;
        max-width: 100%;
    }
    /* end objects */


    /* begin widgets */
    .bcwp .spiffX2-container .SpiffX2Widget .spiffX:nth-child(2) {
        margin-right: 0;
        margin: 0 auto;
    }

    .bcwp .spiffX4-container .SpiffX4Widget .spiffX:nth-child(4),
    .bcwp .spiffX4-container .SpiffX4Widget .spiffX:nth-child(5) {
        margin-top: 0;
    }
    .bcwp .spiffX4-container .SpiffX4Widget .spiffX {
        display: block;
    }
    .bcwp .spiffX2-container .SpiffX2Widget .spiffX,
    .bcwp .spiffX3-container .SpiffX3Widget .spiffX,
    .bcwp .spiffX4-container .SpiffX4Widget .spiffX {
        margin: 0 auto;
    }
    /* end widgets */


    /* begin container overrides */

    .bcwp .spiffX2-container .SpiffX2Widget,
    .bcwp .spiffX3-container .SpiffX3Widget,
    .bcwp .spiffX4-container .SpiffX4Widget {
        display: block;
    }
    .bcwp .story-container .story .text h2 {
        font-size: 30px;
        line-height: 33px;
        margin-bottom: 12px;
        color: #061C33;
    }
    .bcwp .story-container .story .normal-text {
        font-size: 20px;
        line-height: 28px;
    }
    .bcwp .lifestylePlusProduct-container .container-title {
        font-size: 40px;
        line-height: 47px;
    }
    .bcwp.product-list-containers .spiffX2-container .SpiffX2Widget,
    .bcwp.product-list-containers .spiffX3-container .SpiffX3Widget,
    .bcwp.product-list-containers .spiffX4-container .SpiffX4Widget {
        padding-top: 8px;
        padding-right: 20px;
    }
        .bcwp.product-list-containers .spiffX2-container .SpiffX2Widget .spiffX,
        .bcwp.product-list-containers .spiffX3-container .SpiffX3Widget .spiffX,
        .bcwp.product-list-containers .spiffX4-container .SpiffX4Widget .spiffX {
            margin-top: 8px;
            margin-right: 0;
            max-width: none;
        }
            .bcwp.product-list-containers .spiffX2-container .SpiffX2Widget .spiffX img,
            .bcwp.product-list-containers .spiffX3-container .SpiffX3Widget .spiffX img,
            .bcwp.product-list-containers .spiffX4-container .SpiffX4Widget .spiffX img {
                margin: 0 auto;
            }
    .bcwp.product-list-containers .spiffX3-container .media-widget:nth-of-type(3n) {
        margin-bottom: 0;
    }
    .bcwp.product-list-containers .seo-top-abstract-container {
        padding-top: 0;
        padding-bottom: 0;
    }
        .bcwp.product-list-containers .seo-top-abstract-container .sub-base-container {
            padding-top: 8px;
            padding-bottom: 0;
        }
    .bcwp.product-list-containers .base-container.lastBaseContainer {
        padding-bottom: 20px;
    }


    /* spiffMultiLinkX1, spiffMultiLinkX2, spiffMultiLinkX3 overrides*/
    .bcwp .spiffMultiLinkX1-container .sub-base-container,
    .bcwp .spiffMultiLinkX2-container .sub-base-container,
    .bcwp .spiffMultiLinkX3-container .sub-base-container {
        display: block; /* full width */
    }

        .bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget,
        .bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget {
            margin-bottom: 50px;
        }

            .bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget:last-of-type,
            .bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget:last-of-type {
                margin-bottom: 0px;
            }
        .bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget,
        .bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget {
            padding: 0 10px;
        }
            .bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget .sml-content-container-padding,
            .bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget .sml-content-container-padding {
                padding: 0;
            }
    .bcwp .spiffMultiLink-widget .sml-content-container h2 {
        font-size: 24px;
        line-height: 27px;
    }
    .bcwp .spiffMultiLinkX1-container .spiffMultiLink-widget .sml-content-container .normal-text {
        font-size: 16px;
        line-height: 21px;
    }
    .bcwp .spiffMultiLink-widget .sml-content-container .normal-text {
        font-size: 15px;
        line-height: 18px;
    }
    .bcwp .bcwp-promo-message-banner {
        font-size: 15px;
    }
    .bcwp .spiffMultiLinkX2-container .spiffMultiLink-widget .sml-content-container h2,
    .bcwp .spiffMultiLinkX3-container .spiffMultiLink-widget .sml-content-container h2 {
        font-size: 24px;
        line-height: 27px;
    }
    /* END spiffMultiLinkX1, spiffMultiLinkX2, spiffMultiLinkX3 overrides*/

    /* responsiveImageX2, responsiveImageX3, responsiveImageX4 overrides*/
    .bcwp .responsiveImageX2-container .sub-base-container,
    .bcwp .responsiveImageX3-container .sub-base-container {
        flex-direction: column;
    }

    .bcwp .responsiveImage-widget {
        margin-top: -4px;
    }

    .bcwp .responsiveImageX2-container .responsiveImage-widget .responsiveImage-img,
    .bcwp .responsiveImageX3-container .responsiveImage-widget .responsiveImage-img,
    .bcwp .responsiveImageX4-container .responsiveImage-widget .responsiveImage-img {
        max-width: 100%;
        text-align: center;
    }

    .bcwp .responsiveImageX2-container.gutter .responsiveImage-widget:first-of-type {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .bcwp .responsiveImageX2-container .responsiveImage-widget .responsiveImage-img img,
    .bcwp .responsiveImageX3-container .responsiveImage-widget .responsiveImage-img img,
    .bcwp .responsiveImageX4-container .responsiveImage-widget .responsiveImage-img img {
        width: auto;
    }

    .bcwp .responsiveImageX3-container.gutter .responsiveImage-widget:first-of-type,
    .bcwp .responsiveImageX3-container.gutter .responsiveImage-widget:nth-child(2) {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .bcwp .responsiveImageX4-container .responsiveImage-widget {
        flex-basis: 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
    }

    .bcwp .responsiveImageX4-container.gutter .responsiveImage-widget {
        flex-basis: 40%;
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
    }

    .bcwp .responsiveImageX4-container.gutter .responsiveImage-widget:first-of-type,
    .bcwp .responsiveImageX4-container.gutter .responsiveImage-widget:nth-child(3) {
        margin-right: 15px;
    }

    .bcwp .responsiveImageX4-container.gutter .responsiveImage-widget:nth-child(2) {
        margin-right: 0;
    }
    /* END responsiveImageX2, responsiveImageX3, responsiveImageX4 overrides*/

    /* end container overrides */

}



/* END @media screen and (max-width: 730px) */


@media screen and (max-width: 680px) { /*gorilla standard*/
    /* begin Global */

    /* end Global */


    /* begin objects */

    /* end objects */


    /* begin widgets */
    .bcwp .spiffMultiLink-widget {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .bcwp .spiffMultiLink-widget .sml-content-container-padding {
        width: 100%;
        flex-grow: 1;
        align-content: start;
    }
    /* end widgets */


    /* begin container overrides */

    /*#region tech details carousel*/
    /*#region attributes list*/
    .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container {
        padding: 20px;
        padding-bottom: 0px;
    }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container img {
            width: 36px;
        }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container .attribute-container {
            margin-bottom: 20px;
        }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container .text-column {
            padding-left: 46px;
        }
    /*#endregion attributes list*/
    /*#endregion tech details carousel*/

    .bcwp .base-container .navigation-widget,
    .bcwp .base-container .navigation-widget .overlay {
        min-height: 140px;
    }
        .bcwp .base-container .navigation-widget.no-title,
        .bcwp .base-container .navigation-widget .overlay.no-title {
            min-height: 80px;
        }
        .bcwp .base-container .navigation-widget h2 {
            font-size: 24px;
            line-height: calc(100% + 4px);
        }
        .bcwp .base-container .navigation-widget md-input-container {
            margin-top: -3px;
        }
        .bcwp .base-container .navigation-widget md-input-container.no-title {
            margin-top: 0;
        }

    .bcwp .textMediaWide-container .media-story .text:not(.inverted) {
        margin-left: 0;
    }

    /* end container overrides */
}
/* END @media screen and (max-width: 680px) */


@media screen and (max-width: 560px) { /*gorilla standard*/
    /* begin Global */

    /* end Global */


    /* begin objects */

    /* end objects */


    /* begin widgets */

    /* end widgets */


    /* begin container overrides */


    /*#region tech details carousel*/
    /*#region attributes list*/
    .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container {
        padding: 40px;
    }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container .text-column {
            padding-left: 52px;
        }

        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container .attribute-container {
            margin-bottom: 20px;
            width: 100%;
        }


        .bcwp .base-container.techDetailsCarousel-container .attribute-list-flex-container div.attribute-container:last-of-type {
            margin-bottom: 0px;
        }
    /*#endregion tech details carousel*/

    /*#endregion attributes list*/
    /* end container overrides */

}
/* END @media screen and (max-width: 560px) */


@media screen and (max-width: 480px) { /*gorilla standard*/
    /* begin Global */
    .bcwp .productCarousel-container .sub-base-container {
        padding: 0;
    }
    /* end Global */


    /* begin objects */
    .bcwp .productCarousel-container .shop-all a,
    .bcwp .certonaCarousel-container .shop-all a {
        font-size: 20px;
        color: #000;
        text-transform: uppercase;
        font-family: 'figtreeBoldCondensed', helvetica, arial, sans-serif;
    }
    .bcwp .productCarousel-container .shop-all.bottom,
    .bcwp .certonaCarousel-container .shop-all.bottom {
        left: 0;
        margin: 0 auto;
        width: 100px;
        text-align: center;
    }
    /* end objects */


    /* begin widgets */

    /* spiffMultiLink-widget overrides*/
        .bcwp .spiffMultiLink-widget .sml-content-container h2 {
            font-size: 28px;
            line-height: 28px;
        }

        .bcwp .spiffMultiLink-widget .sml-content-container .normal-text {
            font-size: 15px;
            line-height: 17px;
        }

    /* END spiffMultiLink-widget overrides*/

    /* end widgets */


    /* begin container overrides */
    .bcwp .base-container.heroAndButton-container .button-div {
        margin-top: -12px;
    }
    .bcwp .navigation-bar-container .link-list-widget .link-list-link {
        height: 60px;
    }
    .bcwp .navigation-bar-container .link-list-widget .link-list-link a {
        font-size: 14px;
        line-height: 60px;
    }

    /* imageless hero overrides*/
    .bcwp .imageless-hero-container .story h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .bcwp .imageless-hero-container .normal-text {
        font-size: 24px;
        line-height: 28px;
    } 
    /* end imageless hero overrides */
    .bcwp .productCarousel-container .container-title {
        font-size: 32px;
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
    }

    .bcwp .story-container .story .text h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 12px;
    }
    .bcwp .story-container .story .normal-text {
        font-size: 16px;
        line-height: 24px;
    }
    .bcwp .story-container .story .button-div .bcwp-button {
        padding: 10px 12px 11px;
    }
    .bcwp .media-grid-container .media-grid-media .media-grid-text .media-grid-headline {
        line-height: 28px;
        font-size: 24px;
    }
    .bcwp .media-grid-container .media-grid-media .media-grid-text .media-grid-body {
        line-height: 24px;
        font-size: 16px;
    }
    .bcwp .lifestylePlusProduct-container .container-title {
        font-size: 32px;
        line-height: 38px;
    }

    /*#region tech details carousel*/
    .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-prev,
    .bcwp .base-container.techDetailsCarousel-container .callout-slider .slick-slider .slick-next {
        top: 10%;
    }

    /*#endregion tech details carousel*/

    /*club exclusive*/
    .bcwp .club-exclusive-widget-1 .exclusive-image,
    .bcwp .club-exclusive-widget-2 .exclusive-image,
    .bcwp .club-exclusive-widget-3 .exclusive-image {
        display: block;
        margin: 0 auto 10px auto;
        width: 80px;
    }
    .bcwp .club-exclusive-widget-1 .club-exclusive-promo-text,
    .bcwp .club-exclusive-widget-2 .club-exclusive-promo-text,
    .bcwp .club-exclusive-widget-3 .club-exclusive-promo-text {
        text-align: center;
    }
    .bcwp .club-exclusive-widget-1 .club-exclusive-promo,
    .bcwp .club-exclusive-widget-2 .club-exclusive-promo,
    .bcwp .club-exclusive-widget-3 .club-exclusive-promo {
        width: 242px;
    }
    .bcwp .club-exclusive-widget-1 .club-exclusives-ss,
    .bcwp .club-exclusive-widget-2 .club-exclusives-ss,
    .bcwp .club-exclusive-widget-3 .club-exclusives-ss {
        width: 280px;
    }
    /*end club exclusive*/

    /* #region Featured Products (X1 and X2) Overrides*/

    .bcwp .bcwp-productobjectwithdetails.flex-parent .product-name,
    .bcwp .bcwp-productobjectwithdetails.flex-parent .bcwp-star-ratings-container {
        text-align: center;
    }

    .bcwp .bcwp-productobjectwithdetails .bcwp-product-text p.product-name {
        font-size: 18px;
        /*@include rfs(21);*/
        line-height: 20px; /* rfs this? maybe unset? */
    }

    .bcwp .bcwp-productobjectwithdetails.pdp2019 .pdp2019-container .price-box.price-box2 .club-price > span,
    .bcwp .bcwp-productobjectwithdetails.pdp2019 .pdp2019-container .price-box.price-box2 .regular-price > span {
        font-size: 16px;
        /*@include rfs(21);*/
        line-height: 18px; /* rfs this? maybe unset? */
    }

    .bcwp .bcwp-productobjectwithdetails.flex-parent .call-to-action-button-container .family-group-buttons .button {
        width: 100%;
    }

    /* #endregion Featured Products (X1 and X2) Overrides*/
    /* Product Carousel Overrides */
    .bcwp .productCarousel-container h2.container-title {
        margin-bottom: 8px;
    }
    /* End Product Carousel Overrides */

    .bcwp .textMediaWide-container .sub-base-container .media-story .text .media-inner-text h2 {
        font-size: 24px;
        line-height: calc(100% + 4px);
    }

    .bcwp .textMediaNarrow-container .media-story .img .youtube-video-object iframe {
        width: 320px;
        height: 180px;
    }


    /* end container overrides */
}
/* END @media screen and (max-width: 480px) */


@media screen and (max-width: 320px) { /*gorilla standard*/
    /* begin Global */

    /* end Global */


    /* begin objects */

    /* end objects */


    /* begin widgets */

    /* end widgets */


    /* begin container overrides */
    /* imageless hero overrides*/
    .bcwp .imageless-hero-container .story h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .bcwp .imageless-hero-container .normal-text {
        font-size: 20px;
        line-height: 24px;
    }
    /* end imageless hero overrides */

    .bcwp .bc2025-club-container#home-club-container .bc2025-club-main-container .bc2025-content-container .bc2025-club-details li:nth-child(2) {
        width: min-content;
    }

    .bcwp .bc2025-club-container#home-club-container .bc2025-club-main-container .image-container > img {
        width: 115px;
    }
    /* end container overrides */
}
/* END @media screen and (max-width: 320px) */