﻿/**
 *
 * $-Contents
 *
 * $-Colours
 * $-Resets
 * $-Modules
 * $-Page-header
 * $-Page-content
 * $-Product-showdata
 * $-Homepage
 * $-Category-and-product-pages
 * $-Category-page
 * $-Product-page
 * $-Page-footer
 * $-Variants
 * $-Media-queries
 * $-Newsletter-modal
 * $-Soft-cart
 * $-Quick-view-feature
 * $-Product-Urgency-feature 
 *
 */


/**
 * $-Colors
 */

/*

	#-accent---#5f9539
	#-cta---#3a8ae3

	#fa05f2

	#fa05f2

	#fa05f2

	#fa05f2
	
	#ffffff

	#ffffff
	
	#464646
	
	#333

	#464646
	
	#ffffff	
	
	#464646

	#ffffff
	
	#ffffff
	
	#464646	
	
	#ECECEC
	
	#464646

	#ffffff
	
	#fa05f2
	
	#FFFFFF
	
#464646

#bffdbf

#6d4100

#fddebf

#6d0a00

#fdbfbf

#ffffff

#000000

#fff

*/

/* CSS Variables */

:root {
    --ekm-success-colour-text: #464646;
    --ekm-success-colour-background: #bffdbf;
    --ekm-caution-colour-text: #6d4100;
    --ekm-caution-colour-background: #fddebf;
    --ekm-warning-colour-text: #6d0a00;
    --ekm-warning-colour-background: #fdbfbf;
    --ekm-inverse-colour-text: #ffffff;
    --ekm-inverse-colour-background: #000000;  
    
    --ekm-atc-background-colour:#fa05f2;
    --ekm-atc-text-colour:#FFFFFF;
}


/**
 * $-Resets
 */

html, body {
  height: 100%;
  font-size: 16px;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  line-height: 1.5;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  font-family: Hind, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #464646;
}


/**
 * Main
 */

main {
  display: block;
  -ms-flex: 1 0 auto;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
}

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; } /* input zoom fix */
    
/*TRADE LOGIN*/

.trade-account a {
    font-weight: 600;
	color: #fa05f2;
}

p.trade-account {
    font-size: 16px;
    font-weight: 600;
}
    
/**
 * Headers
 */

h1, h2, h3, h4, h5, h6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-family: Comfortaa;
  font-weight: 400;
}

h1 {
  font-size: 2.0rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 1.6rem;
}

h4 {
  font-size: 1.4rem;
}

h5 {
  font-size: 1.2rem;
}

h6 {
  font-size: 1.0rem;
}


/**
 * Paragraphs
 */

p {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}


/**
 * Highlight
 */

::-moz-selection {
  background-color: #333;
  color: #fff;
}

::selection {
  background-color: #333;
  color: #fff;
}


/**
 * Anchor links
 */

