/*Hero Banner Begins*/
main #olympia-spotlight h1.olympia-logo {
  font-size: 2.4em;
}
@media (min-width: 640px) {
  main #olympia-spotlight h1.olympia-logo {
    font-size: 3.1em;
  }
}
main .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
main .olympia-logo {
  width: 219px;
  height: auto;
  background-image: url("https://media.nisbets.com/static/content/logos/logo_olympia.svg");
  background-repeat: no-repeat;
  background-position: center;
}
main div.hero-banner.hb-split .hb-image {
  background-image: url("https://media.nisbets.com/cdn-cgi/image/w=425,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/olympia_spotlight/assets/images/olympia_spotlight_tb_02072021.jpg");
}
@media (min-width: 768px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=502,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/olympia_spotlight/assets/images/olympia_spotlight_tb_02072021.jpg");
  }
}
@media (min-width: 1024px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=620,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/olympia_spotlight/assets/images/olympia_spotlight_tb_02072021.jpg");
  }
}
@media (min-width: 1280px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=620,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/olympia_spotlight/assets/images/olympia_spotlight_tb_02072021.jpg");
  }
}

/*Hero Banner Ends*/
/*Anchor Nav Begins*/
#olympia-spotlight ul.mini-nav {
  text-align: center;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  font-size: 1em;
}
#olympia-spotlight ul.mini-nav > li {
  display: inline;
  padding: 0 14px;
  border-left: 1px solid #32374b;
}
#olympia-spotlight ul.mini-nav > li:last-of-type {
  border-right: 1px solid #32374b;
}
#olympia-spotlight ul.mini-nav > li > a {
  text-decoration: underline;
}
@media (min-width: 425px) {
  #olympia-spotlight ul.mini-nav > li {
    padding: 0 20px;
  }
}

/*Anchor Nav Ends*/
/*Category Cards Begin*/
#olympia-spotlight .card-block {
  max-width: 1044px;
}
#olympia-spotlight .card-block-col {
  border: solid 1px #32374b;
  -webkit-box-shadow: 0 3px 6px rgba(50, 55, 75, 0.16);
          box-shadow: 0 3px 6px rgba(50, 55, 75, 0.16);
  padding: 10px;
  display: block;
  cursor: pointer;
  background-color: white;
}
@media (min-width: 425px) {
  #olympia-spotlight .card-block-col {
    padding: 15px;
  }
}
#olympia-spotlight .card-block-col h3 {
  font-size: 1em;
  font-weight: 600;
  margin-top: 0;
}
@media (min-width: 425px) {
  #olympia-spotlight .card-block-col h3 {
    font-size: 1.25em;
  }
}
#olympia-spotlight .card-block-col .cta {
  text-decoration: underline;
}

/*Category Cards End*/
/*Info Dots Begins*/
.info-dot.in-view {
  -webkit-box-shadow: 0 0 20px 0 #000 !important;
          box-shadow: 0 0 20px 0 #000 !important;
}

#athena .dot-pos-1 {
  top: 33%;
  left: 17%;
}
#athena .dot-pos-2 {
  top: 49%;
  left: 30%;
}
#athena .dot-pos-3 {
  top: 24%;
  left: 53%;
}
#athena .dot-pos-4 {
  top: 51%;
  left: 60%;
}

#kristallon .dot-pos-1 {
  top: 71%;
  left: 16%;
}
#kristallon .dot-pos-2 {
  top: 41%;
  left: 44%;
}
#kristallon .dot-pos-3 {
  top: 45%;
  left: 86%;
}

#barware .dot-pos-1 {
  top: 23%;
  left: 19%;
}
#barware .dot-pos-2 {
  top: 39%;
  left: 34%;
}
#barware .dot-pos-3 {
  top: 33%;
  left: 71%;
}
#barware .dot-pos-4 {
  top: 59%;
  left: 85%;
}

