/**
 * Add site-specific styles and override base.css styles here.
 *
 */
 body {
    font-family: Roboto,ClanPro,Arial,sans-serif;
    color: #2b2b2b;
    font-size: 13px;
    line-height: 1.42857;    
 }
 span[class^="fa-"] {
    font-family: Fontawesome;
 }
 
 @media (min-width: 1200px) {
   .container {
    width: 970px;
   }
 }
 @media (min-width: 1290px) {
   .container {
      width: 1260px;
   }    
 }
#header {
   background: #ffffff;
   border-bottom: 6px solid #ededed;   
}
#block-breadcrumbs {
   padding: 10px 0;
}

/* Tools/user menu */
 #tools {
    line-height: 30px;
    background-color: #ededed;
    border-bottom: 1px solid #e3e3e3;     
    font-size: 13px;
 }
 .mainnav .tools {
    margin-top: 3px;
 }
 #header.scrolled #tools {
    display: none;
 }
 #tools ul,
 .mobile.tools ul {
    float: right;
    list-style-type: none;
    margin: 8px 0 0 0;
    padding: 0;
 }
 .mobile.tools ul {
    margin-top: 8px;
 }
 .mobile.tools ul.cart--cart-block {
    margin-top: 10px;
 }
 #tools ul > li,
.mobile.tools ul > li  {
    float: left;
    font-size: 13px;    
    padding: 0 25px;
    position: relative;     
 }
 #tools ul > li {
    padding-right: 0;
 }
 .mobile.tools ul > li  { 
    padding: 0 10px;
 }
.navbar-toggle {
   padding-right: 0;
} 
 #tools ul > li > a,
.mobile.tools ul > li > a {
    padding: 0;
    color: #2b2b2b;
    font-weight: bold;
 }
 #tools ul > li > a:hover,
.mobile.tools ul > li > a:hover {
    color: #757575;
 }
 #tools .compare-products:after,
 #tools .basket:after {
    content: '0';
    color: #ffffff;
    background: #999999;
    padding: 4px 7px 3px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: bold;
    position: relative;
    top: -8px;
    left: 3px;
 }
#tools .basket:before {
   color: #2b2b2b;
   content: '\f07a';
   font-size: 19px;
   font-family: Fontawesome;
   position: relative;
   top: -2px;
   left: -3px;
}

 /* Tel */
#block-tel {
   float: right;
   margin-top: 8px;
}
#block-tel a {
   font-size: 13px;
   font-weight: bold;
}
#block-tel a:before {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 3px;     
    content: '\e182';   
    position: relative;
    top: 2px;     
}
.mobile #block-tools {
   display: none;
}
 /* End Tel */

 /* Logo bar */
 #logo {
   padding: 0;
   float: left;
   position: relative;
   z-index: 100;   
 }
 @media (max-width: 767px) {
    #logo {
       padding-bottom: 0;
    }
 }
 #logo .container {
    position: relative;
 }
 #logo .logo {
   float: left;
 }
 #logo .logo > a {
   display: block;
   background-color: #ffffff;    
 }
 #logo .logo > a img {
    max-width: 170px;
 } 
 @media (min-width: 500px) {
   #logo .logo > a img {
      max-width: 390px;
   }
 }
 #logo .site-name {
    float: right;
 }
 #logo .site-name > div {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 18px;
    height: 50%;
    margin: auto;
 }
 #logo .site-name img {
   width: auto !important;
   margin-top: 14px !important;    
   max-width: auto;
 }

 /* Main navigation */
 @media (min-width: 768px) {
   #block-hierarchicaltaxonomymenu {
      height: 20px;
   }
 }
 @media (max-width: 1289px) {
    #block-hierarchicaltaxonomymenu {
       float: right;
       margin-top: 50px;
    }
 }
 .mainnav {
    padding-top: 10px;
 }
 .mainnav > div {
    /*float: right;*/
 }
 #nav {
    background: #ffffff;
    
 }
 .navbar {
    min-height: 34px;
 }
 ul.nav.navbar-nav {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    float: right;
    margin-left: -15px;
}
.navbar-default {
    background: #ffffff;
    color: #000000;
    border: none;
    margin-top: 0;
}
ul.nav.navbar-nav.collapsing li a, 
ul.nav.navbar-nav.collapse.navbar-collapse li a {
   color: #2b2b2b;
   background: #ffffff;
   padding: 2px 7px;
   font-size: 14px;    
   line-height: 30px;
   font-weight: 500;
   text-transform: uppercase;
}
@media (min-width: 1290px) {
   ul.nav.navbar-nav.collapsing li a, 
   ul.nav.navbar-nav.collapse.navbar-collapse li a  {
      padding: 2px 3px;
   } 
}
ul.nav.navbar-nav.collapsing li:last-of-type a, 
ul.nav.navbar-nav.collapse.navbar-collapse li:last-of-type a {
   /*padding-right: 0;*/
}
ul.nav.navbar-nav.collapsing li a,
ul.nav.navbar-nav.collapse.navbar-collapse li a {
   transition: color 0.3s ease;
}
@media (min-width: 1290px) {
   ul.nav.navbar-nav.collapse.navbar-collapse li.search {
      float: right;
      margin-left: 15px;
   } 
}
ul.nav.navbar-nav.collapse.navbar-collapse li.search a {
   text-align: center;
   background-color: #ffed00;
   border: 1px solid #000000;
   padding: 5px 10px;
}
ul.nav.navbar-nav.collapse.navbar-collapse li a:hover {
   color: #757575;
   background: #ffffff;
   transition: color 0.3s ease;
}
ul.nav.navbar-nav.collapse.navbar-collapse li.open a {
   color: #757575;
   background: #ededed;   
   transition: color 0.3s ease;
}
ul.nav.navbar-nav.collapse.navbar-collapse ul.dropdown-menu li a {
   background: #ededed;
   color: #2b2b2b;
   padding: 7px 3px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
}
.navbar-default .navbar-toggle .icon-bar:hover {
    background-color: #000000;
}
/* Move the collapse breakpoint */
@media (max-width: 1289px) {
   .navbar {
      position: static;      
   }
   ul.nav.navbar-nav {
      position: absolute;
      top: 128px;
      left: 0;
      width: 100%;
      margin-left: 0;
      margin-top: 0;
      background: #ffffff;
      -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
      -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
      box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);      
   }   
   ul.nav.navbar-nav ul.dropdown-menu {
      position: static;
      padding-top: 10px;
      float: none;
   }
   ul.nav.navbar-nav.collapse.navbar-collapse ul.dropdown-menu li.megamenu-item div > a {
      padding-bottom: 10px;
   }
   ul.nav.navbar-nav > li {
      border-top: 1px solid #ededed;
      padding: 5px 20px;
      background: #ffffff;
      position: relative;      
   }       
     .navbar-collapse.collapse {
        display: none !important;
     }
     .navbar-collapse.collapse.in {
        display: block !important;
     }     
     .navbar-toggle {
        display: block;
        margin: 0;
        padding-right: 0;
        padding-top: 0;
     }     
    ul.nav.navbar-nav > li {     
        float: none;
    }
    ul.nav.navbar-nav li.megamenu-item {
       padding: 5px 0;
    }
    ul.nav.navbar-nav li.megamenu-item ul.megamenu-inner {
       margin: 0;
    }
   ul.nav.navbar-nav li.megamenu-item ul.megamenu-inner li {
      padding: 0;
      margin-bottom: 0;
   }
}
@media (min-width: 768px) {
   ul.nav.navbar-nav {
      top: 114px; 
   }
   .navbar-toggle {
      position: relative;
      top: -35px;
      padding-right: 10px;
   }
}
@media (min-width: 1280px) {
   ul.nav.navbar-nav > li {
      padding: 15px 0; 
   }      
}
/* End nav */

