/* -----------------------------------------------------------------------------
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 and client.css
:: Fonts
:: HTML
	:: sections
	:: text-level semantics
	:: forms & buttons
:: Generic
	:: list items with icons
:: Magento Generic
    :: float clearing
:: Magento Content
	:: reviews
:: Magento Off Canvas
:: Header
    :: menu toggle
	:: logo
	:: search
	:: minicart
:: Products
	:: items
:: Categories
	:: subcategories (landing page layout)
	:: landing pages
	:: shop home
	:: sidebar main (layered navigation)
	:: toolbar
:: Product
	:: product info tabs
	:: bundle
	:: grouped
	:: virtual
:: Related Products
:: Upsell Products
:: Product Compare
:: Netmatter Custom
:: Cart
	:: global
	:: estimated total
:: Account
	:: login, register
	:: sidebar
	:: forms
:: CMS Pages
	:: home
	:: contact
:: Footer & 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: 'PoppinsLight';
    src: url('../fonts/poppins/Poppins-Light.eot');
    src: url('../fonts/poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins/Poppins-Light.woff2') format('woff2'),
    url('../fonts/poppins/Poppins-Light.woff') format('woff'),
    url('../fonts/poppins/Poppins-Light.ttf') format('truetype'),
    url('../fonts/poppins/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'PoppinsMedium';
    src: url('../fonts/poppins/Poppins-Medium.eot');
    src: url('../fonts/poppins/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins/Poppins-Medium.woff2') format('woff2'),
    url('../fonts/poppins/Poppins-Medium.woff') format('woff'),
    url('../fonts/poppins/Poppins-Medium.ttf') format('truetype'),
    url('../fonts/poppins/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PoppinsSemiBold';
    src: url('../fonts/poppins/Poppins-SemiBold.eot');
    src: url('../fonts/poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
    url('../fonts/poppins/Poppins-SemiBold.woff') format('woff'),
    url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype'),
    url('../fonts/poppins/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplayItalic';
    src: url('../fonts/playfair/PlayfairDisplay-Italic.eot');
    src: url('../fonts/playfair/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/playfair/PlayfairDisplay-Italic.woff2') format('woff2'),
    url('../fonts/playfair/PlayfairDisplay-Italic.woff') format('woff'),
    url('../fonts/playfair/PlayfairDisplay-Italic.ttf') format('truetype'),
    url('../fonts/playfair/PlayfairDisplay-Italic.svg#PlayfairDisplay-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PlayfairDisplayBlackItalic';
    src: url('../fonts/playfair/PlayfairDisplaySC-BlackItalic.eot');
    src: url('../fonts/playfair/PlayfairDisplaySC-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/playfair/PlayfairDisplaySC-BlackItalic.woff2') format('woff2'),
    url('../fonts/playfair/PlayfairDisplaySC-BlackItalic.woff') format('woff'),
    url('../fonts/playfair/PlayfairDisplaySC-BlackItalic.ttf') format('truetype'),
    url('../fonts/playfair/PlayfairDisplaySC-BlackItalic.svg#PlayfairDisplaySC-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'PlayfairDisplayBold';
    src: url('../fonts/playfair/PlayfairDisplay-Bold.eot');
    src: url('../fonts/playfair/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/playfair/PlayfairDisplay-Bold.woff2') format('woff2'),
    url('../fonts/playfair/PlayfairDisplay-Bold.woff') format('woff'),
    url('../fonts/playfair/PlayfairDisplay-Bold.ttf') format('truetype'),
    url('../fonts/playfair/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

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

@font-face {
    font-family: 'PlayfairDisplaySCBold';
    src: url('../fonts/playfair/PlayfairDisplaySC-Bold.eot');
    src: url('../fonts/playfair/PlayfairDisplaySC-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/playfair/PlayfairDisplaySC-Bold.woff2') format('woff2'),
    url('../fonts/playfair/PlayfairDisplaySC-Bold.woff') format('woff'),
    url('../fonts/playfair/PlayfairDisplaySC-Bold.ttf') format('truetype'),
    url('../fonts/playfair/PlayfairDisplaySC-Bold.svg#PlayfairDisplaySC-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplaySCItalic';
    src: url('../fonts/playfair/PlayfairDisplaySC-Italic.eot');
    src: url('../fonts/playfair/PlayfairDisplaySC-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/playfair/PlayfairDisplaySC-Italic.woff2') format('woff2'),
    url('../fonts/playfair/PlayfairDisplaySC-Italic.woff') format('woff'),
    url('../fonts/playfair/PlayfairDisplaySC-Italic.ttf') format('truetype'),
    url('../fonts/playfair/PlayfairDisplaySC-Italic.svg#PlayfairDisplaySC-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PlayfairDisplayBlackItalic';
    src: url('../fonts/playfair/PlayfairDisplay-BlackItalic.eot');
    src: url('../fonts/playfair/PlayfairDisplay-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/playfair/PlayfairDisplay-BlackItalic.woff2') format('woff2'),
    url('../fonts/playfair/PlayfairDisplay-BlackItalic.woff') format('woff'),
    url('../fonts/playfair/PlayfairDisplay-BlackItalic.ttf') format('truetype'),
    url('../fonts/playfair/PlayfairDisplay-BlackItalic.svg#PlayfairDisplay-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'PlayfairDisplaySCBlack';
    src: url('../fonts/playfair/PlayfairDisplaySC-Black.eot');
    src: url('../fonts/playfair/PlayfairDisplaySC-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/playfair/PlayfairDisplaySC-Black.woff2') format('woff2'),
    url('../fonts/playfair/PlayfairDisplaySC-Black.woff') format('woff'),
    url('../fonts/playfair/PlayfairDisplaySC-Black.ttf') format('truetype'),
    url('../fonts/playfair/PlayfairDisplaySC-Black.svg#PlayfairDisplaySC-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplayBlack';
    src: url('../fonts/playfair/PlayfairDisplay-Black.eot');
    src: url('../fonts/playfair/PlayfairDisplay-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/playfair/PlayfairDisplay-Black.woff2') format('woff2'),
    url('../fonts/playfair/PlayfairDisplay-Black.woff') format('woff'),
    url('../fonts/playfair/PlayfairDisplay-Black.ttf') format('truetype'),
    url('../fonts/playfair/PlayfairDisplay-Black.svg#PlayfairDisplay-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplayBoldItalic';
    src: url('../fonts/playfair/PlayfairDisplay-BoldItalic.eot');
    src: url('../fonts/playfair/PlayfairDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/playfair/PlayfairDisplay-BoldItalic.woff2') format('woff2'),
    url('../fonts/playfair/PlayfairDisplay-BoldItalic.woff') format('woff'),
    url('../fonts/playfair/PlayfairDisplay-BoldItalic.ttf') format('truetype'),
    url('../fonts/playfair/PlayfairDisplay-BoldItalic.svg#PlayfairDisplay-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

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

@font-face {
    font-family: 'PlayfairDisplaySCItalic';
    src: url('../fonts/playfair/PlayfairDisplaySC-BoldItalic.eot');
    src: url('../fonts/playfair/PlayfairDisplaySC-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/playfair/PlayfairDisplaySC-BoldItalic.woff2') format('woff2'),
    url('../fonts/playfair/PlayfairDisplaySC-BoldItalic.woff') format('woff'),
    url('../fonts/playfair/PlayfairDisplaySC-BoldItalic.ttf') format('truetype'),
    url('../fonts/playfair/PlayfairDisplaySC-BoldItalic.svg#PlayfairDisplaySC-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}





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

/*
:: sections
*/
body {
    font-family: 'PoppinsRegular', Arial, Helvetica, sans-serif;
}

