@import url(https://shared1.ad-lister.co.uk/Files/e02f2b73-fdc1-42d9-a1f8-e22a2195ce48/StoreBuilder/fonts/font-awesome.css?v=4.7.0);
@import url(https://shared1.ad-lister.co.uk/Files/e02f2b73-fdc1-42d9-a1f8-e22a2195ce48/StaticBuilder/templates/easter-spring/easter-spring.css);
@import url(https://shared1.ad-lister.co.uk/Files/e02f2b73-fdc1-42d9-a1f8-e22a2195ce48/StaticBuilder/listings.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Poppins|Montserrat);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(https://www.bathroomrepublic.co.uk/eBay/css/br-adl.css);

body {margin:0 !important; display:block; padding:0;}
#btn-kgimz:hover {color: #000000 !important; background-color:#ffffff !important}
#btn-febmo:hover {color: #000000 !important; background-color:#ffffff !important}
#sidebar {display:none;}
#wrapper .inside {width:100%;}
#wrapper {color:#333333; background-color:; background-image:none; background-repeat:null; background-size:null; background-position:left top}
#footer {width:960px; margin:0 auto;}
#footer.wide {width:100%;}
.block.wide .content {margin:0 auto; width:960px;}
#page {background-color:;}
#page h2 {color:undefined;}
#page h3 {color:undefined;}
#header {background-color:#ffffff; width:960px; background-image: none;}
#header h1.logo a span {color:#000000;}
#header h1.logo a:hover span {color:;}
#menu {background-color:#FFA3A1; margin:0 auto; width:960px;}
#menu ul.navigation {margin:0 auto; display:block;}
#menu.wide {width:100%;}
#menu ul li[data-nav="categories"] label,
#menu ul li label,
#menu ul li a {background-color:#FFA3A1; color:#000000}
#menu ul li[data-nav="categories"]:hover label,
#menu ul li:hover > label,
#menu ul li:hover > a {background-color:#D7F1F2}
#menu ul ul {background-color:#D7F1F2;}
#categories ul li a {color:#222222; background:#cccccc; border-color: #cccccc}
#categories ul li a:hover {color:#ffffff; background:#222222;}
#tab0:checked ~ .tabNames label[for=tab0],
#tab1:checked ~ .tabNames label[for=tab1],
#tab2:checked ~ .tabNames label[for=tab2],
#tab3:checked ~ .tabNames label[for=tab3],
#tab4:checked ~ .tabNames label[for=tab4],
#tab5:checked ~ .tabNames label[for=tab5] {background:#000000; color:#ffffff;}
#tabs .tabNames label {color:#000000; background-color:#D7F1F2; border-bottom-color:#ffffff; border-right-color:#ffffff}
#tabs .tabNames label:hover {color:#ffffff; background-color:#000000}
#tabs section {color: ; background-color:#ffffff;}
#tabs .content {border-color:#ffffff}
#slideshow {width:960px;}
#slideshow > .arrows label {box-shadow:inset 2px -2px 0 1px #000000}
#slideshow > .arrows label:hover {box-shadow:inset 3px -3px 0 2px #F58E7D}
#slideshow > .navigation label:after {background:#F58E7D}
#slideshow > .navigation label {background:#F8DEDA}
#slideshow ul {background:#ffffff;}
#slideshow ul {height:320px}
#slideshow ul li {height:100%}
#slideshow ul li img {width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
@media screen and (max-width: 1040px){
#slideshow > .arrows {padding:0; left:0; z-index:1;}
#slideshow > .arrows label,
#slideshow > .arrows label:hover {margin:0 15px}
}
@media screen and (max-width: 960px){
#footer,
#footer .inside,
#header,
#header .inside,
.block.wide .content,
#wrapper > .inside {width: 100% !important}
.show-menu {background:#FFA3A1; display:none; color: ;}
.show-menu {display:block;}
.show-menu:before {border-top: 4px solid ; border-bottom: 4px solid ; border-top: 4px solid ;}
.show-menu:after {background: ;}
#menu {display:none}
#menu ul li {float:none; width:100%; display:block;}
#menu ul li a {width:100%; display:block; padding:0 10px; display:block; line-height:40px; height:auto; text-align:left;}
#menu.wide ul.navigation {width:100%;}
#menu ul li[data-nav="categories"]:after {border-color: #000000 transparent transparent transparent;}
#slideshow > .arrows label:before {display:none}
#slideshow ul,
#slideshow ul li {height:auto !important}
#slideshow ul li img {position:relative}
#page h1.title span {font-size:18px;}
}
#footer {background:none; color:#ffffff;}
#footer a {color: !important;}
/*CustomCSS*/
#categories ul li a {
    color: #ffffff;
    background: #1d70b8;
    border: none;
}
#menu{
  background-color: #464646;
}
#menu ul li a {
    background-color: #464646;
    color: #ffffff;
  text-transform: none;
}
#menu ul li:hover > a {
    background-color: #2abba7;
}
@media screen and (max-width: 960px){
.show-menu {
    background: #464646;
}}
#btn-kgimz:hover {
    color: #ffffff !important;
    background-color: #2b0eaf !important;
}
#btn-kgimz {
    color: rgb(255, 255, 255);
    font-family: Montserrat;
    font-size: 20px;
    background: #0053a0;
    border: 1px solid #0053a0;
    border-radius: 46px;
    text-align: center;
    margin-bottom: 10px;
}
#tabs .tabNames label {
    color: #ffffff;
    background-color: #2abba7;
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
}
.block.bin-button{
 max-width: 300px;
}
.the-prices .block {
    margin: 0 15px auto 0px;
}
.center-flex {
display: flex;
justify-content: space-around;
}
#container{
max-width: 1240px;
margin: auto;
}
#menu ul li a{
padding: 0 19px;
font-weight: 600;
}
#menu ul{
    display: flex!important;
    justify-content: center;
    flex-wrap: wrap;
}
#related-items .product .prod{
    border: 1px solid lightgrey;
    border-radius: 5px;
    padding-bottom: 10px;
}
.product .prod .btn a {
    background: #2abba7!important;
}
.product .prod .btn a:hover {
    background: #2e2e2e !important;
    color: #fff!important;
}
#tab0:checked ~ .tabNames label[for=tab0], #tab1:checked ~ .tabNames label[for=tab1], #tab2:checked ~ .tabNames label[for=tab2], #tab3:checked ~ .tabNames label[for=tab3], #tab4:checked ~ .tabNames label[for=tab4], #tab5:checked ~ .tabNames label[for=tab5] {
    background: #2e2e2e;
    color: #ffffff;
}
.the-title{
text-transform: none;
}
.our-price > p , .our-price > p > strong{
  font-size: 35px;
  color: #ed1c1f;
}
#btn-febmo:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}
#related-items .product .prod:hover{
  border: 1px solid #626262;
  box-shadow: 0 4px 6px -6px #000;
}

