@charset "UTF-8";
/* ========= LAYOUT DETAILS COMPONENT ========= */
@import "framework.css";
@font-face {
  font-family: "Crimson-Text";
  src: url(crimsontext-semibold-webfont.eot);
  src: url(crimsontext-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(crimsontext-semibold-webfont.woff) format("woff"), url(crimsontext-semibold-webfont.ttf) format("truetype"), url(crimsontext-semibold-webfont.svg#Crimson-Text) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url(montserrat-extralight-webfont.eot);
  src: url(montserrat-extralight-webfont.eot?#iefix) format("embedded-opentype"), url(montserrat-extralight-webfont.woff) format("woff"), url(montserrat-extralight-webfont.ttf) format("truetype"), url(montserrat-extralight-webfont.svg#Montserrat) format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url(montserrat-light-webfont.eot);
  src: url(montserrat-light-webfont.eot?#iefix) format("embedded-opentype"), url(montserrat-light-webfont.woff) format("woff"), url(montserrat-light-webfont.ttf) format("truetype"), url(montserrat-light-webfont.svg#Montserrat) format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url(montserrat-regular-webfont.eot);
  src: url(montserrat-regular-webfont.eot?#iefix) format("embedded-opentype"), url(montserrat-regular-webfont.woff) format("woff"), url(montserrat-regular-webfont.ttf) format("truetype"), url(montserrat-regular-webfont.svg#Montserrat) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url(montserrat-semibold-webfont.eot);
  src: url(montserrat-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(montserrat-semibold-webfont.woff) format("woff"), url(montserrat-semibold-webfont.ttf) format("truetype"), url(montserrat-semibold-webfont.svg#Montserrat) format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url(montserrat-bold-webfont.eot);
  src: url(montserrat-bold-webfont.eot?#iefix) format("embedded-opentype"), url(montserrat-bold-webfont.woff) format("woff"), url(montserrat-bold-webfont.ttf) format("truetype"), url(montserrat-bold-webfont.svg#Montserrat) format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url(montserrat-black-webfont.eot);
  src: url(montserrat-black-webfont.eot?#iefix) format("embedded-opentype"), url(montserrat-black-webfont.woff) format("woff"), url(montserrat-black-webfont.ttf) format("truetype"), url(montserrat-black-webfont.svg#Montserrat) format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: circular;
  src: url(https://d33wubrfki0l68.cloudfront.net/c5dbd5f5baab4a4d087e83a1047dbc20c0b1d771/e7bd4/circularstd-medium.woff);
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div, ul, ol, li, p, dl, dd, dt, tr, th, td, h1, h2, h3, h4, h5, a, span {
  border: 0 solid #EDEDED;
  border-radius: 0;
}

.collapse.show {
  display: block !important;
}

/* Spacing due to fixed header */
@media (min-width: 992px) {
  body:not(.productpage):not(.blogpage):not(.cartpage) #body-wrapper {
    margin-top: 271px;
  }
}
@media (min-width: 1430px) {
  body:not(.productpage):not(.blogpage):not(.cartpage) #body-wrapper {
    margin-top: 240px;
  }
}
@media (max-width: 991.98px) {
  .page-container > h1 {
    text-align: center;
    font-size: 1.625rem;
    margin: 30px 0;
  }
}
.error ul, .error li {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  #main .nav a.active {
    padding: 15px 20px 16px;
    background: #fff;
  }

  #main .nav a {
    padding: 15px 20px;
    display: inline-block;
    background: #F3F0EE;
    margin-right: 5px;
    border-left: solid 1px #F3F0EE;
    border-right: solid 1px #F3F0EE;
    border-top: solid 1px #F3F0EE;
    position: relative;
    text-transform: uppercase;
    margin-bottom: -1px;
    transition: all 0s ease;
    font-size: 0.8125rem;
    text-decoration: none;
    font-weight: normal;
  }
}
.infopage h2 {
  margin-bottom: 28px;
  margin-top: 37px;
}

.infopage #left-nav .left-nav-container .menu li.on > span.structural {
  display: none;
}

@media (min-width: 992px) {
  .infopage h1 {
    padding-top: 18px;
  }
}
@media (max-width: 991.98px) {
  .infopage #left-nav {
    display: none;
  }
}
.infopage .page-container .content a {
  text-decoration: underline;
}

.infopage .page-container .content a:hover {
  color: #CCCBCC;
}

.featured {
  width: 100%;
  margin: 0 auto;
}

.featured h2 {
  text-align: center;
}

@media (min-width: 768px) {
  .featured {
    max-width: 768px;
  }
}
@media (min-width: 992px) {
  .featured {
    max-width: 992px;
  }
}
@media (min-width: 1430px) {
  .featured {
    max-width: 1160px;
  }
}
.price {
  font-size: 0;
  margin-bottom: 0.2rem;
}

.price span {
  font-size: 1rem;
}

.price.was {
  padding-right: 10px;
  color: #CCCBCC;
  margin-bottom: 0;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.price.was:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #CCCBCC;
  height: 53%;
  width: 91%;
}

.price.was, .price.now {
  display: inline-block;
}

.price.save {
  color: #dc3545;
}

.price.save, .price.tax {
  display: none;
}

.price.special .price-display:before {
  content: " ";
}

.price.to {
  margin-left: 5px;
  font-weight: 700;
}

body:not(.wishlist):not(.giftvoucher):not(.career) .next-previous {
  clear: both;
}

body:not(.wishlist) main .next-previous {
  padding: 10px 0 20px;
}

@media (min-width: 768px) {
  body:not(.wishlist) main .next-previous {
    padding: 40px 0 20px;
  }

  body:not(.wishlist) main .next-previous .next, body:not(.wishlist) main .next-previous .prev {
    min-width: 190px;
  }

  body:not(.wishlist) main .next-previous .next {
    float: right;
    margin-top: 0;
  }

  body:not(.wishlist) main .next-previous::after {
    display: block;
    clear: both;
    content: "";
  }
}
.actions .remove a, .wishlist-products .cartbutton a, .subscriptions-table .actions a {
  color: #000;
  font-size: 0;
  padding: 0.2rem;
}

.actions .remove a:before, .wishlist-products .cartbutton a:before, .subscriptions-table .actions a:before {
  content: "X";
  font-size: 1rem;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 17px;
  text-decoration: none;
}

.actions .remove a:hover, .wishlist-products .cartbutton a:hover, .subscriptions-table .actions a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  /*IE8*/
}

figure {
  position: relative;
}

.overlay {
  position: absolute;
}

.overlay img {
  width: 100%;
  display: inline-block;
}

.left-vertical, .right-vertical, .top-horizontal {
  top: 0;
}

.left-vertical, .top-horizontal, .bottom-horizontal {
  left: 0;
}

.right-vertical {
  right: 0;
}

.bottom-horizontal {
  bottom: 0;
  width: 100%;
}

.bottom-horizontal img {
  display: block;
}

.inline-error {
  display: inline-block;
  width: 100%;
  margin: 5px 0 0 0;
}

.inline-error .error {
  margin-bottom: 5px;
}

.message.incentive {
  padding: 0;
}

#modal-popup .modal-content .modal-header button {
  width: auto;
}

#modal-popup .modal-content .modal-header button {
  height: auto;
}

#modal-popup .modal-content .modal-header button:hover {
  background: none;
}

#modal-popup .modal-content .modal-body video {
  width: 100%;
}

#modal-popup .modal-content .modal-footer {
  clear: both;
  display: none;
}

#modal-popup .modal-content .modal-body {
  overflow: auto;
}

#modal-popup .modal-content .modal-body .content::after {
  display: block;
  clear: both;
  content: "";
}

#modal-popup .modal-content .modal-body .content img {
  max-width: 100%;
  display: block;
  height: auto;
}

#main .cross-sell, #main .featured {
  clear: both;
}

#main .cross-sell .products, #main .featured .products {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}

#main .cross-sell .products .item, #main .featured .products .item {
  width: 100%;
}

#main .cross-sell .slide-item, #main .featured .slide-item {
  margin: 0 1%;
}

#main .cross-sell .slick-prev, #main .featured .slick-prev {
  left: -1%;
}

#main .cross-sell .slick-next, #main .featured .slick-next {
  right: -1%;
}

#main .cross-sell .slick-prev, #main .cross-sell .slick-next, #main .featured .slick-prev, #main .featured .slick-next {
  top: 36%;
}

#main .cross-sell .slick-track, #main .featured .slick-track {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  #main .cross-sell .slick-prev, #main .featured .slick-prev {
    left: 0%;
  }

  #main .cross-sell .slick-next, #main .featured .slick-next {
    right: 0%;
  }
}
@media (min-width: 992px) {
  #main .cross-sell .slide-item, #main .featured .slide-item {
    margin: 0 15px;
  }

  #main .cross-sell .slick-prev, #main .featured .slick-prev {
    left: -4%;
  }

  #main .cross-sell .slick-next, #main .featured .slick-next {
    right: -4%;
  }

  #main .cross-sell .slick-prev, #main .cross-sell .slick-next, #main .featured .slick-prev, #main .featured .slick-next {
    top: 38%;
  }
}
#main .cross-sell > div, #main .featured {
  padding-top: 10px;
  margin-top: 40px;
}

#main .cross-sell .also-bought {
  display: none;
}

.homepage #main .featured .slide-item {
  margin: 0 2%;
}

@media (min-width: 768px) {
  .homepage #main .featured .slide-item {
    margin: 0 5%;
  }
}
.modal .cross-sell {
  display: none;
}

.popup-data:not(.collapse):not(.collapsing) {
  display: none;
}

@media (min-width: 768px) {
  #main .cross-sell .item button, #main .featured .item button {
    min-width: inherit;
  }

  #main .cross-sell .item h4, #main .featured .item h4 {
    width: 80%;
  }
}
@media (min-width: 992px) {
  #main .cross-sell {
    width: 65%;
    margin: 0 auto;
  }
}
@media (min-width: 1430px) {
  #main .cross-sell {
    width: 50%;
  }
}
#back-top {
  right: 10px;
  opacity: 0;
  display: block !important;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

.scrolled-down #back-top {
  position: fixed;
  bottom: 0;
  background: #000;
  opacity: 0.9;
  z-index: 999;
  border-radius: 0.25rem 0.25rem 0 0;
}

.scrolled-down #back-top a {
  display: block;
  padding: 10px 15px 15px;
  color: #fff;
}

.main-container {
  position: relative;
  z-index: 1;
}

.main-container::after {
  display: block;
  clear: both;
  content: "";
}

.homepage #page-content {
  width: 100%;
}

.homepage #left-nav {
  display: none;
}

@media (min-width: 992px) {
  #page-content {
    width: 72%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1430px) {
  #page-content {
    width: 78.5%;
  }
}
.ESO_number_wrapper {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  margin-bottom: 16px;
}

.ESO_number_wrapper input {
  height: 40px;
  width: 48%;
  display: inline-block;
}

.ESO_number_wrapper a {
  height: 40px;
  width: 40px;
  line-height: 41px;
  font-weight: 900;
  text-align: center;
  font-size: 0;
  border-width: 1px;
  transition: background-color 200ms;
  display: inline-block;
  text-decoration: none;
  border-color: #CCCBCC;
  background: #F3F0EE url(sprite.png);
  background-size: 32px;
}

.ESO_number_wrapper a:hover {
  text-decoration: none;
  background-color: #bfbebf;
}

.ESO_number_wrapper a.minus {
  float: left;
  background-position: 50% -1005px;
}

.ESO_number_wrapper a.plus {
  float: right;
  background-position: 50% -955px;
}

.stars-container {
  margin-bottom: 5px;
}

.stars-container span {
  vertical-align: top;
  display: inline-block;
}

.stars-container span.full, .stars-container span.half, .stars-container span.empty {
  width: 20px;
  height: 20px;
  margin-right: 2px;
  background: url(sprite.png) center -1352px no-repeat;
  background-size: 53px;
}

.stars-container span.half {
  background-position: center -1436px;
}

.stars-container span.empty {
  background-position: center -1518px;
}

.fake-select {
  position: relative;
  width: 100%;
}

.fake-select .selected {
  border: 1px solid #EDEDED;
  border-radius: 0;
  z-index: 2;
  position: relative;
  background: url(sprite.png) no-repeat 100% -663px #fff;
  background-size: 35px;
  cursor: pointer;
  padding: 6px 20px 6px 12px;
}

.fake-select .selected span:first-child {
  margin-right: 5px;
}

.fake-select .dummy {
  margin-top: 7px;
}

.fake-select ul {
  position: absolute;
  z-index: 4;
  margin-top: -2px;
  height: 0;
  width: 100%;
  background: #fff;
  overflow: hidden;
  left: 0;
  display: block !important;
  list-style: none;
  padding: 0;
}

.fake-select li {
  background-color: #fff;
  margin: 0;
}

.fake-select li:last-child {
  padding-bottom: 5px;
}

.fake-select li.on {
  visibility: hidden;
  height: 0;
}

.fake-select li img, .fake-select .selected img {
  margin-right: 5px;
}

.fake-select label {
  font-weight: normal;
}

.fake-select label:hover, .fake-select li > a:hover {
  background-color: #fff;
  text-decoration: none;
}

.fake-select label, .fake-select li > a, .fake-select li > span {
  cursor: pointer;
  padding: 3px 12px;
  background-color: #fff;
  position: relative;
  z-index: 2;
  margin: 0;
  width: 100% !important;
}

.fake-select label, .fake-select li > a {
  display: block;
}

.fake-select a {
  text-decoration: none;
}

.fake-select span, .fake-select a {
  vertical-align: middle;
  font-weight: 300;
}

.fake-select input {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 0;
}

.fake-select.open {
  z-index: 10;
}

.fake-select.open ul {
  height: auto;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 4px 4px;
}

.fake-select.single .selected {
  cursor: default;
  background-image: none;
}

.fake-select.single ul {
  border: 0;
}

@media (min-width: 768px) {
  .fake-select .selected span + span {
    padding-right: 8px;
    margin-right: 3px;
    vertical-align: middle;
  }
}
/****** Interest Groups ******/
.interest-groups ol li {
  border: none;
}

.customer-privacy-policy {
  padding-left: 20px;
  text-decoration: underline;
}

.eso-accordion-indicator {
  display: inline-block;
  padding-left: 6px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -10px;
  width: 40px;
  height: 35px;
  background: url(sprite.png);
  background-size: 40px;
  cursor: pointer;
}

.eso-accordion-indicator + .eso-accordion-indicator {
  display: none;
}

.eso-accordion-trigger.collapsed .eso-accordion-indicator {
  background-position: 3px -1201px;
}

.eso-accordion-trigger .eso-accordion-indicator {
  background-position: 3px -1263px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 30px;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url("ajax-loader.gif") center center no-repeat;
}

.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 60px;
  width: 40px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
  z-index: 2;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  line-height: 1;
  color: white;
  opacity: 1;
  background: url(sprite.png);
  background-size: 40px;
  padding: 28px 20px;
}

.slick-prev {
  left: 0px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: 0px;
}

.slick-prev:before {
  content: "";
  background-position: 39px -875px;
}

[dir=rtl] .slick-prev:before {
  content: "";
  background-position: 0 -442px;
}

.slick-next {
  right: 0px;
}

[dir=rtl] .slick-next {
  left: 0px;
  right: auto;
}

.slick-next:before {
  content: "";
  background-position: 39px -938px;
}

[dir=rtl] .slick-next:before {
  border-radius: 4px 0 0 4px;
  background-position: 0 -380px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "·";
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 1;
}

.errorpage .redirect-message {
  font-weight: bold;
}

@media (min-width: 768px) {
  .errorpage #page-header {
    height: 160px;
  }
}
/* ========= LAYOUT DETAILS COMPONENT END ========= */
/* ========= HEADER COMPONENT ========= */
#page-header {
  z-index: 2;
  position: relative;
}

#page-header .content.header-top {
  display: none;
}

.page-header-container .header-compare {
  display: none;
}

.page-header-container .header-compare .count {
  padding: 0 2px;
}

.page-header-container .header-compare .count:before, .page-header-container .header-compare .count:after {
  content: "";
  display: none;
}

.page-header-container > .header-account {
  display: none;
}

.page-header-container .badge {
  left: 25px;
  top: 0;
  color: #575859;
  border-radius: 0.5rem;
}

.page-header-container .badge:not(.wishlist-count) {
  position: absolute;
}

@media (min-width: 992px) {
  .page-header-container .badge:not(.wishlist-count) {
    position: relative;
    background-color: transparent;
    font-size: 1rem;
    left: auto;
  }
}
.logo {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  width: 56%;
  max-width: 12.5rem;
}

.logo a {
  display: block;
  width: 100%;
  height: 44px;
  background-size: contain;
  background-image: url("reduced-logo.png");
  background-position-y: 5px;
  background-repeat: no-repeat;
}

.logo img {
  width: 100%;
  display: none;
}

#page-header .menu-open + #header-nav {
  background-color: #F3F0EE;
}

#header-nav {
  display: none;
}

#header-nav.show {
  -webkit-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.31);
  box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.31);
}

#header-nav .header-nav-container {
  padding: 0;
  text-align: center;
}

#header-nav .header-nav-container a, #header-nav .header-nav-container span.structural {
  text-decoration: none;
  font-size: 1.125rem;
}

@media (min-width: 992px) {
  #header-nav .header-nav-container > ul > li {
    text-transform: uppercase;
  }
}
#header-nav .header-nav-container .m-nav-links li {
  border-top: 1px solid #CCCBCC;
  padding: 13px 0px;
}

#header-nav .header-nav-container .m-nav-links li:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-size: 60px;
  background-image: url(sprite.png);
  background-repeat: no-repeat;
}

#header-nav .header-nav-container .m-nav-links li.history:before {
  background-image: url(history.svg);
  background-size: 34px;
  margin-top: 3px;
}

#header-nav .header-nav-container .m-nav-links li a {
  display: inline-block;
  font-size: 1.125rem;
  padding: 0 10px 0 0;
  margin: 10px 0;
}

#header-nav .header-nav-container li.login a:first-of-type {
  border-right: 1px solid #575859;
  margin-right: 10px;
}

#header-nav .header-nav-container li.login:before {
  background-position: 50% -1991px;
}

#header-nav .header-nav-container li.register:before {
  background-position: 50% -2246px;
}

#header-nav .header-nav-container li.store-finder:before {
  background-position: 50% -2340px;
}

#header-nav .header-nav-container li.wishlist:before {
  background-position: 50% -2906px;
  background-size: 81px;
}

#header-nav .header-nav-container li.account:before {
  background-position: 50% -1991px;
}

#header-nav .header-nav-container li.logout:before {
  background-position: 50% -395px;
}

#header-nav .header-nav-container > ul {
  padding: 0;
  text-align: left;
  margin: 0;
  list-style: none;
}

#header-nav .header-nav-container > ul:not(.m-nav-links) > li {
  font-weight: bold;
  text-transform: uppercase;
}

#header-nav .header-nav-container > ul:not(.m-nav-links) > li:last-of-type {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  #header-nav .header-nav-container > ul:not(.m-nav-links) > li {
    font-weight: normal;
  }

  #header-nav .header-nav-container > ul:not(.m-nav-links) > li:first-of-type {
    margin-top: 15px;
  }

  #header-nav .header-nav-container > ul:not(.m-nav-links) > li:last-of-type {
    margin-bottom: 0px;
  }
}
#header-nav .header-nav-container > ul > li {
  position: relative;
}

#header-nav .header-nav-container ul > li ul {
  padding-left: 25px;
}

#header-nav .header-nav-container li.with-children > ul {
  display: none;
}

#header-nav .header-nav-container li.active > ul {
  display: block;
}

#header-nav .header-nav-container ul > li ul > li > a,
#header-nav .header-nav-container ul > li ul > li > .structural {
  display: block;
  padding: 10px;
  font-size: 1.125rem;
}

#header-nav .header-nav-container .submenu {
  display: none;
}

#header-nav .header-nav-container .submenu li {
  display: block;
  padding: 0;
  position: relative;
  font-weight: normal;
  text-transform: none;
}

#header-nav .header-nav-container .active .submenu {
  display: block;
  border: 0;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  display: inherit;
}

#header-nav .header-nav-container .active .submenu.loading {
  background: url("/Assets/ajax-loader.gif") center no-repeat;
  width: 100%;
  height: 40px;
}

@media (min-width: 992px) {
  #header-nav .header-nav-container .active .submenu.loading {
    background-color: #fff;
  }
}
#header-nav.dropdown.in {
  display: block;
  background: #F3F0EE;
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 61px;
  max-height: 100vh;
  padding-top: 0;
  -webkit-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.31);
  box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.31);
}

#header-nav .submenu-content {
  padding-bottom: 10px;
}

#header-nav .header-nav-container > ul > li > a,
.m-nav-links a,
#header-nav .header-nav-container > ul > li > .structural {
  padding: 10px 10px 10px 0;
  display: block;
}

.icon-menu,
.icon-link {
  float: none;
  cursor: pointer;
}

.header-account .navbar-toggle {
  display: none;
}

.header-account ul {
  padding-left: 0;
  list-style: none;
}

.header-cart {
  clear: both;
}

.header-account,
.header-compare,
.header-cart,
.currency-estimator,
.search {
  position: relative;
}

.header-account,
.search {
  float: left;
}

.header-cart .icon-link,
.currency-estimator .icon-link,
.header-search .icon-link,
.header-cart-summary .bag,
.header-compare.empty,
.header-cart-summary .ajax-content {
  display: none;
}

#currency-menu ul {
  display: none;
  border: 0;
}

#currency-menu li {
  position: relative;
}

#currency-menu img {
  height: 15px;
}

#currency-menu .selected {
  padding-top: 12px;
  margin-top: 5px;
  height: 48px;
  background-position: 100% -657px;
}

#currency-menu .selected span {
  color: #000;
}

#currency-menu .selected span:first-child {
  margin: 0;
}

#currency-menu form > label {
  display: none;
}

#currency-menu .open ul {
  display: block;
  float: left;
  padding-left: 0;
  width: 100%;
  -webkit-box-shadow: 0px 5px 16px 0px rgba(204, 204, 207, 0.31);
  -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31);
  box-shadow: 0px 5px 16px 0px rgba(163, 163, 163, 0.31);
}

@media (min-width: 768px) {
  #currency-menu .selected {
    border-width: 0;
    padding-top: 6px;
    height: auto;
    background-position: 114% -720px;
  }

  #currency-menu .selected span {
    color: #575859;
  }

  #currency-menu .open ul {
    float: left;
    padding-left: 0;
    border: 0;
    width: 90px;
    -webkit-box-shadow: 0px 5px 16px 0px rgba(204, 204, 207, 0.31);
    -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31);
    box-shadow: 0px 5px 16px 0px rgba(163, 163, 163, 0.31);
  }
}
.login #sign-in {
  display: none;
  font-size: 1rem;
  background: #fff;
  width: 320px;
  position: absolute;
  z-index: 40;
  top: 43px;
  border-top: 0;
  left: 0;
  padding: 15px;
  -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31);
  -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31);
  box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31);
}

@media (min-width: 992px) {
  .login #sign-in {
    left: -147px;
  }
}
@media (min-width: 1430px) {
  .login #sign-in {
    left: 0px;
  }
}
.login #sign-in button, .login #sign-in .btn {
  width: 100%;
  line-height: 40px;
  padding: 0;
}

.login #sign-in #header-retrieve-password, .login #sign-in .note {
  display: none;
}

.login #sign-in h2 {
  margin-top: 0;
}

.login #sign-in li.forgotten a {
  line-height: normal;
}

.login #sign-in .signup {
  border-top-width: 1px;
  padding-top: 10px;
  margin-top: 10px;
}

.login #sign-in a:not(.btn) {
  text-decoration: underline;
}

.login.on #sign-in {
  display: block;
}

#sign-in .autologin #header-autologin, #page-content .autologin input[type=checkbox] {
  display: inline-block;
  width: auto;
  vertical-align: top;
}

.nav-trigger {
  display: inline-block;
  height: 10px;
  width: 10px;
  background-color: #ced4da;
}

.header-cart-summary .badge {
  margin-right: 10px;
}

.header-cart-summary .ajax-content {
  position: absolute;
  right: 0;
  z-index: 50;
  font-size: 1rem;
  background: #fff;
  clear: both;
  padding: 10px;
  -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31);
  -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31);
  box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31);
  overflow-y: auto;
  max-height: 80vh;
}

.header-cart-summary .ajax-content .next-previous a {
  width: 100%;
  margin-bottom: 0;
  margin-top: 10px;
}

.header-cart-summary .ajax-content h3 {
  margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #EDEDED;
}

.header-cart-summary .ajax-content .cart-total .gstonorder .price-display {
  margin-left: 5px;
}

.header-cart-summary .summary-table .click-and-collect {
  display: none;
}

.header-cart-summary .summary-table td {
  margin: 5px 0 0 0;
}

.header-cart-summary .summary-table p {
  margin-bottom: 0;
}

.header-cart-summary .summary-table td.pricing {
  margin-top: 12px;
}

.header-cart-summary .summary-table .total:before {
  content: "Sub Total: ";
}

.header-cart-summary .summary-table .total {
  margin-bottom: 10px;
}

.header-cart-summary .summary-table .item-detail,
.header-cart-summary .summary-table .qty,
.header-cart-summary .summary-table .pricing,
.header-cart-summary .summary-table .total {
  float: right;
  clear: right;
  width: 70%;
  max-width: none;
  text-align: left;
}

