/* -----------------------------------------------------------------------------
Title:			Netmatter Framework CSS - Magento 2x
Author:			Netmatter Ltd
Author URI:		https://www.netmatter.co.uk/

TABLE OF CONTENTS

:: Resets - located in grid.css, loaded prior to default.css
:: Fonts
:: HTML
	:: section
	:: grouping content
	:: text-level semantics
	:: embedded content
	:: links
	:: tabular data
	:: forms & buttons
:: Generic
	:: utilities
	:: social links as icons
    :: flexslider
:: Magento Generic
	:: float clearing
	:: system messages & errors
	:: cookie notice
	:: tooltips
	:: loading spinner
	:: links
	:: forms
	:: buttons & actions
	:: actions-toolbar buttons and actions
:: Magento Content
	:: blocks
	:: page titles
	:: admin-controlled content (wysiwyg)
	:: data tables
	:: widgets
	:: reviews
:: Magento Off Canvas
:: Header
    :: menu toggle
	:: logo
	:: search
	:: minicart
:: Menu
:: Breadcrumbs
:: Products
	:: items
	:: images
	:: details
	:: prices
	:: availability
	:: wish list, compare and email links
:: Categories
	:: content
	:: subcategories (landing page layout)
	:: sidebar main (layered navigation)
	:: sidebar additional (products, compare, widgets)
	:: toolbar
	:: pagination
	:: products
:: Search results
:: Product, Netmatter Custom Layouts
:: Product
	:: images
	:: main info
	:: prices
	:: add to
	:: product info tabs
	:: product info tabs - description
	:: product info tabs - attributes
	:: product info tabs - reviews
	:: configurable
	:: bundle
	:: grouped
	:: downloadable
	:: virtual
:: Related Products
:: Upsell Products
:: Product Compare
:: Cart
	:: cart tables
	:: cross sell
	:: cart summary
	:: estimate shipping & tax
	:: coupons
	:: totals
	:: cart summary widgets
	:: checkout multishipping
	:: checkout methods
:: Checkout
	:: global
	:: signin
	:: progress bar
	:: estimated total
	:: checkout messages
	:: checkout wrapper & steps
	:: shipping addresses
	:: shipping methods
	:: payment methods
	:: coupons
	:: sidebar, order summary
	:: sidebar, order summary, products in cart
	:: sidebar, order summary, shipping
	:: checkout success
:: Account
	:: login, register
	:: forgot password
	:: sidebar
	:: global
	:: forms
	:: dashboard, reviews
	:: dashboard, orders
	:: orders
	:: orders, downloadable
	:: account information
	:: payment methods
	:: billing agreements
	:: reviews
	:: newsletter
	:: wishlist
	:: compare
:: CMS Pages
	:: home
	:: contact
	:: 404
:: Footer
	:: newsletter
	:: copyright
:: Responsive
	:: min-width: 320px
	:: min-width: 360px
	:: min-width: 480px
	:: min-width: 600px
	:: min-width: 768px
	:: max-width: 768px
	:: min-width: 1024px
	:: max-width: 1024px
	:: min-width: 1100px
	:: min-width: 1200px
	:: min-width: 1280px
	:: min-width: 1400px
	:: min-width: 1600px
----------------------------------------------------------------------------- */

/* -----------------------------------------------
:: Fonts
----------------------------------------------- */