::-moz-selection 	{ background: #e4bb9b; color:#fff; }
::selection 		{ background: #e4bb9b; color:#fff; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'PlayfairDisplayRegular';
}
h2 {
    font-family: 'PoppinsLight', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
/*
:: text-level semantics
*/
b, strong, legend, caption {
    font-family: 'PoppinsSemiBold';
}

/*
:: forms & buttons
*/
::placeholder {
    font-family:'PoppinsRegular', Arial, Helvetica, sans-serif;
}

.field-tooltip {
    font-family: 'PoppinsLight';
}

button span,
a.action.continue span {
    font-family: 'PoppinsLight';
}

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





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

/*
:: list items with icons
*/
ul.iconic {
    margin-left:0.25em !important;
    list-style-type:none !important;
    width:auto !important;
}

ul.iconic li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 1em;
}

ul.iconic li:before {
    position: absolute;
    top: -4px;
    left: 1px;
    font-family: FontAwesome;
    font-size: 16px;
    font-size: 1rem;
    color: #e4bb9b;
}

ul.iconic.dot li:before {
    top:3px;
    left:-1px;
    font-size: 10px;
    font-size: 0.625rem;
    content: '\f111';
}

ul.iconic.pointers li:before {
    content: '\f0da';
}

ul.iconic.check li {
    padding-left:2em;
}

ul.iconic.check li:before {
    left:-5px;
    content: '\f00c';
}

ul.iconic.heart li:before {
    left:-5px;
    content: '\f004';
}





/* -----------------------------------------------
:: Magento Generic
----------------------------------------------- */
/*
:: float clearing
*/
* html .packery-grid .packery-item,
* html .packery-grid .packery-item a {
    overflow:visible;
}
*+html .packery-grid .packery-item,
*+html .packery-grid .packery-item a {
    min-height:1%;
}
.packery-grid .packery-item:after,
.packery-grid .packery-item a:after {
    clear:both;
    content:"";
    display:block;
    height:0;
    visibility:hidden;
    font-size:0;
}


/*
:: buttons & actions
*/
button span {
    text-transform: uppercase;
}

.action.primary span {
    font-size: 14px; font-size: 0.875rem;
    font-weight: normal;
    background-color: #e4bb9b;
    background-color: #000;
    text-transform: uppercase;
}





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

/*
:: reviews
*/
.rating-summary .rating-result > span:before {
    color: #000;
}





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

#header {
    margin-bottom: 0;
    border-bottom: none;
}