.header-cart-summary .summary-table p.price {
  font-weight: bold;
  display: inline-block;
  font-size: 0;
}

.header-cart-summary .summary-table p.price .price-display {
  font-size: 0.75rem;
}

.header-cart-summary .summary-table p.price.save, .header-cart-summary .summary-table p.price.tax {
  display: none;
}

.header-cart-summary .summary-table #main .cc-delivery-method .tab-content li {
  width: 100%;
}

.header-cart-summary .summary-table .item-detail span, .header-cart-summary .summary-table p, .header-cart-summary .summary-table td, .header-cart-summary .summary-table .price-display, .header-cart-summary .summary-table span {
  text-transform: uppercase;
  font-size: 0.75rem;
}

.header-cart-summary .summary-table .item-detail h4 a {
  font-size: 0.9rem;
  line-height: 1rem;
  margin-bottom: 13px;
}

.header-cart-summary .summary-table .style-number {
  display: none;
}

.header-cart-summary > h3 {
  border-bottom-width: 1px;
  padding-bottom: 10px;
  margin-top: 10px;
}

.header-cart-summary h4 {
  margin-top: 0;
}

.header-cart-summary h4 a {
  color: #575859;
  font-weight: bold;
  font-size: 1rem;
  display: inline-block;
}

.header-cart-summary h4 a:hover {
  color: #575859;
}

.header-cart-summary thead {
  display: none;
}

.header-cart-summary tr {
  border-bottom-width: 1px;
  padding-right: 8%;
  display: block;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.header-cart-summary tr::after {
  display: block;
  clear: both;
  content: "";
}

.header-cart-summary td {
  border: 0;
  padding: 0;
}

.header-cart-summary .item {
  width: 100%;
  display: block;
}

.header-cart-summary .item figure {
  margin-right: 10px;
  width: 60px;
  float: left;
}

.header-cart-summary .next-previous a {
  width: 100%;
  margin: 10px 0 5px;
}

.header-cart-summary .qty:before {
  content: "Qty: ";
}

.header-cart-summary td.actions ul {
  list-style: none;
}

.header-cart-summary td.actions li.remove {
  position: absolute;
  top: 5px;
  right: 0;
}

.header-cart-summary .cart-total {
  margin-top: 0;
  width: 100%;
}

.header-cart-summary .loading,
.login #sign-in.loading {
  min-height: 40px;
  background: #fff url(ajax-loader.gif) center no-repeat;
  display: block;
  position: absolute;
}

.header-cart-summary.on .ajax-content {
  display: block;
}

.header-account a {
  text-decoration: none;
}

.header-account a.navbar-toggle {
  text-decoration: none;
}

#header-nav .header-nav-container > ul > li.on > a {
  border-bottom: none;
  color: #575859;
  font-weight: bold;
}

.header-search {
  position: relative;
  width: 100%;
  border-bottom-width: 1px;
}

.header-search #search-menu {
  border: 2px solid #EDEDED;
  border-radius: 0;
  border-width: 2px 0 0 0;
  padding: 3px 14px;
  width: 100%;
  margin-top: 7px;
}

.header-search #search-menu::after {
  display: block;
  clear: both;
  content: "";
}

.header-search #search-menu label {
  display: none;
}

.header-search #search-menu input {
  padding: 5px;
  width: 70%;
  height: calc(2.25rem + 2px);
  border: 0;
  font-weight: 300;
}

.header-search #search-menu button {
  width: 20px;
  background: url(sprite.png) 50% -142px no-repeat;
  background-size: 30px;
  text-indent: -9999px;
  padding: 6px 15px;
  float: right;
  margin-bottom: 0;
}

.header-search #search-menu.in {
  margin-bottom: 15px;
}

.header-search .autocomplete {
  position: absolute;
  width: 100%;
  left: 0;
  top: 65px;
  background: #fff;
  z-index: 2;
  border-top-weight: 1px;
  -webkit-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31);
  -moz-box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31);
  box-shadow: 0px 5px 16px 0px rgba(50, 50, 51, 0.31);
  display: none;
}

.header-search .autocomplete .description {
  width: 250px;
}

.header-search .autocomplete .item {
  width: 100%;
}

@media (min-width: 992px) {
  .header-search .autocomplete .item {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.header-search .autocomplete .offer,
.header-search .autocomplete .buy-now,
.header-search .autocomplete .colours,
.header-search .autocomplete .reviews,
.header-search .autocomplete .options,
.header-search .autocomplete .quickview {
  display: none;
}

.header-search .autocomplete .item figure,
.header-search .autocomplete h4,
.header-search .autocomplete .reviews,
.header-search .autocomplete .pricing {
  display: block;
}

.header-search .autocomplete .item {
  margin-top: 0;
}

.header-search .autocomplete .item figure {
  position: relative;
  margin-right: 10px;
  margin-bottom: 0;
  width: 73px;
  float: left;
}

.header-search .autocomplete .item figure > a > img {
  width: 75px;
}

.header-search .autocomplete .item-detail {
  float: right;
  width: 70%;
}

.header-search .autocomplete h4 {
  font-size: 1rem;
}

.header-search .autocomplete h4 a {
  margin: 0;
}

.header-search .autocomplete > li {
  border-width: 0 1px;
}

.header-search .autocomplete li {
  margin-bottom: 0;
}

.header-search .autocomplete li::after {
  display: block;
  clear: both;
  content: "";
}

.header-search .autocomplete li h3,
.header-search .autocomplete li p {
  margin: 0;
}

.header-search .autocomplete li li {
  padding: 10px;
  border-bottom-width: 1px;
}

.header-search .autocomplete .thumbnail {
  float: left;
  margin: 0 10px 0 0;
}

.header-search .autocomplete .thumbnail img {
  width: 30px;
}

.header-search .autocomplete .view-all a {
  text-align: center;
  display: block;
  padding: 10px 20px;
  text-decoration: none !important;
}

.header-search .autocomplete .articles h4 {
  width: auto;
  float: none;
}

.header-search .autocomplete .products {
  padding-bottom: 0;
  width: 100%;
}

@media (min-width: 992px) {
  .header-search .autocomplete .products {
    overflow-y: auto;
    max-height: 65vh;
  }
}
@media (max-width: 1429.98px) {
  /* MOBILE TRIGGERS - HEADER ICONS */
  .mobile-triggers {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    padding: 0.7rem 0.9rem;
    background-color: white;
  }

  .mobile-triggers a {
    float: left;
    height: 40px;
    background: url(sprite.png) 0 -4px no-repeat;
    background-size: 40px;
    width: 43px;
    margin: 0;
    display: block;
    position: relative;
    padding: 0.7rem 0.5rem;
  }

  .mobile-triggers a.active {
    background-position: 15px -117px;
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 65px;
  }

  .mobile-triggers .navbar-toggle.icon-menu:not(.active) {
    background-position: -6px -9px;
    background-size: 50px;
  }

  .mobile-triggers a.icon-search {
    background-position: 0 -190px;
    display: none;
  }

  .mobile-triggers a.icon-currency {
    background-position: 0 -317px;
    display: none;
  }

  .mobile-triggers a.icon-cart {
    background-position: 0 -62px;
    float: right;
  }

  /* MOBILE TRIGGER - SUB MENU */
  .mobile-trigger {
    position: absolute;
    right: -14px;
    width: 49px;
    top: 0px;
    height: 40px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    background: url(sprite.png);
    background-size: 40px;
    background-position: 46px -1198px;
  }

  li.active > a + .mobile-trigger {
    background-position: 46px -1259px;
  }
}
@media (max-width: 991.98px) {
  .page-header-container.menu-open .header-search {
    display: none;
  }

  .header-search.active {
    display: block;
  }

  #page-header {
    padding-top: 10px;
  }

  #search-menu {
    background-color: white;
  }

  .header-search #search-menu input {
    width: calc(100% - 37px);
    font-weight: bolder;
  }
}
@media (min-width: 768px) {
  #header-nav .header-nav-container {
    width: 77%;
    margin-top: 0px;
  }

  .header-cart-summary .item .item-detail h4 {
    width: 93%;
    line-height: 1.3rem;
    margin-bottom: 0;
  }

  .header-cart-summary .item .item-detail .style-number {
    margin-bottom: 12px;
  }

  .header-cart-summary .item .item-detail .selections {
    font-size: 0.875rem;
  }

  .header-cart-summary .cart-total span:not(.hint):last-child {
    margin-left: 0px;
  }

  .header-cart-summary .gstonorder > .price-display {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    float: right;
  }

  .header-cart-summary .pricing .price.save {
    display: none;
  }

  .header-cart-summary .price-currency {
    float: left;
  }

  .header-cart-summary .pricing,
.header-cart-summary .qty,
.header-cart-summary .total {
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  #page-header .header-nav-container ul > li > a,
#page-header .header-nav-container ul > li > .structural {
    padding: 5px 10px;
    font-size: 0.9375rem;
    font-weight: 300;
  }

  body:not(.productpage):not(.blogpage):not(.cartpage).scrolled-down #page-header .header-nav-container {
    margin-top: 0px;
  }

  body:not(.productpage):not(.blogpage):not(.cartpage).scrolled-down .logo img {
    opacity: 0;
  }

  body:not(.productpage):not(.blogpage):not(.cartpage).scrolled-down .logo a {
    background-image: url("reduced-logo.png");
    background-size: contain;
    height: 43px;
    background-position-y: 0;
  }

  body.loggedin .header-account > ul > li,
body.loggedin .header-options > ul > li {
    display: block;
    float: none;
    text-align: center;
    padding: 5px;
  }

  body.loggedin .header-account {
    margin-top: 26px;
  }

  body.loggedin ul#account-menu {
    position: absolute;
    padding-top: 0;
    border-width: 1px;
    width: 199px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 40;
    background-color: #fff;
  }

  body.loggedin ul#account-menu::after {
    display: block;
    clear: both;
    content: "";
  }

  body.loggedin ul#account-menu li:hover {
    background-color: #F3F0EE;
  }

  body.loggedin ul#account-menu li.wishlist .badge {
    display: none;
  }
}
@media (min-width: 992px) and (min-width: 768px) and (max-width: 1429.98px) {
  body.loggedin a.navbar-toggle {
    background: url(sprite.png);
    background-size: 100%;
    height: 40px;
    width: 35px;
    display: inline-block;
    text-indent: 9999px;
    background-position: 50% -1151px;
  }
}
@media (min-width: 992px) {
  .page-header-container > .header-account {
    display: block;
  }
}
@media (min-width: 992px) {
  body:not(.loggedin) .header-account > a {
    display: none;
  }

  body:not(.loggedin) ul#account-menu > li {
    margin-right: 15px;
  }
}
@media (min-width: 992px) and (min-width: 768px) and (max-width: 1429.98px) {
  body:not(.loggedin) .header-account {
    clear: none;
  }

  body:not(.loggedin) ul#account-menu {
    margin-top: 25px;
  }

  body:not(.loggedin) ul#account-menu li {
    margin-right: 0;
  }

  body:not(.loggedin) ul#account-menu li.login > a,
body:not(.loggedin) ul#account-menu li.register > a {
    background: url(sprite.png);
    background-size: 35px;
    height: 40px;
    width: 35px;
    display: inline-block;
    text-indent: -9999px;
  }

  body:not(.loggedin) ul#account-menu li.login > a {
    background-position: 50% -1151px;
  }

  body:not(.loggedin) ul#account-menu li.register {
    display: none;
  }
}
@media (min-width: 992px) {
  .header-account .navbar-toggle {
    display: block;
    padding: 10px 10px 6px 10px;
    text-align: right;
  }
}
@media (min-width: 992px) {
  .badge {
    padding: 0.25em 0.2em;
  }
}
@media (min-width: 992px) {
  body:not(.productpage):not(.blogpage):not(.cartpage) #page-header {
    position: fixed;
    top: 0;
    left: 0;
  }
}
@media (min-width: 992px) {
  #page-header {
    width: 100%;
    background-color: #fff;
    border-bottom-width: 1px;
  }

  #page-header:before {
    content: "";
    height: 43px;
    display: block;
    width: 100%;
    position: absolute;
  }

  #page-header .content.header-middle {
    padding-top: 34px;
  }

  #page-header .mobile-triggers,
#page-header .mobile-trigger {
    display: none;
  }
}
@media (min-width: 992px) {
  .page-header-container {
    width: 97%;
    font-size: 1rem;
    margin-left: auto;
    margin-right: auto;
  }

  .page-header-container::after {
    display: block;
    clear: both;
    content: "";
  }

  .page-header-container .header-account {
    padding-right: 0;
    float: right;
  }

  .page-header-container ul li.logout {
    margin-left: 0;
  }

  .page-header-container ul li a {
    font-size: -3rem;
  }

  .page-header-container li.store-finder {
    display: none;
  }
}
@media (min-width: 992px) {
  .logo {
    margin-top: 23px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 252px;
    max-width: none;
  }

  .logo a {
    width: 252px;
    height: 76px;
    background-image: none;
  }

  .logo img {
    transition: opacity 300ms;
    display: block;
  }
}
@media (min-width: 992px) {
  .wishlist-count {
    vertical-align: top;
  }
}
@media (min-width: 992px) {
  .header-compare {
    display: block;
    padding-right: 20px;
    float: right;
  }

  .header-compare a {
    line-height: 43px;
  }
}
@media (min-width: 992px) {
  #header-nav {
    display: block;
    background: none;
    border-bottom-width: 1px;
    top: auto;
    position: relative;
    max-height: none;
    padding-top: 5px;
    overflow-y: unset;
  }

  #header-nav .container ul ul {
    display: none;
  }

  #header-nav .header-nav-container > ul {
    text-align: center;
    z-index: 20;
  }

  #header-nav .header-nav-container {
    margin-top: 20px;
    transition: margin 300ms;
  }

  #header-nav .header-nav-container ul > li {
    position: relative;
    border: 0;
    display: inline-block;
    float: none;
    padding: 0;
    position: static;
  }

  #header-nav .header-nav-container ul > li ul {
    padding-left: 0;
    display: inherit;
    padding-bottom: 0;
  }

  #header-nav .header-nav-container .active .submenu {
    -webkit-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.31);
    box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.31);
    border-top: 1px solid #F3F0EE;
    position: absolute;
    left: 0;
    background: #fff;
    min-width: 175px;
    text-align: left;
    z-index: 21;
    text-align: center;
    /* full width menu */
    width: 100%;
    left: 0;
    padding-bottom: 44px;
    padding-top: 23px;
    display: inline-block;
    text-align: center;
  }

  #header-nav .header-nav-container .active .submenu .submenu-content {
    margin: 0 auto;
  }

  #header-nav .header-nav-container .active .submenu .submenu-content > ul {
    width: 27.5%;
    width: 37.5%;
    -webkit-columns: 2 184px;
    -moz-columns: 2 184px;
    columns: 2 184px;
    display: inline-block;
    text-align: left;
  }

  #header-nav .header-nav-container .active .submenu .submenu-content > ul > li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  #header-nav .header-nav-container .active .submenu .submenu-content {
    width: 1170px;
  }
}
@media (min-width: 992px) and (min-width: 1430px) {
  #header-nav .header-nav-container .active .submenu .submenu-content {
    width: 1400px;
  }
}
@media (min-width: 992px) {
  #header-nav .nav-flyout {
    width: 27.5%;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
  }

  #header-nav .nav-flyout img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 992px) {
  #header-nav .header-nav-container ul > li ul > li > a,
#header-nav .header-nav-container ul > li ul > li > .structural {
    padding: 10px;
    border: 0;
    font-size: 1rem;
    font-weight: 300;
  }
}
@media (min-width: 992px) {
  #header-nav .header-nav-container ul > li ul > li.on > a {
    font-weight: bold;
  }
}
@media (min-width: 992px) {
  #header-nav.dropdown.in {
    background: none;
  }
}
@media (min-width: 992px) {
  #header-nav .submenu-content {
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  #account-menu > li > a, .header-cart-summary > a {
    position: relative;
    font-size: 0.875rem;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .header-cart {
    float: right;
    clear: none;
    margin-top: 25px;
  }
}
@media (min-width: 992px) {
  .header-cart-summary {
    float: right;
    margin-left: 10px;
    opacity: 1;
  }

  .header-cart-summary .bag {
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
  }

  .header-cart-summary .bag:hover .cart-info-count {
    text-decoration: underline;
    color: #000;
  }

  .header-cart-summary .ajax-content {
    width: 330px;
    top: 43px;
  }

  .header-cart-summary > a {
    height: 43px;
    padding: 10px 11px 0 43px;
    display: block;
    text-decoration: none;
    padding: 10px 11px 6px 38px;
    background: url(sprite.png) -8px -58px no-repeat;
    background-size: 37px;
  }

  .header-cart-summary > a:hover {
    text-decoration: underline;
  }

  .header-cart-summary .summary-amount {
    display: inline;
  }

  .header-cart-summary.on {
    margin-top: 0;
  }

  .header-cart-summary.on .loading .ajax-content {
    display: none;
  }
}
@media (min-width: 992px) {
  #header-nav ul:not(.m-nav-links),
#currency-menu,
#search-menu {
    display: block;
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .header-account > ul > li,
.header-options > ul > li,
#header-nav .container > ul > li,
.header-account,
.header-options {
    float: left;
  }
}
@media (min-width: 992px) {
  .header-account {
    padding-right: 20px;
  }

  .header-account ul {
    padding-top: 8px;
  }

  .header-account ul#account-menu {
    padding-top: 0;
  }

  .header-account ul#account-menu li > a {
    line-height: 43px;
    font-size: 0.875rem;
  }

  .header-account ul#account-menu .password label,
.header-account ul#account-menu .email label {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .header-cart > a {
    float: right;
    margin-left: 20px;
  }
}
@media (min-width: 992px) {
  .nav-trigger,
.m-nav-links {
    display: none;
  }
}
@media (min-width: 992px) {
  .header-search {
    position: absolute;
    width: auto;
    top: 140px;
    z-index: 21;
    right: 35px;
  }

  .header-search .navbar-toggle.icon-link {
    display: none;
  }

  .header-search #search-menu {
    float: none;
    background-color: #F3F0EE;
    border: none;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 6px 8px;
    width: auto;
  }

  .header-search #search-menu input {
    width: 72px;
    transition: width 300ms;
    background-color: #F3F0EE;
    outline: none;
    float: left;
  }

  .header-search #search-menu button {
    width: 20px;
    background: url(sprite.png) 4px -140px no-repeat;
    background-size: 30px;
    text-indent: -9999px;
    padding: 6px 20px;
  }

  .header-search #search-menu .autocomplete {
    display: block;
  }
}
@media (min-width: 992px) {
  .header-search.is-open .navbar-toggle.icon-link {
    display: none;
  }

  .header-search.is-open #search-menu {
    right: 112px;
  }

  .header-search.is-open #search-menu input {
    width: 320px;
  }

  .header-search.is-open #search-menu button {
    display: block;
  }

  .header-search.is-open #search-menu .autocomplete {
    display: block;
  }

  .header-search.is-open #search-menu .autocomplete span.overlay {
    display: none;
  }
}
@media (min-width: 992px) {
  .currency-estimator {
    float: left;
    display: none;
  }
}
@media (min-width: 992px) {
  #header-nav .header-nav-container .submenu li a {
    padding: 10px 15px;
  }
}
@media (min-width: 992px) {
  .header-cart-summary .badge {
    margin-right: 6px;
  }
}
@media (min-width: 768px) {
  .scrolled-down .header-search {
    top: 79px;
  }
}
@media (min-width: 992px) {
  .header-search {
    top: 138px;
  }
}
@media (min-width: 1430px) {
  #page-header .header-nav-container ul > li > a,
#page-header .header-nav-container ul > li > .structural {
    font-size: 0.875rem;
    padding: 5px 20px;
  }

  .page-header-container .header-account {
    clear: none;
    margin-top: 25px;
    margin-right: 24px;
  }

  #header-nav .header-nav-container {
    width: auto;
    margin-top: 20px;
  }

  .header-nav-container .active .submenu .submenu-content > ul {
    width: 27.5%;
  }

  body.loggedin ul#account-menu {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
/* ========= HEADER COMPONENT END ========= */
/* ========= BREADCRUMB COMPONENT ========= */
/* Cart pages */
/*** IPAD + DESKTOP ***/
/* ========= BREADCRUMB COMPONENT END ========= */

/* ========= LEFT NAV COMPONENT ========= */
.cataloguepage #left-nav .left-nav-container .menu > ul > li.on > a, .cataloguepage #left-nav .left-nav-container .menu li.on > span, .searchpage #left-nav .left-nav-container .menu > ul > li.on > a, .searchpage #left-nav .left-nav-container .menu li.on > span, .infopage #left-nav .left-nav-container .menu > ul > li.on > a, .infopage #left-nav .left-nav-container .menu li.on > span { font-weight: bold; padding-bottom: 10px; margin-top: -9px; display: block; font-size: 1.625rem; }

.cataloguepage #left-nav .menu li.on, .cataloguepage #left-nav .menu li.on li, .searchpage #left-nav .menu li.on, .searchpage #left-nav .menu li.on li, .infopage #left-nav .menu li.on, .infopage #left-nav .menu li.on li { display: block; }

#left-nav { padding: 0; font-size: 3rem; }

#left-nav .content { margin-bottom: 10px; }

#left-nav ul { list-style: none; padding: 0; }

#left-nav .menu { display: none; padding: 0 20px 0 0; }

#left-nav .menu.dynamic li { display: none; }

#left-nav .menu > ul { padding: 0; }

#left-nav .menu ul ul li > ul { margin-left: 15px; }

#left-nav .menu ul li li.on > a { font-weight: bold; }

#left-nav .menu li { padding: 8px 0 0; }