/* Main content */
#main-content {
    padding-top: 128px;
}
@media (min-width: 768px) {
    #main-content {
        padding-top: 193px;
    }
}
#block-pagetitle h1 {
   text-align: left;
}
#block-breadcrumbs ol {
   list-style-type: none;
   margin: 0 0 3px;
   padding: 0;
   opacity: 0;
}
#block-breadcrumbs ol.open {
   opacity: 1;
   transition: all 0.1s ease;
}
#block-breadcrumbs ol:after {
   display: block;
   content: '';
   clear: both;
}
#block-breadcrumbs li {
   font-weight: 500;
   float: left;
   font-size: 11px;
   color: #2b2b2b;
}
#block-breadcrumbs a {
   color: #2b2b2b;
}
#block-breadcrumbs a:after {
   content: '>';
   color: #2b2b2b;
   margin: 0 5px;
}
#block-breadcrumbs a.back {
  text-decoration: none;
}
#block-breadcrumbs a.back:before {
  font-family: 'Glyphicons Halflings';
  content: "\e091";
  padding-right: 5px;
  font-size: 9px;
}
/* Footer */
#footer {
   background: #ffffff;
   clear: both;
   border-top: 1px solid #d6d6d6; 
}
#footer-wrapper {
   background: #ededed;   
   padding: 40px 0 40px;
   margin-bottom: 30px;  
}
#footer .footer-menu {
   text-align: left;
}
#footer .footer-menu h5 {
   text-transform: uppercase;
   font-weight: 500;   
   font-size: 1em;
   color: #2b2b2b;
   text-align: left;
}
#footer .footer-menu ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   color: #2b2b2b;
}
#footer .footer-menu ul li {
   font-size: 12px;
   line-height: 1.42;
}
#footer2 {
   text-align: left;
   background: #ffffff;
}
.social-media ul {
    text-align: left;
}
.social-media a:after {
   font-family: Fontawesome;
   color: #000;
   font-size: 20px;
}
.social-media a.facebook:after {
   content: '\f09a';
}
.social-media a.twitter:after {
   content: '\f099';
}
.social-media a.linkedin:after {
   content: '\f0e1';
}
.social-media a.youtube:after {
   content: '\f167';
}
.social-media a.googleplus:after {
   content: '\f0d5';
}
.social-media a.xing:after {
   content: '\f168';
}
.social-media .twitter {
    /*
    width: 42px;
    height: 42px;
    border: 1px solid #EDEDED;
    background: url("../images/social_links2.png") no-repeat -90px 0px;";
    */
}
.social-media .facebook {
   /*
   width: 42px;
   height: 42px;
   border: 1px solid #EDEDED;
   background: url("../images/social_links2.png") no-repeat 0px 0px;
   */
}
.social-media .googleplus {
   /*
   width: 42px;
   height: 42px;
   border: 1px solid #EDEDED;
   background: url("../images/social_links2.png") no-repeat -45px 0px;   
   */
}
.social-media .xing {
   /*
   width: 42px;
   height: 42px;
   border: 1px solid #EDEDED;
   background: url("../images/social_links2.png") no-repeat -180px 0px;
   */
}
.social-media .youtube {
    /*
    width: 42px;
    height: 42px;
    border: 1px solid #EDEDED;
    background: url("../images/social_links2.png") no-repeat -135px 0px;   
    */
}    
#back-to-top {
   background: #ffffff;
   color: #000000;
   border: 5px solid #000000;
   border-radius: 25px;
   width: 37px;
   height: 37px;
}
#back-to-top .glyphicon {
   top: -3px;
   font-size: 21px;
   left: -1px;
}
/* End footer */

/* Additional footers */
.content-footer h2 {
   text-align: left;
   font-size: 20px;
   font-weight: bold;
   text-transform: none;
}
.content-footer p {
   font-size: 13px;
}
/* General text styles */
h1 {
   margin: 20px 0 15px;
   font-size: 30px;
   text-transform: uppercase;
   color: #2b2b2b;
   font-weight: 900;   
}
#block-pagetitle h1,
.header-short-description h1,
.header-short-description h2,
.header-short-description h3,
.header-short-description h4,
.header-short-description h5,
.header-short-description h6 {
   margin-top: 0;
   color: #2b2b2b;
}
h2 {
   margin: 0 0 10px;
   padding: 0;
   color: #2b2b2b;
   font-size: 18px;
   font-weight: bold;
   line-height: 22px;
   text-transform: uppercase;   
}
h2.large {
   font-size: 38px;
   font-weight: 900;
   margin: 0 0 20px 0;
   padding: 0;
}
a { 
    color: #2b2b2b;
    font-size: inherit;
    font-weight: inherit;
}
a:hover,
a:focus {
    color: #757575;
    text-decoration: none;
}
#block-pagetitle a {
   color: #2b2b2b;
}
#block-pagetitle a:hover,
#block-pagetitle a:focus {
   color: #2b2b2b;
}
a.transparent-button,
a.yellow-button {
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    padding: 13px 20px 11px;
    background-color: #ffed00;
    color: #2b2b2b;   
}
a.transparent-button {
   color: #2b2b2b;
   background-color: transparent;
   border-color: #2b2b2b;
   border-width: 2px;
   font-size: 14px;
   padding: 10px 20px;
   font-weight: bold;
}
.background-anthracite a.transparent-button {
   color: #ffffff;
   border-color: #ffffff;
}
a.transparent-button:hover {
   background: rgba(0, 0, 0, 0.1);
}
.background-anthracite a.transparent-button:hover {
   background: rgba(255, 255, 255, 0.2);
}
hr {
   margin-top: 20px;
   margin-bottom: 20px;
   border-top: 1px solid #e3e3e3;   
}
.paragraph {
    margin-bottom: 0;
}
p {
   font-size: 14px;
   color: #2b2b2b;
}
p.large {
   font-size: 18px;
   font-weight: 500;
}
.header-short-description p {
   color: #2b2b2b;
}
li {
   font-size: 14px;
}
/* Slider */
#slider {
   margin-bottom: 60px;
}
.slider-full-width img {
   width: 100vw;
} 

/* Rolly Images */
.rollover-block .rollover-top {
   position: relative;
}
.rollover-block .rollover-top .rollover {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   text-align: center;
   background: #ffed00;
   color: #000000;
   opacity: 0;
   transition: all 0.5s ease;
   cursor: pointer;
}
.rollover-block.active .rollover-top .rollover {
   opacity: 1;
   transition: all 0.5s ease;
}
.rollover-block .rollover-top .rollover a {
   margin-top: 17%;
   display: block;
   font-size: 15px;
   font-weight: bold;
   transition: all 0.5s ease;
   transition-delay: 0.5s;
}
.rollover-block.active .rollover-top .rollover a {
   margin-top: 22%;
   transition-delay: 0.5s;
   transition: all 1s ease;
}
.rollover-block h2 {
   text-align: left;
   margin: 5px 0 10px;
   font-size: 20px;
   text-transform: none;
   font-weight: bold;
}
.rollover-block p {
   margin: 0 0 10px;
   font-size: 13px;
}

