/*

	======================================================
		$---Contents
	======================================================

	$-Resets
	$-Modules
	$-Page-sidebar
	$-Main
	$-Product-showdata
	$-Homepage
	$-Category-&-product-pages
	$-Category-page
	$-Product-page
	$-Page-footer
	$-Newsletter-modal
	$-Media-queries
	$-Soft-cart
	$-Quick-View-Feature
	$-Product-Urgency-Feature

*/

/*

==============================
	$-ekmColours
	$-DO-NOT-DELETE
==============================



#-primary---#AB182F

[ekm:colour]
	colour_reference='primary';
	colour_name='Primary';
	colour_description='This is the primary colour used for the theme; it is used for your theme sidebar, Make sure this colour is dark enough for the white text to standout.';
	default_colour='#AB182F';
[/ekm:colour]

[ekm:colour] colour_reference='primary'; default_colour='#AB182F'; [/ekm:colour]



#-btn-stars---#AB182F

[ekm:colour]
	colour_reference='btn-stars';
	colour_name='Button and stars';
	colour_description='This colour is used for your theme's buttons and stars, make sure it stands out from your theme's background colour.';
	default_colour='#AB182F';
[/ekm:colour]

[ekm:colour] colour_reference='btn-stars'; default_colour='#AB182F'; [/ekm:colour]



#-links---#AB182F

[ekm:colour]
	colour_reference='links';
	colour_name='Links';
	colour_description='This is the hyperlink text colour, this colour should stand out from your theme's body copy colour.';
	default_colour='#AB182F';
[/ekm:colour]

[ekm:colour] colour_reference='links'; default_colour='#90c9e6'; [/ekm:colour]



#-cta---#AB182F

[ekm:colour]
	colour_reference='cta';
	colour_name='Call to action';
	colour_description='This colour is used for your call to action buttons, this colour should be the most prominent colour in your theme so it attracts the eye and drives conversions.';
	default_colour='#AB182F';
[/ekm:colour]

[ekm:colour]
	colour_reference='tel-icon';
	colour_name='Telephone Icon';
	colour_description='This colour is used for the telephone icon in the sidebar';
	default_colour='#fff';
[/ekm:colour]

[ekm:colour]
	colour_reference='mobile-menu-button';
	colour_name='Mobile Menu Button';
	colour_description='This colour is used for the Mobile Menu Button';
	default_colour='#fff';
[/ekm:colour]

[ekm:colour]
	colour_reference='mobile-menu-button-text';
	colour_name='Mobile Menu Button Text';
	colour_description='This colour is used for the Mobile Menu Button Text';
	default_colour='#ab1930';
[/ekm:colour]

[ekm:colour]
	colour_reference='mobile-menu-background';
	colour_name='Mobile Menu Background';
	colour_description='This colour is used for the Mobile Menu Background';
	default_colour='#8d1629';
[/ekm:colour]

[ekm:colour] colour_reference='cta'; default_colour='#AB182F'; [/ekm:colour]

[ekm:colour]
    colour_reference='add_to_cart_bg';
    colour_name='Add to cart Background color';
    colour_description='This is the the background colour of the add to cart buttons mainly found in the quickview feature.';
    default_colour='#0363CD';
[/ekm:colour]

[ekm:colour]
    colour_reference='add_to_cart_text';
    colour_name='Add to cart Background text color';
    colour_description='This is the the text colour of the add to cart buttons mainly found in the quickview feature.';
    default_colour='#FFFFFF';
[/ekm:colour]


[ekm:colour]
    colour_reference='success_colour_text';
    colour_name='Success Colour Text';
    colour_description='This is the default colour text in areas displaying a positive message, such as a product being in stock';
    default_colour='#013800';
[/ekm:colour]

[ekm:colour]
    colour_reference='success_colour_background';
    colour_name='Success Colour Background';
    colour_description='This is the default background colour for areas displaying a positive message, such as a product being in stock.';
    default_colour='#bffdbf';
[/ekm:colour]

[ekm:colour]
    colour_reference='caution_colour_text';
    colour_name='Caution Colour Text';
    colour_description='This is the default colour text in areas displaying something to be careful or aware of, such as a product running low on stock.';
    default_colour='#6d4100';
[/ekm:colour]

[ekm:colour]
    colour_reference='caution_colour_background';
    colour_name='Caution Colour Background';
    colour_description='This is the default background colour for areas displaying something to be careful or aware of, such as a product running low on stock.';
    default_colour='#fddebf';
[/ekm:colour]

[ekm:colour]
    colour_reference='warning_colour_text';
    colour_name='Warning Colour Text';
    colour_description='This is the default colour text in areas displaying something that might disrupt what your customer wants to do, such as a product being out of stock.';
    default_colour='#6d0a00';
[/ekm:colour]

[ekm:colour]
    colour_reference='warning_colour_background';
    colour_name='Warning Colour Background';
    colour_description='This is the default background colour for areas displaying something might disrupt what your customer wants to do, such as a product being out of stock.';
    default_colour='#fdbfbf';
[/ekm:colour]

[ekm:colour]
    colour_reference='inverse_colour_text';
    colour_name='Inverse Colour Text';
    colour_description='This is the the text colour that should be used in an area where the background is inverted to the default colour. Where the main text colour would be black, this should be white and vice-verse';
    default_colour='#ffffff';
[/ekm:colour]

[ekm:colour]
    colour_reference='inverse_colour_background';
    colour_name='Inverse Colour Background';
    colour_description='This is the the background colour that should be used in an area where the text is inverted to the default colour. Where the main background colour would be white, this should be black and vice-verse';
    default_colour='#000000';
[/ekm:colour]

*/

/* CSS Variables */

:root {
    --ekm-success-colour-text: [ekm:colour]colour_reference='success_colour_text';[/ekm:colour];
    --ekm-success-colour-background: [ekm:colour]colour_reference='success_colour_background';[/ekm:colour];
    --ekm-caution-colour-text: [ekm:colour]colour_reference='caution_colour_text';[/ekm:colour];
    --ekm-caution-colour-background: [ekm:colour]colour_reference='caution_colour_background';[/ekm:colour];
    --ekm-warning-colour-text: [ekm:colour]colour_reference='warning_colour_text';[/ekm:colour];
    --ekm-warning-colour-background: [ekm:colour]colour_reference='warning_colour_background';[/ekm:colour];
    --ekm-inverse-colour-text: [ekm:colour]colour_reference='inverse_colour_text';[/ekm:colour];
    --ekm-inverse-colour-background: [ekm:colour]colour_reference='inverse_colour_background';[/ekm:colour];  
    
    --ekm-atc-background-colour:[ekm:colour]colour_reference='add_to_cart_bg';[/ekm:colour];
    --ekm-atc-text-colour:[ekm:colour]colour_reference='add_to_cart_text';[/ekm:colour];
}

/**
 * Primary colour
 */

.page-sidebar {
	background-color: [ekm:colour] colour_reference='primary'; default_colour='#AB182F'; [/ekm:colour];
}

.sidebar-tel {
    margin-top: 2rem;
    border-top: solid 3px #ffffff;
    padding: 1rem;
    border-bottom: solid 3px #ffffff;
}

.tel-icon {
    fill:[ekm:colour] colour_reference='tel-icon'; default_colour='#fff'; [/ekm:colour];
    display: flex;
    justify-content: center;
}

.telephone-no {
    text-align: center;
    margin-top: 1rem;
    font-weight: 600;
    font-size: 16px;
}

.top-bar, .page-footer, .drawer {
	background: #2D2926;
}

.drawer:before {
	border-color: transparent transparent [ekm:colour] colour_reference='primary'; default_colour='#333333'; [/ekm:colour] transparent;
}


/**
 * Button and stars
 */

.btn, input[type=submit], input[type=reset], input[type=button], button {
	background-color: [ekm:colour] colour_reference='btn-stars'; default_colour='#AB182F'; [/ekm:colour];
}

.product-review-stars-1 .ekmps-fa:nth-child(1), .product-review-stars-2 .ekmps-fa:nth-child(-n+2), .product-review-stars-3 .ekmps-fa:nth-child(-n+3), .product-review-stars-4 .ekmps-fa:nth-child(-n+4), .product-review-stars-5 {
	color: [ekm:colour] colour_reference='btn-stars'; default_colour='#ab182f'; [/ekm:colour];
}