@media (min-width: 768px) { #left-nav { width: 23%; float: left; margin-left: 0; margin-right: 5%; font-size: 0.9rem; }
  #left-nav .menu { display: block; margin-bottom: 30px; }
  #left-nav .left-nav-container { padding: 0; } }
@media (min-width: 1430px) { #left-nav { font-size: 1rem; font-size: 1rem; width: 18%; margin-right: 3%; } }
.accountpage #left-nav li.on > a { font-weight: bold; }

/* ========= LEFT NAV COMPONENT END ========= */

/* ========= FOOTER COMPONENT ========= */
#page-footer { margin-top: 25px; background-color: #F3F0EE; }

#page-footer .content { clear: both; }

#page-footer .content.footer-top { padding: 35px 0 25px 0; }

#footer-nav { padding-top: 20px; }

.footer-nav-container ul { list-style: none; padding: 0; }

.footer-nav-container > ul { border-top-width: 1px; }

.footer-nav-container > ul > li { padding: 5px 0; position: relative; border-bottom-width: 1px; }

.footer-nav-container li a, .footer-nav-container li span { display: inline-block; padding: 5px 0; }

.footer-nav-container li span { cursor: pointer; }

.footer-nav-container .eso-accordion > li > span, .footer-nav-container .eso-accordion > li > a { font-weight: bold; width: 100%; }

.footer-nav-container .eso-accordion li > span { font-size: 1.375rem; font-family: "Crimson-Text", serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; position: relative; }

.footer-nav-container .eso-accordion li ul { padding-left: 30px; }

.footer-nav-container .eso-accordion li ul li a { font-size: 1.125rem; font-weight: 300; text-decoration: none; }

.estar { border-bottom: 1px solid black; }

.estar .container { display: flex; flex-direction: column; text-align: center; margin-top: 0px; padding: 20px 0; border-top-width: 1px; }

.estar .container::after { display: block; clear: both; content: ""; }

.estar .container .estar-info { order: 2; }

.estar .container .footer-nav-container { margin-bottom: 13px; order: 1; }

.estar .container .footer-nav-container .eso-accordion li { border-bottom: none; }

.estar .container .footer-nav-container .eso-accordion li:first-of-type { border-right: 1px solid #D0D1D1; }

.estar .container ul { margin-bottom: 0; border: none; }

.estar .container ul::after { display: block; clear: both; content: ""; }

.estar .container ul li { width: auto; margin-right: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; color: #D0D1D1; font-weight: 300; font-size: 1rem; display: inline-block; }

.estar .container ul li:last-of-type { border: none; font-weight: 300; }

.estar .container ul li a { padding: 0px; font-size: inherit; font-weight: 300; color: inherit; text-decoration: none; }

/*** IPAD + DESKTOP ***/
@media (min-width: 992px) { #footer-nav { padding: 30px 0; float: left; width: 75%; }
  #page-footer { margin-top: 80px; }
  #page-footer .estar .container { display: block; text-align: right; }
  #page-footer .estar .container .estar-info { float: right; }
  #page-footer .estar .container .footer-nav-container { float: left; width: auto; margin-bottom: 0px; }
  #page-footer .estar .container ul li { float: left; border-right-width: 1px; border-color: #D0D1D1; }
  #page-footer .estar .container ul li:last-of-type { border-right: none; }
  #page-footer .estar .container ul li a:hover { text-decoration: underline; color: #D0D1D1; font-size: 1rem; font-weight: 300; }
  .page-footer-container { overflow: auto; }
  .footer-nav-container > ul { border-top-width: 0; margin: 0; }
  .footer-nav-container .eso-accordion li ul li a { text-decoration: none; font-size: 1rem; }
  .footer-nav-container .collapse.eso-accordion { display: block; visibility: visible; height: auto !important; }
  .footer-nav-container .collapsing.eso-accordion { height: auto !important; }
  .footer-nav-container > ul > li { width: 25%; float: left; border: 0; }
  .footer-nav-container > .eso-accordion > li > ul { padding-left: 0; }
  .footer-nav-container > ul > li span { cursor: default; }
  .footer-nav-container > ul > li span.eso-accordion-indicator { display: none; }
  #footer-nav .footer-nav-container > ul > li { width: 33.3%; } }
@media (min-width: 992px) { #page-footer .content.footer-top { float: right; } }
/*** DESKTOP ***/
@media (min-width: 1150px) { .footer-nav-container, #page-footer .content { padding: 0; } }
@media (min-width: 1430px) { #footer-nav .footer-nav-container > ul > li { width: 25%; } }
/* ========= FOOTER COMPONENT END ========= */

z
@charset "UTF-8";
/* ========= CATALOGUE LISTING COMPONENT ========= */
.cataloguepage h1 {
  text-align: center;
  font-size: 1.625rem;
  margin: 30px 0;
}

.cataloguepage #left-nav {
  display: none;
}

.cataloguepage .main-container {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .cataloguepage h1 {
    margin: 0 0 30px 0;
  }

  .cataloguepage .breadcrumb {
    padding-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .cataloguepage #left-nav {
    display: block;
  }

  .cataloguepage .main-container {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 29px;
    border-top-width: 1px;
    margin-top: 150px;
  }

  .cataloguepage h1 {
    font-size: 3.125rem;
    top: -96px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
  }
}
.overlay.top-horizontal.left-vertical, .overlay.top-horizontal.right-vertical {
  width: 29%;
}

.item .item-detail {
  position: relative;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  /* for convenience the item detail elements orders are kept together */
}

.item .item-detail h4 {
  order: 1;
}

.item .item-detail .style-number {
  order: 5;
}

.item .item-detail .selections {
  order: 6;
}

.item .item-detail .offer {
  order: 7;
}

.item .item-detail .reviews {
  order: 100;
}

.item .item-detail .pricing {
  order: 15;
}

.item .item-detail .colours {
  order: 20;
}

.item .item-detail .buy-now {
  order: 25;
}

.item .item-detail .quickview {
  order: 30;
}

.item .item-detail .options {
  order: 35;
}

.item .item-detail .item-asset {
  order: 40;
}

.item figure {
  margin-bottom: 0.5625rem;
}

.item figure img {
  width: 100%;
}

.item h4 {
  font-family: "Montserrat", sans-serif;
  width: 85%;
}

.item h4 a {
  font-size: 1rem;
  text-decoration: none;
  font-weight: 300;
}

.item h4 a:hover {
  text-decoration: none;
}

.item .style-number {
  font-size: 0.8rem;
}

.item .item-brand {
  position: absolute;
  right: 0;
  top: -45px;
  height: 30px;
  text-indent: -9999px;
}

.item .item-brand img {
  height: 100%;
  display: block;
}

.item .options {
  clear: both;
}

.item .offer {
  margin-bottom: 5px;
}

.item .options a {
  display: inline-block;
  text-align: center;
}

.item .options a + a {
  margin-left: 10px;
}

.item .quickview, .item .buy-now, .item .style-number {
  display: none;
}

.item .item-asset {
  clear: both;
}

.item .buy-now button, .item .quickview .btn, .item .options a {
  width: 100%;
}

.item .quickview .btn {
  text-decoration: none;
}

.item .quickview .btn:hover {
  text-decoration: none;
}

.item .colours::after {
  display: block;
  clear: both;
  content: "";
}

.item .colours ul {
  list-style: none;
  padding: 0;
}

.item .colours ul.no-image {
  display: none;
}

.item .colours li {
  float: left;
  margin: 0 3px 3px 0;
}

.item .colours li img {
  width: 20px;
  height: 20px;
  display: block;
}

.item .colours li.no-image {
  display: none;
}

.item .colours li.on img {
  border-color: #000;
}

.item .colours li span {
  display: none;
}

.item .price .price-display {
  font-weight: bold;
  font-size: 1rem;
}

.item button.add-wishlist {
  display: block;
  width: 25px;
  height: 30px;
  background: url(sprite.png) 50% -2295px no-repeat;
  background-size: 64px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 0;
}

.item button.add-wishlist.selected, .item button.add-wishlist.added, .item button.add-wishlist:hover {
  background-position: 50% -2597px;
}

#main .products {
  margin: 20px 0;
  padding-right: 5%;
  padding-left: 5%;
}

#main .products:not(.slick-slider) {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

#main .products:not(.slick-slider)::after {
  display: block;
  clear: both;
  content: "";
}

@media (min-width: 992px) {
  #main .products:not(.slick-slider) > .item {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 37px;
  }

  #main .products:not(.slick-slider) > .item:nth-child(3n) {
    margin-right: 0%;
  }
}
@media (max-width: 991.98px) {
  #main .products:not(.slick-slider) > .item {
    width: 47%;
    margin-bottom: 20px;
    margin-right: 6%;
  }

  #main .products:not(.slick-slider) > .item:nth-child(2n) {
    margin-right: 0;
  }
}
#main .products:not(.slick-slider) .next_link {
  clear: both;
}

@media (min-width: 992px) {
  #main .products {
    padding-right: 0%;
    padding-left: 0%;
  }
}
.active-filters {
  display: none;
  text-align: left;
  text-align: center;
  font-size: 1rem;
  margin-right: 10px;
  padding-top: 10px;
  clear: both;
  margin-bottom: 30px;
}

.active-filters.enabled {
  display: block;
}

.active-filters > div {
  display: inline-block;
}

.active-filters .filter-title h4 {
  display: none;
}

.active-filters .active-filter-list ul {
  padding: 0;
  margin-bottom: 0px;
}

.active-filters .active-filter-list ul > li {
  background-color: #EDEDED;
  padding: 2px 4px;
  margin-right: 10px;
  margin-top: 10px;
  display: inline-block;
}

.active-filters .active-filter-list ul > li a {
  display: inline-block;
  text-decoration: none;
}

.active-filters .active-filter-list ul li.grouped ul {
  display: none;
}

.active-filters .resetall {
  margin-top: 10px;
}

.active-filters .resetall a {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .active-filters {
    float: left;
    padding-top: 10px;
    text-align: left;
  }

  .active-filters .filter-title {
    margin-right: 10px;
  }

  .active-filters .filter-title h4 {
    display: block;
    font-weight: bold;
    font-size: 1rem;
  }
}
.page-numbers {
  display: inline-block;
  text-align: center;
  color: #868e96;
  margin-bottom: 10px;
  position: relative;
}

.page-numbers::after {
  display: block;
  clear: both;
  content: "";
}

.page-numbers ul + .view-all {
  margin: 5px 0;
  text-decoration: underline;
}

.page-numbers .view-all {
  margin: 5px;
  float: left;
}

.page-numbers > p {
  display: none;
}

.page-numbers p, .page-numbers ul {
  float: left;
}

.page-numbers ul {
  padding: 0;
  margin-left: 5px;
  margin-bottom: 0;
  list-style: none;
}

.page-numbers li {
  float: left;
  padding: 4px 0;
  vertical-align: middle;
  text-align: center;
  font-weight: 300;
  width: 30px;
}

.page-numbers li a {
  width: 30px;
  display: block;
}

.page-numbers .on {
  font-weight: bold;
}

.page-numbers li.next-prev {
  display: block;
  padding: 6px;
  background: none;
  margin-right: 7px;
  margin-left: 0;
}

.page-numbers li.next-prev:active, .page-numbers li.next-prev:focus {
  background-color: white !important;
  border-color: white !important;
}

.page-numbers li.next-prev a {
  background-size: contain;
  text-indent: -9999px;
  height: 22px;
  width: 18px;
  background: url(sprite.png);
  background-size: 23px;
  display: block;
}

.page-numbers li.next-prev.prev a {
  background-position: 0 -508px;
}

.page-numbers li.next-prev.next a {
  background-position: 0 -545px;
}

@media (min-width: 992px) {
  .page-numbers {
    float: right;
    font-size: 1rem;
    padding: 0;
    position: relative;
    margin-bottom: 0;
  }

  .page-numbers ul {
    position: relative;
    left: 0;
    padding: 0 0 0 15px;
  }

  .page-numbers li {
    padding: 5px 0;
  }

  .page-numbers .view-all {
    margin-left: 10px;
    float: left;
  }
}
.autoscroll .page_numbers {
  display: none;
}

.loading-message {
  text-align: center;
  width: 100%;
  clear: both;
  display: none;
}

.loading-message span {
  display: inline-block;
  padding-left: 30px;
  background: url("ajax-loader.gif") 0 0 no-repeat;
}

.next_link + .loading_message {
  display: block;
}

/*Quickview Modal Popup*/
#modal-popup .popup-data.collapse, #modal-popup .popup-data.collapsing {
  border-width: 1px 0;
  border-style: solid;
  border-color: #EDEDED;
  padding: 0;
}

#modal-popup .popup-data.collapse > *, #modal-popup .popup-data.collapsing > * {
  padding: 10px 0;
}

#modal-popup .popup-data.collapse img, #modal-popup .popup-data.collapsing img {
  max-width: 100%;
}

#modal-popup .click-and-collect,
#modal-popup .magnify-holder,
#modal-popup .long-description,
#modal-popup .additional-info-links,
#modal-popup .reviews .links,
#modal-popup .full-pricing,
#modal-popup .additional-info,
#modal-popup .incentive,
#modal-popup .aspects,
#modal-popup .popup-link {
  display: none !important;
}

#modal-popup .childproducts .product-img {
  display: none;
}

#modal-popup .productpage .childproducts .product-content {
  width: 100%;
}

#modal-popup .product-content .form-item.quantity,
#modal-popup .product-content .form-item.size,
#modal-popup .product-content .form-item.colour {
  width: 100%;
}

#modal-popup .product-content .cart-options .additional-options button, #modal-popup .product-content .cart-options .additional-options a {
  width: 100%;
  margin-bottom: 1rem;
}

#modal-popup .modal-body .product-img {
  width: 100%;
}

#modal-popup .modal-body .product-content {
  width: 100%;
}

#modal-popup .modal-body .product {
  border: none;
  margin-top: 0;
  padding-top: 0;
}

@media (min-width: 768px) {
  #modal-popup .modal-body .product-img {
    width: 50%;
  }

  #modal-popup .modal-body .product-content {
    width: 46%;
  }
}
@media (max-width: 991.98px) {
  #modal-popup .alternate-images {
    display: none;
  }
}
@media (min-width: 768px) {
  #modal-popup .product-content {
    width: 46%;
  }

  #modal-popup .product-content .form-item.size {
    width: 100%;
  }
}
@media (min-width: 992px) {
  #modal-popup .product-content .form-item.size, #modal-popup .product-content .form-item.quantity {
    width: 48% !important;
  }
}
@media (min-width: 1430px) {
  #modal-popup .product-content .cart-options .additional-options button, #modal-popup .product-content .cart-options .additional-options a {
    margin-bottom: 0rem;
    width: 48%;
  }
}
/* ========= FILTERS  ========= */
.filters {
  position: relative;
}

.filters .filter-by .grouped ul {
  display: none;
}

.filters .filter-by .filter ul li a {
  text-decoration: none;
}

.filters .filter-by .filter ul li {
  padding-top: 2px;
  padding-bottom: 2px;
}

.filters .filter-by .filter-label {
  margin-bottom: 0;
  padding: 5px 20px 5px 10px;
  line-height: 1.5;
  text-align: left;
}

@media (min-width: 992px) {
  .filters .filter-by .filter-label {
    padding: 0;
    font-family: "Crimson-Text", serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    font-size: 1.3rem;
  }
}
.filters .filter-by .filter > p {
  margin: 0;
  padding: 13px 0;
  border: none;
  font-size: 1rem;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-align: left;
}

.filters .filter-by .filter > p .eso-accordion-indicator {
  top: 50%;
  transform: translateY(-50%);
}

.filters .filter-by > .eso-accordion-trigger.collapsed .eso-accordion-indicator {
  background-position: 3px -663px;
}

.filters .filter-by > .eso-accordion-trigger .eso-accordion-indicator {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  background-position: 3px -663px;
  background-size: 35px;
}

.filters .filter-by .show-more-trigger {
  text-decoration: underline;
  cursor: pointer;
  margin-top: 6px;
}

.filters .filter-by .show-more-trigger:hover {
  color: #000;
}

@media (max-width: 1429.98px) {
  .filters .filter-by .count {
    display: none;
  }
}
.filters .filter li > a:before, .filters .filter-by li.on .title:before {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 7px;
  border: 1px solid #ced4da;
  border-radius: 0;
}

.filters .filter li.on .title:before, .filters .filter li.on > a:before, .filters .filter li > a:hover:before {
  border-color: #9C9EAB;
  background-color: #9C9EAB;
}

.filters .sort-by {
  text-align: left;
}

.filters .sort-by > .sort-label {
  display: none;
}

@media (min-width: 992px) {
  .filters .sort-by > .sort-label {
    margin-right: 20px;
    display: inline-block;
    font-weight: bold;
    font-size: 1rem;
    font-family: "Crimson-Text", serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
}
@media (max-width: 991.98px) {
  .filters {
    display: block;
    margin-bottom: 1rem;
  }

  .filters::after {
    display: block;
    clear: both;
    content: "";
  }

  .filters .fake-select ul {
    width: 100%;
  }

  .filters .filter ul {
    list-style: none;
    padding-left: 0;
  }

  .filters .filter ul ul {
    display: none;
  }

  .filters .filter-by > h2, .filters .sort-by .fake-select .selected {
    padding: 5px 20px 5px 10px;
    line-height: 1.5;
  }

  .filters .filter-by {
    float: right;
    border-width: 1px;
  }

  .filters .filter-by > h2 {
    font-size: 1rem;
    font-weight: normal;
    margin: 0;
  }

  .filters .filter-by .filter h3, .filters .filter-by li {
    padding-left: 10px;
    text-align: left;
  }

  .filters .filter-by .filter-wrapper {
    position: absolute;
    background-color: #fff;
    z-index: 4;
    right: 0;
    width: 50%;
    border-width: 0 1px 1px 1px;
    padding: 1rem;
  }

  .filters .filter-by .filter-wrapper::after {
    display: block;
    clear: both;
    content: "";
  }

  .filters .sort-by {
    float: left;
  }

  .filters .sort-by .filter, .filters .sort-by h2 {
    vertical-align: middle;
  }

  .filters .sort-by h2 {
    padding: 0 5px 0 0;
    margin: 4px 0 0;
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .filters {
    display: block;
    float: left;
    margin-bottom: 0;
    margin-top: 0;
  }

  .filters > h3 {
    display: none;
  }

  .filters .sort-by h2 {
    font-size: 1rem;
    display: inline-block;
    margin-right: 1.125rem;
  }
}
/* Current selection filters for product listing */
.filters .count,
.active-filter-list .count {
  display: inline-block;
  padding-left: 5px;
}

.filters .count a,
.active-filter-list .count a {
  font-size: 0px;
}

.filters .count a:before,
.active-filter-list .count a:before {
  content: "×";
  font-size: 1.125rem;
  display: block;
  line-height: 9px;
}

body.jqueryloaded .toolbar {
  opacity: 1;
}

.toolbar {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  text-align: center;
}

.toolbar::after {
  display: block;
  clear: both;
  content: "";
}

.toolbar .result-summary {
  display: none;
  float: left;
  margin-top: 10px;
}

.toolbar .sort-by .filter {
  width: 100%;
  display: inline-block;
}

@media (max-width: 991.98px) {
  .toolbar .sort-by h2 {
    display: none;
  }

  .toolbar .filter-by, .toolbar .sort-by {
    width: 50%;
  }

  .toolbar .filter-by h2 {
    font-family: "Montserrat", sans-serif;
    text-align: left;
  }

  .toolbar.top {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .toolbar.top .sort-by a {
    text-decoration: none;
  }

  .toolbar.top .filters {
    width: 100%;
    order: 1;
  }

  .toolbar.top .result-summary {
    order: 2;
  }

  .toolbar.top .active-filters {
    order: 3;
  }

  .toolbar.top .page-numbers {
    order: 4;
  }
}
@media (min-width: 992px) {
  .toolbar .filter-by {
    display: none;
  }

  .toolbar .sort-by .filter {
    width: 247px;
  }
}
#left-nav .sort-by {
  padding-bottom: 20px;
}

#left-nav .sort-by a {
  text-decoration: none;
}

#left-nav .filter-by {
  margin-top: 10px;
}

#left-nav .filter-by h2 {
  margin-bottom: 0;
  border-bottom: 0;
}

#left-nav .filter-by .filter > li {
  padding: 10px 0;
}

#left-nav .sort-by h2, #left-nav .filter-by h2 {
  font-weight: bold;
  border: none;
  padding-bottom: 10px;
  display: block;
}

#left-nav .filters {
  border-width: 2px 0;
  margin-top: 5px;
  margin-bottom: 20px;
  padding: 0 15px;
  position: relative;
}

#left-nav .filters::after {
  display: block;
  clear: both;
  content: "";
}

#left-nav .filters h2, #left-nav .filters h3:not(:first-child), #left-nav .filters li, #left-nav .filters > h3 {
  font-size: 1rem;
  font-family: "Montserrat", sans-serif;
}

@media (min-width: 768px) {
  #left-nav .filters h2, #left-nav .filters h3:not(:first-child), #left-nav .filters li, #left-nav .filters > h3 {
    font-size: 0.9rem;
    font-size: 0.9rem;
  }
}
@media (min-width: 1430px) {
  #left-nav .filters h2, #left-nav .filters h3:not(:first-child), #left-nav .filters li, #left-nav .filters > h3 {
    font-size: 1rem;
  }
}
#left-nav .filters > h3 {
  padding: 13px 0;
  margin: 0;
  text-transform: none;
  cursor: pointer;
}

#left-nav .filters .filter {
  margin-bottom: 0;
  position: relative;
}

#left-nav .filters .fake-select, #left-nav .filters .fake-select ul {
  width: 100%;
}

#left-nav .filters .fake-select {
  float: none;
}

#left-nav .filters .fake-select .selected {
  background: url(sprite.png) no-repeat 96% -338px;
  background-size: 20px;
}

#left-nav .filters li:not(.on) .count {
  font-size: 0px;
}

@media (min-width: 768px) {
  #left-nav .filters li {
    position: relative;
  }
}
#left-nav .count {
  display: inline-block;
  padding-left: 5px;
}

@media (min-width: 768px) {
  #left-nav .count a {
    display: block;
  }

  #left-nav .count a:before {
    font-size: 1.4375rem;
    font-weight: 600;
    position: absolute;
    right: 0;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (min-width: 768px) {
  #left-nav .filters {
    border-top: none;
    border-bottom: none;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
  }

  #left-nav .filters > .collapse {
    display: block;
    visibility: visible;
    height: auto !important;
  }

  #left-nav .filters .filter-by .filter ul li:last-child {
    margin-bottom: 10px;
  }

  #left-nav .sort-by {
    display: none;
  }
}
/* ========= FILTERS END ========= */
/* ========= CATALOGUE LISTING COMPONENT END ========= */
/* ========= SEARCH COMPONENT ========= */
.searchpage { /*** MOBILE ONLY ***/ }

.searchpage #left-nav .menu { display: none; }

.searchpage p.related a:first-child { padding-left: 8px; }

.searchpage .did-you-mean { font-weight: bold; }

.searchpage .zero-results ul a { padding-top: 15px; display: inline-block; }

.searchpage .search-info { font-size: 1rem; margin: 15px 0; }

.searchpage .active-filters { clear: none; }

.searchpage .popular { margin-bottom: 20px; }

.searchpage .nav-tabs { width: 100%; }

.searchpage .page-container .nav-tabs a, .searchpage .page-container .item h4 a, .searchpage .page-container .page-numbers a { text-decoration: none; }

.searchpage .alphabet-links { border-bottom-width: 1px; padding-bottom: 10px; margin-bottom: 10px; }

.searchpage .alphabet-links a { display: inline-block; padding: 6px; }

.searchpage .toolbar.top { -ms-box-orient: horizontal; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }

.searchpage .articles .item a { display: block; padding: 10px 0; font-weight: bold; }

.searchpage .articles .item a h4 { font-size: 1rem; }

.searchpage .page-container a { text-decoration: underline; }

.searchpage .page-container a:hover { color: #CCCBCC; }

.searchpage #left-nav { display: none; }

@media (max-width: 991px) { .searchpage .main-container { padding-left: 0; padding-right: 0; }
  .searchpage .popular, .searchpage .nav-tabs, .searchpage .page-container > p { padding-left: 15px; padding-right: 15px; } }
@media (min-width: 768px) { .searchpage #page-content { padding-bottom: 30px; width: 100%; } }
@media (min-width: 992px) { .searchpage #left-nav { display: none; }
  .searchpage .tab-content #left-nav, .searchpage #left-nav .filters .sort-by { display: block; }
  .searchpage .toolbar { clear: right; }
  .searchpage .toolbar .filters { display: none; }
  .searchpage .toolbar.top { height: 30px; }
  .searchpage .toolbar .page-numbers { width: auto; margin-left: auto; }
  .searchpage .articles { padding: 20px 0; }
  .searchpage .articles .item { vertical-align: top; }
  .searchpage .popular { float: right; margin-bottom: -20px; }
  .searchpage .related { margin-bottom: 25px; } }
/* ========= SEARCH COMPONENT END ========= */

/* ========= PRODUCT DETAIL COMPONENT ========= */
.product::after, .alternate-images::after, .reviews::after, .product-detail .review::after, .review-group::after, .cart-options::after, .additional-info-links::after {
  display: block;
  clear: both;
  content: "";
}

.productpage:not(.jqueryloaded) {
  display: none;
}

.productpage #page-content {
  width: 100%;
}

.productpage #left-nav {
  display: none;
}

.productpage a.btn {
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .productpage .main-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.productpage .magnify-holder {
  display: none;
}

.productpage .childproducts {
  clear: both;
}

.productpage .childproducts .product-img {
  width: 100%;
  margin-right: 10%;
}

.productpage .childproducts .product-img:empty {
  display: none;
}

.productpage .childproducts .product-content {
  width: 100%;
  float: left;
}

.productpage .childproducts .product-content .additional-options .add-wishlist {
  width: 100%;
}

.productpage .childproducts .product-content .form-item.size,
.productpage .childproducts .product-content .form-item.quantity {
  width: 48%;
}

.productpage .childproducts .product-selector {
  clear: both;
}

.productpage .childproducts .product-selector label {
  display: inline-block;
  margin-right: 5px;
}

.productpage .childproducts .product-selector input {
  float: left;
}

.productpage .childproducts .product-content h2 a, .productpage .childproducts .product-content h2 {
  font-size: 1.25rem;
}

.productpage .childproducts .product-img:empty + .product-content {
  width: 100%;
}

.productpage .childproducts .product {
  border: 1px solid #EDEDED;
  margin: 5px 0 20px 0;
  padding: 20px;
}

.productpage .childproducts header {
  font-weight: bold;
  font-family: "Crimson-Text", serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.3rem;
}

.productpage .childproducts .reviews .links a {
  margin: 0 10px 0 0;
  font-size: 0.875rem;
  font-weight: 300;
}

.productpage .childproducts .reviews p {
  width: 100%;
}

.productpage .childproducts .reviews .review-count {
  display: none;
}

.productpage .childproducts .images {
  padding: 0;
}

.productpage .childproducts h2 a, .productpage .childproducts .offer a {
  text-decoration: none;
}

.productpage .childproducts .slick-prev, .productpage .childproducts .slick-next {
  top: 44%;
}

.productpage .childproducts .product-selector label {
  display: inline-block;
}

.productpage .childproducts .product-selector input {
  float: left;
}

.productpage .childproducts a#write-a-review-9 {
  margin-left: 0 !important;
}

.productpage .childproducts .product-img a > img {
  visibility: visible;
}

.productpage:not(.ajax-content) .product-img {
  position: relative;
}

@media (min-width: 768px) {
  .productpage:not(.ajax-content) .product-img {
    width: 50%;
  }
}
.productpage .laybuy-widget {
  font-size: 0.875rem;
  margin: 6px 0;
}

.productpage .laybuy-widget .price {
  font-size: 0.875rem;
}

.productpage .laybuy-widget img {
  width: 100px;
  height: 23px;
  margin-right: 10px;
  vertical-align: bottom;
}

.productpage #laybuy {
  display: none;
}

.productpage .laybuy-popup-content {
  color: #533187;
  text-align: center;
  border-radius: 1rem;
  background-color: #f6f9fc;
  font-family: circular !important;
  font-weight: 400;
}

.productpage .laybuy-popup-content h4 {
  color: #786dff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
}

.productpage .laybuy-popup-content section {
  padding: 1.5rem 2rem;
}

.productpage .laybuy-popup-content section:first-of-type h1 {
  margin-bottom: 1.4rem;
  color: #533187;
  font-size: 1.75rem;
  display: block !important;
  font-family: inherit;
  font-weight: 700;
}

.productpage .laybuy-popup-content section:first-of-type > p {
  margin-bottom: 2rem;
  color: #786dff;
}

.productpage .laybuy-popup-content section:last-of-type > .step {
  padding: 0 0 3rem;
}

.productpage .laybuy-popup-content section:last-of-type > .step > .img-container {
  height: 4.25rem;
}

.productpage .laybuy-popup-content section:last-of-type > .step > p {
  font-size: 0.9rem;
}