/* Background image panels */
.background-image-panel {
   position: relative;
   padding-bottom: 40px;
   cursor: pointer;
}
.background-image-panel .background-image-panel-top {
   position: relative;
}
.background-image-panel .caption {
   position: absolute;
   bottom: 0;
   left: 20px;
   width: 60%;
}
.background-image-panel h2 {
   color: #000000;
   font-size: 19px;
   font-weight: bold;
   text-align: left;
}
.background-image-panel h2.white {
   color: #ffffff;
}
.background-image-panel p {
   color: #000000;
   font-size: 13px;
}
.background-image-panel p.white {
   color: #ffffff;
}
.background-image-panel a {
   color: inherit;
}
.background-image-panel .foreground-image {
   position: absolute;
   right: 20px;
   bottom: 0;
}

/* Catalogue Listing Pages */
.category-content {
   margin-bottom: 40px;
   opacity: 0;
}
.category-products {
   opacity: 0;
}
.category-content.open,
.category-products.open {
   opacity: 1;
   transition: all 0.1s ease;
}
.catalogue h3 {
   color: #2b2b2b;
   font-size: 16px;
   text-transform: none;
   font-weight: 500;
   margin: 2px 0 5px;
}
.catalogue .views-col {
   border: 3px solid #ffffff;
   padding-top: 5px;
}
.catalogue .views-col:hover {
   border: 3px solid #ffed00;
}
.catalogue .section-name {
   height: 75px;
}
.section-description {
   margin-bottom: 40px;
}
.section-description p {
   font-size: 13px;
   line-height: 1.42857;
}

/* Category/product listings */
.product-category-filter {
   margin-top: 20px;
}
.product-category-filter .product-filter .form-item-field-category-target-id {
   display: none;
}
.category-image img {
   margin: 0 auto;
}
.category-title {
   text-align: left;
   font-size: 14px;
   font-weight: 500;
}
.megamenu-inner .category-title {
   display: none;
}
@media (min-width: 1200px) {
   .category-title {
      text-align: center;
   }
   .megamenu-inner .category-title {
      display: block;
   }
}
.product-list-rows .col-md-4,
.product-list-rows .col-md-3 {
   border: 3px solid #ffffff;
   padding: 0;
   margin-bottom: 49px;
   -webkit-box-shadow:inset 0px 0px 0px 3px #ffed00;
   -moz-box-shadow:inset 0px 0px 0px 3px #ffed00;
   box-shadow:inset 0px 0px 0px 3px #ffed00;   
}
.product-list-rows .product-list-product-info {
   margin: 15px;
   position: relative;
}
.product-list-rows .product-list-product-info .offer-image {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
}
.product-list-rows .product-list-product-info .out-of-stock,
.product-cross-sell .out-of-stock {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 5;
}
.product-list-rows .product-list-product-info .offer-image img {
   max-width: 50px;
} 
.product-cross-sell .out-of-stock img {
   max-width: 75px;
}
.product-list-rows .product-list-product-info .out-of-stock img {
   max-width: 100px;
}
.product-list-rows .product-image img {
   margin: 0 auto;
}
.product-list-rows .product-title {
   padding: 10px 0;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 20px;
}
#product-list-row .product-title h2 {
   text-align: left;
}
.product-list-rows .price {
   font-weight: 500;
   font-size: 18px;
   float: left;
}
.product-list-rows .compare {
   float: right;
}
.product-list-rows .compare div {
   display: none;
}
.product-list-rows .compare div.compare-on {
   display: block;
}
.product-list-rows .views-col:hover .compare div {
   display: block;
}
.product-list-rows .short-description {
   clear: both;
}
.product-list-rows .view-actions {
   background: #ffed00;
   display: block;
   padding: 10px 0;
}
.product-list-rows .view-actions a {
   color: #2b2b2b;
   line-height: 25px;
}
.product-list-rows .view {
   text-align: center;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 13px;
   border-right: 2px solid #2b2b2b;
   padding: 10px 0 0;
}
.product-list-rows .add-to-cart {
   float: right;
}
.product-list-rows .add-to-cart input {
   margin: 5px 0 0;
   background: url(../images/cart.png) center center no-repeat;
   border: none;
   font-size: 0;
   padding: 10px;
}
.product-list-rows .views-col:hover .view-actions {
   display: block;
}
.product-list-rows form {
   margin-bottom: 0;
}
/* End category/product listings */

/* Megamenu */
.dropdown-menu {
   background: #ededed;
   -webkit-box-shadow: none;
   -mox-box-shadow: none;
   box-shadow: none;
   color: #2b2b2b;
}
.megamenu .dropdown-menu {
  padding-left: 0;
  padding-right: 0;
  letter-spacing: 1px; 
  left: -15px;
}
.navbar {
  margin-bottom: 0;
}
.navbar-default {
    background-color: transparent;
    border-color: #ffffff;
}
.navbar-default .navbar-nav {
    padding-left: 20px;
    border: none;
}
@media (min-width: 768px) {
  .navbar-default .navbar-nav {
    padding-left: 0;
  }
}
.navbar-default .navbar-nav a:hover {
  background: #ffffff;
  text-decoration: none;
}
.navbar-default .nav > li {
    position: static;
    display: block;
}
.navbar-default .navbar-nav > li > a {
    color: #000000;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}
.navbar-default .navbar-nav > li > a:first-of-type {
  padding-left: 0;
}
.navbar-default .navbar-nav > li > a span.count:after {
  content: "";
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #000000;
    background-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #000000;
    background-color: #ffffff;
}

.menu-item-image {
   display: none;
}
@media (min-width: 1200px) {
   .navbar-default .megamenu.navbar-nav > li.open > ul {
   /* Megamenu open*/
   display: flex;
   flex-wrap: wrap;  
   }
   .megamenu-item {
   width: 24.5%;
   background: #ffffff;
   margin-bottom: 7px;
   margin-left: 0.25%;
   margin-right: 0.25%;
   border: 3px solid #ffffff;
   transition: 0.3s all ease;
   }
   .megamenu-item:hover {
      border: 3px solid #ffed00;
      transition: 0.3s all ease;
   }
   .megamenu-left-panel {
      padding-left: 7px;
      padding-right: 7px;
   }
   .megamenu-right-panel .col-md-4 {
      width: 100%;
   }
   ul.nav.navbar-nav.collapse.navbar-collapse ul.dropdown-menu .megamenu-right-panel li.megamenu-item a {
      display: inline-block;
      vertical-align: middle;
      text-align: left;
   }
   .megamenu-item div {
   margin: 3px 5px;
   text-align: center;
   background: #ffffff;
   }
   .menu-item-image {
      max-height: 100px;
      width: auto;
      margin: 20px auto;
      display: block;
   }
   .megamenu-left-panel .menu-item-image {
      margin-bottom: 5px;
   }
   @media (min-width: 1200px) {
      .menu-item-image {
         display: block;
      }
   }
   .megamenu-right-panel .megamenu-item div {
      text-align: left;
      padding: 10px;
   }
   .megamenu-item div a {
   display: block;
   }
}
ul.nav.navbar-nav.collapse.navbar-collapse ul.dropdown-menu li.megamenu-item a {
  /* Megamenu Item Title/link */
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 20px;
  margin-top: 0;
  padding: 0;
  background: #ffffff;
}
@media (max-width: 1023px) {
   ul.nav.navbar-nav.collapse.navbar-collapse ul.dropdown-menu li.megamenu-item a {
      display: block;
   }
}
ul.nav.navbar-nav.collapse.navbar-collapse ul.dropdown-menu li.megamenu-item ul.megamenu-inner a {
   font-weight: 400;
   font-size: 12px;
}
ul.nav.navbar-nav.collapse.navbar-collapse ul.dropdown-menu li.megamenu-item ul.megamenu-inner a:before {
   content: '\f054';
   font-family: Fontawesome;
   margin-right: 5px;
   font-size: 9px;
   position: relative;
   top: -1px;
}
ul.nav.navbar-nav.collapse.navbar-collapse ul.dropdown-menu .megamenu-left-panel li.megamenu-item a.category-title {
   padding-bottom: 10px;
}
.navbar-default .navbar-nav > li > ul > li > div > ul {
  list-style-type: none;
}
.navbar-default .navbar-nav > li > ul > li > div > ul > li {
  margin-bottom: 5px;
}
.navbar-default .navbar-nav > li > ul > li > div > ul > li > a {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: normal;
}
.navbar-default .navbar-nav > li > ul > li > div > ul {
  margin: 10px 10px 30px;
  padding-left: 0;
  text-align: left;
}
ul.megamenu .dropdown-menu {
  width: 1374px;
  /* This is resized by js */
  padding: 30px 5px;
  border: none;
  top: auto;  
}
.dropdown-menu > li > a {
  white-space: normal;
}
@media (max-width: 1279px) {
   .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
   }   
}
/* End megamenu */

