/* -----------------------------------------------------------------------------
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
    :: promo bar
    :: menu toggle
    :: header links
    :: switcher
	:: logo
	:: search
	:: minicart
:: Menu
    :: navigation
    :: account menu
    :: switcher (currency & language
:: Breadcrumbs
:: Products
	:: items
	:: images
	:: details
	:: prices
	:: availability
	:: wish list, compare and email links
	:: swatch options
:: Categories
	:: content
	:: subcategories (landing page layout)
	:: parent with subcategories (1column)
	:: 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;
    color: #555;
    overflow-x: hidden;
    background-color: #ffffff;
}

p::-moz-selection 	{ background: #dddddd; }
p::selection 		{ background: #dddddd; }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #000000;
    line-height: 1.25em;
    letter-spacing: 1px;
    text-transform: uppercase;
}

h1	{
    margin: 0 0 0.25em 0;
    font-size: 24px; font-size: 1.5rem;
}

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

h2 {
    margin: 0 0 0.5em 0;
    font-size: 20px; font-size: 1.25rem;
}

h3 {
    margin-bottom: 0.5em;
}

h3, h4, h5, h6 {
    font-size: 16px; font-size: 1rem;
}

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

.catalog-product-view #description p {
    font-size: 100%;
}

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

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

.catalog-product-view #description li {
    font-size: 100%;
}

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

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;
}

em {
    color: #000000;
}

/*
:: 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: underline;
}

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;
    line-height: normal;
    vertical-align: top;
}

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

td input,
td select,
td textarea {
    font-size: 12px; font-size: 0.75rem;
}

/*
:: 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: #999;
    text-transform: uppercase;
}

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: 12px; font-size: 0.75rem;
    color: #444;
    background-color:#ffffff;
    overflow:hidden;
}

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

input[type="text"],
input[type="button"],
input.input-text,
input.item-qty,
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=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="text"],
input.input-text,
input[type="email"],
input[type="url"],
input[type="password"],
select,
textarea {
    padding: 0.75em 1em 0.75em 1em;
    border: 1px solid #e5e5e5;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

input[type="checkbox"] {
    margin: 3px 3px 3px 4px;
    padding: initial;
    width: auto;
    background-color: initial;
    -webkit-appearance: checkbox;
    cursor: default;
}

select {
    /* override and normalise select appearance across devices */
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
    appearance: menulist;
}

optgroup {
    color: #444;
}

.css-select { position:relative; }
.css-select:after {
    content:"";
    position:absolute;
    top:35%;
    right:4px;
    height:0;
    width:0;
    border-top:10px solid #ffffff;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    pointer-events:none;
    z-index:2;
}
.css-select ::-ms-expand { display:none; }

@-moz-document url-prefix() {
    select {
        padding: 1em 0.75em 1em 1em;
    }
    .css-select:after {
        right:10px;
    }
}

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;
    border:1px solid #1990c6;
    -webkit-box-shadow: 0 0 0 1px #1990c6;
    -moz-box-shadow: 0 0 0 1px #1990c6;
    box-shadow: 0 0 0 1px #1990c6;
}



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

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

.no-display,
.display-none 	{ 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; }

.maxw-600       { margin: 0 auto 2em auto !important; max-width: 600px !important; }
.maxw-800       { margin: 0 auto 2em auto !important; max-width: 800px !important; }
.maxw-1024      { margin: 0 auto 2em auto !important; max-width: 1024px !important; }
.maxw-1200      { margin: 0 auto 2em auto !important; max-width: 1200px !important; }
.maxw-1400      { margin: 0 auto 2em auto !important; max-width: 1400px !important; }

.full-width      { clear: both; margin: 0 -100%; padding-right: 0.75em; padding-left: 0.75em; }
.full-width.background-image { height: 200px; background-size: cover; background-position: center 60%; background-repeat: no-repeat; }


/*
:: social links as icons
*/
.social			{ position: relative; z-index: 1; }
.social li		{ position: relative; display: inline-block; margin: 0 0.5em !important;  padding: 0; }
.social a		{ float: left; height: 0; padding: 24px 0 0 0; width: 24px; overflow: hidden; }
.social a:before { position: absolute; top: -5px; left: 0; font-family: FontAwesome; font-size: 22px; font-size: 1.375rem; color: #ffffff; }
.social .instagram a:before     { content: '\f16d'; }
.social .twitter a:before 		{ content: '\f099'; }
.social .pinterest a:before 	{ content: '\f0d2'; }
.social .facebook a:before 		{ content: '\f09a'; }
.social .linkedin a:before 		{ content: '\f0e1'; }
.social .youtube a:before		{ content: '\f16a'; }
.social .rss a:before 			{ content: '\f09e'; }


/*
:: 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: #ffffff; 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 .panel.header,
* html .social li,
* html figure,
* html .checkout-container,
* html form .field,
* html .account #main .block-content,
* html .order-links,
* html .actions-toolbar,
* html .widget,
* html .bundle-options-container .product-add-form form {
    overflow:visible;
}
*+html .panel.header,
*+html .social li,
*+html figure,
*+html .checkout-container,
*+html form .field,
*+html .account #main .block-content,
*+html .order-links,
*+html .actions-toolbar,
*+html .widget,
*+html .bundle-options-container .product-add-form form {
    min-height:1%;
}
.panel.header:after,
.social li:after,
figure:after,
.checkout-container:after,
form .field: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;
}
.message.info       { background-color: #fdf0d5; color: #6f4400; }
.message.notice     { background-color: #fdf0d5; color: #6f4400; }
.message.error      { background-color: #f7e4e1; color: #ad4534; }
.message.success    { background-color: #e5efe5; color: #006400; }
.message.undefined  { background: none; }

.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;
    bottom: 0.75em;
    left: 0.75em;
    padding: 1em;
    margin-bottom: 0;
    width: 200px;
    font-size: inherit;
    background: #ffee9c;
    vertical-align: middle;
    z-index: 100;
}

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

.message.global.cookie p {
    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
*/
.field .control._with-tooltip {
    position: relative
}

.field .control._with-tooltip input {
    margin-right: 10px;
    width: calc(100% - 36px)
}

.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content,
.shipping-policy-block.field-tooltip .field-tooltip-content {
    right: -10px;
    top: 40px;
    left: auto
}

.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before,
.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after,
.shipping-policy-block.field-tooltip .field-tooltip-content:before,
.shipping-policy-block.field-tooltip .field-tooltip-content:after {
    border: 10px solid transparent;
    height: 0;
    width: 0;
    margin-top: -21px;
    right: 10px;
    left: auto;
    top: 0
}

.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before,
.shipping-policy-block.field-tooltip .field-tooltip-content:before {
    border-bottom-color: #666
}

.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after,
.shipping-policy-block.field-tooltip .field-tooltip-content:after {
    border-bottom-color: #f4f4f4;
    top: 1px
}

.tooltip.wrapper {
    position: relative;
}

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

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

.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 {
    border-bottom-color: #fff;
    left: 15px;
    margin-left: -5px;
    border-bottom-color: #ffffff;
}

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

.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
}

.field .tooltip {
    position: relative
}

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

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

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

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

.field .tooltip .tooltip-content:after,
.field .tooltip .tooltip-content:before {
    right: 100%
}

.field .tooltip .tooltip-content:after {
    border-right-color: #fff;
    margin-top: -5px;
    top: 15px
}

.field .tooltip .tooltip-content:before {
    border-right-color: #bbb;
    margin-top: -6px;
    top: 15px
}

.field .tooltip .tooltip-toggle {
    cursor: help
}

.field .tooltip .tooltip-toggle:hover+.tooltip-content,
.field .tooltip .tooltip-toggle:focus+.tooltip-content,
.field .tooltip:hover .tooltip-content {
    display: block
}

.field .tooltip .tooltip-content {
    min-width: 200px;
    white-space: normal
}

input:focus~.tooltip .tooltip-content,
select:focus~.tooltip .tooltip-content {
    display: block
}

.amazon-button-container .field-tooltip {
    display: none;
    margin: -12px 0 0;
    right: 5px;
    top: 50%
}

.product-social-links .field-tooltip .field-tooltip-content,
.amazon-minicart-container .field-tooltip .field-tooltip-content {
    top: 38px;
    left: -245px
}

.product-social-links .field-tooltip .field-tooltip-content:before,
.amazon-minicart-container .field-tooltip .field-tooltip-content:before {
    border: none;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #666;
    top: -10px;
    left: 244px
}

.product-social-links .field-tooltip .field-tooltip-content:after,
.amazon-minicart-container .field-tooltip .field-tooltip-content:after {
    border: none;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f4f4f4;
    top: -8px;
    left: 244px
}

.checkout-methods-items .field-tooltip {
    display: none
}

.checkout-methods-items .field-tooltip .field-tooltip-content {
    right: -10px;
    top: 40px;
    left: auto
}

.checkout-methods-items .field-tooltip .field-tooltip-content:before,
.checkout-methods-items .field-tooltip .field-tooltip-content:after {
    border: 10px solid transparent;
    height: 0;
    width: 0;
    margin-top: -21px;
    right: 10px;
    left: auto;
    top: 0
}

.checkout-methods-items .field-tooltip .field-tooltip-content:before {
    border-bottom-color: #666
}

.checkout-methods-items .field-tooltip .field-tooltip-content:after {
    border-bottom-color: #f4f4f4;
    top: 1px
}

@media all and (max-width:768px) {
    .checkout-methods-items .field-tooltip .field-tooltip-content {
        right: -56px;
        top: 38px;
        left: auto
    }
    .checkout-methods-items .field-tooltip .field-tooltip-content:before,
    .checkout-methods-items .field-tooltip .field-tooltip-content:after {
        right: 56px
    }
}