.productpage .laybuy-popup-content section:last-of-type > .step > .img-container > img {
  height: 2.35rem;
}

.productpage .laybuy-popup-content section:last-of-type > .btn {
  margin: 1.5rem 0 0;
  color: #fff;
  background: #533187;
  border: 0;
  border-radius: 4rem;
  padding: 0.6rem 1.1rem;
  font-weight: 400;
  font-size: 0.9rem;
}

@media (min-width: 576px) {
  .productpage .laybuy-popup-content {
    text-align: left;
    display: flex;
    align-items: center;
    background-color: transparent;
    position: relative;
  }

  .productpage .laybuy-popup-content::before {
    width: 4rem;
    height: 100%;
    content: "";
    position: absolute;
    left: calc(40% - 2em);
    background-image: url(/Assets/laybuy/laybuy-wave.jpg);
    background-repeat: repeat-y;
    background-position: 50% top;
  }

  .productpage .laybuy-popup-content h4 {
    font-size: 1rem;
  }

  .productpage .laybuy-popup-content section:first-of-type {
    width: 40%;
    background: #fff;
    padding: 3.5rem 2rem;
  }

  .productpage .laybuy-popup-content section:first-of-type h1 {
    font-size: 1.9rem;
  }

  .productpage .laybuy-popup-content section:first-of-type > p {
    font-size: 1rem;
  }

  .productpage .laybuy-popup-content section:last-of-type {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    padding: 3.5rem 1rem 3.5rem 2rem;
    background-color: #f5f5f5;
    border-radius: 0 1rem 1rem 0;
  }

  .productpage .laybuy-popup-content section:last-of-type > .step {
    width: 50%;
  }

  .productpage .laybuy-popup-content section:last-of-type > .step:nth-child(odd) {
    padding: 0.8rem 0.5rem 0.8rem 0;
  }

  .productpage .laybuy-popup-content section:last-of-type > .step:nth-child(even) {
    padding: 0.8rem 0 0.8rem 0.5rem;
  }

  .productpage .laybuy-popup-content section:last-of-type > .step > p {
    font-size: 0.75rem;
  }

  .productpage .laybuy-popup-content section:last-of-type > .btn {
    font-size: 0.8rem;
    min-width: 140px;
  }
}
.productpage #oxipay-external {
  height: 77vh;
}

.productpage #main .nav li a {
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  background: transparent;
  border-width: 0 0 2px 0;
  border-color: transparent;
  padding: 15px 16px;
}

.productpage #main .nav li a.active {
  border-bottom-color: #000;
}

.product-content {
  clear: both;
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-content h1 {
  display: none;
}

.product-content .style-number {
  order: 5;
}

.product-content .preorderdata {
  order: 16;
}

.product-content .customer-service {
  order: 23;
}

.product-content .long-description {
  order: 25;
}

.product-content .additional-info-links {
  order: 30;
}

.product-content .additional-info {
  order: 35;
}

.product-content .style-number {
  font-weight: 300;
  font-size: 0.875rem;
  color: #CCCBCC;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .product-content .style-number {
    margin-bottom: 20px;
    text-align: left;
  }
}
.product-content a {
  text-decoration: underline;
}

.product-content a:hover {
  text-decoration: none;
}

.product-content .form-item.size ul, .product-content .form-item.colour ul {
  margin-bottom: 0;
}

.product-content .form-item.size .fake-select > ul > li label, .product-content .form-item.colour .fake-select > ul > li label {
  padding-left: 12px;
}

.product-content .form-item.size .item-unselectable label, .product-content .form-item.colour .item-unselectable label {
  background-color: #EDEDED;
  cursor: not-allowed;
}

.product-content .cart-options .additional-options a, .product-content .cart-options .additional-options button {
  width: 46.7%;
  text-transform: none;
}

.product-content .cart-options .additional-options .find-in-store {
  float: right;
  margin-bottom: 0;
}

.product-content .cart-options .additional-options .added-to-wishlist {
  padding: 0.375rem 1.8rem;
  text-align: center;
  text-decoration: none;
  line-height: 1.67;
}

@media (max-width: 991.98px) {
  .product-content .cart-options .additional-options a, .product-content .cart-options .additional-options button {
    padding: 6px 0;
  }
}
@media (min-width: 992px) {
  .product-content .cart-options .additional-options a, .product-content .cart-options .additional-options button {
    width: 48.2%;
  }
}
.product-content .preorderdata {
  text-align: center;
}

@media (min-width: 768px) {
  .product-content .preorderdata {
    text-align: left;
  }
}
.product-content .form-item.colour .swatch-image {
  display: inline-block;
  width: 40px;
  height: 60px;
  border: 0 solid transparent;
  vertical-align: middle;
  background-size: cover;
}

.product-content .form-item.colour img {
  border: 1px solid #EDEDED;
  border-radius: 0;
  width: 20px;
  height: 20px;
}

.product-content .form-item.colour p {
  margin-bottom: 5px;
}

.product-content .form-item.colour .control-label span {
  font-weight: 700;
  text-transform: uppercase;
}

.product-content .form-item.colour .selected {
  float: left;
  height: auto;
  border-color: #000;
  padding: 3px;
}

.product-content .form-item.colour .fake-select .selected span:first-child {
  margin: 0;
}

.product-content .form-item.colour .fake-select input {
  left: 0;
}

.product-content .form-item.colour ul:after {
  content: "";
  display: block;
  clear: both;
}

.product-content .form-item.colour ul li:after {
  content: "";
  display: block;
  clear: both;
}

.product-content .form-item.size:not(.empty) {
  margin-bottom: 26px;
}

.product-content .form-item.size.empty {
  display: none;
}

.product-content .form-item.size::after {
  display: block;
  clear: both;
  content: "";
}

.product-content .form-item.size ul {
  display: none;
  width: 147%;
  margin-top: 1px;
}

.product-content .form-item.size .open ul {
  display: block;
}

.product-content .form-item.size .control-label {
  background-color: #fff;
}

.product-content .form-item.size .fake-select span, .product-content .form-item.size .fake-select .selected {
  font-weight: 200;
}

.product-content .form-item.size .fake-select .selected {
  height: 40px;
}

.product-content .form-item.size .item-unavailable span:after {
  content: "- Out of stock (Notify Me)";
  margin-left: 5px;
}

.product-content .form-item.size.empty + .form-item.quantity {
  float: unset;
  margin-bottom: 15px;
}

.product-content .ESO_number_wrapper {
  margin-bottom: 0;
}

.product-content .ESO_number_wrapper a {
  text-decoration: none;
}

.product-content .form-item.quantity input {
  text-align: center;
  font-weight: 200;
}

.product-content .form-item.colour {
  width: 100%;
  clear: both;
}

.product-content .form-item.colour .colour-label {
  display: none;
}

.product-content .form-item.colour li {
  display: inline-block;
  position: relative;
}

.product-content .form-item.colour li input {
  z-index: -1;
  top: 20px;
  left: 20px;
}

.product-content .form-item.colour li.on label {
  border: 1px solid #575859;
}

.product-content .form-item.colour li label {
  float: left;
  padding: 3px;
  margin-right: 10px;
}

.product-content .form-item.size {
  width: 61.5%;
  float: left;
  clear: left;
  margin-top: 13px;
}

.product-content .form-item.size .size-select {
  display: none;
}

.product-content .form-item.size .fake-select .selected span + span {
  display: none;
}

.product-content .form-item.size .control-label {
  margin-bottom: 2px;
}

.product-content .form-item.quantity {
  width: 35%;
  float: right;
  margin-top: 11px;
}

.product-content .form-item.cartbutton {
  margin-top: 22px;
  float: left;
}

.product-content .form-item.cartbutton button.loading {
  background-image: url(button-ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: 90% center;
}

.product-content .customer-service {
  margin-bottom: 22px;
}

@media (min-width: 992px) {
  .product-content .customer-service {
    margin: 22px 0rem;
  }
}
.product-content .form-item.cartbutton, .product-content .additional-options {
  display: inline-block;
  margin: 0;
  width: 100%;
}

.product-content .brand {
  float: right;
}

.product-content .brand span {
  display: none;
}

.product-content .prices {
  display: inline-block;
  font-weight: 300;
}

.product-content .prices span {
  font-size: 1.25rem;
}

.product-content .prices .price-display {
  font-size: 1.25rem;
  font-weight: 300;
}

.product-content .prices .price {
  margin-bottom: 0;
  font-weight: 300;
}

@media (min-width: 992px) {
  .product-content .prices .price {
    margin-bottom: 7px;
  }
}
.product-content .article-blocks {
  order: 60;
}

.product-content .methods-container {
  border-bottom-width: 1px;
  margin-bottom: 15px;
  padding-bottom: 5px;
}

.product-content .afterpay-widget {
  display: none;
  margin: 10px 0;
}

.product-content .afterpay-widget img {
  width: 95px;
  height: 18px;
}

.product-content .afterpay-widget .price {
  font-size: 1rem;
}

.product-content .afterpay-widget .popup-link {
  padding: 5px 0;
  font-size: 0.875rem !important;
}

.product-content .afterpay-widget .afterpay-payment, .product-content .afterpay-widget .afterpay-moreinfo {
  vertical-align: middle;
}

.product-content .afterpay-widget .afterpay-range, .product-content .afterpay-widget .afterpay-price {
  display: none;
}

.product-content .afterpay-widget .afterpay-range, .product-content .afterpay-widget .afterpay-price, .product-content .afterpay-widget .afterpay-out-of-range {
  display: none;
}

.product-content .afterpay-widget.afterpay-show-range, .product-content .afterpay-widget.afterpay-show-price {
  display: block;
}

.product-content .afterpay-widget.afterpay-show-range .afterpay-range, .product-content .afterpay-widget.afterpay-show-range .afterpay-price {
  display: inline-block;
}

.product-content .oxipay-widget {
  margin-bottom: 15px;
  margin-top: 10px;
}

.product-content .oxipay-widget a {
  padding: 0;
  display: block;
}

.product-content .oxipay-widget div {
  margin: 0 auto;
}

.product-content .oxipay-widget img {
  margin-right: 0 !important;
}

.product-content .humm-price-info-widget .humm-description .humm-main {
  margin-right: 0 !important;
  font-size: 0.875rem !important;
}

.product-content .humm-price-info-widget .humm-description .humm-main .humm-price {
  font-weight: 300 !important;
}

.product-content .humm-price-info-widget .humm-description .humm-more-info {
  font-size: 0.875rem !important;
  text-transform: capitalize;
}

@media (min-width: 576px) {
  .product-content .oxipay-widget div {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .product-content .oxipay-widget {
    text-align: left;
  }

  .product-content .oxipay-widget a {
    text-align: left;
  }
}
.product-content .form-item.size.empty + .product-content .form-item.quantity {
  float: left;
  margin-bottom: 10px;
}

.product-detail {
  margin-top: 11px;
}

.product-detail > h1 {
  margin: 1.4rem 0 0;
  font-size: 1.625rem;
  margin-left: 15px;
  color: #575859;
}

.product-detail .review .date {
  color: #CCCBCC;
}

.product-detail .reviewer strong {
  margin-left: 5px;
}

.product-detail .review {
  margin-top: 15px;
  padding-top: 15px;
  border-top-width: 1px;
}

.product-detail .additional-options .add-wishlist, .product-detail .additional-options .added-to-wishlist {
  float: left;
  margin-bottom: 0;
}

.product-detail .additional-options button, .product-detail .additional-options a, .product-detail .form-item.cartbutton button, .product-detail .form-item.cartbutton a {
  width: 100%;
}

.product-detail .oxipay-widget #oxipay-img {
  top: 29px;
}

.product-detail .pricing {
  order: 10;
  color: #575859;
  margin-bottom: 6px;
}

@media (min-width: 768px) {
  .product-detail .pricing {
    text-align: left;
  }
}
.product-detail .full-pricing {
  order: 20;
  text-align: left;
}

.product-detail .short-description {
  order: 50;
}

.product-detail .product-content .reviews {
  order: 30;
  color: #575859;
  margin-bottom: 10px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .product-detail .product-content .reviews {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
}
.product-detail .product-content .reviews p, .product-detail .product-content .reviews a {
  font-size: 0.875rem;
  font-weight: 300;
  color: #000;
}

.product-detail .product-content .reviews .no-reviews + .links a.write-review {
  display: block;
}

.product-detail .product-content .reviews .review-count {
  display: none;
}

.product-detail .product-content .reviews > h3 {
  display: none;
}

.product-detail .product-content .reviews .avg {
  float: left;
}

.product-detail .product-content .reviews .reviewer {
  float: left;
  margin-right: 5px;
}

.product-detail .product-content .reviews .comment {
  clear: both;
}

.product-detail .product-content .reviews .stars-container {
  float: left;
  clear: both;
  margin-right: 10px;
}

@media (min-width: 992px) {
  .product-detail .product-content .reviews .stars-container {
    margin-right: 0;
  }
}
.product-detail .product-content .reviews .stars-container a {
  display: block;
  text-decoration: none;
}

.product-detail .product-content .reviews .links, .product-detail .product-content .reviews .no-reviews {
  float: left;
  margin: 0;
}

.product-detail .product-content .reviews .no-reviews {
  margin-right: 5px;
}

.product-detail .product-content .reviews .no-reviews + .links a {
  margin-left: 0;
}

.product-detail .product-content .reviews .review-group {
  clear: both;
}

.product-detail .additional-info-content .reviews .stars-container {
  float: none;
}

.product-detail .additional-info-content .reviews .avg {
  display: inline-block;
  margin-right: 12px;
}

@media (min-width: 992px) {
  .product-detail .additional-info-content .reviews .avg + .btn {
    max-height: 36px;
    margin-left: 10px;
    width: auto;
    margin-top: -30px;
  }
}
.product-detail .additional-info-content .reviews .btn {
  width: 161px;
  margin-top: -18px;
}

@media (min-width: 768px) {
  .product-detail .additional-info-content .info-item.active {
    display: block;
  }
}
.product-detail .nav-tabs {
  display: none;
}

.product-detail .product-title h2 {
  text-transform: uppercase;
  font-size: 23rem;
}

.product-detail .form-item.cartbutton::after {
  display: block;
  clear: both;
  content: "";
}

.product-detail .social-media {
  margin-top: 20px;
  display: none;
}

.product-detail .social-media::after {
  display: block;
  clear: both;
  content: "";
}

.product-detail .social-media > div {
  float: left;
  margin-right: 10px;
}

.not-for-sale .availability {
  display: block;
}

#body-wrapper .product-detail .links a:first-of-type {
  margin-right: 10px;
}

.add-to-cart {
  order: 40;
  position: relative;
  padding-top: 12px;
  border-top-width: 1px;
}

.add-to-cart .availability {
  color: #868e96;
  font-weight: bold;
  font-size: 1rem;
  display: none;
}

.add-to-cart form .cart-options {
  position: relative;
}

.add-to-cart form .cart-options .form-item > label {
  margin-bottom: 0.3rem;
}

.add-to-cart form .cart-options .form-item.size a.popup-link {
  float: right;
  text-decoration: underline;
  font-size: 0.775rem;
  font-weight: 600;
}

.add-to-cart form .cart-options .form-item.size a.popup-link:hover {
  text-decoration: none;
}

.add-to-cart form .cart-options .form-item.size a.popup-link:before {
  content: "";
  width: 21px;
  height: 21px;
  display: inline-block;
  background: url(sprite.png) 50% -1043px no-repeat;
  background-size: 25px;
  vertical-align: bottom;
  margin-right: 3px;
}

.add-to-cart form .cart-options .form-item.cartbutton button {
  margin-bottom: 15px;
}

.add-to-cart form.item-selection > fieldset > legend {
  display: none;
}

.click-and-collect a[data-toggle=popover] {
  color: #000;
  text-decoration: none;
}

.click-and-collect h4 {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

.additional-info-links {
  display: none;
  margin: 7px 0;
}

.additional-info-links ul {
  list-style: none;
  padding-left: 0;
}

.additional-info-links li {
  float: left;
  margin-right: 5px;
}

.info-content .style-number {
  margin-left: 15px;
}

#additional-info-description {
  border-top-width: 1px;
}

.additional-info {
  clear: both;
  padding: 0 15px;
}

.additional-info .info-item {
  display: block;
  visibility: visible;
  margin: 0px 0;
  border-bottom-width: 1px;
}

.additional-info .info-item h2 {
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-size: 1.3rem;
  margin: 0;
  padding: 14px 30px 14px 0;
  cursor: pointer;
}

.additional-info .info-item .info-content .info-container h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 1rem;
}

.additional-info .info-item .info-content .info-container p a {
  word-wrap: break-word;
}

.additional-info .info-item .animated-content {
  margin: 20px 0;
}

.additional-info .info-item.open .animated-content {
  display: block !important;
}

.additional-info .info-item.open h2 {
  background: url(sprite.png) 102% -994px no-repeat;
  background-size: 40px;
}

.additional-info .additional-info-content > div {
  padding: 0;
}

.cross-sell > div h2 {
  font-size: 1.5rem;
  margin-bottom: 20px;
  text-align: center;
}

body.jqueryloaded .alternate-images {
  opacity: 1;
}

.alternate-images {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.alternate-images img {
  width: 80px;
}

.alternate-images ul {
  list-style: none;
}

.alternate-images li {
  position: relative;
  float: left;
}

.alternate-images .video .indicator {
  background: url(video_play.png) no-repeat center center;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.alternate-images a {
  background-size: cover;
  position: relative;
  display: block;
  margin: 0 auto;
}

.alternate-images a img {
  visibility: hidden;
  margin: 0 auto;
}

.alternate-images .slick-prev:before {
  background-position: 39px -875px;
}

.alternate-images .slick-next:before {
  background-position: 50% -939px;
}

@media (min-width: 768px) {
  .alternate-images {
    position: relative;
    top: auto;
    left: auto;
    width: 17.3%;
    float: right;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  .alternate-images .slick-prev, .alternate-images .slick-next {
    left: 0;
    transform: translate(0, 0);
    position: relative;
    height: 20px;
    width: 100%;
  }

  .alternate-images .slick-prev:before, .alternate-images .slick-next:before {
    padding: 19px 23px;
  }

  .alternate-images .slick-prev {
    margin-bottom: 5px;
  }

  .alternate-images .slick-prev:before {
    background-position: 50% -3627px;
  }

  .alternate-images .slick-next {
    margin-top: 5px;
  }

  .alternate-images .slick-next:before {
    background-position: 50% -3684px;
  }

  .alternate-images .slick-track {
    margin-left: auto;
    margin-right: auto;
  }

  .alternate-images .slick-list li {
    width: 100% !important;
    margin-bottom: 5px;
    padding: 0;
  }
}
.product-img {
  position: relative;
}

.product-img .overlay {
  z-index: 2;
}

.product-img .medium-image {
  display: block;
  position: relative;
}

.product-img a > img {
  position: relative;
  width: 100%;
  visibility: hidden;
}

@media (min-width: 768px) {
  .product-detail .medium-image {
    width: 78%;
    float: left;
  }

  .product-detail .medium-image > img {
    display: block;
  }

  .alternate-images li {
    padding: 0 10px;
    text-align: center;
  }
}
.modal .rating-form .image {
  margin-bottom: 10px;
}

.modal .rating-form .image img {
  width: 100%;
}

.modal .rating-form form {
  padding-top: 10px;
}

/*Search aspects*/
.aspects {
  display: none;
  margin: 30px 0;
}

.aspects dl {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
  border-bottom-width: 1px;
}

.aspects dl::after {
  display: block;
  clear: both;
  content: "";
}

.aspects dt, .aspects dd {
  border-top-width: 1px;
  padding: 10px 0;
}

.aspects dt {
  width: 30%;
}

.aspects dd {
  width: 70%;
}

/*Pricing Matrix*/
.full-pricing {
  margin-bottom: 15px;
  font-size: 0.875rem;
  text-align: center;
}

@media (min-width: 768px) {
  .full-pricing {
    text-align: left;
  }
}
.modal .price-matrix .matrix th, .modal .price-matrix .matrix td {
  border-bottom-width: 1px;
}

.modal .price-matrix .matrix .available .pricing {
  cursor: pointer;
}

.modal .price-matrix th img, .modal .price-matrix .selection img {
  border: 1px solid #EDEDED;
  border-radius: 0;
}

.modal .price-matrix h4 {
  float: left;
  clear: left;
}

.modal .price-matrix .selection > span:first-of-type, .modal .price-matrix .selection .swatch-image {
  display: none !important;
}

.modal .price-matrix .selection span:first-child, .modal .price-matrix .selection img {
  margin-right: 5px;
}

.modal .price-matrix .selection span:first-child {
  display: inline-block;
  width: 50px;
}

.modal .price-matrix .selection img {
  width: 20px;
}

.modal .price-matrix thead img + span {
  display: none;
}

.modal .price-matrix .row {
  margin: 0;
}

.modal .price-matrix table, .modal .price-matrix tbody, .modal .price-matrix tr, .modal .price-matrix td {
  display: block;
}

.modal .price-matrix td::after {
  display: block;
  clear: both;
  content: "";
}

.modal .price-matrix th, .modal .price-matrix td {
  padding: 8px 10px;
}

.modal .price-matrix th, .modal .price-matrix thead {
  display: none;
}

.modal .price-matrix p {
  margin-bottom: 0;
}

.modal .price-matrix .unavailable .pricing, .modal .price-matrix .unavailable .price {
  color: #ced4da;
}

.modal .price-matrix .pricing h4 {
  font-size: 1rem;
}

.modal .price-matrix .pricing h4 span + span {
  margin-left: 5px;
}

.modal .price-matrix .price {
  float: right;
}

.modal .price-matrix .price.was {
  padding: 0;
}

.modal .price-matrix .price.now {
  clear: right;
}

.modal .price-matrix .availabilitykey {
  margin-top: 20px;
}

.modal .modal-header .close {
  width: auto;
}

/* Find In Store */
#findinstore .modal-content .modal-body .find-in-store {
  padding: 0 0 15px;
  zoom: 1;
}

#findinstore .modal-content .modal-body .find-in-store::after {
  display: block;
  clear: both;
  content: "";
}

#findinstore .modal-content .modal-body .find-in-store .product-options > form {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#findinstore .modal-content .modal-body .find-in-store .stores, #findinstore .modal-content .modal-body .find-in-store .store-links {
  margin-bottom: 20px;
}

#findinstore .modal-content .modal-body .find-in-store .overlay.top-horizontal.left-vertical,
#findinstore .modal-content .modal-body .find-in-store .overlay.top-horizontal.right-vertical {
  width: 40%;
}

#findinstore .modal-content .modal-body .find-in-store h2 {
  font-size: 1.5625rem;
}

#findinstore .modal-content .modal-body .find-in-store .disclaimer {
  margin-top: 10px;
}

#findinstore .modal-content .modal-body .find-in-store .product-description {
  flex-basis: 100%;
}

#findinstore .modal-content .modal-body .find-in-store .details-form {
  width: 100%;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .product-img .medium-image {
  display: block;
  pointer-events: none;
  cursor: default;
}