/* Mini cart */
#block-cart,
#block-cart-2 {
   float: right;
}
.cart--cart-block {
   list-style-type: none;
   margin: 8px 0 0;
   padding: 0;
   font-size: 13px;
}
#tools .cart--cart-block {
   margin-top: 9px;
}
.cart--cart-block li {
   padding: 0;
   font-size: inherit;
}
.cart--cart-block a {
   font-weight: bold;
}
.cart-block--summary__count {
   font-size: 0;
   background: url(../images/cart.png) left center no-repeat;   
   width: 45px;
   height: 20px;
   display: inline-block;
}
.cart-block--summary__count:before {
   /*
   color: #2b2b2b;
   content: '\f07a';
   font-size: 19px;
   font-family: Fontawesome;
   position: relative;
   left: -3px;   
   */
}
.cart-count {
   float: right;
   background: #999999;
   color:#ffffff;
   font-size: 9px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   line-height: 17px;
   height: 17px;
   width: 17px;
   text-align: center;
   margin-left: 5px;
   position: relative;
   top: -3px;
   display: inline-block;   
}
/* End mini cart */
/* Compare */
#block-tools {
   float: right;
}
/*
.compare-link {
   font-size: 0;
}
.compare-link:before {
   color: #2b2b2b;
   content: '\f24e';
   font-size: 19px;
   font-family: Fontawesome;
   position: relative;
   top: -1px;
   left: -3px;    
}
*/
@media (min-width: 600px) {
   .compare-link {
      font-size: inherit;
   }
   .compare-link:before {
      content: '';
      top: 0;
      left: 0;
   }
}
.compare-link.compare-on:after {
    background: #999999;
    top: -8px;
}
#compare-modal .compare-info {
   position: relative;
}
#compare-modal .compare-info .offer-image {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   max-width: 25%;   
}
#compare-modal .info h4 {
   text-align: left;
   font-size: 20px;
   font-weight: bold;
   margin: 0;
}
#compare-modal .modal-footer a {
   background: #ffed00;
   color: #2b2b2b;
}
#compare-modal .modal-footer button:hover {
   background: #e3e3e3;
}
#compare-modal .modal-footer a:hover {
   background: #ffed00;
}
.compare-button .compare-on .compare-checkbox::after {
color: #ffffff;
}
/* End compare */