/**
 * Links
 */

a, .ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-continue {
	color: [ekm:colour] colour_reference='links'; default_colour='#ab182f'; [/ekm:colour];
}


/**
 * Call to action
 */

.product-qty-atc input[type=submit], .cart-checkout-btn {
	background-color: [ekm:colour] colour_reference='cta'; default_colour='#ab182f'; [/ekm:colour];
}

.ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-gotocheckout {
	background: [ekm:colour] colour_reference='cta'; default_colour='#e33a7e'; [/ekm:colour];
}

.product-details .product-price {
	color: [ekm:colour] colour_reference='cta'; default_colour='#ab182f'; [/ekm:colour];
}


/**
 * Scrollbar Colours - Webkit Fix
 */
 
nav::-webkit-scrollbar {
    width: 14px;
}
 
nav::-webkit-scrollbar-track {
    background: [ekm:colour] colour_reference='primary'; default_colour='#AB182F'; [/ekm:colour];
}
 
nav::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.35);
  border-radius: 8px
}

.search .form input.btn {
  background: url([ekm:master_layout_asset_path]path='/images/search.svg';[/ekm:master_layout_asset_path]) no-repeat center center transparent;
}

.ekmResponseSignupButton {
  background-image: url([ekm:master_layout_asset_path]path='/images/arrow.svg';[/ekm:master_layout_asset_path]);
}

/**
 * Cart page colours
 */


/**
  * Cart page wrapper
  */

 .ekmpscart-wrapper a {
   color: [ekm:colour] colour_reference='links'; default_colour='#90c9e6'; [/ekm:colour];
 }


/**
 * Cart page item name
 */

.ekmpscart-cart-items-product-name a {
	color: inherit;
}

.ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-actions .ekmpscart-cart-items-product-action-remove {
	color: [ekm:colour] colour_reference='links'; default_colour='#90c9e6'; [/ekm:colour];
}


/**
  * Cart page estimate delivery button
  */

 .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-header .ekmpscart-estimate-delivery-header-estimate-button, .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content .ekmpscart-estimate-delivery-row-button .ekmpscart-estimate-delivery-row-button-estimate {
   background-color: [ekm:colour] colour_reference='btn-stars'; default_colour='#5dafac'; [/ekm:colour];
 }

 .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-header .ekmpscart-estimate-delivery-header-estimate-button:hover, .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content .ekmpscart-estimate-delivery-row-button .ekmpscart-estimate-delivery-row-button-estimate:hover {
   background-color: [ekm:colour] colour_reference='btn-stars'; default_colour='#5dafac'; [/ekm:colour];
 }


/**
  * Cart page promotional voucher
  */

 .ekmpscart-discount-code .ekmpscart-discount-code-link {
   color: [ekm:colour] colour_reference='links'; default_colour='#90c9e6'; [/ekm:colour];
 }

 .ekmpscart-promotional-voucher .ekmpscart-field-row .ekmpscart-button {
   background-color: [ekm:colour] colour_reference='btn-stars'; default_colour='#5dafac'; [/ekm:colour];
 }


/**
  * Cart page checkout button bottom
  */

 .ekmpscart-checkout-button.ekmpscart-checkout-button-checkout {
   border: 1px solid [ekm:colour] colour_reference='cta'; default_colour='#e33a7e'; [/ekm:colour];
   background-color: [ekm:colour] colour_reference='cta'; default_colour='#e33a7e'; [/ekm:colour] !important;
 }

/* ==============================
	$-Resets
============================== */

html, body {
  height: 100%;
  font-size: 16px;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  max-width: 1920px;
  margin: 0 auto;
  line-height: 1.5;
  background-color: white;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: "Work Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  color: #333;
}


/**
 * Main
 */

main {
  display: block;
}


/**
 * Headers
 */

h1, h2, h3, h4, h5, h6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: Ubuntu, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}

h1, .h2-title {
  font-size: 1.6rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.4rem;
}

h4 {
  font-size: 1.3rem;
}

h5 {
  font-size: 1.2rem;
}

h6 {
  font-size: 1.1rem;
}


/**
 * Highlight
 */

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

::selection {
  background-color: #333;
  color: #fff;
}


/**
 * Links
 */

a {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}


/**
 * Strong
 */

strong {
  font-weight: 400;
}


/**
 * Form
 */

legend {
  color: inherit;
}

select, textarea, input, button {
  max-width: 100%;
  min-height: 2.25rem;
  padding: .375rem;
  border: 1px solid #ccc;
  margin: 0;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}

input[type=submit], input[type=button], input[type=reset], input[type=color], input[type=file], input[type=image], button {
  border: none;
}

input[type=submit], input[type=button], input[type=reset], button {
  min-height: 2.25rem;
  border-radius: 0;
  color: white;
  cursor: pointer;
  -webkit-appearance: none;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover {
  opacity: .75;
}

input[type=file], input[type=color], input[type=image] {
  min-height: auto;
  padding: 0;
  background-color: inherit;
}

input[type=checkbox], input[type=radio] {
  min-height: auto;
  padding: 0;
  background-color: inherit;
}

select {
  height: 2.25rem;
  background-color: rgba(0, 0, 0, 0.05);
}

input[type="text"], input[type="password"], input[type="date"],
input[type="datetime"], input[type="datetime-local"], input[type="month"],
input[type="week"], input[type="email"], input[type="number"],
input[type="search"], input[type="tel"], input[type="time"],
input[type="url"], textarea
    { font-size: 16px !important; } /* mobile zoom input fix */

/**
 * Images
 */

img {
  max-width: 100%;
  height: auto !important;
  border: none;
  vertical-align: middle;
  font-style: italic;
}

.ekm-product-image-badge-wrapper img {
  max-width: none;
}


/* ==============================
$-Modules
============================== */


/**
 * Clear fix
 */

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


/**
 * Inline block
 */

.ib {
  display: inline-block;
  vertical-align: top;
}

.ib-m {
  display: inline-block;
  vertical-align: middle;
}


/**
 * List reset
 */

.list-reset {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.list-reset .list-truncation {
  font-style: italic;
}


/**
 * FontAwesome
 */

.ekmps-fa {
  font-family: FontAwesome;
  font-style: normal;
}


/**
 * Columns
 */

.col {
  display: block;
  float: left;
  margin-left: 1.6%;
}

.col:first-child {
  margin-left: 0;
}


/**
 * Fluid grid
 */

.grid-12 {
  width: 100%;
}

.grid-11 {
  width: 91.53%;
}

.grid-10 {
  width: 83.06%;
}

.grid-9 {
  width: 74.6%;
}

.grid-8 {
  width: 66.13%;
}

.grid-7 {
  width: 57.66%;
}

.grid-6 {
  width: 49.2%;
}

.grid-5 {
  width: 40.73%;
}

.grid-4 {
  width: 32.26%;
}

.grid-3 {
  width: 23.8%;
}

.grid-2 {
  width: 15.33%;
}

.grid-1 {
  width: 6.866%;
}

.page-content-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  padding-left: 250px;
}

.top-bar-page-footer-inner {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: #2D2926;
}


/**
 * Product review stars
 */

.product-review-stars {
  letter-spacing: 1px;
  color: #999;
}

.product-review-number {
  margin-left: .1875rem;
  font-size: .7rem;
}


/**
 * Pagination
 */

.pagination {
  margin-top: 1.5rem;
  text-align: center;
}

.pagination-item {
  margin-right: .375rem;
  margin-left: .375rem;
}

.pagination-item .current-page {
  font-weight: 400;
  color: inherit;
}

.pagination-item .current-page:hover {
  text-decoration: none;
  cursor: default;
}

.pagination-prev {
  margin-right: 1.125rem;
}

.pagination-next {
  margin-left: 1.125rem;
}


/* ==============================
	$-Sidebar
============================== */

.page-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 250px;
  height: 100%;
  padding: 1.5rem;
  color: white;
  z-index: 99995;
}

.page-sidebar .social-plugins {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  width: calc(100% - 3rem);
  margin-top: 1.5rem;
  text-align: center;
}