#findinstore .modal-content .modal-body .find-in-store .details-form h2 {
  margin-top: 0;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .image {
  width: 43%;
  margin-right: 10px;
  margin-bottom: 15px;
  order: 2;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .image .product-img {
  width: 100%;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .image .product-img .medium-image > img {
  display: block;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .image .alternate-images {
  display: none;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .back {
  margin: 10px 0;
  display: block;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .item-name {
  font-weight: 600;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .social-media {
  display: none;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections {
  order: 3;
  width: 52%;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item {
  margin-bottom: 10px;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item::after {
  display: block;
  clear: both;
  content: "";
}

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item > label {
  float: left;
  display: inline-block;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item.quantity {
  display: none;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item.colour .swatch-image {
  display: none;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .fake-select {
  width: 100%;
  float: left;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .fake-select.single .selected {
  border-width: 1px;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item.size .fake-select .selected span + span {
  display: none;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item.size .fake-select li.disabled label,
#findinstore .modal-content .modal-body .find-in-store .details-form .item-selections .form-item.colour .fake-select li.disabled label {
  cursor: not-allowed;
  background-color: #d9d9d9;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections {
  order: 4;
  width: 100%;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections .error p {
  margin-bottom: 0;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections .form-item {
  margin-bottom: 10px;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections .form-item.search {
  float: none;
  width: 100%;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections .form-item.search::after {
  display: block;
  clear: both;
  content: "";
}

#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections button {
  width: 37%;
  float: right;
  margin: 0;
  font-weight: normal;
  letter-spacing: 1px;
}

@media (max-width: 1429.98px) {
  #findinstore .modal-content .modal-body .find-in-store .details-form .area-selections button {
    padding: 8px 0px;
  }
}
#findinstore .modal-content .modal-body .find-in-store .details-form .area-selections input {
  width: 63%;
  float: left;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table {
  width: 100%;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table td {
  vertical-align: top;
  padding: 5px 0;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table td:first-of-type {
  padding-right: 5px;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table td.store-details {
  font-weight: 600;
  text-align: right;
  width: 40%;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table img {
  height: 28px;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info table p {
  margin-bottom: 0;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info.instructions {
  order: 5;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info.results {
  order: 6;
  display: block;
  width: 100%;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .availability {
  font-weight: 600;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .availability.available {
  color: #28a745;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .availability.unavailable {
  color: #dc3545;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .directions .map-link a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  margin: 10px 0;
  text-align: center;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .directions .map-link a:hover {
  background-color: black;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores {
  border-top: 1px solid #ced4da;
  padding-top: 11px;
  margin-top: 18px;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores .store {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores .store .store-name {
  order: 1;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores .store .store-address {
  order: 2;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores .store .store-details {
  order: 3;
}

#findinstore .modal-content .modal-body .find-in-store .details-form .locate-info .stores .store .store-image {
  order: 4;
  width: 50%;
  height: auto;
}

#findinstore .modal-content .modal-body .find-in-store .details-form button {
  margin: 10px 0;
}

#findinstore .modal-content .modal-body .find-in-store .google-map-holder {
  position: relative;
  margin: 0;
  padding-top: 66%;
  width: 100%;
  display: inline-block;
}

#findinstore .modal-content .modal-body .find-in-store .google-map-holder #estar_map_location {
  position: absolute !important;
}

@media (min-width: 992px) {
  #findinstore .modal-dialog {
    width: 800px;
  }

  #findinstore .modal-content .modal-body .find-in-store .details-form {
    width: 350px;
    display: inline-block;
    float: left;
    text-align: left;
  }

  #findinstore .modal-content .modal-body .find-in-store .google-map-holder {
    width: 385px;
    margin-left: 15px;
    display: inline-block;
    padding-top: 0;
    float: right;
  }

  #findinstore .modal-content .modal-body .find-in-store .google-map-holder #estar_map_location {
    position: relative !important;
    height: 385px;
    width: 385px;
  }
}
.modal .incentives ul.incentive-items li {
  list-style-type: none;
}

.modal .incentives ul.incentive-items .item h2 {
  margin-top: 10px;
}

.pac-container {
  z-index: 1100 !important;
}

.availability {
  text-align: left;
  padding-bottom: 5px;
}

.availability-email-container:not(.all-unavailable) {
  display: none;
}

.availability-email-container {
  margin-top: 15px;
}

.availability-email-form {
  display: none;
  background: #EDEDED;
}

.availability-email-form legend {
  font-size: 1.125rem;
}

.availability-email-form li:last-child {
  margin-bottom: 0;
}

.availability-email-form li.submit button {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .availability-email-form li.submit {
    text-align: right;
  }

  .availability-email-form li.submit button {
    width: 50%;
  }
}
.availability-email-form li.submit button.loading {
  background-image: url(button-ajax-loader.gif);
  background-position: 90% 50%;
  background-repeat: no-repeat;
}

.availability-email-active .availability-email-container, .availability-email-active .availability-email-form {
  display: block;
}

.availability-email-active .form-item.cartbutton, .availability-email-active button.add-wishlist, .availability-email-active button.add-registry, .availability-email-active .form-item.quantity *, .availability-email-active .childproducts, .availability-email-all-items .form-item.cartbutton, .availability-email-all-items button.add-wishlist, .availability-email-all-items button.add-registry, .availability-email-all-items .form-item.quantity *, .availability-email-all-items .childproducts {
  display: none !important;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .productpage .additional-options button {
    padding: 0.375rem 0.8rem;
  }

  .product-content .form-item.size .control-label {
    text-indent: -999px;
  }

  .add-to-cart form .cart-options .form-item.size a.popup-link {
    float: left;
  }
}
/*** DESKTOP ***/
@media (min-width: 768px) {
  #main h4 button.btn {
    top: -15px;
    right: 168px;
  }

  .add-to-cart {
    order: 60;
    padding-top: 14px;
    margin-top: 5px;
  }

  .additional-info {
    padding: 10px 0;
  }

  .additional-info .info-item {
    border: 0;
  }

  .additional-info .info-item .info-content {
    padding-top: 25px;
  }

  #additional-info-description {
    border: 0;
  }

  .product-detail .nav-tabs {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
  }

  .product-detail .nav-tabs li a {
    font-weight: 300;
    font-size-adjust: 0.8rem;
  }

  .product-detail .social-media {
    float: left;
    clear: left;
  }

  .product-detail .form-item.cartbutton {
    width: 100%;
  }

  .product-detail .form-item.cartbutton button {
    width: 100%;
  }

  .product-detail .product-content .cart-options .additional-options {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }

  .product-detail .product-content .cart-options .additional-options .find-in-store {
    margin: 0;
  }

  .product-detail .product-content .cart-options .additional-options .add-registry {
    margin-top: 0px;
  }

  .product-detail .short-description {
    order: 40;
  }

  .product-detail .article-blocks {
    order: 50;
  }

  #modal-popup .product-detail #modal-popup .links a {
    margin-right: 5px;
  }

  .product-img {
    float: left;
  }

  .product-img .medium-image > img {
    visibility: visible;
  }

  .magnify-zoomed {
    border-width: 1px;
  }

  .product-content {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    clear: none;
    float: right;
    width: 44%;
  }

  .product-content h1 {
    margin-bottom: 0;
    padding: 0;
    display: block;
    padding-top: 8px;
    font-size: 1.625rem;
  }

  .product-content .reviews {
    clear: both;
  }

  .product-content .form-item.colour {
    width: 100%;
  }

  .product-content .form-item.size {
    width: 56.5%;
  }

  .product-content .form-item.quantity {
    width: 39%;
  }

  .product-content .form-item.quantity label {
    display: block;
    width: 100%;
  }

  .alternate-images a {
    background: none !important;
    padding-top: 0;
  }

  .alternate-images a > img {
    display: inline-block;
    visibility: visible;
  }

  .alternate-images li {
    padding: 0 10px;
    text-align: center;
  }

  .alternate-images .video .indicator {
    background-size: 40px;
  }

  .modal .rating-form .image, .modal .rating-form .pricing, .modal .rating-form .long-description {
    float: left;
    width: 40%;
    padding-right: 2%;
  }

  .modal .rating-form form {
    width: 55%;
    float: right;
  }

  /*Pricing Matrix*/
  .modal .price-matrix h4 {
    display: none;
  }

  .modal .price-matrix thead {
    display: table-header-group;
  }

  .modal .price-matrix tbody {
    display: table-row-group;
  }

  .modal .price-matrix tr {
    display: table-row;
  }

  .modal .price-matrix th, .modal .price-matrix td {
    display: table-cell;
  }

  .modal .price-matrix .price {
    font-size: 1rem;
  }

  .modal .price-matrix .matrix th, .modal .price-matrix .matrix td {
    text-align: center;
  }

  .modal .price-matrix .matrix td.available:hover {
    background-color: #ced4da;
  }

  .modal .price-matrix table {
    display: table;
  }

  .modal .price-matrix table.matrix {
    display: block;
    overflow-x: auto;
  }

  .modal .price-matrix .price {
    float: none;
  }

  .modal .price-matrix th img {
    max-width: 30px;
  }

  .modal .price-matrix .available.buyable .price {
    font-size: 0;
  }

  .additional-info .info-item h2 {
    display: none;
  }

  .additional-info .info-item .info-content {
    display: none;
  }

  .alternate-images .video {
    position: relative;
    display: block;
  }

  .productpage .main-container {
    padding-top: 0;
  }

  .productpage .magnify-cursor {
    z-index: 200;
  }

  .productpage .childproducts .product-content .form-item.size,
.productpage .childproducts .product-content .form-item.quantity {
    width: 100%;
  }

  .cm-tooltip {
    display: inline;
    position: relative;
  }

  .cm-tooltip:hover:after {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background: #EDEDED;
    border-radius: 8px;
    color: #575859;
    content: attr(data-title);
    padding: 13px;
    width: auto;
    position: absolute;
    text-transform: initial;
    font-size: 0.7rem;
    top: -70%;
    transform: translateY(-70%);
  }

  .cm-tooltip:hover:before {
    border: solid;
    border-color: #EDEDED transparent;
    border-width: 12px 6px 0 6px;
    content: "";
    left: 45%;
    bottom: 70%;
    position: absolute;
    transform: translateY(-70%);
  }
}
@media (min-width: 992px) {
  .productpage .childproducts .product-img {
    width: 30%;
  }

  .productpage .childproducts .product-content {
    width: 60%;
  }

  .productpage .product.product-top .magnify-holder {
    display: block;
  }

  .productpage .laybuy-price {
    margin-top: 0;
  }

  .alternate-images .slick-list li {
    margin-bottom: 10px;
  }

  .product-content .form-item.size .item-unavailable span:after {
    font-size: 0.9rem;
  }

  .product-content .form-item.size ul {
    width: 100%;
  }

  #main .nav a {
    font-weight: 700;
  }

  .product-detail .nav-tabs li {
    margin-right: 40px;
  }
}
@media (min-width: 1430px) {
  .productpage .childproducts .product-content .form-item.size,
.productpage .childproducts .product-content .form-item.quantity {
    width: 48%;
  }

  .productpage .childproducts .product-content .reviews .links a {
    display: block;
  }

  .productpage .childproducts .product-content .reviews .no-reviews {
    display: none;
  }

  .productpage .childproducts h2 {
    width: calc(100% - 130px);
  }

  .productpage .product-content .form-item.size {
    width: 73%;
  }

  .productpage .product-content .form-item.quantity {
    width: 24.5%;
  }

  .productpage .overlay.top-horizontal.left-vertical,
.productpage .overlay.top-horizontal.right-vertical {
    width: 20%;
  }

  .product-detail .product-content .reviews {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    position: absolute;
    right: 0;
    margin-right: 15px;
    width: 20%;
  }

  .product-detail .product-content .reviews .links {
    text-align: right;
  }

  .product-content h1 {
    width: 75%;
    max-width: 340px;
  }

  #main .nav a {
    font-size: 1rem;
  }

  .product-detail .nav-tabs li {
    margin-right: 100px;
  }
}
/* ========= PRODUCT DETAIL COMPONENT END ========= */
/* ========= ONLINE BOOKS COMPONENT ========= */
.onlinebooks h1 { margin-bottom: 26px; }

.onlinebooks #left-nav { display: none; }

.onlinebooks #page-content { width: 100%; float: none; }

.onlinebooks .book-list img { max-width: 100%; width: 100%; display: block; }

.onlinebooks .book-list ul { display: flex; flex-wrap: wrap; margin: 0 -15px; padding: 0; }

.onlinebooks .book-list ul:after { content: ""; height: 0; display: block; clear: left; }

.onlinebooks .book-list ul li { float: left; width: 50%; padding: 0 15px; margin-bottom: 20px; list-style-type: none; }

.onlinebooks .book-list ul a { display: block; text-align: center; }

.onlinebooks .book-list ul .cover-image + a { margin: 10px 0; }

.onlinebooks .slick-prev, .onlinebooks .slick-next, .onlinebooks .slick-start, .onlinebooks .slick-end { height: 60px; opacity: 0.3; background-color: black; }

.onlinebooks .slick-prev:before, .onlinebooks .slick-next:before, .onlinebooks .slick-start:before, .onlinebooks .slick-end:before { display: block; color: white; padding: 30px 20px; }

@media (min-width: 480px) { .onlinebooks .book-list ul li { width: 33.333333%; } }
@media (min-width: 768px) { .onlinebooks .book-list ul li { width: 25%; } }
@media (min-width: 992px) { .onlinebooks .book-list ul li { width: 20%; } }
.onlinebooks #page-content { width: 100%; float: none; }

.onlinebooks #main .products { display: none; margin-top: 30px; }

.onlinebooks .print-onlinebook { margin-bottom: 10px; }

.onlinebooks .download-onlinebook { display: none; margin-bottom: 10px; text-transform: uppercase; }

.onlinebooks .download-onlinebook:disabled { cursor: default; color: red; }

.onlinebooks .book-detail { position: relative; }

.onlinebooks .book-detail button { min-width: 0; }

.onlinebooks .book-detail.loading { display: block; visibility: visible; width: 100%; min-height: 160px; background: url("/Assets/ajax-loader.gif") no-repeat center #FFF; }

.onlinebooks .slick-slide img { max-width: 100%; width: 100%; }

.onlinebooks .slick-active .slick-loading { width: 100%; visibility: visible; min-height: 160px; background: url("/Assets/ajax-loader.gif") no-repeat center #fff; }

.onlinebooks .top-navigation { border-top: 3px solid #e5e5e5; }

.onlinebooks .top-navigation ul { text-align: center; margin: 10px 0; padding-left: 0; }

.onlinebooks .top-navigation li { display: inline-block; vertical-align: middle; }

.onlinebooks .top-navigation label { width: auto; margin: 0; }

.onlinebooks .top-navigation .slick-prev, .onlinebooks .top-navigation .slick-next, .onlinebooks .top-navigation .slick-start, .onlinebooks .top-navigation .slick-end { position: relative; margin: 0; min-width: 0; top: 30px; }

.onlinebooks .top-navigation .slick-prev:before, .onlinebooks .top-navigation .slick-next:before, .onlinebooks .top-navigation .slick-start:before, .onlinebooks .top-navigation .slick-end:before { display: block; color: white; padding: 30px 20px; }

.onlinebooks .top-navigation .slick-start, .onlinebooks .top-navigation .slick-end { display: block; height: 60px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; color: transparent; padding: 0; outline: none; z-index: 2; min-width: 0; text-indent: -999999px; border-radius: 0; outline: none; top: 0; background-image: none; }

.onlinebooks .top-navigation .slick-start:before, .onlinebooks .top-navigation .slick-end:before { display: block; content: ""; color: white; opacity: 1; padding: 30px 20px; background-repeat: no-repeat; background-size: 40px; background-image: url(/Assets/sprite.png), url(/Assets/sprite.png); }

.onlinebooks .top-navigation .slick-start:hover:before, .onlinebooks .top-navigation .slick-end:hover:before { opacity: 1; }

.onlinebooks .top-navigation .slick-start.slick-disabled:before, .onlinebooks .top-navigation .slick-end.slick-disabled:before { opacity: 0.25; }

.onlinebooks .top-navigation .slick-start:before { background-position: -8px -873px, 5px -873px; }

.onlinebooks .top-navigation .slick-end:before { background-position: -8px -935px, 5px -935px; }

.onlinebooks .bottom-navigation ul { text-align: right; margin: 10px 0; }

.onlinebooks .bottom-navigation li { display: inline-block; vertical-align: middle; }

.onlinebooks .slick-slider .slick-prev { left: 0; }

.onlinebooks .slick-slider .slick-next { right: 0; }

.onlinebooks .slick-prev:before { background-position: 0 -873px; }

.onlinebooks .slick-next:before { background-position: 0 -935px; }

.onlinebooks .catalouge-slider { border-bottom: 3px solid #e5e5e5; border-top: 3px solid #e5e5e5; }

.onlinebooks .catalouge-slider button { border: 1px solid #e5e5e5; }

.onlinebooks .catalouge-slider-thumbs { border-bottom: 3px solid #e5e5e5; border-top: 3px solid #e5e5e5; }

.onlinebooks .catalouge-slider-thumbs button { border: 1px solid #e5e5e5; }

.onlinebooks .slick-slide { position: relative; }

.onlinebooks .catalouge-nav-slider .slick-track { margin: 0 auto; }

.onlinebooks .catalouge-nav-slider .slick-slide > img { cursor: pointer; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }

.onlinebooks .slick-slide .slider-hotspots a { text-indent: -99999px; position: absolute; cursor: pointer; }

.onlinebooks .add-slides ul { text-align: center; margin: 0 0  30px; padding: 0; list-style: none; }

.onlinebooks .tooltip { font-size: smaller; padding: 5px; position: absolute; width: 100px; min-height: 160px; height: auto; border: 1px solid #e5e5e5; background: #fff; z-index: 99; opacity: 1; }

.onlinebooks .tooltip.alignLHS { right: 120%; }

.onlinebooks .tooltip.alignRHS { left: 120%; }

.onlinebooks .tooltip .tooltipHeading { text-indent: initial; }

.onlinebooks .tooltip img { border: 0; max-width: 100%; width: 100%; height: auto; display: block; }

.onlinebooks .tooltip.loading { display: block; visibility: visible; width: 100px; min-height: 160px; background: url("/Assets/ajax-loader.gif") no-repeat center #FFF; }

@media (min-width: 992px) { .onlinebooks h1 { margin-bottom: 40px; }
  .tooltip { width: 150px; min-height: 210px; }
  .tooltip img { max-width: 100%; width: 100%; height: auto; }
  .onlinebook-buttons { text-align: right; }
  .print-onlinebook { margin-left: 10px; margin-bottom: 0; } }
@media print { .onlinebooks #main .products { page-break-before: always; display: block; }
  .onlinebooks img { max-width: 100% !important; }
  .onlinebooks .book-detail .slick-track { width: 100% !important; transform: none !important; }
  .onlinebooks .book-detail .slick-slide { display: none; }
  .onlinebooks .book-detail .slick-active { width: 50% !important; display: block !important; }
  .onlinebooks .book-detail .top-navigation, .onlinebooks .book-detail .catalouge-nav-slider, .onlinebooks .book-detail .slider-hotspots, .onlinebooks .book-detail .slick-loading { display: none; }
  .onlinebooks .onlinebook-buttons { display: none; }
  .onlinebooks footer, .onlinebooks header, .onlinebooks .back-top { display: none; } }
/* ========= ONLINE BOOKS COMPONENT ========= */

/* ========= SITEMAP COMPONENT ========= */
.sitemap h1 { margin-top: 30px; margin-bottom: 30px; text-align: center; font-size: 20px; font-weight: normal; }

.sitemap.infopage .sitemap-content ul { padding-left: 0; }

.sitemap.infopage .sitemap-content > ul > li { border-top-width: 1px; padding: 15px 0 0; margin: 15px 0 0; }

.sitemap.infopage .sitemap-content > ul > li > a, .sitemap.infopage .sitemap-content > ul > li > span { margin-bottom: 10px; display: block; font-weight: normal; font-size: 20px; }

.sitemap.infopage .sitemap-content > ul > li ul { padding-left: 0; }

.sitemap.infopage .sitemap-content > ul > li ul li { padding-left: 0 !important; }

.sitemap.infopage .sitemap-content ul li, .sitemap.infopage .sitemap-content > ul > li > ul > li { padding-left: 10px; list-style-type: none; }

.sitemap.infopage .sitemap-content ul li > a, .sitemap.infopage .sitemap-content > ul > li > ul > li > a { margin-bottom: 10px; display: block; }

.sitemap.infopage .sitemap-content ul li li { font-weight: normal; font-size: 1rem; margin-bottom: 10px; }

.sitemap.infopage .sitemap-content > ul > li > ul > li { margin-bottom: 10px; }

.sitemap.infopage #left-nav { display: none; }

.sitemap.infopage #page-content { width: 100%; }

@media (min-width: 768px) { .sitemap main h1 { text-align: left; font-size: 26px; margin-top: 3px; margin-bottom: 16px; }
  .sitemap.infopage .sitemap-content > ul > li { float: left; width: 33%; }
  .sitemap.infopage .sitemap-content > ul > li:nth-child(3n+1) { clear: both; } }
@media (min-width: 1150px) { .sitemap.infopage .sitemap-content > ul > li { width: 25%; }
  .sitemap.infopage .sitemap-content > ul > li:nth-child(3n+1) { clear: none; }
  .sitemap.infopage .sitemap-content > ul > li:nth-child(4n+1) { clear: both; } }
/* ========= SITEMAP COMPONENT END ========= */

/* ========= CUSTOMER COMPONENT ========= */
.login.accountpage #main fieldset .note {
  margin-left: 0;
}

.login.accountpage #main #page-content {
  width: 100%;
  float: none;
}

.login.accountpage #main #left-nav {
  display: none;
}

.accountpage.profile .next-previous:first-of-type {
  display: none;
}

.accountpage #main .forgotten a, .accountpage #main .note a {
  text-decoration: underline;
}

.accountpage #main #page-content button {
  width: 100%;
}

@media (min-width: 992px) {
  .accountpage #main h1 + p {
    margin-top: 1.5rem;
  }

  .accountpage #main .customer.existing {
    width: 45%;
    float: left;
    margin-right: 10%;
  }

  .accountpage #main .customer.new {
    float: left;
    text-align: left;
  }

  .accountpage #main .customer.new .new-cust {
    width: 100%;
    padding: 10px;
  }

  .accountpage #main:not(.login):not(.wishlist) main form fieldset:not(.interest-groups) li:not(.sameas):not(.ccNominate):not(.delivery-store-details) {
    width: 40%;
  }

  .accountpage #main #page-content button {
    width: auto;
  }
}
.accountpage #main #left-nav {
  display: none;
}

@media (min-width: 992px) {
  .accountpage #main #left-nav {
    display: block;
  }

  .accountpage #main #left-nav .menu.dynamic li {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .accountpage #main #page-content {
    width: 100%;
  }
}
.customer.existing li.email > label, .customer.existing li.password > label {
  display: none;
}

.customer.existing form legend {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  margin: 0 !important;
}

.history main .order-summary .total {
  text-align: right;
}

.history .cart-summary h2 {
  font-size: 1.5rem;
}

.history .order-no a {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .history .rebuild {
    text-align: right;
  }

  .history .rebuild-options {
    text-align: right;
    padding: 10px 0;
    border-bottom-width: 1px;
  }

  .history .rebuild-options a {
    margin-left: 10px;
  }

  .history main .cart-summary {
    display: flex;
    justify-content: space-between;
    padding-top: 1rem;
    border-bottom-width: 1px;
    border-top-width: 1px;
    margin-bottom: 2.5rem;
  }

  .history main .cart-summary .summary-block {
    width: 29%;
    border: 0;
  }

  .history main .cart-summary .summary-block h2 {
    font-size: 1.3rem;
  }
}
form .interest-groups .column {
  float: left;
  max-width: 300px;
  width: 45%;
}

form .interest-groups .column-1 {
  margin-right: 3%;
}

form .interest-groups label + .note {
  margin: 0 0 1.1rem 0;
}

form .interest-groups p + ol > li {
  border-bottom-width: 1px;
  margin-bottom: 15px;
  position: relative;
}

form .interest-groups p + ol > li::after {
  display: block;
  clear: both;
  content: "";
}

form .interest-groups .column input + label {
  width: 75%;
}

.accountpage.storedpayment #main .savedpayments .payment-item.default-payment {
  background-color: #EDEDED;
}

.accountpage.storedpayment #main .savedpayments .payment-item {
  border: 1px solid #EDEDED;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}

.accountpage.storedpayment #main .savedpayments .payment-item h3 {
  margin-top: 0px;
  float: left;
  margin-right: 10px;
  padding-top: 4px;
  margin-bottom: 18px;
}

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary button[type=submit] {
  width: 18%;
  min-width: inherit;
  top: 8px;
  right: 11px;
  position: absolute;
  border-radius: 15px;
  padding: 7px;
}

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary figure {
  position: inherit;
}

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary .action.show-hide a {
  display: block;
  padding: 9px 0px;
  border-radius: 15px;
  margin-top: 23px;
  margin-bottom: 17px;
}

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary .editdisplay {
  clear: both;
}

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary .editdisplay .control-label {
  width: 24%;
  display: inline-block;
}

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary .editdisplay .card-expiry {
  margin-bottom: 10px;
}

.accountpage.storedpayment #main .savedpayments .payment-item .card-summary .editdisplay .csc {
  margin-bottom: 15px;
}

.accountpage.storedpayment #main .savedpayments .payment-item .card-fields .card-name label, .accountpage.storedpayment #main .accountpage.storedpayment #main .savedpayments .payment-item .card-fields .card-expiry label, .accountpage.storedpayment #main .accountpage.storedpayment #main .savedpayments .payment-item .card-fields .csc label {
  width: 39%;
}

.accountpage.storedpayment #main .savedpayments .payment-item .card-fields #editfields-card-default label {
  width: 65%;
  margin-bottom: 19px;
}

.accountpage.storedpayment #main .savedpayments .payment-item .card-fields button {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .accountpage.storedpayment #main .add-payment-form {
    clear: both;
  }

  .accountpage.storedpayment #main .savedpayments {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .accountpage.storedpayment #main .savedpayments .payment-item {
    margin-right: 3%;
    flex-basis: 31.3%;
  }

  .accountpage.storedpayment #main .savedpayments .payment-item .card-summary .card-default span:empty:before {
    content: "​";
  }

  .accountpage.storedpayment #main .savedpayments .payment-item .card-fields {
    margin-top: 17px;
  }

  .accountpage.storedpayment #main .savedpayments .payment-item .card-fields button {
    width: 48%;
    min-width: inherit;
    margin: 1%;
    float: left;
  }

  .accountpage.storedpayment #main .savedpayments .payment-item:nth-of-type(3n) {
    margin-right: 0%;
  }
}
/* ========= CUSTOMER COMPONENT END ========= */
/* ========= SHOPPING CART COMPONENT ========= */
.cart-total .freight-provider {
  padding-left: 10px;
  display: none;
}

@media (max-width: 991.98px) {
  .cartpage h1 {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .cartpage h1 {
    margin-top: 16px;
    font-size: 1.75rem;
  }
}
.cartpage.review .cart-summary {
  display: none;
}

@media (max-width: 991.98px) {
  .cartpage.review .next-previous {
    clear: both;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
  }
}
.cartpage #page-content {
  width: 100%;
}

@media (min-width: 992px) {
  .cartpage #page-content .next-previous {
    padding: 27px 0 20px;
  }
}
.cartpage #left-nav, .cartpage .style-number {
  display: none;
}

.cartpage:not(.loggedin) #breadcrumbs .review:before {
  content: "1. ";
  padding: 0;
}

.cartpage:not(.loggedin) #breadcrumbs .login:before {
  content: "2. ";
  padding: 0;
}