/* Product pages */
.col-full-width.header {
   background-color: #ffed00;
   padding-top: 10px;
}
.col-full-width.header .short-description {
   padding-bottom: 10px;
}
.product-wrapper {
   margin-top: 20px;
}
.product-wrapper .product-info {
   background: #f8f8f8;
   border: 3px solid #f8f8f8;
}
@media (min-width: 1024px) {
   .product-wrapper .product-info {
      border-right: none;
   }
}
.product-info .product-media {
   position: relative;
}
.product-info .product-media .offer-image {
   position: absolute;
   top: 10px;
   right: 10px;
   z-index: 2;
}
.product-info .product-media .offer-image > div > div {
   margin-bottom: 10px;
}
.product-info .images-block {
   background: #ffffff;
}
.product-info .main-image {
   position: relative;
}
.images-block .out-of-stock {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.product-info .main-image .magnify {
   position: absolute;
   bottom: 20px;
   right: 20px;
   height: 30px;
   cursor: pointer;
}
.product-media ul {
   margin-left: 5px;
}
.product-media li {
   width: 135px;
   height: 135px;
   overflow: hidden;
   display: inline-block;
   padding: 5px;
   margin: 0 5px;
   border: 1px solid #e3e3e3;
   transition: all 0.3s ease;
}
.product-media li:hover,
.product-media li.active {
   border-color: #000000;
   transition: all 0.3s ease;
}
.product-media ul a {
   height: 125px;
   display: block;
   line-height: 125px;
}
.product-media ul img {
   width: 125px;
   height: auto;
   display: table-cell;
   vertical-align: middle;
}
.product-media .video {
   display: inline-block;
   float: none;
}
.product-media .video a {
   position: relative;
   display: block;
   top: 17px;
   line-height: normal;
} 
.product-media .video a:after {
   position: absolute;
   height: 50px;
   width: 50px;
   top: calc(50% - 35px);
   left: calc(50% - 25px);;
   content: "\e072";
   font-family: 'Glyphicons Halflings';
   color: #ffffff;
   font-size: 30px;
   transition: all 0.3s ease;
   border: 3px solid #ffffff;
   -webkit-border-radius: 45px;
   -moz-border-radius: 45px;
   border-radius: 45px;
   padding-top: 0;
   text-indent: 8px;
} 
.product-media .video a:hover:after {
   transform: scale(1.15);
   transition: all 0.3s ease;
}
.product-additional h3 {
   text-align: left;
   font-weight: 500;
   font-size: 16px;
   margin: 8px 0;
}
.product-applications ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.product-applications li {
   float: left;
   display: inline;
   margin: 0 5px 0 0;
   padding: 0;
}
.product-applications li div {
   position: relative;
}
.product-applications .name {
   display: none;
}
.product-additional #applications .image {
   display: none;
}
.product-additional .tab-pane-exploded ul {
   margin: 0;
   padding: 0;
}
.product-additional .tab-pane-exploded li {
   background: #f8f8f8;
   font-size: 13px;
   font-weight: 500;
   margin: 1px 0 0;
   padding: 15px 15px 15px 35px;
   list-style-type: square;
   list-style-position: inside;
   text-indent: -17px;
   line-height: 1;
}
.product-additional .tab-pane-exploded li.gallery {
   list-style-type: none;
   background: #ffffff;
   padding: 0;
   margin: 0;
   text-indent: 0;
}
.product-additional #videos li {
   list-style-type: none;
   background: none;
}
.product-applications .tooltip {
   position: absolute;
   top: calc(100% + 10px);
   white-space: nowrap;
   background: #ffed00;
   color: #2b2b2b;
   font-size: 14px;
   padding: 10px;
   transition: all 0.3s ease;
}
.product-applications .tooltip:before {
   content: '';
   position: absolute;
   top: -6px;
   left: calc(50% - 6px);      
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;    
   border-bottom: 6px solid #ffed00;
}
.product-applications .tooltip.on {
   opacity: 1;
   transition: all 0.3s ease;
}
.product-additional .tab-outer {
   border-bottom: 1px solid #ededed; 
}
.product-additional .tab-outer.fixed {
   position: fixed;
   width: 100%;
   top: 89px;
   left: 0;
   background-color: #ffffff;    
   z-index: 400;
}
@media (min-width: 768px) {
   .product-additional .tab-outer.fixed {
      top: 100px;
   }
}
.product-additional .nav-tabs {
   margin-top: 20px;
   border-bottom: none;
   background-color: #ffffff;       
}
.product-additional .nav-tabs li {
   background: #ededed;
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 500;
   margin-right: 1px;
}
@media (max-width: 1023px) {
   .product-additional .nav-tabs li {
      display: block;
      float: none;
   }
}
.product-additional .nav-tabs li.active {
   background: #000000;
   color: #ffffff;
}
.product-additional .nav-tabs li a {
   font-size: inherit;
   color: #2b2b2b;
}
.product-additional .nav-tabs li a:hover {
   color: #757575;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
   color: #ffffff;
   background: inherit;
}
.product-additional .tab-pane-exploded {
   padding: 20px 0;
   clear: both;
}
.product-additional .tab-pane-exploded.fixed {
   padding-top: 60px;
}
.product-additional .cross-sell h3,
.product-additional .tab-pane-exploded .tab-section-title h3 {
   text-transform: uppercase;
   font-weight: bold;
   font-size: 15px;
   border-bottom: 1px solid #e3e3e3;
   margin: 15px 0 30px;
}
.product-wrapper .compare-buttons {
   border-top: 3px solid #ffffff;
   cursor: pointer;
   font-size: 13px;
   font-weight: 500;
   padding: 20px;
   margin: 0 -15px;
}
.product-wrapper .compare-buttons:before {
   content: '\f054';
   font-family: Fontawesome;
   margin-right: 5px;
   position: relative;
}
.product-additional #videos li {
   text-align: center;
}
.product-additional #videos img {
   margin: 0 auto;
}
.product-additional #videos a {
   position: relative;
   display: block;
}
.product-additional #videos a:after {
   position: absolute;
   height: 90px;
   width: 90px;
   top: calc(50% - 45px);
   left: calc(50% - 45px);;
   content: "\e072";
   font-family: 'Glyphicons Halflings';
   color: #ffffff;
   font-size: 60px;
   text-indent: 8px;
   transition: all 0.3s ease;
   border: 3px solid #ffffff;
   -webkit-border-radius: 45px;
   -moz-border-radius: 45px;
   border-radius: 45px;
   padding-top: 9px;
} 
.product-additional #videos a:hover:after {
   transform: scale(1.25);
   transition: all 0.3s ease;
}
.product-additional #pdfs a:before {
   background: url('../images/pdf-icon.png') center center no-repeat;
   content: '';
   margin-right: 10px;
   width: 32px;
   height: 32px;
   display: inline-block;
   position: relative;
   top: 8px;
}
.product-info .price strong {
   font-weight: 500;
}
.product-wrapper .listing-option {
   padding-top: 20px;
}
.product-wrapper .listing-option p {
   font-size: 15px;
}
@media (min-width: 768px) {
   .product-wrapper .listing-option p {
      font-size: 20px;
   }
}
.product-wrapper .listing-option .call:before {
   content: '\f054';
   font-family: Fontawesome;
   margin-right: 5px;
   position: relative;
   font-size: 13px;
   padding: 20px;
   margin: 0 -15px;
}
.product-wrapper .price p {
   font-size: 18px;
}
@media (min-width: 768px) {
   .product-wrapper .price p {
      font-size: 30px;
   }
}
.product-wrapper .product-messages > div {
   background: url(../images/info.png) 13px 13px no-repeat #ffed00;
   border: 1px solid #e3e3e3;
   padding: 13px 13px 11px 55px;
}
.product-wrapper .product-messages p {
   font-size: 12px;
   line-height: normal;
   margin: 0;
   padding: 0;
   color: #ffffff;
}
.product-wrapper .product-messages h1,
.product-wrapper .product-messages h2,
.product-wrapper .product-messages h3,
.product-wrapper .product-messages h4,
.product-wrapper .product-messages h5 {
   color: #ffffff;
}
.product-wrapper .product-messages a {
   font-weight: bold;
}
.product-info form {
   margin: 20px 0;
}
.product-info input[type="submit"],
.cross-sell input[type="submit"] {
   background: url(../images/cart.png) 10% center no-repeat #ffed00;
   border: 1px solid #e3e3e3;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   padding: 13px 20px 11px;
   width: 100%;
   font-weight: 500;
   line-height: 18px;
   font-size: 13px;
   color: #ffffff;
   display: block;
   margin: 0;
   text-transform: uppercase;
}
/* Cross-sells */
.product-cross-sell {
   position: relative;
}
.product-cross-sell .offer-image {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
}
.cross-sell input[type="submit"].disabled,
.cross-sell .product-cross-sell {
   opacity: 0.4;
}
.cross-sell .product-cross-sell.in-bundle {
   opacity: 1;
}
.cross-sell .cross-sell-plus {
   text-align: center;
   color: #757575;
   font-size: 39px;
   opacity: 0.4;
   padding-top: 60px;
}
.cross-sell .bundle .price {
   font-size: inherit;
   font-weight: bold;
}
.cross-sell .bundle-items ul {
   list-style: none;
   margin: 0;
   padding: 0;
   font-size: 13px;
}
.cross-sell .bundle-items li {
   font-size: inherit;
}
.cross-sell .bundle-items input[type="checkbox"] {
    position: absolute;
    left: -9999px
}
.cross-sell .bundle-items {
    font-size: 0;
}
.cross-sell .bundle-items li {
   margin-bottom: 5px;
}
.cross-sell .bundle-items a:before {
    content: '✓';    
    border: 1px solid #000000;
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    width: 18px;
    text-align: center;
    font-weight: bold;
    margin-right: 2px;
    display: inline-block;
}
.cross-sell .bundle-items a.in-bundle:before {
    content: '✓';    
    background: #000000;
    color: #ffffff;
}
/* End product pages */

/* Colorbox overrides */
#cboxTopLeft,
#cboxTopRight,
#cboxTopCenter,
#cboxBottomLeft,
#cboxBottomRight,
#cboxBottomCenter,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxPrevious,
#cboxNext {
   background: none;
}
#cboxOverlay {
   background: #000000;
}
#cboxLoadedContent iframe body {
   text-align: center;
}
#cboxClose {
   top: 0;
   bottom: auto;
   background: none;
   text-indent: 0;
   font-size: 0;
}
#cboxClose:after {
   content: '\f057';
   font-family: 'Fontawesome';
   color: #000000;
   font-size: 22px;
   margin-right: 5px;
}
#cboxCurrent {
   font-size: 0;
}
#cboxPrevious,
#cboxNext {
   top: calc(50% - 20px);
   width: 40px;
   text-indent: 0;
   font-size: 0;
}
#cboxNext {
   right: 0;
   left: auto;
}
#cboxPrevious:after,
#cboxNext:after {
   content: '\f053';
   font-family: 'Fontawesome';
   font-size: 40px;
   color: #e3e3e3;
   opacity: 0.5;
}
#cboxNext:after {
   content: '\f054';
   transition: all 0.3s ease;   
}
#cboxPrevious:hover:after,
#cboxNext:hover:after {
   opacity: 1;
   color: #000000;
   transition: all 0.3s ease;
}
/* End colorbox overrides */