@font-face {
    font-family: 'luma-icons';
    src: url('../fonts/Luma-Icons.eot');
    src: url('../fonts/Luma-Icons.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Luma-Icons.woff2') format('woff2'),
    url('../fonts/Luma-Icons.woff') format('woff'),
    url('../fonts/Luma-Icons.ttf') format('truetype'),
    url('../fonts/Luma-Icons.svg#luma-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}





/* -----------------------------------------------
:: HTML
----------------------------------------------- */

/*
:: sections
*/
body {
    /*
    font-size 	100%	(16px)
    line-height 1.5em 	(24px)
    */
    font:100%/1.5 Arial, Helvetica, sans-serif;
    font-size:14px; font-size:0.875rem;
    color: #444;
    overflow-x: hidden;
}

::-moz-selection 	{ background: #f7f7f7; }
::selection 		{ background: #f7f7f7; }

h1, h2, h3, h4, h5, h6 {
    color: #000;
    line-height: 1.25em;
}

h1	{
    margin: 0 0 0.25em 0;
    font-size: 28px; font-size: 1.75rem;
}

h2, h3, h4, h5, h6 {
    margin-bottom: 0.5em;
    padding-top: 0.75em;
}

h2 {
    margin: 0 0 0.5em 0;
    font-size: 24px; font-size: 1.5rem;
}

h3 {
    margin-bottom: 0.5em;
}

h3, h4, h5, h6 {
    font-size: 20px; font-size: 1.25rem;
}

/*
:: grouping content
*/
p,
address {
    margin-bottom:1.25em;
    font-size: 12px; font-size: 0.75rem;
}

ul, ol {
    margin-bottom:1.25em;
    list-style-type:none;
    list-style-position:outside;
}

li {
    font-size: 14px; font-size: 0.875rem;
}

hr {
    border-top: 1px solid #bbbbbb;
}

blockquote {
    position:relative;
    margin: 1.75em 0 1.5em 0;
    padding:1.25em 2.75em 1.25em 2.75em;
    font-size:12px; font-size:0.75rem;
    border: 1px solid #c3b89d;
}

blockquote:before {
    content: " ";
    left: 50%;
    height: 12px;
    margin-left: -115px;
    position: absolute;
    top: -12px;
    width: 230px;
}

figure {
    margin-bottom: 0.75em;
}

/*
:: text-level semantics
*/
q::before {
    content:open-quote;
}

q::after {
    content:close-quote;
}

a:hover,
a:focus {
    text-decoration: none;
}

small {
    font-size:12px; font-size:0.75rem;
}

sub {
    font-size:smaller;
    line-height:90%;
    vertical-align:sub;
}

sup {
    font-size:smaller;
    line-height:90%;
    vertical-align:super;
}

b, strong, caption {
    font-weight: bold;
    text-align: left;
}

em {
    color: #000;
}

/*
:: embedded content
*/
img {
    /*
    Flexible Images
    max-width:100% and height:auto make images responsive and flexible
    max-width:100% and height:auto works in IE7, but not in IE8
    fixing IE8 bug with width:auto/9
    */
    max-width: 100%;
    height: auto;
    width: auto/9;
    -ms-interpolation-mode: bicubic;
}

.img {
    /*
    Flexible background images
    */
    background-size:100% auto;
    -moz-background-size:100% auto;
    background-position:50% 0;
    /*
    IE needs background:center;
    */
}

video,
embed,
object,
iframe {
    /*
    Flexible Embedded Videos
    max-width:100% doesn't work i=on the embed element in Safari
    width:100% is a successful workaround
    */
    width: 100%;
}

/*
:: links
*/
a {
    text-decoration:none;
}

a:hover {
    text-decoration:none;
}

a[href^="mailto:"] {
    text-decoration: underline;
}

/*
:: tabular data
*/
table {
    width: 100%;
    margin:0 0 1em 0;
    border-collapse:collapse;
    border-spacing:0;
}

th,
td {
    position: relative;
    display: table-cell;
    padding: 1em 0.5em;
    font-size: 12px; font-size: 0.75rem;
    font-weight:normal;
    color:#2e3a47;
    line-height: normal;
    vertical-align: top;
}

th {
    font-size: 14px; font-size: 0.875rem;
    text-align: left;
}

td input,
td select,
td textarea {
    font-size:14px; font-size:0.875rem;
}

/*
:: forms & buttons
*/
legend {
    padding: 0;
    display: table;
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
}

body:not(:-moz-handler-blocked) fieldset {
    display: table-cell;
}

::placeholder {
    color: #666666;
}

input, select, option, textarea {
    /*
    form elements, namely textarea do not
    inherit font styles, hence the repeat
    family and size declaration
    */
    font-family: Arial, Verdana, sans-serif;
    font-size:14px; font-size:0.875rem;
    color: #444;
    background-color:#fff;
    overflow:hidden;
}

input[type="radio"] {
    position: relative;
}

input[type="text"],
input[type="button"],
input.input-text,
input[type="submit"],
input[type="file"],
input[type="search"],
select,
textarea {
    /* remove chrome and ios default form styles */
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;
    border:none;
}

input[type="text"],
input.input-text,
input[type="email"],
input[type="url"],
input[type="password"],
select,
textarea {
    padding: 0.5em 1em 0.5em 1em;
    border: 1px solid #bbbbbb;
    width: 100%;
}

select {
    /* override and normalise select appearance across devices */
    padding: 0.5em 1.75em 0.4em 1em;
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
    appearance: menulist;
}

input[type="submit"],
input[type="button"],
button, .button,
button[type="submit"] {
    /* override and normalise submit type input & button appearance across devices */
    padding:0;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    border:none;
    background:none;
    outline: none;
}

/* normalise firefox inner button padding and border style */
::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button {
    font-size: 0;
}

input.input-text:focus,
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    outline:none;
    color: #444;
    background-color:#f7f7f7;
    border:1px solid #f7f7f7;
}





/* -----------------------------------------------
:: Generic
----------------------------------------------- */

/*
:: utilities
*/
.clear 			{ clear:both; }

.display-none 	{ display:none !important; }
.no-display   	{ display:none; }
.hidden       	{ visibility:hidden; }

.no-margin    	{ margin:0; }
.no-padding   	{ padding:0; }
.no-bg        	{ background:none; }

.a-left			{ text-align:left; }
.a-center     	{ text-align:center; }
.a-right      	{ text-align:right; }
.v-top        	{ vertical-align:top; }
.v-middle     	{ vertical-align:middle; }

/*
:: social links as icons
*/
.social			{ position: relative; z-index: 1; }
.social li		{ position: relative; display: inline-block; margin: 0 2px 0 2px; }
.social a		{ float: left; height: 0; padding: 30px 0 0 0; width: 34px; overflow: hidden; }
.social a:before { position: absolute; top: -8px; left: 0; font-family: FontAwesome; font-size: 22px; font-size: 1.375rem; color: #fff; }
.social .twitter a:before 	{ content: '\f099'; }
.social .linkedin a:before 	{ content: '\f0e1'; }
.social .facebook a:before 	{ content: '\f09a'; }
.social .instagram a:before { content: '\f16d'; }
/*
:: flexslider
*/
.slider .flexslider { margin-bottom: 0.5em; }
.slider .flex-direction-nav,
.slider .flex-direction-nav li { margin-bottom:0; line-height:normal; }

.slider .flex-direction-nav a {
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    margin: -20px 0 0;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    font-size: 0;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slides { margin-bottom:0; }
.slides li { display:none; margin-bottom:0; line-height:normal; }

.slider .flex-direction-nav a.next:before,
.slider .flex-direction-nav a.prev:before { display:block; width:25px; font-family: FontAwesome; font-size:16px; font-size:1rem; color: #fff; text-align:center; }
.slider .flex-direction-nav a.prev:before	{ padding:8px 0; content: '\f053'; }
.slider .flex-direction-nav a.next:before	{ padding:8px 0; content: '\f054'; }

.flex-direction-nav .prev { left: -50px; }
.flex-direction-nav .next { right: -50px; text-align: right; }
.flexslider:hover .flex-direction-nav .prev { left: 35px; opacity: 0.7; }
.flexslider:hover .flex-direction-nav .prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .next { right: 10px; opacity: 0.7; }
.flexslider:hover .flex-direction-nav .next:hover { opacity: 1; }





/* -----------------------------------------------
:: Magento Generic
----------------------------------------------- */

/*
:: float clearing
*/
* html .social li,
* html figure,
* html .checkout-container,
* html form .field,
* html .price-excluding-tax,
* html .price-including-tax,
* html .account #main .block-content,
* html .order-links,
* html .actions-toolbar,
* html .widget,
* html .bundle-options-container .product-add-form form {
    overflow:visible;
}
*+html .social li,
*+html figure,
*+html .checkout-container,
*+html form .field,
*+html .price-excluding-tax,
*+html .price-including-tax,
*+html .account #main .block-content,
*+html .order-links,
*+html .actions-toolbar,
*+html .widget,
*+html .bundle-options-container .product-add-form form {
    min-height:1%;
}
.social li:after,
figure:after,
.checkout-container:after,
form .field:after,
.price-excluding-tax:after,
.price-including-tax:after,
.account #main .block-content:after,
.order-links:after,
.actions-toolbar:after,
.widget:after,
.bundle-options-container .product-add-form form:after {
    clear:both;
    content:"";
    display:block;
    height:0;
    visibility:hidden;
    font-size:0;
}

/*
:: system messages & errors
*/
.message {
    position: relative;
    padding: 1em 1em 1em 3em;
    margin-bottom: 1.25em;
    font-size: 14px; font-size: 0.875rem;
    color: #986b09;
    background-color: #fff3d9;
}

.undefined.message {
    display: none;
}

.message.info       { background-color: #fdf0d5; color: #6f4400; }
.message.error      { background-color: #f7e4e1; color: #ad4534; }
.message.success    { background-color: #e1faea; color: #22653a; }

.message > *:first-child:before {
    position: absolute;
    top: 9px;
    left: 0;
    display: inline-block;
    width: 45px;
    font-family: 'luma-icons';
    font-size: 20px; font-size: 1.25rem;
    text-align: center;
}
.message.info > *:first-child:before        { content: '\e602'; color: #6f4400; }
.message.error > *:first-child:before       { content: '\e61f'; color: #ad4534; }
.message.warning > *:first-child:before     { content: '\e602'; color: #986b09; }
.message.notice > *:first-child:before      { content: '\e602'; color: #986b09; }
.message.success > *:first-child:before     { content: '\e60e'; color: #22653a; }

.message a {
    text-decoration: underline;
}

.message > *:first-child:before {
    top: 12px;
    width: 36px;
    font-size: 16px; font-size: 1rem;
}

/*
:: cookie notice
*/
.message.global.cookie {
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    margin: 0 auto;
    padding: 0.5em 0;
    text-align: center;
    background: #ffe7cc;
    vertical-align: middle;
    z-index: 100;
}

.message.global.cookie .row {
    max-width: 100em;
}

.message.global.cookie p {
    margin-bottom: 0;
    font-size:12px; font-size: 0.75rem;
    color: #2b321f;
}

.message.global.cookie button span {
    padding: 0.5em 1em 0.5em 1em;
    font-size:12px; font-size: 0.75rem;
    color: #fbfbfa;
    text-transform: none;
}

/*
:: tooltips
*/
.tooltip.wrapper {
    position: relative;
}

.tooltip.wrapper .tooltip.content {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    padding: 12px 16px;
    margin-top: 5px;
    max-width: 360px;
    min-width: 210px;
    color: #333333;
    text-align: left;
    line-height: 1.4;
    border: 1px solid #bbbbbb;
    background: #ffffff;
    z-index: 100;
}

.tooltip.wrapper .tooltip.content:after,
.tooltip.wrapper .tooltip.content:before {
    position: absolute;
    height: 0;
    width: 0;
    content: '';
    border: solid transparent;
}

.tooltip.wrapper .tooltip.content:after {
    border-width: 5px;
    border-color: transparent;
}

.tooltip.wrapper .tooltip.content:before {
    border-width: 6px;
    border-color: transparent;
}

.tooltip.wrapper .tooltip.content:after,
.tooltip.wrapper .tooltip.content:before {
    bottom: 100%;
}

.tooltip.wrapper .tooltip.content:after {
    left: 15px;
    margin-left: -5px;
    border-bottom-color: #ffffff;
}

.tooltip.wrapper .tooltip.content:before {
    left: 15px;
    margin-left: -6px;
    border-bottom-color: #bbbbbb;
}

.tooltip.wrapper tooltip.toggle {
    cursor: help;
}

.tooltip.wrapper tooltip.toggle:hover + .tooltip.content,
.tooltip.wrapper tooltip.toggle:focus + .tooltip.content,
.tooltip.wrapper:hover .tooltip.content {
    display: block;
}

.tooltip.wrapper .tooltip.content dl {
    margin-bottom: 0;
}

.tooltip.wrapper .tooltip.content dd {
    white-space: normal;
}

.tooltip.wrapper .tooltip.content .subtitle {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 16px; font-size: 1rem;
    font-weight: bold;
}

.tooltip.wrapper .tooltip.content .label {
    margin-top: 10px;
}

.tooltip.wrapper .tooltip.content .label:first-child {
    margin-top: 0;
}

.tooltip.wrapper .tooltip.content .values {
    margin: 0;
}

.ui-tooltip {
    position: absolute;
    z-index: 9999;
}

/*
:: loading spinner
*/
.load.indicator {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
}

.load.indicator:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 160px;
    height: 160px;
    background: transparent url('../images/loader-2.gif') no-repeat 50% 50%;
    content: '';
}

.load.indicator > span {
    display: none;
}

.loading-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 100;
    background: rgba(255, 255, 255, 0.5);
}

.loading-mask .loader > img {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 100;
}

.loading-mask .loader > p {
    display: none;
}

body > .loading-mask {
    z-index: 9999;
}

/*
:: links
*/
a {
    color: #000;
}

a:hover {
    color: #000;
}

a[href^="mailto:"] {
    color: #39402b;
}

/*
:: forms
*/
.fieldset {
    margin-bottom: 2.5em;
}

.fieldset .legend {
    display: block;
    margin-bottom: 0.5em;
    font-size: 18px; font-size: 1.125rem;
    font-weight: 600;
}

.fieldset .field {
    margin-bottom: 1em;
}

.fieldset > .field > .label,
.fieldset > .fields > .field > .label {
    display: inline-block;
    margin-bottom: 0.25em;
}

.fieldset > .field > .label span,
.fieldset > .fields > .field > .label span {
    font-weight: bold;
}

.fieldset > .field.required > .label:after,
.fieldset > .fields > .field.required > .label:after,
.fieldset > .field._required > .label:after,
.fieldset > .fields > .field._required > .label:after {
    margin: 0 0 0 5px;
    content: '*';
    font-size: 12px;
    color: #e02b27;
}

/* TODO */
.box-tocart {
    margin-bottom: 0.5em;
}

.box-tocart .fieldset .field.qty,
.box-tocart .fieldset .field.qty .control,
.box-tocart .fieldset .actions {
    display: inline-block;
}

.box-tocart .fieldset .field.qty .label {
    display: none;
}

.box-tocart .fieldset .field.qty .label,
.box-tocart .fieldset .field.qty .control {
    margin-right: 0.25em;
}

.field-tooltip {
    padding-top: 0.25em;
    font-size:12px; font-size: 0.75rem;
    color: #e0721b;
}

.field._warn .input-text {
    margin-bottom: 0.5em;
}

.field._error .control input,
.field._error .control select,
.field._error .control textarea {
    border: 1px solid #da3430;
}

.field-error,
div.mage-error[generated] {
    padding-top: 0.5em;
    font-size: 11px; font-size: 0.6875rem;
    color: #e02b27;
}

input.input-text.qty {
    display: inline-block;
    padding: 0.875em 0;
    width: 45px;
    font-size: 14px; font-size: 0.875rem;
    text-align: center;
}

.password-strength-meter {
    position: relative;
    padding: 0 10px;
    height: 32px;
    font-size: 12px; font-size: 0.75rem;
    line-height: 32px;
    background-color: #ddd;
    z-index: 1;
}

.password-strength-meter:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: '';
    z-index: -1;
}

.password-none .password-strength-meter:before {
    width: 100%;
    background-color: #f4f4f4;
}

.password-weak .password-strength-meter:before {
    width: 25%;
    background-color: #ffafae;
}

.password-medium .password-strength-meter:before {
    width: 50%;
    background-color: #ffd6b3;
}

.password-strong .password-strength-meter:before {
    width: 75%;
    background-color: #c5eeac;
}

.password-very-strong .password-strength-meter:before {
    width: 100%;
    background-color: #81b562;
}

/*
:: buttons & actions
*/
button span {
    position: relative;
    display: block;
    padding: 0.75em 1.5em 0.75em 1.5em;
    font-size: 14px; font-size: 0.875rem;
    color: #000;
    background-color: #f7f7f7;
}

.action { }
.action.primary { }
.action.primary span {
    font-size: 16px; font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #50b67b;
}
.action.secondary { }
.action.secondary span { }

a.action {
    display: inline-block;
    text-decoration: underline;
}

a.action span {
    position: relative;
}

a.action.continue span {
    display: block;
    padding: 1em 1em 1em 1em;
}

a.action.disabled,
a.action[disabled] span 			{ }
a.action-edit span 					{ }
a.action-cancel span 				{ }
a.action-delete span 				{ }
a.action-show span 					{ }
a.action-hide-popup span			{ }
a.action-gift span 					{ }
a.action-toggle span 				{ }
a.action-auth-toggle span 			{ }
a.action-remove span 				{ }
a.action-close span 				{ }
a.action-select-shipping-item span 	{ }
a.action-skip-wrapper span 			{ }
a.action.multicheckout              { display: block; text-align: center; text-decoration: underline; }

a.action.compare					{ text-decoration: none; }
a.action.compare span				{ display: block; padding: 0.5em 1em 0.5em 1em; font-size: 14px; font-size: 0.875rem; color: #fff;  background-color: #999; }
a.action.viewcart span				{ }
a.action.view span 					{ }
a.action.edit span 					{ }
a.action.clear span 				{ }
a.action.details span 				{ }
a.action.towishlist span 			{ }
a.action.tocart span 				{ }
a.action.order span 				{ }
a.action.print span 				{ }

a.action.change-password			{ }

button.subscribe span				{ }
button.tocart span 					{ }
button.checkout span 				{ }
button.action-edit span				{ }
button.action-apply span			{ }
button.login span 					{ }
button.captcha-reload span          { }
button.continue span 				{ }
button.allow span					{ }
button.update span					{ }
button.apply span					{ }
button.share span					{ }
button.add span						{ }
button.save span					{ }
button.create span					{ }

/*
:: actions-toolbar buttons and actions
*/
.actions-toolbar .primary,
.actions-toolbar .secondary {
    display: block;
}

.actions-toolbar .primary button,
.actions-toolbar .secondary button {
    display: block;
    width: 100%;
}

.actions-toolbar .primary button span,
.actions-toolbar .secondary button span {
    margin-bottom: 0.5em;
}

.actions-toolbar .primary a.action,
.actions-toolbar .secondary a.action {
    display: inline-block;
}

.actions-toolbar .secondary a.action {
    margin-top: 6px;
}

.actions-toolbar .secondary a.action:hover {
    text-decoration: underline;
}

.actions-toolbar > .secondary {
    margin-left: 0.5em;
    text-align: left;
}





/* -----------------------------------------------
:: Magento Content
----------------------------------------------- */

/*
:: blocks
*/
.block-title {
    font-size: 16px; font-size: 1rem;
    color: #000;
}

.block-title a.action {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 14px; font-size: 0.875rem;
}

/*
:: page titles
*/
.page-title-wrapper {
    padding: 0 0 1em 0;
}

/*
:: admin-controlled content (wysiwyg)
*/
.category-description *[style],
.product.description *[style] {
    font-family: inherit !important;
    font-size: inherit !important;
}

.cms-page img[style="float: left;"] {
	margin:0 3em 1em;
}

.cms-page img[style="float: right;"] {
	margin:0 0 1em 3em;
}



/*
:: data tables
*/
.data.table caption,
.data.table thead {
    display: none;
}

.data.table tbody {
    display: block;
}

.data.table tfoot {
    background-color: #f7f7f7;
}

.data.table tfoot th {
    float: left;
    width: 70%;
    padding: 0.75em 0 0.5em 0.75em;
    border: none;
}

.data.table tfoot td {
    float: left;
    width: 30%;
    padding: 0.75em 0.75em 0.5em 0;
    text-align: right;
    border: none;
}

.data.table tfoot td:before {
    content: normal;
}

.data.table tr {
    display: block;
}

.data.table tb,
.data.table td {
    padding: 0.25em 0em;
}

.data.table th {
    font-weight: 600;
    font-size: 14px; font-size: 0.875rem;
}

.data.table td {
    display: block;
}

.data.table td:before {
    display: inline-block;
    padding-right: 0.5em;
    font-weight: 600;
    color: #000;
    content: attr(data-th);
}

.data.table td:first-child {
    padding-top: 1em;
}

.data.table td:last-child {
    padding-bottom: 1em;
    border-bottom: 1px solid #bbbbbb;
}

.data.table tfoot th,
.data.table tfoot td {
    font-size: 14px; font-size: 0.875rem;
}

.data.table tfoot td:last-child {
    padding-bottom: inherit;
    border-bottom: none;
}

.data.table a.action {
    display: inline-block;
    margin: 0;
}

/*
:: widgets
*/

/*
:: reviews
*/
.product-reviews-summary,
.review-list .block-title,
.review-list .review-title,
.review-list .review-ratings,
.review-list .review-content {
    margin-bottom: 1em;
}

.rating-summary {
    display: inline-block;
    margin-right: 0.5em;
    word-wrap: normal;
}

.rating-summary .rating-result {
    position: relative;
    display: inline-block;
    width: 78px;
    vertical-align: middle;
    bottom: 2px;
}

.rating-summary .rating-result > span {
    display: block;
    overflow: hidden;
}

.rating-summary .rating-result > span span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0;
    overflow: hidden;
}

.rating-summary .rating-result:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 14px;
    width: 100%;
    z-index: 1;
    color: #b1b1b1;
    font-family: 'luma-icons';
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 14px;
    speak: none;
    content: '\e605' '\e605' '\e605' '\e605' '\e605';
}

.rating-summary .rating-result > span:before {
    position: relative;
    display: block;
    height: 14px;
    font-family: 'luma-icons';
    font-size: 14px;
    color: #ffd906;
    letter-spacing: 2px;
    line-height: 14px;
    content: '\e605' '\e605' '\e605' '\e605' '\e605';
    speak: none;
    z-index: 2;
}

.rating-count {
    display: inline-block;
    font-size: 10px; font-size: 0.625rem;
    color: #888;
}

.reviews-actions {
    display: inline-block;
}

.reviews-actions .action {
    font-size: 12px; font-size: 0.75rem;
}

.reviews-actions .action.view,
.reviews-actions .action.add {
    margin-right: 0.5em;
    text-decoration: underline;
}

.review-list .block-title {
    display: none;
}

.review-list .toolbar {
    display: none;
}

.review-list .review-item {
    border-bottom: 1px solid #bbbbbb;
    margin-bottom: 1.25em;
}

.review-list .review-items,
.review-list .review-item:last-child {
    border: 0;
}

.review-list .review-title {
    font-weight: bold;
}

.review-list .rating-summary {
    display: block;
}

.review-list .rating-summary .rating-label {
    margin-right: 0.5em;
}

.review-add {
    padding: 1em;
    margin-bottom: 2em;
    background-color: #f1f1f1;
}

.review-add .block-title {
    margin-bottom: 1em;
}

.review-add .review-field-rating {
    margin-bottom: 1em;
}

.review-add .review-control-vote {
    position: relative;
    padding-top: 1em;
    margin-bottom: 1em;
}

.review-add .review-control-vote:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 16px;
    font-family: 'luma-icons';
    font-size: 16px;
    color: #999;
    letter-spacing: 2px;
    line-height: 16px;
    content: '\e605' '\e605' '\e605' '\e605' '\e605';
    z-index: 1;
}

.review-add label {
    display: inline-block;
    font-size: 12px; font-size: 0.75rem;
}

.review-add .review-control-vote input[type="radio"],
.review-add .review-control-vote label span {
    position: absolute;
    padding: 0;
    height: 1px;
    margin: -1px;
    width: 1px;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.review-add .review-control-vote input[type="radio"]:focus + label:before,
.review-add .review-control-vote input[type="radio"]:checked + label:before {
    opacity: 1;
}

.review-add .review-control-vote label:before {
    position: absolute;
    top: -16px;
    left: 0;
    display: block;
    height: 16px;
    font-family: 'luma-icons';
    font-size: 16px;
    color: #000;
    letter-spacing: 2px;
    line-height: 16px;
    content: '\e605' '\e605' '\e605' '\e605' '\e605';
    opacity: 0;
}

.review-add .review-control-vote label {
    position: absolute;
    display: block;
    cursor: pointer;
}

.review-add .review-control-vote label:hover:before {
    opacity: 1;
}

.review-add .review-control-vote label:hover ~ label:before {
    opacity: 0;
}

.review-add .review-control-vote:before {
    content: '\e625' '\e625' '\e625' '\e625' '\e625';
}

.review-add .review-control-vote .rating-1:before {
    content: '\e605';
}

.review-add .review-control-vote .rating-1 {
    z-index: 6;
}

.review-add .review-control-vote .rating-2:before {
    content: '\e605' '\e605';
}

.review-add .review-control-vote .rating-2 {
    z-index: 5;
}

.review-add .review-control-vote .rating-3:before {
    content: '\e605' '\e605' '\e605';
}

.review-add .review-control-vote .rating-3 {
    z-index: 4;
}

.review-add .review-control-vote .rating-4:before {
    content: '\e605' '\e605' '\e605' '\e605';
}

.review-add .review-control-vote .rating-4 {
    z-index: 3;
}

.review-add .review-control-vote .rating-5:before {
    content: '\e605' '\e605' '\e605' '\e605' '\e605';
}

.review-add .review-control-vote .rating-5 {
    z-index: 2;
}

.review-add .input-text {
    width: 80%;
}

.review-add textarea {
    min-height: 100px;
    width: 90%;
}





/* -----------------------------------------------
:: Magento Off Canvas TODO
----------------------------------------------- */

.modals-overlay {
    background-color: rgba(51, 51, 51, 0.55);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 899;
}

.modal-slide,
.modal-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s .3s, opacity .3s ease;
    transition: visibility 0s .3s, opacity .3s ease;
}

.modal-slide._show,
.modal-popup._show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.modal-slide .modal-inner-wrap,
.modal-popup .modal-inner-wrap {
    background-color: #ffffff;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
    opacity: 1;
    pointer-events: auto;
}

.modal-slide._show .modal-inner-wrap,
.modal-popup._show .modal-inner-wrap {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-slide {
    left: 44px;
    z-index: 900;
}

.modal-slide._show .modal-inner-wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.modal-slide .modal-inner-wrap {
    height: 100%;
    overflow-y: auto;
    position: static;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    width: auto;
}

.modal-slide._inner-scroll .modal-inner-wrap {
    overflow-y: visible;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-slide._inner-scroll .modal-header,
.modal-slide._inner-scroll .modal-footer {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.modal-slide._inner-scroll .modal-content {
    overflow-y: auto;
}

.modal-slide._inner-scroll .modal-footer {
    margin-top: auto;
}

.modal-slide .modal-header,
.modal-slide .modal-content,
.modal-slide .modal-footer {
    padding: 0 2.6rem 2.6rem;
}

.modal-slide .modal-header {
    padding-bottom: 2.1rem;
    padding-top: 2.1rem;
}

.modal-popup {
    z-index: 900;
    left: 0;
    overflow-y: auto;
}

.modal-popup._show .modal-inner-wrap {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.modal-popup .modal-inner-wrap {
    margin: 5rem auto;
    width: 75%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform .2s ease;
}

.modal-popup._inner-scroll {
    overflow-y: visible;
}

.ie11 .modal-popup._inner-scroll,
.ie10 .modal-popup._inner-scroll,
.ie9 .modal-popup._inner-scroll {
    overflow-y: auto;
}

.modal-popup._inner-scroll .modal-inner-wrap {
    max-height: 90%;
}

.ie11 .modal-popup._inner-scroll .modal-inner-wrap,
.ie10 .modal-popup._inner-scroll .modal-inner-wrap,
.ie9 .modal-popup._inner-scroll .modal-inner-wrap {
    max-height: none;
}

.modal-popup._inner-scroll .modal-content {
    overflow-y: auto;
}

.modal-popup .modal-header,
.modal-popup .modal-content,
.modal-popup .modal-footer {
    padding-left: 3rem;
    padding-right: 3rem;
}

.modal-popup .modal-header,
.modal-popup .modal-footer {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.modal-popup .modal-header {
    padding-bottom: 1.2rem;
    padding-top: 3rem;
}

.modal-popup .modal-footer {
    margin-top: auto;
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.modal-popup .modal-footer-actions {
    text-align: right;
}

.modal-custom .action-close,
.modal-popup .action-close,
.modal-slide .action-close {
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 1000;
}

.modal-custom .action-close.disabled,
.modal-popup .action-close.disabled,
.modal-slide .action-close.disabled,
.modal-custom .action-close[disabled],
.modal-popup .action-close[disabled],
.modal-slide .action-close[disabled],
fieldset[disabled] .modal-custom .action-close,
fieldset[disabled] .modal-popup .action-close,
fieldset[disabled] .modal-slide .action-close {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

.modal-custom .action-close > span,
.modal-popup .action-close > span,
.modal-slide .action-close > span {
    display: none;
}

.modal-custom .action-close:before,
.modal-popup .action-close:before,
.modal-slide .action-close:before {
    display: inline-block;
    margin: 0;
    font-family: 'luma-icons';
    font-size: 20px; font-size: 1.25rem;
    content: '\e616';
    text-align: center;
}

.modal-custom .action-close {
    margin: 16px 16px 0 0;
}

.modal-popup .modal-title {
    border-bottom: 1px solid #c1c1c1;
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 26px;
    margin-bottom: 0;
    min-height: 1em;
    word-wrap: break-word;
}

.modal-popup .action-close {
    padding: 20px;
}

.modal-slide .action-close {
    padding: 2.1rem 3rem;
}

.modal-slide .page-main-actions {
    margin-bottom: -12.9rem;
    margin-top: 2.1rem;
}

body._has-modal {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

body._has-modal-custom .modal-custom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 899;
}

.custom-slide {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 44px;
    min-width: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s .3s, opacity .3s ease;
    transition: visibility 0s .3s, opacity .3s ease;
    z-index: 900;
}

.custom-slide .modal-inner-wrap {
    position: static;
    min-height: 100%;
    height: 100%;
    width: auto;
    background-color: #f7f7f7;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    opacity: 1;
    pointer-events: auto;
    overflow-y: auto;
}

.custom-slide._show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
}

.custom-slide._show .modal-inner-wrap {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}





/* -----------------------------------------------
:: Header
----------------------------------------------- */

#header {
    margin-bottom: 1em;
    border-bottom: 1px solid #bbbbbb;
}

#header .inner {
    padding: 1em 0;
}

/*
:: menu toggle
*/
.nav-toggle {
    position: absolute;
    top: 1.25em;
    left: 0.75em;
    display: block;
    text-decoration: none;
    cursor: pointer;
    z-index: 14;
}

.nav-toggle:before {
    display: inline-block;
    font-family: 'luma-icons';
    font-size: 32px; font-size: 2rem;
    content: '\e609';
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.nav-open .nav-toggle:before {
    position: relative;
    top: 5px;
    content: '\e616';
    font-size: 24px; font-size: 1.5rem;
}

.nav-toggle:hover:before {
    color: #000;
}

.nav-toggle > span {
    display: none;
}

/*
:: logo
*/
#header .logo {
    display: inline-block;
    margin-left: 3.5em;
}

/*
:: search
*/
#header .searchtoggle {
    position: absolute;
    top: 2.15em;
    right: 5.5em;
    cursor: pointer;
    z-index: 100;
}

#header .searchtoggle span {
    display: none;
}

#header .searchtoggle:before {
    position: relative;
    bottom: 0.125em;
    font-family: FontAwesome;
    content: "\f002";
    font-size: 24px; font-size: 1.5rem;
    color: #222;
}

.search-open #header .searchtoggle:before {
    position: relative;
    top: 0px;
    left: -1px;
    font-family: 'luma-icons';
    font-size: 20px; font-size: 1.25rem;
    content: '\e616';
}

#header .block-search {
    position: relative;
    display: none;
}

.search-open #header .block-search {
    display: block;
    padding: 0.5em 0 0 0;
}

.block-search .control {
    position: relative;
}

#header .block-search .actions {
    position: absolute;
    top: 0.75em;
    right: 0.5em;
    z-index: 1;
}

#header .block-search input {
    width: 100%;
}

#header .block-search button.search span {
    display: none;
    padding: 0;
    color: inherit;
    background-color: transparent;
}

#header .block-search button.search:before {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 16px;
    font-size: 1rem;
    color: #222;
}

.search-autocomplete {
    display: none;;
    padding: 1em;
    border: 1px solid #666666;
    border-top: none;
    background-color: #fff;
    z-index: 100;
}

.search-autocomplete ul {
    margin-bottom: 0;
}

.search-autocomplete ul li {
    display: block;
    padding: 0.5em;
}

.search-autocomplete ul li:hover,
.search-autocomplete ul li.selected {
    background: #e8e8e8;
    cursor: pointer;
}

.search-autocomplete ul li span {
    display: inline-block;
    width: 50%;
}

.search-autocomplete ul li .amount {
    text-align: right;
}



/*
:: minicart
*/
.minicart-wrapper {
    position: absolute;
    top: 2.25em;
    right: 0.75em;
    line-height: normal;
    z-index: 100;
}

.minicart-wrapper .action.showcart {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}

.minicart-wrapper .action.showcart:before {
    font-family: 'luma-icons';
    content: '\e611';
    font-size: 24px; font-size: 1.5rem;
}

.minicart-wrapper .action.showcart .text,
.minicart-wrapper .action.showcart .counter-label,
.minicart-wrapper .action.showcart .counter.qty.empty {
    display: none;
}

.minicart-wrapper .action.showcart .counter.qty {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: top;
}

.minicart-wrapper .action.showcart .counter-number {
    display: inline-block;
    padding: 5px 8px;
    min-width: 20px;
    font-size: 14px; font-size: 0.875rem;
    color: #fff;
    background-color: #000;
    text-align: center;
}

.minicart-wrapper .ui-widget,
.minicart-wrapper .block-minicart {
    position: relative;
}

.minicart-wrapper .block-minicart {
    position: absolute;
    top: 1em;
    right: 0;
    width: 375px;
	display: none;
    padding: 1.2em;
    background-color: #fff;
    border: 1px solid #bbbbbb;
    box-shadow: 0 3px 3px rgba(0,0,0,0.15);
    z-index: 100;
}

.minicart-wrapper .block-minicart:before,
.minicart-wrapper .block-minicart:after {
    position: absolute;
    left: auto;
    display: block;
    height: 0;
    width: 0;
    content: '';
}

.minicart-wrapper .block-minicart:before {
    top: -12px;
    right: 16px;
    border: 6px solid;
    border-color: transparent transparent #fff transparent;
    z-index: 99;
}

.minicart-wrapper .block-minicart:after {
    top: -14px;
    right: 15px;
    border: 7px solid;
    border-color: transparent transparent #bbb transparent;
    z-index: 98;
}

.minicart-wrapper .block-minicart .block-title {
    display: none;
}

.minicart-wrapper .action.close {
    position: absolute;
    top: 1em;
    right: 1em;
    font-size: inherit;
}

.minicart-wrapper .action.close:before {
    display: inline-block;
    font-family: 'luma-icons';
    content: '\e616';
    font-size: 16px; font-size: 1rem;
    text-align: center;
}

.minicart-wrapper .action.close span {
    display: none;
}

.minicart-wrapper .items-total {
    margin-bottom: 0.25em;
}

.minicart-wrapper .subtotal .label,
.minicart-wrapper .subtotal .amount {
    display: inline-block;
    margin-right: 0.25em;
    margin-bottom: 1em;
}

.minicart-wrapper .block-minicart .block-content > .actions {
    margin-bottom: 1em;
}

.minicart-wrapper .block-minicart .block-content .action.primary.checkout {
    display: block;
    width: 100%;
    padding: 1em;
    font-size: inherit;
    font-weight: bold;
    color: #fff;
    background-color: #50b67b;
}

.minicart-wrapper .block-minicart .block-content .actions .primary .paypal.checkout {
    padding: 2em 0 0 0;
    text-align: center;
}

.minicart-items-wrapper {
    padding: 1em;
    max-height: 350px;
    overflow: auto;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    background-color: #fff;
}

.minicart-wrapper .subtitle,
.minicart-items .subtitle {
    display: none;
}

.minicart-wrapper .subtitle.empty {
    display: block;
}

.minicart-items .product-item {
    padding: 1em 0;
    min-height: 125px;
    border-top: 1px solid #bbb;
}

.minicart-items .product-item:first-child {
    border-top: none;
}

.minicart-items .product {
    position: relative;
}

.minicart-items .product .product-image-container {
    position: absolute;
    top: 0.25em;
    left: 0;
}

.minicart-items .product-item-details {
    padding-left: 100px;
}

.minicart-items .product-item-name {
    display: block;
    margin-bottom: 0.5em;
}

.minicart-items .product-item-name a {
    font-weight: bold;
}

.minicart-items .product .toggle {
    position: relative;
    display: block;
    margin-bottom:0.5em;
    cursor: pointer;
    text-decoration: underline;
}

.minicart-items .product .toggle:after {
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0px 0 0 10px;
    font-family: 'luma-icons';
    content: '\e622';
}

.minicart-items .product .active > .toggle:after {
    content: '\e621';
}

.minicart-items .product-item-pricing,
.minicart-items .price-container {
    margin-bottom: 0.5em;
}

.minicart-items .item-qty {
    margin-right: 0.5em;
    width: 32px;
    text-align: center;
}

.minicart-items .product.actions .primary,
.minicart-items .product.actions .secondary {
    display: inline-block;
    margin-right: 0.25em;
}

.minicart-wrapper .action.viewcart {
    display: block;
    margin-top: 2em;
    padding: 1em;
    border: 1px solid #333;
    text-align: center;
}





/* -----------------------------------------------
:: Menu
----------------------------------------------- */

.nav-sections {
    position: fixed;
    top: 0;
    left: -70%;
    left: calc(-1 * (100% - 80px));
    width: 70%;
    width: calc(100% - 80px);
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    transition: left 0.3s;
    overflow: auto;
    background: #f7f7f7;
}

.nav-sections .nav-row {
    min-width: auto;
}


/*
:: before
*/
.nav-before-open {
    height: 100%;
    overflow-x: hidden;
    width: 100%;
}

.nav-before-open .page-wrapper {
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    transition: left 0.3s;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: relative;
}

.nav-before-open body {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/*
:: mobile nav open
*/
.nav-open .page-wrapper {
    left: 70%;
    left: calc(100% - 80px);
}

.nav-open .nav-sections {
    left: 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    z-index: 99;
}

.nav-open .nav-toggle:after {
    background: rgba(0, 0, 0, 0.25);
    content: '';
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

/*
:: mobile nav items
*/
.nav-open .nav-sections-items {
    position: relative;
    z-index: 1;
}
.nav-open .nav-sections-items:before,
.nav-open .nav-sections-items:after {
    content: '';
    display: table;
}
.nav-open .nav-sections-items:after {
    clear: both;
}
.nav-open .nav-sections-item-title {
    background: #e3e3e3;
    border: solid #d7d7d7;
    border-width: 0 0 1px 1px;
    float: left;
    height: 71px;
    padding-top: 24px;
    text-align: center;
    width: 33.33%;
}
.nav-open .nav-sections-item-title.active {
    background: transparent;
    border-bottom: 0;
}
.nav-open .nav-sections-item-title .nav-sections-item-switch:hover {
    text-decoration: none;
}
.nav-open .nav-sections-item-content {
    float: right;
    margin-left: -100%;
    margin-top: 71px;
    width: 100%;
    padding: 25px 0;
}
.nav-open .nav-sections-item-content:before,
.nav-open .nav-sections-item-content:after {
    content: '';
    display: table;
}
.nav-open .nav-sections-item-content:after {
    clear: both;
}
.nav-open .nav-sections-item-content.active {
    display: block;
}

/*
:: navigation
*/
.nav-open .navigation {
    background: #f7f7f7;
}

.nav-open .navigation ul {
    margin: 0;
}

.nav-open .navigation li {
    margin: 0;
}

.nav-open .navigation a {
    display: block;
    padding: 0.5em 1em 0.25em 1em;
}

.nav-open .navigation a,
.nav-open .navigation a:hover {
    color: #575757;
    text-transform: uppercase;
    text-decoration: none;
}

.nav-open .navigation .parent .level-top {
    position: relative;
    display: block;
    text-decoration: none;
}

.nav-open .navigation .parent .level-top:after {
    position: absolute;
    right: 16px;
    top: 6px;
    display: inline-block;
    font-family: 'luma-icons';
    font-size: 16px; font-size: 1rem;
    content: '\e622';
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.nav-open .navigation .parent .level-top.ui-state-active:after {
    content: '\e621';
}

.nav-open .navigation .level0 {
    font-size: 16px; font-size: 1rem;
    border-top: 1px solid #d1d1d1;
}

.nav-open .navigation .level0.active .all-category .ui-state-focus {
    display: inline-block;
    padding-left: 0.5em;
    color: #000;
    border-left: 8px solid #000;
}

.nav-open .navigation .level0 > .level1 { }
.nav-open .navigation .level0.active > a:not(.ui-state-active),
.nav-open .navigation .level0.has-active > a:not(.ui-state-active) {
    color: #000;
    border-left: 8px solid #000;
}

.nav-open .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon),
.nav-open .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) {
    margin-left: -8px;
}

.nav-open .navigation li.level0:last-child {
    border-bottom: 1px solid #d1d1d1;
}

.nav-open .navigation .submenu > li {
    word-wrap: break-word;
}

.nav-open .navigation .submenu:not(:first-child) {
    left: auto !important;
    overflow-x: hidden;
    padding: 0;
    position: relative;
    top: auto !important;
    transition: left 0.3s ease-out;
}

.nav-open .navigation .submenu:not(:first-child) > li > a {
    padding-left: 15px;
}

.nav-open .navigation .submenu:not(:first-child) > li:last-child {
    margin-bottom: 0;
}

.nav-open .navigation .submenu:not(:first-child) ul {
    display: block;
    padding-left: 15px;
}

.nav-open .navigation .submenu:not(:first-child) ul > li {
    margin: 0;
}

.nav-open .navigation .submenu:not(:first-child) ul > li a {
    color: #575757;
    display: block;
    line-height: normal;
}

.nav-open .navigation .submenu:not(:first-child).expanded {
    display: block !important;
    padding-right: 0;
    top: 0 !important;
}

.nav-open .navigation .submenu:not(:first-child) .active > a {
    border-color: #ff5501;
    border-style: solid;
    border-width: 0 0 0 8px;
    color: #333333;
    padding-left: 7px;
}

.nav-open .navigation .submenu:not(:first-child) .level1.active > a {
    padding-left: 7px;
}





/* -----------------------------------------------
:: Breadcrumbs
----------------------------------------------- */

.breadcrumbs ul,
.breadcrumbs ul li {
    margin: 0;
}

.breadcrumbs ul {
    padding: 0.5em 0 0 0;
}

.breadcrumbs ul li {
    display: inline-block;
    font-size: 12px; font-size: 0.75rem;
    color: #999;
}

.breadcrumbs ul li:first-child {
    margin-left:0;
}

.breadcrumbs ul li:first-child:before {
    content:normal;
}

.breadcrumbs ul li a {
    margin-right: 0.25em;
    text-decoration: underline;
    color:#999;
}

.breadcrumbs ul li .separator {
    font-size: 8px; font-size: 0.5rem;
}



/* -----------------------------------------------
:: Products
----------------------------------------------- */

/*
:: items
*/
.products-grid { }
.product-items { }
.product-item { }
.product-items .item {
    display: inline-block;
}

/*
:: images
*/
.product-item-photo {
    position: relative;
    display: inline-block;
    margin-bottom: 0.5em;
    text-align: center;
    border: 1px solid #bbbbbb;
}

.product-item-photo img {
    float: left;
    width: 100%;
}

/*
:: details
*/
.product-item .product-item-info {
    margin-bottom: 2em;
}

.product-item .product-item-name {
    display: block;
    margin: 0 0 0.5em 0;
    font-size: 14px; font-size: 0.875rem;
}

.product-item dl,
.item-options,
.item.options {
    display: inline-block;
    padding: 0.5em 1em 0.25em 1em;
    margin-bottom: 1em;
    min-width: 40%;
    font-size: 12px; font-size: 0.75rem;
    background-color: #f7f7f7;
}

.product-item dt,
.item-options dt,
.item.options dt {
    font-weight: bold;
}

.product-item dd,
.item-options dd,
.item.options dd {
    padding-left: 1em;
    margin-bottom: 0.5em;
    font-size: 12px; font-size: 0.75rem;
}

/*
:: prices
*/
.price-box {
    margin-bottom: 0.75em;
}

.price-box,
.price-from,
.price-to,
.special-price {
    line-height: 1em;

}

.price-notice {
    color:#a0a0a0;
}

.price-container .price {
    font-size: 14px; font-size: 0.875rem;
    font-weight: 600;
}

.special-price .price-label	{
    display:none;
}

.old-price .price-label,
.old-price .price {
    font-weight: 400;
    color:#999;
    text-decoration: line-through;
}

.price-including-tax .label,
.price-excluding-tax .label {
    font-size:12px; font-size:0.75rem;
    color:#999;
}

.price-including-tax .price {
    color:#999;
}

/*
:: availability
*/
.stock {
    margin-bottom: 0.75em;
    font-weight: 600;
    font-size:12px; font-size:0.75rem;
    text-transform: uppercase;
}

.stock.available {
    color: #50b67b;
}

.stock.unavailable {
    color: #bbbbbb;
}

/*
:: wish list, compare and email links
*/
.towishlist,
.tocompare,
.mailto.friend {
    position: relative;
    padding-left: 1.5em;
    margin-right: 0.75em;
    font-size: 12px; font-size: 0.75rem;
    color: #999;
}

.towishlist:hover,
.tocompare:hover,
.mailto.friend:hover {
    color: #000;
}

.towishlist:before,
.tocompare:before,
.mailto.friend:before {
    position: absolute;
    top: 1px;
    left: 0;
    font-family: 'luma-icons';
}

.towishlist:before {
    content: '\e600';
}

.tocompare:before {
    content: '\e61e';
}

.mailto.friend:before {
    content: '\e61d';
}

/*
:: swatch options
*/
.swatch-opt { }
.swatch-input {
    left: -1000px;
    position: absolute;
    visibility: hidden;
}

.swatch-attribute {
    margin-bottom: 0.5em;
}

.swatch-attribute.color { }
.swatch-attribute.size { }
.swatch-attribute-label,
.swatch-attribute-selected-option {
    font-size: 12px; font-size: 0.75rem;
    color: #000000;
}

.swatch-attribute-selected-option {
    margin-left: 0.5em;
    min-height: 30px;
}

.swatch-attribute-options {
    padding-top: 0.25em;
}

.swatch-option-link-layered {
    display: inline-block;
    float: left;
    margin: 0 3px 3px 0;
    font-size: 12px; font-size: 0.75rem;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.swatch-option {
}

.swatch-option.color {
    padding: 16px 16px;
    border: 1px solid #ffffff;
    outline: 1px solid #ffffff;
}

.swatch-option.text {
    padding: 12px 16px;
    border: 1px solid #dddddd;
    background-color: #f3f3f3;
}

.swatch-option-link-layered:hover .swatch-option.text {
    color: #000000;
    border: 1px solid #000000;
    background-color: #f3f3f3;
}

.swatch-option.image {
    height: 37px !important;
    width: 37px !important;;
    background-size: cover !important;
}

.swatch-option.image:not(.disabled):hover,
.swatch-option.color:not(.disabled):hover,
.swatch-option.selected {
    outline: 1px solid #000000;
    border: 1px solid #ffffff;
}

.swatch-option:not(.disabled):hover {
    outline: 1px solid #ffffff;
    border: 1px solid #000000;
    color: #333;
}

.swatch-option.text:not(.disabled):hover {
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #ffffff;
    outline: 1px solid #000000;
}

.swatch-option-tooltip {
    display: none;
    padding: 5px;
    position: absolute;
    max-width: 140px;
    max-height: 100%;
    min-height: 20px;
    min-width: 20px;
    color: #000000;
    text-align: center;
    border: 1px solid #000000;
    background: #ffffff;
    z-index: 999;
}

.swatch-option-tooltip-layered .image,
.swatch-option-tooltip .image {
    display: block;
    margin: 0 auto;
    height: 75px !important;
    width: 75px !important;
    background-size: cover !important;
}

.swatch-option-tooltip .title {
    font-size: 12px; font-size: 0.75rem;
    overflow: hidden;
}

.swatch-option-tooltip-layered .corner,
.swatch-option-tooltip .corner {
    position: absolute;
    left: 40%;
    bottom: 0;
    height: 8px;
}

.swatch-option-tooltip-layered .corner:before,
.swatch-option-tooltip .corner:before,
.swatch-option-tooltip-layered .corner:after,
.swatch-option-tooltip .corner:after {
    position: relative;
    content: "";
    width: 0;
    height: 0;
    font-size: 1px;
    border-style: solid;
}

.swatch-option-tooltip-layered .corner:before,
.swatch-option-tooltip .corner:before {
    top: 0;
    left: 2px;
    border-width: 8px 8.5px 0;
    border-color: #000000 transparent transparent;
}

.swatch-option-tooltip-layered .corner:after,
.swatch-option-tooltip .corner:after {
    top: -1px;
    left: -14px;
    border-width: 7px 7.5px 0;
    border-color: #fff transparent transparent;
}

.swatch-option-loading {
    content: url("../images/loader-2.gif");
}

/*
:: welt pixel quick view
*/
.weltpixel-quickview.weltpixel_quickview_button_v2 {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    margin: 0;
    padding: 0.5em 1.5em .75em 1.75em;
    font-size: 10px; font-size: 0.625rem;
    color: #1e202f;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 1000;
    opacity: 0;
}

.weltpixel-quickview.weltpixel_quickview_button_v2:before {
    position: relative;
    top: 3px;
    left: -5px;
    font-family: FontAwesome;
    font-size: 14px; font-size: 0.875rem;
    content: "\f06e";
}

.product-items .item:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
    opacity: 1;
    -webkit-transition: opacity 0.1s ease 0.1s;
    -moz-transition: opacity 0.1s ease 0.1s;
    -ms-transition: opacity 0.1s ease 0.1s;
    transition: opacity 0.1s ease 0.1s;
}


/* -----------------------------------------------
:: Categories
----------------------------------------------- */

/*
:: content
*/
.category-view { }
.category-view .category-description { }

/*
:: subcategories (landing page layout)
*/
.subcategories { }
.subcategories figcaption { }
.subcategories h2 {
    padding: 0;
}

/*
:: sidebar main (layered navigation)
*/
.sidebar-main {
    margin-bottom: 2em;
}

.sidebar-main .block.filter .filter-title {
    position: relative;
    display: inline-block;
    padding: 0.5em 1em 0.5em 2.25em;
    margin-bottom: 0;
    font-size: 14px; font-size: 0.875rem;
    background-color: #f7f7f7;
    border: 1px solid #dddddd;
    cursor: pointer;
    z-index: 1;
}

.sidebar-main .block.filter .filter-title strong {
    display: block;
}

.sidebar-main .block.filter .filter-title:before {
    position: absolute;
    top: 0.5em;
    left: 0.75em;
    font-family: FontAwesome;
    content: '\f0b0';
    color: #666666;
}

.sidebar-main .block.filter.active .filter-title:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f410';
}

.sidebar-main .block.filter.active .filter-title {
    margin-bottom: 1em;
}

.sidebar-main .block.filter .filter-options-title:after {
    position: absolute;
    top: 0.6em;
    right: 1em;
    font-family: FontAwesome;
    font-size: 20px; font-size: 1.25rem;
    color: #666;
    content: '\f107';
}

.sidebar-main .block.filter .filter-content {
    display: none;
}

.sidebar-main .block.filter.active .filter-content {
    display: block;
}

.sidebar-main .block.filter .filter-current {
    padding: 1em 0 0 0;
    border-top: 1px solid #dedede;
}

.sidebar-main .block.filter .filter-current .filter-current-subtitle {
    display: block;
    margin-bottom: 0.75em;
}

.sidebar-main .block.filter .filter-current .item {
    position: relative;
    padding-left: 2em;
}

.sidebar-main .block.filter .filter-current .action.remove {
    position: absolute;
    top: -10px;
    left: 0;
}

.sidebar-main .block.filter .filter-current .action.remove:before {
    display: inline-block;
    font-family: 'luma-icons';
    font-size: 12px; font-size: 0.75rem;
    color: #999;
    content: '\e616';
    vertical-align: middle;
    text-align: center;
}

.sidebar-main .block.filter .filter-current .action.remove span {
    display: none;
}

.sidebar-main .block.filter .filter-actions {
    padding: 0 0 1em 0;
    border-bottom: 1px solid #dedede;
}

.sidebar-main .block.filter .filter-actions .clear {
    clear: none;
    display: inline-block;
    padding: 0.5em 0.75em 0.25em 0.75em;
    font-size: 12px; font-size: 0.75rem;
    background-color: #ddd;
}

.sidebar-main .block.filter .filter-options-title {
    cursor: pointer;
    position: relative;
    padding: 0.5em 1em 0.5em 0;
    font-size: 20px; font-size: 1.25rem;
    color: #222;
    border-bottom: 1px solid #dedede;
}

.sidebar-main .block.filter .filter-options-title:after {
    position: absolute;
    top: 0.6em;
    right: 1em;
    font-family: FontAwesome;
    font-size: 20px; font-size: 1.25rem;
    color: #666;
    content: '\f107';
}

.sidebar-main .block.filter .filter-options-item.active .filter-options-title::after {
    top: 0.5em;
    content: '\f106';
}

.sidebar-main .block.filter .filter-subtitle {
    display: none;
}

.sidebar-main .block.filter .filter-options-content {
    padding-top: 1em;
}

.sidebar-main .block.filter .item {
    margin-bottom: 0.5em;
}

.sidebar-main .block.filter .item a {
    padding: 0.5em 0;
    font-size: 14px; font-size: 0.875rem;
    color: #666;
}

.sidebar-main .block.filter .item .price {
    font-size: 12px; font-size: 0.75rem;
}

/*
:: sidebar additional
*/
.sidebar-additional {
    margin-bottom: 1em;
}

.sidebar-additional .block {
    margin-bottom: 1em;
    padding: 1em;
    background-color: #f7f7f7;
}

.sidebar-additional .block .block-title {
    margin-bottom: 0.5em;
}

.sidebar-additional .block .block-content,
.sidebar-additional .block .empty {
    font-size: 12px; font-size: 0.75rem;
}

.sidebar-additional .block .subtitle {
    display: none;
}

.sidebar-additional .product-items .product-item {
    position: relative;
}

.sidebar-additional .product-items .product-item-photo {
    position: absolute;
    top: 0;
    left: 0;
}

.sidebar-additional .product-items .product-item-details {
    margin: 0 0 0 95px;
}

.sidebar-additional .product-items .action.delete {
    position: absolute;
    right: 0;
    top: 0;
}

.sidebar-additional .product-items .action.delete:before {
    display: inline-block;
    font-family: 'Luma-Icons';
    font-size: 14px; font-size: 0.875rem;
    color: #000;
    content: '\e616';
    text-align: center;
}

.sidebar-additional .product-items .action.delete span {
    display: none;
}

.sidebar-additional .block-compare .product-item .product-item-name {
    margin-left: 1.5em;
}

.sidebar-additional .block-compare .action.delete {
    left: 0;
}

.sidebar-additional .block-reorder .product-item .label {
    display: none;
}

.sidebar-additional .block-reorder .product-item .field.item {
    display: inline-block;
}

.sidebar-additional .block-reorder .product-item-name {
    display: inline-block;
}

/*
:: toolbar
*/
.toolbar {
    position: relative;
    margin: 1em auto;
    padding: 1em 0;
    text-align: center;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
}

.toolbar * {
    font-size: 12px; font-size: 0.75rem;
    color:#666;
}

.toolbar .toolbar-amount,
.toolbar .limiter,
.toolbar .sorter {
    margin-bottom: 1em;
}

.toolbar .sorter {
    display:inline-block;
    margin-right: 1em;
}

.toolbar label {
    margin-right:0.25em;
}

.toolbar select {
    padding:0.5em 1.75em 0.5em 0.5em;
    width: auto;
}

.sorter-action:before {
    display: inline-block;
    font-family: 'luma-icons';
    font-size: 16px;
    font-weight: normal;
    line-height: inherit;
    content: '\e613';
    color: #8f8f8f;
    overflow: hidden;
    vertical-align: middle;
    speak: none;
    text-align: center;
}

.sorter-action>span {
    position: absolute !important;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

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


/*
:: pagination
*/
.toolbar .pages ul {
    margin-bottom: 0;
}

.toolbar .pages li {
    display:inline-block;
    margin:0 0.25em 0 0.25em;
}

/*
:: products
*/





/* -----------------------------------------------
:: Search results
----------------------------------------------- */






/* -----------------------------------------------
:: Products, Netmatter Custom Layouts
----------------------------------------------- */

.netm-product-media { }
.netm-product-main { }
.netm-product-additional { }
.netm-product-extra {
    clear: both;
}





/* -----------------------------------------------
:: Products
----------------------------------------------- */

/*
:: breadcrumbs
*/
.catalog-product-view .breadcrumbs li {
    margin: 0 0.25em 0 0;
}

.catalog-product-view .breadcrumbs li:after {
    position: relative;
    left: 0.25em;
    font-size: 8px; font-size: 0.5rem;
    content: '/';
}

.catalog-product-view .breadcrumbs li:last-child:after {
    content: normal;
}

.catalog-product-view .breadcrumbs ul li a {
    margin-right: 0;
}

.catalog-product-view .breadcrumbs li strong {
    font-weight: normal;
}

/*
:: images
*/
.product.media {
    margin-bottom: 3em;
}

.product.media .gallery-placeholder { }
.product.media .fotorama-item { }
.product.media .fotorama { }
.product.media .fotorama__wrap { }
.product.media .fotorama__stage { }
.product.media .fotorama__stage__shaft { }
.product.media .fotorama__stage__frame { }
.product.media .img { }

/*
:: main info
*/
.product-info-main {
    padding: 0;
    margin-bottom: 2em;
}

.product-info-main .product-reviews-summary,
.product-info-main .product-info-price,
.product-info-main .sku,
.product-info-main .product-social-links {
    margin-bottom: 1em;
}

.product-info-main .page-title-wrapper.product {
    padding: 0;
}

.product-info-main h1 {
    margin: 0;
}

.product-info-main .product.overview,
.product-info-main .product-reviews-summary,
.product-info-main .product-info-price,
.product-info-main .sku {
    margin-bottom: 1.5em;
}

.product-info-main .product.overview {
    font-size: 12px; font-size: 0.75rem;
}

.product-info-main .sku {
    font-size: 14px; font-size: 0.75rem;
    color: #999;
}

/*
:: prices
*/
.product-info-main .product-info-price .price {
    font-size: 20px; font-size: 1.25rem;
}

.product-info-main .product-info-price .old-price .price {
    font-size: 14px; font-size: 0.875rem;
}

/*
:: add to
*/
.product-info-main .product-add-form {
    margin: 0 0 1em 0;
}

.product-info-main .product-add-form .fieldset .field {
    margin :0;
}

.product-info-main .product-add-form .fieldset .field.choice .label {
    position: relative;
    bottom: 0.125em;
}

.bundle-options-container .product-add-form {
    display: none;
}

.product-info-main .product-social-links,
.product-info-main .product-addto-links {
    display: inline-block;
    margin: 0 0 0.75em 0;
}

.product-info-main .product-addto-links { }

.product-info-main .towishlist,
.product-info-main .tocompare,
.product-info-main .mailto.friend { }

/*
:: product info tabs
*/
.product.info.detailed {
    clear: both;
}

.product.info.detailed .items {
}

.product.info.detailed .data.title,
.product.info.detailed .data.title a {
    display: block;
}

.product.info.detailed .data.title {
    border-top: 1px solid #bbbbbb;
}

.product.info.detailed .data.title a {
    position: relative;
    padding: 0.75em 0;
    font-size: 20px; font-size: 1.25rem;
}

.product.info.detailed .data.title a:before {
    position: absolute;
    top: 7px;
    right: 10px;
    content: '+';
    font-size: 30px; font-size: 1.875rem;
    color: #666666;
}

.product.info.detailed .data.title a .counter {
    font-size: 14px; font-size: 0.875rem;
}

.product.info.detailed .data.title a .counter:before {
    content: '(';
}

.product.info.detailed .data.title a .counter:after {
    content: ')';
}

.product.info.detailed .data.title.active a:before {
    content: '';
}

.product.info.detailed .data.content ul {
    padding-left: 1em;
    list-style-type: initial;
}

.product.info.detailed .data.content li {
    font-size: 12px; font-size: 0.75rem;
}

/*
:: product info tabs - description
*/
.product.info.detailed .product.description h2 {
    font-size: 20px; font-size: 1.25rem;
}

/*
:: product info tabs - attributes
*/
.product.info.detailed .additional-attributes-wrapper { }
.product.info.detailed .additional-attributes-wrapper .data.table,
.product.info.detailed .additional-attributes-wrapper .data.table th,
.product.info.detailed .additional-attributes-wrapper .data.table td {
    padding: 0.5em 0.5em 0.5em 0.5em;
    border: 0;
    font-size: 12px; font-size: 0.75rem;
    font-weight: normal;
}

.product.info.detailed .additional-attributes-wrapper .data.table th {
    padding: 0.5em 2em 0.5em 0.5em;
    width: 40%;
}

/*
:: product info tabs - reviews
*/


/*
:: configurable
*/
.product-options-wrapper {
    margin-bottom: 1em;
}

.product-options-wrapper br {
    display: none;
}

.product-options-wrapper .fieldset {
    margin-bottom: 0;
}

.product-options-wrapper .swatch-option {
    display: inline-block;
    margin: 0 10px 10px 0;
    cursor: pointer;
}

.product-options-wrapper .swatch-option.text {
    font-size: 12px; font-size: 0.75rem;
}

.product-options-wrapper .swatch-option.color {

}

.product-options-wrapper .swatch-option.disabled {
    position: relative;
    cursor: default;
    border: 1px solid #eee;
    color: #cccccc;
    background: #f5f5f5 !important;
}

.product-options-bottom { }
.product-options-bottom .price-box {
    margin-bottom: 1em;
}

.product-options-bottom .price {
    font-size: 20px; font-size: 1.25rem;
}

.product-options-bottom .box-tocart { }
.product-options-bottom .field { }
.product-options-bottom .actions { }
.product-options-bottom button { }
.product-options-bottom button span { }

/*
:: bundle
*/
.product-info-main .bundle-actions {
    margin-bottom: 1em;
}

.bundle-options-container {
    clear: both;
}

.bundle-options-container br {
    display: none;
}

.bundle-options-container .product-add-form {
    position: relative;
    padding: 1em;
    border: 1px solid #ddd;
    background: #ffffff;
}

.bundle-options-container .product-add-form:before {
    position: absolute;
    top: 51%;
    left: 50%;
    margin-top: 60px;
    margin-left: -26px;
    height: 52px;
    width: 52px;
    content: "";
    background: #fff url(../images/bundle-arrow.png) top left no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 1;
}

.bundle-options-container .product-add-form:after {
    position: absolute;
    margin-top: 85px;
    height: 1px;
    width: 100%;
    top: 51%;
    left: 0;
    content: "";
    background: #ddd;
}

.bundle-options-container .bundle-options-wrapper {
    padding: 1em;
    background-color: #f3f3f3;
}

.bundle-options-container .product-options-wrapper {}
.bundle-options-container .product-options-wrapper .fieldset-bundle-options .legend {
    margin-bottom: 1em;
}

.bundle-options-container .product-options-wrapper .fieldset-bundle-options .legend.title {
    font-size: 16px; font-size: 1rem;
    color: #000000;
    text-transform: uppercase;
}

.bundle-options-container .product-options-wrapper .fieldset-bundle-options.fieldset .field {
    padding: 1em 0;
    margin-bottom: 0;
    border-bottom: 1px solid #bbbbbb;
}

.bundle-options-container .product-options-wrapper .fieldset-bundle-options.fieldset .field.option > .label {
    font-size: 14px; font-size: 0.875rem;
    color: #000000;
}

.bundle-options-container .product-options-wrapper .fieldset-bundle-options.fieldset .field .control .field {
    padding: 0;
    border: none;
}

.bundle-options-container .product-options-wrapper .fieldset-bundle-options.fieldset .label,
.bundle-options-container .product-options-wrapper .fieldset-bundle-options.fieldset .control {
    font-size: 12px; font-size: 0.75rem;
}

.bundle-options-container .product-options-wrapper .fieldset-bundle-options.fieldset .control .qty.qty-holder {
    padding: 1em 0 0 0;
}

.bundle-options-container .product-options-wrapper .fieldset-bundle-options.fieldset .control .qty > .label {
    display: none;
}

.bundle-options-container .product-options-wrapper .fieldset-bundle-options {
    margin-bottom: 1em;
}

.bundle-options-container .product-options-wrapper .fieldset-bundle-options .action.back span {
    color: #ffffff;
    background-color: #999999;
}

.bundle-options-container .product-options-wrapper .fieldset-bundle-options .action.back:hover span {
    background-color: #000000;
}

.bundle-options-container .product-options-bottom {}
.bundle-options-container .block-bundle-summary { padding-top: 5em; }
.bundle-options-container .block-bundle-summary .title {
    display: block;
    margin-bottom: 2em;
    font-size: 16px; font-size: 1rem;
    color: #000000;
    text-transform: uppercase;
}

.bundle-options-container .block-bundle-summary .title strong {}
.bundle-options-container .block-bundle-summary .content {}
.bundle-options-container .block-bundle-summary .content .bundle-info {}
.bundle-options-container .block-bundle-summary .bundle-info .product-image-container {
    display: block;
    margin-bottom: 2em;
}

.bundle-options-container .block-bundle-summary .bundle-info .product-details {}
.bundle-options-container .block-bundle-summary .bundle-info .product-details .product.name {
    font-size: 14px; font-size: 0.875rem;
    color: #000000;
    text-transform: uppercase;
}

.bundle-options-container .block-bundle-summary .bundle-info .product-details .available {}
.bundle-options-container .block-bundle-summary .bundle-info .product-details .box-tocart {}
.bundle-options-container .block-bundle-summary .bundle-info .product-details .price-box {}
.bundle-options-container .block-bundle-summary .bundle-info .product-details .price {
    font-size: 20px; font-size: 1.25rem;
}

.bundle-options-container .block-bundle-summary .bundle-info .product-details .product-addto-links {}
.bundle-options-container .block-bundle-summary .content .bundle-summary {}
.bundle-options-container .block-bundle-summary .bundle-summary .subtitle {
    margin-bottom: 0.5em;
    font-size: 14px; font-size: 0.875rem;
    color: #000000;
    text-transform: uppercase;
}

.bundle-options-container .block-bundle-summary .bundle-summary .bundle.items {}
.bundle-options-container .block-bundle-summary .bundle-summary .bundle.items li {
    margin-bottom: 1em;
}

.bundle-options-container .block-bundle-summary .bundle-summary .bundle.items li .label {
    font-size: 14px; font-size: 0.875rem;
    font-weight: normal;
    color: #000000;
}

/*
:: grouped
*/
.table.grouped tbody {
    border-bottom: 1px solid #e5e5e5;
}

.table.grouped th {
    background-color: #f3f3f3;
}

.table-wrapper.grouped .data.table td:before {
    content: normal;
}

.table-wrapper.grouped .table.data.grouped td:last-child {
    border-bottom: none;
}

.table-wrapper.grouped .table.data.grouped .col.item .product-item-name {
    font-size: 14px; font-size: 0.875rem;
    font-weight: normal;
}

.table-wrapper.grouped .table.data.grouped .price-final_price {
    padding-top: 0.75em;
    margin-bottom: 0;
}

.table-wrapper.grouped .table.data.grouped input.input-text.qty {
    padding: 0.75em 0;
}

/*
:: downloadable
*/
.page-product-downloadable .product-options-wrapper .legend.links-title {
    display: none;
}

.page-product-downloadable .product-options-wrapper .field.downloads > .label {
    margin-bottom: 0;
    font-size: 16px; font-size: 1rem;
}

.page-product-downloadable .product-options-wrapper .field.downloads > .label span {
    font-weight: 600;
}

.page-product-downloadable .product-options-wrapper .field.choice .label {
    font-size: 12px; font-size: 0.75rem;
}

.page-product-downloadable .product-info-main .items.samples {
    margin-bottom: 1.5em;
    font-size: 16px; font-size: 1rem;
}

.page-product-downloadable .product-info-main .items.samples .samples-item-title {
    font-weight: 600;
}

.page-product-downloadable .product-info-main .items.samples .samples-item-link {
    font-size: 12px; font-size: 0.75rem;
    text-decoration: underline;
}

/*
:: virtual
*/






/* -----------------------------------------------
:: Related Products
----------------------------------------------- */

.block.related { }
.block.related .block-title,
.block.upsell .block-title {
    padding: 1.5em 0;
    
    font-size: 20px; font-size: 1.25rem;
    border-top: 1px solid #bbbbbb;
}

.block.related .block-content { }
.block.related .products-grid { }
.block.related .product-items { }
.block.related .product-item { }





/* -----------------------------------------------
:: Upsell Products
----------------------------------------------- */

.block.upsell { }
.block.upsell .block-title { }
.block.upsell .block-content { }
.block.upsell .products-grid { }
.block.upsell .product-items { }
.block.upsell .product-item { }





/* -----------------------------------------------
:: Product - Compare
----------------------------------------------- */

.comparison { }
.comparison .data.table { }
.comparison .data.table thead { }
.comparison .data.table tbody { }
.comparison .data.table tr { }
.comparison .data.table th { }
.comparison .data.table td { }
.comparison .data.table .product { }
.comparison .data.table .product.info { }
.comparison .data.table .label { }
.comparison .data.table .attribute { }





/* -----------------------------------------------
:: Cart
----------------------------------------------- */

/*
:: cart tables
*/
.cart.table tbody {
    position: relative;
    border-bottom: 1px solid #bbbbbb;
}

.cart.table .col.qty .label {
    display: none;
}

.cart.table input.input-text.qty {
    padding: 0.5em 0;
    width: 36px;
}

.cart.table .col.item,
.cart.table .col.msrp,
.cart.table .col.price,
.cart.table .col.qty,
.cart.table .col.subtotal {
    display: block;
}

.cart.table .col.price,
.cart.table .col.qty,
.cart.table .col.subtotal {
    display: inline-block;
    width: 32%;
    text-align: right;
}

.cart.table .col.item:before {
    content: normal;
}

.cart.table .col.qty:before,
.cart.table .col.price:before,
.cart.table .col.subtotal:before,
.cart.table .col.msrp:before {
    display: block;
    padding-bottom: 1em;
    padding-right: 0;
}

.cart.table .col.price .price,
.cart.table .col.subtotal .price {
    font-size: 14px; font-size: 0.875rem;
}

.cart.table td.col.item {
    padding: 1.5em 0.5em 0.5em 115px;
}

.cart.table .cart.item .message {
    font-size: 12px; font-size: 0.75rem;
    line-height: 1.25em;
}

.cart.table td:last-child {
    padding-bottom: 1.5em;
    border-bottom: none;
}

.cart.table .product-item-photo {
    position: absolute;
    top: 1.5em;
    left: 0;
}

.cart.table .product-item-details {
    min-height: 110px;
}

.cart.table .product-item-details .product-item-name {
    display: block;
    margin-bottom: 0.5em;
    font-size: 16px; font-size: 1rem;
}

.cart.table .product-item-details .message {
    margin-bottom: 0;
}

.cart.table .actions-toolbar {
    text-align: right;
}

.cart.table .actions-toolbar a.action {
    margin: 0 5px 0 0;
}

.cart-container .cart.actions {
    margin-bottom: 2em;
    text-align: center;
}

.cart-container .cart.actions .action span {
    display: inline-block;
    padding: 1em 1em 1em 1em;
    font-size: 14px; font-size: 0.875rem;
}

.cart-container .cart.actions a.action.continue span {
    padding: 0.85em 1em 0.8em 1em;
    background-color: #f7f7f7;
}

/*
:: crossell
*/
.cart-container .crosssell { }

/*
:: cart summary
*/
.cart-container .cart-summary {
    padding: 1em 1em 0 1em;
    margin-bottom: 1.25em;
    background-color: #fff;
    border: 1px solid #bbbbbb;
}

.cart-container .cart-summary .summary.title {
    display: block;
    margin-bottom: 0.5em;
    font-size: 28px; font-size: 1.75rem;
    font-weight: normal;
    color: #000;
}

.cart-container .cart-summary .block.shipping,
.cart-container .cart-summary .cart-totals,
.cart-container .cart-summary .block.discount {
    position: relative;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #444;
}

.cart-container .cart-summary .checkout-methods-items {
    margin-bottom: 0;
}

.cart-container .cart-summary .block .title {
    position: relative;
    padding-left: 1.5em;
    cursor: pointer;
}

.cart-container .cart-summary .block .title:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-family: FontAwesome;
}

.cart-container .cart-summary .block.shipping .title:before {
    content: '\f0d1';
}

.cart-container .cart-summary .block.discount .title:before {
    content: '\f02b';
}

.cart-container .cart-summary .block .title:after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    font-family: 'luma-icons';
    content: '\e622';
    cursor: pointer;
    z-index: 10;
}

.cart-container .cart-summary .block.active .title:after {
    content: '\e621';
}

.cart-container .cart-summary .block.active .title {
    margin-bottom: 1em;
}

.cart-container .cart-summary .block .content {
    padding: 1em 1em 0 1em;
    background-color: #f7f7f7;
}

/*
:: estimate shipping & tax
*/
.cart-container .cart-summary .block.shipping .fieldset {
    margin-bottom: 0;
}

.cart-container .cart-summary .block.shipping .fieldset .legend,
.cart-container .cart-summary .block.shipping .fieldset > br,
.cart-container .cart-summary .block .field.note {
    display: none;
}

.cart-container .cart-summary .block.shipping .fieldset .field {
    margin-bottom: 1em;
}

.cart-container .cart-summary .block.shipping .fieldset .label,
.cart-container .cart-summary .block.shipping .fieldset .item-title,
.cart-container .cart-summary .block.shipping .fieldset dt,
.cart-container .cart-summary .block.shipping .fieldset dd {
    font-size: 14px; font-size: 0.875rem;
}

.cart-container .cart-summary .block.shipping .fieldset dt span {
    font-weight: bold;
}

.cart-container .cart-summary .block.shipping .fieldset dd {
    margin-bottom: 0;
}

.cart-container .cart-summary .block.shipping .fieldset .label {
    display: inline-block;
}

/*
:: coupons
*/
.cart-container .cart-summary .block.discount .field,
.cart-container .cart-summary .block.discount .actions-toolbar {
    display: inline-block;
    width: 49%;
}

.cart-container .cart-summary .block.discount .fieldset {
    margin-bottom: 0;
}

.cart-container .cart-summary .block.discount .field input {
    width: 100%;
}

.cart-container .cart-summary .block.discount .field .label {
    display: none;
}

.cart-container .cart-summary .block.discount .action.primary span {
    padding: 0.5em 1.5em 0.5em 1.5em;
    font-size: 14px; font-size: 0.875rem;
    background-color: #999;
}

/*
:: totals
*/
.cart-container .cart-summary .cart-totals table,
.cart-container .cart-summary .cart-totals th,
.cart-container .cart-summary .cart-totals td {
    margin-bottom: 0;
    border: none;
}

.cart-container .cart-summary .cart-totals tbody {
    display: table-row-group;
}

.cart-container .cart-summary .cart-totals tr {
    display: table-row;
}

.cart-container .cart-summary .cart-totals th,
.cart-container .cart-summary .cart-totals td {
    display: table-cell;
    padding: 0.5em 0;
    font-size: 16px; font-size: 1rem;
    font-weight: normal;
}

.cart-container .cart-summary .cart-totals .amount {
    text-align: right;
}

.cart-container .cart-summary .cart-totals .price {
    font-size: 14px; font-size: 0.875rem;
}

.cart-container .cart-summary .grand.totals .price {
    font-weight: bold;
}

/*
:: cart summary widgets
*/
.cart-container .cart-summary .widget {
    margin-bottom: 2em;
}

.cart-container .cart-summary .widget-after-all {
    padding: 2em 1em 1em 1em;
    margin: 0 -1em;
    text-align: center;
    background-color: #fff;
}

.cart-container .cart-summary .widget-after-all .widget {
    margin-bottom: 0;
}

/*
:: checkout multishipping
*/
.multicheckout .title {
    margin-bottom: 2em;
}

.multicheckout .title strong {
    font-weight: normal;
}

.multicheckout .data.table {
    border-top: 1px solid #bbbbbb;
}

.multicheckout .data.table th,
.multicheckout .data.table td {
    padding: 0.75em 0;
}

.multicheckout .data.table .col .label {
    display: none;
}

.multicheckout .data.table td:before {
    margin-bottom: 5px;
}

.multicheckout .data.table .col.product:before,
.multicheckout .data.table .product-item-name {
    font-size: 20px; font-size: 1.25rem;
    font-weight: normal;
}

.multicheckout .data.table .col .qty {
    display: inline-block;
}

.multicheckout .data.table input.input-text.qty {
    padding: 0.5em 0;
}

.multicheckout .item-options {
    display: block;
    padding: 0.5em 0 0 1.5em;
    background-color: transparent;
}

/*
:: checkout methods
*/
.cart-container .cart-summary .checkout-methods-items .item {
    margin-bottom: 1em;
}

.cart-container .cart-summary .checkout-methods-items .item button {
    display: block;
    width: 100%;
}

.cart-container .cart-summary .checkout-methods-items .item button span {
    padding: 1em 1.5em;
    width: 100%;
}





/* -----------------------------------------------
:: Checkout
----------------------------------------------- */

/*
:: global
*/
.checkout-index-index #header {
    margin-bottom: 1em;
    border-bottom: 1px solid #bbbbbb;
}

.checkout-index-index #header .inner {
    padding: 1em 0 1em 0;
    text-align: center;
}

