.in-stock {
    color: #37b048;
}

.out-stock {
    color: #d22f25;
}

.fa-shopping-bag:before {
    content: "\f291";
    font-size: 1.0em;
    color: #757575;
    background-color: white;
    border-radius: 50px;
    padding: 4px;
}

.toolbar .cart-btn>.btn { background: #00C2CB;
box-shadow: 0 0 8px 0 rgba(0,0,0,.4);
 }

.toolbar .cart-btn > .btn span.minicart_count {
    border: 2px solid #fff;
    border-radius: 50%;
    background: #757575;
    color: #fff;
}

.shop-filters .filter-title {
background: #757575;
padding: 18px 15px;
border-radius: 8px 8px 0 0;
font-size: 1.2rem;
color: white;
letter-spacing: 0;
font-weight: 900;
text-align: center;
position: relative;
bottom: 8px;
}

.shop-filters .filter-title {
    background-color: #757575;
}

.toolbar .cart-btn>.btn {
    background: #00C2CB;
}

.header-full .logo img {
/* Change this for desktop */
    max-width: 220px !important;
    height: auto !important;
    max-height: none !important;
}

.toolbar .cart-btn .btn i,
.toolbar .cart-btn:hover > .btn i {
color: #white;
}

.product-sku {
    font-size: 1rem;
    color: #757575;
}

.menu ul.catalog > li:hover {
    background-color: #757575;
}

.loginprices a{
    padding:15px 25px;
    color:#fff;
    background:#34ced5;
    transition:0.25s all;
    border-radius:5px;
}

.loginprices a:hover{
    background:#b5dd46;
}

.ex-loggedin .loginprices { display: none; }

.ex-category-officechairs .loginprices p,
.ex-category-officedesks .loginprices p{
    text-align:right;
    margin-top:10px;
}

/* visual filters */
.vfCategory{
    font-size:30px;
    font-weight:900;
    color:#35ced5;    
}

.vf-loading{
    background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/loading-icon.gif');
    background-repeat:no-repeat;
    background-position:center;
}

.vf-wrap{
    background-color:#fff;
    margin:10px 0;
    padding:10px;
    border: 2px solid #909ba7;
}

.visual-filter > div{
  padding: 0 5px;
}

.visual-filter h3{
    text-align:center;
    font-size:18px;
    color:#757575;
    font-weight:700;
    margin-top:15px;
}

.visual-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    margin-top:30px;
}

.visual-grid a{
    width:80px;
    height:140px;
    margin:5px 0;
    transition:0.3s all;
    background-position:top center;
    background-size:contain;
    background-repeat:no-repeat;
    position: relative;
    overflow: hidden;
}

.visual-filter .remove-filter{
    display:block;
    text-align:center;
}

.visual-filter .remove-filter .remove-text{
    display:none;
}

.visual-grid .remove-filter .remove-text{
    display:none;
}

/* visual filter colour */
.ex-category-officechairs .visual-filter-colour .visual-grid a{
    width:80px;
    height:40px;
    opacity:1;
    margin:5px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    border-radius: 10px;
}

.ex-category-officechairs .visual-filter-colour .visual-grid a:after{
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  font-size:16px;
  font-weight:700;
  background:#35ced5;
  opacity:0;
  transition:0.3s all;
  content:"Name";
  text-align: center;
  line-height: 36px;
  color:#fff;
  border: 2px solid #252122;
  border-radius: 10px;
}

.visual-filter-colour .visual-grid a:hover:after{
    opacity:1;
}

