/* Colours */

:root{
    --red:#2f88ef;
    --darkgrey:#222;
    --white:#fff;
    --lightgrey:#f9f9f9;
}

/* Structure */

body, html{
    font-family: "jubilat", serif;
    font-size:16px;
    font-weight:500;
    color:#403F3F;
}

ul{
    padding:0;
}

p, li, address{
    line-height:1.6;
/*    font-weight:400;*/
/*    font-family: helvetica, sans-serif;*/
    color:#999;
}

body a{
    font-size:15px;
    color:var(--red);
    transition:0.2s;
}

body a:hover{
    color:var(--red);
    text-decoration:none;
}

::-moz-selection { /* Firefox */
  color: var(--white);
  background:var(--red);
}

img{
    vertical-align:bottom;
    max-width:100%;
    height:auto;
}

/* Typography */

body h1, body h2, body h3{
    margin-bottom:20px;
    font-family: jubilat, sans-serif;
    font-weight: 600;
    font-style: normal;
    color:#403F3F;
}

body h4, body h5{
/*    font-family: poppins, sans-serif;  */
    font-weight: 500;
    font-style: normal;
    color:#403F3F;
    text-transform:uppercase;
}

body h1{
    font-size:44px;
}

body h2{
    font-size:38px;
}

body h3{
    font-size:28px;
}

body h4{
    font-size:18px;
}

body h5{
    font-size:16px;
}

.mb_32 {
    margin-bottom:32px;
}

/*mobile navigation*/

#menuToggle
{
  display: block;
  position: relative;
  float:right;
  padding:11px 0;
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */

#menuToggle:before {
    content:'';
    position: absolute;
    right:-15px;
    top:-12px;
    width:calc(40vw + 5px);
    bottom:-12px;
    background:#FFF;
}
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#mobile_menu
{
  position: absolute;
  height:100vh;
  width: 100vw;
  left:calc(-100vw + 45px);
  top:50px;
  padding: 15px;
  padding-top: 42px;
  z-index:2000;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#mobile_menu li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}



/*body overflow from trade login*/
.tophead {
/*    overflow-y: hidden;*/
}
.tophead {

}
.tophead ul {
    margin:0;
    padding:0;
    list-style: none;
    padding-block: 0;
}
.tophead ul li {
    margin:0;
    padding:0;
}
.tophead ul li a {
    padding:0;
}

.tophead ul#t_menu {
    position: relative;
/*    bottom:-10px;*/
    text-align: right;
    overflow: hidden;
    display: inline-block;
    float:right;

/*    text-align: center;*/
}

.tophead ul#t_menu li {
    position: relative;
    display:inline-block;
    width:auto;
}
.tophead ul#t_menu li a {
    padding:0 12px;
    color:#666;
    line-height: 45px;
}
.tophead ul#t_menu li {
    border-right: solid 1px #ddd;
}

/* trade login header */
.trade_login {
    background:#D11D1C;
    color:#FFF;
    position: relative;
    display: block;
    padding:0;
    margin-left:-15px;
    height:47px;
}

.trade_login i {
    border:solid thin #FFF;
    display: inline-block;
    line-height: 25px!important;
    width:25px!important;
    text-align: center;
    margin:0 8px 0 12px;
    border-radius: 50%;
    font-size:13px;
}
.trade_login > *{
    position: relative;
    z-index:10;
}
.trade_login:before {
   /* content:'';
    width:50vw;
    position: absolute;
/*    height:45px;*/
/*    background: inherit;
    z-index:1;
    left:0;
    top:0;
    bottom:0;*/*/
}
.trade_login ul {
    list-style: none;
    margin:0;
    padding:0;
    text-align: right;
    display: inline-block;
    z-index:1100;
}
.trade_login ul li {
    display:inline-block;
    position: relative;
}
.trade_login ul li a {
    color:#FFF;
    line-height:45px;
}
.trade_login > ul > li{
    padding:0;
    color:#FFF;
}
.trade_login ul li:first-of-type a:after {
/*    content:' / ';*/
}
.trade_login ul li:hover ul {
    display: block;
    position: absolute;
    top:45px;
    background:#333;
    right:0;
    left:-49px;
    right:0;
    padding:0px;
    text-align: left;
    width:220px;
    transition: all ease 0.2s;

}
.trade_login ul li ul {
    display: none;
    position: absolute;
    top:-46px;
    background:#333;
    left:-49px;
    right:30px;
    padding:0px;
    text-align: left;
    transition: all ease 0.2s;

}
.trade_login ul li ul li .fas,.trade_login ul li ul li .far {
    width:30px;
    line-height: 30px;
    border:none;
}
.trade_login ul li ul li {
    display:inline-block;
    text-align: left;
    padding:0;
    width:100%;
/*    line-height:35px;*/
}
.trade_login ul li ul li a {
    display:block;
    line-height:42px!important;

}
.trade_login ul li ul {
/*    display: block;*/
}

/*mega menu*/
#page_nav {
/*    position: absolute;*/
    background:#FFF;
    width:100%;
    z-index:100;
/*    border: solid 1px #ddd;*/
/*    margin-left:-20px;*/
    display: none;
    overflow: visible;
    
}
#page_nav.open {
     display:block;
    
}
.mega-menu-wrap {
    position: relative;
}

#page_nav .megamenu {
    list-style: none;
    margin:0;
    padding:24px;
    position: relative;

}

#page_nav .megamenu .bgimage {
    position:absolute;
    bottom:0;
/*    right:0;*/
    left:15px;
    top:0;
    width:0;
    overflow: hidden;
/*    transition: all ease 0.2s;*/
}

#page_nav .megamenu .bgimage .cta {
    position: absolute;
    bottom:0;
    padding:22px;
    left:0;
    right:0;
    color:#FFF;
}

#page_nav .megamenu .bgimage .cta > * {
    color:#FFF !important;
}

#page_nav .megamenu .cta ul {
    list-style: none;
    padding:0;
    margin:8px 0;
}

#page_nav .megamenu .cta ul li {
    display:inline-block;
}

#page_nav .megamenu .cta ul li a {
   color:#FFF;
   padding:4px 8px 0 0;
}

#page_nav .megamenu .cta h3 {
    color:#FFF !important;
    margin:0;
    padding:0;
    text-transform: capitalize;
}

#page_nav .megamenu .cta span {
    color:#FFF !important;
    text-transform: capitalize;
}

#page_nav .megamenu .bgimage:before {
    position: absolute;
    content:'';
    top:70%;
    left:-45vw;
    width:100vw;
    height:100vw;
    background:rgba(47,136,239,.65);
    border-radius: 50%;
}

#page_nav .megamenu h3 {
    font-size:24px;
    margin-top:0;
    padding-top:12px;
}

#page_nav h3 span {
    color:var(--red);
}

#page_nav .megamenu ul {
    padding:16px 0;
}

#page_nav .megamenu li ul  {
    list-style: none;
    border-top: solid 1px #ddd;
}
#page_nav .megamenu li ul li {

}
#page_nav .megamenu li ul li a {
/*    line-height:45px;*/
    display: inline-flex;
    align-items: center;
    width:100%;
    padding:2px 0;
    color:#707070;
}
#page_nav .megamenu li ul li a i {
    float: right;
    display:inline-block;
    line-height:35px;
    margin-left:auto;
}
#page_nav .megamenu li ul li a span {
    display:inline-block;
}

#page_nav .megamenu .icon {
    width:34px;
    height:34px;
    padding:0px;
    background-size:cover!important;
    border-radius: 50%;
    overflow: hidden;
    border: solid 1px #ddd;
    margin-right:12px;
}

/* Header */
#masthead {
    background:var(--white);
    padding:20px 0;
    border-top:solid 1px #eee;
    border-bottom:solid 1px #eee;
    width:100%;
    transition: all ease 0.2s;
    position: relative;
    z-index:1000;
}

.logo img{
    max-width:134px;
    width:100%;
}

.righticons {
    text-align:right;
    padding:15px 0;
    margin-right:-12.5px;
    padding-left:0!important;
    padding-right:0!important;
}

.righticons a {
    display:inline-block;
}

.righticons a .fas,
.righticons a .far {
    color:var(--darkgrey);
    font-size:16px;
    margin:5px 0 5px 10px;
    width:38px;
    height:38px;
    line-height:38px;
    background:#eee;
    border-radius:100px;
    text-align:center;
}

.desktop_nav {
    text-align:right;
}

.navi ul {
    padding:0;
}

.navi li {
    border-left:solid 1px #ddd;
/*    padding-left:50px;*/
}
.navi li a {

}



.branch_dropdown:after {
    content:"\f107";
    font-size:12px;
    padding-left:10px;
    font-family:FontAwesome;
}

.branches {
    border-right:solid 1px #ddd;
  /*  margin-bottom:-10px;
    margin-top:-10px;*/
    padding:0px 10px;
    line-height:45px;
/*     background:green;*/
}

.branches ul {
    display:none;
    background:#fff;
    box-shadow:0 2px 3px rgb(0,0,0,0.1);
    border-radius:5px;
/*    top:45px;*/
    position:absolute;
    list-style:none;
    z-index:10000;

}

.branches ul li {
    display:block;
}

.branches ul li:first-child{
    border-top:none;
}

.branches ul li {
    border-top:solid 1px #eee;
}

.branches ul li a {
    padding:0 10px;
    color:var(--darkgrey);
    width:200px;
    display:block;
    line-height:42px;
}


.branch_dropdown {
    padding-right:10px;
}
a.branch_dropdown {
    color:#666;
}
a.branch_dropdown .fa {
    color:#2f88ef;
    margin-right:6px;
}

.branches:hover ul {
    display:block;
    position:absolute;
/*    z-index:100;*/
/*    background:red;*/
}


.page-content {
	padding:50px 0;
}


.b_number,
.b_email,
.b_hours,
.b_address {
    position:relative;
    padding-left:30px;
    padding-bottom:15px;
}

.b_number:before,
.b_email:before,
.b_hours:before,
.b_address:before {
    position:absolute;
    left:0;
    top:0;
}

.b_directions {
    display:inline-block;
    color:#fff;
    background:#2f88ef;
    padding:10px 20px;
    border-radius:100px;
}

.b_directions:hover{
    background:var(--darkgrey);
    color:#fff;
}

.b_number:before{
    font-family:FontAwesome;
    content:"\f095";
}

.b_email:before{
    font-family:FontAwesome;
    content:"\f0e0";
}

.b_hours:before{
    font-family:FontAwesome;
    content:"\f017";
}

.b_address:before{
    font-family:FontAwesome;
    content:"\f3c5";
}

.desktop_nav ul{
    list-style:none;
    margin:0;
    padding:15px 0;
}

.desktop_nav ul li{
    display:inline-block;
}

.desktop_nav ul li a{
    color:var(--darkgrey);
    padding:15px 12.5px;
    font-size:14px;
    font-weight:600;
    display:block;
    text-transform:uppercase;
}

.desktop_nav ul li a img{
    width:16px;
        margin-right:10px;
    position:relative;
    top:-1px;
}








/*product search*/

#main_products_returned {

}

/* ajax search */
#main_products_returned {
    padding:12px 0;
    margin:0;
    left:-1px;
    right:-1px;
    top:44px;
    position: absolute;
    z-index: 10;
    background:#FFF;
    border:solid 1px #ddd;
    display: none;
}
#main_products_returned.loaded {
    display:block;
}
#main_products_returned ul {
    list-style: none;
}
#main_products_returned ul li {
    padding: 12px 0;
    border-radius:0;
}
#main_products_returned ul li .yith-wcwl-add-to-wishlist {
    display:none;
}
#main_products_returned ul li h2 {
    margin:0;
    text-align: left;
}



.search_bar{
	border:solid 1px #ddd;
	padding:12px;
/*	overflow:hidden;*/
	margin-top:16px;
    position: relative;
}

.search_bar input{
	width:90%;
	outline: none !important;
	border:none;
    padding:0 !important;
    border:none !important;
}

.search_bar input:focus,
.search_bar input:hover{
	border:none !important;
	outline: none !important;
}

.search_bar .fas{
	float:right;
	margin-right:8px;
	margin-top:3px;
	color:#2f88ef;
}

.header-cart{
    display:inline-block;
    position:relative;
}