.checkout-index-index #header .logo {
    margin-left: 0;
}

.checkout-index-index #header .checkout-help * {
    margin-bottom: 0;
    font-size: 14px; font-size: 0.875rem;
}

.checkout-index-index #header .checkout-help a {
    text-decoration: underline;
}

.checkout-index-index #header .nav-toggle,
.checkout-index-index #header .searchtoggle {
    display: none;
}

.checkout-index-index .page-title {
    position: relative;
    padding-left: 1.25em;
}

.checkout-index-index .page-title:after {
    position: absolute;
    top: 1px;
    left: 0;
    font-family: FontAwesome;
    content: '\f023';
}

.checkout-index-index .modal-popup .modal-footer .action-save-address {
    width: 100%;
}

.checkout-index-index .modal-popup .modal-footer .action-hide-popup {
    margin-top: 20px;
}

.checkout-container .action.primary span {
    padding: 1em 2em;
}

/*
:: signin
*/
.authentication-wrapper {
    position: absolute;
    top: 0.5em;
    right: 0.75em;
}

.authentication-wrapper > button > span {
    padding: 0;
    font-size: 16px; font-size: 1rem;
    background-color: transparent;
    text-decoration: underline;
}

.authentication-wrapper > button > span:before {
    position: relative;
    top: 1px;
    left: -0.5em;
    font-family: FontAwesome;
    content: '\f007';
}