.payment-method-braintree .field-tooltip {
    right: 0
}

.minicart-items .product.options .toggle.tooltip {
    display: inline-block;
    text-decoration: none
}

.minicart-items .product.options .toggle.tooltip>span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.minicart-items .product.options .toggle.tooltip:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: 12px;
    color: inherit;
    content: '\e622';
    font-family: 'luma-icons';
    margin: -3px 0 0 7px;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center
}

.field.choice .field-tooltip {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -3px
}

.field.choice .field-tooltip-action {
    line-height: 21px
}

.field-tooltip {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 1px
}

.field-tooltip._active {
    z-index: 100
}

.field-tooltip._active .field-tooltip-content {
    display: block
}

.field-tooltip._active .field-tooltip-action:before {
    color: #333
}

.field-tooltip .label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.field-tooltip .field-tooltip-action {
    display: inline-block;
    text-decoration: none
}

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

.field-tooltip .field-tooltip-action:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    line-height: inherit;
    color: #bbb;
    content: '\e623';
    font-family: 'luma-icons';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center
}

.field-tooltip .field-tooltip-action:hover:before {
    color: #333
}

.field-tooltip .field-tooltip-action:before {
    padding-left: 1px
}

._keyfocus .field-tooltip .field-tooltip-action:focus {
    z-index: 100
}

._keyfocus .field-tooltip .field-tooltip-action:focus+.field-tooltip-content {
    display: block
}

._keyfocus .field-tooltip .field-tooltip-action:focus:before {
    color: #333
}

.field-tooltip .field-tooltip-content {
    background-color: #fff3cd;
    border: 1px solid #e37f2e;
    border-radius: 1px;
    font-size: 14px;
    padding: 12px;
    width: 270px;
    display: none;
    left: 38px;
    position: absolute;
    text-transform: none;
    top: -3px;
    word-wrap: break-word;
    z-index: 2
}

.field-tooltip .field-tooltip-content:before,
.field-tooltip .field-tooltip-content:after {
    border: 10px solid transparent;
    height: 0;
    width: 0;
    border-right-color: #e37f2e;
    left: -21px;
    top: 12px;
    content: '';
    display: block;
    position: absolute;
    z-index: 3
}

.field-tooltip .field-tooltip-content:before {
    border-right-color: #e37f2e;
}

.field-tooltip .field-tooltip-content:after {
    border-right-color: #e37f2e;
    width: 1px;
    z-index: 4
}

@media only screen and (max-width:768px) {
    .field-tooltip .field-tooltip-content {
        left: auto;
        right: -10px;
        top: 40px
    }
    .field-tooltip .field-tooltip-content::before,
    .field-tooltip .field-tooltip-content::after {
        border: 10px solid transparent;
        height: 0;
        left: auto;
        margin-top: -21px;
        right: 10px;
        top: 0;
        width: 0
    }
    .field-tooltip .field-tooltip-content::before {
        border-bottom-color: #999
    }
    .field-tooltip .field-tooltip-content::after {
        border-bottom-color: #f4f4f4;
        top: 1px
    }
}

.shipping-policy-block.field-tooltip {
    top: 12px
}

.shipping-policy-block.field-tooltip .field-tooltip-action {
    color: #006bb4;
    cursor: pointer
}

.shipping-policy-block.field-tooltip .field-tooltip-action:before {
    display: none
}

.shipping-policy-block.field-tooltip .field-tooltip-content {
    width: 420px;
    top: 30px
}

.ui-tooltip {
    background: #fff;
    border: 1px solid #bbb;
    padding: 10px
}

@media only screen and (max-width:768px) {
    .field-tooltip .field-tooltip-content {
        right: -10px;
        top: 40px;
        left: auto
    }
}

@media only screen and (max-width:767px) {
    .abs-checkout-tooltip-content-position-top-mobile,
    .field-tooltip .field-tooltip-content {
        right: -10px;
        top: 40px;
        left: auto
    }
    .field-tooltip .field-tooltip-content:before,
    .field-tooltip .field-tooltip-content:after {
        border: 10px solid transparent;
        height: 0;
        width: 0;
        margin-top: -21px;
        right: 10px;
        left: auto;
        top: 0
    }
    .field-tooltip .field-tooltip-content:before {
        border-bottom-color: #666
    }
    .field-tooltip .field-tooltip-content:after {
        border-bottom-color: #f4f4f4;
        top: 1px
    }
    .field-tooltip .field-tooltip-content {
        right: -10px;
        top: 40px;
        left: auto
    }
}

@media only screen and (max-width:639px) {
    .shipping-policy-block.field-tooltip {
        margin-bottom: 20px;
        position: relative;
        right: auto;
        top: auto
    }
    .shipping-policy-block.field-tooltip .field-tooltip-content {
        width: 300px;
        right: auto
    }
    .shipping-policy-block.field-tooltip .field-tooltip-content:before,
    .shipping-policy-block.field-tooltip .field-tooltip-content:after {
        right: auto
    }
}

/*
:: 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,
a:visited,
a.alink:visited,
a[href^="mailto:"] {
    color: #555555;
}

a:hover {
    color: #000000;
}

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

.fieldset .legend {
    display: block;
	padding-bottom: 0.25em;
    margin-bottom: 1.5em;
	width: 100%;
    font-size: 16px; font-size: 1rem;
    font-weight: 600;
}

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

.fieldset > .field > .label,
.fieldset > .fields > .field > .label {
    position: relative;
    display: inline-block;
    margin-bottom: 0.25em;
    font-size: 14px; font-size: 0.875rem;
}

.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 {
    position: absolute;
    margin: 0 0 0 5px;
    content: '*';
    font-size: 12px;
    color: #e02b27;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2em;
    font-size: 12px; font-size: 0.75rem;
    line-height: 26px;
}

.ui-datepicker select {
    padding: inherit;
    font-size: 12px; font-size: 0.75rem;
}

._has-datepicker,
.field-dob ._has-datepicker {
    width: 90%;
    margin-right: 10px;
}

._has-datepicker ~ .ui-datepicker-trigger {
    display: block;
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-top: -4px;
    background-image: none;
    background: none;
    -moz-box-sizing: content-box;
    border: 0;
    box-shadow: none;
    font-weight: 400;
    line-height: inherit;
    text-shadow: none;
    text-decoration: none;
    vertical-align: middle;
}

._has-datepicker ~ .ui-datepicker-trigger:focus,
._has-datepicker ~ .ui-datepicker-trigger:active {
    background: none;
    border: none;
}

._has-datepicker ~ .ui-datepicker-trigger:hover {
    background: none;
    border: none;
}

._has-datepicker ~ .ui-datepicker-trigger.disabled,
._has-datepicker ~ .ui-datepicker-trigger[disabled],
fieldset[disabled] ._has-datepicker ~ .ui-datepicker-trigger {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

._has-datepicker ~ .ui-datepicker-trigger > span {
    position: absolute;
    padding: 0;
    margin: -1px;
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

._has-datepicker ~ .ui-datepicker-trigger:before {
    display: inline-block;
    font-family: 'luma-icons';
    content: '\e612';
    font-size: 23px;
    font-weight: normal;
    color: #7d7d7d;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}

._has-datepicker ~ .ui-datepicker-trigger:focus {
    box-shadow: none;
    outline: 0;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    padding: 0;
    font-size: 12px; font-size: 0.75rem;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar th {
    padding: 4px;
}

/* 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;
}

.box-tocart .fieldset .field.qty .control {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.box-tocart .fieldset .field.qty .control button {
    width: 40px;
    font-size: inherit;
    line-height: 45px;
    background-color: #f8f8f8;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.box-tocart .fieldset .field.qty .control button:hover {
    color: #ffffff;
    background-color: #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}

.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: 1em 0;
    width: 50px;
    font-size: 14px; font-size: 0.875rem;
    text-align: center;
}

.input-text.qty::-webkit-inner-spin-button,
.input-text.qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.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 {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

button span {
    position: relative;
    display: block;
    padding: 1.25em 1em;
    font-size: 12px; font-size: 0.75rem;
    color: #666666;
    text-align: center;
    text-transform: uppercase;
    background-color: #f3f3f3;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.action.primary span {
    color: #ffffff;
    background-color: #000000;
}

.action.primary:hover span {
    color: #000000;
    background-color: #cccccc;
}

.action.primary.checkout span {
    padding: 1em 1.5em;
    width: 100%;
}

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

a.action span {
    position: relative;
    text-align: center;
}

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

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: none; }
a.action.multicheckout span         { }

a.action.compare					{ text-decoration: none; }
a.action.compare span				{ display: block; padding: 0.5em 1em; font-size: 14px; font-size: 0.875rem; color: #ffffff;  background-color: #999; }
a.action.viewcart span				{ background-color: #dddddd; }
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					{ padding: 0.85em; }
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 {
    padding: .75em 1em;
    margin-bottom: 0.5em;
}

.actions-toolbar .primary a.action,
.actions-toolbar .secondary a.action {
    display: inline-block;
    font-size: 12px; font-size: 0.75rem;
}

.actions-toolbar .secondary a.action {
    margin-right: 16px;
}

.actions-toolbar .secondary a.action span {
    background-color: transparent;
}

.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: 14px; font-size: 0.875rem;
    color: #000000;
    line-height: 1.25em;
    text-transform: uppercase;
}

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

.block-title a.action {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 12px; font-size: 0.75rem;
    color: #000000;
}

.block-title a.action span {
    padding: 0;
    text-transform: none;
}

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

.page-title {

}

/*
:: 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: #dddddd;
}

.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 th,
.data.table td {
    padding: 0.25em 0em;
}

.data.table th {
    font-weight: normal;
    text-transform: uppercase;
}

.data.table td {
    display: block;
}

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

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

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

.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 tfoot .amount .price {
    font-weight: normal;
}

.data.table tfoot .grand_total .amount .price {
    font-weight: bold;
}

.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;
    word-wrap: normal;
}

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

.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: #dadada;
    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;
    line-height: 14px;
    color: #000000;
    letter-spacing: 2px;
    content: '\e605' '\e605' '\e605' '\e605' '\e605';
    speak: none;
    z-index: 2;
}

.no-rating .rating-summary .rating-result > span:before {
    color: #dadada;
}

.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.25em;
    text-decoration: underline;
}

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

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

.review-list .review-item {
    border-bottom: 1px solid #e5e5e5;
    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 {
    display: inline-block;
    margin-right: 0.5em;
    width: 75px;
}

.review-list .review-author,
.review-list .review-date {
    display: inline-block;
}

.review-list .review-date .review-details-label {
    display: none;
}

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

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

.review-add .block-title strong {
    font-weight: 600;
}

.review-add .review-fieldset {
    margin-bottom: 0;
}

.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: -12px;
    left: 0;
    display: block;
    height: 16px;
    font-family: 'luma-icons';
    font-size: 16px;
    color: #000000;
    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
----------------------------------------------- */