#header .inner {
    position: relative;
    padding: 1em 0 0.5em 0;
    border-bottom: 1px solid #bbb;
}

/*
:: menu toggle
*/
.nav-toggle {
    top: 1.5em;
    left: 0;
}

/*
:: logo
*/
#header .logo {
    display: block;
    text-align: center;
    margin: 0 auto;
}

#header .logo, #header .logo img { position: relative; width: 140px; z-index: 10; }

#header .mobile-logo img {
    width: 140px;
    position: relative;
    top: 1em;
    left: 4em;
}

#header .header-menu {
    display: none;
}

#header .menu li {
    text-transform: uppercase;
}

#header .promo { bottom: 0.25em; display: block; margin: 0 auto; text-align: center; }
#header .promo-left { left:auto; right: 60%; margin-top: 2em; border-bottom: 3px solid #666; }
#header .promo-right { right:auto; left: 60%; }
#header .promo-left, #header .promo-right { color: #707070; }
#header .promo a { font-family: 'PoppinsLight', Arial, Helvetica, sans-serif; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; color: #666; }
#header .promo div { margin: 6px 0; }

/*
:: search
*/
#header .searchtoggle {
    right: 4.5em;
}

#header .block-search .actions {
    top: 0.95em;
}

/*
:: minicart
*/
.minicart-wrapper {
    right: 0;
}

.minicart-wrapper .action.showcart .counter-number {
    padding: 2px 8px;
    background-color: #e4bb9b;
}

.minicart-wrapper .minicart-items .product-item-name a {
    font-family: PoppinsMedium;
    font-weight: normal;
}

.minicart-wrapper .block-minicart .block-content .action.primary.checkout {
    background-color: #000;
}





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

/*
:: items
*/
.product-item .product-item-name {
    font-family: PoppinsRegular;
    text-transform: uppercase;
}

.product-item.type_virtual .price-box {
    display: none;
}




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

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

/*
:: landing pages
*/
.page-layout-landing-page .page-wrapper .subcategories h2 a {
    position: relative;
}

.page-layout-landing-page .page-wrapper .block.widget .product-items .product-item-info {
    padding: 0 1.5em;
}

.page-layout-landing-page .page-wrapper .block.widget .product-items .product-item-photo {
    border: none;
}
.category-treatments .product-item-photo {
    border: none;
}

/*
:: shop home
*/
.category-shop .page-wrapper .welcome .inner {
    max-height: 300px;
    overflow: auto;
}

.category-shop .page-wrapper .welcome .inner h1 {
    margin-bottom: 0.75em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #bbb;
}

.category-shop .page-wrapper .welcome .inner nav li {
    position: relative;
    margin-bottom: 0.5em;
    font-size: 14px;
    font-size: 0.875rem;
}

.category-shop .page-wrapper .welcome .inner nav li a {
    display: block;
    color: #666;
}

.category-shop .page-wrapper .welcome .inner nav li ul {
    display: none;
}

.category-shop .page-wrapper .section {
    padding-top: 2em;
    border-top: 1px solid #bbb;
}

/*
:: sidebar main (layered navigation)
*/
.sidebar-main .block.filter .filter-title {
    font-family: 'PlayfairDisplayRegular';
}

.sidebar-main .block.filter .filter-options-title {
    font-family: 'PlayfairDisplayRegular';
}

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

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

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

.sidebar-main .block.filter .item .count {
    font-size: 11px; font-size: 0.6875rem;
}

/*
:: toolbar
*/
body[class*=" categorypath-treatments-"] .toolbar {
    display: none;
}

.toolbar-bottom .toolbar-amount {
    display: none;
}

/*
 :: treatment page
 */