.authentication-wrapper .block-authentication button span {
    color: #fff;
    background-color: #50b67b;
}

.block-authentication .block-title {
    margin-bottom: 3em;
    font-size: 20px;
    font-size: 1.25rem;
    border-bottom: 1px solid #bbbbbb;
}

.block-authentication .actions-toolbar > .primary {
    display: inline;
    float: right;
    margin-right: 0;
}

.block-authentication .actions-toolbar > .primary .action {
    margin-right: 0;
}

.block-authentication .actions-toolbar > .secondary {
    float: left;
    margin-right: 2rem;
    padding-top: 1rem;
}

.popup-authentication .modal-inner-wrap {
    min-width: 768px;
    width: 60%;
}

.popup-authentication .block-authentication {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: 1px solid #c1c1c1;
}

.popup-authentication .block[class],
.popup-authentication .form-login,
.popup-authentication .fieldset,
.popup-authentication .block-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.popup-authentication .block[class] {
    box-sizing: border-box;
    float: left;
    padding: 10px 30px 0 0;
    width: 50%;
}

.popup-authentication .block[class] + .block {
    border-left: 1px solid #c1c1c1;
    border-top: 0;
    margin: 0;
    padding: 10px 0 0 40px;
}

.popup-authentication .block[class] + .block::before {
    left: 0;
    top: 50%;
}