.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.5em 2.5em;
}

.modal-slide .modal-header {
    padding-bottom: 2em;
    padding-top: 2em;
}

.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: 5em auto;
    width: 90%;
    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: 80%;
}

.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-inner-wrap .step-title {
    display: none;
}

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

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

.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.25em;
    padding-top: 3em;
}

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

.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: 20px 16px 0 0;
}

.modal-popup .modal-title {
    padding-bottom: 10px;
    font-size: 22px; font-size: 1.375rem;
    border-bottom: 1px solid #c1c1c1;
}

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

.modal-slide .action-close {
    padding: 50px 50px 0 0;
}

.modal-slide .page-main-actions {
    margin-bottom: -12.9em;
    margin-top: 2em;
}

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: 1000;
    background-color: rgba(91,92,99,.45);
}

.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: #ffffff;
    -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 .modal-inner-wrap .opc-block-summary {
    background-color: #fff;
}

.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;
}

#header .panel.wrapper {
    padding: 0.5em 0;
    margin-bottom: 1em;
    border-bottom: 1px solid #e5e5e5;
}

#header .panel.header {
    position: relative;
    padding: 0 0.75em;
    margin: 0 auto;
    max-width: 50em;
}

/*
:: promo bar
*/
#header .header-promo {
    padding: 0.5em 0;
    text-transform: uppercase;
    text-align: center;
    background-color: #f3f3f3;
}

#header .header-promo p,
#header .header-promo ul,
#header .header-promo li {
    margin-bottom: 0;
    font-size: 12px; font-size: 0.75rem;
}

/*
:: menu toggle
*/
.nav-toggle {
    position: absolute;
    top: -0.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: #000000;
}

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

/*
:: switcher
*/
#header .switcher {
    position: relative;
    float: right;
    margin-left: 1em;
    margin-top: 2px;
}

#header .switcher .options .action.toggle {
    font-size: 12px; font-size: 0.75rem;
    cursor: pointer;
}

#header .switcher .options .action.toggle:after {
    display: inline-block;
    font-family: 'luma-icons';
    font-size: 10px; font-size: 0.625rem;
    line-height: 22px;
    content: '\e622';
}

#header .switcher .options .action.toggle.active:after {
    content: '\e621';
}

#header .switcher-label {
    display: none;
}

#header .switcher .options ul.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: -75%;
    padding: 0.25em 0.5em;
    margin: 0.25em 0 0 0;
    min-width: 150px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    z-index: 1000;
}

#header .switcher .options.active ul.dropdown {
    display: block;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

#header .switcher .options li {
    font-size: 12px; font-size: 0.75rem;
}

/*
:: header links
*/
#header .link.compare {
    display: none;
}

#header .header.links {
    margin: 0;
}

#header .header.links li {
    display: inline-block;
    font-size: 12px; font-size: 0.75rem;
    text-transform: uppercase;
}

#header .header.links li.authorization-link {
    white-space: nowrap;
    padding-right: 1rem;
}

#header .header.links li::after {
    content: '|';
    position: relative;
    left: 0.1em;
}

#header .header.links li.help-link::after {
    content: '';
}

#header .header.links li a {
    color: #000000;
}

#header .header.links li a:hover,
#header .header.links li a.active {
    text-decoration: underline;
}

#header .header.links .authorization-link:after {
    display: inline-block;
    margin: 0 -15px 0 -1px;
}

#header .header.links .authorization-link:last-child:after,
#header .header.links .customer-welcome+.authorization-link {
    display: none;
}

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

#header .logo img {
    max-width: 130px;
}

/*
:: search
*/
#header .toggle-search {
    position: absolute;
    top: .4em;
    right: 5.25em;
    cursor: pointer;
    z-index: 10;
}

#header .toggle-search span {
    display: none;
}

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

.search-open #header .toggle-search: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.75em;
    z-index: 1;
}

#header .block-search input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #444;
}

#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: 0.5em;
    border: 1px solid #444444;
    border-top: none;
    background-color: #ffffff;
    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;
}

.block-search .nested {
    display: none;
}

/*
:: minicart
*/
.minicart-wrapper {
    position: absolute;
    top: 0.5em;
    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: #ffffff;
    background-color: #000000;
    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: #ffffff;
    border: 1px solid #e5e5e5;
    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 #e5e5e5 transparent;
    z-index: 98;
}

.minicart-wrapper .block-minicart .block-title {
    margin-bottom: 1em;
}