.homepage-categories {
    max-width: 118px
}
.banner-style06 .cdz-banner .cdz-banner-desc{
  font: 500 12px/1.35 Montserrat, Helvetica Neue, Verdana, Arial, sans-serif;
}
.row-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-start;
    padding: 20px;
    margin: auto;
}
.cdz-banner img {
    max-width: 100%;
}
.banner-style06 .cdz-banner .cdz-banner-desc {
    box-sizing: border-box;
    text-align: center;
    bottom: -35px;
    left: 0;
    right: 0;
    background-color: #2abba7;
    color: #ffffff;
    font: 400 14px/1.35 Montserrat, Helvetica Neue, Verdana, Arial, sans-serif;
    opacity: 1.9;
    padding: 10px 0;
    box-shadow: inset 0px 2px 0px 0px #282828;
    border-radius: 0 0 3px 3px;
    max-width: 256px;
}
.image-hover-opacity {
    opacity: 1;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}
.image-hover-opacity:hover {
    opacity: 0.8;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}
#header .inside:after {
    content: none;
}
.usp {
    display: flex;
    justify-content: space-evenly;
    gap: 10px;
    align-items: center;
    border-radius: 10px;
    padding: 5px 10px;
    margin: 7px;
    flex-wrap: wrap;
}
.usp span {
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 600;
    text-align: center;
}
.usp-block {
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
}
.the-prices {
    padding: 0;
}
.banner-style06 .cdz-banner .cdz-banner-desc{
font: 500 12px/1.35 Montserrat, Helvetica Neue, Verdana, Arial, sans-serif;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.delivery-usp{
display: flex;
justify-content: center;
}
.desc-features ul li:before {
content: '\2714';
color: green;
font-weight: bold;
padding-right: 5px;
}
.desc-features ul li {
list-style: none;
padding-bottom: 10px;
font-size: 15px;
}
.desc-features ul{
padding-inline-start: 0px;
}
/*.row .spec p{float:left; width:49%; }
.row .spec p + ul{float:left; margin:30px 0 20px -49%; width:49%;} */
.row {clear:both;padding-bottom:20px;}
.gallery label img {
filter: grayscale(100%);
transition: all 500ms ease;
}
.gallery label img:hover {
transition: all 500ms ease;
filter: grayscale(0%);
box-shadow: 3px 0px 7px -3px rgba(0, 0, 0, 0.5);
}
.gallery label{
width:100px;
margin:0 10px;
}
.block h3 {
    font-family: Montserrat, Arial;
    font-weight: 600;
    font-size: 20px;
    color: #3d255f;
}
.ml-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  max-width: 330px;
}
.ml-box h4{
margin-top: 20px;
text-align:center;
font-family: Montserrat, Arial;
font-weight: 600;
font-size: 20px;
color: #3d255f;
}
.ml-box ul li{
margin-bottom: 5px;
}
.ml {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5%;
    justify-content: space-between;
    row-gap: 40px;
}
.spec img {max-width: 85% !important;}
table .specs-table{
color: white;
min-width: 80%;
}