.popup-authentication .actions-toolbar {
    margin-bottom: 0;
    margin-top: auto;
}

/*
:: progress bar
*/
.opc-progress-bar {
    display: none;
}

/*
:: estimated total
*/
.opc-estimated-wrapper {
    position: relative;
    padding: 1em;
    margin-bottom: 1em;
    background-color: #f7f7f7;
    border-bottom: 1px solid #bbbbbb;
    border-top: 1px solid #bbbbbb;
}

.opc-estimated-wrapper .estimated-block {
    display: inline-block;
    width: 49%;
}

.opc-estimated-wrapper .estimated-block .estimated-label,
.opc-estimated-wrapper .estimated-block .estimated-price {
    font-size: 16px; font-size: 1rem;
    font-weight: bold;
}

.opc-estimated-wrapper .estimated-block .estimated-price {

}

.opc-estimated-wrapper .minicart-wrapper {
    position: static;
    top: auto;
    right: auto;
    display: inline-block;
    width: 49%;
    text-align: right;
}

.opc-estimated-wrapper .minicart-wrapper .action.showcart .counter.qty {
    padding: 0;
    background-color: transparent;
}

/*
:: checkout messages
*/
.checkout-messages { }

/*
:: checkout wrapper & steps
*/
.opc-wrapper .step-title {
    margin-bottom: 1em;
    font-size: 18px; font-size: 1.125rem;
}