.header-cart-count{
    position:absolute;
    top:-5px;
    right:-5px;
    width:22px;
    height:22px;
    color:var(--white);
    background:var(--red);
    line-height:24px;
    border-radius:100px;
    text-align:center;
    font-size:9px;
}


.woocommerce-page.tax-product_cat #masthead{
    position:absolute;
    background:none;
    background-image: linear-gradient(180deg, rgb(34,34,34), rgb(34,34,34,0));
}

/* Slider */

.slide{
    background-position:center center;
    background-size:cover;
}

.slide{
    
}

.page-template-page-shop .slide:first-child{
    display:none;
}

.overlay{
    height:50vh;
    padding-top:100px;
    display:flex;
    align-items:center;
    min-height:540px;
    background:rgb(34,34,34,0.5);
}

.home .overlay{
    height:100vh;  
    max-height:800px;
}

.overlay img{
    max-width:500px;
}

.overlay h1{
    color:#fff;
    font-size:42px;
    margin-bottom:30px;
    line-height:1.25;
    text-transform:uppercase;
}

.overlay a{
    padding:13px 29px;
    background:var(--red);
    color:#fff;
    display:inline-block;
    border-radius:2px;
}

.banner_item{
    background-size:cover;
    background-position:center center;
}

.underlay{
/*    background-image:;*/
/*    background-size:75%;
    background-position:bottom left;
    background-repeat:no-repeat;
    */
position: relative;
    
}
.underlay:before {
    content:'';
    background:#2F88EF;
    width:calc(100% + 120px);
    height:90vw;
    position:absolute;
    top:80%;
    right:20%;
    border-radius:50% 50% 0 0;
    opacity:0.5;
}

.home .underlay{
    padding:80px 0 50px;
}

.overlay a:hover{
    background:var(--darkgrey);
    color:#fff;
}

.underlay{
    overflow:hidden;
}

.bubble_wrap{
    width:450px;
    height:450px;
    border:solid 12px #2F88EF;
    border-radius:100px;
    text-align:center;
    display:flex;
    margin-top:-60px;
    margin-bottom:-60px;
    border-radius:50%;
    align-items:center;
    background:rgb(255,255,255,0.9);
    position:relative;
}

.home .bubble_wrap{
    margin-top:0;
    margin-bottom:0;
}



.bubble{
    align-items:center;
    text-align:left;
    padding:0;
    margin:0 auto;
    max-width:260px;
}

.bubble h1{
    margin-top:5px;
}

.bubble_badge{
    border-radius:50%;
    width:120px;
    height:120px;
    text-align:center;
    color:#fff;
    background:var(--red);
    position:absolute;
    display:block;
    right:-30px;
    font-size:26px;
    top:80px;
    font-family:poppins;
    font-weight:600;
    padding-top:20px;
    text-transform:uppercase;
    padding-right:10px;
    padding-left:10px;
    line-height:1;
}

.home .bubble_badge{
    bottom:0;
    top:auto;
    right:0;
}

.bubble_badge span{
    font-size:12px;
    display:block;
    padding-bottom:5px;
    padding-top:5px;
    font-weight:400;
}

.bubble a{
    background:#2F88EF;
    color:#fff;
    border-radius:100px;
    margin-top:10px;
    display:none;
    padding:12px 25px;
}

.home .bubble a{
    display:inline-block;
}

.home .shop_cat a:hover,
.home .bubble a:hover {
    color:#FFF;
}



.trust_factors{
    background:var(--red);
    text-align:center;
    color:#fff;
    padding:25px 0;
}

.trust_factors .mid{
    border-left:solid 1px #fff;
    border-right:solid 1px #fff;
}

.trust_factors .fas{
    margin-right:10px;
}

.search_icon{
    position:absolute;
    right:0;
    bottom:0;
    width:62px;
    height:62px;
    background:#2f88ef;
    line-height:57px;
    color:#fff;
    font-size:18px;
    text-align:center;
    border-radius:50%;
    border:solid 5px #fff;
    display:none;
}

.home .search_icon{
    display:block;
}

/* Shop by Category */

.bath_giant_cat{
 padding:100px 0;   
border-top:solid 1px #eee;
}

.shop_cat{
    padding-right:50px !important;
}

.shop_cat h2{
    font-size:30px;
}

.shop_cat h2 span{
    color:var(--red);
}

.shop_cat a{
    background:var(--red);
    padding:12px 25px;
    display:inline-block;
    margin-top:15px;
    border-radius:100px;
    color:#fff;
}

.right_cats{
    border-left:solid 1px #ddd;
    padding-left:50px !important;
}

.right_cats h3{
    font-size:20px;
}

.right_cats a{
display:inline-block;
    margin-bottom:25px;
}

.right_cats a:hover{
    color:var(--darkgrey);
}

.right_cats a:after{
    font-family:FontAwesome;
    content:"\f054";
    margin-left:25px;
    font-size:10px;
    top:-1px;
    position:relative;
}

/* Reviews */

.reviews img{
    max-width:180px;
    margin-bottom:25px;
}

.review{
    padding:35px;
    border-radius:10px;
    background:#F2F8FE;
}

.review .fas{
    color:var(--red);
}

.review p{
    font-size:13px;
    margin-top:10px;
}

.review  h5{
    font-weight:500;
}

/* News */

.news {
    padding:60px 0;
    border-top:solid 1px #eee;
}

.news span{
color:#2f88ef;
}

.post-item{
    padding:0px;
    background:#eee;
    background-size: cover!important;
    background-position: 50% 50%!important;
    position: relative;
}
.post-item .shadow {
     background: linear-gradient(to bottom, transparent 0%, rgba(14,36,65,.8) 100%);
    padding:30px;
}


.post-item span{
    padding-top:200px;
    display:block;
}

.post-item time {
    color:#83BBFC;
}

.post-item h3 {
    margin-top:0;
/*    padding-top:0;*/
    padding:0;
    margin:0;
}
.post-item h3 a{
/*    margin-bottom:0;*/
    margin-top:5px;
    font-size:22px;
    color:#FFF;
/*    padding-top:0;*/
}

.badge{
    padding:7px 10px !important;
    background:var(--red) !important;
    border-radius:100px !important;
    font-size:12px !important;
}




/* Trade Banner */
.trade_banner{
    background:#f9f9f9 url(http://localhost:8888/bathgiant/wp-content/uploads/2023/01/trade-2.jpg) no-repeat left center;
    background-size:39%;
    border-top:solid 1px #eee;
}

.trade_text{
    padding:75px 0 85px;
}

.trade_text a{
    color:var(--darkgrey);
    padding:12px 25px;
    display:inline-block;
    margin-top:15px;
    border-radius:100px;
}

.trade_text a:first-of-type{
    background:#D11D1C;
    color:#fff;
}

.trade_text .fas{
    color:#D11D1C;
    margin-right:6px
}

.trade_banner img{
    position:absolute;
    top:-20px;
    left:-20px;
    max-width:150px;
}

.trade_text h3 span{
    color:#D11D1C;
}

/* Trade Footer */

.trade_foot{
    padding:50px 0 60px;
    background:#f9f9f9;
    border-top:solid 1px #eee;
}

.trade_foot .col-md-5{
    overflow:hidden;
}

.trade_foot img{
    float:left;
    margin-top:25px;
    margin-right:35px;
    max-width:141px;
}

.become{
    float:left;
    padding:0;
}

.become a{
    margin-top:0;
}

.become h3{
    font-size:24px;
}

.sign_offer{
    padding-left:50px !important;
    border-left:solid 1px #ddd;
}

.sign_offer h3{
    margin-bottom:10px;
    font-size:24px;
    padding-bottom:5px;
}

.sign_offer span{
    color:#2f88ef;
}

.sign_offer p{
    padding-bottom:7px;
}



.subscribe input{
    border:solid 1px #ddd;
    border-top-left-radius:100px;
    border-bottom-left-radius:100px;
    width:71%;
    padding:12px 12px 10px 20px;
    float:left;
}

.subscribe input[type="submit"]{
    background:var(--red) !important;
    border-radius:4px;
    width:28%;
    color:#fff;
    border-top-right-radius:100px;
    border-bottom-right-radius:100px;
    border:solid 1px #2f88ef;
    padding:12px 12px 10px 12px;
}

/* Accreditations */

.accreditations{
    border-top:solid 2px #eee;
    padding:50px 0;
    text-align:center;
}

.accreditations img{
    display:inline-block;
    max-height:32px;
    margin:0 20px;
    max-width:200px
}

.accreditations img:nth-child(4){
    max-height:50px;
}

/* Footer */

.footer-wrap{
    background:var(--darkgrey);
    color:var(--white);
    padding:75px 0;
}

.details address p{
    line-height:1.5;
}

.details p{
    line-height:2.5;
}

.details .fas,
.details .far{
    width:26px;
    height:26px;
    background:var(--white);
    line-height:26px;
    text-align:center;
    color:var(--darkgrey);
    margin-right:5px;
    border-radius:100px;
    font-size:12px;
}

.footer-wrap h5{
    color:var(--white);
}

.footer-wrap ul{
    margin-left:0;
    padding-left:0;
    list-style:none;
}

.footer-wrap ul li{
    padding-bottom:8px;
}

.footer-wrap ul li a{
    opacity:0.7;
    font-size:14px;
}

.footer-wrap ul li a:hover{
    opacity:1;
    color:var(--white);
}

.footer-wrap a{
    color:var(--white);
}

.flogo{
    max-width:140px;
    padding-bottom:20px;
}

.flogo img{
    width:100%;
    height:auto;
}

.socials img{
    margin-bottom:45px;
}

.socials .fab{
    width:42px;
    margin-top:10px;
    height:42px;
    line-height:42px;
    font-size:18px;
    text-align:center;
    color:var(--darkgrey);
    margin:0 2px 0 7px;
    background:var(--white);
    border-radius:100px;
    transition:0.2s;
}

.socials .fab:hover{
    background:var(--red);
    color:var(--white);
}

.creo, .copy{
    padding:30px 0;
}

.copy{
    text-align:right;
}

/* My Account */


.woocommerce-MyAccount-navigation{
    padding-right:30px;
}

.woocommerce-MyAccount-navigation ul{
    border-top:solid 1px #e5e5e5;
}

.woocommerce-MyAccount-navigation ul li{
    display:block;
    border-bottom:solid 1px #e5e5e5;
}

.woocommerce-MyAccount-navigation ul li a{
    display:block;
    position:relative;
    padding:12px;
    color:var(--darkgrey);
}

.woocommerce-MyAccount-navigation a:hover{
    background:var(--lightgrey);
}

.woocommerce-MyAccount-navigation ul li a:after{
    content:"\f105";
    font-family:FontAwesome;
    position:absolute;
    right:12px;
    color:#e5e5e5;
    font-size:12px;
    top:13px;
}

/* Breadcrumbs */

.breadcrumbs{
    background:#f4f4f4;
    padding:28px 0;
    border:solid 1px #eee;
    color:var(--darkgrey);
}

.breadcrumbs a{
    color:var(--red);
}


/* Shop */

.single #masthead{
    position:relative;
}

.shop{
    padding:70px 0 50px;
}

.shop h2{
    margin-bottom:35px;
}

.single_add_to_cart_button{
    background:var(--red) !important;
    border:none !important;
    font-weight:500 !important;
    padding:16px 30px !important;
    font-size:14px !important;
    border-radius:2px !important;
}

.quantity input{
    padding:10px;
    width:auto !important;
    margin-right:15px;
    border:solid 1px #ddd;
}

.posted_in{
    line-height:2.75;
}

.posted_in, .posted_in a{
    color:var(--darkgrey);
}

.posted_in a{
    padding:10px;
    background:var(--lightgrey);
}

.summary{
    position:relative;
/*    border:solid 1px #ddd;*/
    border-radius:5px;
/*    min-height:550px;*/
/*    background:#fff;*/
    padding:45px;
}

.product_title{
    color:var(--darkgrey);
    margin-bottom:20px;
    font-size:26px;
}


.product-thumbnail {
    min-height:320px;
    background-size:cover !important;
    background-position:50% 50%!important;
}



.woocommerce.single .related .product{
/*    width:23.5%;*/
    margin:10px 10px 10px 10px;
    box-shadow: none;
}

/* Home Products */

.shop_products{
    padding:60px 0;
    background:var(--lightgrey);
}

.home_products .owl-stage-outer{
    padding:20px 0;
}

.shop_products h3{
    margin-bottom:20px;
}