.minicart-wrapper .block-minicart .block-title .qty {
    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-items-wrapper {
    padding: 0;
    max-height: 500px;
    overflow: auto;
    background-color: #ffffff;
}

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

.minicart-wrapper .subtitle.empty {
    display: block;
    padding: 1em;
    font-size: 14px; font-size: 0.875rem;
    font-weight: normal;
}

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

.minicart-items {
    margin-bottom: 0;
}

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

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

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

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

.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 {
    width: 32px;
    text-align: center;
    border: 1px solid #ccc;
}

.minicart-items .actions.product {
    position: absolute;
    right: 0.5em;
    bottom: 0;
    width: 60px;
    text-align: right;
}

.minicart-items .actions.product .action.delete span,
.minicart-items .actions.product .action.edit span {
    display: none;
}

.minicart-wrapper .action.edit,
.cart-container .action.action-edit,
.minicart-wrapper .action.delete,
.cart-container .action.action-delete {
    display: inline-block;
    position: relative;
}

.minicart-wrapper .action.edit span,
.cart-container .action.action-edit span,
.minicart-wrapper .action.delete span,
.cart-container .action.action-delete span {
    display: none;
}

.minicart-wrapper .action.edit:before,
.cart-container .action.action-edit:before,
.minicart-wrapper .action.delete:before,
.cart-container .action.action-delete:before {
    display: inline-block;
    font-family: 'luma-icons';
    font-size: 18px; font-size: 1.125rem;
    line-height: 20px;
    color: #bbbbbb;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.minicart-wrapper .action.edit:before,
.cart-container .action.action-edit:before {
    content: '\e601';
}

.minicart-wrapper .action.delete:before,
.cart-container .action.action-delete:before {
    content: '\e604';
}

.minicart-wrapper .items-totals-wrapper {
    padding: 1em 0;
    border-top: 1px solid #e5e5e5;
}

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

.minicart-wrapper .items-total,
.minicart-wrapper .subtotal {
    float: left;
    width: 49%;
    font-size: 14px; font-size: 0.875rem;
}

.minicart-wrapper .subtotal {
    float: right;
    text-align: right;
}

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

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

.minicart-wrapper .action.primary.checkout,
.minicart-wrapper .action.viewcart span {
    display: block;
    width: 100%;
    padding: 1.25em;
    font-size: 12px; font-size: 0.75rem;
    text-align: center;
    text-transform: uppercase;
}

.minicart-wrapper .action.viewcart {
    display: block;
    color: #666666;
    text-decoration: none;
}

.minicart-wrapper .block-minicart .block-content .action.primary.checkout {
    margin-bottom: 1em;
    color: #ffffff;
    background-color: #000000;
}


/* -----------------------------------------------
:: 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-color: #ffffff;
}

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


/*
:: 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;
    background-color: #f7f7f7;
    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 {
    float: left;
    width: 33.33%;
    height: 71px;
    padding-top: 24px;
    background: #e3e3e3;
    text-align: center;
}

.nav-open .nav-sections-item-title.active {
    background-color: #ffffff;
}

.nav-open .nav-sections .nav-sections-items .section-item-title a {
    color: #000000;
    font-size: 14px; font-size: 0.875rem;
    text-transform: uppercase;
}

.nav-open .nav-sections-item-title .nav-sections-item-switch:hover {
    text-decoration: none;
}

.nav-open .nav-sections-item-content {
    float: right;
    padding: 25px 0;
    margin-left: -100%;
    margin-top: 71px;
    width: 100%;
    background-color: #ffffff;
}

.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 .nav-sections-item-content ul {
    padding: 0 1em;
    margin: 0;
}

.nav-open .nav-sections-item-content li {
    border-bottom: 1px solid #e3e3e3;
}

.nav-open .nav-sections-item-content li.all-category,
.nav-open .nav-sections-item-content li.category-item.last {
    border-bottom: none;
}

.nav-open .nav-sections-item-content li a {
    display: block;
    padding: 1em 2em 0.75em 1em;
    text-transform: uppercase;
    text-decoration: none;
}

.nav-open .nav-sections-item-content li a:hover {
    text-decoration: none;
}

.nav-open .navigation .parent .level-top {
    position: relative;
}

.nav-open .navigation .parent .level-top:after {
    position: absolute;
    right: 16px;
    top: 8px;
    display: inline-block;
    font-size: 20px; font-size: 1.25rem;
    content: '+';
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.nav-open .navigation .parent .level-top.ui-state-active:after {
    top: 2px;
    right: 20px;
    content: '-';
}

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

.nav-open .navigation .level0.active > a,
.nav-open .navigation .level0.has-active > a {
    color: #000000;
    border-left: 3px solid #000000;
}

.nav-open .navigation .level0.active > a:not(.ui-state-active),
.nav-open .navigation .level0.has-active > a:not(.ui-state-active) {
    padding: 1em 2em 0.75em 1.3em;
}

.nav-open .navigation .level0.active > a.ui-state-active,
.nav-open .navigation .level0.has-active > a.ui-state-active {
    padding: 1em 2em 0.75em 0.8em;
}

.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 .submenu > li {
    word-wrap: break-word;
}

.nav-open .navigation .submenu > li a {
    padding: 1em 2em 0.75em 2em;
}

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

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

.nav-open .navigation .submenu:not(:first-child) ul {
    padding-left: 1.5em;
}

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

.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: #000000;
    border-style: solid;
    border-width: 0 0 0 3px;
    color: #333333;
    padding-left: 25px;
}

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

/*
:: account menu
*/


/*
:: switcher (currency & language
*/
.nav-open .switcher {
    padding: 1em 0.75em 0 0.75em;
}

.nav-open .switcher .switcher-label,
.nav-open .switcher .switcher-trigger {
    padding-left: 1em;
    font-size: 14px; font-size: 0.875rem;
    text-transform: uppercase;
}

.nav-open .switcher li {
    font-size: 14px; font-size: 0.875rem;
    border-bottom: 1px solid #d1d1d1;
}

.nav-open .switcher li a {
    display: block;
    padding: 1em 2em 0.75em 1em;
    color: #444;
    text-transform: uppercase;
}



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

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

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

.breadcrumbs ul li {
    display: inline-block;
    margin: 0 .5em 0 0;
    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: 0 .5em 0 0;
    text-decoration: underline;
    color:#999;
}

.hide-breadcrumb .breadcrumbs {
    display: none;
}



/* -----------------------------------------------
:: 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;
}

.product-image-container {
    display: inline-block;
    max-width: 100%;
    float: left;
}

.product-image-wrapper {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    z-index: 1;
}

.product-image-photo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: auto;
}

.products-list .product-image-wrapper,
.cart.table-wrapper .product-image-wrapper,
.minicart-items .product-image-wrapper,
.block-giftregistry-shared-items .product-image-wrapper {
    height: auto;
}

/*
:: details
*/
.product-item .product-item-info {
    position: relative;
    margin-bottom: 2em;
    text-align: center;
    z-index: 0 !important;
}

.product-item-name {
    display: block;
    padding: 0;
    margin: 0 0 1em 0;
    font-size: 12px; font-size: 0.75rem;
    font-weight: normal;
    color: #000000;
    letter-spacing: normal;
    line-height: 1.25em;
}

.product-item-name a {
    color: #000000;
}

.product-item dl,
.item-options,
.item.options {
    display: inline-block;
    margin-bottom: 1em;
    min-width: 40%;
}

.product-item dt,
.item-options dt,
.item.options dt {
    clear: left;
    float: left;
    margin: 0 10px 5px 0;
    font-weight: 600;
}

.product-item dd,
.item-options dd,
.item.options dd {
    display: inline-block;
    float: left;
    margin: 0 0 5px;
}

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

.price-box,
.price-from,
.price-to,
.special-price {
    margin-bottom: 0.25em;
    line-height: 1em;
}

.price {
    font-weight: 600;
    color: #000000;
}

.price-notice {
    color: #a0a0a0;
}

.price-label {
    font-size: 12px; font-size: 0.75rem;
    color: #777;
}

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

.special-price {
    display: block;
}

.old-price .price-label,
.old-price .price {
    font-weight: 400;
    font-size: 14px !important; font-size: 0.875rem !important;
}

.old-price .price {
    text-decoration: line-through;
}

.price-including-tax,
.price-excluding-tax {
    display: block;
    margin-bottom: 0.5em;
}

.price-including-tax .price,
.price-excluding-tax .price {
    margin-right: 0.5em;
    font-size: 16px; font-size: 1rem;
}

.price-including-tax:after,
.price-excluding-tax:after,
.weee[data-label]:after {
    content: attr(data-label) ' ';
    font-size: 12px; font-size: 0.75rem;
    font-weight: normal;
    color: #666;
}

/*
:: availability
*/
.stock {
    margin-bottom: 0.75em;
    font-size: 12px; font-size: 0.75rem;
}

.stock.available {
    color: #005a2b;
}

.stock.unavailable {
    color: #e5e5e5;
}

/*
:: wish list, compare and email links
*/
a.towishlist,
a.tocompare,
a.mailto.friend {
    position: relative;
    padding-left: 2em;
    margin-right: 1em;
    font-size: 12px; font-size: 0.75rem;
    color: #777;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

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

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

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

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

a.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 8px 8px 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.text {
    padding: 10px 14px;
    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.disabled {
    cursor: default;
}

.swatch-option.disabled:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -moz-linear-gradient(to left top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 42%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 46%,rgba(255,82,22,1) 47%,rgba(255,82,22,1) 53%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 57%,rgba(255,255,255,0) 58%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(42%,rgba(255,255,255,0)),color-stop(43%,rgba(255,255,255,1)),color-stop(46%,rgba(255,255,255,1)),color-stop(47%,#cc0000),color-stop(53%,#cc0000),color-stop(54%,rgba(255,255,255,1)),color-stop(57%,rgba(255,255,255,1)),color-stop(58%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(to left top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 42%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 46%,rgba(255,82,22,1) 47%,rgba(255,82,22,1) 53%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 57%,rgba(255,255,255,0) 58%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(to left top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 42%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 46%,rgba(255,82,22,1) 47%,rgba(255,82,22,1) 53%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 57%,rgba(255,255,255,0) 58%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(to left top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 42%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 46%,rgba(255,82,22,1) 47%,rgba(255,82,22,1) 53%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 57%,rgba(255,255,255,0) 58%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to left top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 42%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 46%,#cc0000 47%,#cc0000 53%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 57%,rgba(255,255,255,0) 58%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);
}

.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-description ul {
    margin-left: 2em;
    list-style-type: disc;
}

/*
:: parent with subcategories (1column)
*/
.category-view .category-details {
    position: relative;
    margin-bottom: 1em;
}

/*
:: subcategories (landing page layout)
*/
.subcategories figure {
    position: relative;
}

.subcategories figure .product-item-photo {
    display: block;
    margin-bottom: 2em;
}

.subcategories figure img {
    float: left;
    width: 100%;
}

.subcategories figcaption {
    padding: 0 0 2em 0;
    text-align: center;
}

.subcategories h2 {
    padding: 0;
    margin: 0;
    font-size: 16px; font-size: 1rem;
    letter-spacing: normal;
}

.subcategories .action.view {
    display: block;
    padding: 1em 3em;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #000000;
}

/*
:: subcategories (landing page layout - staggered)
*/
.subcategories.staggered {
    padding: 2em 0;
}

.subcategories.staggered figcaption {
    text-align: left;
}

.subcategories.staggered li {
    margin-bottom: 8em;
}

.subcategories.staggered figure {
    margin-bottom: 0;
}

.subcategories.staggered h2 {
    margin-bottom: 0.5em;
    font-size: 32px; font-size: 2rem;
}

.subcategories.staggered .alt figure {
    padding: 5em 0;
    background-color: #3d4042;
}

.subcategories.staggered .alt figure .action.view {
    border: 1px solid #ffffff;
    background-color: transparent;
}

/*
:: 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: 12px; font-size: 0.75rem;
    background-color: #dddddd;
    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.25em;
    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.75em 1em 0.5em 0;
    font-size: 14px; font-size: 0.875rem;
    color: #000000;
    text-transform: uppercase;
    border-bottom: 1px solid #dedede;
}

.sidebar-main .block.filter .filter-options-item.active .filter-options-title::after {
    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;
    font-size: 12px; font-size: 0.75rem;
}

.sidebar-main .block.filter .filter-options-item a {
}

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

.sidebar-main .block.filter .filter-options-item a:hover,
.sidebar-main .block.filter .filter-options-item a:hover .price {
    color: #000000;
}

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

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

.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;
    padding-right: 1.5em;
}

.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: #444;
    content: '\e616';
    text-align: center;
}

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

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

.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;
    min-height: 64px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

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

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

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

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

.toolbar select {
    padding: 0.5em 0.5em 0.5em 0.5em;
    width: auto;
    background-color: #f0f0f0;
    box-shadow: inset 0 3px 0 -1px #fff, inset 0 -1px 1px -1px rgba(0,0,0,.1);
}

.toolbar .limiter-text {
    display: none;
}

.sorter-action:before {
    display: inline-block;
    font-family: 'luma-icons';
    font-size: 16px; font-size: 1rem;
    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: 3em;
}

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

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

.toolbar .pages .action span {
    background-color: transparent;
}

.order-products-toolbar .pages {
    margin-bottom: 1em;
}

/*
:: products
*/
.product-items .product-item-photo {
    display: block;
    overflow: hidden;
}

.product-items .product-item .swatch-option {
    display: inline-block;
    margin: 0 8px 8px 0;
    cursor: pointer;
}

.product-items .product-item .swatch-option.text {
    padding: 5px 10px;
    font-size: 12px; font-size: 0.75rem;
}

.product-items .product-item .swatch-option.image {
    margin: 0 4px 0 0;
    padding: 0;
    width: 20px !important;
    height: 20px !important;
}



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







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

/*
:: breadcrumbs
*/
.catalog-product-view .breadcrumbs {
    min-height: 52px;
}

.catalog-product-view .breadcrumbs li:after {
    position: relative;
    top: 1px;
    left: 0px;
    content: '/';
}

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

.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 { }

.fotorama-video-container:after {
    background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom right;
    bottom: 0;
    content: '';
    height: 100px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 12px;
    width: 100px;
}

.fotorama-video-container .magnify-lens {
    display: none !important;
}

.fotorama-video-container.video-unplayed:hover img {
    opacity: .6;
}

.fotorama-video-container.video-unplayed:hover:after {
    transform: scale(1.25);
}

.video-thumb-icon:after {
    background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom left;
    bottom: 0;
    content: '';
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 10px;
    width: 49px;
}

.product-video {
    bottom: 0;
    height: 75%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.product-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after {
    bottom: 0;
    content: '';
    height: 100px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 12px;
    width: 100px;
}

.fotorama__product-video--loading:after {
    visibility: hidden;
}

/*
:: main info
*/
.product-info-main {
    margin-bottom: 1em;
    text-align: center;
}

.product-info-main h1 {
    font-weight: bold;
}

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

.product-info-stock-sku {
    position: relative;
    margin-bottom: 0.25em;
}

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

.product-info-main .sku .value {
    display: inline-block;
}

/*
:: 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;
}

.product-info-main .product-info-price .price-box,
.product-info-main .product-info-price .price-from,
.product-info-main .product-info-price .price-to,
.product-info-main .product-info-price .special-price {
    line-height: 1.25em;
}

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

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

.product-info-main .product-add-form .box-tocart .fieldset {
    margin-bottom: 0;
}

.product-info-main .box-tocart .fieldset .actions {
    display: block;
}

.product-info-main .box-tocart .fieldset button span {
    padding: 1.25em 5em;
}

.product-info-main .box-tocart .fieldset #instant-purchase {
    margin-top: 1em;
}

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

.product-info-main .product-add-form input.input-text.qty.incrementer {
    margin: 0px -4px;
    border: none;
}

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

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

.product-info-main .product-social-links {
    margin: 0 0 0.5em 0;
}

/*
:: product alerts
*/
.product-info-main .product.alert {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 1em;
}

.product-info-main .product.alert,
.product-info-main .product.alert a {
    position: relative;
    font-size: 12px; font-size: 0.75rem;
    font-weight: normal;
    color: #777;
    text-transform: none;
}

.product-info-main .product.alert:hover,
.product-info-main .product.alert a:hover {
    color: #000000;
}

.product-info-main .product.alert a:before {
    position: absolute;
    top: 0;
    left: -18px;
    font-family: "FontAwesome";
    font-size: 14px; font-size: 0.875rem;
}

.product-info-main .product.alert.price a:before {
    content: '\f154';
}

.product-info-main .product.alert.stock a:before {
    content: '\f16b';
}

/*
:: product info tabs
*/
.product.info.detailed {
    clear: none;
    margin-bottom: 3em;
}

.product.info.detailed .data.title,
.product.info.detailed .data.title a {
    display: block;
    font-size: 14px; font-size: 0.875rem;
    color: #000000;
    line-height: normal;
    text-transform: uppercase;
}

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

.product.info.detailed .data.title a {
    position: relative;
    padding: 1em 0 0.85em 0;
}

.product.info.detailed .data.title a:before {
    position: absolute;
    top: 4px;
    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 tabs - description
*/
.product.info.detailed .product.attribute {
    padding-bottom: 1.5em;
    font-size: 14px; font-size: 0.875rem;
}

.product.info.detailed .product.attribute h2 {
    font-size: 20px; font-size: 1.25rem;
}

.product.info.detailed .product.attribute ul,
.product.info.detailed .product.attribute ol {
    list-style-type: initial;
    margin-bottom: 1.25em;
    margin-left: 2em;
    width: 80%;
}

.product.info.detailed .product.attribute p,
.product.info.detailed .product.attribute li,
.product.info.detailed .product.attribute div,
.product.info.detailed .product.attribute span {
    font-size: 12px; font-size: 0.75rem;
}

/*
:: 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;
    font-size: 12px; font-size: 0.75rem;
    font-weight: normal;
    border: none;
}

.product.info.detailed .additional-attributes-wrapper .data.table th {
    display: none;
    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 {
    clear: both;
    margin-bottom: 2em;
}

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

.block.related .block-content { }
.block.related .block-actions {
    margin: 0 auto;
    margin-bottom: 3em;
    max-width: 280px;
    font-size: 12px; font-size: 0.75rem;
    text-align: center;
}

.block.related .action.primary span,
.block.upsell .action.primary span,
.block.crosssell .action.primary span {
    margin-top: 1em;
    padding: 0.5em 1em;
    font-size: 12px; font-size: 0.75rem;
}

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



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

.block.upsell {
    clear: both;
    margin-bottom: 2em;
}

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



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

.table-wrapper.comparison {
    clear: both;
    position: relative;
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.catalog-product_compare-index a.action.print,
.catalog-product-compare-index a.action.print {
    display: block;
    margin-bottom: 2em;
    font-size: 12px; font-size: 0.75rem;
}

.table-wrapper.comparison .data.table {
    table-layout: fixed;
    text-align: center;
}

.table-wrapper.comparison .data.table thead {
    display: table-header-group;
}

.table-wrapper.comparison .data.table tbody {
    display: table-row-group;
}

.table-wrapper.comparison .data.table tr {
    display: table-row;
}

.table-wrapper.comparison .data.table th,
.table-wrapper.comparison .data.table td {
    display: table-cell;
    padding: 1em !important;
}

.table-wrapper.comparison .data.table > tbody > tr > th,
.table-wrapper.comparison .data.table > tbody > tr > td {
    border-top: none;
}

.table-wrapper.comparison .data.table .cell {
    width: 180px;
    line-height: 1.5em;
}

.table-wrapper.comparison .data.table td:last-child {
    border-right: 1px solid #cccccc;
    border-bottom: none;
}

.table-wrapper.comparison .data.table th.label.product span,
.table-wrapper.comparison .data.table th.remove span,
.table-wrapper.comparison .data.table td.remove .action.delete > span {
    display: none;
}

.table-wrapper.comparison .data.table .remove {
    padding: 0 0.5em;
    border-top: none;
    text-align: right;
    border-right: 1px solid #ccc;
}

.table-wrapper.comparison .data.table .remove .action.delete {
    margin-right: 1em;
}

.table-wrapper.comparison .data.table .remove .action.delete:before {
    display: inline-block;
    font-family: 'luma-icons';
    content: '\e616';
    color: #777777;
    font-weight: normal;
    text-align: center;
    overflow: hidden;
}

.table-wrapper.comparison .data.table td.product.info {
    border-bottom: 1px solid #cccccc;
}

.table-wrapper.comparison .data.table td.product.info,
.table-wrapper.comparison .data.table td.attribute {
    border-left: 1px solid #ccc;
}

.table-wrapper.comparison .data.table .product-item-photo {
    display: block;
    margin: 0 auto 1em auto;
}

.table-wrapper.comparison .data.table .product-item-actions,
.table-wrapper.comparison .data.table .price-box,
.table-wrapper.comparison .data.table .product.rating,
.table-wrapper.comparison .data.table .product-item-name {
    display: block;
    margin-bottom: 1.5em;
}

.table-wrapper.comparison .data.table .product .actions-primary,
.table-wrapper.comparison .data.table .product-addto-links {
    margin-bottom: 1em;
}

.table-wrapper.comparison .data.table .product-addto-links .action.toggle {
    padding: 0;
}

.table-wrapper.comparison .data.table .product-addto-links .action.split,
.table-wrapper.comparison .data.table .product-addto-links .action.toggle {
    padding: 5px 8px;
    font-size: 12px; font-size: 0.75rem;
}

.comparison.headings {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    background: #ffffff;
    z-index: 2;
}


/* -----------------------------------------------
:: Recently Viewed
----------------------------------------------- */
.admin__data-grid-outer-wrap {
    clear: both;
}



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

.cart-container {
    margin-bottom: 3em;
}

.checkout-cart-index .page-title-wrapper {
    padding: 0;
    margin-bottom: 1em;
    text-align: center;
}

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

.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,
.cart.table .col.actions {
    display: block;
    padding: 0.25em 0em 1em;
}

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

.cart.table .col.qty {
    width: 15%;
}

.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.actions:before,
.cart.table .col.msrp:before {
    display: block;
    padding-bottom: 1em;
    padding-right: 0;
}

.cart.table .price-including-tax .price,
.cart.table .price-excluding-tax .price {
    margin-right: 0;
}

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

.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 {
    font-size: 14px; font-size: 0.875rem;
}

.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.table .actions-toolbar a.action.action-towishlist,
.cart.table .actions-toolbar a.action.action-edit {
    display: none;
}

.cart.table .actions-toolbar a.action.action-delete:before {
    position: relative;
    top: 2px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 16px; font-size: 1rem;
    color: #777777;
    content: '\f1f8';
    text-align: center;
}

.cart.table .actions-toolbar a.action.action-delete span {
    display: none;
}

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

.cart-container .cart.actions .action {
    width: 100%;
    line-height: normal;
    text-decoration: none;
}

.cart-container .cart.actions .action span {
    display: inline-block;
    padding: 1em 1em 1em 1em;
    margin-bottom: 1em;
    width: 100%;
    font-size: 12px; font-size: 0.75rem;
    color: #666666;
    text-transform: uppercase;
    background-color: #dddddd;
}

.cart-container .cart.actions .action:hover span {
    color: #000000;
    background-color: #cccccc;
}

/*
:: crossell
*/
.cart-container .crosssell { }
.block.crosssell .block-title span {
    font-size: 28px; font-size: 1.75rem;
    color: #444;
}

/*
:: cart summary
*/
.cart-container .cart-summary {
    padding: 1em 1em 0 1em;
    margin-bottom: 1.25em;
    background-color: #f3f3f3;
}

.cart-container .cart-summary .summary.title {
    display: block;
    margin-bottom: 0.5em;
    font-size: 24px; font-size: 1.5rem;
    font-weight: normal;
    color: #000000;
    text-transform: uppercase;
}

.cart-container .cart-summary .block.shipping,
.cart-container .cart-summary .cart-totals,
.cart-container .cart-summary .block.discount {
    position: relative;
    margin-bottom: 1em;
}

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

.cart-container .cart-summary .block .title {
    position: relative;
    padding-left: 1.5em;
    cursor: pointer;
    font-size: 12px; font-size: 0.75rem;
    text-transform: uppercase;
}

.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: #ffffff;
}

/*
:: 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 {
    padding: 0;
    margin-bottom: 0;
    min-width: inherit;
    background-color: transparent;
}

.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;
}

/*
:: 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.25em 0;
    font-size: 14px; font-size: 0.875rem;
    font-weight: normal;
    text-transform: uppercase;
}

.cart-container .cart-summary .cart-totals th:before,
.cart-container .cart-summary .cart-totals td:before {
    content: normal;
}

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

.cart-container .cart-summary .cart-totals .amount strong,
.cart-container .cart-summary .cart-totals .amount .price {
    font-weight: normal;
}

.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: #ffffff;
}

.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 #e5e5e5;
}

.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;
    text-align: center;
}

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

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





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

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

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

.checkout-index-index #header .logo,
.checkout-index-index #header .logo img {
    margin-left: 0;
    max-width: 175px;
    height: auto;
}

#header .checkout-help * {
    padding: 0;
    margin-bottom: 0;
    font-size: 12px; font-size: 0.75rem;
}

#header .checkout-help p {
    margin-bottom: 0.5em;
}

#header .checkout-help a {
    display: inline-block;
    padding: 0.25em 1em;
    color: #000000;
    text-transform: uppercase;
    background-color: #ececec;
}

#header .checkout-help a:hover {
    color: #ffffff;
    background-color: #000000;
}

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

.checkout-index-index #maincontent {
    padding-bottom: 4em;
    margin-bottom: 0 !important;
}

.checkout-index-index.scrolling #maincontent {
    padding-top: 0;
}

.checkout-index-index #content {
    max-width: 70em;
}

.checkout-index-index .page-title-wrapper {
    padding: 0 0 0.5em 0;
    text-align: center;
}

.checkout-index-index .page-title {
    position: relative;
    font-size: 32px; font-size: 2rem;
    text-transform: uppercase;
}

.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: 1.25em 2em;
}

.checkout-container .action.primary span span {
    padding: 0;
}

/*
:: signin
*/

.authentication-wrapper > button > span {
    padding: .75em 1em .75em 1.5em;
}

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

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

.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;
    padding-top: 0.25em;
}

.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;
}

/*
:: page title
*/

/*
:: progress bar
*/
.opc-progress-bar {
    margin: 0 auto 1em auto;
    padding: 0 0 1.25em 0;
    text-align: center;
    counter-reset: item;
}

.opc-progress-bar li {
    position: relative;
    display: inline-block;
    padding: 10px 10px 10px 30px;
    margin: 0 3px 10px 3px;
    min-width: 200px;
    font-size: 14px; font-size: 0.875rem;
    color: #666;
    text-align: center;
    cursor: default;
    background-color: #f3f3f3;
    transition: background-color 0.2s ease;
}

.opc-progress-bar li:after,
.opc-progress-bar li:before {
    position: absolute;
    top: 0;
    right: -21px;
    width: 0;
    height: 0;
    content: " ";
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 21px solid #f3f3f3;
    z-index: 2;
    transition: border-color 0.2s ease;
}

.opc-progress-bar li:before {
    right: auto;
    left: 0;
    border-left: 22px solid #ffffff;
    z-index: 0;
}

.opc-progress-bar li:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.opc-progress-bar li._active {
    color: #ffffff;
    background-color: #000000;
}

.opc-progress-bar li._active:after {
    border-left: 21px solid #000000;
}

.opc-progress-bar li span {
    position: relative;
}

.opc-progress-bar li span:before {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease 0.5s;
    -moz-transition: opacity 0.3s ease 0.5s;
    -ms-transition: opacity 0.3s ease 0.5s;
    transition: opacity 0.3s ease 0.5s;
}

.opc-progress-bar li._active span:before {
    opacity: 0;
    content: "✔";
    position: absolute;
    top: -2px;
    left: -20px;
}

/*
:: estimated total
*/
.opc-estimated-wrapper {
    position: relative;
    padding: 1em;
    margin: 1em;
    background-color: #dddddd;
}

.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 .minicart-wrapper {
    top: 0;
    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 wrapper & steps
*/
.opc-wrapper .step-title {
    margin-bottom: 1em;
    font-size: 24px; font-size: 1.5rem;
}

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

/*
:: account signin
*/
.opc-wrapper form {
    position: relative;
    display: block;
    padding: 1em 0 1em 0;
    margin-bottom: 2em;
}

.opc-wrapper form.form-login {
}

.opc-wrapper form.form-login .fieldset {
    margin-bottom: 0;
}

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

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

.opc-wrapper .checkout-shipping-address,
.billing-address-details {
    margin-bottom: 2em;
}

.opc-wrapper .checkout-shipping-address .addresses.list {
    padding: 2em 2em 1em 2em;
    /*margin-bottom: 2em;*/
    background-color: #ffffff;
}

.opc-wrapper .action-show-popup {
    padding: 0 2em 2em 2em;
    margin-bottom: 2em;
    font-size: inherit;
    text-align: left;
    background-color: #ffffff;
}

.opc-wrapper .action-show-popup > span:before {
    content: '+';
    padding-right: 5px;
}

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

.opc-wrapper .shipping-address-item.selected-item {
    padding: 1.25em 2.5em 1.25em 1.25em;
    border-color: #000000;
    border-width: 1px;
}

.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: #000000;
    text-align: center;
}

.opc-wrapper .shipping-address-item button.action {
    width: auto;
}

.opc-wrapper .shipping-address-item button.action span {
    padding:0.5em 1em;
}

.opc-wrapper .shipping-address-item.not-selected-item button.action.action-select-shipping-item span {
    color: #ffffff;
    background: #005a2b;
}

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

/*
:: shipping methods
*/
.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 #e5e5e5;
}

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

.opc-wrapper .checkout-shipping-method tbody td:first-child {
    width: 5% !important;
}

.opc-wrapper .checkout-shipping-method tbody td.col-method input[type="radio"] {
    margin-top: 5px;
}

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

.opc-wrapper .checkout-shipping-method tbody td.col-method {
    width: 50%;
}

.opc-wrapper .checkout-s.minicart-items .item-qtyhipping-method tbody td span .price {
    font-weight: bold;
}

.opc-wrapper .form.methods-shipping .actions-toolbar {
    padding: 2em 0 0 0;
}

.opc-wrapper .form.methods-shipping .actions-toolbar .primary,
.opc-wrapper .form.methods-shipping .actions-toolbar .primary button {
    display: block;
    width: 100%;
}

.opc-wrapper .form.methods-shipping .action.primary span {
    padding: 1.75em 2em;
    width: 100%;
}

/*
:: payment methods
*/
.opc-wrapper .opc-payment {
    margin-bottom: 2em;
}

.opc-wrapper .opc-payment .checkout-agreements button.action {
    display: initial;
}

.opc-wrapper .opc-payment .checkout-agreements button.action span {
    display: inline-block;
    padding: 0;
    margin-top: 0;
    background-color: initial;
    text-transform: none;
    text-decoration: underline;
}

.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 {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

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

.opc-wrapper .checkout-payment-method .payment-icon {
    display: inline-block;
    vertical-align: middle;
}

.opc-wrapper .checkout-payment-method div.payment-icon,
.opc-wrapper .checkout-payment-method img.payment-icon {
    width: 75px;
    height: 45px;
    margin-right: 10px;
}

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

.opc-wrapper .checkout-payment-method .payment-method .payment-method-title .radio {
    top: 3px;
}

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

.opc-wrapper .checkout-payment-method .payment-method._active {
    padding: 1em;
    border-color: #005a2b;
    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: #005a2b;
    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;
    padding: 1.5em 1.5em 0 1.5em;
    font-size: 12px; font-size: 0.75rem;
}

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

.checkout-payment-method .checkout-billing-address .billing-address-form {
    max-width: 500px;
    margin-bottom: 0;
}

.checkout-payment-method .checkout-billing-address .billing-address-details {
    margin-bottom: 2em;
}

.checkout-payment-method .checkout-billing-address .actions-toolbar {
    padding-left: 3.5em;
    margin-bottom: 2em;
}

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

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

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

.opc-wrapper .checkout-payment-method .payment-option {
    padding: 1em 0.5em;
    border-top: 1px solid #a0a0a0;
}

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

.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 .payment-option .payment-option-title {
    margin-bottom: 0 !important;
}

.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;
}


.payment-method-braintree .credit-card-types li {
    display: inline-block;
    margin-right: 5px;
}

.payment-method-braintree .opc-wrapper form {
    margin-bottom: 0;
}

.braintree-hosted-fields-invalid #braintree-hosted-field-number,
.braintree-hosted-fields-invalid #braintree-hosted-field-expirationMonth,
.braintree-hosted-fields-invalid #braintree-hosted-field-expirationYear,
.braintree-hosted-fields-invalid #braintree-hosted-field-cvv{
    border: 1px solid #e02b27 !important;
}

#braintree-hosted-field-number,
#braintree-hosted-field-expirationMonth,
#braintree-hosted-field-expirationYear,
#braintree-hosted-field-cvv {
    height: 35px !important;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc !important;
}

.klarna-payments-method-cell,
label.klarna-payments-method-cell {
    display: table-cell !important;
    vertical-align: middle;
}

div.klarna-payments-method-cell {
    width: 13px;
}

label.klarna-payments-method-cell {
    width: 100%;
    padding-left: 7px;
}

label.klarna-payments-method-cell>span {
    padding-right: 10px;
}

span.klarna-payments-method-cell>img {
    width: 75px;
}

/*
:: coupons
*/
.opc-wrapper .form.form-discount {
    padding: 1em 0 0 0;
}

.opc-wrapper .form.form-discount button span {
    margin: 0;
}

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

.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.75em 0;
    font-size: 20px; font-size: 1.25rem;
    color: #000000;
    border-bottom: 1px solid #e5e5e5;
}