.opc-wrapper .step-content {
    margin-bottom: 1em;
}

/*
:: shipping addresses
*/
.opc-wrapper button.action {
    display: block;
    width: 100%;
}

.opc-wrapper button.action span {
    margin-top: 1em;
}

.opc-wrapper .shipping-address-item {
    position: relative;
    padding: 1.25em;
    margin-bottom: 0.75em;
    border: 2px solid transparent;
    border: 1px solid #bbbbbb;
    transition: 0.3s border-color;
}

.opc-wrapper .shipping-address-item.selected-item {
    padding: 1.25em;
    border-color: #50b67b;
    border-width: 2px;
}

.opc-wrapper .shipping-address-item.selected-item:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 3px 7px;
    font-family: 'luma-icons';
    content: '\e610';
    font-size: 16px; font-size: 1rem;
    color: #ffffff;
    background: #50b67b;
    text-align: center;
}

.opc-wrapper .shipping-address-item button.action {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: auto;
}

.opc-wrapper .shipping-address-item button.action span {
    margin: 0;
}

.opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item {
    display: none;
}

.opc-wrapper .action-show-popup span:before {
    margin-right: 0.25em;
    content: '+';
}

/*
:: shipping methods
*/
.opc-wrapper .checkout-shipping-method { }
.opc-wrapper .checkout-shipping-method .step-content {
    padding: 1em;
    background-color: #f7f7f7;
}

.opc-wrapper .checkout-shipping-method table {
    margin-bottom: 0;
}

.opc-wrapper .checkout-shipping-method thead {
    display: none;
}

.opc-wrapper .checkout-shipping-method tbody {
    border-top: 1px solid #bbbbbb;
}

.opc-wrapper .checkout-shipping-method tbody td {
    padding: 1.75em 0;
    border-bottom: 1px solid #bbbbbb;
    vertical-align: middle;
}

.opc-wrapper .checkout-shipping-method tbody td.col-price {
    width: 75px;
}

.opc-wrapper .checkout-shipping-method tbody td.col-method {
    width: 75px;
}

.opc-wrapper .checkout-shipping-method tbody td:first-child {
    padding: 0;
    width: 25px;
}

.opc-wrapper .checkout-shipping-method tbody td span .price {
    font-weight: bold;
}

/*
:: payment methods
*/
.opc-wrapper .checkout-payment-method .fieldset {
    margin-bottom: 0;
}

.opc-wrapper .checkout-payment-method .fieldset .legend,
.opc-wrapper .checkout-payment-method .fieldset > br {
    display: none;
}

.opc-wrapper .checkout-payment-method .fieldset .field label {
    cursor: pointer;
}

.opc-wrapper .checkout-payment-method .payment-method {
    position: relative;
    padding: 1em 0;
    border: 2px solid transparent;
    border-bottom: 1px solid #bbbbbb;
    transition: 0.3s border-color;
    cursor: pointer;
}

.opc-wrapper .checkout-payment-method .payment-method .payment-method-title {
    margin-bottom: 0;
}

.opc-wrapper .checkout-payment-method .payment-method .payment-method-content {
    display: none;
}

.opc-wrapper .checkout-payment-method .payment-method._active {
    padding: 1em;
    border-color: #50b67b;
    border-bottom-width: 2px;
}

.opc-wrapper .checkout-payment-method .payment-method._active:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 3px 7px;
    font-family: 'luma-icons';
    content: '\e610';
    font-size: 16px; font-size: 1rem;
    color: #ffffff;
    background: #50b67b;
    text-align: center;
}

.opc-wrapper .checkout-payment-method .payment-method._active .payment-method-title {
    padding-right: 2em;
    margin-bottom: 1em;
}

.opc-wrapper .checkout-payment-method .payment-method._active .payment-method-content {
    display: block;
}

.opc-wrapper .checkout-payment-method .payment-method._active .field.choice {
    margin-bottom: 1em;
}

.opc-wrapper .checkout-payment-method .payment-method._active .billing-address-details {
    padding-left: 1.75em;
}

.opc-wrapper .checkout-payment-method .field-select-billing > .label {
    display:none;
}

/*
:: coupons
*/
.opc-wrapper .checkout-payment-method .payment-option {
    padding: 1em 0.5em;
}

.opc-wrapper .checkout-payment-method .payment-option .payment-option-title .action-toggle {
    position: relative;
    display: block;
    margin-bottom: 1em;
}

.opc-wrapper .checkout-payment-method .payment-option .payment-option-title .action-toggle:after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    font-family: 'luma-icons';
    content: '\e622';
}

.opc-wrapper .checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after {
    content: '\e621';
}

.opc-wrapper .checkout-payment-method .fieldset .form-discount .field label {
    display: none;
}