.cartpage:not(.loggedin) #breadcrumbs .delivery:before {
  content: "3. ";
  padding: 0;
}

.cartpage:not(.loggedin) #breadcrumbs .payment:before {
  content: "4. ";
  padding: 0;
}

.cartpage:not(.loggedin) #breadcrumbs .complete {
  margin-right: 0;
}

.cartpage:not(.loggedin) #breadcrumbs .complete:before {
  content: "5. ";
  padding: 0;
}

.cartpage.loggedin #breadcrumbs .review:before {
  content: "1. ";
  padding: 0;
}

.cartpage.loggedin #breadcrumbs .delivery:before {
  content: "2. ";
  padding: 0;
}

.cartpage.loggedin #breadcrumbs .payment:before {
  content: "3. ";
  padding: 0;
}

.cartpage.loggedin #breadcrumbs .complete {
  margin-right: 0;
}

.cartpage.loggedin #breadcrumbs .complete:before {
  content: "4. ";
  padding: 0;
}

.cartpage #breadcrumbs {
  display: block;
}

.cartpage #breadcrumbs .breadcrumb-container {
  padding: 0 15px;
}

@media (min-width: 1200px) {
  .cartpage #breadcrumbs .breadcrumb-container {
    padding: 0;
  }
}
.cartpage #breadcrumbs .breadcrumb {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  position: relative;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 100%;
  padding: 8px 0;
}

.cartpage #breadcrumbs .breadcrumb:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #EDEDED;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: 20px;
  position: absolute;
}

.cartpage #breadcrumbs .breadcrumb > li + li:before {
  content: "";
}

.cartpage #breadcrumbs .breadcrumb li {
  letter-spacing: 0.5px;
  background-color: #fff;
  z-index: 1;
  padding: 10px 20px;
  text-align: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.cartpage #breadcrumbs .breadcrumb li span {
  display: none;
}

.cartpage #breadcrumbs .breadcrumb .on {
  font-weight: bold;
}

.cartpage #breadcrumbs .breadcrumb .on span {
  color: #575859;
}

.cartpage #breadcrumbs .breadcrumb .on:before {
  color: #575859;
}

.cartpage #breadcrumbs .breadcrumb .homelink {
  display: none;
}

.cartpage #breadcrumbs .breadcrumb .review {
  margin-left: 0;
}

@media (min-width: 1200px) {
  .cartpage #breadcrumbs .breadcrumb {
    padding: 20px 0;
  }

  .cartpage #breadcrumbs .breadcrumb li span {
    display: inline-block;
  }
}
.cartpage.loggedin #breadcrumbs .login {
  display: none;
}

.cartpage .page-container .hint {
  margin-right: 5px;
  display: inline-block;
}

@media (max-width: 991.98px) {
  .cartpage .page-container .hint {
    margin-bottom: 10px;
    font-size: 0.875rem;
    width: 100%;
  }
}
.cartpage .page-container .hint.popup-link {
  padding-left: 5px;
  display: inline;
}

.cartpage .empty {
  margin: 10px 0;
}

.cartpage .customer {
  margin-top: 2rem;
}

.cartpage .cart-summary-panel .item-summary .total {
  text-align: right;
}

.cartpage .fake-select li {
  width: 100% !important;
}

.cartpage .gift-info li.text-field input + label {
  width: 80px;
}

.cartpage .card-expiry select {
  width: 48%;
  display: inline-block;
}

.cartpage .card-expiry select + select {
  margin-left: 4%;
}

.cartpage .card-expiry select .main-container .customer.existing p.note {
  display: none;
}

.cartpage.login .cart {
  padding-top: 1.5rem;
}

.cartpage.login .error {
  margin-bottom: 20px;
}

.cartpage.login #main .cart-summary {
  display: none;
}

.cartpage.login #main li.email, .cartpage.login #main li.password, .cartpage.login #main .options .btn, .cartpage.login .options span {
  width: 100%;
}

.cartpage.login .forgotten a {
  text-decoration: underline;
}

.cartpage .main-container .customer.new {
  width: 100%;
}

.cartpage .main-container .customer.new .options span {
  display: inline-block;
  padding: 5px 0;
  text-align: center;
  font-size: -1rem;
}

.cart-summary .summary-block {
  border-top-width: 1px;
}

.cart-summary .summary-block .confirm-summary {
  width: 100%;
}

.cart-summary .summary-block .confirm-summary tr td {
  padding: 5px 0;
}

.cart-summary .summary-block .confirm-summary tr td:first-child {
  padding-right: 10px;
  font-weight: 600;
}

.cart-summary .summary-block .description {
  padding-left: 0;
}

.cart-summary .summary-block .qty span {
  padding-left: 5px;
}

.cart-summary .summary-block .summary-block p {
  margin-bottom: 5px;
}

.cart-summary .summary-block li.total {
  border-bottom-width: 0px;
}

.cart-summary .summary-block:last-child {
  border-bottom-width: 1px;
  margin-bottom: 15px;
}

.cart-summary .summary-block h2 {
  font-size: 1rem;
  position: relative;
  padding: 15px 0 10px;
  margin: 0 0 5px;
}

.cart-summary .summary-block h2.eso-accordion-trigger {
  cursor: pointer;
  font-size: 1.25rem;
  margin-bottom: 0;
}

.cart-summary .summary-block p {
  margin-bottom: 0;
}

.cart-summary .item-summary {
  width: 100%;
  margin-top: 5px;
}

.cart-summary .item-summary td {
  padding-bottom: 10px;
}

.cart-summary #zipRepayCalc {
  margin-bottom: 10px;
}

.cart .content h2 {
  font-size: 1.5rem;
}

.cart .masterpass-express, .cart .laybuy, .cart .oxipay {
  display: inline-block;
  margin-top: 18px;
  margin-bottom: 27px;
  margin-right: 15px;
}

@media (min-width: 992px) {
  .cart .masterpass-express, .cart .laybuy, .cart .oxipay {
    margin-bottom: 42px;
  }
}
.cart .item-detail .click-and-collect {
  padding: 10px 0;
  display: none;
}

.cart .summary-table .item figure {
  width: 43%;
}

@media (min-width: 992px) {
  .cart .summary-table .item figure {
    width: 28%;
    margin-bottom: 0;
  }
}
@media (min-width: 1430px) {
  .cart .summary-table .item figure {
    width: 24%;
  }
}
@media (max-width: 991.98px) {
  .cart .summary-table .item-detail, .cart .summary-table .qty, .cart .summary-table .pricing, .cart .summary-table .total {
    float: right;
    clear: right;
    width: 54%;
  }

  .cart .summary-table .total {
    font-weight: bold;
  }

  .cart .summary-table .total .price-display:before {
    content: "Total: ";
  }

  .cart .summary-table th.actions {
    display: none;
  }
}
@media (min-width: 992px) {
  .cart .summary-table th.pricing, .cart .summary-table td.pricing {
    text-align: center;
  }
}
.cart .summary-table .actions {
  display: block;
}

.cart .summary-table .actions li.remove {
  position: relative;
  right: auto;
  top: auto;
}

.cart .summary-table .actions li.remove a {
  font-size: 0.875rem;
  text-transform: capitalize;
  color: #CCCBCC;
  font-weight: 300;
}

.cart .summary-table .actions li.remove a:before {
  content: "";
  width: 0;
  height: 0;
}

@media (min-width: 992px) {
  .cart .summary-table .actions {
    display: none;
  }
}
.item .cart-summary:nth-child(n+2) td {
  padding-top: 15px;
}

.cart-extras {
  clear: both;
  padding: 3px 0;
  text-align: center;
}

.cart-extras a:first-child {
  margin-right: 1em;
}

.postcode button {
  width: auto;
}

main table.summary-table, #cart-item-added table, .order-summary {
  width: 100%;
}

main table.summary-table tr:before, main table.summary-table tr:after {
  content: "";
  display: table;
}

main table.summary-table tr.deleted-item .qty {
  visibility: hidden;
}

main table.summary-table th {
  font-size: 1.125rem;
  font-weight: 300;
  color: #CCCBCC;
  padding-left: 0;
}

main table.summary-table .actions ul {
  list-style: none;
  padding: 0;
}

main table.summary-table .actions ul, main table.summary-table .actions li {
  margin-bottom: 0;
}

main table.summary-table main table.summary-table .total, main table.summary-table main table.summary-table .pricing, main table.summary-table main table.summary-table .qty {
  margin-top: 10px;
}

main table.summary-table #cart-item-added table .actions ul, main table.summary-table #cart-item-added table .actions li {
  margin-bottom: 0;
}

main table.summary-table #cart-item-added table .total, main table.summary-table #cart-item-added table .pricing, main table.summary-table #cart-item-added table .qty {
  margin-top: 10px;
}

main table.summary-table .order-summary .actions ul, main table.summary-table .order-summary .actions li {
  margin-bottom: 0;
}

main table.summary-table .order-summary .total, main table.summary-table .order-summary .pricing, main table.summary-table .order-summary .qty {
  margin-top: 10px;
}

main table.summary-table .pricing p, main table.summary-table #cart-item-added table .pricing p, main table.summary-table .order-summary .pricing p {
  margin-bottom: 0;
}

main table.summary-table .qty input, main table.summary-table #cart-item-added table .qty input, main table.summary-table .order-summary .qty input {
  text-align: center;
}

main table.summary-table .actions {
  padding-top: 0;
  padding-bottom: 0;
  width: 54%;
}

main table.summary-table .item-detail {
  padding-right: 0%;
}

main table.summary-table .item-detail h4 {
  width: auto;
}

main table.summary-table .item-detail h4 a {
  color: #575859;
  font-weight: 700;
}

main table.summary-table .item-detail .selections {
  font-size: 0.875rem;
  font-weight: 300;
  order: 2;
}

main table.summary-table .item-detail .remove {
  display: none;
  text-transform: capitalize;
}

@media (min-width: 992px) {
  main table.summary-table .item-detail .remove {
    font-size: 0.875rem;
    margin-top: 45px;
    display: block;
    color: #CCCBCC;
    font-weight: 300;
  }
}
main table.summary-table .item-detail .selections, main table.summary-table .item-detail .style-number, main table.summary-table .item-detail h4 {
  padding-left: 3px;
}

@media (min-width: 992px) {
  main table.summary-table .item-detail .selections, main table.summary-table .item-detail .style-number, main table.summary-table .item-detail h4 {
    padding-left: 0px;
  }
}
main table.summary-table .qty input {
  display: inline;
}

main table.summary-table .ESO_number_wrapper {
  margin-bottom: 0;
}

main table.summary-table .ESO_number_wrapper input {
  width: 54px;
}

main table.summary-table .ESO_number_wrapper a.minus {
  float: none;
}

main table.summary-table .ESO_number_wrapper a.plus {
  float: none;
}

@media (min-width: 992px) {
  main table.summary-table .ESO_number_wrapper {
    justify-content: center;
  }
}
table.summary-table td.item .selections p, #cart-item-added table td.item .selections p {
  margin-bottom: 0;
}

main table.summary-table .item figure, #cart-item-added table .item figure, .order-summary .item figure {
  width: 43%;
  margin-right: 3%;
}

main .cart .promo-code {
  padding: 15px 0 0;
  border-width: 1px 0;
  margin: 20px 0 0;
  width: 100%;
}

main .cart .promo-code input {
  border-width: 2px;
  border-color: #000;
  height: 38px;
}

main .cart .promo-code input::placeholder {
  color: #575859;
}

main .cart .promo-code button {
  width: 100%;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  main .cart .promo-code button {
    padding: 8px 0px;
  }
}
main .cart .promo-code label, main .cart .promo-code .hint {
  display: none;
}

main .cart .promo-code input, main .cart .promo-code label {
  width: 100%;
}

main .cart .promo-code ul {
  margin-bottom: 0;
}

main .cart .promo-code ul li {
  display: inline-block;
}

main .cart .promo-code ul li:first-child {
  width: 70%;
  margin-right: 2%;
  float: left;
}

main .cart .promo-code ul li:last-child {
  width: 28%;
}

.cart-total {
  margin-top: 10px;
}

.cart-total::after {
  display: block;
  clear: both;
  content: "";
}

.cart-total span:not(.hint) {
  float: left;
}

.cart-total span:not(.hint) + span {
  float: right;
}

.cart-total ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.cart-total li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  clear: both;
}

.cart-total li::after {
  display: block;
  clear: both;
  content: "";
}

.cart-total ul > li:not(.gstonorder) > span:first-of-type {
  font-weight: bold;
}

.cart-total li.total {
  border-bottom-width: 1px;
  color: #C1737A;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 21px;
  padding-bottom: 16px;
}

.cart-total li.gstonorder span {
  font-size: 0.875rem;
  font-weight: 300;
}

.cart-total li.gstonorder span.price-amount {
  margin-left: 0;
}

.cart-total li.gstonorder span + span {
  margin-left: 5px;
}

.cart-total li.gstonorder > .price-display {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  float: left;
}

.cart-total .hint {
  margin-top: 0;
  font-size: 0.875rem;
}

@media (min-width: 992px) {
  .review .cart-total {
    clear: right;
    float: right;
    margin-top: 20px;
  }

  .review .cart-total li {
    padding-bottom: 2px;
    margin-bottom: 0px;
  }

  .review .cart-total li.total {
    padding-bottom: 15px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1430px) {
  .review .cart-total {
    width: 35.5%;
    clear: right;
    float: right;
  }

  .review .cart-total ul > li:not(.gstonorder):not(.total) > span:first-of-type {
    font-weight: 300;
  }
}
.cart_summary_panel table {
  width: 100%;
}

.cart_summary_panel table.totals {
  margin-bottom: 10px;
}

.cart_summary_panel p.qty {
  margin-bottom: 0;
}

.cart_summary_panel td {
  vertical-align: bottom;
  border-bottom-width: 1px;
  padding: 2px 0;
}

.cart_summary_panel td.total {
  text-align: right;
}

.total {
  vertical-align: top;
}

#retrieve-password, #header-retrieve-password, #billing-form {
  display: none;
}

.complete .cart h2, .history .cart h2 {
  font-size: 1.5rem;
  font-weight: bold;
}

.security-logos {
  margin-bottom: 15px;
  padding: 0 20px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.security-logos span {
  width: 30%;
}

.security-logos span.estarsecure {
  margin: 0 10px;
}

.security-logos span img {
  width: 100%;
}

@media (min-width: 768px) {
  .security-logos {
    display: block;
  }

  .security-logos > span {
    width: auto;
    display: inline-block;
  }
}
.hint-content::after {
  display: block;
  clear: both;
  content: "";
}

.print .main-container .cart-summary {
  width: 100%;
}

.print .cart-summary {
  float: none;
}

.print .cart-summary .summary-block {
  float: left;
  width: 32%;
  margin-left: 2%;
}

.print .cart-summary .summary-block td {
  padding-right: 15px;
}

.print .cart-summary .summary-block:first-child {
  margin-left: 0;
}

.print .cart-summary p, .print .cart-summary td {
  margin-bottom: 0;
  padding-bottom: 5px;
}

.print .cart {
  clear: both;
  width: 100%;
  margin: 15px auto;
  float: none;
}

.print .cart-summary {
  width: 100%;
  margin: 15px auto;
  float: none;
}

.delivery.cartpage .summary-block .modify a {
  width: 100%;
}

.delivery.cartpage #main .delivery-info .updateship {
  width: 100%;
}

.delivery.cartpage .next-previous:first-of-type .next,
.payment.cartpage .next-previous:first-of-type .next {
  display: none;
}

.cart-summary .summary-block .info-container {
  margin: 20px 0;
}

#sign-in li.email > label, #sign-in li.password > label {
  display: none;
}

.modify {
  display: block;
  margin-top: 21px;
}

.page-container .sameas label, .payment-method label, .delivery-method li label {
  width: 90%;
}

#zipMoney:hover {
  cursor: pointer;
}

.cart .afterpay-selected legend img {
  width: 110px;
  height: 21px;
}

.cart .afterpay-selected .popup-link {
  padding: 5px 0;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}

.cart .afterpay-selected .popup-link:hover {
  text-decoration: none;
}

.cart .afterpay-payment {
  font-weight: bold;
}

.cart .afterpay-payment .price {
  font-size: 1rem;
}

.oxipay {
  width: 121px;
  margin-top: 15px;
}

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

.cartpage .laybuy-content {
  font-size: 1.5rem;
  display: inline-block;
}

.cartpage .laybuy-content .laybuy img {
  width: 197px;
  margin: 25px 0 5px 0;
}

.paypal-link img {
  width: 105px;
  height: 26px;
}

.paypal-stored input {
  display: none;
}

.paypal-stored .btn {
  text-transform: uppercase;
  background-color: #F3F0EE;
  border-color: #F3F0EE;
  transition: 0.2s all ease-in-out;
  margin-bottom: 30px;
}

.paypal-stored .btn:hover {
  color: #212529;
  background-color: #e3dcd8;
  border-color: #ded6d0;
  transition: 0.2s all ease-in-out;
}

.payment.cartpage fieldset.payment-options div.storedpayments div.savedpayments .editdisplay:not(.active-edit) .show-fields, .payment.cartpage fieldset.payment-options div.storedpayments div.savedpayments .editdisplay:not(.active-edit) .card-edit {
  display: none;
}

.payment.cartpage fieldset.payment-options div.storedpayments div.savedpayments .editdisplay.active-edit .hide-fields {
  display: none;
}

@media (max-width: 991.98px) {
  #cart-item-added table .item-detail, #cart-item-added table .qty, #cart-item-added table .pricing, #cart-item-added table .total, .order-summary .item-detail, .order-summary .qty, .order-summary .pricing, .order-summary .total {
    width: 57%;
  }

  .update {
    text-align: left;
  }

  .update .hint {
    font-size: 1rem;
  }

  .update button {
    width: 100%;
  }

  .actions, #cart-item-added table .actions, .order-summary .actions {
    float: right;
    clear: right;
    width: 55%;
  }

  .actions .remove, #cart-item-added table .actions .remove, .order-summary .actions .remove {
    position: absolute;
    right: 0;
    top: 0;
  }

  main table.summary-table tr, #cart-item-added table tr, .order-summary tr {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
  }

  main table.summary-table tr:after, #cart-item-added table tr:after, .order-summary tr:after {
    clear: both;
  }

  main table.summary-table td, #cart-item-added table td, .order-summary td {
    display: block;
    border: 0;
    padding-left: 0;
  }

  main table.summary-table .item-detail h4, #cart-item-added table .item-detail h4, .order-summary .item-detail h4, table.summary-table td.item .brand, #cart-item-added table td.item .brand {
    margin-top: 0;
  }

  table.summary-table td.item figure, #cart-item-added table td.item figure {
    float: left;
  }

  table.summary-table td.item .brand span, #cart-item-added table td.item .brand span, main table.summary-table th, #cart-item-added table th, .order-summary th {
    display: none;
  }

  #cart-item-added table .total span:before, .order-summary .total span:before {
    content: "Sub Total: ";
  }

  .cart li.text-field label {
    width: 100%;
  }
}
/*** TABLETS ***/
@media (min-width: 992px) and (max-width: 1150px) {
  .cartpage .info-container .modify a {
    font-size: -2rem;
  }

  .login .email, .login .password {
    width: 100%;
  }
}
/***	DESKTOP ***/
@media (min-width: 992px) {
  main table.summary-table tbody, #cart-item-added table tbody, .order-summary tbody {
    border-bottom: 1px #F3F0EE solid;
  }

  main .cart table.summary-table .item .item-detail {
    vertical-align: middle;
  }

  main .cart table.summary-table .item figure, main .cart table.summary-table .item .item-detail {
    float: none;
    display: inline-block;
  }

  .review.cartpage #page-content {
    width: 100%;
    float: none;
  }

  .review.cartpage #page-content .cart {
    width: 100%;
  }

  .review.loggedin.cartpage #page-content .summary-block {
    display: none;
  }

  .cartpage.login #main li.email, .cartpage.login #main li.password, .cartpage.login #main .options .btn, .cartpage.login .options span, .cartpage.login #retrieve-password p, .cartpage.login .submit button {
    width: 70%;
  }

  .cartpage.login .cart {
    width: 100%;
  }

  .cartpage .main-container .customer {
    float: left;
  }

  .cartpage .main-container .customer.existing, .cartpage .main-container .customer.new {
    width: 45%;
  }

  .cartpage .main-container .customer.new p.options {
    padding-top: 42px;
  }

  .cartpage .main-container .customer.new .btn {
    width: 100%;
  }

  .cartpage .main-container .cart-summary {
    width: 25%;
    float: right;
    padding-top: 67px;
  }

  .cartpage main .cart {
    width: 67%;
    float: left;
  }

  main .cart .promo-code {
    border-top: 0;
    margin: 0;
    width: 43%;
    float: left;
    border-bottom: none;
  }

  main .cart .promo-code button {
    min-width: 77px;
  }

  main .cart .promo-code ul li:first-child {
    margin-right: 5px;
    width: auto;
    min-width: 250px;
    height: 40px;
    vertical-align: top;
  }

  main .cart .promo-code ul li:last-child {
    width: auto;
  }

  main .cart .masterpass-express, main .cart .laybuy, main .cart .oxipay {
    display: inline-block;
    margin-right: 1em;
  }

  main .cart-extras {
    float: right;
  }

  main .cart-extras::after {
    display: block;
    clear: both;
    content: "";
  }

  main table.summary-table .total, main table.summary-table .actions {
    text-align: right;
  }

  main table.summary-table .pricing, main table.summary-table .total {
    width: 18%;
  }

  main table.summary-table .total p {
    margin-bottom: 0;
  }

  main .order-summary .item-detail, main .order-summary .qty, main .order-summary .pricing, main .order-summary .total {
    float: none;
    clear: none;
    width: auto;
  }

  main .order-summary th, main .order-summary td {
    display: table-cell;
  }

  main .order-summary td, main .order-summary th {
    border-bottom-width: 1px;
    padding: 10px 0;
  }

  main .order-summary .pricing, main .order-summary .total {
    width: 18%;
  }

  main .order-summary .total, main .order-summary .actions {
    text-align: right;
  }

  main table.summary-table td, main .order-summary td {
    vertical-align: middle;
    padding: 18px 0;
  }

  main table.summary-table .item .item-detail, main .order-summary .item .item-detail {
    float: left;
    max-width: 62%;
  }

  main table.summary-table .qty, main .order-summary .qty {
    text-align: center;
  }

  main table.summary-table .price.now, main .order-summary .price.now {
    padding-left: 0;
  }

  .suburb-select .clickandcollect form.puis > p, .suburb-select .clickandcollect form.puis > div, .stores-display .clickandcollect form.puis > p, .stores-display .clickandcollect form.puis > div {
    width: 50%;
    float: left;
    clear: left;
  }

  .modal.single-store .clickandcollect .map-holder {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
  }

  .update {
    border-bottom-width: 1px;
    margin: 15px 0 0;
    padding-bottom: 15px;
    text-align: left;
    float: right;
    width: 50%;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .update span {
    margin-right: 5px;
    margin-top: 0;
    width: 64%;
  }

  .hint-content .csc-type {
    float: left;
    width: 45%;
  }

  .hint-content .csc-type img {
    margin-bottom: 15px;
  }

  .hint-content .csc-type + .csc-type {
    margin-left: 10%;
  }

  .review .cc-delivery-method {
    width: 50%;
  }

  .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.payment-method):not(.masterpass-account) ul, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.payment-method):not(.masterpass-account) ol,
.cartpage:not(.login) main form fieldset:not(.interest-groups):not(.payment-method) ul,
.cartpage:not(.login) main form fieldset:not(.interest-groups):not(.payment-method) ol,
.accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.masterpass-account) ul,
.accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.masterpass-account) ol,
.cartpage:not(.login) main form fieldset:not(.interest-groups) ul,
.cartpage:not(.login) main form fieldset:not(.interest-groups) ol {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
  }

  .delivery main form fieldset:not(.interest-groups) li:not(.sameas):not(.ccNominate):not(.delivery-store-details), .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups) li:not(.sameas):not(.ccNominate):not(.delivery-store-details), .payment main form fieldset:not(.interest-groups) li:not(.sameas):not(.ccNominate):not(.delivery-store-details) {
    width: 47%;
  }

  .delivery main form fieldset:not(.interest-groups) li.sameas, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups) li.sameas, .payment main form fieldset:not(.interest-groups) li.sameas {
    width: 100%;
  }

  .cartpage .payment {
    float: none;
  }

  .cartpage.review .cc-search ul li.postcode button {
    margin: 0;
  }

  .cartpage main form fieldset:not(.interest-groups):not(.payment-method) ul,
.cartpage main form fieldset:not(.interest-groups) ul {
    flex-direction: column;
    -webkit-flex-direction: column;
  }

  .cartpage .main-container .customer.new .btn {
    display: inline-block;
    width: auto;
  }

  .cartpage .card-expiry select {
    width: 34%;
  }

  .cartpage .card-expiry select + select {
    margin-left: 2%;
  }

  .cartpage main form fieldset:not(.interest-groups) li.sameas, .accountpage:not(.login) main form fieldset:not(.interest-groups) li.sameas {
    width: 100%;
  }

  #sign-in .customer.new {
    width: 100%;
  }
}
/*** Extra Large Screen ***/
@media (min-width: 1430px) {
  .update {
    width: 35.5%;
  }
}
/*** Shopping cart CLICK AND COLLECT ***/
.cartpage.review .cc-delivery-method {
  margin-top: 20px;
  padding: 20px 20px 0;
  border: 1px solid #EDEDED;
  width: 100%;
}