/* Paragraphs */
.paragraph--type--_-col-with-full-width-background .col-full-width {
   padding-top: 40px;
   padding-bottom: 40px;
}
.background-yellow {
   background: #ffed00;
}
.background-anthracite {
   background: #6e6e6e;
}
.background-light-grey {
   background: #ededed;
}
.background-anthracite h1,
.background-anthracite h2,
.background-anthracite h3,
.background-anthracite h4,
.background-anthracite h5,
.background-anthracite p,
.background-yellow h1,
.background-yellow h2,
.background-yellow h3,
.background-yellow h4,
.background-yellow h5,
.background-yellow p,
.background-anthracite h1 a,
.background-anthracite h2 a,
.background-anthracite h3 a,
.background-anthracite h4 a,
.background-anthracite h5 a,
.background-anthracite p a,
.background-yellow h1 a,
.background-yellow h2 a,
.background-yellow h3 a,
.background-yellow h4 a,
.background-yellow h5 a,
.background-yellow p a { 
   color: #ffffff;
}
@media (min-width: 992px) {
  .half-container {
    width: 485px;
  }
}
@media (min-width: 1200px) {
  .half-container {
    width: 585px;
  }
}
.half-container-left {
  float: right;
}
.half-container-right {
  float: left; 
}
.wide-header {
  margin: 0 calc(50% - 50vw);
}
.wide-header {
  clear: both;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 1023px) {
  .wide-header img.align-left {
    float: none;
    margin: 0 auto;
    display: block;
  }
}
@media (min-width: 1024px) {
  .wide-header {
    display: flex;
  }
}
.wide-header.no-pad {
  padding-top: 0;
  padding-bottom: 0;
}
.pad50 {
   padding: 50px;
}
.pad90 {
   padding: 90px;
}
.no-pad-top {
   padding-top: 0;
}
.no-pad-bottom {
   padding-bottom: 0;
}
/* End pararaphs */

/* Cart */
#block-cart {
  display: inline;
}
@media (min-width: 1024px) {
  #block-cart {
    float: right;
  }
}
#block-cart ul {
  padding-left: 0;
}
.cart-block--contents {
  width: 100%;
  top: 50px;
  right: 0;
  -webkit-box-shadow: 0px 5px 27px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 27px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 5px 27px 0px rgba(0,0,0,0.1);  
  padding: 10px;
  max-height: calc(100vh - 60px);
  overflow: auto;
}
@media (min-width: 500px) {
   .cart-block--contents {
      width: 430px;
   }
}
.cart-block--contents h1 {
  text-align: left;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
}
.cart-block--contents__items {
  overflow: visible;
  max-height: none;
  padding: 10px;
}
.cart-block--contents ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.topnav .cart-block--contents li {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  border-bottom: 1px solid #eae9e9;
  padding-bottom: 28px;  
}
.cart-product {
   padding: 10px 0;
   border-bottom: 1px solid #d6d6d6;
}
.cart-product-image {
  float: left;
}
.cart-product-details {
   margin-right: 10px;
}
.cart-product:after {
  content: '';
  clear: both;
  display: block;
}
.cart-product-image {
  margin-right: 20px;
  margin-bottom: 20px;
}
.cart-product-title {
  font-size: 14px;
  font-weight: bold;
}
.cart-btn-remove {
  float: right;
}
.checkout .cart-btn-remove {
  float: left;
}
.checkout-price {
  text-align: right;
}
.cart-product-price-ex-vat {
  clear: right;
  float: right;
  font-weight: 400;
  font-size: 14px;
  text-align: right;
}
.cart-product-total-price {
  clear: right;
  float: right;
  font-weight: 600;
  font-size: 14px;
  text-align: right;
}
.cart-btn-remove input {
  background: #ffffff;
  border: none;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0 0 0 10px;
}
.cart-product-qty-label {
  float: left;
  margin-right: 20px;
  font-weight: 600;
}
.cart-product-qty,
.cart-product-qty-input {
  float: left;
}
.cart-product-qty-update {
  float: left;
  margin-left: 20px;
}
.cart-update-btn {
  background: none;
  border: none;
  display: inline-block;
  color: #000000;
  padding: 0;
  margin: 0;
}
.cart-update-btn:before {
  font-family: fontawesome;
  font-size: 24px;
  content: '\f021';
  display: inline-block;
}
.cart-update-btn.active {
  transform: rotate(360deg);
  transition: all 0.4s ease;
}
.checkout-link {
  background: #333333;
  color: #ffffff;
  text-transform: uppercase;
  padding: 11px 19px 12px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  display: block;
  border: 2px solid #eae9e9;  
  margin-top: 28px;
}
.cart-block--contents .form-actions {
  display: none;
}
.cart-block--contents .order-total-line__adjustment,
.cart-block--contents .order-total-line__order-total,
.cart-form .order-total-line__adjustment,
.cart-form .order-total-line__order-total,
.checkout-pane .order-total-line__order-total {
  display: none;
}
.commerce-checkout-flow .field--name-label {
   display: none;
}
.checkout-pane .checkout-order-summary .order-total-line__order-total {
   display: block;
}
.cart-block--contents .modified_subtotal,
.cart-form .modified_subtotal {
  display: block;
}
.order-total-line__total {
   font-size: 20px;
   text-align: right;
}
.cart-block--contents .order-total-lines,
.cart-form .order-total-lines,
.checkout-pane .order-total-line__total {
  text-align: right;
  font-weight: 400;
  font-size: 20px;
}
.cart-block--contents .order-total-line__inc-vat-total,
.checkout-pane .order-total-line__inc-vat-total {
  font-weight: 600;
  font-size: 20px;
}
.cart-block--contents .order-total-line-suffix,
.checkout-pane .order-total-line-suffix {
  clear: both;
  float: right;
  margin-left: 10px;
}
.cart-block--contents h2 {
  font-size: 20px;
}
.order-total-line {
  padding: 0;
}
.modified_subtotal.order-total-line.order-total-line__total {
  font-weight: bold;
}
.modified_subtotal .order-total-line-value {
  width: auto;
  padding-left: 0.25em;
}
/* End Cart */

/* Checkout */
#block-checkoutprogress {
   padding-top: 30px;
}
.checkout-progress {
   list-style-type: none;
   margin: 0 0 3px;
   padding: 0;   
}
.checkout-progress li {
   font-weight: 500;
   float: left;
   font-size: 11px;
   color: #2b2b2b;   
}
.checkout-progress--step::before {
   content: '';
}
.checkout-progress li::after {
    content: '>';
    color: 
    #2b2b2b;
    margin: 0 5px;
}
.checkout-progress li:last-of-type::after {
    content: '';
}
.checkout-progress .checkout-progress--step__current {
    font-weight: bold;
    color: #2b2b2b;
}
.checkout-progress--step {
    padding-right: 0;
}
.checkout-form form,
form.commerce-checkout-flow {
   max-width: 2000px;
}
form.commerce-checkout-flow .form-wrapper__returning-customer {
   padding-left: 0;
}
form.commerce-checkout-flow .form-wrapper__guest-checkout {
   padding-right: 0;
}
form.commerce-checkout-flow label {
   display: block;
}
form.commerce-checkout-flow .js-form-type-checkbox label,
form.commerce-checkout-flow .js-form-type-radio label {
   display: inline-block;
}