.opc-block-summary > .title {
    padding-left: 0.5em;
    text-transform: uppercase;
}

.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 .items-in-cart > .title {
    font-size: 14px; font-size: 0.875rem;
}

.opc-block-summary .items-in-cart > .title strong {
    font-weight: normal;
}

.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 #e5e5e5;
}

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

.opc-block-summary .product-item .product-item-name-block {
    margin-bottom: 10px;
}


.opc-block-summary .minicart-items .product-item {
    padding: 1em 1em;
}

.opc-block-summary .product-item .product-item-name {
    font-size: 14px; font-size: 0.875rem;
}

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

.opc-block-summary .product-item .subtotal .price-including-tax,
.opc-block-summary .product-item .subtotal .price-excluding-tax {
    margin-bottom: 0;
}

/*
:: 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: 4px;
    right: 0;
}

.opc-block-shipping-information .shipping-information-title .action-edit span {
    padding: 0;
    text-decoration: underline;
    text-transform: capitalize;
    background-color: transparent;
    color: #333;
}

.opc-block-shipping-information .shipping-information-content {
    padding: 1em 0;
    font-size: 14px; font-size: 0.875rem;
}

/*
:: checkout success
*/
.checkout-onepage-success main * {
    text-align: center;
}

.checkout-onepage-success .checkout-success {
    margin-bottom: 3em;
}

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

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