.treatment-page-cms .block-one,
.treatment-page-cms .block-two,
.treatment-page-cms .block-three {
    display: flex;
    flex-direction: column;
}
.treatment-page-cms .block-one .description,
.treatment-page-cms .block-two .description,
.treatment-page-cms .block-three .description {
    text-align: center;
    padding: 0 1em;
    margin: auto 0;
}

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

/*
:: product info tabs
*/
.product.info.detailed .data.title a {
    font-family: 'PlayfairDisplayRegular';
}

/*
:: bundle
*/
.bundle-options-container .legend.title {
    font-family: 'PoppinsMedium';
}

.bundle-options-container .product-add-form {
    position: relative;
    float: left;
    width: 100%;
    padding: 1.5em;
    border: 1px solid #ddd;
    border-bottom: none;
    background: #fff;
}

.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 .product-add-form .fieldset-bundle-options {
    margin-bottom: 1em;
}

.bundle-options-container .product-add-form .fieldset-bundle-options.fieldset .field {
    padding: 1em 0;
    border-bottom: 1px solid #ddd;
}

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

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

.bundle-options-container .nested .field.qty > .label {
    margin-bottom: 0.25em;
}

.bundle-options-container .product-add-form .block-bundle-summary {
    padding-top: 8em;
}

.bundle-options-container .product-add-form .block-bundle-summary .title,
.bundle-options-container .product-add-form .block-bundle-summary .bundle-summary .subtitle {
    position: relative;
    top: -11px;
    display: block;
    font-size: 20px; font-size: 1.25rem;
}

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

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

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

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

/*
:: virtual
*/
.product-type-virtual .netm-product-top {
    position: relative;
}

.product-type-virtual .treatment-benefits h2 {
    padding-top: 0;
}