input[value="Update cart"] {
  display: none;
}
input[value="Checkout"] {
  position: relative;
  top: 50px;
  background: #333333;
  color: #ffffff;
  text-transform: uppercase;
  border: 2px solid #eae9e9;
  padding: 11px 0 12px;
  width: 210px;
  margin-bottom: 30px;
}
#edit-actions {
  text-align: right;
}
.add-to-cart #edit-actions {
   text-align: center;
}
input#edit-checkout {
  margin-top: 20px;
  margin-right: 0;
}
.checkout-price-inc-vat {
  font-weight: 600;
}
.order-total-line__total {
  font-weight: 400;
  font-size: 20px;
}
.order-total-line__total_inc_vat {
  font-weight: 600;
  font-size: 20px;
}
.table-header,
.table-footer {
  padding-bottom: 15px;
  border-bottom: 1px solid #eae9e9;
  margin-bottom: 20px;
}
.th {
  font-weight: 600;
  font-size: 18px;
}
.td {
  vertical-align: top;
}
.order-total-inc-vat {
  width: 100%;
  text-align: right;
  top: -120px;
  position: relative;
}
.commerce-checkout-flow legend{
  margin-top: 20px;
}
.commerce-checkout-flow input.button.disabled,
.commerce-checkout-flow input.button[disabled="disabled"] {
   background: #cccccc;
} 
.commerce-checkout-flow input.button,
.commerce-checkout-flow div[id^="edit-actions"] a,
.commerce-checkout-flow a.button,
.commerce-checkout-flow a.link--previous {
  background: #333333;
  color: #ffffff;
  text-transform: uppercase;
  padding: 11px 19px 12px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  border: 2px solid #eae9e9;
  margin-top: 28px;
  margin-left: 0;
  display: inline-block;
}
.commerce-checkout-flow div[id^="edit-actions"] a {
  float: left;
}
.commerce-checkout-flow input[type="email"],
.commerce-checkout-flow input[type="text"] {
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px 10px;
}
.commerce-checkout-flow label {
  margin-top: 10px;
}
.commerce-checkout-flow .address-line2 {
  margin-top: 20px;
}
label.form-required:after {
  content: '*';
}
.commerce-checkout-flow input[id*="edit-payment-information-payment-method-paypal"] {
   position: relative;
   /*top: -35px;*/
   top: 40px;
}

/*
label[for*="paypal"]:after {
  content: '';
  background: url('../images/paypal-logo.png') bottom center no-repeat;
  width: 319px;
  height: 110px;
  display: block;
  
}
*/

fieldset[id*=payment-information] {
   /*display: none;*/
}
.commerce-checkout-flow input[id*="edit-payment-information-payment-method-worldpay"] {
   position: relative;
   top: -10px;
}
label[for*="worldpay"] {
  color: #ffffff;
  width: 0;
  margin-left: 20px;
}
label[for*="worldpay"]:after {
  content: '';
  background: url('../images/poweredByWorldPay.gif') center center no-repeat;
  width: 139px;
  height: 33px;
  display: inline-block;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  background: #eeeeee;
  transition: all 0.3s ease;
}
div[id^="edit-shipping-information-shipments"] div[id*="title-wrapper"],
div[id^="edit-shipping-information-shipments"] div[class*="tracking-code"] {
  display: none;
}
/* End Checkout */


/* Card images */
.image-label {
   font-size: 0;
}
.card-icons div {
   display: inline-block;
   clear: both;
}
.card-icons.braintree div {
   border: 1px solid #d6d6d6;
   -webkit-border-radius: 5px;
   -moz-border-radius: 4px;
   border-radius: 5px;
   padding: 10px 5px;   
   margin-top: 10px;
}
.card-icons div img {
   display: inline-block;
}
.card-icons.braintree div img,
.card-images .card-icons img {
   margin-left: 5px;
   margin-right: 5px;
   max-width: 70px;
}
.card-icons.stripe img {
   max-width: 100px;
}
.card-images {
  text-align: center;
  padding-top: 20px;
}
.card-images img {
   display: inline-block;
}
.card-images .card-icons img {
   max-width: 60px;
}
/*
.col-md-4 .card-images {
  text-align: right;
}
.col-md-4 .card-images span {
  display: block;
  text-align: right;
}

.card-images img:first-of-type {
  margin-bottom: 20px;
}
.col-md-4 .card-images img:first-of-type {
  margin-bottom: 10px;
}
.card-images img:last-of-type {
  max-width: 200px;
}
.col-md-4 .card-images img:last-of-type {
  max-width: 150px;
}
*/
.info-page .product-variation-col {
  width: 50%;
  float: left;
}
div#edit-payment-information-add-payment-method {
   border: 1px solid #d6d6d6;
   padding: 10px;
   font-size: 14px;
}
/* End card images */