.page-template-page-trade-dashboard .product,
.home .product{
    list-style:none;
    padding:0;
    margin:0;
    border-radius:26px;
}


.page-template-page-trade-dashboard .product,
.home .product,
.woocommerce.single .related .product{
    box-shadow:0 0 3px #ccc;
    background:#fff;
   /* border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;*/
}

li.product h2{
    padding:0 20px !important;
    color:var(--darkgrey) !important;
    font-size:18px !important;
    text-transform:uppercase;
    margin-top:0px !important;
    margin-bottom:0 !important;
    font-size:16px !important;
    text-align:center;
}

li.product h2 a{
    color:var(--darkgrey) !important;
}

/* Products */

li.product{
    overflow:hidden;
    transition:0.2s;
}


li.product .price{
    text-align:center !important;
    color:var(--darkgrey) !important;
    display:block !important;
    font-size:16px !important;
    margin:15px 0 20px !important;
}

li.product a.add-to-quote{
    border:solid 1px #ddd;
    background:#fff;
    padding:12px;
    border-radius:2px;
    text-align:center;
    display:block;
    width:70%;
    color:var(--darkgrey);
    font-weight:500;
    float:left;
    margin:0;
}

li.product a.add-to-quote:hover{
    color:var(--red);
}

li.product a.add-to-quote{
    display:none;
}

.logged-in li.product a.add-to-quote{
    display:block;
}

li.product a.add-to-quote:before{
    content:"\f14b";
    font-family:FontAwesome;
    margin-right:6px;
}


.owl-item .product_btns,
.product_btns {
    overflow:hidden;
    padding:20px 20px 0 20px;
    margin-top:16px;
}

.eye{
   border:solid 1px #ddd;
    background:#fff;
    padding:12px;
    border-radius:2px;
    text-align:center;
    display:block;
    float:right;
    color:var(--darkgrey);
    font-weight:500;
    width:100%;
}

.eye:before{
    content:"View Product";
    margin-right:10px;
}

.logged-in .eye:before{
    display:none;
}

.logged-in .eye{
    width:25%;
}



li.product .button{
    background:var(--red);
    padding:15px;
    line-height:1 !important;
    border-radius:2px;
    text-align:center;
    clear:both;
    display:block;
    color:#fff;
    font-weight:500;
    margin:10px 20px 20px;
}

li.product .button:hover{
    background:var(--darkgrey) !important;
    color:#fff !imprortant;
}

/* Products Page */

.woocommerce .product{
    list-style:none;
    padding:0;
    margin:0;
}

.woocommerce .product{
    box-shadow:0 0 3px #ccc;
    background:#fff;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}

.woocommerce.single .product{
    box-shadow:none;
    background:none;
    border-radius:0px;
    border:none;
}

.single.woocommerce .product h2{
    color:var(--red) !important;
    font-size:18px !important;
    text-transform:uppercase !important;
    margin-top:10px !important;
}

.single.woocommerce .product h5.related_heading{
    color:var(--red);
    font-size:16px;
}

.single.woocommerce .product h2.related_heading{
    color:var(--darkgrey) !important;
    font-size:24px !important;
    padding-bottom:10px;
}

.right_btn{
    float:right;
    padding:11px 25px;
    margin-top:10px;
    transition:0.2s;
    
    color:#333;
/*    background:var(--red);*/
    border-radius:100px;
}

.right_btn:hover{
    text-decoration:none;
    color:#fff;
    background:var(--darkgrey);
}

.onsale {
    font-size:16px;
    font-weight:800;
    position:absolute;
    top:30px;
    left:-50px;
    background:#D11D1C;
    width:200px;
    line-height: 40px;
/*    border-radius: 50%;*/
    color:#FFF;
   
    text-align: center;
    transform: rotate(-45deg);
    font-family: jubilat, sans-serif;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist{
    left:auto;
    right:14px;
    top:14px;
    background:var(--red) !important;
    text-align:center;
    width:30px;
    height:30px;
    line-height:32px;
    border-radius:100px;
    font-size:12px;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist i{
    font-size:13px;

}

a.add_to_wishlist, a.add_to_wishlist:hover{
    color:#fff;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist i{
    color:#fff;
}

/* 404 */

.page-template-page-thankyou #masthead,
.error404 #masthead{
    border-bottom:solid 1px #ddd;
}

.f_404{
    text-align:center;
    padding:100px 0;
    background:var(--lightgrey);
}

.f_404 h1{
    color:#eee;
    font-size:200px;   
}

.f_404 p{
    color:var(--red);
    font-size:19px;
    padding-bottom:20px;
    text-transform:uppercase;
}

.f_404 a{
    border:solid 1px var(--darkgrey);
    padding:15px 35px;
    margin-top:10px;
    color:var(--gold);
    border-radius:3px;
    display:inline-block;
    transition:0.2s;
}

.f_404 a:hover{
    color:#fff;
    text-decoration:none;
    background:var(--red);
}

/* Thankyou */

.pagecont{
    padding:70px 0 50px;
    background:var(--lightgrey);
}

.woocommerce .pagecont,
.shop{
/*    background:#f8f9fa;*/
}

.shop {
    background:#FFF;
}

.thanks h1{
    color:var(--darkgrey);
    font-size:60px;
    margin-bottom:20px;
}

.thanks p{
    font-size:16px;
    text-transform:none;
}

/* Product Bottom */

.woocommerce-tabs{
    padding-top:30px;
}

.related{
    padding-top:40px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    margin-bottom:0;
    border-bottom:none;
}
.related h2.related_heading{
    padding:0 !important;
    margin:0 0 30px !important;
    font-size:26px !important;
}

.related h2.related_heading span{
    color:var(--red);
}

.woocommerce .product .wc-tab h2{
    padding:0 !important;
    text-transform:none !important;
    margin-top:0 !important;
    font-size:22px !important;
}

.woocommerce div.product .woocommerce-tabs .panel{
    padding:45px;
    box-shadow:none;
    border:solid 1px #ddd;
    border-top-right-radius:0px;
    border-top-left-radius:0px;
    position:relative;
    top:-1px;
}

.woocommerce div.product #product-icons {
    position: absolute;
    top:0;
    right:0;
}
#product-icons svg {
    width:40px;
}

.woocommerce .product img{
    margin-bottom:0 !important;
}

.woocommerce.single .product .price{
/*    color:var(--red) !important;*/
    
/*    margin-bottom:20px;*/
}

.woocommerce.single .product {
/*    overflow:hidden;*/

}

.woocommerce.single .product .onsale {
    background:#D11D1C;
    top:32px;
    left:32px;
    width:35px;
    height:35px;
    transform: unset;
    line-height: 35px;
    font-weight:600;

}


#result .price,
.woocommerce.single .product .price {
    color:#2F88EF;
    font-size:20px !important;
    position: relative;
}

#result .regular.price,
.woocommerce.single .product .regular.price {
    color:#403F3F;
}

#result .regular.price.strokethrough:before,
.woocommerce.single .product .regular.strokethrough:before {
   content:'';
   position:absolute;
   left:0;
   right:0;
   height:1px;
   top:50%;
   background:#403F3F;
}


.home_products .product .title_sku h2 {
    text-align: left!important;
    padding:0!important;
    margin:4px 0!important;
    color:#333;
}

#result .sku,
.woocommerce.single .product .sku {
/*    overflow:hidden;*/
    display:block;
    margin:16px 0;
    color:#CCC;
    font-size:18px;

}
#result .pruduct_title,
.woocommerce.single .product .product_title {
/*    overflow:hidden;*/
    display:block;
    margin:0 0 32px 0;

}
#result .product .desc,
.woocommerce.single .product .desc {
    margin:0 0 32px;
    padding:0 0 32px;
    border-bottom:solid thin #DDD;
}
#result form.cart .quantity {
   display:inline-block;
   width:auto;
   text-align: center;
}

#result form.cart .quantity,
.woocommerce div.product form.cart .quantity {
    background:#E2EEFA!important;
    border-radius:0;
}
#result form.cart .button,
.woocommerce div.product form.cart .button {
    background:#E2EEFA!important;
    padding:0 64px 0 32px!important;
    position: relative;
    color:#333!important;
    line-height:35px;
}
#result form.cart input[type="text"],
.woocommerce div.product form.cart input[type="text"] {
    background:#E2EEFA!important;
    padding:0 12px!important;
    position: relative;
    color:#333!important;
    line-height:35px;
    margin:0;
    border:none;
     -webkit-appearance: none;
     -moz-appearance: textfield;
     appearance: textfield;
}
#result form.cart input[type="number"],
form.cart input[type="number"] {
    background:#E2EEFA!important;
    padding:0 12px!important;
    position: relative;
    color:#333!important;
    line-height:35px;
    margin:0;
    border:none;
     -webkit-appearance: none;
     -moz-appearance: textfield;
     appearance: textfield;
     text-align: center;
}

#result form.cart input::-webkit-outer-spin-button,
.woocommerce div.product form.cart input::-webkit-outer-spin-button,
#result form.cart input::-webkit-inner-spin-button,
.woocommerce div.product form.cart input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


form.cart .plus, form.cart .minus {
    border:none;
    line-height:35px;
    padding:0 8px;
    background:#E2EEFA!important;
}
div.product form.cart .button:after {
    content:'\f023';
    position: absolute;
    right:0;
    font-family:FontAwesome;
    background:#2E86EB;
    border-radius:50%;
    width:35px;
    height:35px;
    top:0;
    line-height:35px;
    color:#FFF;
}



.woocommerce-product-gallery {
    border:solid thin #DDD;
    padding:20px;
}


.woocommerce-ordering{
    position:relative;
    top:-30px;
    margin-bottom:0 !important;
}

.woocommerce-ordering select{
    margin-bottom:20px;
    border:none;
    padding:10px;
    background:var(--lightgrey);
    top:-20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding-left:0;
    margin-right:-3px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
    display:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    display:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
    background:#fff;
    opacity:0.5;
    display:inline-block;
    width:25%;
    margin-left:0px;
    border-radius:0px !important;
    border-bottom:solid 3px #fff;
    padding:0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    display:block;
    padding:22px 20px 18px;
    text-align:center;
    text-transform:uppercase;
    color:var(--darkgrey);
    display:block;
    font-size:14px;
    font-weight:400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    opacity:1;
    border-bottom:solid 3px var(--red);
    color:var(--darkgrey);
}

.pagecont h2{
    margin-top:0;
}

/* Basket */

.woocommerce-cart .pagecont,
.woocommerce-account .pagecont{
    background:var(--lightgrey);
}

.woocommerce table.shop_table{
    background:#fff;
    border:solid 1px #e5e5e5;
}

.pagecont h2{
    margin-bottom:30px;
    font-size:26px;
}

.cart_totals {
    padding:30px 0 0;
}

.cart_totals h2{
    font-size:20px;
}

a.checkout-button{
    background:var(--red) !important;
    color:#fff;
    transition:0.2s;
    font-weight:500 !important;
    text-transform:uppercase;
    padding:20px !important;
    font-size:14px !important;
}

a.checkout-button:hover{
    background:var(--darkgrey) !important;
    color:#fff;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th{
    padding:15px;
    color:var(--darkgrey);
}

.woocommerce table.shop_table th{
    font-weight:500;
}

.actions{
    background:var(--lightgrey);
}

.product-name a{
    color:var(--darkgrey);
}

#coupon_code{
    border:solid 1px #e5e5e5;
    width:200px;
}

.wp-element-button{
    background:var(--red) !important;
    color:#fff !important;
    font-weight:500 !important;
}


/* Checkout */

.woocommerce-form-coupon-toggle{
 display:none;   
}

#customer_details{
    padding-bottom:35px;
}

#customer_details .col-1,
#customer_details .col-2{
    padding:35px;
    background:rgb(255,255,255,0.7);
    border-radius:3px;
    border:solid 1px #e5e5e5;
    border-top:solid 3px var(--red);
}

.woocommerce-checkout .pagecont{
    background:var(--lightgrey);
}

.woocommerce-checkout .pagecont h3{
    margin-bottom:25px;
    margin-top:10px;
    font-size:20px;
}

.woocommerce-checkout input, 
.woocommerce-checkout textarea, 
.woocommerce-checkout select,
.woocommerce-account input, 
.woocommerce-account textarea, 
.woocommerce-account select{
    padding:12px;
    border:solid 1px #ddd;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
    background:var(--lightgrey);
}