.product-type-virtual .skintone {
    padding: 3em 0 1em 0;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

.product-type-virtual .skintone p {
    padding: 1em 0 0 0;
}

.product-type-virtual .product-info-main {
    padding: 2em 2em 0 2em;
    margin-bottom: 2em;
    text-align: right;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

nav.tabbed li {
    position: relative;
    padding: 0.75em 0.75em 0.75em 0.75em;
    font-family: 'PlayfairDisplayRegular';
    font-size: 16px; font-size:1rem;
    border-left: 5px solid #bbb;
    cursor: pointer;
    line-height: normal;
}

nav.tabbed li:hover,
nav.tabbed li.currentPage {
    border-left: 5px solid #e4bb9b;
}

.tabbed-content-wrapper {
    position: relative;
}

.tabbed-content {
    display: none;
}

.tabbed-content.on {
    display: block;
}

.product-type-virtual .block.related .block-title,
.product-type-virtual .block.upsell .block-title,
.product-type-virtual .review-list .block-title {
    text-align: center;
}

.product-type-virtual .review-list .block-title strong {
    font-family: 'PlayfairDisplayRegular';
}

.product-type-virtual .review-list .block-title {
    display: block;
    padding: 1.5em 0;
    font-size: 24px; font-size: 1.5rem;
    border-top: 1px solid #cecec6;
}





/* -----------------------------------------------
:: Related & Upsell Products
----------------------------------------------- */

.block.related .product-item,
.block.upsell .product-item,
.block.crosssell .product-item {
    margin-bottom: 1em;
}

.block.related .block-title,
.block.upsell .block-title,
.block.crosssell .block-title {
    font-family: 'PlayfairDisplayRegular';
}





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

.catalog-product-compare-index .page-title-wrapper {
    padding: 1em 0;
}

.catalog-product-compare-index a.action.print {
    margin-bottom: 1em;
}

.catalog-product-compare-index .comparison .data.table th {
    width: 10%;
}

.catalog-product-compare-index .remove.product a {
    font-family: 'PoppinsRegular';
    font-size: 14px; font-size: 0.875rem;
    text-decoration: none;
}

.catalog-product-compare-index .remove.product span:after {
    position: relative;
    font-family: 'Luma-Icons';
    font-size: 14px; font-size: 0.875rem;
    content: '\e616';
    left: 0.5em;
    top: 1px;
}

.catalog-product-compare-index .data.table td:before {
    content: "";
}

.catalog-product-compare-index .product-item-photo {
    float: left;
}

.catalog-product-compare-index .compare-product-details .product-item-name {
    float: left;
}

.catalog-product-compare-index .product-item-photo,
.catalog-product-compare-index .compare-product-details {
    display: inline-block;
}

.catalog-product-compare-index .product-item-photo img {
    min-width: 140px;
}

.catalog-product-compare-index .product-item-name a {
    font-family: 'PlayfairDisplayRegular';
    font-size: 20px; font-size: 1.25rem;
}

.catalog-product-compare-index .towishlist:before {
    top: 0.25em;
}



/* -----------------------------------------------
:: Netmatter Custom
----------------------------------------------- */

.netm-product-extra .treatment-heading {
    padding: 1.5em 0;
    border-top: 1px solid #cecec6;
}

.netm-product-extra .treatment .treatment-heading h2 {
    padding: 0;
    font-size: 52px; font-size: 3.25rem;
}

.netm-product-extra .treatment .treatment-image h4 {
    font-size: 32px; font-size: 1.5rem;
    line-height: 1em;
}

.netm-product-extra .treatment .treatment-heading p {
    font-size: 20px; font-size: 1.25rem;
    line-height: 1.25em;
}





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

.checkout-cart-index #content {
    padding-top: 2em;
}

/*
:: signin
*/
.authentication-wrapper .block-authentication button span {
    background-color: #000;
}

/*
:: cart tables
*/
.cart-container .title {
    cursor: pointer;
}

.cart.table-wrapper .col.qty:before,
.cart.table-wrapper .col.price:before,
.cart.table-wrapper .col.subtotal:before,
.cart.table-wrapper .col.msrp:before {
    font-family: 'PoppinsMedium';
}

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

.cart.table-wrapper .cart.table .product-item-details .product-item-name {
    font-family: 'PoppinsRegular';
}

.cart-container .cart.actions a.action.continue span {
    padding: 1.1em 1em 1em 1em;
    text-transform: uppercase;
}


/*
:: crossell
*/
.block.crosssell .block-title {
    padding: 1.5em 0;
    font-size: 24px; font-size: 1.5rem;
    border-top: 1px solid #cecec6;
    text-align: center;
}

.checkout-cart-index .cart-container {
    margin-bottom: 1em;
}

.checkout-cart-index .product-item-photo {
    border: none;
}

/*
:: cart summary
*/
.cart-container .cart-summary {
    border: none;
    background-color: #ffe7cc;
}

.cart-container .cart-summary .summary.title {
    font-family: 'PlayfairDisplayRegular';
}

.cart-container .cart-summary .block .content {
    background-color: #ffffff;
}

/*
:: estimate shipping & tax
*/
.cart-container .cart-summary .block.shipping .fieldset .label,
.cart-container .cart-summary .block.shipping .fieldset dt {
    font-family: 'PoppinsMedium';
}

.cart-container .cart-summary .block.shipping .fieldset .item-options {
    display: block;
    padding: 0;
    min-width: auto;
    font-size: 14px; font-size: 0.875rem;
    background-color: #fff;
}

/*
:: totals
*/
.cart-container .cart-summary .cart-totals .price {
    font-family: 'PoppinsRegular';
}

.cart-container .cart-summary .cart-totals .grand.totals .price {
    font-family: 'PoppinsSemiBold';
}

/* Amasty free gift buttons */
.ampromo-gallery .ampromo-item-buttons button {
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
    background-color: #000;
    text-transform: uppercase;
    font-family: 'PoppinsLight', Arial, Helvetica, sans-serif;
    padding: 0.5em 1.5em;
}
.ampromo-gallery .ampromo-items-form { min-height: 25em; }
.ampromo-gallery .ampromo-item-buttons { position: absolute; bottom: 2em; right: 65px; }


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

/*
:: global
*/
.checkout-index-index #header .inner {
    border-bottom: none;
}

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

.checkout-container .opc-block-summary > .title {
    font-family: 'PlayfairDisplayRegular';
}

.checkout-container .opc-block-summary .items-in-cart .title strong {
    font-family: 'PoppinsRegular';
}

.checkout-container .opc-wrapper .step-title {
    font-family: 'PlayfairDisplayRegular';
}

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

/*
:: estimated total
*/
.opc-estimated-wrapper {
    background-color: #fff;
}





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

/*
:: login, register
*/
.login-container .block-title strong {
    font-family: 'PlayfairDisplayRegular';
    font-size: 28px; font-size: 1.75rem;
}

/*
:: sidebar
*/
.block-collapsible-nav .block-collapsible-nav-title strong {
    font-family: 'PlayfairDisplayRegular';
}

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

.account .data.table .price {
    font-family: PoppinsRegular;
    font-size: 12px; font-size: 0.75rem;
}

/*
:: forms
*/
.account #main form .fieldset .legend {
    font-family: 'PlayfairDisplayRegular';
}





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