.modal-title {
  border-bottom: 4px solid #f2243f;
}
.modal-dialog {
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  margin: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 700px;
  }
}
.modal-content {
  border: none;
}
.modal-body {
  padding: 40px 20px 40px 0px;
  position: relative;
}
.modal-body .close {
  margin: -20px 5px 15px 0;
}
@media (min-width: 640px) {
  .modal-body .row {
    margin-right: 0;
  }
}
.modal-body span.pack-qty {
  font-size: 17px;
  font-weight: 600;
  display: block;
}
.modal-body span.price {
  font-size: 34px;
  line-height: 30px;
  font-weight: 600;
  color: #f2243f;
}
.modal-body span.vat-value {
  font-size: 14px;
  font-weight: 400;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #32374b;
}
@media (min-width: 640px) {
  .modal-img {
    background-size: 300px 400px;
    background-repeat: no-repeat;
    background-position: center center;
    height: auto;
  }
}
.modal .save-flash {
  width: inherit;
  height: inherit;
  background-color: #f2243f;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
}
.modal .save-flash:empty {
  display: none;
}
.modal .save-flash-cont {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 56px;
  height: 56px;
}
.modal span.new-flash {
  position: absolute;
  top: 0;
  left: 10px;
}
.modal .product-new {
  display: block;
}
.modal .product-new--pod {
  margin-top: 0;
}

/*Info Dots Ends*/
/*Background Colours Begin*/
#olympia-spotlight .bg-grey {
  background-color: rgba(50, 55, 75, 0.07);
}
#olympia-spotlight .bg-2tone-4 {
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(15%, #ffffff), color-stop(15%, #32374b), to(#32374b));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #32374b 15%, #32374b 100%);
}
@media (min-width: 425px) {
  #olympia-spotlight .bg-2tone-4 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(13%, #ffffff), color-stop(13%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 13%, #32374b 13%, #32374b 100%);
  }
}
@media (min-width: 640px) {
  #olympia-spotlight .bg-2tone-4 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(11%, #ffffff), color-stop(11%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 11%, #32374b 11%, #32374b 100%);
  }
}
@media (min-width: 768px) {
  #olympia-spotlight .bg-2tone-4 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(22%, #ffffff), color-stop(22%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 22%, #32374b 22%, #32374b 100%);
  }
}
@media (min-width: 1024px) {
  #olympia-spotlight .bg-2tone-4 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(19%, #ffffff), color-stop(19%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 19%, #32374b 19%, #32374b 100%);
  }
}
#olympia-spotlight .bg-2tone-3 {
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(25%, #ffffff), color-stop(25%, #32374b), to(#32374b));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #32374b 25%, #32374b 100%);
}
@media (min-width: 425px) {
  #olympia-spotlight .bg-2tone-3 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(18%, #ffffff), color-stop(18%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 18%, #32374b 18%, #32374b 100%);
  }
}
@media (min-width: 640px) {
  #olympia-spotlight .bg-2tone-3 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(16%, #ffffff), color-stop(16%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 16%, #32374b 16%, #32374b 100%);
  }
}
@media (min-width: 768px) {
  #olympia-spotlight .bg-2tone-3 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(26%, #ffffff), color-stop(26%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 26%, #32374b 26%, #32374b 100%);
  }
}
@media (min-width: 1024px) {
  #olympia-spotlight .bg-2tone-3 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(25%, #ffffff), color-stop(25%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #32374b 25%, #32374b 100%);
  }
}
#olympia-spotlight .bg-2tone-2 {
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(26%, #ffffff), color-stop(26%, #32374b), to(#32374b));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 26%, #32374b 26%, #32374b 100%);
}
@media (min-width: 425px) {
  #olympia-spotlight .bg-2tone-2 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(23%, #ffffff), color-stop(23%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 23%, #32374b 23%, #32374b 100%);
  }
}
@media (min-width: 640px) {
  #olympia-spotlight .bg-2tone-2 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(20%, #ffffff), color-stop(20%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 20%, #32374b 20%, #32374b 100%);
  }
}
@media (min-width: 768px) {
  #olympia-spotlight .bg-2tone-2 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(35%, #ffffff), color-stop(35%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 35%, #32374b 35%, #32374b 100%);
  }
}
@media (min-width: 1024px) {
  #olympia-spotlight .bg-2tone-2 {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(32%, #ffffff), color-stop(32%, #32374b), to(#32374b));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 32%, #32374b 32%, #32374b 100%);
  }
}

/*Background Colours End*/
/*Image Scaling Begins*/
#olympia-spotlight .img-fluid {
  width: 100%;
  height: auto;
}

/*Image Scaling Ends*/