.woocommerce-info{
    background:#fff;
    border-top-color:var(--red);
}

.woocommerce-info:before{
    color:var(--red);
}

.woocommerce-message{
    background:#fff;
    border-top-color:var(--red);
}

.woocommerce-message:before{
    color:var(--red);
}

.woocommerce form .form-row label{
    color:var(--darkgrey);
    font-weight:500;
}

strong{
    color:var(--red);
}

.woocommerce-account .addresses .title h3{
    margin-top:0;
    font-size:18px;
}

.wc-backward{
    background:var(--darkgrey) !important;
    color:#fff !important;
    font-weight:500 !important;
}

.wc-backward:hover{
    background:var(--red) !important;
}

/* Contact */

.contact{
    background:var(--lightgrey);
    padding:70px 0;
    color:var(--darkgrey);
}

.contact h3{
    margin-bottom:25px;
}

.contact p{
    line-height:1.7;
}

.opening{
    padding:25px 0;
    line-height:1.7;
    clear:both;
}

.getintouch{
    padding:10px 0;
}

.getintouch ul li{
    padding-top:10px;
    display:block;
    color:var(--darkgrey);
}

.getintouch .fas,
.getintouch .far{
    margin-right:5px;
}

.contact label{
    color:var(--darkgrey) !important;
}

body .contact input,
body .contact select{
    background:#fff !important;
    border:solid 1px #ddd !important;
    padding:12px !important;
    box-shadow:none !important;
    height:40px !important;
}

body .contact textarea{
    background:#fff !important;
    border:solid 1px #ddd !important;
    padding:12px !important;
    box-shadow:none !important;
}

body .contact .frm_submit{
    text-align:right;
}

body .contact .frm_submit button{
    padding:13px 27px !important;
}

body .contact .frm_submit button:hover{
    background:var(--red) !important;
    color:#fff !important;
    border-color:var(--red) !important;
}

/* Owl */

.owl-dots{
    padding:30px 15px;
     position: absolute;
    top:-90px;
    right:0;
}

.owl-dot{
    width: 15px;
    height: 15px;
    background-color: #000000 !important;
    margin-right:8px;
    border-radius:50%;
   float:right;
   border:solid thin #000000!important;
}

.owl-dot.active{
    background-color: #FFF!important;
    border:solid thin var(--red)!important;
}

/* Categories */

.aspire_categories{
    background:#111;
    padding:70px 0;
}


.aspire_categories h3{
    color:#fff;
    margin-bottom:20px;
}

.asp_cat{
    background:url(http://localhost:8888/aspire/wp-content/uploads/2022/11/cat-backgorund.jpg) no-repeat top center;
    background-size:cover;
    min-height:370px;
    border-bottom:solid 4px var(--red);
    display:flex;
    align-items:end;
    border-radius:3px;
    padding:15px 30px;
}

.aspire_categories .asp_cat h3{
    display:block;
    text-align:center;
    font-size:18px;
    color:#fff;
    width:100%;
    margin-bottom:25px;
}

.aspire_categories .owl-dot{
    background: #fff !important;
    opacity:0.25;
}

.aspire_categories .owl-dot.active{
    background:#fff !important;
    opacity:1;
}

.aspire_categories .owl-dots{
    padding-top:50px;
}

.aspire_categories h3{
    margin-bottom:40px;
}

.aspire_categories .right_btn{
    color:#fff;
}

/* Environmental */

.environmental{
    background:var(--darkgrey);   
}

.dark{
    color:var(--lightgrey);
    height:500px;
    display:flex;   
    align-items:center;
}

.dark h3{
    color:#fff;
    text-transform:uppercase;
    max-width:350px;
    font-size:28px;
    line-height:1.25;
}

.dark_cont{
    padding:5% 20% !important;
}

.dark a{
    padding: 13px 29px;
    background: var(--red);
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    margin-top:20px;
}

.env{
    background:url(http://localhost:8888/aspire/wp-content/uploads/2022/11/environemental.jpg) no-repeat center center;
    height:500px;
    background-size:cover;
    text-align:right;
    position:relative;
}

.env img{
    float:right;
    width:200px;
    position:absolute;
    height:auto;
    right:10%;
    bottom:10%
}

.asp_title{
    font-size:26px;
    padding:0 0 32px;
    margin:0!important;
}

/* Top Head */

.tophead{
/*    padding:7.5px 0;*/
    background:var(--lightgrey);
/*    display:none;*/
/*    overflow: hidden;*/
}

.tophead * {
   /* line-height: 45px!important;
    font-size:14px!important;*/
}

.tophead .fa-lock, 
.tophead .fa-user {
    line-height: 25px!important;
}

.logged-in .tophead{
/*    display:block;*/
}

.b2b ul{
    list-style-type:none;
    margin-left:-20px;
    margin-bottom:0;
}

.b2b ul li{
    border-right:solid 1px #ddd;
    display:inline-block;
}

.b2b ul li a{
    padding:10px 20px;
    display:block;
    color:var(--dark-grey);
    font-size:13.5px;
}

.b2b .fas,
.b2b .far{
    margin-right:7px;
}

/* Vat Toggle */

.vat.d_inlne {
    display:inline-block;
    float: right;
    margin-left:15px;
    position: relative;
    bottom:-2px;
    color:#333;
}
.vat{
/*    float:right;*/
/*    display:flex;*/
/*    padding: 0 0 0 32px;*/
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
/*top:-3px;*/
  height: 24px;
/*  bottom:-9px;*/
  padding:0!important;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.vat_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.vat_slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .vat_slider {
  background-color: var(--red);
}


input:checked + .vat_slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

@media (max-width: 991px) {
    .vat.d_inlne {
        text-align:center;
        float:none;
        width:100%;
    }
}

.d_inline {
    display:inline-block;
}
.vat_slider.round {
  border-radius: 34px;
}

.vat_slider.round:before {
  border-radius: 50%;
}

.exvat,
.incvat {
/*    padding:0px 4px;*/
}

.exvat,
.incvat{
/*    padding:10px 0px;*/
    font-size:12px;
    display:inline-block;
    padding:0 4px;
    line-height:45px;
}

.exc_vat,
.inc_vat{
/*    padding:20px 0;*/

    text-align:center;
}

.inc_vat{
    display:none;
}

.inc_vat.switchvat{
    display:block;
}

.exc_vat.switchvat{
    display:none;
}

/* My Account */

.login-image{
/*    background:url(http://localhost:8888/aspire/wp-content/uploads/2022/11/aspire-3-1.jpg) no-repeat top center;*/
    background-size:cover;
    height:600px;
    display:block''
}

.loginform{
    height:600px;
    display:flex;
    align-items:center;
    padding:50px 20% 50px 10%;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
    width:100%;
    background:#fff;
    box-shadow:0 0 3px #ccc;
    border:none;
    padding:45px;
}

.lightrergrey{
    background:#f9f9f9;
}

/* Logged In */

.logged-in .training_courses,
.logged-in .special_offers{
    display:none;
}

.shop_products h5{
    text-align:left;
    color:#e30613;
    text-transform:uppercase;
}

.archive_cats .asp_cat{
    margin-bottom:30px;
}

.logged-in .logged_in_container,
.logged_out_container{
    max-width:1180px;
    margin:0 auto;
    padding:50px 15px;
}



li.woocommerce-MyAccount-navigation-link--customer-logout,
li.woocommerce-MyAccount-navigation-link--downloads{
    display:none !important;
}

body blockquote{
    background:#eeeeee;
    padding:20px 30px;
    font-size:15px;
    border-left:solid 5px var(--red);
}

.quick_buttons{
    margin-left:-1%;
    margin-right:-1%;
    margin-top:-1%;
    padding-bottom:30px;
    overflow:hidden;
}

.quick_buttons ul{
    list-style-type:none;
}

.quick_buttons ul li{
    display:block;
    float:left;
    
    width:48%;
    margin:1%;
}

.quick_buttons ul li a{
    display:block;
    padding:30px;
    text-align:center;
    border-radius:5px;
    border:solid 1px #ddd;
    border-left:solid 5px #ddd;
    position:relative;
    color:var(--darkgrey);
    font-weight:500;
}


.quick_buttons ul li a .fas,
.quick_buttons ul li a .far{
    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;
    background:var(--darkgrey);
    border-radius:100px;
    color:#fff;
    position:absolute;
    left:30px;
    top:24px;
    transition:0.2s;
}

.quick_buttons ul li a:hover,
.quick_buttons ul li:first-child a{
    border-left-color:var(--red);
    color:var(--red);
}

.quick_buttons ul li a:hover .fas,
.quick_buttons ul li a:hover .far,
.quick_buttons ul li:first-child a .fas{
    background:var(--red);
}


/*archive */
.woocommerce ul.products .creo_product li.product, .woocommerce-page ul.products .creo_product li.product {
    width:100%;
}

.woocommerce ul.products .imagewrapper {
    height: 220px;      
/*    line-height: 220px;*/
    width: 100%;
    text-align: center;
/*    overflow: hidden;*/
}
.woocommerce ul.products .imagewrapper img {
    vertical-align: middle;
    max-height: 220px;
    max-width: 100%;
}


.imagewrapper {
    position: relative;
    overflow: hidden;
}

/*carousel*/
.owl-carousel {

}

.owl-carousel .product {

}
.owl-carousel .product .imagewrapper {
    height:302px;
    overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom:solid thin #DEDEDE;
}
.owl-carousel .product h2 {
    overflow: hidden;
    white-space: nowrap;
    max-width:100%;
    text-overflow: ellipsis;
}



/*shop page template */
#main_products {
/*    column-count: 3;*/
    overflow: hidden;
    padding:6px;
}

#main_products li {
/*    box-shadow: 0 0 3px #ccc;*/
    background: #fff;

    margin:8px;
    width:calc(33% - 16px);
    display:block;
    float:left;
    position: relative;
    border-radius: 5px;
    border:solid thin #DEDEDE;
}

#main_products li .imagewrapper {
    height:302px;
    overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom:solid thin #DEDEDE;

}

#main_products li h2 {
    overflow: hidden;
    white-space: nowrap;
    max-width:100%;
    text-overflow: ellipsis;
}


.showing_xof {
/*    padding:12px 0;*/
    margin:30px 15px 0
}









/*filters*/

.dynamic li {
    transition: all ease 3.2s;
}

#filters h4 {
    background:var(--red);
    color:#FFF;
    padding:12px;
    overflow: hidden;
    margin:0;
    padding:16px 13px 13px;
    text-transform: capitalize;
}
#filters h4 i {
    float:right;
    margin:-2px 4px 0 0;
}

#filters .form-control {
    border:none;
}

.filtergroup {
    box-shadow: 0 0 3px #ccc;
    background: #fff;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    overflow: hidden;
    border-radius: 5px;
    margin:16px 0;
    padding-top:0px;

}
.filtergroup .filtertoggle {
    padding:24px 0;
}

.filtergroup label {
    padding:0 16px;
}


.creo-material-checkbox {
    z-index: 0;
    position: relative;
    display: inline-block;
/*    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);*/
/*    font-size: 16px;*/
    line-height: 1.5;
    width:100%;
    line-height:25px;
}

/* Input */
.creo-material-checkbox > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    left: 11px;
    top: -7px;
    width:30px;
    height:30px;
    display: block;
    margin: 0;
    border-radius: 50%;
   
    background-color: red;
    box-shadow: none;
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity 0.3s, transform 0.2s;
    border:none!important;

}

/* Span */
.creo-material-checkbox > span {
    display: block;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

/* Box */
.creo-material-checkbox > span::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 3px 11px 3px 1px;
    border: solid 2px; /* Safari */
    border-color: #D2D6DB;
    border-radius: 0.5px;
    width: 18px;
    height: 18px;
  
    vertical-align: top;
    transition: border-color 0.2s, background-color 0.2s;
    border-radius: 50%;
}

/* Checkmark */
.creo-material-checkbox > span::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 10px;
    height: 5px;
    border: solid 2px transparent;
    border-right: none;
    border-top: none;
    transform: translate(3px, 4px) rotate(-45deg);
}

/* Checked, Indeterminate */
.creo-material-checkbox > input:checked,
.creo-material-checkbox > input:indeterminate {
    background-color: #2F88EF;
    border:none!important;
/*      left:6px;*/
/*      top:-5px;*/
}