/**
 * Logo
 */

.logo {
  margin-bottom: 1.5rem;
  text-align: center;
}


/**
 * Nav
 */

.nav {
  font-size: .9rem;
  overflow: auto;
}

.nav-item {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.nav-item:first-child {
  border-top: none;
}

.nav-item a {
  color: inherit;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
  word-wrap: break-word;
}

.nav-item a:hover {
  opacity: .75;
}

.nav-item a:hover {
  text-decoration: none;
}

.nav-item-inner > a {
  display: block;
}

.nav-item-inner-heading {
  position: relative;
  padding: .75rem;
  padding-right: 2.5rem;
}

.nav-item-inner-heading:focus {
  opacity: 1;
}

.nav-item-inner-heading.minus:after, .nav-item-inner-heading.plus:after {
  position: absolute;
  top: 50%;
  right: .75rem;
  transform: translateY(-50%);
  width: 1rem;
  text-align: center;
  font-family: FontAwesome;
  font-style: normal;
  font-size: .6rem;
}

.nav-item-inner-heading.minus:after {
  content: "\f068";
}

.nav-item-inner-heading.plus:after {
  content: "\f067";
}

.nav-sub-list {
  display: none;
  font-size: .8rem;
  overflow: hidden;
}

.nav-sub-list-inner {
  padding: 0 .75rem .75rem;
}

.nav-sub-item {
  padding-left: .75rem;
  margin-top: .375rem;
}

.nav-sub-item:first-child {
  margin-top: 0;
  font-style: italic;
}


/* ==============================
	$-Main
============================== */

.top-bar {
  flex: none;
  font-size: .8rem;
  color: white;
}

.top-bar .top-bar-page-footer-inner {
  padding: .375rem 1.5rem;
}


/**
 * Search
 */

.search {
  float: left;
  width: 269px;
  overflow: hidden;
}

.search .form {
  float: left;
  width: calc(100% - 5px - 1rem);
  margin-right: 5px;
  margin-left: -269px;
}

.search .form input {
  float: left;
}

.search .form input.input {
  width: 100%;
  padding-right: 2.25rem;
  border-color: transparent;
  background-color: rgba(255, 255, 255, 0.1);
}

.search .form input.input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.35);
}

.search .form input.input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.35);
}

.search .form input.input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.35);
}

.search .form input.input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.35);
}

.search .form input.btn {
  width: 2.25rem;
  margin-left: -2.25rem;
  line-height: 1;
  text-indent: -99999px;
  color: inherit;
}