/*
:: home
*/
.cms-home .page-main .cls,
.cms-home .flex-slider .cls {
    padding-left: 0;
    padding-right: 0;
}
.cms-home .flex-slider ul {
    width: 100%;
    min-height: 240px;
    text-align: center;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cms-home .flex-slider h2 {
    color: white;
    font-family: 'PoppinsRegular', Arial, Helvetica, sans-serif;
    padding-top: 0;
    font-size: 16px;
    font-size: 1rem;
}
.cms-home .flex-slider hr {
    width: 80px;
    margin: 1em auto;
    border-top: 2px solid #fff;
    display: none;
}
.cms-home .flex-slider p {
    color: #fff;
    max-width: 500px;
    margin: auto;
    font-size: 12px;
    font-size: 0.75rem;
}
.cms-home .flex-slider button {
    color: #fff;
    border: 1px solid #fff;
    padding: 0.5em 2em;
    font-size: 18px;
    font-size: 1.125rem;
}
.cms-home .flex-slider .banner-button { margin-top: 1em; }
.cms-home #content,
.category-shop #content,
.category-treatments #content {
    padding-top: 1em;
    max-width: none;
}

.cms-home .home-row,
.category-shop .home-row,
.category-treatments .home-row {
    max-width: 91em;
    margin: 0 auto;
}
.cms-home .row-one,
.category-shop .home-row {
    display: flex;
    flex-direction: column;
    padding-bottom: 2em;
}
.cms-home .row-two {
    display: flex;
    flex-direction: column-reverse;
}
.cms-home .block-one,
.category-shop .block-one {
    background-color: #EFEFEF;
    padding: 2em;
}
.cms-home .block-one div {
    text-align: center;
}
.cms-home .block-four div { padding: 2em; text-align: center; }
.cms-home .block-one hr,
.cms-home .brands .welcome hr,
.under-your-skin-block hr {
    border-top: 2px solid #e4bb9b;
    width: 50px;
    padding-bottom: 1em;
    margin: auto;
}
.cms-home .block-four hr { border-top: 2px solid #e4bb9b; width: 50px; padding-bottom: 1em; margin: 0 auto; }
.cms-home #header .inner {
    padding: 1em 0 1em 0;
    border-bottom: none;
}
.cms-home .block-one p,
.cms-home .block-four p {
    font-family: 'PoppinsRegular', Arial, Helvetica, sans-serif;
}
.row.welcome {
	max-width: 91em;
	margin: auto;
}
.cms-home .welcome h1 {
    font-size: 48px; font-size: 3rem;
    text-transform: none;
}

.cms-home .welcome p {
    font-size: 14px; font-size: 0.875rem;
	color:#000;
}
.cms-home .row.welcome .cls {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.cms-home .welcome figcaption h2 {
    padding: 0.5em 0 0 0;
    text-align: center;
    text-transform:none;
    font-size: 32px; font-size: 2rem;
}
.home-row button {
    border: 1px solid #000;
    padding: 0.5em 2em;
    font-size: 16px;
    font-size: 1rem;
    text-transform: uppercase;
}
.cms-home .brands {
	clear:both;
}

.cms-home .brands ul {
	margin: 0 auto;
    text-align: center;
}

.cms-home .brands li {
    display: inline-block;
	margin: 0.25em 0.5em 1em 0.5em;
}

.under-your-skin-block {
    background-color: #eee;
    padding-bottom: 4em;
}

/*
:: contact
*/
.cms-contact #content {
    padding-top: 2em;
}




/* -----------------------------------------------
:: Footer & Copyright
----------------------------------------------- */

#footer,
#copyright { background-color: #000; }

#footer *,
#copyright * {
    color: #fff;
}





/* -----------------------------------------------
:: Responsive
----------------------------------------------- */