.opc-wrapper .checkout-payment-method .fieldset .form-discount button span {
    padding: 0;
}

.opc-wrapper .checkout-payment-method .fieldset .form-discount button span span {
    padding: 0.75em 1.5em 0.75em 1.5em;
}

/*
:: sidebar, order summary
*/
.opc-block-summary {
    padding: 1em;
    margin-bottom: 1.25em;
    background-color: #f7f7f7;
}

.opc-block-summary .items-in-cart {
    padding-top: 2em;
}

.opc-block-summary > .title,
.opc-block-summary .items-in-cart > .title,
.shipping-information-title > span {
    position: relative;
    display: block;
    padding: 0 0 0.25em 0.5em;
    font-size: 20px; font-size: 1.25rem;
    color: #000;
    border-bottom: 1px solid #bbbbbb;
}

.opc-block-summary > .title:before {
    position: relative;
    left: -0.5em;
    font-family: 'Font Awesome\ 5 Free';
    content: '\f291';
    font-weight: 600;
    color: #333;
}

.opc-block-summary .items-in-cart > .title:after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    font-family: 'luma-icons';
    content: '\e622'
}

.opc-block-summary .items-in-cart.active > .title:after {
    content: '\e621';
}

.opc-block-summary .data.table thead {
    display: table-header-group;
}

.opc-block-summary .data.table tbody {
    display: table-row-group;
}

.opc-block-summary .data.table tr {
    display: table-row;
}

.opc-block-summary .data.table th,
.opc-block-summary .data.table td {
    display: table-cell;
    padding: 0.75em 0;
    vertical-align: middle;
}

.opc-block-summary .data.table td {
    text-align: right;
}

.opc-block-summary .data.table td:last-child {
    border-bottom: none;
}

.opc-block-summary .data.table .grand th,
.opc-block-summary .data.table .grand td {
    font-size: 16px; font-size: 1rem;
    border-top: 1px solid #bbbbbb;
}

/*
:: sidebar, order summary, items in cart
*/
.opc-block-summary .product-item .product-item-inner {
    display: table;
    margin: 0 0 10px;
    width: 100%;
}

.opc-block-summary .product-item .product-item-name-block {
    display: table-cell;
    padding-right: 5px;
    text-align: left;
}

.opc-block-summary .product-item .item-options {
    display: block;
}

.opc-block-summary .product-item .subtotal {
    display: table-cell;
    text-align: right;
}

/*
:: sidebar, order summary, shipping
*/
.opc-block-shipping-information {
    padding: 1em;
}

.opc-block-shipping-information .shipping-information-title {
    position: relative;
}

.opc-block-shipping-information .shipping-information-title .action-edit {
    position: absolute;
    top: 8px;
    right: 0;
}

.opc-block-shipping-information .shipping-information-title .action-edit span {
    padding: 0;
    background-color: transparent;
}

.opc-block-shipping-information .shipping-information-content {
    padding: 1em 0;
}

/*
:: checkout success
*/
.checkout-onepage-success .print {
    text-decoration: underline;
}

.checkout-onepage-success .actions-toolbar .primary a.action {
    text-decoration: none;
}





/* -----------------------------------------------
:: Account
----------------------------------------------- */

/*
:: login, register
*/
.customer-account-login #content {
    padding-top: 3em;
}

.customer-account-login .breadcrumbs {
    margin-bottom: 3em;
}

.login-container .note {
    color: #444;
}

.login-container .primary {
    margin-bottom: 1em;
}

.login-container .secondary {
    text-align: center;
}

.login-container .actions-toolbar button {
    display: block;
    width: 100%;
}

.login-container .block-title strong {
    font-size: 20px; font-size: 1.25rem;
}

.control.captcha-image {
    padding: 1em 0 0 0;
}

.control.captcha .captcha-reload {
    display: block;
}

.control.captcha .captcha-img {
    margin-bottom: 1em;
}

.control.captcha .captcha-reload span {
    display: inline-block;
    padding: 0.4em 1em 0.3em 1em;
    font-size: 14px;
    font-size: 0.875rem;
    color: #000;
    text-transform: none;
    background: #f7f7f7;
    border: 1px solid #cccccc;
}

.block-customer-login {
    padding: 1em;
    margin-bottom: 3em;
    background-color: #efefef;
}

.block-new-customer a.primary {
    display: block;
}

.block-new-customer a.primary span {
    display: block;
    padding: 0.75em 1.5em 0.75em 1.5em;
}

/*
:: forgot password
*/
.customer-account-createpassword .form.password.reset {
    max-width: 500px;
}

.customer-account-createpassword .form.password.reset .input-text {
    width: 100%;
}

/*
:: sidebar
*/
.block-collapsible-nav {
    margin-bottom: 1em;
}

.block-collapsible-nav .block-collapsible-nav-title strong {
    position: relative;
    display: block;
    padding: 0.5em 1em 0.5em 0;
    font-size: 16px; font-size: 1rem;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    cursor: pointer;
}

.block-collapsible-nav .block-collapsible-nav-title.active strong {
    border-bottom: none;
}

.block-collapsible-nav .block-collapsible-nav-title strong:before {
    position: absolute;
    top: 8px;
    right: 5px;
    font-family: FontAwesome;
    content: '\f107';
}

.block-collapsible-nav .block-collapsible-nav-title.active strong:before {
    content: '\f106';
}

.block-collapsible-nav .content {
    display: none;
    padding-bottom: 0.75em;
    border-bottom: 1px solid #bbbbbb;
}

.block-collapsible-nav .content.active {
    display: block;
}

.block-collapsible-nav .items {
    margin-bottom: 0;
}

.block-collapsible-nav .item {
    display: block;
    border-left: 5px solid #bbbbbb;
}

.block-collapsible-nav .item a,
.block-collapsible-nav .item > strong {
    display: block;
    padding: 0.5em 0 0.5em 1em;
}

.block-collapsible-nav .item:hover,
.block-collapsible-nav .item.current {
    border-left: 5px solid #000;
    background-color: #f7f7f7;
}

.block-collapsible-nav .item .delimiter {
    display: block;
    margin: 0.75em 0;
    border-top: 1px solid #d1d1d1;
}

/*
:: global
*/
.account .nav-sections {
    margin-bottom: 1em;
}

.account #main .page-title-wrapper .page-title {
    display: inline-block;
    margin-right: 1em;
}

.account #main .block {
    margin-bottom:1.5em;
    padding:1em;
    border: 1px solid #bbbbbb;
}

.account #main .block-title {
    position: relative;
    margin-bottom: 2em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #bbbbbb;
}

.account #main .block-content .box {
    margin-bottom: 2em;
}

.account #main .block-content .box-title {
    display: block;
    margin-bottom: 0.5em;
}

.account #main .block-content .box-title span {
    font-weight: bold;
}

/*
:: forms
*/
.account #main form {
    display: block;
    padding: 2.5em 2em 1em 2em;
    border: 1px solid #ccc;
}

.account #main form input.input-text {
    width: 100%;
}

.account #main form .fieldset {
    margin-bottom: 3em;
}

.account #main form .fieldset br {
    display: none;
}

.account #main form .fieldset .field label {
    display: block;
}

.account #main form .fieldset .field.choice .label {
    display: inline-block;
}

.account #main form .field .additional {
    padding: 1em 0;
}

.account #main .block .box-actions .action {
    text-decoration: none;
}

.account #main .block .box-actions .action.change-password,
.account #main .block .box-actions .action span {
    display: inline-block;
    padding: 0.5em 1em;
    background-color: #f7f7f7;
}

/*
:: dashboard, reviews
*/
.account .block-reviews-dashboard .items {
    margin-bottom: 0;
}

.account .block-reviews-dashboard .items .item {
    margin-bottom: 1em;
}

.account .block-reviews-dashboard .product-name {
    display: block;
    margin-bottom: 0.25em;
}

.account .block-reviews-dashboard .product-name a {
    font-weight: 400;
    text-decoration: underline;
}

/*
:: dashboard, orders
*/
.account .table-order-items td.col.actions .action.view:after {
    border-left: 1px solid #bbbbbb;
    content: '';
    display: inline-block;
    height: 12px;
    margin: 0 4px;
    vertical-align: -1px;
}

.account .table-order-items td .action span {
    text-decoration: underline;
}

/*
:: orders
*/
.account .return-status,
.account .order-status {
    position: relative;
    top: -5px;
    display: inline-block;
    padding:0.25em 1em;
    margin-bottom: 0.75em;
    border: 1px solid #bbbbbb;
    text-transform: uppercase;
}

.account .order-date {
    margin-bottom: 1em;
}

.account .order-actions-toolbar {
    margin-bottom: 1.5em;
}

.account .block-order-details-comments .comment-date {
    margin-bottom: 0.25em;
    font-weight: 600;
    font-size: 12px; font-size: 0.75rem;
    color: #000;
}

.account .block-order-details-comments .comment-content {
    margin-bottom: 1.5em;
    font-size: 12px; font-size: 0.75rem;
    line-height: 1.5em;
    overflow: hidden;;
}

.account .order-links {
    margin-bottom: 0;
}

.account .order-links .item {
    margin: 0 0 -1px;
    font-size: 14px; font-size: 0.875rem;
    line-height: normal;
}

.account .order-links .item strong {
    display: block;
    padding: 1em 1.5em;
    background: #ffffff;
    border: 1px solid #bbbbbb;
}

.account .order-links .item a {
    display: block;
    padding: 1em 1.5em;
    background: #f6f6f6;
    border: 1px solid #bbbbbb;
}

.account .order-details-items {
    padding: 1em;
    margin-bottom: 1.5em;
    border: 1px solid #bbbbbb;
}

.account .order-details-items .order-title {
    display: none;
}

.account .order-details-items .order-items td ul {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
}

.account .order-details-items .order-items td li {
    font-size: 12px; font-size: 0.75rem;
}

.account .order-details-items .item-options,
.account .order-details-items .item.options {
    display: block;
    background-color: #fff;
}

.account .order-details-items .actions-toolbar {
    display: none;
}

/*
:: orders, downloadable
*/
.table-downloadable-products .action.download {
    display: inline-block;
    margin-left: 0.5em;
    color: #bb7e4d;
    text-decoration: none;
}

.table-downloadable-products .action.download:before {
    display: inline-block;
    margin: -2px 5px 0 0;
    content: '\e626';
    font-family: 'luma-icons';
    vertical-align: middle;
    text-align: center;
}

/*
:: account information
*/
.account #main form .fieldset.password .new.password .control div.mage-error[generated] {
    margin-bottom: 0.5em;
}

.account #main form .fieldset .field.email {
    margin-bottom: 2em;
}

/*
:: payment methods
*/

/*
:: billing agreements
*/
.account #main .form-new-agreement .fieldset {
    float: none; !important;
    width: auto; !important;
    margin-bottom: 1em;
    padding: 0;
    background-color: transparent;
}

/*
:: reviews
*/
.account .customer-review .review-details .customer-review-rating {
    margin-bottom: 1em;
}

.account .customer-review .review-details .customer-review-rating .item {
    display: block;
    margin-bottom: 0.5em;
}

.account .customer-review .review-details .title {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #bbbbbb;
}

.account .customer-review .review-details .review-title {
    margin-bottom: 1em;
    font-weight: 600;
}

.account .customer-review .review-details .review-content {
    margin-bottom: 1em;
}

.account .customer-review .review-details .review-date {
    margin-bottom: 1em;
}

/*
:: newsletter
*/
.account #main .form-newsletter-manage {
    padding: 1.5em 2em 1em 2em;
}

.account #main .form-newsletter-manage .fieldset {
    float: none !important;
    width: auto !important;
    margin-bottom: 1em;
    padding: 0 !important;
    background-color: transparent !important;
}

.account #main .form-newsletter-manage .fieldset .legend {
    display: none;
}

/*
:: wishlist
*/
.account form.wishlist {
    padding: 0;
    border: none;
}

.account form.wishlist .fieldset {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.account .products-grid.wishlist .product-item-photo {
    float: left;
    width: 125px;
    margin-right: 1em;
}

.account .products-grid.wishlist .product-item-photo img {
    width: 125px;
}

.account .products-grid.wishlist .comment-box .label,
.account .products-grid.wishlist .field.qty {
    display: none;
}

.account .products-grid.wishlist .product-item-comment {
    min-height: 75px;
    font-size: 12px; font-size: 0.75rem;
}

.account #main form .products-grid.wishlist .box-tocart .fieldset {
    float: none;
    padding: 0;
    margin: 0;
    width: auto;
    background-color: transparent;
}

/*
:: compare
*/






/* -----------------------------------------------
:: CMS Pages
----------------------------------------------- */

/*
:: home
*/

/*
:: packery grid settings
*/
.row.packery-grid {
    margin-left: 0;
    margin-right: 0;
}

.packery-grid .gutter-sizer {
    width: 1.3333%;
}

.packery-grid .columnWidth {
    width: 24%;
}

.packery-grid .packery-item {
    float: left;
    width: 100%;
}

.packery-grid .packery-item a {
    display: block;
}

.packery-grid .packery-item img {
    float: left;
}

/*
:: contact
*/
.form.contact br,
.form.contact .legend,
.form.contact .field.note {
    display: none;
}

/*
:: 404
*/
.cms-no-route .page-title-wrapper {
    padding: 3.5em 0 0 0;
}

.cms-no-route .page-title {
    margin: 0;
}

.cms-no-route .error-help {
    padding: 1em 0;
    margin: 3em 0;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}



/* -----------------------------------------------
:: Footer & Copyright
----------------------------------------------- */

.page-bottom {
    position:relative;
    color: #fbfbfa;
    background-color:#3a4028;
}

/*
:: newsletter
*/
.block.newsletter {
    position: relative;
    z-index: 1;
    margin-bottom: 0.25em;
}

.block.newsletter label span {
    display: block;
    margin-bottom: 1em;
    font-size: 14px; font-size: 0.875rem;
}

.block.newsletter .field .control {
    position: relative;
    margin-bottom: 1em;
    border: solid 1px #555b48;
}

.block.newsletter ::placeholder {
    color: #d4d4cb;
}

.block.newsletter input {
    width: 100%;
    padding-right: 50px;
    color: #f7f7f7;
    border: none;
    background: none;
}

.block.newsletter button {
    position: absolute;
    top: 16px;
    right: 0px;
}

.block.newsletter button span {
    font-size: 0;
}

.block.newsletter button span:before {
    position: absolute;
    top: -7px;
    left: -40px;
    display: block;
    width: 24px;
    height: 24px;
    font-family: FontAwesome;
    font-size: 24px; font-size: 1.5rem;
    color: #fbfbfa;
    content: "\f138";
    cursor: pointer;
}

/*
:: footer, copyright
*/
#footer *,
#copyright * {
    color: #999999;
}

#footer {
    background-color: #3d4042;
}

#footer h4 {

}

#footer p,
#footer li {
    font-size:12px; font-size:0.75rem;
}

#footer a {
    color: #cccccc;
}

#footer ul {
    margin-bottom: 0;
}

#footer li {
    margin-bottom: 0.5em;
}

#footer .social {
    margin-bottom: 0;
}

#copyright {
    padding: 2em 0 2em 0;
    background-color: #363636;
    text-align: center;
}

#copyright a {
    text-decoration: underline;
}