a {
  color: #fa05f2;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}


/**
 * Form elements
 */

legend {
  color: inherit;
}

.ekm-productoptions-dropdown-option {
	  color: #333 !important;
}

.i-Jewellery input {
	  color: #333 !important;
}

select, textarea, input, button {
  max-width: 100%;
  min-height: 2.25rem;
  padding: .375rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0;
  vertical-align: middle;
  background-color: white;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

input[type=submit], input[type=button], input[type=reset], button {
  background-color: #fa05f2;
}

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;
  padding-top: .45rem;
  border-radius: 0;
  color: white;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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;
  background-color: inherit;
}

select {
  height: 2.25rem;
}


/**
 * 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;
}


/**
 * Font awesome
 */

.ekmps-fa {
  font-family: FontAwesome;
  font-style: normal;
}


/**
 * Container
 */

.container {
  width: 90%;
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
}


/**
 * Columns
 */

.col {
	display: block;
	float: left;
	margin-left: 3.2%;
}

.col:first-child {
  margin-left: 0;
}


/**
 * Fluid grid
 */

.grid-12 {
	width: 100%;
}

.grid-11 {
  	width: 91.4%;
}
.grid-10 {
  	width: 82.8%;
}

.grid-9 {
  	width: 74.2%;
}

.grid-8 {
  	width: 65.6%;
}

.grid-7 {
  	width: 57%;
}

.grid-6 {
  	width: 48.4%;
}

.grid-5 {
  	width: 39.8%;
}

.grid-4 {
  	width: 31.2%;
}

.grid-3 {
  	width: 22.6%;
}

.grid-2 {
  	width: 14%;
}

.grid-1 {
  	width: 5.4%;
}


/**
 * Pagination
 */

.pagination {
  margin-top: 3rem;
  text-align: center;
}

.pagination-item {
  min-width: 1.75rem;
  margin-right: .375rem;
  margin-left: .375rem;
  line-height: 1;
}

.pagination-item a {
  display: block;
  padding: .475rem .375rem .3rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: inherit;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pagination-item a:hover {
  text-decoration: none;
  opacity: .75;
}

.pagination-item a.current-page {
  border-color: inherit;
  font-weight: 700;
  cursor: default;
}

.pagination-item a.current-page:hover {
  opacity: 1;
}

.pagination-prev {
  margin-right: 1.125rem;
  margin-left: 0;
}

.pagination-next {
  margin-right: 0;
  margin-left: 1.125rem;
}


/**
 * $-Page-header
 */

.page-header {
  -ms-flex: none;
  -webkit-box-flex: 0;
          flex: none;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: .375rem solid;
  border-top-color: #fa05f2;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  
}

.logo {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .logo {
    text-align: center;
    width: 100%;
  }
}


/**
 * Search
 */

.search {
  width: 30%;
}

@media screen and (max-width: 768px) {
  .search {
    margin-top: 1.5rem;
    width: 100%;
  }
}

.search .ekmps-search-field {
  float: left;
  width: 100%;
  padding-right: 2.25rem;
}

.search input[type=submit].ekmps-search-button {
  float: left;
  width: 2.25rem;
  margin-left: -2.25rem;
  text-indent: -99999px;
}

.search input[type=submit].ekmps-search-button:hover {
  opacity: .5;
}


/**
 * Login and cart
 */

.login-cart {
  width: 20%;
}

@media screen and (max-width: 768px) {
  .login-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1.5rem;
    position: relative;
    width: 100%;
  }
}

.login-cart-icon {
  position: relative;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(0, 0, 0, 0.075);
   background-color: #ECECEC;
}

.login-cart-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.login-cart-icon path {
  fill: #464646;
}

.login-cart-txt {
  margin-top: .375rem;
  text-align: center;
  font-size: .7rem;
}


/**
 * Login
 */

.login {
  position: relative;
  float: right;
  margin-right: 1.5rem;
}

@media screen and (max-width: 768px) {
  .login {
    float: none;
    margin-right: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    position: static;
  }
}

.login-btn {
  cursor: pointer;
}

a.login-btn {
  color: inherit;
  text-decoration: none;
}

a.login-btn.active:after {
  display: none;
}

@media screen and (max-width: 768px) {
  .login-btn.active {
    position: relative;
  }
}

.login-btn.active:after {
  content: '';
  position: absolute;
  top: calc(100% + .245rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .5rem .5rem .5rem;
  border-color: transparent transparent #464646 transparent;
}

.login-cont {
  visibility: hidden;
  position: absolute;
  top: calc(100% + .75rem);
  right: 0;
  z-index: 2;
  width: 300px;
  padding: .75rem;
  background-color: #464646;
  color: white;
}

@media screen and (max-width: 768px) {
  .login-cont {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.login-cont.active {
  visibility: visible;
}

.login-cont a {
  color: inherit;
}

.login-dismiss {
  position: absolute;
  top: .3rem;
  right: .375rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.login-dismiss:hover {
  opacity: .75;
}

.login-heading {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-size: 1rem;
}

.login-form label {
  font-size: .8rem;
}

.login-form input {
  display: block;
  width: 100%;
}

.login-form input[type=text], .login-form input[type=email], .login-form input[type=password] {
  border-color: inherit;
  background-color: inherit;
}

.login-row {
  margin-top: .75rem;
}

.login-forgotten-password {
  text-align: center;
  font-size: .8rem;
}

.login-logged-in {
  text-align: center;
}

.login-logged-in .login-row:first-child {
  margin-top: 0;
}


/**
 * Cart
 */

.cart {
  position: relative;
  float: right;
  color: #464646;
}

@media screen and (max-width: 768px) {
  .cart {
    float: none;
    padding-left: .75rem;
    padding-right: .75rem;
    position: static;
  }
}

.cart-btn {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .cart-btn.active {
    position: relative;
  }
}

.cart-btn.active:after {
  content: '';
  position: absolute;
  top: calc(100% + .245rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .5rem .5rem .5rem;
  border-color: transparent transparent #464646 transparent;
}

.cart-count {
  background-color: #fa05f2;
  position: absolute;
  top: -.375rem;
  left: -.375rem;
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem;
  padding-top: .315rem;
  border-radius: 100%;
  text-align: center;
  font-size: .7rem;
  color: white;
}

.cart-cont {
  visibility: hidden;
  position: absolute;
  top: calc(100% + .75rem);
  right: 0;
  z-index: 2;
  width: 300px;
  background-color: #464646;
  font-size: .8rem;
  color: white;
}

@media screen and (max-width: 768px) {
  .cart-cont {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.cart-cont.active {
  visibility: visible;
}

.cart-cont a {
  color: inherit;
}

.cart-dismiss {
  position: absolute;
  top: .3rem;
  right: .375rem;
  line-height: 1;
  font-size: 1rem;
  cursor: pointer;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cart-dismiss:hover {
  opacity: .75;
}

.cart-list {
  min-height: 1rem;
  max-height: 40vh;
  overflow-y: auto;
}

.cart-item {
  padding: .75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.cart-item-image {
  width: 25%;
}

.cart-item-details {
  width: 75%;
  padding-left: .75rem;
}

.cart-item-quantity {
  opacity: .75;
}

.cart-summary-cont {
  padding: .75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  font-size: .7rem;
}

.cart-total {
  text-align: right;
}

.cart-btns-cont {
  padding: .75rem;
}

.cart-btns-cont a {
  width: 48%;
  line-height: 1.875rem;
  text-align: center;
}

.cart-view-cart {
  border: 1px solid white;
  -webkit-transition: background-color 100ms, color 100ms ease-in-out;
  transition: background-color 100ms, color 100ms ease-in-out;
}

.cart-view-cart:hover {
  background-color: white;
  text-decoration: none;
  color: #464646;
}

.cart-checkout {
  background-color: #fa05f2;
  border: 1px solid transparent;
  margin-left: 4%;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cart-checkout:hover {
  text-decoration: none;
  opacity: .75;
}


/**
 * $-Page-content
 */

main {
  padding-top: 1.5rem;
  padding-bottom: 1.5em;
}


/**
 * Sidebar
 */

.page-sidebar {
  float: left;
  width: 25%;
}

@media screen and (max-width: 768px) {
  .page-sidebar {
    padding-bottom: 1.5rem;
    text-align: center;
    width: 100%;
  }
}

.page-sidebar .social-plugins {
  margin-top: 3rem;
  text-align: center;
}

.page-sidebar .social-plugins .addthis_toolbox {
  font-size: 15px;
}

.page-sidebar-promo {
  margin-top: 1.5rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .page-sidebar-promo {
    display: inline-block;
    margin-top: 3rem;
    padding-left: 1%;
    padding-right: 1%;
    width: 48%;
  }
}


/**
 * Navigation
 */

.nav__btn {
	display: none;
}

@media screen and (max-width: 768px) {
   .nav {
     text-align: center;
   }

   .nav__btn {
		margin-top: 1.5rem;
		padding: 0.5em 0.75em;
		display: inline-block;
		border-radius: 5px;
		color: #fff !important;

   }
}

@media screen and (max-width: 768px) {

 .nav-list {
    max-height: 30vh;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height 0.25s cubic-bezier(0.23, 1, 0.32, 1);
    transition: max-height 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .nav-list:not(.is-expanded):after {
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#ffffff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #ffffff 100%);
    content: "";
    height: 50%;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .nav-list.is-expanded {
    max-height: 100%;
    overflow: visible;
    -webkit-transition: max-height 0.25s cubic-bezier(0.23, 1, 0.32, 1);
    transition: max-height 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  }

}

.nav-item {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  /*z-index: 1;*/
}

.nav-item a {
  display: block;
  padding-top: .375rem;
  padding-bottom: .375rem;
  color: inherit;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media screen and (max-width: 768px) {
  .nav-item a {
    /*display: inline-block;*/
  }
}

.nav-item a:hover {
  text-decoration: none;
  opacity: .75;
}

.nav-item > a {
  padding-right: .75rem;
}

.nav-item > a:after {
  content: '\f105';
  position: absolute;
  top: .375rem;
  right: 0;
  margin-left: .375rem;
  font-family: FontAwesome;
}

@media screen and (max-width: 768px) {
  .nav-item > a:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    right: auto;
  }
}

.nav-item > a:last-child {
  padding-right: 0;
}

.nav-item > a:last-child:after {
  content: '';
  margin-left: 0;
}

.nav-item:first-child > a {
  padding-top: 0;
}

.nav-item:first-child > a:after {
  top: .09375rem;
  padding-top: 0;
}

.nav-item:first-child .subnav-list-inn:before {
  top: .375rem;
}



.subnav-list {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 3;
  width: 100%;
  padding-left: 1.5rem;
}

/* Hover Styles */
.nav:not(.not-custom) .subnav-list {
	visibility: hidden;
}

.nav:not(.not-custom) .nav-item:hover .subnav-list {
	visibility: visible;
}

/* Click Styles */
.not-custom .subnav-list {
	visibility: visible;
}

.not-custom .subnav-list.is-hidden {
	visibility: hidden;
}

@media screen and (max-width: 768px) {
  .subnav-list{
    padding-left: 0;
    top: 100%;
    left: 0;
  }
}

.subnav-item-view-link {
	font-weight: 700;
	margin-top: .375rem;
}

.subnav-list-inn {
  position: relative;
  padding-top: .375rem;
  padding-bottom: .375rem;
  background-color: #464646;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  font-size: .8rem;
  color: white;
}

.subnav-list-inn:before {
  content: '';
  position: absolute;
  top: .75rem;
  left: -.375rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .4rem .4rem .4rem 0;
  border-color: transparent #464646 transparent transparent;
}

@media screen and (max-width: 768px) {
  .subnav-list-inn:before {
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-left: -.4rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }

  .nav-item:first-child .subnav-list-inn:before {
    margin-top: -15px;
  }
}

.subnav-list-inn a {
  padding: .375rem .5625rem;
}


/**
 * Social plugins
 */

.social-plugins {
  margin-top: 1.5rem;
}


/**
 * Page content
 */

.page-content {
  float: left;
  width: 75%;
  padding-left: 1.5rem;
}

@media screen and (max-width: 768px) {
  .page-content {
    margin-top: 1.5rem;
    padding-left: 0;
    width: 100%;
  }
}

.page-content .products:last-child {
  margin-bottom: 0;
}


/**
 * Newsletter
 */

.newsletter {
  padding: 1.5rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  background-color: rgba(0, 0, 0, 0.075);
  text-align: center;
  font-size: .7rem;
}

.newsletter-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
}

.newsletter-tease {
  margin-top: .75rem;
  opacity: .75;
}

.newsletter-form {
  margin-top: .75rem;
}

@media screen and (max-width: 480px) {
  .newsletter-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.ekmResponseEmailAddress {
  width: 300px;
  border-right: none;
}

@media screen and (max-width: 480px) {
  .ekmResponseEmailAddress {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
  }
}

.ekmResponseSignupButton {
  width: 2.25rem;
  text-indent: -99999px;
}


/**
 * $-Product-showdata
 */

.products {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.products-heading {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}

.products-heading:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}

.products-heading-inner {
  background-color: #fff;
  background-color: #ffffff;
  position: relative;
  padding-right: .75rem;
}

.product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -3.2%;
}

.product-item {
  margin-top: 1.5rem;
  padding-left: 3.2%;
  text-align: center;
}

.product-item.grid-3 {
  width: 25%;
}

@media screen and (max-width: 1364px) {
  .product-item.grid-3 {
    width: 33.333333%;
  }
}

@media screen and (max-width: 620px) {
  .product-item.grid-3 {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .product-item.grid-3 {
    width: 100%;
  }
}

.product-item:nth-child(4n+1) {
  margin-left: 0;
}

.product-item .product-out-of-stock {
  margin-top: .375rem;
}

.product-item-image,
.ekm-search-page-item__image {
    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%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    		transform: translate(-50%, -50%) scale(1);
  	-webkit-transition: -webkit-transform 100ms ease-in-out;
  	transition: -webkit-transform 100ms ease-in-out;
  	transition: transform 100ms ease-in-out;
  	transition: transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out;
    width: auto;
}

.product-item-image a > img:hover {
	-webkit-transform: translate(-50%, -50%) scale(.975);
    		transform: translate(-50%, -50%) scale(.975);
}

.ekm-search-page-item__image.ekm-search-page-item__image--empty { padding-top: 0! important; }

.product-item-title {
  margin-top: 0;
  margin-bottom: .375rem;
  font-family: inherit;
  font-size: inherit;
}

.product-item-title a {
  color: inherit;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.product-item-title a:hover {
  text-decoration: none;
  opacity: .75;
}

.product-price {
  font-weight: 700;
}

.product-rrp {
  text-decoration: line-through;
  font-size: .7rem;
  opacity: .5;
}

.product-vat {
  font-size: 0.825rem;
  opacity: .75;
}

.product-review-stars, .shopui-product-variant-preview {
  margin-top: .375rem;
}

.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 .ekmps-fa:nth-child(-n+5) {
  color: #fa05f2
}

.product-review-stars .stars {
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.5);
}

.product-review-total {
  font-size: .7rem;
}

.product-item-short-description {
  margin-top: .375rem;
  font-size: .8rem;
  opacity: .75;
}

.product-out-of-stock {
  color: red;
}


/**
 * $-Homepage
 */

.page-content .mid-promos-cont:first-child .mid-promo {
  margin-top: 0;
}

.mid-promos-cont {
	margin-top: 3rem;
	margin-bottom: 3rem;
}
/**
 * Banner
 */

.banner {
  text-align: center;
}


/**
 * Mid promos
 */

.mid-promo {
  margin-top: 1.5rem;
  margin-left: 3.2%;
}

.mid-promo:first-child {
  margin-left: 0;
}

@media screen and (max-width: 480px) {
  .mid-promo {
    margin-left: 0;
    width: 100%;
  }

  .mid-promo + .mid-promo {
    margin-top: 1.5rem;
  }
}


/**
 * $-Category-and-product-pages
 */

.breadcrumb-list {
  font-size: .7rem;
}

.breadcrumb-list a {
  opacity: .5;
  color: inherit;
}

.breadcrumb-list .current a {
  opacity: 1;
}

.c-welcome__title {
	text-transform: uppercase;
	font-size: 1.6rem;
}
/**
 * $-Category-page
 */

.category-page-upper {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.in-category-description {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

/**
 * Subcategory list
 */

.subcategory-list {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.subcategory-item {
  margin-top: .375rem;
  margin-right: .75rem;
  margin-left: .75rem;
  max-width: 20%;
}

.subcategory-image {
	margin-bottom: .375rem;
}


/**
 * Category products
 */

.category-products {
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 1.5rem;
}

.product-controls {
  position: relative;
  font-size: .8rem;
}

@media screen and (max-width: 768px) {
  .product-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}


/**
 * Filter
 */

.filter {
  width: 33.33333%;
}

@media screen and (max-width: 768px) {
  .filter {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
  }
}

.filter-btn {
  cursor: pointer;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.filter-btn:hover {
  opacity: .75;
}

.filter-cont {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  width: 100%;
  padding-top: .5rem;
}

@media screen and (max-width: 768px) {
  .filter-cont {
    top: 2.25rem;
  }
}

.ekm_clear_filters_btn{
    border: 2px solid #FFF !important;
    font-size: 0.7rem;
}
.ekm-filterby-clear-button svg{
    fill: #FFF !important;
    height: 10px !important;
    width: 10px !important;
}

.filter-cont.active {
  visibility: visible;
}

.filter-attribute-list {
  position: relative;
  padding-bottom: .75rem;
  padding-left: .75rem;
  background-color: #464646;
  color: white;
}

.filter-attribute-list:before {
  content: '';
  position: absolute;
  top: -.5rem;
  left: 1.35rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .5rem .5rem .5rem;
  border-color: transparent transparent #464646 transparent;
}

.filter-attribute-item {
  padding-right: .75rem;
  margin-top: .75rem;
  width: 33.333333%;
}

@media screen and (max-width: 480px) {
  .filter-attribute-item {
    width: 50%;
  }
}

.filter-attribute-item-heading {
  padding-bottom: .1875rem;
  border-bottom: 1px solid;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: inherit;
  font-size: inherit;
}

.filter-value-list {
  font-size: .7rem;
}

.filter-value-item > label {
  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
  margin-left: 2px;
  cursor: pointer;
  -webkit-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.filter-value-item > label:hover {
  opacity: .75;
}

.filter-value-item > span {
  font-size: .6rem;
}

.filter-value-price {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
}

.filter .filter-attribute-item .ui-slider-horizontal .ui-slider-range {
  background-color: rgba(0, 0, 0, 0.25);
}

.filter .filter-attribute-item .ui-slider-horizontal .ui-slider-handle {
  background-color: white;
}

.filter .filter-attribute-item .price-label {
  margin-top: .375rem;
  font-weight: inherit;
  font-size: inherit;
}


/**
 * Showing results
 */

.showing-results {
  width: 33.33333%;
  text-align: center;
  font-size: .8rem;
}

@media screen and (max-width: 768px) {
  .showing-results {
    margin-top: 1.5rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;

  }
}


/**
 * Sort by
 */

.sort-by {
  width: 33.33333%;
  text-align: right;
  font-size: .8rem;
}

@media screen and (max-width: 768px) {
  .sort-by {
    width: 70%;
  }
}

.sort-by select {
  width: 150px;
}


/**
 * $-Product-page
 */

.product-page-upper {
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}


/**
 * Product images
 */

.product-images {
  float: left;
  padding-right: 1.5rem;
  text-align: center;
  width: 60%;
}

@media screen and (max-width: 900px) {
  .product-images {
    margin-bottom: 1.5rem;
    padding-right: 0;
    width: 100%;
  }
}

.product-images-secondary-item {
  margin-top: 1.5rem;
}

.product-images-secondary-item:first-child {
  margin-top: 0;
}

.product-images-primary img {
  max-height: 90vh;
  width: auto;
}


/**
 * Product details
 */

.product-details {
  float: left;
  width: 40%;
}

@media screen and (max-width: 900px) {
  .product-details {
    text-align: center;
    width: 100%;
  }
}

.product-details .product-out-of-stock {
  font-size: 1.4rem;
  margin-top: 1.5rem;
}

.product-details .product-price {
  font-size: 1.6rem;
}

.product-details .ekm-bulk-discount {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 1.5rem;
  font-family: inherit;
  font-weight: inherit;
  font-size: .9rem;
  color: inherit;
}

.product-details .ekm-bulk-discount tr, .product-details .ekm-bulk-discount tr:hover {
  background: #fff;
}

.product-details .ekm-bulk-discount th {
  background: #fff;
}

.product-details .ekm-bulk-discount td.ekm-bulk-discount-unit-price {
  color: inherit;
}

.product-details .product-rrp {
  font-size: 1.0rem;
}
.product-details .product-vat {
  font-size: 1.2rem;
}
.product-details .product-price, .product-details .product-rrp {
  display: inline-block;
  margin-top: 1.5rem;
}

.product-page-title {
  margin-top: .75rem;
  margin-bottom: 0;
  font-size: 1.6rem;
}

.product-code {
  margin-top: .75rem;
  font-size: .7rem;
  opacity: .5;
}

.product-short-description {
  margin-top: 1.5rem;
  font-size: .8rem;
}

.product-form {
  padding-bottom: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 1.5rem;
}

.product-options label {
  font-size: .8rem;
}

.product-options select, .product-options textarea, .product-options input {
  display: block;
  width: 100%;
}

/*.product-options select {*/
/*  background-color: rgba(0, 0, 0, 0.05);*/
/*}*/

.product-options-row {
  margin-top: 1.5rem;
}

.product-quantity-add-to-cart {
  margin-top: 1.5rem;
}

.product-quantity-add-to-cart label {
  display: block;
}

@media screen and (max-width: 900px) {
  .product-quantity-add-to-cart label {
    text-align: left;
  }
}

.product-quantity-add-to-cart input[type=submit] {
  background-color: #fa05f2;
  width: calc(100% - 3.62rem);
  height: 3rem;
}

.product-quantity {
  width: 3rem;
  height: 3rem;
  margin-right: .375rem;
  text-align: center;
}

.qty-label {
    display: block;
    text-align: left;
}

.product-back-in-stock {
  margin-top: 1.5rem;
  font-size: .7rem;
}

.atc-container { margin-top: 1.5rem; }

.product-back-in-stock input {
  height: 2.25rem;
  margin-top: .375rem;
  font-size: 1rem;
}

.product-back-in-stock input[type=email] {
  width: calc(100% - 5.375rem);
  margin-right: .375rem;
}

.product-back-in-stock input[type=button] {
  width: 5rem;
}

.product-loyalty {
  margin-top: 1.5rem;
  font-size: .8rem;
}

/* Wishlist Button Styles */

.wishlist-wrapper { 
	display: flex;        
    display: -webkit-box;  
    display: -ms-flexbox;  
    display: -webkit-flex; 
	justify-content: center;
		-webkit-box-pack: center;
        -ms-flex-pack: center;
    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:hover .wishlist-text { opacity: 0.7; }

.wishlist-btn {
    align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
    background: none;
    border: 0;
    color: #464646;
    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-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-outer-color,
.wishlist-btn:hover .wishlist-heart-inner-color,
.wishlist-heart-icon-added { fill: #ffffff; }


		.wishlist-heart-inner-color { fill: #333; }
				
		.wishlist-heart { background: #333; }
	







/**
 * Product page lower
 */

.product-page-lower-element:last-of-type {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.product-page-lower-element:nth-of-type(2n+1) {
  border-bottom: none;
  background-color: rgba(0, 0, 0, 0.075);
}

.product-page-lower-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
  .product-page-lower-heading {
    margin-bottom: 1.5rem;
    text-align: center;
    width: 100%;
  }
}

.product-description {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media screen and (max-width: 768px) {
  .product-description .grid-7 {
    margin-left: 0;
    width: 100%;
  }
}

product-description table{
	width: 100% !important;
	max-width: 500px;
}


/**
 * Product specifications
 */

.product-specifications {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.product-specifications table {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
  margin: auto;
  border: none;
}

.product-specifications tr:first-child td {
  padding-top: 0;
}

.product-specifications tr:nth-of-type(2n+0) {
  background-color: rgba(0, 0, 0, 0.075);
}

.product-specifications td {
  width: 50%;
  padding: .75rem;
  border: none;
}

.product-specifications td:first-child {
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .product-specifications .grid-7 {
    width: 100%;
  }
}


/**
 * Product reviews
 */

.product-reviews {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media screen and (max-width: 768px) {
  .product-reviews .grid-5,
  .product-reviews .grid-7 {
    margin-left: 0;
    width: 100%;
  }
}

.product-reviews .product-review-stars {
  margin-top: 0;
}

.product-reviews-summary .product-review-stars {
  margin-top: .75rem;
}

.product-reviews-write-a-review {
  margin-top: .75rem;
  font-size: .8rem;
}

.product-review-row {
  margin-top: 1.5rem;
}

.product-review-row:first-child {
  margin-top: 0;
}

.product-review-row .product-review-stars {
  margin-left: .75rem;
}

.product-review-content {
  position: relative;
  padding: .75rem;
  margin-top: 1rem;
  background-color: rgba(0, 0, 0, 0.075);
}

.product-review-content:before {
  content: '';
  position: absolute;
  top: -1rem;
  left: 3rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 1rem 1rem 1rem;
  border-color: transparent transparent rgba(0, 0, 0, 0.075) transparent;
}


/**
 * Related products
 */

.related-products {
  padding-top: 3rem;
  margin-top: 0;
}


/**
 * $-Page-footer
 */

.page-footer {
  padding-bottom: 1.5rem;
  border-top: 2px solid rgba(0, 0, 0, 0.15);
  font-size: .8rem;
  background-color:	#ffffff;
}

.page-footer-row {
  margin-top: 1.5rem;
}

.webpages-list, .copyright, .contact-element, .page-footer-row.currency{
	color: #464646;
}

/**
 * Webpages list
 */

.webpages-list {
  width: 50%;
  padding-right: .75rem;
  margin-top: -.375rem;
}

@media screen and (max-width: 768px) {
  .webpages-list {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
}

.webpages-item {
  margin-top: .375rem;
  margin-right: .75rem;
}

.webpages-item:last-child {
  margin-right: 0;
}

.webpages-item a {
  color: inherit;
}


/**
 * Contact element
 */

.contact-element {
  width: 50%;
  padding-left: .75rem;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .contact-element {
    width: 100%;
    margin-top: 1.5rem;
    padding-left: 0;
    text-align: center;
  }
}


/**
 * Copyright
 */

.copyright {
  width: 50%;
  padding-right: .75rem;
  font-size: .7rem;
  opacity: .6;
}

@media screen and (max-width: 768px) {
  .copyright {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
}

.copyright a {
  color: inherit;
}


/**
 * Card logos
 */

.card-logos {
  width: 50%;
  padding-left: .75rem;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .card-logos {
    margin-top: .75rem;
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
}


/**
 * Currency
 */

.currency {
  text-align: center;
}

.currency table {
  width: 100%;
}

.currency select {
  font-family: inherit!important;
  font-size: .7rem!important;
}

/**
 * $-Variants
 */
 
.i-DIY-and-Construction h3, 
body.i-DIY-and-Construction {
	font-family: "Roboto Condensed", sans-serif;
}

.i-DIY-and-Construction h1, 
.i-DIY-and-Construction h2, 
.i-DIY-and-Construction h4, 
.i-DIY-and-Construction h5, 
.i-DIY-and-Construction h6 {
	font-family: "Oswald", sans-serif;
}

.i-DIY-and-Construction .page-header {
	background-color: #ffffff;
	border-bottom: 2px solid rgba(0, 0, 0, 0.075);
}

.i-DIY-and-Construction .products-heading:before {
	background-color: #464646;
}

.i-DIY-and-Construction .page-footer {
	border-top: 2px solid #464646;
}

.i-DIY-and-Construction .product-form {
	border-top: 1px solid #464646;
	border-bottom: 1px solid #464646;
}

.i-DIY-and-Construction .nav-item,
.i-DIY-and-Construction .product-page-upper,
.i-DIY-and-Construction .product-page-lower-element:last-of-type {
	border-bottom: 1px solid #464646;
}

.i-DIY-and-Construction .currency,
.i-DIY-and-Construction .sort-by select,
.i-DIY-and-Construction .product-quantity,
.i-DIY-and-Construction .search input,
.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-box,
.i-DIY-and-Construction .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content .ekmpscart-estimate-delivery-row select,
.i-DIY-and-Construction .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content .ekmpscart-estimate-delivery-row input[type=text][name=areacode] {
	color: #262626;
}

.i-DIY-and-Construction .page-footer {
	background-color: #ffffff;
	width: 100%;
}

.i-DIY-and-Construction .page-footer-row {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.i-DIY-and-Construction .subnav-list-inn,
.i-DIY-and-Construction .login-cont,
.i-DIY-and-Construction .cart-cont,
.i-DIY-and-Construction .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-header {
	background-color: #ffffff;
}

.i-DIY-and-Construction .subnav-list-inn:before {
	border-color: transparent #ffffff transparent transparent;
}

.i-DIY-and-Construction .cart-btn.active:after {
	border-color: transparent transparent #ffffff transparent;
}

.i-DIY-and-Construction .category-products {
	border-top: 1px solid #464646;
}

.i-DIY-and-Construction .ekm-softcart-wrapper .ekm-softcart-header h1 {
	background-color: #ffffff;
}

.i-DIY-and-Construction .ekm-softcart-wrapper .ekm-softcart-inner,
.i-DIY-and-Construction .ekm-softcart-wrapper .ekm-softcart-totals {
	background-color: #ffffff;
	color: #464646;
}

.i-DIY-and-Construction .ekm-softcart-wrapper .ekm-softcart-item-name a,
.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-price .ekmpscart-cart-items-product-price-subtotal,
.i-DIY-and-Construction .ekmpscart-totals .ekmpscart-total .ekmpscart-total-value {
	color: #464646;
}

.i-DIY-and-Construction .ekm-softcart-wrapper .ekm-softcart-links,
.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product,
.i-DIY-and-Construction .ekmpscart-cart-items-column-header,
.i-DIY-and-Construction .ekmpscart-estimate-delivery {
	background-color: #ffffff;
}

.i-DIY-and-Construction .ekmpscart-checkout-button.ekmpscart-checkout-button-continue {
	border: none;
	padding-left: 15px;
}

.i-DIY-and-Construction .ekmpscart-estimate-delivery {
	border: none;
}

.i-DIY-and-Construction .ekmpscart-checkout-button.ekmpscart-checkout-button-checkout,
.i-DIY-and-Construction .ekmpscart-estimate-delivery .ekmpscart-estimate-delivery-content .ekmpscart-estimate-delivery-row-button .ekmpscart-estimate-delivery-row-button-estimate {
	font-weight: 500;
}

.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-down.ekmpscart-cart-items-product-qty-up:before, .i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-up.ekmpscart-cart-items-product-qty-up:before,
.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-down.ekmpscart-cart-items-product-qty-up:after, .i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-up.ekmpscart-cart-items-product-qty-up:after,
.i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-down.ekmpscart-cart-items-product-qty-down:before, .i-DIY-and-Construction .ekmpscart-cart-items .ekmpscart-cart-items-product .ekmpscart-cart-items-product-qty .ekmpscart-cart-items-product-qty-up.ekmpscart-cart-items-product-qty-down:before {
	background-color: #464646;
}

@media screen and (max-width: 768px) {
	.i-DIY-and-Construction .nav-list:not(.is-expanded):after {
		    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #15427f 100%);
}
}


@media screen and (max-width: 1364px) {
	.i-DIY-and-Construction .product-item.grid-3 {
	    width: 20%;
}
}

@media screen and (max-width: 620px) {
	.i-DIY-and-Construction .product-item.grid-3 {
	    width: 33%;
}
}

@media screen and (max-width: 480px) {
	.i-DIY-and-Construction .product-item.grid-3 {
    	width: 50%;
}
}

/**
 * $-Media-queries
 */


/**
 * Max width
 */


/**
 * Min width
 */

@media only screen and (min-width: 1024px) {
  .filter-attribute-item {
    width: 33.33333%;
  }
}

@media only screen and (min-width: 1366px) {
  html, body {
    font-size: 18px;
  }
  .page-sidebar {
    width: 20%;
  }
  .page-content {
    width: 80%;
  }
  .filter-attribute-item {
    width: 25%;
  }
}

@media only screen and (min-width: 1440px) {
  .search {
    width: 35%;
  }
  .login-cart {
    width: 15%;
  }
  .filter-attribute-item {
    width: 20%;
  }
}

@media only screen and (min-width: 1920px) {
  .search {
    width: 40%;
  }
  .login-cart {
    width: 10%;
  }
  .filter-attribute-item {
    width: 16.66667%;
  }
}

/**
 * $-Newsletter-modal
 */
 
/* Exit Modal Overlay */
.shopui-exit-modal__overlay {
	background-color: #ffffff;
}

/* Exit Modal Main Window */
body .shopui-exit-modal__window {
	background-color: #ffffff;
	border-radius: 2px; 
	box-shadow: none; 
	
}

/* Exit Modal Title */
/* Exit Modal Message */

		body .shopui-exit-modal__title {
			font-family: Comfortaa;
			font-weight: 400;
			color: #464646;

		}

		body .shopui-exit-modal__message {
			font-family: Hind, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			color: #464646;
		}
	






	/* 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: #fa05f2;
		background-color: #fa05f2;
	}

		.shopui-exit-modal__window .shopui-button--primary:hover,
		.shopui-exit-modal__window a.shopui-button--primary:hover {
			border-color: #fa05f2;
    		background-color: #fa05f2;
    		opacity: 0.75;
		} 
 
 
/**
 * $-Soft-cart
 */


/**
 * Soft cart container
 */

.ekm-softcart-wrapper .ekm-softcart {
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}


/**
 * Soft cart close button
 */

.ekm-softcart-wrapper a.ekm-softcart-close {
  top: 12px!important;
}


/**
 * Soft cart 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-size: inherit;
  color: inherit;
}


/**
 * Soft cart 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;
}


/**
 * Soft cart item
 */

.ekm-softcart-wrapper .ekm-softcart-items {
  font-size: .9rem;
}

.ekm-softcart-wrapper div.ekm-softcart-item {
  padding: .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;
}

.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;
  -webkit-transition: opacity 100ms ease-in-out;
  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 {
  color: inherit;
}

span.ekm-softcart-item-cost {
  padding-right: 0!important;
}


/**
 * Soft cart 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: 300;
  font-size: inherit;
  color: inherit;
}


/**
 * Soft cart buttons
 */

.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;
  color: #fa05f2;
  padding-right: 0;
  padding-left: 0;
  background: inherit;
  font-weight: inherit;
  font-size: .9rem;
  -webkit-filter: none;
          filter: none;
}

.ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-continue:hover {
  text-decoration: underline;
  -webkit-filter: none;
          filter: none;
}

.ekm-softcart-wrapper .ekm-softcart-links .ekm-softcart-gotocheckout {
  background: #fa05f2;
  border-radius: 0;
  border: none;
  font-size: inherit;
  color: #fff;
  -webkit-filter: none;
          filter: none;
  -webkit-transition: opacity 100ms ease-in-out;
  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 {
  background: #fa05f2;
  opacity: .75;
  -webkit-filter: none;
          filter: none;
}

/**
 * EKM Element Fixes
 */

.mid-promos-cont .ekm-edit-element-wrapper {
  margin-left: 3.2%;
}

.mid-promos-cont .ekm-edit-element-wrapper:first-child {
  margin-left: 0;
}


/**
 * Search Fixes
 */

@media (max-width:359px) and (min-width:0px) {
	.ekm-search-page-item__wrapper {
        width: 100%!important;
    }
}
 
@media (max-width:899px) and (min-width:360px) {
	.ekm-search-page-item__wrapper {
        width: 50%!important;
    }
}​

/* ==========================================================================
    #PRODUCT URGENCY 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;
    width: 90%;
}


.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: #fa05f2;
    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;
}




/*----------------------*/
/*PRODUCT TABS*/
/*----------------------*/
.tab-wrapper{
	max-width: none !important;
}