@media only screen and (min-width:20em) {
    /*
    min-width:320px;
    */
}
@media only screen and (min-width:22.5em) {
    /*
    min-width:360px;
    */
    #header .mobile-logo img { left: 5em; }
}
@media only screen and (min-width:30em) {
    /*
    min-width:480px;
    */
    nav.tabbed li:before { position: absolute; top:7px; right:12px; font-family: FontAwesome; font-size: 32px; font-size: 2rem; color: #666; content: '\f107'; }
    nav.tabbed li.currentPage:before { content: '\f106'; }

    .cms-home .flex-slider hr { display: block; }

    #header .mobile-logo img { left: 30% }

}
@media only screen and (min-width:33.75em) {
    /*
    min-width:540px;
    */
}
@media only screen and (min-width:37.5em) {
    /*
    min-width:600px;
    */
    /* basket & checkout */
    .checkout-index-index #header .logo { margin: 0; }
    .checkout-index-index #header .checkout-help { padding-top: 1.5em; }

    /* breadcrumbs */
    .breadcrumbs ul { padding: 0.5em 0 0 0; }
}
@media only screen and (min-width:48em) {
    /*
    min-width:768px;
    */

    /* search */
    #header .searchtoggle { display: inline-block; }
    #header .block-search { display: none; position: relative; top: auto; right: auto; }

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

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


    .cms-home .flex-slider h2 { font-size: 24px; font-size: 1.5rem; }
    .cms-home .flex-slider p { font-size: 14px; font-size: 0.875rem; }
    .cms-home .flex-slider ul { min-height: 480px; }



    .cms-home #header .inner, #header .inner { padding: 1em 0 4em 0; border-bottom: none; }
    .cms-home .block-two img, .cms-home .block-three img { width: 100%; }
}
@media only screen and (min-width:50em) {
    /*
    min-width:800px;
    */
}
@media only screen and (min-width:64em) {
    /*
    min-width:1024px;
    */
    /* header */
    #header .header div { padding-left: 0; padding-right: 0; }
    #header .header-menu { display: block; position: relative; top:0em; margin: 0 auto; width: 100%; text-align: center; }
    #header .header-menu li { display: inline-block; margin-left: 1em; font-size: 14px; font-size: 0.75rem; text-transform: uppercase; }

    #header .inner { padding: 1em 0 1.5em 0; border: none; }
    #header .inner:after { position: absolute; right: 0; left: 0; bottom: 3.75em; display: block; margin: 0 auto; width: 100%; content: ''; border-bottom: 3px solid #666; }
    #header .searchtoggle { top: 1.75em; left: 0; right: auto; }
    #header .logo, #header .logo img { position: relative; width: 140px; z-index: 10; }
    #header .logo { width: 140px; background-color: #fff; }
    #header .mobile-logo { display: none; }

    #header .header-menu { padding-bottom: 3.5em; }
    #header .header-menu li { font-size: 14px; font-size: 0.875rem; }

    .cms-home .flex-slider ul { min-height: 700px; }

    .breadcrumbs .items { max-width: 65em; margin: 0 auto; }

    html.search-open #header .inner { height: 171px; }
    html.search-open #header .searchtoggle { top: 2.5em; left: auto; right:7em; }
    html.search-open #header .header-menu { display: none; }
    html.search-open #header .logo, html.search-open #header .logo img { width: 75px; height: 75px; }
    html.search-open #header .logo { margin: 0 0 0 1em; }
    html.search-open #header .block-search { position: absolute; left: 0; top: 10px; right: 0; margin: 0 auto; width: 70%; background-color: #fff; z-index: 100; }
    html.search-open #header .block-search .form.minisearch .field.search { position: relative; left: auto; padding: 0; }
    html.search-open #header .block-search input { padding: 1.25em 0 0.5em 0; font-size: 20px; font-size: 1.25rem; color: #555; border: none; border-bottom: 1px solid #666666; }
    html.search-open #header .block-search input:focus { outline: none; border: none; border-bottom: 1px solid #bbb; }
    html.search-open #header .block-search .actions { top: 1.75em; left: -2.5em; right: auto; }
    html.search-open #header .block-search button.search:before { font-size: 24px; font-size: 1.5rem; }

    /* Promo Blocks */
    #header .promo { position: absolute; display: block; margin: 0 auto; width: 40%; text-align: center; border-top: none;
        min-height: 40px;}
    #header .promo-left { left:auto; right: 60%; margin-top: 0; border-bottom: none; font-family: 'Poppins Light', Arial, Helvetica, sans-serif; }
    #header .promo-right { right:auto; left: 60%; font-family: 'Poppins Light', Arial, Helvetica, sans-serif; }
    #header .promo p { margin-bottom: 0; font-family: PlayfairDisplayRegular; font-size: 14px; font-size: 0.875rem; line-height: normal; }
    #header .promo span { display: block; font-family: PoppinsMedium; font-size: 14px; font-size: 0.875rem; color: #e4bb9b; }

    .cms-home #header .inner { padding: 1em 0 1.5em 0; border: none; }
    .cms-home .row-one, .category-shop .home-row { margin-top: 4em; margin-bottom: 4em; }
    .cms-home .row-one, .cms-home .row-two, .category-shop .home-row { flex-direction: row; }
    .cms-home .block-one, .category-shop .block-one { width: 60%; background-color: #EFEFEF; padding: 10em; }
    .cms-home .block-one div, .category-shop .block-one div { width: 80%; text-align: center; }
    .cms-home .block-two img, .cms-home .block-three img, .category-shop .block-two img { width: initial; }
    .cms-home .block-two, .category-shop .block-two { position: absolute; top: 7em; left: 50%; }
    .cms-home .block-four div { padding: 10em 2em; text-align: left; }
    .cms-home .block-four hr { margin: unset; }

    /* minicart */
    /*.minicart-wrapper { top:2.75em; }*/



    /* main menu */
    .nav-sections { margin-bottom: 0; background: none; }
    .navigation { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }
    .navigation .level0.active > .level-top:after,
    .navigation .level0.has-active > .level-top:after,
    .navigation .level0 .level-top:hover:after { border-bottom: 3px solid #e4bb9b; }

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

    /* treatment page */
    .treatment-page-cms .block-one,
    .treatment-page-cms .block-three {
        flex-direction: row;
        margin: 3em 0;
    }
    .treatment-page-cms .block-two {
        flex-direction: row-reverse;
        margin: 3em 0;
    }
    .treatment-page-cms .block-one div,
    .treatment-page-cms .block-two div,
    .treatment-page-cms .block-three div {
        width: 50%;
    }
    .treatment-page-cms .block-one .description,
    .treatment-page-cms .block-two .description,
    .treatment-page-cms .block-three .description {
        padding: 0 5em 3em;
    }
    [class*="categorypath-treatments"] .nav-sections,
    [class*="categorypath-skin-condition"] .nav-sections {
        display: none;
    }

    /* products */
    nav.tabbed li,
    nav.tabbed li:hover,
    nav.tabbed li.currentPage { border-left: none; }
    nav.tabbed li { padding:1em; font-size: 20px; font-size: 1.25rem; border-bottom: 1px solid #bbb; }
    nav.tabbed li:before { top:20px; content: '\f105'; }
    nav.tabbed li.currentPage:before { content: '\f104'; }
    .tabbed-content { padding-left: 3em; }

    .product-type-virtual .skintone p { padding: 1em 2em 0 3em; }
    .product-type-virtual .netm-product-media,
    .product-type-virtual .netm-product-main,
    .product-type-virtual .netm-product-additional { float: none; width: auto; padding: 0; }

    /* related, upsell */
    .block.upsell .block-title { border-top: none; }
    .block.upsell .product-item .product-item-info .product-item-photo { float: left; }
    .block.upsell .product-item .product-item-info .product-item-details { margin-left: 170px; }

    /* basket & checkout */
    .checkout-index-index #header .logo, .checkout-index-index #header .logo img { width: 100px; height: 100px; }
    .cart.table-wrapper .cart.table th { font-family: 'PoppinsSemiBold'; }
    .opc-progress-bar-item._active:before { background: #e4bb9b; }
    .opc-progress-bar-item._active > span { color: #e4bb9b; }
    .opc-progress-bar-item._active > span:before { background: #e4bb9b; }

    .opc-block-summary { background-color: #ffe7cc; }

    /* cms pages */
    .cms-home .nav-sections { display: none; }
    .nav-sections .navigation li.level0.nav-extra { display: none; }
    .cms-home .welcome .inner { margin: 0 10%; }

    /* footer */
    #footer .cls.one .inner,
    #footer .cls.two .inner,
    #footer .cls.three .inner { padding-top: 1em; }
}
@media only screen and (min-width:68.75em) {
    /*
    min-width 1100px
    */
}
@media only screen and (min-width:73.75em) {
    /*
    min-width 1180px
    */
    .minicart-wrapper { right: 1.5em; }
    html.search-open #header .logo { margin: 0 0 0 2em; }
    html.search-open #header .searchtoggle { right: 8em; }
    .breadcrumbs .items { max-width: 75em; }

}
@media only screen and (min-width:76.5em) {
    /*
    min-width 1224px
    */
    /* header */
    #header .searchtoggle { left: 2.5em; }
    #header .header-menu li { margin-left: 3em; }
    #header .header-menu.right li { margin-right: 3em; }
    html.search-open #header .searchtoggle { right: 9em; }
}
@media only screen and (min-width:80em) {
    /*
    min-width 1280px
    */
    /* header */
    #header .header-menu li { margin-left: 4em; }
    #header .header-menu.right li { margin-right: 4em; }
    html.search-open #header .logo { margin: 0 0 0 3em; }
    .breadcrumbs .items { max-width: 91.5em; }
    #header .promo div { margin: 1em; }
}
@media only screen and (min-width:100em) {
    /*
    min-width 1600px
    */
    /* header */
    .minicart-wrapper { right: 2.5em; }
    #header .searchtoggle { left: 4.5em; }
    html.search-open #header .searchtoggle { right: 11em; }
    html.search-open #header .logo { margin: 0 0 0 4em; }
}