.checkout-onepage-success #registration {
    padding: 1em;
    max-width: 400px;
    background-color: #f3f3f3;
    margin: 0 auto;
}

.checkout-onepage-success #registration br {
    display: none;
}

.checkout-onepage-success #registration .action.primary {
    display: inline-block;
    padding: 1em;
    color: #ffffff;
    text-transform: uppercase;
}



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

/*
:: login, register
*/
.customer-account-login .page-title-wrapper {
    margin-bottom: 1em;
    text-align: center;
}

.customer-account-login .page-title-wrapper h1 {
    margin-bottom: 0;
}

.customer-account-login .page-title-wrapper h2 {
    padding-top: 0;
}

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

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

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

.login-container .secondary {
    margin-left: 0;
}

.login-container .secondary a.action {
    text-decoration: none;
}

.login-container .secondary a.action span {
    padding: 0;
    font-family: avenir-roman, Arial, sans-serif;
    text-transform: none;
}

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

.login-container .block-title {
    padding-bottom: 2em;
    margin-bottom: 3em;
    border-bottom: 1px solid #969696;
}

.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: #000000;
    text-transform: none;
    background: #dddddd;
    border: 1px solid #cccccc;
}

.block-customer-login,
.block-new-customer {
    padding: 1.25em 3em 1.25em 2em;
    margin-bottom: 1em;
    background-color: #f3f3f3;
}

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

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