/*checked bg colour */
.creo-material-checkbox > input:checked + span::before,
.creo-material-checkbox > input:indeterminate + span::before {
    border-color: #2F88EF!important;
    background-color: #2F88EF; /*checked bg colour */
/*    left:6px;*/
/*    top:-5px;*/
}

.creo-material-checkbox > input:checked + span::after,
.creo-material-checkbox > input:indeterminate + span::after {
    border-color: #FFF;
}

.creo-material-checkbox > input:indeterminate + span::after {
    border-left: none;
    transform: translate(4px, 3px);
/*    left:6px;*/
   
}

/* Hover, Focus */
.creo-material-checkbox:hover > input {
    opacity: 0.04;
}

.creo-material-checkbox > input:focus {
    opacity: 0.12;

}

.creo-material-checkbox:hover > input:focus {
    opacity: 0.16;

}

/* Active */
.creo-material-checkbox > input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
}

/*click input border*/
.creo-material-checkbox > input:active + span::before {
    border-color: #2F88EF;
/*    margin-left:6px;*/
}

.creo-material-checkbox > input:checked:active + span::before {
    border-color: transparent;
    background-color: #D2D6DB;
/*    margin-left:6px;*/
}

/* Disabled */
.creo-material-checkbox > input:disabled {
    opacity: 0;
}

.creo-material-checkbox > input:disabled + span {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    cursor: initial;
}

.creo-material-checkbox > input:disabled + span::before {
    border-color: currentColor;
}

.creo-material-checkbox > input:checked:disabled + span::before,
.creo-material-checkbox > input:indeterminate:disabled + span::before {
    border-color: transparent;
    background-color: #D11D1C;
}



/*faqs_section*/
.faq_group {
    background:#FFF;
    padding-bottom:100px;
}
.faqs_section {

}
.faqs_section .tabs {
    margin-bottom: 64px;
}
.faqs_section .tabs > div > div {
/*    background:#FFF;*/
    text-align: center;
}
.faqs_section .tabs > div > div:before {

}
.faqs_section .tab {
    text-align: center;
    min-height: 120px;
/*    display:inline-flex;*/
    align-items: center;
    vertical-align: middle;
    width:auto;
    border:solid 1px #D3D3D3;
    min-width:100%;
    padding:12px;
    cursor: pointer;
    border-radius:3px;
    transition: all ease 0.2s;
}
.faqs_section .tab.active {
    background:#F8F8F8;
}
.faqs_section .tab h3 {
    width:100%;
    margin:0;
    padding:12px;
}
.faqs_section .tab .icon_wrapper {
    display:block;
    margin:32px 0 12px;
}
.faqs_section .tab .icon {
    font-size: 36px;
    padding:12px;
    background:#D11D1C;
    color:#FFF;
    border-radius:50%;
    border:solid 7px #ea7474;
    margin:12px 0;
}
.faqs_section .tabcontent {
    transition: all ease 0.2s;
}
.faqs_section .tabcontent .tabbed_content {
    display:none;
}
.faqs_section .tabcontent .tabbed_content:first-of-type {
    display:block;
}

.faqs_section .faq_row {
    padding:12px 0;
    border-top:solid 1px #eee;
}
.faqs_section .faq_row h4 {
    font-weight: 600;
    font-family: poppins, sans-serif;  
    cursor: pointer;
}
.faqs_section .faq_row h4 i {
    background:#D11D1C;
    color:#FFF;
    padding:6px;
    border-radius: 50%;
    font-size:18px;
    margin-right:16px;

}

.section_header {
    padding:64px 0 32px;
}
.section_header_content {
    padding:32px 0 16px;
}


/*about us*/
.contact_group.content {
    background:#F2F8FE;
    border-radius:3px;
    padding:52px 64px;
    overflow: hidden;
    position: relative;
}

.contact_group.content:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.05;
    background-image:url('../images/bg_drops.png');
    background-size:8%;
    background-repeat: repeat-x;
    background-position: center 105%;
}


.contact_group h3 {
/*     font-family: "jubilat", serif;*/
    font-size:28px;
    margin:0 0 32px;
    padding:0;
}

/*brand values*/
.bath_giant_brandvalues {
    background:#F8F8F8;
    padding:100px 0;
}

.bath_giant_brandvalues h3 {
   
}
.bath_giant_brandvalues h3 span{
    color:var(--red);
}

.bath_giant_brandvalues .tab {
    text-align: center;
    min-height: 120px;
    align-items: center;
    vertical-align: middle;
    width:auto;
    border:solid 1px #D3D3D3;
    min-width:100%;
    padding:12px;
    cursor: pointer;
    border-radius:3px;
    transition: all ease 0.2s;
}
.bath_giant_brandvalues .tab h3 {
    width:100%;
    margin:0;
    padding:12px;
}

.bath_giant_brandvalues .tab .icon_wrapper {
    display:block;
    margin:32px 0 12px;
}
.bath_giant_brandvalues .tab .icon {
    font-size: 24px;
    padding:0px;
    background:transparent;
    color:#333;
    border-radius:50%;
    border:solid 1px #2F88EF;
    margin:0;
/*    width:100%;*/
    display:inline-block;
    min-width:64px;
    line-height:64px;


}
.bath_giant_brandvalues .brandspacing {
    margin-bottom:51px;
}



/*policies */
.page-template-page-policies .breadcrumbs {
    background: #F7FAFF;
    border:none;
} 
.policy_group {
    background:#F7FAFF;
    padding-bottom: 100px;
}
.internal_page_filter {

}
.internal_page_filter ul {
    list-style: none;
    margin:0;
    padding:0;
}
.internal_page_filter ul li {

}
.internal_page_filter ul li a {
    display: block;
    background:#FFF;
    padding:8px;
    margin:4px 0;
    border:solid thin #f4f4f4;
    border-radius:3px;
    color:#333;
    font-family: "jubilat", serif;
    cursor: pointer;

}
.internal_page_filter ul li a.active {
    background:#2F88EF;
    color:#FFF;
}
.internal_page_filter ul li a i {
    margin:8px;

}

.policy_section {

}
.policy_section .tabcontent {
    display: block;
    background:#FFF;
    padding:0px 47px 33px;
    margin:0;
    border:solid thin #f4f4f4;
    border-radius:3px;
    color:#333;
    cursor: pointer;
}
.policy_section .tabcontent .heading {
   margin-left:-47px; 
   border-bottom:solid thin #f4f4f4;
   width: calc(100% + 94px);
   padding:0 47px;

}
.policy_section .tabcontent .heading h3 i {
    background:#2F88EF;
    width:40px;
    display:inline-block;
    text-align: center;
    color:#FFF;
    border-radius:50%;
    font-size:14px;
    line-height:32px;
    border:solid 4px #70adf4;
    padding:0;
}
.policy_section .tabcontent .heading h3 {
    display: flex;
}
.policy_section .tabcontent .heading h3 a {
    font-size: 27px;
    margin-left:26px;
    line-height:40px;
}
.policy_section h2 {
    font-size:24px;
}


/*trade*/
.bath_giant_trade_section {

}
.bath_giant_trade_section .right_img {
    background-size: cover!important;
}
.becometrade_content {
    padding:124px 0;
}
.trade_intro {
    padding:20px 32px;
}
.becometrade {
    display: flex;
}







@media (min-width: 320px) and (max-width: 991px) {

    #masthead,
    .tophead {
/*        zoom:80%;*/
    }

    .tophead ul#t_menu {
        text-align: center;
    }

    .tophead .row > div {
        padding-left:0;
        padding-right:0;
    }

    .righticons {
        z-index:100;
    }

    #page_nav .megamenu {
        padding:0px;
    }

    .megamenu h3.sticky {
        position: fixed;
        top: 0;
        z-index: 100;
        background: #FFF;
        width: auto;
        padding: 0 0 22px 15px;
        width: 60%;
        left: 0;
    }

    #searchproducts {
        max-width:85%;
    }

    #masthead {
        padding:12px 0;
    }
    .righticons {
        padding:4px 0;
    }
    .search_bar {
        margin:0px 0;
        right:-15px;
    }
    .righticons {
        text-align: center;
    }
    .righticons a .fas, .righticons a .far {
        margin:0;
    }
    .logo img {
        height:43px;
        max-width:auto;
        width:auto;
    }

    .mob_nav {
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .home .bubble_wrap,
    .bubble_wrap {
        width:90vw;
        height:90vw;
        left:-10px;
        bottom:-30px;
        margin-top:20vh;
        margin-bottom:calc(5vh + 30px);
    }
    .shop_cat,
    .right_cats {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }


    #main_products li {
        box-shadow: 0 0 3px #ccc;
        background: #fff;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        margin:8px;
        width:calc(100% - 20px);
        display:block;
        float:left;
        position: relative;
    }

    .search_bar.opacity_zero,.logo.opacity_zero {
        opacity:0;
        transition: all ease 0.2s;
    }

    .opacity_zero {
        background-color:transparent!important;
        transition: all ease 0.2s;
    }



}







/*single post*/
.contact_group h3.widget_title {
    font-size:24px;
}




.form label {

}
.form input[type="text"],.form input[type="password"] {
    border:solid 1px #ddd;
    width:100%;
    display:block;
    padding:0 12px;
    line-height:35px;
    border-radius:3px;
}
.form input[type="submit"] {
    border:solid 1px #FFF;
    width:100%;
    display:block;
    padding:0 12px;
    line-height:35px;
    border-radius: 35px;
    background:var(--red);
    color:#FFF;
}

.pop {
    display:none;
}
.pop .actions {
    position: relative;
}
.pop .fa-times {
    background:#D11D1C;
    color:#FFF;
    position:absolute;
    left:-12px;
    top:-12px;
    z-index:2001;
    width:35px;
    line-height:35px;
    text-align: center;
    border-radius:50%;
    cursor: pointer;
}
.pop.show {
    display:block;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#333;
    padding:64px;
    z-index:2000;
}
#result {
    background:#FFF;
    border-radius: 35px;
    position: relative;
/*    min-height:70vh;*/
    overflow:hidden;
    padding:32px;
    box-shadow: 0 0 3px #000;
}
#result .onsale {
    width:300px;
    margin-left:-50px;
}
#result .woocommerce-product-gallery {

}
#result .product {
    display:flex;
    border:none;
    box-shadow: none;
}
#result .image_wrapper {
    border : solid thin #DDD;
    background-size: cover !important;
    background-position: 50% 50% !important;
}


.bestsellers .owl-item .col-md-12,
.best_sellers .owl-item .col-md-12,
.featured_products .owl-item .col-md-12 {
    padding:0!important;
}

.featured_products .owl-stage-outer,
.featured_products .owl-stage-outer {
    padding:10px;
}

.owl-item h2.woocommerce-loop-product__title,
#main_products h2.woocommerce-loop-product__title {
    padding:0 20px !important;
    text-align: left!important;
    color:#333!important;
    margin-top:0!important;
}

.owl-item .vatprice,
#main_products .vatprice {
     padding:20px 20px 10px!important;
     text-align: left;
}

#main_products .product_btns {

}


.view_all {
    color:#403F3F;
    font-size:14px;
    padding:20px 0;
    overflow:hidden;
}
.view_all img {
    fill:#403F3F;
    margin-right:12px;
    max-width:35px;
    height:auto;

}


.btn-group a {
    color:#FFF;
}

.btn-group:hover a {
    color:#FFF;
}




.related .trade_price {
    padding:12px 20px 0!important;
    margin:0!important;
    font-size:14px!important;
}

.related .sku {
    padding:0 20px!important;
    margin:0!important;
}


body[data-type="trade_customer"] .woocommerce-page #payment #place_order {
    background: #b31f24 !important;
    padding: 15px 50px;
    margin-top: 20px;
	border-radius: 8px;
}

.woocommerce-page #payment #place_order {
    background: #4b86c8 !important;
    padding: 15px 50px;
    margin-top: 20px;
		border-radius: 8px;
}



@media (max-width: 724px) {
    #mobilemenu {
        border-radius: 5px !important;
        display: none;
        position: absolute;
        background: #fff;
        left: 0;
        padding: 20px 0 50px;
        width: 100%;
        z-index: 999;
        height: 100vh;
				background: #4b86c8;
        margin-top: 3px;
				overflow-y: auto;
    }
	
	body[data-type="trade_customer"]  #mobilemenu {
		background: #b31f24 !important;
}
	
	
	#mobilemenu .oct-span-selector{
		color: white;
		font-size: 16px;
		font-weight: 600;
		padding: 15px 25px;
		border-top: 2px solid white;
		border-bottom: 2px solid white;
		
		width: 100%;