.cartpage.review .cc-delivery-method .delivery-type li {
  width: 47.5% !important;
  text-align: center;
}

.cartpage.review .cc-delivery-method .delivery-type a[data-toggle=popover] {
  text-align: center;
  display: inline-block;
  margin-left: 5px;
}

.cartpage.review .cc-delivery-method legend {
  display: none;
}

.cartpage.review .cc-delivery-method.storeselected .selected-store {
  display: block;
}

.cartpage.review .cc-delivery-method.storeselected .changestore {
  display: block;
}

.cartpage.review .cc-delivery-method .delivery-type {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.cartpage.review .cc-delivery-method .delivery-type:before, .cartpage.review .cc-delivery-method .delivery-type:after {
  display: none;
}

.cartpage.review .cc-delivery-method .delivery-type li {
  width: 47.5% !important;
}

.cartpage.review .cc-delivery-method .delivery-type li label {
  position: relative;
  background: #CCCBCC;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 0 9px;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
}

.cartpage.review .cc-delivery-method .delivery-type li a {
  padding-left: 6.5%;
}

.cartpage.review .cc-delivery-method .delivery-type li a, .cartpage.review .cc-delivery-method .delivery-type li.active a {
  border: 0;
  cursor: pointer;
  border-radius: 0;
  padding: 0;
}

.cartpage.review .cc-delivery-method .delivery-type li a:hover, .cartpage.review .cc-delivery-method .delivery-type li.active a:hover {
  text-decoration: none;
}

.cartpage.review .cc-delivery-method .delivery-type input[type=radio] {
  vertical-align: middle;
  position: absolute;
  left: -999em;
}

.cartpage.review .cc-delivery-method .delivery-type input[type=radio] + span:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-color: #fff;
  border: 4px solid #fff;
  margin-right: 5px;
  vertical-align: sub;
}

.cartpage.review .cc-delivery-method .delivery-type .active input[type=radio] + span:before {
  background-color: #575859;
}

.cartpage.review .cc-delivery-method .delivery-type .store-availability {
  display: inline-block;
  font-weight: normal;
}

.cartpage.review .cc-delivery-method .delivery-type .store-availability-selected {
  display: none;
  font-weight: normal;
}

.cartpage.review .cc-delivery-method .delivery-type .changestore {
  display: none;
  text-decoration: underline;
}

.cartpage.review .cc-delivery-method.storeselected .store-availability {
  display: none;
}

.cartpage.review .cc-delivery-method.storeselected .store-availability-selected {
  display: inline-block;
}

.cartpage.review .delivery-type p {
  text-align: center;
}

.cartpage.review .delivery-type a[data-toggle=popover] {
  padding: 0;
  display: block;
  border: none;
  margin: 0;
  border-radius: 0;
  background: none;
  cursor: pointer;
  font-weight: normal;
  outline: none;
}

.cartpage.review .delivery-type .selected-store {
  display: none;
  font-weight: 600;
}

.cartpage.review .delivery-type .selected-store .storename, .cartpage.review .delivery-type .selected-store .storeaddress {
  display: block;
}

.cartpage.review .delivery-type .selected-store.loading {
  min-height: 40px;
  background: url("ajax-loader.gif") center no-repeat;
}

.cartpage #clickandcollectlayer {
  display: none;
}

.cartpage #clickandcollectlayer.active {
  display: block;
}

.cartpage .cc-search ul {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.cartpage .cc-search .postcode {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.cartpage .cc-search .postcode button {
  width: 23%;
}

.cartpage .cc-search label {
  display: none;
}

.cartpage .cc-search input {
  padding: 6px 6px 6px 18px;
  max-width: 73%;
}

.cartpage .cc-search button {
  margin: 0;
}

.cartpage .cc-search .opening-hours {
  text-decoration: underline;
  margin-top: 5px;
  display: none;
}

.cartpage .cc-search .store-location.selected .opening-hours {
  display: inline-block;
}

.cartpage .cc-search-info {
  margin: -25px 0 0 0;
}

.cartpage.delivery #main .delivery-info .btn {
  width: 100%;
}

.cartpage.delivery .cc-delivery-method {
  margin-bottom: 0;
  margin-top: 20px;
}

.cartpage.delivery .cc-delivery-method .nav.nav-tabs {
  border: none;
}

.cartpage.delivery .cc-delivery-method .selected-store, .cartpage.delivery .cc-delivery-method .changestore, .cartpage.delivery .cc-delivery-method .no-store-selected {
  display: none;
}

.cartpage.delivery .cc-delivery-method .delivery-type > li, .cartpage.delivery .cc-delivery-method .delivery-type label {
  margin: 0;
}

.cartpage.delivery .cc-delivery-method .delivery-type p {
  display: none;
}

.cartpage.delivery .ccNominate {
  width: 100%;
}

.cartpage.delivery .ccNominate label {
  width: 90%;
}

.cartpage.delivery .delivery-store-details {
  margin: 0;
  width: 100%;
  display: none;
}

.cartpage.delivery .delivery-store-details.active {
  display: initial;
}

.cartpage.delivery .delivery-store-details.loading > label {
  min-height: 40px;
  display: inline-block;
  background: url("ajax-loader.gif") center no-repeat;
}

.cartpage.delivery .delivery-store-details.storeselected > label {
  display: inline-block;
}

.cartpage.delivery .delivery-store-details label {
  position: relative;
  display: none;
  padding: 0;
  margin: 0;
}

.cartpage.delivery .delivery-store-details #delivery-store input {
  display: none;
}

.cartpage.delivery .delivery-store-details label p {
  display: inline;
  font-weight: normal;
  margin: 0;
}

.cartpage.delivery .delivery-store-details label .no-store-selected {
  display: inline;
}

.cartpage.delivery .delivery-store-details label .selected-store {
  display: none;
}

.cartpage.delivery .delivery-store-details label.itemsCollasped span {
  display: inline;
}

.cartpage.delivery .delivery-store-details p {
  font-weight: bold;
}

.cartpage.delivery .delivery-store-details .no-store-selected {
  font-weight: normal;
  margin: 0;
}

.cartpage.delivery .delivery-store-details .changestore {
  display: none;
  text-decoration: underline;
  white-space: nowrap;
  font-size: -2rem;
  font-weight: normal;
  padding-left: 5px;
}

.cartpage.delivery .delivery-store-details.storeselected label {
  padding: 10px 5px 10px 0;
}

.cartpage.delivery .delivery-store-details.storeselected #delivery-store.collapsed .changestore {
  display: inline;
}

.cartpage.delivery .delivery-store-details.storeselected #delivery-store input {
  display: inline-block;
}

.cartpage.delivery .delivery-store-details.storeselected #delivery-store .selected-store {
  display: inline;
}

.cartpage.delivery .delivery-store-details.storeselected .no-store-selected {
  display: none;
}

.cartpage.delivery .delivery-store-details label, .cartpage.delivery .ccNominate label {
  cursor: pointer;
}

.cartpage.delivery fieldset.cc-search-info {
  margin-top: 0;
}

.cartpage .selected-store span:after {
  content: ", ";
}

.cartpage .selected-store span.storepostcode:after {
  content: "";
}

.cartpage .selected-store span.storecity, .cartpage .selected-store span.storecountry, .cartpage .selected-store span.storephone {
  display: none;
}

.clickandcollect {
  position: relative;
}

.clickandcollect::after {
  display: block;
  clear: both;
  content: "";
}

.clickandcollect .puis div.form-item-search button {
  margin: 12px 0;
}

.clickandcollect .store > .images {
  display: none;
}

.clickandcollect .store-links h2 {
  font-size: 16px;
  margin: 0 0 10px;
  border-bottom: 2px solid #000;
  line-height: 2em;
}

.clickandcollect .store-links li {
  font-size: 12px;
}

.clickandcollect .store-links li::after {
  display: block;
  clear: both;
  content: "";
}

.clickandcollect .store-links h3 {
  position: relative;
  padding-left: 40px;
  margin-top: 0;
  float: left;
  width: 63.5%;
  font-size: 14px;
  font-weight: normal;
}

.clickandcollect .store-links h3 img {
  position: absolute;
  left: 0;
}

.clickandcollect .store-links .store-name {
  font-weight: 600;
}

.clickandcollect .store-links .store-details, .clickandcollect .store-links .store-name, .clickandcollect .store-links .store-address {
  display: block;
}

.clickandcollect .store-links .store-details a, .clickandcollect .store-links .store-details a:hover, .clickandcollect .store-links .store-name a, .clickandcollect .store-links .store-name a:hover, .clickandcollect .store-links .store-address a, .clickandcollect .store-links .store-address a:hover {
  text-decoration: underline;
}

.clickandcollect .store-links .store-select {
  display: block;
}

.clickandcollect .store-links .store-select a {
  font-weight: normal;
  text-transform: none;
  padding: 10px;
  white-space: normal;
  line-height: 20px;
  height: auto;
  width: 100%;
}

.clickandcollect .stores {
  display: none;
  position: relative;
}

.clickandcollect .stores h3 {
  font-size: 16px;
  padding-left: 40px;
}

.clickandcollect .stores h3 img {
  position: absolute;
  left: 0;
}

.clickandcollect .stores .back.btn {
  margin-top: 20px;
}

.clickandcollect .stores .store .directions {
  width: 100%;
  float: none;
}

.clickandcollect .stores .store h4 {
  font-size: 14px;
}

.clickandcollect .stores .store .store-name {
  position: relative;
  margin: 0px 0 10px;
  padding: 0 0 10px;
  font-weight: 500;
}

.clickandcollect .stores .store .store-name span.distance {
  font-size: 14px;
  text-align: right;
}

.clickandcollect .stores .store .store-name img {
  margin-right: 10px;
  width: 15px;
}

.clickandcollect .stores .store .store-info {
  display: none;
}

.clickandcollect .stores .store .store-info .store-address {
  padding-bottom: 10px;
}

.clickandcollect .stores .store .store-info .store-address ul {
  padding-left: 40px;
}

.clickandcollect .stores .store .store-info .store-address ul li.storecountry, .clickandcollect .stores .store .store-info .store-address ul li.storephone, .clickandcollect .stores .store .store-info .store-address ul li.storeaddress {
  display: block;
}

.clickandcollect .stores .store .store-details {
  display: none;
}

.clickandcollect .stores .store .store-details ul {
  margin-bottom: 20px;
  list-style: none;
  padding: 0;
}

.clickandcollect .stores .store .store-details ul li {
  margin-bottom: 5px;
}

.clickandcollect .stores .store .store-details .store-select {
  display: block;
  padding-top: 20px;
}

.clickandcollect .stores.showstore .store h3 {
  display: none;
}

.clickandcollect .stores.showstore .store .store-info, .clickandcollect .stores.showstore .store .store-details {
  display: block;
}

.clickandcollect .stores.showstore .store .store-address ul {
  padding-left: 0;
}

.clickandcollect .stores.showstore .store .store-address ul li {
  margin-bottom: 0;
  display: inline;
}

.clickandcollect .stores.showstore .store .store-address ul li label {
  display: inline;
}

.clickandcollect .map-link a {
  display: block;
  text-align: center;
}

.clickandcollect .map-container {
  position: relative;
  padding-top: 60%;
  display: none;
}

.clickandcollect .ajax-content.storedetails form.puis > p, .clickandcollect .ajax-content.storedetails form.puis .form-item-search {
  display: none;
}

#clickandcollect .modal-body {
  min-height: 290px;
}

.modal#storedetail .storedetail .store > h1 {
  display: none;
}

.modal#storedetail .storedetail .address {
  border: 0;
  padding: 0;
}

.modal#storedetail .storedetail .address, .modal#storedetail .storedetail .opening-hours, .modal#storedetail .storedetail .directions {
  width: 100%;
}

.modal#storedetail .storedetail .map-link a {
  display: inline-block;
  width: auto;
}

.suburb-select .clickandcollect .map-container, .stores-display .clickandcollect .map-container {
  display: block;
}

.suburb-select .clickandcollect .results, .stores-display .clickandcollect .results {
  margin-bottom: 30px;
}

.delivery .nominated-person ol li:nth-child(2), .accountpage .nominated-person ol li:nth-child(2) {
  display: block;
  width: 100% !important;
}

/***  DESKTOP ***/
@media (min-width: 992px) {
  .cartpage.review .cc-delivery-method {
    width: 50%;
    clear: right;
    float: right;
  }

  .clickandcollect .puis::after {
    display: block;
    clear: both;
    content: "";
  }

  .clickandcollect .puis .form-item-search {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }

  .clickandcollect .puis .form-item-search input {
    width: 60%;
  }

  .clickandcollect .puis .form-item-search button {
    margin: 0;
  }

  .clickandcollect .store .store-select {
    float: right;
  }

  .clickandcollect .store .store-select a {
    width: auto;
  }

  .clickandcollect .map-holder {
    width: 42.5%;
    position: absolute;
    right: 0;
    top: 0;
  }

  .clickandcollect .map-container {
    padding-top: 80%;
  }

  .clickandcollect .store-info.content p, .clickandcollect .store-info.content li:not(.storecountry), .clickandcollect .store-info.content a {
    margin: 0;
  }

  .clickandcollect .store-info.content label {
    display: inline-block;
  }

  .clickandcollect .store-info.content h4 {
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 3px;
  }

  .clickandcollect a.back.btn {
    margin: 15px 0;
  }
}
/*** Frieght Estimator ***/
.shipping-calculator .delivery-method.loading {
  height: 40px;
  background: url("ajax-loader.gif") center no-repeat;
}

/***  DESKTOP ***/
@media (min-width: 992px) {
  .shipping-calculator {
    width: 50%;
    float: left;
  }

  .shipping-calculator fieldset ul {
    display: block !important;
  }

  .shipping-calculator label {
    text-align: left;
    display: block;
    width: auto;
  }

  .shipping-calculator ul li {
    display: inline-block;
    margin: 0 5px 10px 0;
  }

  .shipping-calculator .postcode-btn {
    width: 100%;
    min-width: 0;
  }

  .shipping-calculator .calculator-label {
    display: block;
    width: 100%;
  }

  .shipping-calculator .calculator-input input, .shipping-calculator .country select, .shipping-calculator .state select {
    width: 100%;
    vertical-align: middle;
    display: inline-block;
  }

  .shipping-calculator .country {
    float: left;
  }

  .shipping-calculator .delivery-method li {
    margin: 0;
  }

  .shipping-calculator .delivery-method li label {
    width: auto;
    display: inline-block;
  }
}
/* Gift Card specific styles on the payment page */
.payment main form .gift-card-options .price-amount {
  margin-right: 5px;
}

.payment main form .gift-card-options > div {
  margin-bottom: 15px;
}

.payment main form .gift-card-options .giftcard-amount > label {
  margin-bottom: 15px;
}

.payment main form .gift-card-options .giftcard-amount ol {
  display: block;
}

.payment main form .gift-card-options .giftcard-amount ol:before {
  content: "";
  display: table;
}

.payment main form .gift-card-options .giftcard-amount ol:after {
  content: "";
  display: table;
  clear: both;
}

.payment main form .gift-card-options .giftcard-amount ol li {
  display: inline-block;
  float: left;
  width: 16%;
  margin: 0 2% 0 0;
}

.payment main form .gift-card-options .giftcard-amount ol li:last-of-type {
  margin-right: 0;
}

.payment main form .gift-card-options .giftcard-amount ol li label, .payment main form .gift-card-options .giftcard-amount ol li p {
  font-size: -1rem;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  max-width: 100%;
}

.payment main form .gift-card-options .giftcard-amount ol .giftcard-number, .payment main form .gift-card-options .giftcard-amount ol .giftcard-security, .payment main form .gift-card-options .giftcard-amount ol .giftcard-number-label, .payment main form .gift-card-options .giftcard-amount ol .giftcard-security-label {
  width: 28%;
  margin-right: 4%;
}

.payment main form .gift-card-options .giftcard-another {
  display: none;
}

@media (min-width: 480px) {
  .payment main .account-details .gift-card-options .giftcard-amount ol li {
    width: 14%;
    margin: 0 2% 0 0;
  }

  .payment main .account-details .gift-card-options .giftcard-amount ol li:nth-of-type(2n) {
    margin-right: 2%;
  }

  .payment main .account-details .gift-card-options .giftcard-amount ol li:last-of-type {
    margin-right: 0;
  }

  .payment main .account-details .gift-card-options .giftcard-amount ol li label, .payment main .account-details .gift-card-options .giftcard-amount ol li p {
    font-size: 1rem;
  }

  .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-number, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-security, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-number-label, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-security-label {
    width: 32%;
  }
}
/* ========= SHOPPING CART COMPONENT END ========= */
/* ========= WISHLIST COMPONENT ========= */
.wishlist.wishlist-public #page-content .next-previous {
  display: none;
}

.wishlist.wishlist-public .details-occassion {
  margin-top: 1rem;
}

.wishlist.wishlist-public .details-occassion ol {
  list-style-type: none;
  padding-left: 0;
}

.wishlist.wishlist-public .details-occassion label {
  font-weight: bold;
}

.wishlist .wishlist-summary::after {
  display: block;
  clear: both;
  content: "";
}

.wishlist .wishlist-summary .actions .select {
  padding-top: 10px;
}

.wishlist .wishlist-summary .actions .select label {
  width: 30%;
}

.wishlist .wishlist-summary .actions .select label:after {
  content: "Select All";
}

.wishlist .make-public {
  width: 100%;
}

.wishlist .product-content .form-item.quantity {
  width: 70%;
  float: right;
}

@media (min-width: 768px) {
  .wishlist .product-content .form-item.colour,
.wishlist .product-content .form-item.size {
    width: 50%;
    float: left;
  }
}
.wishlist .product-content .form-item > label {
  display: block;
  font-weight: bold;
}

.wishlist .product-content .add-to-cart {
  margin-top: 0;
  border: none;
}

.wishlist .page-container button {
  width: 100%;
}

.wishlist .form-item:not(.quantity):not(.update-quantity):not(.cartbutton) {
  margin-bottom: 0;
}

.wishlist .product-content .form-item.update-quantity {
  margin-bottom: 8px;
  width: 100%;
  clear: both;
}

.wishlist .pricing {
  text-align: left;
}

.wishlist .price {
  text-align: left;
}

.wishlist .cart-options button {
  width: 100%;
}

@media (min-width: 768px) {
  .wishlist .cart-options button {
    width: 100% !important;
  }
}
.wishlist .add-to-cart .cart-options {
  padding: 0;
}

.wishlist .product {
  clear: both;
  position: relative;
  margin-top: 15px;
  padding-top: 15px;
  border-top-width: 1px;
}

.wishlist .childproducts .product-content {
  width: auto;
  float: none;
  clear: both;
}

.wishlist .product-img {
  width: 35%;
  float: left;
}

.wishlist .product-img a > img {
  visibility: visible;
}

.wishlist .product-content {
  width: 64%;
  float: right;
  margin: 0;
  clear: none;
  position: relative;
}

@media (min-width: 768px) {
  .wishlist .product-content {
    width: 55%;
  }
}
.wishlist .product-content .form-item ul {
  display: inline-block;
}

.wishlist .product-content h2 {
  margin: 0 20px 10px 0;
  line-height: 20px;
  padding-right: 10px;
}

.wishlist .product-content h2 a {
  color: #575859;
  font-size: 1.5rem;
}

.wishlist .details-occassion {
  margin-top: 0;
}

.wishlist .details-occassion legend {
  display: none;
}

.wishlist .details-occassion + button {
  float: right;
}

.wishlist .add-to-cart .cartbutton a {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
}

.wishlist .add-to-cart .cartbutton label:after {
  content: "Select Item";
  text-transform: none;
  font-weight: normal;
}

.wishlist .add-to-cart .cart-options {
  line-height: normal;
  position: inherit;
}

.wishlist .add-to-cart {
  position: initial;
}

.wishlist .add-to-cart button[disabled] {
  display: none;
}

.wishlist .note {
  display: block;
  margin-bottom: 5px;
}

.wishlist .email-note {
  min-width: 100%;
}

.wishlist .email-note a {
  text-decoration: underline;
}

.wishlist .email-note legend {
  padding-top: 20px;
}

.wishlist .main-container .next-previous {
  width: 55%;
  float: right;
}

.wishlist .modal-dialog .form-item:not(.cartbutton) {
  margin-bottom: 15px !important;
}

/*** IPAD + DESKTOP ***/
@media (min-width: 768px) {
  .wishlist .childproducts .product-content {
    width: 100%;
  }

  .wishlist .page-container button {
    width: 100%;
  }

  .wishlist .page-content .form-item.quantity {
    width: 41%;
  }

  .wishlist .product-content .form-item.quantity {
    width: 36%;
  }
}
/*** DESKTOP ***/
@media (min-width: 992px) {
  .wishlist #page-content .form-item.quantity {
    width: 42%;
  }

  .wishlist .page-container button {
    width: 100%;
  }

  .wishlist .page-container > form:last-of-type, .wishlist .page-container > div {
    float: left;
    width: 60%;
  }

  .wishlist .page-container > form:first-of-type {
    width: 30%;
    float: right;
  }

  .wishlist .page-container .wishlist-summary {
    clear: none;
  }

  .wishlist .next-previous {
    padding: 0 0 20px;
  }
}
/* ========= WISHLIST COMPONENT END ========= */
/******** GIFT VOUCHERS COMPONENT: START  ********/
.giftvoucher #main .instructions .intro { font-weight: bold; font-style: italic; }

.giftvoucher #main .gift-voucher:not(:-moz-handler-blocked) fieldset { display: table-cell; }

.giftvoucher #main .gift-voucher .voucher-carousel { position: relative; margin-bottom: 0; }

.giftvoucher #main .gift-voucher .voucher-carousel li { margin-bottom: 0; position: relative; }

.giftvoucher #main .gift-voucher .voucher-carousel li input[type=radio] { position: absolute; z-index: -2; margin: 0; }

.giftvoucher #main .gift-voucher .voucher-carousel li label { width: 100%; }

.giftvoucher #main .gift-voucher .voucher-carousel li label img { width: 100%; }

.giftvoucher #main #deliverydatepicker { min-height: 40px; }

.giftvoucher #main .gift-voucher .value input { width: 40%; margin-left: 5px; display: inline-block; }

.giftvoucher #main .gift-voucher figure { margin: 15px 0; }

.giftvoucher #main .gift-voucher figure img { width: 100%; max-width: 530px; }

.giftvoucher #main .next-previous button { margin-bottom: 15px; width: 100%; }

.giftvoucher #main li.value select { width: 29%; display: inline-block; padding: 7px; }

@media (min-width: 768px) { .giftvoucher #main .gift-voucher .value input { width: 30%; }
  .giftvoucher #main .next-previous .next { float: right; }
  .giftvoucher #main .next-previous .prev { float: left; } }
@media (min-width: 1150px) { .giftvoucher #main .instructions { float: right; width: 35%; margin-top: 80px; }
  .giftvoucher #main .instructions + form { float: left; width: 55%; } }
@media (min-width: 992px) { .giftvoucher #main li.value select { width: 18%; }
  .giftvoucher #main .next-previous button { width: auto; } }
@media (max-width: 1429px) { .giftvoucher #main #left-nav { display: none; }
  .giftvoucher #main #page-content { width: 100%; } }
/******** GIFT VOUCHERS COMPONENT: END  ********/


		/* ========= CUSTOM FORM CONTACT COMPONENT ========= */
		.contact-form-holder {
		border-top-width: 1px;
		padding-top: 10px;
		margin-top: 10px;
		}
		.contact-form-holder input[type=tel] {
		width: 30%;
		display: inline-block;
		}
		.contact-form-holder input[type=tel]:last-of-type {
		margin-right: 0;
		}

		.customform #main form .telephone input[type=tel] {
		width: 100%;
		}
		.customform #main li input, .customform #main li textarea {
		font-size: -1rem;
		}
		.customform #main h3 {
		margin-top: 4px;
		font-size: 5rem;
		color: #dee2e6;
		}
		.customform #main #contact-form .error {
		color: #dc3545;
		}

		@media (min-width: 576px) {
		.contact-form-holder input[type=tel] {
			width: 32%;
			margin-right: 2%;
		}
		}
		@media (min-width: 768px) {
		.contact-form-holder input[type=tel] {
			width: 32%;
			margin-right: 2%;
		}
		}
		/*** DESKTOP ***/
		@media (min-width: 1200px) {
		.customform #main::after {
			display: block;
			clear: both;
			content: "";
		}
		.customform #main .main-container h1 {
			margin-bottom: 20px;
		}
		.customform #main .page-container .content {
			float: left;
			width: 45%;
		}

		.contact-form-holder {
			float: right;
			width: 50%;
			margin-left: 5%;
			border-top-width: 0;
			padding-top: 0;
			margin-top: 0;
		}

		.contact-form-holder fieldset {
			margin-top: 0;
		}

		.contact-form-holder input[type=tel] {
			width: 22.5%;
			margin-right: 1.25%;
		}

		.contact-form-holder .security-message label, .contact-form-holder .security-code label {
			width: 75%;
		}

		.contact-form-holder .security-code input, .contact-form-holder .security-message .security-code img {
			width: 20%;
		}
		}
		/* ========= CUSTOM FORM COMPONENT END ========= */

	
/* ========= STORE LOCATOR COMPONENT ========= */
.storelocator h1 { margin-top: 26px; }