/*
:: 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 #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    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 #e5e5e5;
}

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

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

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

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

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

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

/*
:: global
*/
.customer-account-login #content.row,
.account #content.row {
    max-width: 75em;
}

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

.account #content .block {
    margin-bottom: 4em;
}

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

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

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

.account .sidebar-additional .block {
    margin-bottom: 2.5em;
}

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

/*
:: forms
*/
form.form-create-account,
form.password.forget {
    padding: 1.5em;
    background-color: #f3f3f3;
}

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

.account form legend {
    margin-bottom: 2em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #e5e5e5;
}

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

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

.account form .fieldset .fullname > .label {
    display: none;
}

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

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

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

.account .block .box-actions .action {
    font-size: 12px; font-size: 0.75rem;
    color: #000000;
}

.account .block .box-actions .action.change-password,
.account .block .box-actions .action span {
}

.account .block .box-actions .action.change-password {
    position: relative;
    margin-left: 1.5em;
}

.account .block .box-actions .action.change-password:before {
    position: absolute;
    top: 0;
    left: -1em;
    content: ' | ';
    color: #444;
    cursor: none;
}

/*
:: 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 {
    position: relative;
    margin-right: 1.5em;
}

.account .table-order-items td.col.actions .action.view:after {
    position: absolute;
    top: 0;
    right: -1em;
    content: ' | ';
    color: #444;
    cursor: none;
}

.account .table-order-items td .action span {
	padding: 0;
    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 #e5e5e5;
    text-transform: uppercase;
}

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

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

.account .order-actions-toolbar .action {
    margin-right: 0.5em;
}

.account .order-actions-toolbar .action span {
    padding: 0;
}

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

.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;
    text-transform: uppercase;
}

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

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

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

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

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

.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: #ffffff;
}

.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;
}

/*
:: address book
*/
.account .block-addresses-list .action.delete {
    position: relative;
    margin-left: 1.5em;
}

.account .block-addresses-list .action.delete:before {
    position: absolute;
    top: 0;
    left: -1em;
    content: ' | ';
    color: #444;
    cursor: none;
}

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

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

/*
:: payment methods
*/

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

/*
:: reviews
*/
.account .customer-review .review-details {
    font-size: 12px; font-size: 0.75rem;
}

.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 .customer-review-rating .rating-label {
    display: inline-block;
    margin-right: 0.5em;
    width: 75px;
}

.account .customer-review .review-details .title {
    padding-bottom: 1em;
    margin-bottom: 1em;
    font-size: 14px; font-size: 0.875rem;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
}

.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 .rrating-label {
    display: inline-block;
    margin-right: 0.5em;
    width: 75px;
}

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

.account .customer-review .product-info .rating-average-label {
    font-size: 12px; font-size: 0.75rem;
}

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

.account .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 form .products-grid.wishlist .box-tocart .fieldset {
    float: none;
    padding: 0;
    margin: 0;
    width: auto;
    background-color: transparent;
}

.account .form-wishlist-items .action.primary span {
    padding: 0.5em 1.5em 0.5em 1.5em;
    font-size: 14px; font-size: 0.875rem;
    color: #ffffff;
}

/*
:: compare
*/






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

.cms-content ul,
.cms-content ol {
    list-style-type: initial;
    margin-bottom: 1.25em;
    margin-left: 2em;
    width: 80%;
}

.cms-content .product-items {
    list-style-type: none;
}

.cms-content p,
.cms-content li,
.cms-content div,
.cms-content span {
    font-size: 12px;
    font-size: 0.75rem;
}

.cms-page-view .cms-menu {
    position: relative;
    padding: 1em 1em 0.5em 1em;
    background-color: #eeeeee;
}

.cms-page-view .cms-menu h2 {
    cursor: pointer;
}

.cms-page-view .cms-menu h2:after {
    position: absolute;
    top: 16px;
    right: 16px;
    font-family: FontAwesome;
    font-size: 28px;
    content: '\f107';
}

.cms-page-view .cms-menu.active h2:after {
    content: '\f106';
}

.cms-page-view #cms-navigation li {
    margin-bottom: 0.75em;
}

.cms-page-view #cms-navigation li a {
    text-decoration: none;
}

.cms-page-view #cms-navigation li a:hover,
.cms-page-view #cms-navigation li a.active {
    color: #000000;
    text-decoration: underline;
}

/*
:: 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 {
    padding: 2.5em 0 1.5em;
    border-bottom: 1px solid #505050;
    background-color: #3d4042;
}

/*
:: newsletter
*/
.block.newsletter {
    text-align: center;
}

.block.newsletter .title {
    margin-bottom: 1em;
    font-size: 14px; font-size: 0.875rem;
    color: #f5f5f5;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 1px;
}

.block.newsletter .field.newsletter,
.block.newsletter .actions {
    display: inline-block;
}

.block.newsletter .field.newsletter {
    margin-bottom: 1.5em;
    width: 300px;
}

.block.newsletter .field .control {
    position: relative;
    border: none;
}

.block.newsletter input {
    padding: 0.9em 1em 0.9em 1em;
    border: none;
    background: #ffffff;
}

.block.newsletter button span {
    padding: 0.9em 3em .9em 3em;
    color: #000000;
    background-color: #ffffff;
}

.block.newsletter .action.primary:hover span {
    color: #000000;
    background-color: #ddd;
}

/*
:: footer, copyright
*/
#footer {
    background-color: #3d4042;
}

#footer .inner {
    text-align: center;
}

#footer h4 {
    padding: 0;
    margin-bottom: 1em;
    font-size: 14px; font-size: 0.875rem;
    font-weight: normal;
    color: #f5f5f5;
}