table .specs-table td,
th {
font-size: 13px;
text-align: center;
border-radius: 3px;
padding: 10px;

}

table .specs-table tbody tr:nth-child(odd) {
background-color: #3d255f;
}

table .specs-table tbody tr:nth-child(even) {
background-color: #3d255f87;
}
@media (max-width:1138px){
    .ml{
        display:flex;
        justify-content: space-evenly;
}
}
.header{
 display: flex!important;flex-wrap: wrap;justify-content: space-between;align-items: center;
}
.product-img {
    max-height: 330px!important;
}
@media screen and (max-width:700px){
.row .spec p, .row .spec p + ul{clear:both;width: 100%;}
.row .spec p + ul{margin:0px;}
.row .spec p{text-align:center;}
.header {
justify-content: space-around;
align-items: center;
align-content: center;
flex-direction: column;
}
}
@media screen and (max-width: 700px){
.inside{
    justify-content: center;
  }}
@media screen and (max-width: 768px){
  .hide-sm{
  display:none;
  }
.delivery-usp {
flex-wrap: wrap;
justify-content: center;
}
    .ml-box {
width: 100%;
    margin: auto;
    float: none;
  }
.desc-holder{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
  .the-prices{
display: flex;
flex-direction: column;
align-items: center;
}
.block.bin-button {
width: 300px;
}
.the-prices .block{
margin: 0px;
margin-bottom: 10px;
  }
 .row-categories {
 justify-content: center;
}}
@media screen and (max-width: 990px){
  .hide-md{
  display:none;
  }}

.spec img{
max-height: 400px;
}
ul {
padding-inline-start: 30px;
}
.row .spec p{
padding: 0px 10px;
}
.spec ul {
padding-right: 8px;
}
.row.specification {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 35px;
    justify-content: flex-start;
    padding-top: 25px;
    border-top: 1px solid #c4b5d8;
}


.specification.s2 .spec{
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    align-content: center;
    align-items: center;
    }

    .specification.s3 .spec{
    display: flex;
    flex: 0 0 33%;
    flex-direction: column;
    align-content: center;
    align-items: center;
    }
    .specification.s4 .spec{
    display: flex;
    flex: 0 0 25%;
    flex-direction: column;
    align-content: center;
    align-items: center;
    }
    .specification.s5 .spec{
    display: flex;
    flex: 0 0 33%;
    flex-direction: column;
    align-content: center;
    align-items: center;
    }
    .specification.s6 .spec{
    display: flex;
    flex: 0 0 33%;
    flex-direction: column;
    align-content: center;
    align-items: center;
    }
    .specification.s7 .spec{
    display: flex;
    flex: 0 0 33%;
    flex-direction: column;
    align-content: center;
    align-items: center;
    }
    .specification.s8 .spec{
    display: flex;
    flex: 0 0 25%;
    flex-direction: column;
    align-content: center;
    align-items: center;
    }
    .specification.s9 .spec{
    display: flex;
    flex: 0 0 25%;
    flex-direction: column;
    align-content: center;
    align-items: center;
    }
    .specification.s10 .spec{
    display: flex;
    flex: 0 0 25%;
    flex-direction: column;
    align-content: center;
    align-items: center;
    }
    .specification.s8 .spec:nth-of-type(5){
    border-left: 0px solid #c4b5d8;
    }
    .specification.s5 .spec:last-child{
    border-right: 1px solid #c4b5d8;
    }
    .specification.s5 .spec:nth-of-type(4){
    border-left: 0px solid #c4b5d8;
    }
    .specification.s6 .spec:nth-of-type(4){
    border-left: 0px solid #c4b5d8;
    }
    .specification.s7 .spec:nth-of-type(4),.specification.s7 .spec:last-child {
    border-left: 0px solid #c4b5d8;
    }
    .specification.s9 .spec:nth-of-type(5),.specification.s9 .spec:last-child {
    border-left: 0px solid #c4b5d8;
    }
    .specification.s10 .spec:nth-of-type(5),.specification.s10 .spec:nth-of-type(9) {
    border-left: 0px solid #c4b5d8;
    }


.spec ul li { 
max-width: 40em;
max-width: 30ch; 
padding: 3px 0px;
}


.spec + .spec{
border-left: 1px solid #c4b5d8;
}

.spec p{
    text-align: center;
    font-family: Montserrat, Arial;
    font-weight: 600;
    font-size: 15px;
    color: #3d255f;
}




@media screen and (max-width: 768px) {

.spec{
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    }
  .spec + .spec{
    border-left: 0px solid #c4b5d8;
  }
.spec:nth-child(2n){
    border-left: 1px solid #c4b5d8;
 
}

    .specification.s3 .spec{
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    }
   .specification.s4 .spec{
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    }
    .specification.s5 .spec{
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    }
    .specification.s6 .spec{
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    }
    .specification.s7 .spec{
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    }
    .specification.s8 .spec{
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    }
    .specification.s9 .spec{
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    }
       .specification.s10 .spec{
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    }
    .specification.s6 .spec:nth-of-type(3){
    border-right: 1px solid #c4b5d8;
    }
    .specification.s5 .spec:last-child{
    border-left: 0px solid #c4b5d8;
    }
    .specification.s7 .spec:nth-of-type(3){
    border-right: 1px solid #c4b5d8;
    }

.specification.s3{
    display:flex;
    flex-direction: row;
}
.specification.s4{
    display:flex;
    flex-direction: row;
}
.specification.s5{
    display:flex;
    flex-direction: row;
}
    .specification.s5 .spec:nth-of-type(3){
    border-right: 1px solid #c4b5d8;
    }




}