body{font-family:'Montserrat',"Segoe ui",sans-serif;color:#000;background:#fff}
h4,h5{font-weight:700}
ul{padding-left:0}
ul li{list-style:none}
.content ul{padding-left:1rem}
.listCircle li,.content li{list-style:circle;}
p > a, ol > li > a, .listCircle > li > a{text-decoration:underline}
a,a:hover{color:rgb(147, 0, 0);text-decoration:none}
a:hover,.btn{transition:opacity .5s ease-in-out}
a:hover{color:rgb(232, 26, 26)}
a:focus{outline:0}
p > a{text-decoration:underline}
strong{font-weight:700}
label{font-weight:700;color:#fff}
.btn-primary,.btn-default{border:none;border-radius:0}
abbr[title]{text-decoration:none}

.red{background:#f23f3f}
.peach{background:#ff9569}
.skyblue{background:#92e9f6}
.purple{background:#b8acf3}
.melon{background:#fcd8ae}
.pink{background:#efb5e8}
.blue{background:#82c6ff}
.darkblack{background:#333539}
.lightblack{background:#424449}
.green{background: #2bab51}
.light-red{background: #f25e5e}

.lightBlueText{color:#92e9f6}
.blueText{color: #82c6ff}
.greenText{color:#24CC89}
.darkblackText{color:#333539}
.melonText{color:#fcd8ae}
.redText{color:#f23f3f}
.peachText{color:#ff9569}
.whiteText{color:#fff}
.blackText{color:#000}

.btn{display:inline-block;padding:8px;margin:10px 0;border:none;border-radius:3px;text-decoration:none;}
.btn:hover{opacity:1;}
.btn-primary{color:#000;background:#ffc443 !important;font-weight:700;}
.btn-default{color:#000;background:#FFE66D;font-weight:700;}
.btn-secondary{background:#9bc500;color:#fff;font-weight:700;}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:none !important;background:#ffd67c !important;border:none;color:#333539;text-decoration:none;}
.btn-default:hover,.btn-default:active,.btn-default:focus,.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled):active:focus{background:#d7c25a !important;color:#000 !important;text-decoration:none;}
.btn-secondary:hover,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active:focus{background:#9bc500 !important;color:#fff !important;text-decoration:none;}

header{background:#ffc812;border-bottom:3px solid #ff8a02;}
header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
    .collapsey {
        display:block;
        max-height:0;
        overflow:hidden;
        transition:max-height 1.25s ease-in-out;
    }
    .showme {
        max-height:10em;
    }
}

header .nav-item.active a,header .nav-link:hover, header .nav-link:focus,header .navbar-brand:hover,header .navbar-brand:focus{
    color:#000;
}

header .navbar-brand,header .navbar-brand:hover,header .navbar-brand:focus{
    color:rgba(0, 0, 0, 0.65);
}

header .sub-menu{
    display:none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    float: left;
    text-align: left;
    background-color: #333539;
    min-width: 300px;
    padding:0;
}
header .sub-menu li{
    border-bottom:1px solid #535353;
    list-style: none;
    padding:.5rem;
}
header .sub-menu li a{
    width:100%;
    display: block;
}
header .nav-item:hover .sub-menu{
    display:inline-block;
}

.cookieConfirm {
    display:none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #646464;
    color: #fff;
    padding: 15px 25px;
    z-index:999;
}
.cookieConfirm p {
    margin-bottom:0;
}
.cookieConfirm a{
    text-decoration: underline;
    color: #fff;
}
.cookieConfirm .btn{
    font-size:.7rem;
    margin-bottom:0;
}

.bread{font-size:.9rem;}
h1,h2,h3{line-height: 40px;font-weight: 700;}
h1{font-size: 2.3rem;}
h2{font-size: 1.6rem;}
h3{font-size: 1.2rem;}

.price .amount{font-weight: 700;font-size:1.5rem}
.prices{margin: 25px 0 20px 0;width: 100%;border: 1px solid #d5e2e1;}
.prices,.prices tr, .prices td{background: #f0f8f7;border:none;}
.prices tbody tr {
display: grid;
grid-template-columns: 60px auto auto;
grid-row-gap: 5px;
align-items: center;
padding: 10px 0;
border: 1px solid #d5e2e1;
}
.quickDetails li .key,.quickDetails li .value{display:block;}
.quickDetails li i{font-size: 30px;margin: 10px 0;}
.quickDetails li .value{  font-size: 20px;  font-weight: 700;}
.quickDetails li .key{color: #6f6f6f;font-size: 14px;}

.colours .btn,.sizes .btn{
background:#fff;
border:2px solid #ffe66d;
border-raduis:5px;
}
.mainImg {
opacity: 1;
transition: opacity 0.5s;
}

.mainImg.fade-out {
animation: fadeOut 0.5s;
}

.mainImg.fade-in {
animation: fadeIn 0.5s;
}

@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}

@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

.imageGallery {
text-decoration: none;
color: #333;
}

.imageGallery:hover {
text-decoration: underline;
}
dl.specifications {
display: grid;
grid-template-columns: 200px auto;
}
dl.specifications {
margin: 25px 0 0 0;
width: 100%;
border-top: 1px solid #dedede;}
dl.specifications dt, dl.specifications dd {
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #dedede;
}
dl.specifications dt {
font-weight: 700;}
.disclaimer {
font-size: .75rem;
color: #6d6a6a;
}
.aside-grid h3{
font-size:1rem;  
font-weight:400;
}
.aside-grid a{
border-top:1px solid #dedede;
padding-top:10px;
}
footer{
padding: 40px 0;
background: #f5f5f5;
}
footer .allBrands a:after {
padding-left:10px;
}
footer .allBrands a:after {
content: "\2022";
color: #000;
display: inline-block;
text-align: center;
padding-right:10px;
}
footer .allBrands a:last-child:after {
content:none;
}

/** INDEX **/
.homeBanner {
  background: #e1f1f0;
}
.homeBanner section {
  grid-gap: 40px;
  padding: 40px 0;
}
.homeBanner section figure {
 overflow: hidden;
  position: relative;
  border: 3px solid #ff8a02;
  border-radius: 5%;
}
.homeBanner section figure p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin:0;
  padding: 0 15px 15px;
  font-size: 15px;
  line-height: 20px;
  color: #404040;
  text-align:center;
}
.homeBanner section figure img {
border: 15px solid #e1f1f0;
transition: transform .5s;object-fit: cover;
}
.homeBanner section a:hover figure img {
  transform: scale(1.1);
}
section.product-results {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  grid-gap: 20px;
  padding: 20px 0 0 0;
}
@media only screen and (max-width: 992px) {
  section.product-results {
    grid-template-columns: repeat(3,1fr);
  }
}
@media only screen and (max-width: 768px) {
  section.product-results {
    grid-template-columns: repeat(2,1fr);
  }
}
@media only screen and (max-width: 576px) {
  section.product-results {
    grid-template-columns: repeat(1,1fr);
  }
}
.product-results a {
  color: #333;
  text-decoration: none;
  padding: 20px;
  border: 1px solid #dedede;
  position: relative;
}
.product-results a figure {
  overflow: hidden;
  transition: transform .5s;
}
.product-results a figure img {
  display: block;
  width: 100%;
  object-fit: contain;
}
.product-results a article.labels, .rating {
  display: flex;
  flex-direction: row;
  gap: 5px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.rating{    
    background: #e8dc2e;
}
.rating i {    
  display: flex;
  align-items: center;
}
.product-results a article.labels span.label,.rating {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 5px;
}
span.label.discount {
  background: #83c11e;
}
.product-results a h3 { 
  line-height:25px;
}
.product-results a p.series {
  font-size: 14px;
  color: #6f6f6f;
}
.product-results a p.pricing { 
  display: flex;
  flex-direction: row;
  align-items: end;
  gap: 10px;
  margin:0;
}
.product-results a p.pricing .price {
  font-weight: 700;
}
.product-results a p.pricing .old {
  font-size: 14px;
  color: #6f6f6f;
  text-decoration:line-through
}
.footer-grid article ul li {
  padding: 10px 0 0 0;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}