/* 		margin-bottom: 50px !important; */
		display: block;
	}

	
	#mobilemenu a{
		color: white;
	}
	
/* Make the parent li full width */
	#mobilemenu ul.mobilemega > li a{
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
		color: white;
	}
	
	#mobilemenu ul.mobilemega > li  div div ul li a{
    width: 100%;
    display: block;
    border-bottom: 1px solid #eee;
		color: white;
		
		padding-left: 45px !important;
	}
	
		body[data-type="trade_customer"] #mobilemenu ul.mobilemega .sub-menu a{
			color: #b31f24 !important;
	}
	
	
	
	#inner-mobile-bathrooms{
		display: none;	
	}
	
	#mobilemenu .sub-menu, #mobiemenu ul li div{
		display: none;
	}
	
/* 	main big close */




/* October 2025 */

.news span {
    color: #4b86c8;
}


.home .bubble_wrap{
	background: none;
	border: none;
}

.home .bubble_wrap h4, 
.home .bubble_wrap h1, 
.home .bubble_wrap strong{
	
	color: white !important;
}

.logout{
	margin-left: 20px;
}

.home .bubble{
	max-width: 100%;
	margin: 0;
}

.branches ul li a{
	width: 100% !important;
	min-width: 165px;
}

.faqs_section .faq_row h4 i{
	padding: 3px;
	font-size: 16px;
}

body[data-type="trade_customer"] .bubble_wrap{
	background: none !important;
	border: none !important;
}

.underlay:before{
	display: none;
}

.page-template-page-home-php .underlay{
	padding: 0 !important;
}

.underlay {
    padding: 80px 0 50px;
}


@media (min-width: 320px) and (max-width: 991px) {
    .page-template-page-home-php .bubble_wrap, .bubble_wrap {
        width: 90vw;
        height: 60vw;
        left: 10px;
        bottom: 50px;
        margin-top: 0vh;
        margin-bottom: 0px;
    }
	
	.page-template-page-home-php .banner_item{
		background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
	}
}
	
	.bath_giant_brandvalues, .bath_giant_cat{
		padding: 35px 0;
	}
	
	.page-template-page-about .page_content{
		padding: 35px 0;
	}
	
	.shop_products .col-md-6, .news .col-md-6, 	.page-template-page-about  .right_cats .col-md-6{
		display: inline-block;
		width: 49%;
	}
	
	.owl-carousel .product {
    width: 90%;
    margin: auto;
}
	
	.ti-reviews-container-wrapper{
		width: 90% !important;
    margin: auto !important;
	}
	
	.faqs_section .faq_row h4 {
    font-weight: 500;
/*     font-family: poppins, sans-serif; */
/*     cursor: pointer; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	}
	
	.faq_group .section_header{
		padding: 35px 0;
	}
	
	.faqs_section .tabs {
    margin-bottom: 35px;
	}
	
	.faq_group{
		padding-bottom: 35px;
	}
	
	.page-template-page-contact-php h3{
		margin-top: 50px;
	}

.branch-template-default h3{
		margin-top: 70px;
	}


}

@media (max-width: 724px) {
  #mobilemenu ul.mobilemega > li .brands-grid .brand-item a {
    border: none !important;
  }
	
		.b_directions_footer{
	display: inline-block !important;
			margin-bottom: 25px;
	background: #4b86c8 !important;
	display: inline-block;
    color: #fff;
    
    padding: 10px 20px;
    border-radius: 100px;
	}
	
	.search_bar .fas{
		display: none !important;
	}
}


.footer-wrap .b_directions_footer{
	display: none;
}

body .frm_submit button.frm_button_submit {
	    display: inline-block !important;
    color: #fff !important;
    background: #333 !important;
    padding: 10px 20px !important;
    border-radius: 100px !important;
		border: none;
	transition-duration: 0.5s;
}

body .frm_submit button.frm_button_submit {
	background: #4b86c8;
}

body[data-type="trade_customer"] .frm_submit button.frm_button_submit{
	background: #b31f24 !important;
}

@media (min-width: 320px) and (max-width: 991px) {
    .shop_cat, .right_cats {
         padding-left: 15px !important; 
         padding-right: 15px !important; 
    }
	
	  .product-name{
        display: flex !important;
				text-align: left !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
	
	
	.woocommerce table.shop_table td small{
		text-align: left !important;
	}
}
	
	.trade_text a:last-of-type, .trade_foot a:last-of-type{
		float: right;
		border: 2px solid #d11d1c;
	}

	.trade_text a:last-of-type:hover, .trade_foot a:last-of-type:hover{
		color: #d11d1c;
	}
	
	.become{
		width: 100%;
	}
	
	@media (max-width: 724px) {
    .woocommerce .quantity .qty {
        width: auto !important;
    }
}
}


/* Shop by Category */
.hp-featured-cats-category-carousel-item{
	
}

.hp-featured-cats-category-carousel-item img{
	width: 90% !important;
/* 	margin: auto; */
	height: 200px;
	object-fit: cover;
	padding: 0 20px 0 0;
}


.hp-featured-cats-category-carousel-item a:after{
	display: none;
}

.hp-featured-cats-category-carousel-item h3{
	margin: 0 !important;
}

.hp-featured-cats-category-carousel-item h3 a{
	margin: 0 !important;
}

/* Plus on Hover */
.add-to-quote-plus-on-hover{
	position: absolute;
	left: 45%;
	top: 125px;
	font-size: 25px;
	z-index: 200;
	transition-duration: 0.5s;
/* 	display: none; */
/* 	visibility: hidden; */
	opacity: 0;
}

.add-to-quote-plus-on-hover:before{
	content: "";
	background: white;
	border-radius: 50%;
	height: 35px;
	width: 35px;
/* 	padding: 50px; */
	position: absolute;
	z-index: -1;
	left: -2px;
}

li.product:hover .add-to-quote-plus-on-hover{
/* 	display: block; */
/* 	visibility: visible; */
	opacity: 1;
}

/* .home li.product .button{
	display: none !important;
} */


/* Launch Day... */
body[data-type="trade_customer"].woocommerce-cart .select_option{
	background: #b31f24 !important;
	color: white !important;
}


body[data-type="trade_customer"] .product-thumbnail:hover::after{
	background: rgba(179, 31, 36, 0.05) !important;
}


body[data-type="trade_customer"] .add-to-quote-plus-on-hover{
	color: #b31f24 !important;
}



@media (min-width: 600px) and (max-width: 1024px) {
	.branch-template-default .col-sm-8{
		margin-top: 50px;
	}
	
	
}


@media  (max-width: 850px) {
	
	
	.clear-filters-btn{
		    display: inline-block;
    	margin: 50px 0 0 0 !important;
	}
	
	.prices .amount bdi{
		font-size: 18px !important;
	}
	
	.prices small{
		font-size: 16px !important;
	}
	
/* 	.woocommerce-ordering {

    top: -100px;
	} */
	
	.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{
		text-align: left !important;
	}
	
	.product-thumbnail{
		display: flex !important;
		margin: 0 !important;
		min-height: auto !important;
	}
	
	.product-thumbnail img{
		float: left;
		width: 200px !important;
		height: 200px !important;
		object-fit: cover;
	}
	
	.product-thumbnail:before{
		display: none !important;
	}
	
	.product-quantity{
		display: flex !important;
		flex-direction: row !important;
		
		align-items: center;
        justify-content: space-between;
	}
}


#main_products_returned h3{
	font-size: 16px !important;
	
}

.clear-filters-btn{
	margin-left: 185px;
}

body[data-type="trade_customer"] .clear-filters-btn{
	color: #b31f24 !important;
}



/* Footer Trade Logos */
.plain_flogo{
	
}

.trade_flogo{
	display: none;
}

body[data-type="trade_customer"] .trade_flogo{
	display: block;
}

body[data-type="trade_customer"] .plain_flogo{
	display: none;
}


/* Updating Btn Icon */
div.product form.cart .button:after{
	content: '\2b' !important;
	right: -10px !important;
}

body[data-type="trade_customer"] div.product form.cart .button:after{
	 background: #b31f24 !important;
}

/* Testing Mobile */
@media (max-width: 724px) {
	.trade_banner{
		background: none !important;
	}
	
	.trade_banner h3{
		margin-top: 60px;
	}
	
	.trade_foot form{
		margin-top: 60px;
		width: 100%;
	}
	
	
	.owl-carousel.categories a{
		display: none;
	}
	
	.owl-carousel.categories{
		width: auto !important;
		margin-top: 30px;
	}
	
	.quick_buttons ul li a .fas, .quick_buttons ul li a .far{
		  width: 26px;
    	height: 26px;
    	line-height: 26px;
			margin-right: 10px;
	}
	
	.quick_buttons ul li a{
		padding: 24px;
	}
	
	.input-group .form-control:not(:first-child):not(:last-child){
		width: 73px !important;
	}
	
}

/* Lead Times */
.brand-single-content{
/* 	display: flex; */
}

.leadtimes-content{
	background: #E2EEFA !important;
	padding: 12px 26px;
	border-radius: 25px;
	margin-top: 10px !important;
	
/* 	max-width: 150px; */
}

.leadtimes-content p{
	padding: 0; margin: 0 auto;
	display: inline-block;
}

/* Testing Trade */
body[data-type="trade_customer"] .woocommerce-info{
	border-top-color: #b31f24 !important;
}

body[data-type="trade_customer"]  .shipping-calculator-button{
	color: #b31f24 !important;
}

body[data-type="trade_customer"] #customer_details .col-1{
	border-top-color: #b31f24 !important;
}

.view_all:hover{
		color: #b31f24 !important;
}

body[data-type="trade_customer"] #customer_details .col-2{
	border-top-color: #b31f24 !important;
}

body[data-type="trade_customer"] .store-collection-info a{
	color: #b31f24 !important;
}




body[data-type="trade_customer"]  a.checkout-button{
    background: #b31f24 !important;
}

body[data-type="trade_customer"]  .single_add_to_cart_button{
	background: #b31f24 !important;
}

body[data-type="trade_customer"]  .wc-backward:hover{
	background: #b31f24 !important;
}

body[data-type="trade_customer"] .woocommerce-info:before{
	color: #b31f24 !important;
}

body[data-type="trade_customer"] .b_email a{
	color: #B31F24;
}

body[data-type="trade_customer"] .b_directions {
	background-color: #B31F24 !important;
}

body[data-type="trade_customer"] a.branch_dropdown .fa {
	color: #B31F24 !important;
}

body[data-type="trade_customer"] .col-md-push-1 .b_address{
	padding-bottom: 20px !important;
}



body[data-type="trade_customer"] .footer-links h5 {
	color: #b31f24 !important;
}

body[data-type="trade_customer"] a.add_to_wishlist.button:hover{
	background:#4B86C810 !important;
	color: #b31f24 !important;
}

body[data-type="trade_customer"] .grandchild-menu ul li a {
    color: #b31f24 !important;
    
}

body[data-type="trade_customer"] div.product form.cart .quantity{
	background: #b31f2459 !important;
}


body[data-type="trade_customer"] form.cart .minus{
	background: transparent !important;
}

body[data-type="trade_customer"] form.cart .plus{
	background:  transparent  !important;
}

body[data-type="trade_customer"] form.cart input[type="number"] {
	background:  transparent  !important;
}

body[data-type="trade_customer"] .grandchild-menu ul li a li a{
    color: #222 !important;
    
}

body[data-type="trade_customer"] .black-band{
	border-top: solid 1px #b31f24;
}

body[data-type="trade_customer"] .bubble a{
	background-color: #b31f24;
	color: #fff !important;
}


body[data-type="trade_customer"] .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
	background: #b31f24 !important;
}


body[data-type="trade_customer"] .prices bdi{
	color: #b31f24 !important;
}

/* body[data-type="trade_customer"] a{
	color: #b31f24 !important;
} */

body[data-type="trade_customer"] .subscribe input[type="submit"] {
	background: #b31f24 !important;
	border: 1px solid #b31f24 !important;
}

body[data-type="trade_customer"]  .socials .fab:hover{
	background: #b31f24 !important;
}