/* Messages */
.system-messages {  
  position: absolute;
  top: 10px;
  right: 10px;
  color: #2b2b2b;
  background-color: #ededed;
  border-color: #2b2b2b; 
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  padding: 20px 10px 20px 30px;
  box-shadow: 0 5px 27px rgba(0,0,0,.09);  
  z-index: 100;
}
.system-messages .close {
  float: right;
  opacity: 1;
  position: relative;
  top: -3px;
}
.system-messages .messages {
  float: left;
  padding-right: 20px;
}
.system-messages.dismiss {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
/* End messages */

/* Spinners */
.spinner {
  background: #ffffff;
  border: 1px solid #999;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height: 30px;
  height: 30px;
  margin-top: 0;
  display: inline-block;
  text-align: center;
}
.ui-spinner-up {
  float: right;
  margin-right: 5px;
}
.ui-spinner-down {
  float: left;
  margin-left: 5px;
}
.ui-spinner-button {
  cursor: pointer;
  font-size: 19px;
}
.ui-spinner-input {
  border: 0;
  width: 20px;
  height: 20px;
  margin-left: 7px;
}
.ui-spinner-hidden {
  display: none;
}
/* End Spinners */

/* Responsiveness */
.tablet,
.desktop {
   display: none;
}
@media (min-width: 768px) {
   .mobile {
      display: none;
   }
   .small-tablet {
      display: none;
   }
   .tablet {
      display: block;
   }
}
@media (min-width: 1280px) {
   .tablet {
      display: none;
   }
   .desktop {
      display: block;
   }
}
@media (max-width: 767px) {
   .container.no-pad {
      padding-left: 15px;
      padding-right: 15px;
   }
}

/* Blog and exposed filters */
.views-exposed-form {
   margin: 0;
   padding: 20px;
   background: #ededed;
   max-width: 100%;
}
.product-filter .views-exposed-form {
   max-height: 0;
   overflow: hidden;
   opacity: 0;
   transition: all 0.3s ease;
}
.product-filter.open .views-exposed-form {
   max-height: 500px;
   opacity: 1;
   transition: all 0.3s ease;
}
.product-filter h3.filter-header {
   margin: 0;
   font-size: 16px;
   border-bottom: 1px solid #757575;
}
.product-filter h3.filter-header a {
   display: block;
}
.product-filter h3.filter-header a:after {
   content: '\e93a';
   font-family: Linearicons;
   float: right;
}
h3.filter-header.open hs.filter-header a:after {
   content: '\e939';
}
div[id^="block-exposedformsearch-api"] {
   background: transparent;
   /*margin: 0;*/
   padding: 0;
}
@media (min-width: 768px) {
   div[id^="block-exposedformsearch-api"] {
      padding: 20px 10px 0 0;
      margin: 20px 0 0;
   }
}
.views-exposed-form > div,
.views-exposed-form  div.range-slider > div {
   display: inline-block;
   margin-right: 20px;
   margin-top: 10px;
}
@media (min-width: 768px) {
   .views-exposed-form > div {
      margin-top: 0;
   }   
}
.views-exposed-form  div.range-slider > div.bef-slider {
   display: block;
}
.views-exposed-form  div.range-slider > div.form-item-modified-price-value-max {
   text-align: right;
}
/*
.views-exposed-form div[class*="form-item-modified-price-value"] {
   position: relative;
   top: -10px; 
}
*/
.views-exposed-form div[class*="form-item-modified-price-value-min"]:before {
   content: 'Price range';
   position: relative;
   top: -8px;
   display: block;
}
.views-exposed-form input[id^="edit-modified-price-value"] {
   /*border: none;
   background: #ededed;
   padding: 0;
*/
   width: 80px;
}
/*
.views-exposed-form input[id^="edit-modified-price-value-max"] {
   width: 50px;
} 
*/
.views-exposed-form label[for^="edit-modified-price-value-max"] {
  font-size: 0;
}
.views-exposed-form div[class*="form-item-modified-price-value-max"] label:after {
   content: '£';
   display: block;
   font-size: 13px;
} 
.views-exposed-form select{
   position: relative;
   /*top: 7px;*/
}
.views-exposed-form input[type="submit"] {
   position: relative;
   /*top: 7px;*/
}
.bef-exposed-form .bef-slider {
   margin: 10px 0 20px;
}
.bef-exposed-form .search-box {
   display: inline-block;
   width: 100%;
}
.bef-exposed-form .form-actions {
   float: right;
}
.bef-exposed-form:after,
.bef-exposed-form .form-actions:after {
   content: '';
   clear: both;
   display: block;
}
.bef-exposed-form {
}
.views-field-field-publication-date, .publication-date {
    color: rgb(153,153,153);
    font-size: 12px;
}
.views-field-field-publication-date time::before, .publication-date time::before {
    content: "";
    display: inline-block;
    font-family: "Linearicons";
    font-weight: 400;
    color: #000;
    margin-right: 5px;
    font-size: 22px;
}
.more-link a {
    background: #ffffff;
    padding: 11px 19px 12px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    border: 2px solid #eae9e9;
    text-decoration: none;
}
.blog-item {
    padding-bottom: 65px;
    margin-bottom: 50px;
    border-bottom: 1px solid #eae9e9;
}
.blog-related-products,
.blog-related-posts {  
  clear: both;
}
.blog-related-products h5,
.blog-related-posts h5 {
  text-align: center;
  font-weight: 600;
  font-size: 35px;
}
.blog-related-posts .col h5 {
  text-align: left;
  line-height: 16px;
  margin-top: 5px;
}
.blog-related-posts .col h5 a {
  font-weight: 400;
  font-size: 16px;
}
.blog-related-products .product-filter-rows .col {
  border-bottom: none;
}
.blog-related-products {
  border-bottom: 1px solid #eae9e9;
}

/* Search Form */
.search-api-autocomplete-search {
   z-index: 600;  
}
.search-block.views-exposed-form { 
  float: right;
}
.search-block.views-exposed-form div {
   /*display: inline;*/
}
.search-block.views-exposed-form form {
   margin: 0 20px;
}
.search-block label,
.search-block .form-select,
.search-block .product-sort-update {
  display: none;
}
.search-block .form-submit {
  display: none;
}
.search-block .search-box {
  display: none;
  position: absolute;
  width:  calc(95% - 50px);
  height: 50px;
  min-height: inherit;
  line-height: normal;
  border: 1px solid #eae9e9;
  z-index: 500;
  transition: .1s all cubic-bezier(.785,.135,.15,.86);
  box-shadow: 0 5px 27px rgba(0,0,0,.09);
  background: #f6f6f6;
  left: 0;
  top: 40px;  
}
.search-block .search-box input {
  position: absolute;
  left: 15px;
  width: calc(100% - 60px);
  max-width: 3000px;
  background: #f6f6f6;
  border: none;
  line-height: 40px;
}
/*
@media (min-width: 1024px) {
  .search-block .search-box {
    width: calc(150% - 50px);
  }
  .search-block .search-box input {
    width: calc(100% - 60px);
    left: 30px;
  }
}
*/
.search-block .search-box .search-submit {
  position: absolute;
  right: 15px;
  line-height: 50px;
  width: 22px;
  height: 50px;
}
.search-block .search-box .search-submit:before {
  font-family: "Linearicons";
  content: "\e922";
  font-size: 22px;
  cursor: pointer;
}
.search-block .search-box.open {
  display: block;
}
.search-block .search-icon {
  position: absolute;
   top: 6px;
   padding: 20px 10px 20px 0;
}
.search-block .search-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Linearicons";
  content: "\e922";
  font-size: 18px;
  cursor: pointer;
  transition: .3s all ease;  
  visibility: visible;
  opacity: 1;
  -webkit-transform: rotate(-0deg) scale(1);
  transform: rotate(-0deg) scale(1);     
}
.search-block .search-icon:after {
  position: absolute;
  top: 0;
  left: 0;  
  font-family: "Linearicons";
  content: "\e935";
  font-size: 18px;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: rotate(-90deg) scale(0);
  transform: rotate(-90deg) scale(0);
  transition: .3s all ease;    
}
.mobile.search-block .search-icon:before,
.mobile.search-block .search-icon:after {
   top: 8px;
}
.search-block .search-icon.open:before {
  visibility: hidden;
  opacity: 0;
  transition: .3s all ease;    
  -webkit-transform: rotate(-90deg) scale(0);
  transform: rotate(-90deg) scale(0);  
}
.search-block .search-icon.open:after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: rotate(-0deg) scale(1);
  transform: rotate(-0deg) scale(1);    
  transition: .3s all ease;    
}
.search-title {
  margin-top: 30px;
  margin-bottom: 35px;
}
.js input.form-autocomplete.ui-autocomplete-loading {
   background: #ffffff;
}
/* End Search Form */
/* Dashboard override styles */
.sales .views-exposed-form div.search-submit {
   display: none;
}
.sales-date-filter select {
   width: auto;
}
.sales-date-filter input[type="submit"] {
   margin: 0 0 0 10px;
   position: relative;
   top: -4px;
}

/* Popup banners */
.paragraph--type--popup-banner {
    display: none;
}
#colorbox #cboxLoadedContent {
    position: relative;
}
#colorbox #cboxLoadedContent .content {
        display: table;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        margin: 30px 0;
}

@media (max-width: 600px) {             
  #colorbox #cboxLoadedContent .content  h1 {
        font-size: 22px;
  }
  #colorbox #cboxLoadedContent .content  h2 {
        font-size: 20px;
  }
  #colorbox #cboxLoadedContent .content  h3 {
        font-size: 18px;
  }
  #colorbox #cboxLoadedContent .content  h4 {
        font-size: 16px;
  }
  #colorbox #cboxLoadedContent .content  h5 {
        font-size: 14px;
  }
  #colorbox #cboxLoadedContent .content  h6 {
        font-size: 14px;
  }          
  #colorbox #cboxLoadedContent .content  img {
        max-width: 200px;
  }      
}
.paragraph--type--popup-banner .cookie-name,
#cboxLoadedContent .cookie-name {
  display: none;
}

/* EU cookie button overrides */
.eu-cookie-compliance-secondary-button.agree-button {
   border: none;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   background: #ffffff;
   text-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   padding: 4px 8px;
   color: #000;
}
.eu-cookie-compliance-default-button:hover {
   background: #666666;
}

/* Accordions */
.accordion-heading {
  background: url(../images/accordionbg.gif) 10px center no-repeat #f5f5f5;
  font-weight: bold;
  cursor: pointer;
  padding: 5px 10px 5px 50px;
  margin-bottom: 0;
  margin-top: 1px;
  line-height: 30px;
}
.accordion-content {
  margin-top: 10px;
  padding-left: 50px;
  display: none;
  margin-bottom: 23px;
}
.webform-confirmation {
   margin-top: 30px;
   font-size: 22px;
   text-align: center;
}