#footer p,
#footer li {
    color: #cccccc;
}

#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;
}

#copyright .copyright,
#copyright .copyright a {
    color: #999999;
}





/* -----------------------------------------------
:: 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;
    */
    /* 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;
    */
    /* utilities */
    .full-width.background-image { height: 400px; }

    /* header - compare link */
    #header .link.compare { display: block; position: absolute; top: 0; right: 150px; }
    #header .link.compare .action.compare { display: block; padding: 3px 6px; font-size: 12px; font-size: 0.75rem; background-color: #f3f3f3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
    #header .link.compare .action.compare .qty { display: inline-block; padding: 0; font-size: 12px; font-size: 0.75rem; color: #555; background-color: transparent; }
    #header .link.compare .action.compare .qty:before { content: '('; }
    #header .link.compare .action.compare .qty:after { content: ')'; }

    /* header - minicart */
    .minicart-wrapper .block-minicart { width: 375px; }

    /* basket & checkout */
    .cart.table thead { display: table-header-group; border-bottom: 1px solid #e5e5e5; }
    .cart.table tbody { display: table-row-group; }
    .cart.table tr { display: table-row; }
    .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.actions: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 .col.actions { display: table-cell; padding: 1.5em 0.5em; }

    .cart.table .col.item { width: 54%; }
    .cart.table .col.price { width: 12%; }
    .cart.table .col.qty { width: 12%; }
    .cart.table .col.subtotal { width: 12%; }
    .cart.table .col.remove { width: 10%; }

    .cart.table .actions-toolbar a.action.action-delete:before { top: -1px; }

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

    /* account */
    .customer-account-login #content { padding-top: 0; }

    .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% }

    /* footer */
    #footer .inner { text-align: left; }
}
@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 #e5e5e5; }
    .data.table td:before { display: initial; margin: 0; content: normal; }
    .data.table td:last-child { border-bottom: none; }

    /* header */
    .nav-toggle { top: 4.5em; }
    #header .link.compare { right: 350px; }
    #header .toggle-search { display:none; }
    #header .block-search { display: block; position: absolute; top: 0.25em; right: 6em; width: 225px; }
    #header .block-search .actions { top: 0.25em; }

    /* categories */
    .subcategories figure img { width: auto; }
    .subcategories .action.view { display: inline-block; }

    /* toolbar */
    .toolbar { text-align: left; }
    .toolbar .modes { position:absolute; top: 22px; left: 0; }
    .toolbar .toolbar-amount,
    .toolbar .limiter,
    .toolbar .sorter {  margin-bottom: 0; }
    .toolbar .limiter { position: absolute; top: 16px; right: 16em; text-align: right; }
    .toolbar .sorter { position: absolute; top: 16px; right: 0; margin-right: 0; }
    .toolbar .toolbar-amount { position:absolute; top: 22px; left: 8em; }
    .pages { position: absolute; top: 21px; right: 120px; text-align: right; }
    .catalog-category-view .pages { top: 22px; left: 20em; right: auto; text-align: left; }

    .block-new-products .toolbar .toolbar-amount { position: static; }
    .block-new-products .pages { top: 15px; right: 0; }

    /* product */
    .product.media { float: left; width: 50%; }
    .product-info-main { float: left; float: right; width: 45%; text-align: left; }
    .product-options-wrapper .swatch-option { float: left; }
    .product.info.detailed { float: left; float: right; width: 45%; }
    .product.info.detailed .additional-attributes-wrapper .data.table th { display: table-cell; width: 25%; text-transform: none; background-color: #f3f3f3; }

    /* 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; }

    /* grouped products */
    .table-wrapper.grouped .table.data.grouped .col.item { width: 90%; }
    .table-wrapper.grouped .table.data.grouped .col.qty { width: 10%; }

    /* compare */
    .catalog-product-compare-index .product-item-photo { display: table; float: none; }
    .catalog-product-compare-index .compare-product-details { display: table; }

    /* basket & checkout */
    .cart.table .col.item { width: 50%; }
    .cart.table .col.qty { width: 10%; }
    .cart.table .col.price,
    .cart.table .col.subtotal { width: 18%; }
    .cart.table td { padding: 1.5em 0.5em; border-top: none; }
    .cart-container .cart.actions .action { width: auto; }
    .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 form .fieldset { float: left; width: 48%; margin-bottom: 1em; }
    .account form .fieldset.address,
    .account form .fieldset.password { float: right; }
    .account .block-content .box { float: left; width: 50%; margin-bottom: 0; }
    .account .field.password-info,
    .account .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 #ffffff; }
    .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 .block-order-details-view .block-content .box { width: 25%; }

    /* packery grid system */
    .packery-grid .pw600-6 { width: 49.5%; }
    .catalog-product-compare-index .compare-product-details { display: table; }
}
@media only screen and (min-width:50em) {
    /*
    min-width:800px;
    */
}
@media only screen and (min-width:64em) {
    /*
    min-width:1024px;
    */
    body._has-modal-custom .modal-custom-overlay { background-color: transparent; }

    /* utilities */
    .full-width.background-image { height: 800px; }

    /* header */
    #header .panel.header { max-width: 89em; }
    #header .header.links { float: right; }
    #header .logo { margin-left: 0; }
    #header .toggle-search { display: none; }

    .minicart-wrapper .action.showcart .counter-label { display: none; }

    /* main menu */
    .nav-toggle { display: none; }
    .nav-sections { position: static; left: auto; top: auto; width: auto; height: auto; transition: initial; overflow: unset; background-color: #f3f3f3; }
    .nav-sections-item-title,
    .nav-sections-item-content > * { display: none; }
    .nav-sections-item-content > .navigation { display: block; }

    .navigation { margin: 0 auto; max-width: 100em; padding-left: 0.75em; padding-right: 0.75em; }
    .navigation > ul { text-align: center; }
    .navigation ul { position: relative; margin-bottom: 0; }
    .navigation li { text-transform: uppercase; }
    .navigation li.level0 { position: relative; display: inline-block; border-top: none; }
    .navigation li.level0 .level-top { display: block; padding: 1em 1.5em 1em 1.5em; }
    .navigation li.level0 .level-top:hover { text-decoration: none; }

    .navigation ul.submenu { text-align: left; }
    .navigation .level0 .submenu { position: absolute; left: 0; display: none; min-width: 200px; border: 1px solid #dddddd; z-index: 100; background: #ffffff; }
    .navigation .level0 .submenu li.parent > a > .ui-menu-icon:after { display: inline-block; position: absolute; right: 1.5em; font-family: 'luma-icons'; content: '\e608'; font-size: 12px; line-height: 20px; }

    .navigation .level0 .submenu a { position: relative; display: block; padding: 0.25em 1.25em; }
    .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; }
    .navigation .level0 .submenu .submenu-reverse { left: auto !important; right: 100%; }

    .navigation li.level1 { position: relative; }

    /* 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 .action.primary span { display: inline-block; padding: 0.75em 1em; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; }
    .sidebar-main { padding-top: 0; }
    .sidebar-main .block.filter { margin-bottom: 5em; }

    /* toolbar */
    .toolbar { border: none; }

    /* layered navigation */
    .sidebar-main .block.filter .filter-title { display: none; cursor: auto; }
    .sidebar-main .block.filter .block-content { display: block; }

    /* categories */
    .subcategories.staggered figcaption { padding: 25% 10% 0 0; }

    /* basket */
    .checkout-cart-index .page-title-wrapper { text-align: left; }

    .cart-container form { position: relative; }
    .cart.table .actions-toolbar { padding: 0; }
    .cart-container .cart.actions { text-align: left; }
    .cart-container .cart-summary { float: right; width: 350px; }

    /* checkout */
    .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: #ffffff; }
    .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; }

    .cart-container .cart-summary,
    .opc-sidebar { float: right; width: 35%; }
    .cart-container .form-cart,
    .opc-wrapper { float: left; padding-right: 2em; width: 65%; }

    .opc-wrapper .step-title { font-size: 28px; font-size: 1.75rem; }

    /* shipping addresses */
    .modal-popup .modal-inner-wrap { width: 60%; }
    .opc-wrapper .form.methods-shipping .actions-toolbar .primary { float: right; width: 35%; text-align: right; }
    .checkout-payment-method .checkout-billing-address .billing-address-form { padding-left: 3em; }

    /* cart summary */
    .cart-container .cart-summary,
    .opc-sidebar { position: sticky; top: 20px !important; float: right; width: 35%; }
    .opc-block-summary .items-in-cart > .title:after { content: normal; }

    /* 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: 35%; }

    /* 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; }

    /* cms pages */
    .cms-page-view .cms-menu .cms-navigation { display: block !important; }
    .cms-page-view .cms-menu h2 { cursor: default; }
    .cms-page-view .cms-menu h2:after,
    .cms-page-view .cms-menu.active h2:after {  content: ''; }

    /* 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%; }
}
@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
    */
    /* utilities */
    .full-width.background-image { height: 940px; }

    /* header */
    .tp-widget-wrapper { left: 175px; }

    /* basket & checkout */
    .cart.table .col.item { width: 55%; }
}
@media only screen and (min-width:87.5em) {
    /*
    min-width 1400px
    */
    /* categories */
    .subcategories.staggered figcaption { padding: 25% 25% 0 0; }

    /* checkout */
    .opc-block-summary .product-item .product-item-name-block { display: table-cell; width: 55%; padding-right: 5px; text-align: left; }
    .opc-block-summary .product-item .subtotal { display: table-cell; text-align: right; }
}
@media only screen and (min-width:100em) {
    /*
    min-width 1600px
    */
}