.search .label, .search .dismiss {
  float: left;
  padding-left: 1px;
  line-height: 1;
  cursor: pointer;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.search .label:hover, .search .dismiss:hover {
  opacity: 0.75 !important;
}

.search .label img {
  margin-right: .1875rem;
}

.search .dismiss {
  width: 1rem;
}

.search .dismiss i {
  line-height: 2.25rem;
}

.search .label span, .search .dismiss span {
  line-height: 2.25rem;
}

.search .dismiss {
  display: none;
  opacity: 0;
}


/**
 * Account
 */

.account {
  float: right;
  margin-right: 1.5rem;
}

.account > img {
  width: 1.25rem;
  max-height: 1.25rem;
}


/**
 * Cart
 */

.cart {
  float: right;
}

.cart > img {
  width: 1.25rem;
  max-height: 1.25rem;
}


/**
 * Drawers on click
 */

.drawer-btn-cont {
  position: relative;
  line-height: 1;
}

.account-cart-btn {
  position: relative;
}

.drawer-btn,
.account-link-btn {
  height: 1rem;
  margin-top: .65625rem;
  line-height: 1;
  color: inherit;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.drawer-btn:hover,
.account-link-btn:hover {
  text-decoration: none;
  opacity: .75;
}

.drawer-btn > img,
.account-link-btn > img {
  margin-right: .375rem;
}

.drawer-btn-active {
  position: relative;
}

.drawer {
  display: none;
  position: absolute;
  top: calc(125% + .75rem);
  right: 0;
  z-index: 2;
  width: 300px;
  padding: .75rem;
  line-height: 1.5;
  text-align: left;
  color: white;
}

.drawer:before {
  content: "";
  position: absolute;
  top: -.75rem;
  right: .75rem;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .75rem .75rem .75rem;
}

.drawer h1, .drawer h2 {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-size: 1.2rem;
  color: inherit;
}

.drawer label {
  display: inline-block;
  margin-top: .75rem;
  margin-bottom: .1875rem;
  text-align: left;
  font-size: .8rem;
}

.drawer input {
  display: block;
  width: 100%;
  border: none;
  color: #333;
}

.drawer input[type=submit] {
  color: white;
}

.drawer a {
  color: white;
}

.drawer-dismiss {
  position: absolute;
  top: .375rem;
  right: .375rem;
  line-height: 1;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.drawer-dismiss:hover {
  opacity: .75;
}


/**
 * Login
 */

.login .drawer-btn {
  position: relative;
}

.login .drawer-btn:before {
  content: "\f00c";
  visibility: hidden;
  position: absolute;
  top: -50%;
  right: -50%;
  z-index: 2;
  -ms-transform: translateX(-25%);
  transform: translateX(-25%);
  width: 1rem;
  height: 1rem;
  font-family: FontAwesome;
  font-style: normal;
}

.login-drawer .drawer-btn-bg {
  margin-top: .75rem;
}

.forgotten-password {
  margin-top: .75rem;
  text-align: center;
  font-size: .8rem;
}

.logged-in {
  text-align: center;
}

.logged-in-logout {
  margin-top: .75rem;
}


/**
 * Cart
 */

.cart .drawer-btn {
  position: relative;
}

.cart-btn-item-count {
  visibility: hidden;
  position: absolute;
  top: -50%;
  right: -50%;
  z-index: 2;
  -ms-transform: translateX(-25%);
  transform: translateX(-25%);
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  line-height: 1.125rem;
  text-align: center;
  font-size: .7rem;
  color: white;
}

.cart-drawer {
  padding: 0;
}

.cart-product-item-list {
  min-height: 2rem;
  max-height: 300px;
  overflow-y: auto;
}

.cart-product-item {
  padding: .75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.cart-product-item:first-of-type {
  border-top: none;
}

.cart-product-item a {
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.cart-product-item a:hover {
  text-decoration: none;
  opacity: .75;
}

.cart-product-item-image {
  float: left;
  width: 25%;
  min-height: 1px;
  text-align: center;
}

.cart-product-item-details {
  float: left;
  width: 75%;
  padding-left: .75rem;
}

.cart-product-item-qty {
  font-size: .8rem;
  opacity: .75;
}

.cart-total {
  padding: .75rem;
  background-color: rgba(255, 255, 255, 0.15);
  font-size: .8rem;
}

.cart-item-count {
  float: left;
  width: 65%;
  padding-right: .375rem;
}

.cart-total-price {
  float: right;
  width: 35%;
  padding-left: .375rem;
  text-align: right;
}

.cart-btn-cont {
  text-align: center;
}

.cart-btn-cont .cart-btn:first-child {
  padding-right: .375rem;
}

.cart-btn-cont .cart-btn:last-child {
  padding-left: .375rem;
}

.cart-btn {
  float: left;
  width: 50%;
  padding: .75rem;
}

.cart-btn a {
  display: block;
  line-height: 2.25rem;
}

.cart-btn a:hover {
  text-decoration: none;
}

.cart-view-btn {
  border: 2px solid white;
  transition: background-color 100ms, color 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.cart-view-btn:hover {
  background-color: white;
  color: #333;
}

.cart-checkout-btn {
  border: 2px solid transparent;
  text-transform: uppercase;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.cart-checkout-btn:hover {
  opacity: .75;
}


/* ==============================
	$-Product-showdata
============================== */

.products {
  padding-right: 3rem;
  padding-left: 3rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}

.products-heading {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 600;
}

.products-heading:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 3px;
  background-color: #ccc;
}

.product-item {
  margin-top: 1.5rem;
  margin-left: 1.6%;
  text-align: left;
}

.product-item:nth-child(4n + 1) {
  margin-left: 0;
}

.product-item-image {
  padding-bottom: 1.125rem;
  border-bottom: 3px solid #ccc;
  margin-bottom: .75rem;
  text-align: center;
}

.product-item-title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  font-size: 1rem;
}

.product-item-title a {
  color: inherit;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  font-weight: 500;
}

.product-item-title a:hover {
  opacity: .75;
}

.product-item-title a:hover {
  text-decoration: none;
}

.product-rrp-price {
  margin-top: .375rem;
  font-size: .9rem;
  opacity: .75;
}

.product-rrp {
  margin-right: .75rem;
  text-decoration: line-through;
  opacity: .5;
}

.product-price {
  color: black;
}

.product-vat {
  margin-left: .75rem;
  opacity: .75;
}

.product-item-review-stars > .product-review-stars {
  line-height: 1;
}

.product-item-short-description, .shopui-product-variant-preview {
  margin-top: .375rem;
  font-size: .8rem;
}

.product-out-of-stock {
  margin-top: .375rem;
  color: red;
}

.shopui-product-variant-preview__choices {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

/**
 * Constrain Proportions of Product Images
 */

.product-item-image,
.ekm-search-page-item__image {
    border-bottom: 3px solid #ccc;
    font-size: 0;
    margin-bottom: 0.75rem;
    padding-bottom: 100%;
    position: relative;
    text-align: center;
}

.product-item-image a img,
.ekm-search-page-item__image a img {
    left: 50%;
    max-height: 100%;
    padding-bottom: 1.125rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

.ekm-search-page-item__image.ekm-search-page-item__image--empty { padding-top: 0!important; }

.product-item-image img{
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

/* ==============================
	$-Main
============================== */

.page-content {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
  padding: 1.5rem 3rem;
  margin-right: auto;
  margin-left: auto;
}

.page-content-inner {
  max-width: 980px;
  margin: auto;
}

.recent-products {
  flex: none;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
}


/* ==============================
	$-Homepage
============================== */

.ekm-page-type-main .page-content {
  padding: 0;
}

.ekm-page-type-main .page-content-inner {
  max-width: none;
}

.ekm-page-type-main .recent-products {
  padding-right: 3rem;
  padding-left: 3rem;
  margin-bottom: 3rem;
}


/**
 * Banner
 */

.banner {
  text-align: center;
}

.ekm-banner .ekm-banner-nav{
	z-index: 0 !important;
}


/**
 * Promos
 */

.promos-cont {
  padding-right: 3rem;
  padding-left: 3rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}

.promo {
  width: 32.2666667%;
  margin-left: 1.6%;
}

.promo:first-child {
  margin-left: 0;
}


/**
 * Newsletter
 */

.newsletter {
  padding-right: 3rem;
  padding-left: 3rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}

.newsletter-inner {
  padding: 3rem;
  background-color: #F5F5F5;
}

.newsletter-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
}

.newsletter-text {
  margin-top: 1.5rem;
}

.newsletter-form {
  margin-top: 1.5rem;
}

.ekmResponseEmailAddress {
  width: 300px;
  border-right: none;
}

.ekmResponseSignupButton {
  width: 2.25rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.25rem;
  text-indent: -99999px;
}


/* ==============================
	$-Category-&-product-pages
============================== */

.breadcrumb-list {
  text-align: center;
  font-size: .8rem;
}

.breadcrumb-list a {
  color: inherit;
  opacity: .5;
}

.breadcrumb-list .current a {
  opacity: 1;
  cursor: default;
}

.breadcrumb-list .current a:hover {
  text-decoration: none;
}

.breadcrumb-item {
  margin-right: .375rem;
  margin-left: .375rem;
}


/* ==============================
	$-Category-page
============================== */

.ekm-page-type-category .page-content-inner {
  max-width: none;
}

.category-page-title {
  margin-top: 3rem;
  margin-bottom: 0;
  text-align: center;
}


/**
 * In category description
 */

.in-category-description {
  margin-top: 3rem;
  text-align: center;
}

.in-category-description + .subcategory-list {
  margin-top: 1.125rem;
}


/**
 * Subcategories
 */
.sub-categories {margin-top: 4rem;}

.sub-categories-list {
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	margin-left: -1.2rem;
	margin-top: -3rem;
	text-align: center;
}

.sub-category-item {
	font-size: 1rem;
	padding-left: 1.2rem;
	padding-top: 3rem;
}

.sub-category-image,
.sub-category-no-image {
	height: 0;
    position: relative;
    padding-bottom: 100%;
}

.sub-category-no-image {background: #e0e0e0;}

.sub-category-image img {
	left: 50%;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: auto;
    border-radius: 20px;
    border: solid 3px #E0E0E0;
}

.sub-category-no-image img {
    display: flex;
    padding-bottom: 100%;
}

.sub-category-name {
	margin-top: 1rem;
	color: #2d2926;
}


@media screen and (max-width: 768px) {
	.sub-category-item {
		flex-basis: 50%;
		max-width: 50%;
	}
}

@media screen and (min-width: 768px) {
	.sub-category-item {
		flex-basis: 25%;
		max-width: 25%;
	}
}

@media screen and (min-width: 1100px) {
	.sub-category-item {
		flex-basis: 20%;
		max-width: 20%;
	}
}

@media screen and (min-width: 1400px) {
	.sub-category-item {
		flex-basis: 16.66%;
		max-width: 16.66%;
	}
}

.sub-category-item a {
  font-weight: 400;
}


/**
 * Product controls
 */

.product-controls {
  position: relative;
  padding-top: 1.5rem;
  border-top: 1px solid #ccc;
  margin-top: 3rem;
  font-size: .8rem;
}


/**
 * Filter
 */

.filter {
  float: left;
  width: 33.33333%;
}

.filter-menu > img {
  margin-right: .375rem;
}

.filter-menu > span {
  margin-right: .75rem;
  vertical-align: middle;
}

.filter-menu {
  line-height: 2.25rem;
  cursor: pointer;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.filter-menu:hover {
  opacity: .75;
}

.filter-menu > img {
  margin-right: .375rem;
}

.filter-drawer {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 2;
  padding-top: .75rem;
}

.filter-drawer:hover {
  display: block;
}

.filter-drawer .filter-attribute .ui-slider-horizontal .ui-slider-handle {
  border-radius: 0;
  background-color: white;
}

.filter-drawer .filter-attribute .price-label {
  margin-top: .5625rem;
  font-weight: 400;
  font-size: inherit;
}

.filter-drawer-inner {
  background: #333;
  color: white;
}

.filter-drawer-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1.5rem;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .75rem .75rem .75rem;
  border-color: transparent transparent #333 transparent;
}

.filter-attribute {
  width: 33.33333%;
  padding: 0 1.5rem 1.5rem;
  margin-top: 1.5rem;
  font-size: .9rem;
}

.filter-attribute-title {
  padding-bottom: .375rem;
  border-bottom: 1px solid;
  font-family: Ubuntu, Helvetica, Arial, "Lucida Grande", sans-serif;
}

.filter-attribute-item {
  margin-top: .375rem;
}

.filter-attribute-item input[type=checkbox], .filter-attribute-item label, .filter-attribute-item .ekm-filter-count, .filter-attribute-item .ekm-fitler-count {
  vertical-align: middle;
}

.filter-attribute-item label {
  cursor: pointer;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.filter-attribute-item label:hover {
  opacity: .75;
}

.ekm-filter-count, .ekm-fitler-count {
  opacity: .5;
}

.filter-attribute-price .filter-attribute-item {
  width: 96%;
  margin: .9375rem auto 0;
}

.filter-icon {
	width: 16px;
	height: 16px;
	margin-right: 0.4rem;
}

/**
 * Sort by
 */

.sort-by {
  float: right;
  width: 33.33333%;
  text-align: right;
}

.sort-by select {
  min-width: 150px;
}

.sort-by-label {
  margin-right: .375rem;
}


/**
 * Category products
 */

.category-products {
  position: relative;
  padding-right: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}


/**
 * Product results
 */

.product-results {
  position: absolute;
  top: -1.75rem;
  left: 50%;
  transform: translateX(-50%);
  width: 33.33333%;
  text-align: center;
  font-size: .8rem;
}

.product-results span {
  font-weight: 400;
}


/* ==============================
$-Product-page
============================== */

.ekm-page-type-product .page-content-inner {
  max-width: none;
}

.product-page-upper {
  margin-top: 3rem;
}

.ekm-pic-root{
	z-index: 0!important;
}


/**
* Product images
*/

.product-images {
  text-align: center;
}

.secondary-image {
  margin-top: 1.5rem;
}

.secondary-image:first-child {
  margin-top: 0;
}


/**
* Product details
*/

.product-details .product-rrp-price {
  margin-top: 1.5rem;
  font-size: 1rem;
}

.product-details .product-rrp {
  margin-right: 0;
  margin-left: 0;
}

.product-details .product-vat {
	margin-left: 0;
	margin-right: 0;
}

.product-details .product-price {
  margin-right: 0;
  margin-left: 0;
  font-weight: 400;
  font-size: 1.6rem;
}

.product-details .product-out-of-stock {
  margin-top: 1.5rem;
  font-size: 1.2rem;
}

.product-details .social-plugins {
  margin-top: 1.5rem;
}

.product-page-title {
  margin: 0 .375rem 0 0;
  font-weight: 600;
}

.product-code {
  font-size: .8rem;
  opacity: .5;
}

.product-short-description {
  margin-top: 1.5rem;
}


/**
 * Bulk discount table
 */

.product-rrp-price .ekm-bulk-discount {
  width: 100%;
  max-width: 600px;
  border: 1px solid #ccc;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}
.product-rrp-price .ekm-bulk-discount tr, .product-rrp-price .ekm-bulk-discount tr:hover {
  background: #fff;
}
.product-rrp-price .ekm-bulk-discount th {
  background: #fff;
  font-weight: 400;
}
.product-rrp-price .ekm-bulk-discount td.ekm-bulk-discount-unit-price {
  font-weight: 400;
  color: inherit;
}


/**
* Product form
*/

.product-form {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 1.5rem;
}



/**
* Product options
*/

.product-options {
  margin-bottom: 1.5rem;
}

.product-options select, .product-options textarea, .product-options input {
  display: block;
  width: 100%;
}

.product-options label {
  font-size: .8rem;
}

.product-options-row {
  margin-top: 1.5rem;
}

.product-options-row:first-of-type {
  margin-top: 0;
}


/**
 * Product back in stock
 */

.product-back-in-stock {
  margin-top: 1.5rem;
}

.product-back-in-stock input {
  margin-top: .375rem;
}


/**
* Product qty atc
*/

.product-qty-atc label {
  font-size: .8rem;
}

.product-qty {
  width: 3rem;
  height: 3rem;
  text-align: center;
}

.product-qty-atc input[type=submit] {
  /*width: calc(100% - 3.75rem);*/
  width: 100%;
  height: 3rem;
  /*margin-left: .75rem;*/
  text-transform: uppercase;
}

/* Wishlist Button Styles */
.wishlist-wrapper { margin-top: 20px; }

.wishlist-wrapper svg path { 
	transition: fill 0.2s ease-in-out; 
		-webkit-transition: fill 0.2s ease-in-out;
}

.wishlist-wrapper button:hover { opacity: 1; }

.wishlist-btn {
    align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
    background: none;
    border: 0;
    color: #333;
    cursor: pointer;
    display: flex;        
    display: -webkit-box;  
    display: -ms-flexbox;  
    display: -webkit-flex; 
    font-family: inherit;
    padding: 0;
}

.wishlist-text { 
	margin-left: 6px;
	font-size: 14px;
}

.wishlist-btn:hover .wishlist-text { opacity: 0.7; }

.wishlist-heart {
    border-radius: 50%;
    height: 34px;
    position: relative;
    width: 34px;
}

.wishlist-heart svg {
    height: 20px;
    left: 50%;
    margin-top: 1px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    width: 20px;
}

.wishlist-heart-inner-color { fill: #333; }

.wishlist-heart-outer-color,
.wishlist-btn:hover .wishlist-heart-inner-color,
.wishlist-heart-icon-added { fill: #fff; }
		
.wishlist-heart { background: #333; }

@media only screen and (min-width : 0px) and (max-width: 710px) {
	.wishlist-wrapper { 
		display: flex;        
	    display: -webkit-box;  
	    display: -ms-flexbox;  
	    display: -webkit-flex; 
		justify-content: center;
			-webkit-box-pack: center;
	        -ms-flex-pack: center;
	}
}

#shopui-instalmentPlans .instalmentplan img {margin-top: 0;}

/**
* Product loyalty
*/

.product-loyalty {
  margin-top: 1.5rem;
}

.product-loyalty span {
  font-weight: 400;
}


/**
* Product page lower
*/

.product-page-lower {
  margin-top: 3rem;
}


/**
* Tabs
*/

.tabs {
  position: relative;
  text-align: center;
}

.tabs:before {
  content: "";
  position: absolute;
  top: calc(3rem + 1px);
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

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

.tabs > input[type=radio] {
  display: none;
}

.tabs > label {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: .75rem 1.5rem;
  border: 1px solid transparent;
  margin-right: .75rem;
  margin-left: .75rem;
  color: #b3b3b3;
  cursor: pointer;
  transition: color 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.tabs > label:hover {
  color: inherit;
}

.tabs > label:first-of-type {
  margin-left: 3.75rem;
}

.tabs > .tab3label {
  display: none;
}

.tabs [id^="tab"]:checked + label {
  border: 1px solid #ccc;
  color: inherit;
  cursor: default;
}

.tabs [id^="tab"]:checked + label:hover {
  opacity: 1;
}

.tabs [id^="tab"]:checked + label:after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: white;
}

.tab-content {
  display: none;
  float: left;
  width: 100%;
  padding-top: 1.5rem;
  background-color: #fff;
  text-align: left;
}

.tab-content-inner {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
}

#tab1:checked~#tab-content1, #tab2:checked~#tab-content2, #tab3:checked~#tab-content3 {
  display: block;
}


/**
* Product description
*/

.product-description-title {
  margin-bottom: 1.5rem;
  font-family: Ubuntu, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
}


/**
* Product reviews
*/

.product-reviews .product-review-stars {
  line-height: 1.5;
}

.product-reviews-summary .product-review-stars {
  margin-right: .75rem;
}

.product-reviews-summary span {
  font-weight: 400;
}

.product-reviews-row {
  margin-top: 1.5rem;
}

.product-reviews-name {
  font-weight: 400;
}

.product-reviews-location {
  color: #b3b3b3;
}

.product-reviews-btn {
  display: inline-block;
  width: 9rem;
  line-height: 2.25rem;
  text-align: center;
  color: white;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.product-reviews-btn:hover {
  opacity: .75;
}

.product-reviews-btn:hover {
  text-decoration: none;
}


/**
* Product specifciations
*/

.product-specifications table {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
  border: none;
}

.product-specifications tr {
  border-top: 1px solid #ccc;
}

.product-specifications tr:first-child {
  border-top: none;
}

.product-specifications tr:first-child td {
  padding-top: 0;
}

.product-specifications tr:last-child td {
  padding-bottom: 0;
}

.product-specifications td {
  width: 50%;
  padding: .75rem;
  border: none;
}

.product-specifications td:first-child {
  font-weight: 400;
}


/**
 * Related products
 */

.related-products {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 1.5rem;
}


/* ==============================
	$-Page-footer
============================== */

.page-footer {
  font-size: .8rem;
  color: white;
}

.page-footer .top-bar-page-footer-inner {
  padding-right: 3rem;
  padding-left: 3rem;
}

.page-footer select {
  background-color: rgba(255, 255, 255, 0.1);
}

.page-footer option {
  background-color: #333;
  color: white;
}

.page-footer-row {
  margin-top: .75rem;
}

.page-footer-row:first-child {
  margin-top: 0;
}


/**
 * Webpages
 */

.webpages-list {
  width: 66.66666%;
  padding-right: .75rem;
  margin-top: -.375rem;
  word-break: break-all;
}

.webpages-list a {
  color: inherit;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.webpages-list a:hover {
  opacity: .75;
}

.webpages-list a:hover {
  text-decoration: none;
}

.webpages-item {
  margin-top: .375rem;
  margin-right: .75rem;
}

.webpages-item:last-child {
  margin-right: 0;
}


/**
 * Contact
 */

.contact {
  width: 33.33333%;
  padding-left: .75rem;
  text-align: right;
}


/**
 * Copyright
 */

.copyright {
  width: 50%;
  padding-right: .75rem;
  font-size: .7rem;
  opacity: .5;
}

.copyright a {
  color: inherit;
}


/**
 * Cards
 */

.card-logos {
  width: 50%;
  padding-left: .75rem;
  text-align: right;
}


/**
 * Currency
 */

.currency table {
  margin: auto;
}

.currency select {
  height: 2.25em;
  font-family: inherit!important;
  font-size: .7rem!important;
}


/* ==============================
	$-Newsletter-modal
============================== */
/* Exit Modal Overlay */
.shopui-exit-modal__overlay {
	background-color: #fff;
}

/* Exit Modal Main Window */
.shopui-exit-modal__window {
	background-color: #fff;
	border-radius: 2px; 
	box-shadow: none; 
	
}

/* Exit Modal Title */
/* Exit Modal Message */
[ekm:if]
	iftype='EQUALS';
	ifvalue='[ekm:industry_variant_name][/ekm:industry_variant_name]';
	ifvalue2='Clothing and Fashion';
	ifthen='
		body .shopui-exit-modal__title {
			font-family: "Ubuntu", sans-serif;
			font-weight: 400;
			color: #333;

		}

		body .shopui-exit-modal__message {
			font-family: "Work Sans", sans-serif;
			color: #333;
			font-weight: 300;
		}
	';
	ifelse='';
[/ekm:if]



	/* Exit Modal Email Field */
	.shopui-exit-modal__window .shopui-text-field {
		border: 2px solid #ddd;
		font-size: 18px;
		border-radius: 2px;
	}

	/* Exit Modal Button */
	.shopui-exit-modal__window .shopui-button--primary,
	.shopui-exit-modal__window a.shopui-button--primary {
		border-color: [ekm:colour] colour_reference='btn-stars'; default_colour='#5dafac'; [/ekm:colour];
		background-color: [ekm:colour] colour_reference='btn-stars'; default_colour='#5dafac'; [/ekm:colour];
	}

		.shopui-exit-modal__window .shopui-button--primary:hover,
		.shopui-exit-modal__window a.shopui-button--primary:hover {
			border-color: [ekm:colour] colour_reference='btn-stars'; default_colour='#5dafac'; [/ekm:colour];
    		background-color: [ekm:colour] colour_reference='btn-stars'; default_colour='#5dafac'; [/ekm:colour];
    		opacity: 0.75;
		}


/* ==============================
	$-Media-queries
============================== */


/* min width queries */

@media only screen and (min-width:1280px) {
  .page-sidebar {
    width: 300px;
  }
  .page-content-footer {
    padding-left: 300px;
  }
  .filter-attribute {
    width: 25%;
  }
}

@media only screen and (min-width:1366px) {
  .sort-by-label {
    margin-right: .75rem;
  }
}

@media only screen and (min-width:1440px) {
  .filter-attribute {
    width: 20%;
  }
}

@media only screen and (min-width:1920px) {
  .filter-attribute {
    width: 16.6666667%;
  }
}


/* ==============================
  $-Soft-cart
============================== */


/* softcart container */

.ekm-softcart-wrapper .ekm-softcart {
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}


/* close button */

.ekm-softcart-wrapper a.ekm-softcart-close {
  top: 8px!important;
}

.ekm-softcart-close::before {
  color: #ea4d4d;
}


/* softcart header */

.ekm-softcart-wrapper .ekm-softcart-header h1 {
  padding-top: .75rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #ccc;
  line-height: inherit;
  background-color: #eee;
  font-weight: 400;
  font-size: inherit;
  color: inherit;
}


/* inner */

.ekm-softcart-wrapper .ekm-softcart-inner {
  border-top: none;
  background-color: #fff;
}

.ekm-softcart-wrapper .ekm-softcart.scrolls div.ekm-softcart-items {
  background: inherit;
}


/* item */

.ekm-softcart-wrapper .ekm-softcart-items {
  font-size: .9rem;
}

.ekm-softcart-wrapper div.ekm-softcart-item {
  padding: .75rem 0 .75rem 0;
  font-size: inherit;
}

.ekm-softcart-wrapper .ekm-softcart-item + .ekm-softcart-item {
  border-color: #ccc;
}

.ekm-softcart-wrapper .ekm-softcart-item:first-child {
  border-top: none;
}

.ekm-softcart-wrapper a.ekm-softcart-item-img {
  border-color: #ccc;
}

.ekm-softcart-wrapper .ekm-softcart-item-name a {
  font-weight: 300;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}
.ekm-softcart-wrapper .ekm-softcart-item-name a:hover {
  text-decoration: none;
  opacity: .75;
}

.ekm-softcart-wrapper .ekm-softcart-item-options {
  color: inherit;
}

.ekm-softcart-wrapper span.ekm-softcart-item-options {
  font-size: .8rem;
}

.ekm-softcart-wrapper .ekm-softcart-item-qty-label {
  color: inherit;
}

.ekm-softcart-wrapper span.ekm-softcart-item-qty-label {
  font-size: .6rem;
}

.ekm-softcart-wrapper .ekm-softcart-item-qty-minus, .ekm-softcart-wrapper .ekm-softcart-item-qty-plus {
  color: inherit;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.ekm-softcart-wrapper .ekm-softcart-item-qty-minus:hover, .ekm-softcart-wrapper .ekm-softcart-item-qty-plus:hover {
  opacity: .75;
}

.ekm-softcart-wrapper .ekm-softcart-item-qty-value {
  border-radius: 0;
  border-color: #ccc;
  color: inherit;
}

.ekm-softcart-wrapper .ekm-softcart-item-cost {
  font-weight: 400;
  color: inherit;
}


/* totals */

.ekm-softcart-wrapper .ekm-softcart-totals {
  padding: .75rem 0 .75rem .75rem;
  border-color: #ccc;
}

.ekm-softcart-wrapper p.ekm-softcart-itemcount {
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}

.ekm-softcart-wrapper .ekm-softcart-subtotal {
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}

.ekm-softcart-wrapper p.ekm-softcart-itemcount span, .ekm-softcart-wrapper .ekm-softcart-subtotal span {
  font-weight: 400;
}

span.ekm-softcart-item-cost {
  padding-right: 0!important;
}


/* links */

.ekm-softcart-wrapper .ekm-softcart-links {
  border-color: #ccc;
  padding: .75rem;
}

.ekm-softcart-wrapper div.ekm-softcart-links a {
  padding: .75rem;
  line-height: 1;
}

.ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-continue {
  border-radius: 0;
  border: none;
  padding-right: 0;
  padding-left: 0;
  background: inherit;
  font-weight: inherit;
  font-size: .9rem;
  filter: none;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-continue:hover {
  text-decoration: none;
  filter: none;
  opacity: .75;
}

.ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-gotocheckout {
  border-radius: 0;
  border: none;
  font-weight: 400;
  font-size: inherit;
  color: #fff;
  filter: none;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3D(0, 0, 0);
}

.ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-gotocheckout:hover {
  opacity: .75;
  filter: none;
}







@media (min-width: 980px) {

	/* Universal Styles */
	select, textarea, input, button {font-size: inherit;}
	
	
	
	
	/* Desktop Specific Styles */
	.nav-btn, .mobile-top-bar, .mobile-social {display: none;}

}




@media only screen and (min-width : 711px) and (max-width: 979px) {

	/* Desktop Specific Styles */
	.nav-btn, .mobile-top-bar, .mobile-social {display: none;}
	
	
	
	
	/* Header Styles */
	.page-sidebar {width: 220px;}
	
	.page-content-footer {padding-left: 220px;}
	
	
	
	
	/* Navigation Styles */
	.nav {font-size: 0.75rem;}
	
	.nav-item-inner-heading {padding: 0.75rem 1.5rem 0.75rem 0;}
	
	.nav-item-inner-heading.minus::after, .nav-item-inner-heading.plus::after {right: 0;}
	
	
	
	
	/* Product Styles */
	.product-item {
	    margin-left: 8%;
	    width: 46%;
	}
	
	.product-item:nth-child(2n+1) {margin-left: 0;}
	
	
	
	
	/* Newsletter Styles */
	.ekmResponseEmailAddress {
	    font-size: 12px;
	    height: 36px;
	    vertical-align: top;
	    width: calc(100% - 38px);
	}
	
	
	
	
	/* Category Page Styles */
	.category-page-title {font-size: 1.4rem;}
	
	.in-category-description {font-size: 0.9rem;}
	
	.subcategory-item {
	    margin-left: 8%;
	    margin-right: 0;
	    width: 46%;
	}
	
	.subcategory-item:nth-child(2n+1) {margin-left: 0;}
	
	.product-results {
	    display: inline-block;
	    left: 0;
	    margin-bottom: 1.5rem;
	    margin-top: 1.5rem;
	    position: relative;
	    top: 0;
	    transform: none;
	    width: 100%;
	}
	
	.filter {width: 34%;}
	
	.sort-by {width: 66%;}
	
	.filter-drawer-inner {padding: 1.2rem;}
	
	.filter-attribute {
	    margin-left: 8%;
	    margin-top: 0;
	    padding-bottom: 0;
	    padding-left: 0;
	    padding-right: 0;
	    width: 46%;
	}
	
	.filter-attribute:nth-child(n+3) {margin-top: 1.5rem;}
	
	.filter-attribute:first-child {margin-left: 0;}



	
	/* Product Page Styles */
	.product-images {width: 100%;}
	
	.product-details {
		font-size: 0.9rem;
	    margin-left: 0;
	    margin-top: 1.5rem;
	    text-align: center;
	    width: 100%;
	}
	
	.product-form-inner {margin: auto;}
	
	.tabs > label {
	    font-size: 0.8rem;
	    margin-left: 0;
	    margin-right: 0;
	    padding: 0.5rem 0.25rem;
	    width: 92px;
	}
	
	.tabs > label:first-of-type {margin-left: 0;}
	
	.tabs::before {top: calc(2.19rem + 1px);}
	
	.tab-content {
		font-size: 0.9rem;
		text-align: center;
	}
	
	.product-reviews {text-align: left;}
	
	.product-reviews-summary {text-align: center;}
	
	.product-reviews-reviewer-details {
	    font-size: 0;
	    width: 100%;
	}
	
	.product-reviews-name {
	    display: inline-block;
	    font-size: 0.9rem;
	    width: 48%;
	}
	
	.product-reviews-location {
	    display: inline-block;
	    font-size: 0.9rem;
	    margin-left: 4%;
	    text-align: right;
	    width: 48%;
	}
	
	.product-reviews .product-review-stars {font-size: 0.9rem;}
	
	.product-reviews-reviewer-content {margin-left: 0;}
	
	.product-reviews-btn {
		display: block;
	    margin: auto;
	}
	
	.product-reviews-no-review {text-align: center;}
	
	
	
	
	/* Footer Styles */
	.webpages-list {
	    padding-right: 0;
	    text-align: center;
	    width: 100%;
	}
	
	.contact {
	    margin-top: 2rem;
	    padding-left: 0;
	    text-align: center;
	    width: 100%;
	}
	
	.copyright-cards {margin-top: 0;}
	
	.copyright {
	    margin-top: 2rem;
	    padding-right: 0;
	    text-align: center;
	    width: 100%;
	}
	
	.card-logos {
	    margin-top: 2rem;
	    padding-left: 0;
	    text-align: center;
	    width: 100%;
	}
	
	.currency {margin-top: 2rem;}

}





@media only screen and (min-width : 0px) and (max-width: 710px) {
	
	/* Mobile Specific Styles */
	.desktop-top-bar,
	.desktop-social {display: none;}
	
	.page-content-inner {text-align: center;}
	
	.sidebar-tel {
    	display: none;
	}
	
	.ekm-banner {
		 z-index: 0 !important;
}
	
	/* Header Styles */
	.page-content {padding: 1.5rem 1.2rem;}
	
	.page-sidebar {
		display: block;
	    height: initial;
	    padding: 1.5rem;
	    position: relative;
	    width: 100%;
	    z-index: 1;
	}
	
	.top-bar .top-bar-page-footer-inner {padding: 0.1rem 1.5rem;}
	
	.logo {
	    margin: 0 auto 1.5rem;
	    max-width: 10rem;
	}
	
	.promo {
	  width: 100%;
	  margin-left: 0%;
	}
	
	.promo:nth-child(2) {
		margin-top: 1rem;
	}
	
	.promo:nth-child(3) {
		margin-top: 1rem;
	}
	
	.promos-cont {
		margin-bottom: 2rem;
	    margin-top: 2rem;
	    padding-left: 1.2rem;
	    padding-right: 1.2rem;
		text-align: center;
	}
	
	/* Navigation Styles */
	.nav {
		display: none;
		left: 0;
		max-height: initial!important;
		position: absolute;
		padding-top: 20px;
		width: 100%;
	}
	
	.nav-list {
		background:[ekm:colour] colour_reference='mobile-menu-background'; default_colour='#8d1629'; [/ekm:colour];
	}
	
	.nav-btn {
	    cursor: pointer;
	    display: block;
	    font-size: 14px;
	    line-height: 1;
	    margin: auto;
	    position: relative;
	    text-align: center;
	    width: 25%;
	    padding: 12px;
	    text-transform: uppercase;
	    font-weight: bold;
	    border-radius: 50px;
	    background:[ekm:colour] colour_reference='mobile-menu-button'; default_colour='#fff'; [/ekm:colour];
    	color:[ekm:colour] colour_reference='mobile-menu-button-text'; default_colour='#ab1930'; [/ekm:colour];
	}
	
	.nav-btn::before {
	    content: "\f0c9";
	    font-family: FontAwesome;
	    font-size: 0.8rem;
	    margin-right: 4px;
	    position: relative;
	    top: -0.5px;
	}
	
	.nav:after {
		border-bottom: 0.6rem solid [ekm:colour] colour_reference='mobile-menu-background'; default_colour='#8d1629'; [/ekm:colour];
	    border-left: 0.6rem solid transparent;
	    border-right: 0.6rem solid transparent;
	    content: "";
	    left: 50%;
	    position: absolute;
	    top: 12px;
	    transform: translateX(-50%);
	}
	
	
	
	/* Dropdown/Drawer Styles */
	.account {margin-right: 1rem;}
	
	.drawer {
		background: #555!important;
		top: calc(125% + 0.26rem);
	}
	
	.cart-drawer:before, 
	.login-drawer:before {
		border-color: transparent transparent #555!important;
	    border-style: solid;
	    border-width: 0.4rem;
	    content: "";
	    height: 0;
	    position: absolute;
	    top: -0.75rem;
	    width: 0;
	    z-index: 2;
	}
	
	.login-drawer {right: -2.65rem;}
	
	.cart-drawer {right: -0.28rem;}
	
	.cart-drawer:before {right: 0.72rem;}
	
	.login-drawer:before {right: 3.1rem;}
	
	.drawer-btn-cont span {display: none;}
	
	.search {width: 68%;}
	
	.search .form {margin-left: -100%;}
	
	.drawer-btn-cont {
	    display: inline-block;
	    width: 32%;
	}
	
	
	
	
	/* Product Styles */
	.products {
		margin-bottom: 2rem;
		margin-top: 2rem;
	    padding-left: 1.2rem;
	    padding-right: 1.2rem;
	}
	
	.product-item {
	    margin-left: 8%;
	    width: 46%;
	}
	
	.product-item:nth-child(2n+1) {margin-left: 0;}
	
	.product-item-title,
	.product-rrp-price {font-size: 0.8rem;}
	
	.product-item-short-description {display: none;}
	
	.product-out-of-stock {font-size: 0.7rem;}
	
	
	
	
	/* Newsletter Styles */
	.newsletter {
	    margin-bottom: 2rem;
	    margin-top: 2rem;
	    padding-left: 1.2rem;
	    padding-right: 1.2rem;
	}
	
	.newsletter-inner {padding: 1.5rem;}
	
	.ekmResponseEmailAddress {
	    font-size: 12px;
	    height: 36px;
	    vertical-align: top;
	    width: calc(100% - 38px);
	}
	
	
	
	
	/* Footer Styles */
	.page-footer .top-bar-page-footer-inner {padding: 2rem 1.2rem;}
	
	.webpages-list {
	    padding-right: 0;
	    text-align: center;
	    width: 100%;
	}
	
	.webpages-item {
	    margin-left: 0.5rem;
	    margin-right: 0.5rem;
	}
	
	.webpages-item:last-child {margin-right: 0.5rem;}
	
	.contact {
		margin-top: 2rem;
	    padding-left: 0;
	    text-align: center;
	    width: 100%;
	}
	
	.copyright {
	    padding-right: 0;
	    text-align: center;
	    width: 100%;
	}
	
	.card-logos {
	    margin-top: 2rem;
	    padding-left: 0;
	    text-align: center;
	    width: 100%;
	}
	
	.page-footer-row {margin-top: 2rem;}
	
	.page-content-footer {padding-left: 0;}
	
	.mobile-social {
	    margin-top: 2rem;
	    text-align: center;
	}
	
	
	
	
	/*Category Page Styles */
	.category-page-title {
	    font-size: 1.2rem;
	    margin-top: 2rem;
	}
	
	.in-category-description {
		font-size: 0.8rem;
		margin-top: 2rem;
	}
	
	.subcategory-item {
	    font-size: 0.8rem;
	    margin: 0 0 0 8%;
	    text-align: center;
	    width: 46%;
	}
	
	.subcategory-item:nth-child(2n+1) {margin-left: 0;}
	
	.product-results {
	    display: inline-block;
	    left: 0;
	    margin-bottom: 1.5rem;
	    margin-top: 1.5rem;
	    position: relative;
	    top: 0;
	    transform: none;
	    width: 100%;
	}
	
	.filter {position: relative;}
	
	.sort-by {width: 66%;}
	
	.filter, .sort-by {
	    float: none;
	    text-align: center;
	    width: 100%;
	}
	
	.filter-drawer-inner {padding: 1rem;}
	
	.filter-drawer-inner::before {
	    left: 50%;
	    transform: translateX(-50%);
	}
	
	.filter-attribute {
	    font-size: 0.8rem;
	    margin-left: 8%;
	    margin-top: 0;
	    padding-bottom: 0;
	    padding-left: 0;
	    padding-right: 0;
	    text-align: left;
	    width: 46%;
	}
	
	.filter-attribute:nth-child(n+3) {margin-top: 1.5rem;}
	
	.filter-attribute:first-child {margin-left: 0;}
	
	.filter-attribute-item > input {
	    float: left;
	    margin-right: 4px;
	    margin-top: 4px;
	    width: 14px;
	}
	
	.sort-by {margin-top: 1rem;}
	
	.products.category-products {
		margin-top: 0;
	    padding-left: 0;
	    padding-right: 0;
	}
	
	.category-products .product-item {margin-top: 0;}
	
	.category-products .product-item:nth-child(n+3) {margin-top: 1.5rem;}
	
	
	
	
	/*Product Page Styles */
	.product-images {width: 100%;}
	
	.product-details {
		font-size: 0.8rem;
	    margin-left: 0;
	    margin-top: 1.5rem;
	    text-align: center;
	    width: 100%;
	}
	
	.product-form-inner {margin: auto;}
	
	.tabs > label {
	    font-size: 0.75rem;
	    margin-left: 0;
	    margin-right: 0;
	    padding: 0.5rem 0.25rem;
	    width: 92px;
	}
	
	.tabs > label:first-of-type {margin-left: 0;}
	
	.tabs::before {top: calc(2.19rem + 1px);}
	
	.tab-content {
		font-size: 0.8rem;
		text-align: center;
	}
	
	.product-reviews {text-align: left;}
	
	.product-reviews-summary {text-align: center;}
	
	.product-reviews-reviewer-details {
	    font-size: 0;
	    width: 100%;
	}
	
	.product-reviews-name {
	    display: inline-block;
	    font-size: 0.8rem;
	    width: 48%;
	}
	
	.product-reviews-location {
	    display: inline-block;
	    font-size: 0.8rem;
	    margin-left: 4%;
	    text-align: right;
	    width: 48%;
	}
	
	.product-reviews .product-review-stars {font-size: 0.8rem;}
	
	.product-reviews-reviewer-content {margin-left: 0;}
	
	.product-reviews-btn {
		display: block;
	    margin: auto;
	}
	
	.product-reviews-no-review, 
	.page-content-inner > form {text-align: center;}
	
	
	/* EKM Style Overrides */
	.ekm-page-type-webpage table,
	.ekm-page-type-webpage input {width: 100%;}
	
	.contact-form {text-align: left;}
	


}




@media only screen and (min-width : 480px) and (max-width: 660px) {
	
	/*Product Page Styles */
	.tabs > label {
	    font-size: 0.75rem;
	    margin-left: 0;
	    margin-right: 0;
	    padding: 0.5rem 0.8rem;
	    width: 120px;
	}

}

/* ==========================================================================
#QUICK VIEW FEATURE
========================================================================= */


@media only screen and (min-width: 768px){
	.quickview-btn-wrapper {
		background-color: rgba(255,255,255,0.75);
	    left: 0px !important; 
	}	
}

/* ==========================================================================
    #QUICK VIEW FEATURE
========================================================================= */    

.product-urgency.gibt-tactic span.js-ekm-pugibt-cd.shopui-timer-time {
    color: var(--ekm-success-colour-text);
    display: block;
}

.product-urgency.lsb-tactic {margin: 2rem 0;}

.product-urgency.lsb-tactic .shopui-low-stock-bar .shopui-low-stock-bar-container {
    margin-left: 0;
}


.product-urgency.ct-tactic .shopui-countdown {
    padding: 1rem 0;
}

.product-urgency.gibt-tactic {
    margin: 2rem 0;
}

.product-urgency.gibt-tactic .shopui-timer {
    text-align: left;
}

.product-urgency.gibt-tactic .shopui-timer .shopui-timer-text .shopui-timer-arrival {
    color: var(--ekm-warning-colour-text);
}

.product-urgency.fd-tactic {
    margin: 2rem 0;
    text-align: left;
}

/* ==========================================================================
#QUICK VIEW FEATURE V1 CUSTOM MODE
========================================================================= */


.quickview-parent {
	position: relative;
}

.quickview-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9;
    display: none;
}

@media screen and (min-width: 36.25em) {
    .quickview-parent:hover .quickview-wrapper {display: flex;justify-content: space-evenly;align-items: center;flex-direction: column;}
}

.quickview-wrapper a, .quickview-wrapper span {
    border: 0.675rem solid #fff;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    padding: 1rem 2rem;
    color: #ffffff;
    font-size: 1.8rem;
    transition: 0.2s linear all;
    text-decoration: none;
}

.quickview-wrapper a:hover, .quickview-wrapper span:hover {
    opacity: 1;
    background: #ffffff;
    color: #000000;
    transition: 0.2s linear all;
}

.quickview-icon {
    display: block;
    width: 100%;
    margin-top: 1.2rem;
    cursor: pointer;
    padding: 1rem 0;
    background: [ekm:colour] colour_reference='cta';[/ekm:colour];
    color: #ffffff;
    text-align: center;
}

.quickview-icon a {
    color: #ffffff;
}

.quickview-icon:hover {
    opacity: 0.8;
}

.quickview-icon span.quickview-label {
    display: inline-block;
    margin: 0 0 0 0.5rem;
}

.quickview-icon svg {
    height: 22px;
    width: 22px;
    display: inline-block;
    fill: #ffffff;
    vertical-align: text-top;
}

.quickview-wrapper .ekm-edit-button-wrapper.ekm-design.ekm-design-html a:first-child {
    display: none;
}

/*TABS FEATURE*/

.tab .tab-content-inner{
	max-width: 100%;
}
.tab-wrapper{
	max-width: none !important;
}