#copyright .copyright-menu ul {
    margin: 0 auto;
}

#copyright .copyright-menu li {
    display: inline-block;
    margin: 0 0.5em;
}

#copyright .copyright-menu li:after {
    position: relative;
    left: 0.6em;
    content: '|';
}

#copyright .copyright-menu li:last-child:after {
    content: normal;
}





/* -----------------------------------------------
:: Responsive
----------------------------------------------- */

@media only screen and (min-width:20em) {
    /*
    min-width:320px;
    */

}

@media only screen and (min-width:22.5em) {
    /*
    min-width:360px;
    */

}

@media only screen and (min-width:30em) {
    /*
    min-width:480px;
    */

    /* newsletter */
    .block.newsletter label span { display: inline-block; width: 350px; }
    .block.newsletter .inner { padding-right: 185px; }
    .block.newsletter .social { position: absolute; top: 0; right: 0.75em; }

    /* packery grid system */
    .packery-grid .pw480-6 { width: 49.5%; }
}

@media only screen and (min-width:33.75em) {
    /*
    min-width:540px;
    */
}

@media only screen and (min-width:37.5em) {
    /*
    min-width:600px;
    */

    /* toolbar */
    .toolbar { text-align: left; }
    .toolbar .toolbar-amount,
    .toolbar .limiter,
    .toolbar .sorter {  margin-bottom: 0; }
    .toolbar .limiter { position: absolute; top: 17px; right: 0; text-align: right; }
    .toolbar .toolbar-amount { position:absolute; top:-30px; right:0; }
    .pages { position: absolute; top: 23px; right: 120px; text-align: right; }

    /* basket & checkout */
    .cart.table thead { display: table-header-group; border-bottom: 1px solid #bbbbbb; }
    .cart.table tbody { display: table-row-group; }
    .cart.table tr { display: table-row; }
    .cart.table th span { font-weight: bold; }
    .cart.table td { padding: 1.25em 0.5em; }

    .cart.table .col.qty:before,
    .cart.table .col.price:before,
    .cart.table .col.subtotal:before,
    .cart.table .col.msrp:before { content: normal; }

    .cart.table .col.item,
    .cart.table .col.msrp,
    .cart.table .col.price,
    .cart.table .col.qty,
    .cart.table .col.subtotal,
    .cart.table tr.item-actions td { display: table-cell; }

    .cart.table .col.item { width: 64%; }
    .cart.table .col.msrp  { }
    .cart.table .col.price { width: 12%; }
    .cart.table .col.qty { width: 12%; }
    .cart.table .col.subtotal { width: 12%; }
    .cart.table tr.item-actions td {  }

    .checkout-index-index #header .inner { text-align: left; }
    .checkout-index-index #header .checkout-help { text-align: right; }

    /* account */
    .customer-account-login #content { padding-top: 0; }

    .account .toolbar .limiter { top: 10px; }
    .account .toolbar-amount { position: static; }

    .account .customer-review .product-media { float: left; width: 35%; margin-right: 5%; }
    .account .customer-review .product-info { float: left; width: 60%; }
    .account .customer-review .review-details { clear: both; }

    /* account, wishlist */
    .account .products-grid.wishlist .product-item-photo { float: none; width: auto; margin-right: 0; }
    .account .products-grid.wishlist .product-item-photo img { width: 100% }
}

@media only screen and (min-width:48em) {
    /*
    min-width:768px;
    */

    /* buttons */
    .actions-toolbar .primary, .actions-toolbar .secondary { display: inline-block; }
    .actions-toolbar .primary button, .actions-toolbar .secondary button { display: inline-block; width: auto; }
    .actions-toolbar .primary button span,
    .actions-toolbar .secondary button span { margin-bottom: 0; }

    /* tables */
    .data.table thead { display: table-header-group; }
    .data.table tbody { display: table-row-group; }
    .data.table tr { display: table-row; }
    .data.table th, .data.table td { display: table-cell; padding: 1em 0.5em; }
    .data.table td { border-top: 1px solid #bbbbbb; }
    .data.table td:before { display: initial; margin: 0; content: normal; }
    .data.table td:last-child { border-bottom: none; }

    /* header */
    #header .searchtoggle { display:none; }
    #header .block-search { display: block; position: absolute; top: 2em; right: 6em; }
    #header .block-search .actions { top: 0.5em; }

    /* bundle products */
    .bundle-options-container .bundle-options-wrapper,
    .bundle-options-container .block-bundle-summary { float: left; width: 43% }
    .bundle-options-container .block-bundle-summary { float: right; }

    .bundle-options-container .product-add-form:before { top: 31%; -webkit-transform: initial; -moz-transform: initial; -ms-transform: initial; -o-transform: initial; transform: initial; }
    .bundle-options-container .product-add-form:after { top: 0; left: 50%; margin: 0; height: 100%; width: 1px; }
    .bundle-options-container .product-add-form .block-bundle-summary { padding-top: 1em; }

    /* basket & checkout */
    .cart.table td { padding: 1.5em 0.5em; border-top: none; }
    .multicheckout .data.table { border-top: none; }
    .multicheckout .data.table th, .multicheckout .data.table td { padding: 0.75em 0.5em; }
    .multicheckout .data.table th:first-child, .multicheckout .data.table td:first-child { padding: 0.75em 0.5em 0.75em 0; }
    .multicheckout .data.table th:last-child, .multicheckout .data.table td:last-child { padding: 0.75em 0 0.75em 0.5em; }
    .multicheckout .data.table .col.product:before, .multicheckout .data.table .product-item-name { font-size: 14px; font-size: 0.875rem; }
    .multicheckout .actions-toolbar .primary, .multicheckout .actions-toolbar .secondary { display: block; margin-bottom: 1em; }
    .multicheckout .actions-toolbar > .secondary { margin-left: 0; }

    /* account */
    .login-container .actions-toolbar button { display: inline-block; width: auto; }
    .login-container .secondary { text-align: left; }

    .block-customer-login { margin-right: 3em; }
    .block-new-customer a.primary,
    .block-new-customer a.primary span { display: inline-block; }

    /* dashboard - orders */
    .account .data.table .table-order-items td.col.actions { padding-bottom: 0; margin-bottom: 0; }

    .account #main form .fieldset { float: left; width: 48%; margin-bottom: 1em; }
    .account #main form .fieldset.address,
    .account #main form .fieldset.password { float: right; }
    .account #main .block-content .box { float: left; width: 50%; margin-bottom: 0; }
    .account #main .actions-toolbar { clear: both; }

    .account .toolbar { border: none; }

    /* orders */
    .account .order-links .item { float: left; display: inline-block; margin: 0 0 -1px -1px; }
    .account .order-links .item strong { margin-bottom: -1px; border-bottom: 1px solid #fff; }
    .account .data.table .col.price,
    .account .data.table .col.qty,
    .account .data.table .col.subtotal,
    .account .order-details-items tfoot .amount,
    .account .order-details-items tfoot .mark { text-align: right; }
    .account .data.table tfoot th, .account .data.table tfoot td { float: none; width: auto; }
    .account #main .block-order-details-view .block-content .box { width: 25%; }

    /* packery grid system */
    .packery-grid .pw600-6 { width: 49.5%; }
}

@media only screen and (min-width:50em) {
    /*
    min-width:800px;
    */

}

@media only screen and (min-width:64em) {
    /*
    min-width:1024px;
    */

    /* header */
    #header { margin-bottom: 0; border-bottom: none; }
    #header .logo { margin-left: 0; }

    /* main menu */
    .nav-toggle { display: none; }
    .nav-sections { position: static; left: auto; top: auto; width: auto; height: auto; margin-bottom:0.5em; transition: initial; overflow: unset; }
    .nav-sections-item-title { display: none; }

    .navigation ul { position: relative; margin-bottom: 0; text-align: center; }
    .navigation li.level0 { position: relative; display: inline-block; font-size: 14px; font-size: 0.875rem; text-transform: uppercase;  border-top: none; }
    .navigation li.level0 .level-top { display: block; padding: 1em 1.5em 1em 1.5em;  }

    .navigation .level0.active > .level-top:after,
    .navigation .level0.has-active > .level-top:after,
    .navigation .level0 .level-top:hover:after {  position: absolute; left: 0; right: 0; bottom: 0; display: inline-block; margin: 0 auto; width: 75%; content: '.'; text-decoration: none; border-bottom: 3px solid #000; }

    .navigation ul.submenu { text-align: left; }
    .navigation .level0 .submenu { position: absolute; left: 0; display: none; padding: 15px 0; margin-top: 1.75em; min-width: 200px; border: 1px solid #cccccc; z-index: 100; background: #fff; }
    .navigation .level0 .submenu a { display: block; padding: 0.25em 1.5em; }
    .navigation .level0 .submenu .active > a,
    .navigation .level0 .submenu a:hover,
    .navigation .level0 .submenu a.ui-state-focus { text-decoration: underline; }
    .navigation .level0 .submenu .submenu { top: 0 !important; left: 100% !important; }
	
    /* flexslider */
    .slider .flexslider { margin-bottom: 0.25em; }
    .slider .flex-direction-nav a.next:before,
    .slider .flex-direction-nav a.prev:before { font-size:32px; font-size:2rem; }

    /* sidebar */
    .sidebar-main { padding-top: 0; }
    .sidebar-main .block.filter { margin-bottom: 2em; }

    /* toolbar */
    .toolbar { border: none; }

    /* layered navigation */
    .sidebar-main .block.filter .filter-title { display: none; cursor: auto; }
    .sidebar-main .block.filter .block-content { display: block; }

    /* products */
    .netm-product-media { float: left; width: 35%; }
    .netm-product-main { float: right; width: 65%; padding: 0 0 0 5em; }
    .netm-product-additional { float: left; width: 35%; }

    /* related, upsell */
    .block.related .product-items .product-item-info,
    .block.upsell .product-items .product-item-info { text-align:left; }

    /* basket */
    .cart.table .actions-toolbar { padding: 0; }

    /* checkout, progress bar */
    .opc-progress-bar { display: block; margin-bottom: 3em; padding: 1em 0; background-color: #fff; counter-reset: i; }
    .opc-progress-bar-item { position: relative; display: inline-block; min-width: 15em; text-align: center; vertical-align: top; }
    .opc-progress-bar-item:before { position: absolute; top: 16px; left: 0; height: 7px; width: 100%; background: #e4e4e4; transition: background 0.3s; content: ''; }
    .opc-progress-bar-item > span { display: inline-block; padding-top: 3em; width: 100%; color: #bbbbbb; font-size: 18px; font-size: 1.125rem; }
    .opc-progress-bar-item > span:before,
    .opc-progress-bar-item > span:after { position: absolute; top: 0; left: 50%; height: 38px; width: 38px; margin-left: -19px; transition: background 0.3s; background: #e4e4e4; border-radius: 50%; content: ''; }
    .opc-progress-bar-item > span:after { top: 6px; margin-left: -13px; height: 26px; width: 26px; font-size: 18px; font-size: 1.125rem; color: #333333; content: counter(i); counter-increment: i; background: #ffffff; }
    .opc-progress-bar-item._complete { cursor: pointer; }
    .opc-progress-bar-item._complete:hover:before,
    .opc-progress-bar-item._complete:hover > span:before { background: #d7d7d7; }
    .opc-progress-bar-item._complete > span { color: #bbbbbb; }
    .opc-progress-bar-item._complete > span:after { font-family: 'luma-icons'; content: '\e610'; }
    .opc-progress-bar-item._active:before { background: #50b67b; }
    .opc-progress-bar-item._active > span { font-weight: 600; color: #50b67b; }
    .opc-progress-bar-item._active > span:before { background: #50b67b; }
    .opc-progress-bar-item._active > span:after { font-family: 'luma-icons'; content: '\e610'; }

    /* checkout */
    .cart-container .cart-summary,
    .checkout-container .opc-sidebar { float: right; width: 35%; }
    .cart-container .form-cart,
    .checkout-container .opc-wrapper { float: left; padding-right: 2em; width: 65%; }

    /* TODO */
    .authentication-dropdown {
        background-color: #ffffff;
        border: 1px solid #aeaeae;
        -webkit-transform: scale(1, 0);
        -webkit-transform-origin: 0 0;
        -webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0.1s;
        position: absolute;
        text-align: left;
        top: 100%;
        transform: scale(1, 0);
        transform-origin: 0 0;
        transition: transform linear .1s, visibility 0s linear .1s;
        visibility: hidden;
        width: 100%;
    }

    .authentication-dropdown._show {
        z-index: 100 !important;
        -webkit-transform: scale(1, 1);
        -webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0s;
        transform: scale(1, 1);
        transition: transform linear .1s, visibility 0s linear 0s;
        visibility: visible;
    }

    .custom-slide { position: relative; top: auto; left: auto; right: auto; bottom: auto; visibility: visible; left: auto; opacity: 1; z-index: 0; }
    .custom-slide .modal-inner-wrap { position: relative; min-height: auto; background-color: transparent; -webkit-transform: none; transform: none; transition-duration: 0s; -webkit-transition-property: none; transition-property: none; }
    .opc-summary-wrapper .modal-header .action-close { display: none; }

    .authentication-wrapper { text-align: right; }
    .authentication-dropdown { text-align: left; }
    .block-authentication .block-customer-login { margin: 0; padding: 1.5em; background-color: #fff; }
    .block-authentication .block-customer-login .block-title { margin-bottom: 1em; padding-bottom: 1em; }
    .block-authentication .block-customer-login .block-title strong { font-size: 18px; font-size: 1.125rem; font-weight: normal; }
    .block-authentication .actions-toolbar > .secondary { padding-top: 0; }

    .opc-wrapper .step-title { font-size: 28px; font-size: 1.75rem; }
    /* TODO */

    /* checkout, estimated total */
    .opc-estimated-wrapper { display: none; }
    .opc-block-summary .data.table td { border: none; }

    /* account forgot password */
    .form.password.reset,
    .form.send.confirmation,
    .form.password.forget,
    .form.create.account { max-width: 60%; }

    /* account */
    .block-collapsible-nav .block-collapsible-nav-title { display: none; }
    .block-collapsible-nav .content { display:block; }

    .account .block-order-details-comments .comment-date { clear:left; float:left; max-width:100px; margin-right:1.5em; }
	
    /* packery grid settings */
    .packery-grid .pw1024-3, .packery-grid .pw1024-4 { width: 24%; }
    .packery-grid .pw1024-6, .packery-grid .pw1024-8 { width: 49.3333%; }
    .packery-grid .gutter-sizer { width: 1.3333%; }
    .packery-grid .columnWidth { width: 24%; }

    /* contact */
    .form.contact { max-width: 70%; }

    /* footer */
    #footer .cls.one .inner,
    #footer .cls.two .inner,
    #footer .cls.three .inner { }
    #footer .cls.four .inner { }
    #footer .cls.four .inner img { }
}

@media only screen and (min-width:68.75em) {
    /*
    min-width 1100px
    */

}

@media only screen and (min-width:73.75em) {
    /*
    min-width 1180px
    */

}

@media only screen and (min-width:76.5em) {
    /*
    min-width 1224px
    */
}

@media only screen and (min-width:80em) {
    /*
    min-width 1280px
    */
}

@media only screen and (min-width:100em) {
    /*
    min-width 1600px
    */
}