body[data-type="trade_customer"] .shop_cat h2 span{
	color: #b31f24 !important;
}

body[data-type="trade_customer"] .owl-carousel.categories a{
	color: #b31f24 !important;
}

body[data-type="trade_customer"] .shop_cat a {
	background-color: #b31f24 !important;
}

body[data-type="trade_customer"] .badge {
	background-color: #b31f24 !important;
}

@media (min-width:990px){
 body[data-type="trade_customer"] .add_to_wishlist.single_add_to_wishlist.button{
/* 	color: #b31f24 !important; */
}
}




body[data-type="trade_customer"] li.product .button{
		background-color: #b31f24 !important;
	color: white !important;
}


body[data-type="trade_customer"]  .home .add-to-quote{
		color: #b31f24 !important;
}


/* End of testing trade colours */

#mobilemenu{
	display: none;
}


@media (min-width: 750px) {
    #mobilemenu {
			display: none !important;
			visibility: none;
	}
	
}

	
	#mobile-bathrooms .inner-mobile-bathrooms, #mobile-plumbing .inner-mobile-plumbing, #mobile-walls .inner-mobile-walls, #mobile-brands .inner-mobile-brands{
		display: none;
	}
	
	#mobilemenu .sub-menu{
		background-color: white;
		list-style-type: none;
	}
	
	
	#mobilemenu .sub-menu li a{
		color: #4b86c8 !important;
		border-bottom: 1px solid #4b86c8;
		padding-left: 25px !important;
	}


/* Style links and inner sub-menus */
#mobilemenu ul.mobilemega a {
    display: block;
    padding: 1rem;
    color: #000;
    text-decoration: none;
}

	/* Optional: indent sub-menu items */
	#mobilemenu ul.mobilemega .sub-menu {
			padding-left: 1rem;
			background-color: #f9f9f9;
	}
	
	#menuToggle i{
		cursor: pointer;
	}
}


.single .yith-wcwl-wishlistexistsbrowse{
	padding:0 10px;
	margin-top:-15px;
	overflow:hidden;
}


#product-icons svg{
	display:none !important;
}

body .mega li a:hover{
	background:#11111150;
}

body .mega li.active a:hover{
	background:#11111160;
}


/* Updating the trade dashboard */

.bubble p{
	color: #000;
}

.bubble ul{
	list-style: none;
}

.bubble li{
	color: #000;
	font-size: 18px;
	margin-bottom: 20px;
}

.bubble li::before {
	content: "\f00c"; /* correct Unicode for the checkmark */
	font-family: "Font Awesome 5 Free"; /* or "Font Awesome 6 Free" if using FA6 */
	font-weight: 900; /* required for solid icons */
	color: white;
	position: absolute;
	left: 50px;
	background-color: #de2423;
	height: 25px;
	width: 25px;
	border-radius: 50px;
	text-align: center;
	line-height: 25px;
	font-size: 15px;
}


/* Updating trade menu */
body[data-type="trade_customer"] .bubble_wrap {
/*     border: solid 12px #D11D1C;
    background: white !important; */
	
	
}

body[data-type="trade_customer"] .bubble_wrap h4{
	color: white !important;
}

body[data-type="trade_customer"] .bubble_wrap h4 strong{
	color: white !important;
}

body[data-type="trade_customer"] .bubble_wrap h1{
	color: white !important;
}

body[data-type="trade_customer"] .bubble a {
    background-color: #D11D1C;
    color: #fff !important;
}

#trade_products_returned .amount bdi{
		color: #D11D1C;
}

#trade_products_returned a div{
		color: #D11D1C;
}



/* Mega Menu */
.show-last-of-type.megamenu h3{
	visibility: visible !important;
}


/* Icons in Header */
#page_nav .megamenu .icon {
    width: 34px;
    height: 34px;
    padding: 0px;
    background-size: 50% 50% !important;
    border-radius: 50%;
    overflow: hidden;
    border: solid 1px #ddd;
    margin-right: 12px;
    background-repeat: no-repeat !important;
    background-position: center !important;
	
}

/* Category Listing */

h2 mark{
	background-color: transparent;
}

.woocommerce .product-category{
	height: 300px;
}

.product-category a{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
	
	text-align: center;
}

.woocommerce .product-category img{
	height: 250px !important;
	width: 100% !important;
	object-fit: cover;
}


/* .li{
	color: green !important;
}
 */

/* Search */
.search_bar .product_btns{
	display: none;
}

.exc_vat .vatprice{
	display: block;
	width: 100%;
	text-align: left;
}

/* Branches Page */

.b_directions{
	background: #4b86c8 !important;
}

.branch-template-default  .b_directions{
	margin-top: -65px;
    position: absolute;
}


.single-branch-showcase{
	margin: auto;
	text-align: center;
}

.frm_fields_container div{
	margin: 3px 0 !important;
}



#ship-to-different-address{
	margin-left:20px;
}

.woocommerce-MyAccount-navigation-link--edit-address{
	display:none !important;
}

.quick_buttons ul li a{
	background:#fff;
}

.woocommerce-grouped-product-list-item__quantity{
	display:none
}


.single_add_to_cart_button{
	border-radius:100px !important;
}

.woocommerce div.product form.cart{
	padding-top:10px;
}

.wishlist-title-container,
.yith_wcwl_wishlist_footer{
display:none;	
}

.with_frm_style input[type="text"], .with_frm_style input[type="password"], .with_frm_style input[type="email"], .with_frm_style input[type="number"], .with_frm_style input[type="url"], .with_frm_style input[type="tel"], .with_frm_style input[type="file"], .with_frm_style input[type="search"], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement{
	box-shadow:none;
}

.frm_submit{
	text-align:right;
}

body .frm_submit button.frm_button_submit{
/* 	background:#333 !important; */
/* 	border-color:#333 !important; */
	border-radius:100px !important;
}

body textarea{
		box-shadow:none !important;
}

td.product-add-to-cart a{
	padding:10px 20px;
	border-radius:100px;
}

/* Ryan */
.megamenu:last-of-type h3{
	visibility:hidden;
}

.bgimage .cta{
	padding:30px 30px 40px !important;
}

body .bgimage:before{
	top:45% !important;
}

.cta_articles{
	padding:10px 20px;
	background:#4B86C8;
	color:#fff;
	margin-top:10px;
	border-radius:100px;
}

.cta h4{
	font-weight:500;
	font-family:jubilat, sans-serif;
	text-transform:none;
	font-size:24px;
	margin-bottom:30px;
}

.cta a{
	background:#333;
}

.related{
	padding-bottom:50px;
	padding-top:0;
}

.woocommerce-LoopProduct-link .amount{
	
}

.prices{
	padding:20px 20px 10px;
}

.single .prices{
	color:#4B86C8;
	padding:0;
	font-size:20px;
	position:relative;
	top:-20px;
}

.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label{
	padding-left:0;
}

.group_table{
	margin-bottom:20px;
	width:100%;
}

.grouped_form{
	width:100%;
	display:block;
}

.group_table:before{
	content:"This Product Contains:";
	display:block;
	display: block;
margin:0 0 16px;
color: #CCC;
font-size: 18px;
}

.product-thumbnail {
  background-size: contain !important;
	margin:10px;
  background-repeat: no-repeat;
}

.woocommerce-page.tax-product_cat #masthead{
	background:#4b86c8;
}



#masthead .col-md-2:last-child{
float:right;
}

.woocommerce-ordering select{
	top:0;
	margin-bottom:0;
	margin-top:20px;
}

.archive-container{
	padding-top:80px;
	padding-bottom:60px;
}

#primary-sidebar{
	box-shadow:0 0 3px #ccc;
	border-radius:5px;
}

#primary-sidebar h2{
	font-size:18px;
	font-weight:500;
	background:#4B86C8;
	margin:0;
	padding:15px 25px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	color:#fff;
}

.product-categories{
	padding:20px 25px;
}

.product-categories li a{
	padding:4px 0;
	display:inline-block;
}

.product-categories li:first-child{
	border-top:none;
}

.product-categories li,
.product-categories li li:first-child,
.product-categories li li li:first-child{
	border-top:solid 1px #eee;
}

#primary-sidebar ul{
	list-style:none;
}

.children li{
	margin-left:25px;
}

.switch{
	top:-3px;
}

.woocommerce ul.products li.product .button{
	display:block;
}

li.product h2{
	text-align:left;
}

/* Removed and added in the colour swatches and image instead */
#primary-sidebar > div > ul > li :before {
/* 	content:"\f00c";
	font-family:FontAwesome;
	width:18px;
	height:18px;
	top:-3px;
	border-radius:100px;
	margin-right:7px;
	line-height:19px;
	font-size:10px;
	text-align:center;
	display:inline-block;
	background:#eee;
	color:#aaa; */
}

#primary-sidebar ul li.cat-parent:before{
	color:#fff;
	background:#4B86C8;
}

span.count{
	display:none;
}

#primary-sidebar li .children li:before,
.product-categories li .children li:before{
	display:none;
}



.cat-item-1329{
	display:none;
}



/* Bundled Products */

.bundled_product_images{
	display:none;
}



.bundled_product_title{
	margin-bottom:0 !important;
}

div.bundled_product_summary:not(.thumbnail_hidden) .details{
	width:100% !important;
	padding-left:0 !important;
}

.bundled_product{
	padding-bottom:12px !important;
	margin-bottom:12px !important;
}

.item_title{
	font-size:15px;
		text-transform:none !important
}

#main_products_returned {
	max-height:calc(50vh + 50px);
	overflow:scroll;
}
#main_products_returned
.button {
	width:100%;
	margin:0 0 12px;
}
#main_products_returned li {
	border-bottom:solid thin #DDD;
	display:flex;
	border-radius:0;
}
#main_products_returned li:last-of-type {
	border-bottom:none;
}


body[data-type="trade_customer"] .all {
	margin:0 0!important;
}
body[data-type="trade_customer"] .filtertoggle_mega_menu {
	margin-bottom:8px!important
}

.woocommerce-widget-layered-nav-list {
	padding:20px 25px!important
}
#primary-sidebar > div {
	margin-bottom:-5px;
}


.product-category img {
	display:none!important;
}
.product-category {
	width:33%!important;
	height:unset!important;
	margin:0 0 32px!important;
	
}
.product-category h2 {
	line-height:45px;
}

.branch-template-default .b_directions{
	margin:0;
}

#page_nav{
	padding:20px 0 60px;
}

.menu-parent{
	margin-top:25px;
	padding:5px 0;
}

.menu-parent a{

color:#222;
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
	font-family:quasimoda, sans-serif;
}

.menu-child  a{
	color:#222;
	opacity:0.5;
	display:block;
	padding:6px 0;
}

.menu-grandchild  a {
    color: #222;
    opacity: 0.5;
    display: block;
    padding: 6px 0 6px 15px;
}

.menu-child  a:after{
	content:"\f054";
	float:right;
	font-size:12px;
	top:2px;
	opacity:0.5;
	right:5px;
	position:relative;
	font-family:FontAwesome;
}

.menu-grandchild  a:after{
	content:"\f054";
	float:right;
	font-size:12px;
	top:2px;
	opacity:0.5;
	right:5px;
	position:relative;
	font-family:FontAwesome;
}

.menu-child  a:hover{
	opacity:1;
}

.bimage{
	border:solid 2px #eee;
	display:inline-block;
	padding:4px;
	border-radius:100px;
	margin-right:10px;
}

.bimage img{
	height:18px !important;
	width:22px !important;
	object-fit:contain !important;
}

#primary-sidebar{
	box-shadow:none;
}

#primary-sidebar > div{
	margin-bottom:30px;
	clear:both;
	border-radius:6px;
	box-shadow:0 0 3px #ccc;
	overflow:hidden;
}

#primary-sidebar > div > ul > li.chosen ::before {
	color:#222;
}

.product_btns{
	display:none;
}

li.product .button:hover{
	color:#fff;
}

li.product .button{
	margin-top:20px !important;
}

.post-item{
	background:#222 !important;
}

.post-item .shadow{
	position:relative;
	height:340px;
}

.badge{
	margin-bottom:10px;
}

.post-item .content{
	position:absolute;
	bottom:30px;
	padding-right:30px;
}

.post-item h3{
	line-height:0.9 !important;
}

.post-item h3 a{
	font-size:18px;
}

.post-item time{
	color:#fff;
	opacity:0.7;
}

.post-item span{
	padding-top:0;
}