.ex-category-officechairs .visual-filter-colour a.blue{ background-color: #0d2692; }
.ex-category-officechairs .visual-filter-colour a.blue:after{ content:"Blue"; }
.ex-category-officechairs .visual-filter-colour a.black{ background-color: #181818; }
.ex-category-officechairs .visual-filter-colour a.black:after{ content:"Black"; }
.ex-category-officechairs .visual-filter-colour a.red{ background-color: #b71010; }
.ex-category-officechairs .visual-filter-colour a.red:after{ content:"Red"; }
.ex-category-officechairs .visual-filter-colour a.grey{ background-color: #999898; }
.ex-category-officechairs .visual-filter-colour a.grey:after{ content:"Grey"; }
.ex-category-officechairs .visual-filter-colour a.green{ background-color: #4b9410; }
.ex-category-officechairs .visual-filter-colour a.green:after{ content:"Green"; }
.ex-category-officechairs .visual-filter-colour a.charcoal{ background-color: #363638; }
.ex-category-officechairs .visual-filter-colour a.charcoal:after{ content:"Charcoal"; }

/*hiding excess visual filters - colour*/
.ex-category-officechairs .visual-filter-colour a:not(.blue):not(.black):not(.red):not(.grey):not(.green):not(.charcoal):not(.remove-filter){ display:none;}




/* visual filter style */
.visual-filter-style .visual-grid a{
  width:72px;
  height:121px;
  margin: 5px 10px;
}

.visual-filter-style .visual-grid a:before,
.visual-filter-style .visual-grid a:after{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  opacity:1;
  content:"";
  transition:0.3s opacity;
  background:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/loading-icon.gif') no-repeat center;
  background-size: contain;
}

.visual-filter-style .visual-grid a:after{
  opacity:0;
}

.visual-filter-style .visual-grid a:hover:after{
  opacity:1;
}

.visual-filter-style .visual-grid a:hover:before{
  opacity:0;
}

.visual-filter a.operator-task-chairs:before{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-operatortask.png'); }
.visual-filter a.operator-task-chairs:after{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-operatortask-hover.png'); }
.visual-filter a.ergonomic-chairs:before{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-ergonomic.png'); }
.visual-filter a.ergonomic-chairs:after{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-ergonomic-hover.png'); }
.visual-filter a.executive-chairs:before{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-executive.png'); }
.visual-filter a.executive-chairs:after{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-executive-hover.png'); }

/*hiding excess visual filters - style*/
.ex-category-officechairs .visual-filter-style a:not(.operator-task-chairs):not(.ergonomic-chairs):not(.executive-chairs):not(.remove-filter){display:none;}


/* visual filter material */
.visual-filter-material .visual-grid a{
  width:58px;
  height:96px;
  margin: 5px 10px;
}

.visual-filter-material .visual-grid a:before,
.visual-filter-material .visual-grid a:after{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  opacity:1;
  content:"";
  transition:0.3s opacity;
  background:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/loading-icon.gif') no-repeat center;
  background-size: contain;
}

.visual-filter-material .visual-grid a:after{
  opacity:0;
}

.visual-filter-material .visual-grid a:hover:after{
  opacity:1;
}

.visual-filter-material .visual-grid a:hover:before{
  opacity:0;
}

.visual-filter a.fabric:before{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-material-fabric.png'); }
.visual-filter a.fabric:after{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-material-fabric-hover.png'); }
.visual-filter a.mesh-fabric:before{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-material-mesh.png'); }
.visual-filter a.mesh-fabric:after{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-material-mesh-hover.png'); }
.visual-filter a.leather:before{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-material-leather.png'); }
.visual-filter a.leather:after{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-material-leather-hover.png'); }
.visual-filter a.polypropylene:before{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-material-pp.png'); }
.visual-filter a.polypropylene:after{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-material-pp-hover.png'); }

/*hiding excess visual filters - material*/
.ex-category-officechairs .visual-filter-material a:not(.fabric):not(.mesh-fabric):not(.leather):not(.polypropylene):not(.remove-filter){display:none;}


/* visual filter colour - office desks*/
.ex-category-officedesks .visual-filter-colour .visual-grid a{
  width:80px;
  height:41px;
  opacity:1;
  margin:5px;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  border-radius: 10px;
  border:1px solid #252122;
  transition:0.35s all;
}

.ex-category-officedesks .visual-filter-colour .visual-grid a:after{
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  font-size:16px;
  font-weight:700;
  background:#35ced5;
  opacity:0;
  transition:0.3s all;
  content:"Name";
  text-align: center;
  line-height: 36px;
  color:#fff;
  border:none;
  border-radius: 10px;
  border:2px solid #252122;
  transition:0.35s all;
}

.ex-category-officedesks .visual-filter-colour .visual-grid a:hover{
  border:none;
}
.ex-category-officedesks .visual-filter-colour .visual-grid a:hover:after{
  opacity:1;
}

.ex-category-officedesks .visual-filter-colour a.oak{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-colour-oak.png'); }
.ex-category-officedesks .visual-filter-colour a.oak:after{ content:"Oak"; }

.ex-category-officedesks .visual-filter-colour a.white{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-colour-white.png'); }
.ex-category-officedesks .visual-filter-colour a.white:after{ content:"White"; }

.ex-category-officedesks .visual-filter-colour a.beech{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-colour-beech.png'); }
.ex-category-officedesks .visual-filter-colour a.beech:after{ content:"Beech"; }

.ex-category-officedesks .visual-filter-colour a.walnut{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-colour-walnut.png'); }
.ex-category-officedesks .visual-filter-colour a.walnut:after{ content:"Walnut"; }

.ex-category-officedesks .visual-filter-colour a.maple{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-colour-maple.png'); }
.ex-category-officedesks .visual-filter-colour a.maple:after{ content:"Maple"; }

/*hiding excess visual filters - colour*/
.ex-category-officedesks .visual-filter-colour a:not(.oak):not(.white):not(.beech):not(.walnut):not(.maple):not(.remove-filter){ display:none;}


/* visual filter style - office desks */
.ex-category-officedesks .visual-filter-style .visual-grid a{
  width:132px;
  height:47px;
  margin: 10px 5px;
}

.ex-category-officedesks .visual-filter-style .visual-grid a:before,
.ex-category-officedesks .visual-filter-style .visual-grid a:after{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  opacity:1;
  content:"";
  transition:0.3s opacity;
  background:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/loading-icon.gif') no-repeat center;
  background-size: contain;
}

.ex-category-officedesks .visual-filter-style .visual-grid a:after{
  opacity:0;
}

.ex-category-officedesks .visual-filter-style .visual-grid a:hover:after{
  opacity:1;
}

.ex-category-officedesks .visual-filter-style .visual-grid a:hover:before{
  opacity:0;
}

.ex-category-officedesks .visual-filter a.rectangular-desks:before{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-rectangle.png'); }
.ex-category-officedesks .visual-filter a.rectangular-desks:after{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-rectangle-hover.png'); }
.ex-category-officedesks .visual-filter a.wave-desks:before{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-wave.png'); }
.ex-category-officedesks .visual-filter a.wave-desks:after{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-wave-hover.png'); }
.ex-category-officedesks .visual-filter a.radial-desks:before{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-radial.png'); }
.ex-category-officedesks .visual-filter a.radial-desks:after{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-radial-hover.png'); }
.ex-category-officedesks .visual-filter a.sit-stand-desks:before{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-sitstand.png'); }
.ex-category-officedesks .visual-filter a.sit-stand-desks:after{ background-image:url('https://eu.evocdn.io/dealer/1496/content/media/Content_Pages/visual_filters/vf-style-sitstand-hover.png'); }

/*hiding excess visual filters - style*/
.ex-category-officedesks .visual-filter-style a:not(.rectangular-desks):not(.wave-desks):not(.radial-desks):not(.sit-stand-desks):not(.remove-filter){display:none;}



/* visual filter size - office desks (width) */

.visual-filter-size .visual-grid a{
  width:80px;
  height:40px;
  position:relative;
  background:#fff;
  color:#242021;
  border: #242021 2px solid;
  margin: 10px 5px;
  border-radius: 7px;
}

.visual-filter-size .visual-grid a:after{
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  font-size:16px;
  transition:0.3s all;
  content:"Name";
  text-align: center;
  line-height: 36px;
}

.visual-filter-size .visual-grid a:hover{
  background:#35ced5;
  color:#fff;
  border-color:#242021;
}

.visual-filter-size a.\31 000mm{ order:-45;}
.visual-filter-size a.\31 200mm{ order:-40;}
.visual-filter-size a.\31 400mm{ order:-35;}
.visual-filter-size a.\31 600mm{ order:-30;}
.visual-filter-size a.\31 800mm{ order:-25;}



.visual-filter-size a.\31 000mm:after{ content:"1000";}
.visual-filter-size a.\31 200mm:after{ content:"1200";}
.visual-filter-size a.\31 400mm:after{ content:"1400";}
.visual-filter-size a.\31 600mm:after{ content:"1600";}
.visual-filter-size a.\31 800mm:after{ content:"1800";}

.ex-category-officedesks .visual-filter-size a:not(.\31 000mm):not(.\31 200mm):not(.\31 400mm):not(.\31 600mm):not(.\31 800mm):not(.remove-filter){ display:none;  }


  @media screen and (min-width: 1471px) {
    .ex-category-officechairs .vf-wrap{
      min-height: 245px;
    }
    .ex-category-officedesks .vf-wrap{
      min-height: 235px;
    }
  }


  @media screen and (max-width: 1470px) {
    .ex-category-officechairs .vf-wrap,
    .ex-category-officedesks .vf-wrap{
      min-height: 360px;
    }
  }


  @media screen and (max-width: 991px) {
   .ex-category-officechairs .vf-wrap,
   .ex-category-officedesks .vf-wrap{
      min-height: 0;
    }
  }

  @media screen and (max-width: 768px) {
     .ex-category-officechairs .loginprices p,
     .ex-category-officedesks .loginprices p{
        text-align:left;
        margin-bottom:20px;
     }
  }