@media (min-width: 768px) { .storelocator h1 { margin-bottom: 26px; } }
.storelocator h2 { font-size: 1.0625rem; text-transform: uppercase; }

.storelocator .store::after { display: block; clear: both; content: ""; }

.storelocator .map-link a { padding: 10px 23px; margin-top: 6px; }

.storelocator .map-link a:hover, .storelocator .map-link a:active, .storelocator .map-link a:visited, .storelocator .map-link a:focus { text-decoration: none; }

.storelocator #page-content { float: none; width: 100%; }

.storelocator #left-nav { display: none; }

.storelocator .page-container ul li { position: relative; list-style-type: none; }

.storelocator .page-container .store-locator > li > ul { padding-left: 1rem; }

.storelocator .page-container ul ul li a, .storelocator li.location li a { padding-left: 15px; }

.storelocator .page-container li.location ul li { border: 0; }

.storelocator .page-container ul ul ul { padding-left: 0px !important; }

.storelocator .page-container ul li > a { width: 100%; display: block; padding: 15px 0; position: relative; }

.storelocator .store-locator > li > a { text-transform: uppercase; }

.storelocator .store-locator > li > a, .storelocator .store-locator > li > ul > li > a { font-weight: bold; text-decoration: none; }

.storelocator .store-locator > li, .storelocator .store-locator > li > ul > li { border-bottom-width: 1px; }

.storelocator .store-locator { padding-left: 0; border-top-width: 1px; }

.storelocator .store-map-holder { position: relative; margin-top: 0; padding-top: 100%; width: 100%; margin-bottom: 20px; }

@media (min-width: 768px) { .storelocator .store-map-holder { margin-bottom: 0; width: 60%; float: right; padding-top: 45%; } }
.storelocator #store-map { margin-top: 25px; }

.storedetail .store .images { padding-top: 25px; width: 100%; clear: both; }

.storedetail .store .images ul { margin: 0 -5px; -ms-box-orient: horizontal; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; display: flex; flex-flow: row wrap; list-style: none; }

.storedetail .store .images ul::after { display: block; clear: both; content: ""; }

.storedetail .store .images ul li { width: 48%; margin: 1%; }

.storedetail .store .images ul img { width: 100%; height: auto; }

.storedetail .store .address, .storedetail .store .opening-hours, .storedetail .store .directions { margin-bottom: 15px; }

.store .content { padding: 0; width: 100%; clear: left; }

.store .content img { width: 100%; height: auto; }

.store > .content { margin-bottom: 20px; margin-top: 10px; }

@media (min-width: 768px) { .storelocator h1 { margin-bottom: 40px; }
  .storelocator ul.store-locator { padding: 0; width: 35%; float: left; }
  .storelocator #store-map { margin-top: 0px; }
  .storedetail .store .images { float: left; width: 300px; clear: left; }
  .store .address, .store .opening-hours, .store .directions { float: left; padding: 0; width: 300px; clear: left; }
  .store .content { width: 270px; float: left; }
  .store .content img { width: auto; max-width: 100%; } }
@media (min-width: 1150px) { .storelocator .store-map-holder { padding-top: 66%; } }
@media (min-width: 768px) and (max-width: 1150px) { .storelocator .store-map-holder { width: 55%; } }
/* ========= STORE LOCATOR COMPONENT END ========= */

/* ========= BLOG COMPONENT ========= */
.blogpage #main {
  /* Blog Categories Menu */
  /* Listing Page */
}

.blogpage #main .blog-list-item .blog-wrap .post-author figure {
  display: none;
}

.blogpage #main .blog-title {
  display: none;
}

.blogpage #main .blog-header {
  display: none;
}

.blogpage #main .blog-header > div {
  height: 180px;
  width: 100%;
  position: relative;
}

@media (min-width: 992px) {
  .blogpage #main .blog-header {
    display: block;
  }

  .blogpage #main .blog-header > div {
    height: 360px;
  }
}
.blogpage #main #page-content {
  width: 100%;
}

.blogpage #main #page-content .page-container {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.blogpage #main #page-content .page-container h1 {
  margin-top: 20px;
  border-bottom-width: 0px;
  margin-bottom: 20px;
}

.blogpage #main #page-content .page-container > h1:first-of-type {
  display: none;
  padding: 0;
  text-align: left;
  left: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  top: auto;
  width: 80%;
  z-index: 2;
}

.blogpage #main #left-nav {
  display: none;
}

.blogpage #main .blog-header {
  margin-bottom: 10px;
}

.blogpage #main span.security-code {
  display: inline-block;
}

.blogpage #main h2.blogger-name {
  font-size: 1.25rem;
}

.blogpage #main .blog-categories {
  border-bottom: 1px solid #EDEDED;
  margin-bottom: 30px;
  display: none;
}

.blogpage #main .blog-categories ul:before, .blogpage #main .blog-categories ul:after {
  content: "";
  display: table;
}

.blogpage #main .blog-categories ul:after {
  clear: both;
}

.blogpage #main .blog-categories ul li {
  float: left;
}

.blogpage #main .blog-categories ul li a {
  font-weight: normal;
  font-size: 1.125rem;
  text-transform: uppercase;
  margin-right: 22px;
}

.blogpage #main .blog-content h1 {
  font-size: 1.25rem;
}

.blogpage #main .blog-content .blog-list-item .entry {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.blogpage #main .blog-content .blog-list-item .entry > p {
  margin-bottom: 0;
}

.blogpage #main .blog-content .blog-list-item .entry .post-content {
  width: 100%;
  padding: 15px 32px 32px 32px;
  order: 2;
}

.blogpage #main .blog-content .blog-list-item .entry .post-content .post-title a, .blogpage #main .blog-content .blog-list-item .entry .post-content .post-excerpt a {
  text-decoration: none;
}

.blogpage #main .blog-content .blog-list-item .entry p {
  width: 100%;
}

.blogpage #main .blog-content .blog-list-item .entry p img {
  width: 100%;
}

.blogpage #main .blog-content .blog-list-item .tag-prefix {
  display: none;
}

.blogpage #main .blog-content .blog-list-item .tag-links a {
  background-color: #7cbeda;
  color: white;
  text-transform: uppercase;
  padding: 5px 8px;
  font-size: 0.875rem;
}

.blogpage #main .blog-sidebar {
  width: 100%;
  margin-bottom: 20px;
}

.blogpage #main .blog-sidebar ul {
  margin-bottom: 15px;
  padding-left: 0;
}

.blogpage #main .blog-sidebar ul li {
  margin-top: 15px;
  list-style-type: none;
}

.blogpage #main .blog-sidebar ul li:before, .blogpage #main .blog-sidebar ul li:after {
  content: "";
  display: table;
}

.blogpage #main .blog-sidebar ul li:after {
  clear: both;
}

.blogpage #main .blog-sidebar ul li a, .blogpage #main .blog-sidebar ul li span {
  margin-right: 3px;
}

.blogpage #main .blog-sidebar ul li .post-date, .blogpage #main .blog-sidebar ul li .post-author {
  font-size: 1rem;
}

.blogpage #main .blog-sidebar ul li a.post-author {
  margin-bottom: 10px;
}

.blogpage #main .blog-sidebar ul li a.post-author:before {
  content: "By ";
}

.blogpage #main .blog-sidebar ul li a.post-name {
  display: block;
}

.blogpage #main .blog-sidebar .show-more-trigger {
  cursor: pointer;
  text-decoration: underline;
}

.blogpage #main .blog-sidebar .show-more-trigger:hover {
  text-decoration: underline;
  color: #000;
}

.blogpage #main .blog-sidebar .post-date {
  display: inline-block;
  margin-right: 5px;
  font-weight: 300;
  color: #CCCBCC;
  margin-bottom: 7px;
}

.blogpage #main .blog-sidebar .post-author {
  display: none;
}

.blogpage #main .blog-sidebar .sidebar-section {
  position: relative;
  border-bottom-width: 1px;
  padding: 5px 0px;
}

.blogpage #main .blog-sidebar .sidebar-section:before, .blogpage #main .blog-sidebar .sidebar-section:after {
  content: "";
  display: table;
}

.blogpage #main .blog-sidebar .sidebar-section:after {
  clear: both;
}

@media (min-width: 992px) {
  .blogpage #main .blog-sidebar .sidebar-section {
    padding: 20px 0px;
  }
}
.blogpage #main .blog-sidebar .sidebar-section h3 {
  cursor: pointer;
  margin: 0;
  padding: 10px 0;
  font-size: 1.25rem;
}

.blogpage #main .blog-sidebar .sidebar-section h4 {
  margin: 0;
  padding: 5px 0;
}

.blogpage #main .blog-sidebar .sidebar-section h4 a {
  font-size: 1rem;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

.blogpage #main .blog-sidebar .sidebar-section:last-child {
  border-bottom-width: 1px;
  display: none;
}

.blogpage #main .blog-sidebar .sidebar-section .products {
  border-bottom: 0;
  padding-bottom: 0;
}

.blogpage #main .blog-sidebar .sidebar-section .products .item {
  width: 100%;
  margin: 0;
  float: none;
}

.blogpage #main .blog-sidebar .sidebar-section .products .item .options {
  display: none;
}

.blogpage #main .blog-sidebar .sidebar-section .products .item .buy-now {
  float: none;
}

.blogpage #main .blog-sidebar .sidebar-section .products .item button {
  min-width: 100%;
}

.blogpage #main .blog-sidebar .blogger-profile .blogger-link {
  display: none;
}

.blogpage #main .blog-sidebar .blogger-profile figure {
  float: left;
  display: none;
}

.blogpage #main .blog-sidebar .blogger-profile figure img {
  width: 50px;
}

.blogpage #main .blog-sidebar .blogger-profile h4 {
  float: right;
  width: 100%;
  font-weight: normal;
}

.blogpage #main .blog-content {
  width: 100%;
  float: left;
}

@media (max-width: 991.98px) {
  .blogpage #main .blog-content {
    padding-top: 20px;
  }
}
.blogpage #main .blog-content .blogger-name {
  margin-left: 5px;
}

.blogpage #main .blog-content .meta-data p {
  margin-right: 10px;
}

.blogpage #main .blog-content .meta-data span, .blogpage #main .blog-content .meta-data a {
  margin-right: 5px;
}

.blogpage #main .blog-content .post-date, .blogpage #main .blog-content .post-author {
  display: inline-block;
  margin-right: 5px;
  font-weight: 300;
  color: #CCCBCC;
  margin-bottom: 7px;
}

.blogpage #main .blog-content .blog-list-item {
  margin: 0 0 47px 0;
}

.blogpage #main .blog-content .blog-list-item h2 {
  margin-top: 0px;
}

.blogpage #main .blog-content .blog-list-item h2 a {
  color: #575859;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.375rem;
  margin-bottom: 10px;
  line-height: 24px;
}

.blogpage #main .blog-content .blog-list-item .post-author {
  color: #CCCBCC;
}

.blogpage #main .blog-content .blog-list-item .post-author:before, .blogpage #main .blog-content .blog-list-item .post-author:after {
  content: "";
  display: table;
}

.blogpage #main .blog-content .blog-list-item .post-author:after {
  clear: both;
}

.blogpage #main .blog-content .blog-list-item .post-author .author-prefix {
  text-transform: lowercase;
}

.blogpage #main .blog-content .blog-list-item .post-author .blogger-name {
  text-decoration: underline;
  color: #CCCBCC;
}

.blogpage #main .blog-content .blog-list-item .post-categories {
  display: none;
}

.blogpage #main .blog-content .blog-list-item .blog-wrap {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .blogpage #main .blog-content .blog-list-item .blog-wrap {
    width: 40%;
  }
}
@media (min-width: 1430px) {
  .blogpage #main .blog-content .blog-list-item .blog-wrap {
    width: 40%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
  }
}
.blogpage #main .blog-content .blog-list-item .blog-wrap h2 {
  order: 1;
  margin-top: 25px;
}

.blogpage #main .blog-content .blog-list-item .blog-wrap .post-author {
  order: 2;
}

.blogpage #main .blog-content .blog-list-item .blog-wrap .blog-info {
  order: 4;
}

.blogpage #main .blog-content .blog-list-item .blog-wrap .meta-data {
  order: 3;
}

.blogpage #main .blog-content .post-link {
  margin: 20px 0;
  order: 5;
}

.blogpage #main .blog-content .blog-list-item:first-child {
  border-top-width: 1px;
  margin-top: 20px;
  padding-top: 10px;
}

.blogpage #main .blog-content .entry-content {
  margin-bottom: 20px;
}

.blogpage #main .blog-content .entry-content h2 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.blogpage #main .blog-content .entry-content img {
  width: 100%;
  display: block;
}

.blogpage #main .blog-content .post-navigation {
  display: none;
}

.blogpage #main .blog-content #comments {
  margin: 30px 0 0;
}

.blogpage #main .blog-content #comments > ol {
  padding-left: 0;
}

.blogpage #main .blog-content .notify, .blogpage #main .blog-content .updates {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.blogpage #main .blog-content .blog-reply {
  margin-bottom: 20px;
}

.blogpage #main .blog-content .blog-reply:before, .blogpage #main .blog-content .blog-reply:after {
  content: "";
  display: table;
}

.blogpage #main .blog-content .blog-reply:after {
  clear: both;
}

.blogpage #main .blog-content .blog-reply button {
  float: right;
  padding: 15px 20px;
}

.blogpage #main .blog-content .blog-reply li.notify label, .blogpage #main .blog-content .blog-reply li.updates label {
  font-weight: normal;
}

.blogpage #main .blog-content .blog-reply form .success:not(:last-of-type) {
  display: none;
}

.blogpage #main .blog-content input[type=checkbox] {
  margin-top: 0;
  vertical-align: middle;
}

.blogpage #main .blog-content .reply-link {
  text-align: right;
}

.blogpage #main .blog-content .toolbar.bottom {
  width: 100%;
}

.blogpage #main .blog-content p img, .blogpage #main .blog-content img {
  width: 100%;
  height: auto;
}

.blogpage #main .subscriptions-table {
  width: 100%;
  margin-bottom: 20px;
}

.blogpage #main .subscriptions-table thead {
  display: none;
}

.blogpage #main .subscriptions-table tr {
  border-bottom-width: 1px;
  margin: 0;
  padding: 10px 0 15px;
  position: relative;
  display: block;
}

.blogpage #main .subscriptions-table td {
  padding: 5px 0;
  display: block;
}

.blogpage #main .subscriptions-table td.subscription {
  font-weight: bold;
}

.blogpage #main .subscriptions-table td.actions {
  position: absolute;
  top: 10px;
  right: 0;
}

.blogpage #main .subscriptions-table select {
  width: 100%;
}

.blogpage #main button.btn.subscribe {
  margin-bottom: 10px;
  width: 100%;
}

.blogpage #main .blog-comment {
  display: block;
  margin: 20px 0;
  padding: 15px;
  position: relative;
  border-bottom-width: 1px;
}

.blogpage #main .blog-comment:before, .blogpage #main .blog-comment:after {
  content: "";
  display: table;
}

.blogpage #main .blog-comment:after {
  clear: both;
}

.blogpage #main .blog-comment .blog-comment {
  border-width: 0 0 1px 3px;
}

.blogpage #main .blog-comment .blog-reply {
  display: none;
}

.blogpage #main .blog-comment .author, .blogpage #main .blog-comment .comment-date {
  font-weight: bold;
  display: inline-block;
  margin-right: 5px;
}

.blogpage #main .blog-comment .comment-body {
  clear: both;
  margin-bottom: 15px;
}

.blogpage #main .profile .blogger-profile {
  border-top-width: 1px;
  padding: 15px 0;
}

.blogpage #main .profile .blogger-profile:before, .blogpage #main .profile .blogger-profile:after {
  content: "";
  display: table;
}

.blogpage #main .profile .blogger-profile:after {
  clear: both;
}

.blogpage #main .profile .blogger-profile h2, .blogpage #main .profile .blogger-description, .blogpage #main .profile .blog-recent {
  margin-top: 0;
  float: right;
  width: 65%;
}

.blogpage #main .profile .blogger-profile figure {
  width: 30%;
  float: left;
  border-width: 1px;
}

.blogpage #main .profile .blogger-profile figure img {
  width: 100%;
}

.blogpage #main .profile .blogger-profile .blog-recent ul {
  margin: 0 0 10px 0;
}

.blogpage #main .profile .blogger-profile .blog-recent li {
  padding-bottom: 5px;
}

.blogpage #main .profile .blogger-profile .blog-recent li:before, .blogpage #main .profile .blogger-profile .blog-recent li:after {
  content: "";
  display: table;
}

.blogpage #main .profile .blogger-profile .blog-recent li:after {
  clear: both;
}

.blogpage #main .profile .blogger-profile .blog-recent a, .blogpage #main .profile .blogger-profile .blog_recent span {
  padding: 0px 5px 0 0px;
}

/*** IPAD + DESKTOP ***/
@media (min-width: 992px) {
  .blogpage #main {
    /* Listing Page */
  }

  .blogpage #main .blog-content .blog-list-item {
    margin: 40px 0;
    padding: 0;
    position: relative;
    width: 100%;
  }

  .blogpage #main .blog-content .blog-list-item:before, .blogpage #main .blog-content .blog-list-item:after {
    content: "";
    display: table;
  }

  .blogpage #main .blog-content .blog-list-item:after {
    clear: both;
  }

  .blogpage #main .blog-content .blog-list-item .blog-wrap h2 {
    margin-top: 0;
  }

  .blogpage #main .blog-content .blog-list-item:nth-child(even) .entry {
    width: 58%;
    float: right;
    padding-left: 2%;
  }

  .blogpage #main .blog-content .blog-list-item:nth-child(even) .blog-wrap {
    float: left;
    left: 0;
  }

  .blogpage #main .blog-content .blog-list-item:nth-child(odd) .entry {
    width: 56%;
    float: left;
    padding-right: 4%;
  }

  .blogpage #main .blog-content .blog-list-item .entry {
    overflow: hidden;
    min-height: 300px;
  }

  .blogpage #main .blog-content .blog-list-item .entry .post-category {
    display: none;
  }

  .blogpage #main .blog-content .blog-list-item .entry p img {
    width: 100%;
    height: auto;
    margin-left: 50%;
    transform: translate(-50%);
  }

  .blogpage #main .blog-content .post-link {
    margin: 0px;
  }

  .blogpage #main .blog-content, .blogpage #main .blog.subscriptions {
    width: 100%;
  }

  .blogpage #main .meta-data {
    float: left;
    width: 85%;
  }

  .blogpage #main .blog-sidebar {
    float: right;
    margin-top: 20px;
  }

  .blogpage #main .blog-sidebar .collapse.in {
    display: block;
  }

  .blogpage #main .blog-sidebar .blog-subscribe {
    padding: 15px;
    border-width: 1px;
    border-radius: 4px;
    margin-top: 20px;
  }

  .blogpage #main .blog-sidebar .blog-subscribe h3 {
    border: 0;
    padding-top: 0;
  }

  .blogpage #main .blog-sidebar .blog-subscribe label {
    display: block;
    width: 100%;
  }

  .blogpage #main .blog-sidebar .blog-subscribe input, .blogpage #main .blog-sidebar .blog-subscribe button {
    width: 100%;
    min-width: 100%;
  }

  .blogpage #main .blog-comment button {
    float: right;
  }

  .blogpage #main .blog-content .blog-reply button {
    margin-top: -55px;
  }

  .blogpage #main .profile {
    width: 70%;
    float: left;
  }

  .blogpage #main .profile .blogger-profile:last-child {
    border-bottom-width: 1px;
  }

  .blogpage #main .profile .blogpage .profile .blogger-profile .blogger-description:empty {
    display: none;
  }

  .blogpage #main .profile .blogger-profile figure {
    float: left;
    max-width: 210px;
  }

  .blogpage #main .subscriptions-table thead {
    display: table-header-group;
  }

  .blogpage #main .subscriptions-table thead th {
    padding: 5px 10px;
  }

  .blogpage #main .subscriptions-table tbody td {
    border-bottom-width: 1px;
  }

  .blogpage #main .subscriptions-table tr {
    display: table-row;
    padding: 0;
    border: 0;
  }

  .blogpage #main .subscriptions-table td {
    padding: 10px;
    width: 25%;
    display: table-cell;
  }

  .blogpage #main .subscriptions-table td.subscription {
    font-weight: normal;
  }

  .blogpage #main .subscriptions-table td.actions {
    text-align: right;
    width: 10%;
    position: relative;
    top: 0;
  }

  .blogpage #main .subscriptions-table select {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .blogpage #main #page-content .page-container {
    display: block;
  }

  .blogpage #main #page-content .page-container > h1:first-of-type {
    display: block;
    padding: 0;
    text-align: left;
    left: 0;
    margin-bottom: 20px;
    position: relative;
    top: auto;
    width: 80%;
    z-index: 2;
  }

  .blogpage #main #page-content .blog-content {
    background-color: white;
    padding: 0px 0px 22px 0px;
    margin-bottom: 40px;
    width: 70%;
    float: left;
  }

  .blogpage #main #page-content .blog-content h1 {
    margin-top: 0px;
  }

  .blogpage #main .blog-sidebar {
    width: 25%;
    float: right;
    display: inline-block;
    margin-top: 40px;
  }

  .blogpage #main .blog-sidebar ul {
    display: block !important;
    height: auto !important;
    cursor: default;
    margin-bottom: 0;
  }

  .blogpage #main .blog-sidebar ul li {
    margin-top: 10px;
  }

  .blogpage #main .blog-sidebar .sidebar-section h3 .eso-accordion-indicator {
    background: none;
  }

  .blogpage #main .blog-sidebar .info-container {
    padding-left: 0;
  }
}
/*** DESKTOP ***/
@media (min-width: 1150px) {
  .blogpage #main .blog-reply li.notify, .blogpage #main li.updates {
    width: 48%;
    display: inline-block;
  }

  .blogpage #main .blog-reply li.notify label, .blogpage #main li.updates label {
    width: 90%;
    margin: 0;
  }
}
/* ========= BLOG COMPONENT END ========= */
.competition #left-nav { display: none; }

.competition .comp-form form ol { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; flex-direction: column; -webkit-flex-direction: column; }

.competition .comp-form form ol li.telephone input.tel_area { margin-bottom: 1em; }

.competition .comp-form form ol li.sec-preview p { display: none; }

.competition .comp-form form ol li.new-account-prompt { margin-top: 2em; }

.competition .comp-form form ol li.new-account-prompt h2 { margin: 0; }

.competition:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.competition .progress { border: 1px solid #e5e5e5; margin-bottom: 1em; height: 42px; }

.competition .progress p { background: #e5e5e5; padding: 10px 0; text-align: center; }

.competition.login .progress p { width: 25%; }

.competition.entry .progress p { width: 50%; }

.competition.friends .progress p { width: 75%; }

.competition.complete .progress p { width: 100%; }

.competition form li { margin-bottom: 1em; }

.competition h2 { font-size: 20px; padding: 0 0 .5em; font-weight: bold; text-transform: uppercase; }

.competition .instructions { margin-bottom: 1em; }

.competition .promo { margin-bottom: 1em; }

.competition .agreement label { width: 90%; display: inline-block; margin-left: 5px; }

.competition.entry li.security-message, .competition.entry li.security-message label, .competition.entry li.agreement { width: 100% !important; }

.competition.entry #securitycode { width: 100%; }

.competition.entry li.security-message .inline-error { display: block; }

@media (min-width: 768px) { .competition #left-nav { display: none; }
  .competition #page-content { width: 100%; }
  .competition.entry li.telephone { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
  .competition.entry li.telephone .tel_area { width: 15%; }
  .competition.entry li.telephone input { width: 77%; }
  .competition.entry #securitycode { width: 100%; } }
@media (min-width: 992px) { .competition.entry li.security-message .inline-error { width: 47%; }
  .competition .page-container > .competition fieldset ol > li { width: 47%; float: left; } }
@media (min-width: 1150px) { .competition.entry .comp-form form ol { flex-direction: row; -webkit-flex-direction: row; }
  .competition.entry li.sec-preview { width: 5.2%; }
  .competition.entry li.sec-preview img { margin-top: 1.8em; }
  .competition.entry li.sec-code { width: 36.2%; }
  .competition.friends .comp-form form ol { flex-direction: row; -webkit-flex-direction: row; }
  .competition.friends .comp-form form ol li.submit { margin-top: 26px; } }
/* ========= COMPETITIONS END ========= */

/* ========= CAREERS COMPONENT ========= */
.career .career-item { border-bottom-width: 1px; padding-bottom: 25px; margin-bottom: 15px; }

.career .career-item img { height: auto; display: block; max-width: 100%; }

.career .list-date .open { margin-right: 20px; }

.career .list-date .open:before { content: "date opened: "; }

.career .list-date .closing:before { content: "date closing: "; }

.career .list-date .open:before, .career .list-date .closing:before, .career .list-status { font-weight: bold; }

.career .list-status { color: #7cbeda; }

.career .list-status { text-transform: uppercase; }

.career .list-date, .career .list-status { margin-bottom: 15px; }

.career .list-description { clear: both; }

.career .cv textarea { height: 100px; }

@media (min-width: 769px) { .career #left-nav { display: none; }
  .career #page-content { width: 100%; }
  .career .cv textarea { height: 200px; }
  .career .security-code + security-code { margin-left: 29%; }
  .career .next-previous button { float: right; } }
/* ========= CAREERS COMPONENT END ========= */