.logo img{
	top:-7px;
	position:relative;
}

.mega{
	list-style-type:none;
	display:block;
	padding:10px 15px 0;
/* 	display: none; */
}

#masthead{
	padding-bottom:0;
	border-bottom:none;
}

.mega li{
	float:left;
	width:25%
}

.mega li a{
	display:block;
	background:#11111120;
	color:#fff;
	padding:12px 20px;
	
font-family:jubilat, sans-serif;
	margin-right:6px;
	border-radius:5px 5px 0 0;
}


.mega li a:after{
	content:"\f054";
	float:right;
	font-size:13px;
	position:relative;
	top:2px;
	right:-2px;
	font-family:FontAwesome;
}

.mega li.active a{
	background:#4B86C8;
	color:#fff;
}



/* */
.black-band{
	background:#4B86C8;
	padding-left:30px;
	border-top:solid 1px #4b86c890;
	position:relative;
	top:-1px;
}

.black-band ul{
	list-style-type:none;
	margin:0;
}


.black-band ul li{
	float:left;
	padding:0;
}

.black-band ul li a{
	color:#fff;
	font-family:jubilat, sans-serif;
	font-weight:400;
	display:block;
	padding:15px 18px;
}



/* div.basins{
	padding:30px 0 10px;
	background:#fff;
}

.basins ul{
	list-style:none;
}

.basins ul li{
	font-weight:600;
}

.basins ul li a{
	display:block;
	border-bottom:solid 1px #ccc;
	color:#2f88ef;
	padding:6px 0;
}

.basins li ul li{
	font-weight:400;
}

.basins li ul{
	padding-bottom:20px;
}

.basins li ul li a{
	border-bottom:none;
	color:#222;
} */


div.grandchild-menu {
    padding: 30px 0 10px;
    background: #fff;
}

.grandchild-menu ul {
    list-style: none;
}

.grandchild-menu ul li {
    font-weight: 600;
}

.grandchild-menu ul li a {
    display: block;
    border-bottom: solid 1px #ccc;
    color: #4B86C8;
    padding: 6px 0;
}

.grandchild-menu li ul li {
    font-weight: 400;
}

.grandchild-menu li ul {
    padding-bottom: 20px;
}

.grandchild-menu li ul li a {
    border-bottom: none;
    color: #222;
}




a,
a:hover,
a:focus{
	outline:none;
	-moz-outline:none;
}

.toplevel li{
	border-right:solid 1px rgb(255,255,255,0.2);
}



.trust_factors{
	display:none;
}

.woocommerce-page.tax-product_cat #masthead{
	position:relative;
}

.archive-container{
	padding-top:40px;
}

.navi{
	display:none;
}



.desc ul{
	padding-left:0px;
	list-style-type:none;
}



.desc ul li:last-child{
	display:none;
}

.blue{
	color:#4686c8;
}

.bubble a{
	display:inline-block;
	background:var(--red);
}

.bubble a:hover{
	color:#fff;
	background:#222;
}

body li a.add_to_wishlist.button{
	background:none !important;
	color:#222 !important;
	border:solid 1px #22222220;
	width:calc(100% - 40px);
	border-radius:3px;
	position:relative;
	top:-5px;
}

body a.add_to_wishlist.button:hover{
	background:#4B86C810 !important;
}


.woocommerce-widget-layered-nav-list a{
	color:#222;
}

.woocommerce-widget-layered-nav-list a{
	position:relative;

	padding-left:25px !important;
}


.woocommerce-widget-layered-nav-list a{
	padding:8px 28px !important;
	display:block;
}

.woocommerce-widget-layered-nav-list a span,
.woocommerce-widget-layered-nav-list a img{
	width:30px !important;
	left:-10px;
	height:30px !important;
	position:absolute !important;
	position:relative;
	top:5px;
	border:solid 1px #ddd;
	border-radius:4px !important;
}

.product-thumbnail{
	position:relative;	
}

.product-thumbnail,
.product-thumbnail:hover,
.product-thumbnail:after{
	transition:0.3s;
}

.product-thumbnail:hover:after{
	width:100%;
	height:100%;
	content:"";
	background:#4B86C810;
	display:block;
	position:absolute;
	top:0;
}
.black-band ul li a:hover{
	background:#ffffff10;
}





.black-band ul li.open a, .black-band ul li.open a:hover{
	background:#e8f0f8;
	color:#222 !important;
}


.trade_login{
	background:#B31F24;
}


@media (max-width:1200px){
	.black-band ul li a{
		padding:15px 13px !important;
	}
}

@media (max-width:990px){
	
	.mega{
		background:#4b86c8 !important;
		margin-top:3px
	}
	
	#menuToggle i{
		color:#fff;
		font-size:26px;
	}
}


@media (min-width:724px) and (max-width:990px){
	.container{
		width:auto;
	}

	.search_bar{
		width:calc(100% - 15%);
	}
	
	.logo img{
		height:60px;
	}
	
	#masthead{
		height:75px;
	}
	
	.mega li a{
		font-size:13px;
	}
	
	.mega li a:after,
	.black-band,
	.toplevel,
	.mega{
		display:none !important;
	}
}

.related.products span.sku{
	display: none !important;
}

@media (max-width:724px){
	#page_nav{
		padding:0;
	}
	#masthead{
		height:75px;
	}
	.tophead{
	display:none;
}
	
	.inside_products .ajax_add_to_cart{
		padding: 10px 0 !important;
	}
	
	.inside_products li.product, .related.products .product.type-product {
		width: 50% !important;
	}
	
	.mega{
		border-radius:5px !important;
		display:none;
		position:absolute;
		background:#fff;
		left:0;
		padding:0;
		width:100%;
		z-index:1000;
		height:100vh;
	}

	
	.mega li{
		width:100%;
	}
	
	.mega li a{
		border-radius:0px;
		margin:0;
	}
	
	.summary{
		padding:70px 10px 0;
	}
	
	#result .sku, .woocommerce.single .product .sku{
		margin-top:0;
	}
	
	.single .owl-dots{
		display:none;
	}
	
	.woocommerce .quantity .qty{
/* 		width:40px !important; */
	}
	
	#result form.cart .button, .woocommerce div.product form.cart .button{
		float:right;
	}
	

	.toplevel,
	.black-band{
		display:none !important;
	}
	
	.logo img{
		height:54px ;
	}
	
	#page_nav	.col-md-3{
		padding-left:5px;
		padding-right:5px;
	}
}

.brand-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 40px 0;
}

.brand-item {
    text-align: center;
	padding:20px;
	background:#fff;
    border-radius: 5px;
    transition: transform 0.2s ease;
}

.brand-item h3{
	font-size:14px;
	margin-top:0;
	margin-bottom:0;
}

.brand-item img {
    height: 100px;
	object-fit:contain;
	width:80%;
    margin-bottom: 10px;
    border-radius: 5px;
}


.bubble_badge{
	display:none;
}

.bubble h1{
	color:#4b86c8;
}

/* New Header Styles */

#masthead{
	background:#4b86c8;
}

.mega li.active a,
.black-band{
	background:#11111160;
}

.search_bar{
	background:#fff;
	border:none;
	border-radius:5px;
}

.righticons a .fas, .righticons a .far{
	background:#fff;
}

.logo{
	margin-top:-20px;
}

.tophead{
	background:#fff;
}

.search_icon{
	display:none !important;
}

.logo img{
	max-width:128px;
	height:auto;
	padding:10px;
	background:#fff;
	border-radius:0 0 6px 6px;
}
.home_slide .owl-dots{
	bottom:50px;
	top:auto;
	right:25px;
}



.home_slide .owl-dot{
	width:15px;
	height:15px;
	display:block;
}

.o_filter:before{
	background:rgb(0,0,0,0.2);
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:fixed;
	z-index:1000;
}

.offscreen_filter{
	height:100vh;
	background:#fff;
	padding:10px;
	width:300px;
	box-shadow:0 0 5px rgb(0,0,0,0.2);
	overflow:auto;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}

.woocommerce-result-count{
	display:none;
}

#primary-sidebar > div{
	box-shadow:none !important;
}

#primary-sidebar h2{
	background:none;
	padding:10px 15px 0;
	color:#222;
}

.filter_btn{
	padding:10px 20px;
	border:solid 1px #22222250;
	display:inline-block;
	position:absolute;
	cursor:pointer;
	top:-10px;
}


.filter_btn i{
	margin-right:10px;
}

/* .bubble_wrap{
	border-color:#4b86c8;
} */

.header-cart-count{
	background:#355a83;
}



:root{
--red:#4b86c8;
}

.tile-calc{
	padding:25px 30px;
	background:#4b86c815;
	margin-top:25px;
	border-radius:5px;
}

.single.woocommerce .product .tile-calc h2{
	margin:0 0 5px;
	padding:0;
	font-weight:500;
	text-transform:none !important;
}

.tile-calc label{
	color:#355a83;
	margin-top:10px;
	width:100%;
}

.tile-calc input{
	width:100%;
	margin-top:6px;
	border-radius:3px;
	padding:7px;
	border:solid 1px #355a8350;
}

.single h5{
	font-size:18px;
	font-weight:500;
	text-transform:none;
	padding-top:15px;
	color:var(--red);
	font-family:jubilat, sans-serif;
}

.desc strong{
	color:#355a83;
}

#menuToggle::before {
	display:none;
	}

#menuToggle span{
	background:#fff;
}

@media (max-width:990px){
	.logo img{
		max-width:112px;
	}
}

@media (min-width:990px){
	
	.home  li.product{
		border-radius:10px !important;
		padding-bottom:10px !important;
	}
	
	.home li.product .button{
		width:auto;
		font-size:13px;
/* 		padding:9px 12px 11px; */
		font-weight:500;
/* 		display:none; */
		border-radius:100px;
		  font-family: jubilat, sans-serif;
	}
	
	.home  li.product .button.add_to_wishlist{
		text-align:left;
		display:none;
		left:110px;
		width:auto;
padding:9px 12px 11px;
		border:none;
		color:var(--red);
		font-size:13px;
		font-weight:500;
		background:#fff !important;
	}
	
/* 	.home  li.product:hover .button{
		display:block;
		position:absolute;
		top:53%;
	} */
	
	li.product .button.add_to_wishlist:hover{
		display:inline-block;
	}
	
}

.woocommerce ul.products li.product .button{
	border-radius:100px;
}



body[data-type="trade_customer"] 
.trade_text a:hover{
	color: #b31f24;	
}

body[data-type="trade_customer"] #masthead {
    background-color: #b31f24!important;
    color: #333;
}


/* Quick Pick */
.quickpick_outer_container{
	padding: 50px 0;
}


body, html{
	overflow-x: hidden;
}

.single .large-image, 
.single .gallery-item{
	background-size:contain !important;
}

#searchInput{
	padding:15px;
	border:solid 1px #ddd;
	border-bottom:solid 2px #b31f24; 
}

.formfilter i{
	top:18px !important;
	right:20px !important;
}

.submit_td button,
.submit_td button:hover{
	background:#b31f24 !important;
	color:#fff;
}

#main_products_returned .product_title.entry-title {
	font-size:18px!important;
	margin:0;
}

a.branch_dropdown .fa {
	color:#4b86c8!important;
}
.branch-template-default .b_directions {
	background:#4b86c8!important;
	margin-bottom:42px!important;
}

iframe {
	clear:both;
}



.woocommerce-loop-product__title {
/*   display: -webkit-box;
  -webkit-line-clamp: 3;       /* number of lines to show */ */
/*   -webkit-box-orient: vertical;
  overflow: hidden; */
/*   text-overflow: ellipsis; */
/* 	white-space:unset!important; */
	min-height:90px!important;
}


.prices bdi{
	font-weight:500;
	font-size:22px;
}

.woocommerce-loop-product__title{
	text-transform:none !important;
	font-weight:500;
	line-height:1.25;
	letter-spacing:0.2px;
}

.store-collection-info {
	padding: 15px;
	border-radius:5px;
	background:#e2eefa80;
}

.store-collection-info strong{
	font-weight:600;
}

.store-collection-info i{
	margin-right:5px;
}

.store-collection-info a{
	font-weight:600;
}



.with_frm_style select.frm_time_select {
	height:unset!important;
}


.added_to_cart {
	position:absolute;
	left:0;
	right:0;
	text-align:center;
	top:50%;
	font-weight:bold;
}