@charset "UTF-8";
.noDesktop {
  display: none !important;
}

@media only screen and (max-width: 1200px) {
  .noLaptop {
    display: none !important;
  }
}
@media only screen and (max-width: 900px) {
  .noBigTablet {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .noTablet {
    display: none !important;
  }
}
@media only screen and (max-width: 650px) {
  .noBigPhone {
    display: none !important;
  }
}
@media only screen and (max-width: 450px) {
  .noPhone {
    display: none !important;
  }
}
.smoothPX {
  transition: all 0.25s linear;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:root {
  --cc-color-primary: #002B49;
  --cc-color-secondary: #A77E5D;
  --cc-color-endura: #E4DED4;
  --cc-color-natura: #9E795D;
  --cc-color-luxura: #002B49;
  --cc-color-gold: #A77E5D;
  --cc-color-beige: #EBE4DC;
  --cc-color-orange: #FC790F;
  --cc-color-drop-down: #C4BC9B;
  --cc-color-black: #000000;
  --cc-color-white: #FFFFFF;
  --cc-color-grey: #606060;
  --cc-color-red: #D9000D;
  --cc-color-magenta: #eb1a74;
  --cc-color-green: #74af26;
  --cc-color-blue: #007ac1;
  --cc-color-blue-dark: #2c6ada;
  --cc-color-yellow: #fcd623;
  --cc-color-purple: #9685c5;
  --cc-color-dark-grey: #333333;
  --cc-color-light-grey: #cccccc;
  --cc-color-lighter-grey: #EFEFEF;
  --cc-color-facebook: #486099;
  --cc-color-border: #D5D5D5;
  --cc-color-box: #EDEEED;
  --cc-color-block-link-text: var(--cc-color-white);
  --cc-color-block-link-bg: var(--cc-color-primary);
  --cc-color-text-color: #333333;
}

:root {
  --kc-body-font: circe, Helvetica, sans-serif;
  --kc-body-font-weight: 400;
  --kc-body-font-line-height: 1.45em;
  --kc-header-font: circe, Helvetica, sans-serif;
  --kc-header-font-weight: 350;
  --kc-header-font-line-height: 1.3em;
  --kc-menu-font: circe, Helvetica, sans-serif;
  --kc-menu-font-weight: 400;
  --kc-menu-font-line-height: 1.2em;
  --kc-h1Size: 48px;
  --kc-h1Size-clamp: clamp(28px, 6.5vw, 46px);
  --kc-h2Size: 38px;
  --kc-h2Size-clamp: clamp(24px, 5.2vw, 36px);
  --kc-h3Size: 36px;
  --kc-h3Size-clamp: clamp(20px, 3.0vw, 34px);
  --kc-h4Size: 28px;
  --kc-h4Size-clamp: clamp(18px, 2.5vw, 24px);
  --kc-h5Size: 24px;
  --kc-h5Size-clamp: clamp(16px, 1.8vw, 18px);
  --kc-h6Size: 22px;
  --kc-h6Size-clamp: clamp(14px, 1.6vw, 16px);
  --kc-bodyFontSize: 15px;
  --kc-bodyFontSize-clamp: clamp(14px, 1.3vw, 16px);
  --kc-menuFontSize: 14px;
  --kc-menuFontSize-clamp: clamp(12px, 0.75vw, 14px);
  --kc-footerFontSize: 12px;
  --kc-footerFontSize-clamp: clamp(10px, 0.75vw, 14px);
  --kc-smallFontSize: 12px;
  --kc-smallFontSize-clamp: clamp(10px, 1.2vw, 12px);
  --kc-creditFontSize: 10px;
  --kc-creditFontSize-clamp: clamp(9px, 1vw, 11px);
}
@supports (font-variation-settings: normal) {
  :root {
    --kc-header-font: deuterium-variable, circe, Helvetica, sans-serif;
    --kc-menu-font: deuterium-variable, circe, Helvetica, sans-serif;
    --kc-header-font-weight: 325;
  }
}

body {
  font-size: 62.5%;
}

p, ul, ol, table {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  margin-bottom: 1.2em;
  color: var(--cc-color-text-color);
}

p {
  margin-bottom: 1.1em;
}

a {
  color: var(--cc-color-blue);
  text-decoration: none;
}

sup {
  font-size: 0.5em !important;
}

strong {
  font-weight: 600;
}

span.primaryColour {
  color: var(--cc-color-primary);
}
span.secondaryColour {
  color: var(--cc-color-secondary);
}
span.goldColour {
  color: var(--cc-color-gold);
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, blockquote + h1, blockquote + h2, blockquote + h3, blockquote + h4, blockquote + h5, blockquote + h6 {
  margin-top: 1em;
}

h1, h2, h3, h4, h5, h6, p, span {
  text-underline-offset: 0.15em;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--cc-color-primary);
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  line-height: var(--kc-header-font-line-height);
  margin-bottom: 0.5em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  width: 100%;
}
h1.scriptHeading, h2.scriptHeading, h3.scriptHeading, h4.scriptHeading, h5.scriptHeading, h6.scriptHeading {
  font-family: "parlare", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0em;
}
h1.serifHeading, h2.serifHeading, h3.serifHeading, h4.serifHeading, h5.serifHeading, h6.serifHeading {
  font-family: "ivyora-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0em;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  line-height: 1.1em;
}
h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b, h4 strong, h4 b, h5 strong, h5 b, h6 strong, h6 b {
  font-weight: 500;
}
h1.primaryColour, h2.primaryColour, h3.primaryColour, h4.primaryColour, h5.primaryColour, h6.primaryColour {
  color: var(--cc-color-primary) !important;
}
h1.secondaryColour, h2.secondaryColour, h3.secondaryColour, h4.secondaryColour, h5.secondaryColour, h6.secondaryColour {
  color: var(--cc-color-secondary) !important;
}
h1.beigeColour, h2.beigeColour, h3.beigeColour, h4.beigeColour, h5.beigeColour, h6.beigeColour {
  color: var(--cc-color-beige) !important;
}
h1.magenta, h2.magenta, h3.magenta, h4.magenta, h5.magenta, h6.magenta {
  color: var(--cc-color-magenta) !important;
}
h1.green, h2.green, h3.green, h4.green, h5.green, h6.green {
  color: var(--cc-color-green) !important;
}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
  color: var(--cc-color-blue) !important;
}
h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow {
  color: var(--cc-color-yellow) !important;
}
h1.purple, h2.purple, h3.purple, h4.purple, h5.purple, h6.purple {
  color: var(--cc-color-purple) !important;
}
h1.plumHeader, h2.plumHeader, h3.plumHeader, h4.plumHeader, h5.plumHeader, h6.plumHeader {
  color: var(--cc-color-primary) !important;
}

h1 {
  font-size: var(--kc-h1Size) 48px;
  font-size: var(--kc-h1Size-clamp);
  margin-bottom: 0.8em;
}

h2 {
  font-size: var(--kc-h2Size) 40px;
  font-size: var(--kc-h2Size-clamp);
  margin-bottom: 0.8em;
}

h3 {
  font-size: var(--kc-h3Size) 36px;
  font-size: var(--kc-h3Size-clamp);
  margin-bottom: 0.6em;
}

h4 {
  font-size: var(--kc-h4Size) 28px;
  font-size: var(--kc-h4Size-clamp);
  margin-bottom: 0.75em;
}

h5 {
  font-size: var(--kc-h5Size) 24px;
  font-size: var(--kc-h5Size-clamp);
  margin-bottom: 0.8em;
}

h6 {
  font-size: var(--kc-h6Size) 22px;
  font-size: var(--kc-h6Size-clamp);
  margin-bottom: 0.9em;
}

:root {
  --kc-scroll-margin: 296px;
  interpolate-size: allow-keywords;
}

@view-transition {
  navigation: auto;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

* {
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-text-size-adjust: none;
  box-sizing: border-box;
}

[id] {
  scroll-margin-top: 160px;
}

.clearit {
  height: 0px;
  overflow: hidden;
  clear: both;
  width: 100%;
  display: block;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 160px;
}

body {
  position: relative;
  width: 100%;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
}

.pageHolder {
  overflow: clip;
  z-index: 2;
  width: 100%;
}

.section {
  width: 100%;
  overflow: clip;
}

img {
  width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.wrapper {
  width: calc(100% - (calc((calc(24px + 2.4vw)) * 2)));
  display: block;
  margin: 0 auto;
  max-width: 1200px;
  clear: both;
  /*$bigTablet ends*/
}
.wrapper.fullScreenWidthBG, .wrapper.fullScreenWidth {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 900px) {
  .wrapper {
    width: calc(100% - (calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5)));
  }
}

.wrapper.withMargin {
  padding-left: calc((calc(24px + 2.4vw)) * 0.25);
  padding-right: calc((calc(24px + 2.4vw)) * 0.25);
}

.flexer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.flexer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.bg > a {
  display: block;
  float: left;
  width: 100%;
}
.bg span.stilt {
  float: left;
  width: 100%;
  display: block;
}

.widthInd {
  display: none;
}

p, ul, ol, table, blockquote {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  padding: 0;
}

@media only screen and (max-width: 650px) {
  .wrapper {
    width: calc(100% - (calc(24px + 2.4vw)) - (calc((calc(24px + 2.4vw)) * 0.5)));
  }
} /*$bigPhone ends*/
@media only screen and (max-width: 450px) {
  .wrapper {
    width: calc(100% - (calc(24px + 2.4vw)));
  }
} /*$phone ends*/
.logo {
  width: 100%;
  display: block;
  padding: 0;
}
.logo:after {
  content: "";
  display: table;
  clear: both;
  opacity: 0;
}
.logo p {
  opacity: 0;
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  font-size: 1px;
}

.readMore {
  transition: all 0.35s ease;
}
.readMore.collapsed {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
  transition: all 0.35s ease;
}

html .woocommerce button.readMoreButton,
html .woocommerce button.readMoreButton:hover {
  border: 0;
  background-color: transparent;
  padding: 0;
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  text-transform: none;
  letter-spacing: 0em;
  color: currentColor;
}
html .woocommerce button.readMoreButton + .productQuickLinks,
html .woocommerce button.readMoreButton:hover + .productQuickLinks {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}

.noSpace {
  margin-bottom: 0;
}

.image img {
  display: block;
}
.image.leftTop img {
  object-position: top left;
}
.image.centerTop img {
  object-position: top center;
}
.image.rightTop img {
  object-position: top right;
}
.image.leftCentre img {
  object-position: center left;
}
.image.centreCentre img {
  object-position: center center;
}
.image.rightCentre img {
  object-position: center right;
}
.image.leftBottom img {
  object-position: bottom left;
}
.image.centreBottom img {
  object-position: bottom center;
}
.image.rightBottom img {
  object-position: bottom right;
}
.image.imgContain img {
  object-fit: contain;
}
.image.imgCover img {
  object-fit: cover;
}
.image a {
  display: block;
  width: 100%;
}

.dimImage:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  mix-blend-mode: multiply;
  pointer-events: none;
}
img {
  display: block;
}
img.leftTop {
  object-position: top left !important;
}
img.centerTop {
  object-position: top center !important;
}
img.rightTop {
  object-position: top right !important;
}
img.leftCentre {
  object-position: center left !important;
}
img.centreCentre {
  object-position: center center !important;
}
img.rightCentre {
  object-position: center right !important;
}
img.leftBottom {
  object-position: bottom left !important;
}
img.centreBottom {
  object-position: bottom center !important;
}
img.rightBottom {
  object-position: bottom right !important;
}
img.imgContain {
  object-fit: contain !important;
}
img.imgCover {
  object-fit: cover !important;
}

.imageHolder {
  width: 100%;
}
.imageHolder.leftTop img {
  object-position: top left;
}
.imageHolder.centerTop img {
  object-position: top center;
}
.imageHolder.rightTop img {
  object-position: top right;
}
.imageHolder.leftCentre img {
  object-position: center left;
}
.imageHolder.centreCentre img {
  object-position: center center;
}
.imageHolder.rightCentre img {
  object-position: center right;
}
.imageHolder.leftBottom img {
  object-position: bottom left;
}
.imageHolder.centreBottom img {
  object-position: bottom center;
}
.imageHolder.rightBottom img {
  object-position: bottom right;
}
.imageHolder.imgContain img {
  object-fit: contain;
}
.imageHolder.imgCover img {
  object-fit: cover;
}
.imageHolder img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.imageHolder .frame, .imageHolder a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.imageHolder .missingImage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  background-color: rgba(var(--cc-color-box-grey), 5);
}
.imageHolder span.stilt {
  display: block;
  width: 100%;
  padding-top: 100%;
  z-index: 1;
  pointer-events: none;
}
.imageHolder.compat-object-fit {
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
.imageHolder.compat-object-fit img {
  opacity: 0;
}

.image {
  overflow: hidden;
}
.image .toolTipIndicator {
  display: none;
  /*
  opacity: 1;
  transition: opacity 0.25s ease-out, transform 0.25s ease-in;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width:  24px;
  height: 24px;
  font-size: 10px;
  border-radius: 24px;
  background-color: var(--kc-color-white);
  color: var(--kc-color-primary);
  position: absolute;
  left:   auto;
  top:    auto;
  right:  6px;
  bottom: 6px;
  opacity: 0.5;
  transform: translateX(0px);
  font-weight: 700;
  */
}
.image .toolTip {
  position: absolute;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  width: auto;
  padding: clamp(18px, (calc(24px + 2.4vw)) * 0.25, 24px);
  background-color: var(--cc-color-primary);
  display: inline-block;
  color: var(--cc-color-white);
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.25s ease-out, transform 0.25s ease-in;
  text-align: left;
}
.image:hover .toolTip {
  transform: translateY(0px);
  opacity: 1;
}
.image:hover .toolTipIndicator {
  opacity: 0;
  transform: translateX(10px);
}
.image.hideCaptions .toolTip, .image.hideCaptions .toolTipIndicator {
  display: none;
}

.image.natural,
.natural .image {
  padding: 0;
}
.image.natural .imageHolder,
.natural .image .imageHolder {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  height: auto;
}
.image.natural .imageHolder img, .image.natural .imageHolder a,
.natural .image .imageHolder img,
.natural .image .imageHolder a {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  height: auto;
}
.image.natural .imageHolder span.stilt,
.natural .image .imageHolder span.stilt {
  display: none;
}

.image.imgCropVert {
  min-height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.image.imgCropVert img, .image.imgCropVert a, .image.imgCropVert picture {
  min-height: 100%;
}

.image.imgCrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.image.imgCrop img, .image.imgCrop a, .image.imgCrop picture {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.borderAnimated {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0.5;
}
.borderAnimated .top, .borderAnimated .right, .borderAnimated .bottom, .borderAnimated .left {
  position: absolute;
  background-color: var(--cc-color-white);
}
.borderAnimated.whiteBorder .top, .borderAnimated.whiteBorder .right, .borderAnimated.whiteBorder .bottom, .borderAnimated.whiteBorder .left {
  background-color: var(--cc-color-white);
}
.borderAnimated.primaryBorder .top, .borderAnimated.primaryBorder .right, .borderAnimated.primaryBorder .bottom, .borderAnimated.primaryBorder .left {
  background-color: var(--cc-color-primary);
}
.borderAnimated.greyBorder .top, .borderAnimated.greyBorder .right, .borderAnimated.greyBorder .bottom, .borderAnimated.greyBorder .left {
  background-color: var(--cc-color-light-grey);
}
.borderAnimated.darkGreyBorder .top, .borderAnimated.darkGreyBorder .right, .borderAnimated.darkGreyBorder .bottom, .borderAnimated.darkGreyBorder .left {
  background-color: var(--cc-color-dark-grey);
}
.borderAnimated.blackBorder .top, .borderAnimated.blackBorder .right, .borderAnimated.blackBorder .bottom, .borderAnimated.blackBorder .left {
  background-color: var(--cc-color-black);
}
.borderAnimated.redBorder .top, .borderAnimated.redBorder .right, .borderAnimated.redBorder .bottom, .borderAnimated.redBorder .left {
  background-color: var(--cc-color-red);
}
.borderAnimated .top {
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
}
.borderAnimated .right {
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
}
.borderAnimated .bottom {
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
}
.borderAnimated .left {
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
}

.image.inline,
.inline .image {
  display: inline-block;
  float: right;
  margin-left: calc((calc(24px + 2.4vw)) * 0.5);
  margin-bottom: 12px;
}

.bgImage {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bgImage.leftTop img {
  object-position: top left;
}
.bgImage.centerTop img {
  object-position: top center;
}
.bgImage.rightTop img {
  object-position: top right;
}
.bgImage.leftCentre img {
  object-position: center left;
}
.bgImage.centreCentre img {
  object-position: center center;
}
.bgImage.rightCentre img {
  object-position: center right;
}
.bgImage.leftBottom img {
  object-position: bottom left;
}
.bgImage.centreBottom img {
  object-position: bottom center;
}
.bgImage.rightBottom img {
  object-position: bottom right;
}

.opacity10 {
  opacity: 0.1;
}

.opacity20 {
  opacity: 0.2;
}

.opacity30 {
  opacity: 0.3;
}

.opacity40 {
  opacity: 0.4;
}

.opacity50 {
  opacity: 0.5;
}

.opacity60 {
  opacity: 0.6;
}

.opacity70 {
  opacity: 0.7;
}

.opacity80 {
  opacity: 0.8;
}

.opacity90 {
  opacity: 0.9;
}

.blendedNormal {
  mix-blend-mode: normal;
}

.blendedScreen {
  mix-blend-mode: screen;
}

.blendedOverlay {
  mix-blend-mode: overlay;
}

.blendedLighten {
  mix-blend-mode: lighten;
}

.blendedColorDodge {
  mix-blend-mode: colordodge;
}

.blendedColorBurn {
  mix-blend-mode: colorburn;
}

.blendedHardLight {
  mix-blend-mode: hardlight;
}

.blendedSoftLight {
  mix-blend-mode: softlight;
}

.blendedDifference {
  mix-blend-mode: difference;
}

.blendedExclusion {
  mix-blend-mode: exclusion;
}

.blendedSaturation {
  mix-blend-mode: saturation;
}

.blendedColor {
  mix-blend-mode: color;
}

.blendedLuminosity {
  mix-blend-mode: luminosity;
}

.bigList {
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  line-height: var(--kc-header-font-line-height);
  margin-bottom: 0.5em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-size: var(--kc-h6Size) 22px;
  font-size: var(--kc-h6Size-clamp);
}

.iconLink {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  cursor: pointer;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  color: var(--cc-color-black);
  background-size: auto 1.5em;
  background-position: 0em center;
  background-repeat: no-repeat;
  padding: 0.7em 1em;
  padding-left: 2.25em;
  padding-right: 0px;
  font-weight: 500;
}
.iconLink svg {
  order: 0;
  width: 1.25em;
}
.iconLink p {
  margin: 0;
  padding-left: 0.75em;
  order: 1;
  color: currentColor;
  font-size: 1em;
}
.iconLink.inverted:hover {
  color: var(--cc-color-white);
}
.iconLink.coloursLink {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/colours-icon-bronze.svg");
}
.iconLink.coloursLink.inverted {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/colours-icon-white.svg");
}
.iconLink.samplesLink {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/samples-icon-outline-bronze.svg");
}
.iconLink.samplesLink.inverted {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/samples-icon-outline-white.svg");
}
.iconLink.searchLink {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/search-icon-bronze.svg");
}
.iconLink.searchLink.inverted {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/search-icon-white.svg");
}
.iconLink.closeLink {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/close-icon-bronze.svg");
}
.iconLink.closeLink.inverted {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/close-icon-white.svg");
}
.iconLink.specLink {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/spec-icon-outline-bronze.svg");
  background-size: auto 2em;
  background-position: -0.2em center;
}
.iconLink.specLink.inverted {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/spec-icon-outline-white.svg");
}
.iconLink.downloadLink {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/download-icon-outline-bronze.svg");
  background-size: auto 2em;
  background-position: -0.2em center;
}
.iconLink.downloadLink.inverted {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/download-icon-outline-white.svg");
}
.blockLink.fileLink, input.fileLink[type=submit], button.fileLink, .fileLink.button {
  background-color: var(--cc-color-black);
  color: var(--cc-color-white);
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/spec-icon-outline-white.svg");
  background-size: auto 2em;
  background-position: 0.5em center;
  background-repeat: no-repeat;
  padding: 1em 1.5em;
  padding-left: 3em;
}

.blockLink.downloadLink, input.downloadLink[type=submit], button.downloadLink, .downloadLink.button {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/download-icon-outline-bronze.svg");
  background-size: auto 2em;
  background-position: -0.2em center;
  background-repeat: no-repeat;
  padding: 1em 1.5em;
  padding-left: 2.2em;
}

a.blockLink, .blockLink, input[type=submit], button, .button, blockLink {
  cursor: pointer;
  padding: 0.75em 1.25em;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  margin-top: 1.2em;
  line-height: 1.2em;
  transition: background-color 350ms ease-in;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  background-color: var(--cc-color-secondary);
  color: var(--cc-color-white);
}

.addCorners {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.addCorners:after, .addCorners:before {
  pointer-events: none;
  position: absolute;
  width: 15%;
  padding-top: 15%;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/corner-br.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  transform: translateX(23%) translateY(23%);
}
.addCorners:before {
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  width: 10%;
  height: 10%;
  transform: translateX(-23%) translateY(-10.25%) rotate(180deg);
}

input[type=submit], button, .button {
  border: 0;
  border-radius: 0;
  padding: 1.25em 1.5em;
  font-weight: 700;
}
input[type=submit]:after, button:after, .button:after {
  display: none;
}

.smallPrint {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}

.socials {
  width: auto;
  list-style-type: none;
}
.socials li {
  width: 38px;
  height: 38px;
  display: inline-block;
  margin: 0;
  padding: 0;
  z-index: 1;
  transition: all 0.35s ease;
  background-color: var(--cc-color-primary);
}
.socials li + li {
  margin-left: 12px;
}
.socials:hover li div {
  opacity: 1;
}
.socials a {
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.35s ease;
}
.socials a div {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-position: center center;
  background-size: 55% 55%;
  background-repeat: no-repeat;
}
.socials a div p {
  opacity: 0;
  font-size: 1px;
}
.socials a div.connect {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/connect.svg");
}
.socials a div.fb {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/facebook.svg");
}
.socials a div.tw {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/twitter.svg");
}
.socials a div.li {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/linkedin.svg");
}
.socials a div.wp {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/wordpress.svg");
}
.socials a div.pt {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/pinterest.svg");
}
.socials a div.ig {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/instagram.svg");
}
.socials a div.hz {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/houzz-logo.svg");
}

@media only screen and (max-width: 450px) {
  .image .toolTip, .image .toolTipIndicator {
    display: none;
  }
} /*$phone ends*/
.text, .additionalText {
  overflow: hidden;
  z-index: 2;
}
.text h1 .divider, .text h2 .divider, .text h3 .divider, .text h4 .divider, .text h5 .divider, .text h6 .divider, .additionalText h1 .divider, .additionalText h2 .divider, .additionalText h3 .divider, .additionalText h4 .divider, .additionalText h5 .divider, .additionalText h6 .divider {
  content: "";
  display: block;
  clear: both;
  width: 50%;
  max-width: 1.8em;
  border-top: 4px solid var(--cc-color-primary);
}
.text h1 .divider, .text h2 .divider, .text h3 .divider, .additionalText h1 .divider, .additionalText h2 .divider, .additionalText h3 .divider {
  margin-top: 0.5em;
}
.text h4 .divider, .text h5 .divider, .text h6 .divider, .additionalText h4 .divider, .additionalText h5 .divider, .additionalText h6 .divider {
  margin-top: 0.7em;
}
.text hr, .additionalText hr {
  width: 100%;
  display: block;
  margin: calc((calc(24px + 2.4vw)) * 0.5) 0;
  border-top: solid 1px var(--cc-color-primary);
}
.text ul, .additionalText ul {
  list-style-type: none;
}
.text ul li, .additionalText ul li {
  padding-left: 1.4em;
  margin-bottom: 0.8em;
}
.text ul li:before, .additionalText ul li:before {
  position: absolute;
  left: 0;
  top: 0.4em;
  right: auto;
  bottom: auto;
  width: 0.6em;
  height: 0.6em;
  content: "";
  display: block;
  background-color: var(--cc-color-primary);
}
.text ol, .additionalText ol {
  list-style: none;
  counter-reset: item;
}
.text ol li, .additionalText ol li {
  counter-increment: item;
  margin-bottom: 0.6em;
}
.text ol li:before, .additionalText ol li:before {
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  font-size: var(--kc-h6Size) 22px;
  font-size: var(--kc-h6Size-clamp);
  color: var(--cc-color-primary);
  margin-right: 0.5em;
  content: counter(item) ". ";
  text-align: center;
  display: inline-block;
  margin-bottom: 0;
}
.text .dividerHead, .additionalText .dividerHead {
  display: inline-block;
  width: auto;
}
.text .dividerHead::after, .additionalText .dividerHead::after {
  content: "";
  display: block;
  clear: both;
  margin-top: 0.5em;
  width: 50%;
  max-width: 1.8em;
  border-top: 4px solid var(--cc-color-primary);
}

.introText + div {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}

.textHeading {
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.25);
}

.textAlignCentre .text h1:after,
.textAlignCentre .text h2:after,
.textAlignCentre .text .headline:after,
.textAlignCentre .text .divider,
.textAlignCentre .text .dividerHead:after {
  margin-left: auto;
  margin-right: auto;
}
.textAlignCentre .text * {
  text-align: center;
}
.textAlignCentre .text li {
  text-align: left;
}
.textAlignCentre .text h1, .textAlignCentre .text h2, .textAlignCentre .text h3, .textAlignCentre .text h4, .textAlignCentre .text h5, .textAlignCentre .text h6 {
  text-align: center;
  width: 100%;
  display: inline-block;
}
.textAlignCentre .text .positioner {
  margin-left: auto;
  margin-right: auto;
}

.textAlignRight .text * {
  text-align: right;
}
.textAlignRight .text h1:after,
.textAlignRight .text h2:after,
.textAlignRight .text .headline:after,
.textAlignRight .text .divider,
.textAlignRight .text .dividerHead:after {
  margin-left: auto;
  margin-right: 0;
}
.textAlignRight .text li {
  text-align: left;
}
.textAlignRight .text h1, .textAlignRight .text h2, .textAlignRight .text h3, .textAlignRight .text h4, .textAlignRight .text h5, .textAlignRight .text h6 {
  text-align: right;
  width: 100%;
  display: inline-block;
}
.textAlignRight .text h6 {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  margin-bottom: 0;
}

@media only screen and (max-width: 650px) {
  .textHeading.hasColour + .flexer .hasColour {
    margin-top: 0;
  }
} /*$bigPhone ends*/
#headerNav {
  width: 100%;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 500;
  pointer-events: none;
  margin-bottom: -1px;
}
#headerNav .headbg {
  background-color: var(--cc-color-primary);
  padding-top: clamp(15px, 2.5vw, 25px);
  display: block;
  width: 100%;
  pointer-events: all;
  transform: translateX(0px) translateZ(0);
  transition: all 0.35s ease;
}
#headerNav.translucent .headbg {
  transition: all 0.35s ease;
  background-color: transparent;
}
#headerNav.homeLogo .headerNav .brand {
  width: clamp(150px, 50%, 200px);
}
#headerNav.shadow {
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
}
#headerNav.shadow .headbg {
  padding-top: clamp(7px, 1.25vw, 12px);
  background-color: var(--cc-color-primary);
}
#headerNav.shadow .headerNav .brand {
  width: clamp(125px, 25%, 100px);
}
#headerNav.shadow .headerNav #mainMenu {
  padding: clamp(5px, 1vw, 10px) 0 clamp(10px, 1.8vw, 14px);
}
#headerNav .mobileHeaderNav {
  display: none;
}

.headerNav {
  display: grid;
  grid-template-areas: "quickContacts brand shopLinks" "menu menu menu";
  grid-template-columns: 1fr minmax(160px, 1.5fr) 1fr;
  font-family: var(--kc-menu-font);
  font-weight: var(--kc-menu-font-weight);
  line-height: 1.25em;
  letter-spacing: 0.25em;
  word-spacing: 0.25em;
  text-transform: uppercase;
  font-size: var(--kc-menuFontSize);
  font-size: var(--kc-menuFontSize-clamp);
}
.headerNav .brand {
  grid-area: brand;
  align-self: center;
  justify-self: center;
  width: clamp(150px, 50%, 200px);
  transition: all 0.35s ease;
}
.headerNav a {
  color: var(--cc-color-white);
}
.headerNav .quickContacts {
  grid-area: quickContacts;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.headerNav .quickContacts a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  margin: 0 24px 24px 0;
}
.headerNav .quickContacts a::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.headerNav .quickContacts a.telLink:before {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/phone_icon_white.svg");
}
.headerNav .quickContacts a.emailLink:before {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/email_icon_white.svg");
}
.headerNav .quickContacts a span {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

#headerNav .shopLinks,
#headerNav .mobileMenu {
  grid-area: shopLinks;
  justify-self: end;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: flex-start;
  align-items: flex-start;
}
#headerNav .shopLinks a,
#headerNav .mobileMenu a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}
#headerNav .shopLinks button.searchLink,
#headerNav .shopLinks a.searchLink,
#headerNav .mobileMenu button.searchLink,
#headerNav .mobileMenu a.searchLink {
  font-size: 12px;
  /*$smallTablet ends*/
}
#headerNav .shopLinks button.searchLink::before,
#headerNav .shopLinks a.searchLink::before,
#headerNav .mobileMenu button.searchLink::before,
#headerNav .mobileMenu a.searchLink::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/search_icon_white.svg");
}
@media only screen and (max-width: 700px) {
  #headerNav .shopLinks button.searchLink::before,
  #headerNav .shopLinks a.searchLink::before,
  #headerNav .mobileMenu button.searchLink::before,
  #headerNav .mobileMenu a.searchLink::before {
    margin: 0;
  }
  #headerNav .shopLinks button.searchLink span,
  #headerNav .shopLinks a.searchLink span,
  #headerNav .mobileMenu button.searchLink span,
  #headerNav .mobileMenu a.searchLink span {
    display: none;
  }
}
#headerNav .shopLinks a.samplesLink,
#headerNav .mobileMenu a.samplesLink {
  font-size: 12px;
  margin-left: 36px;
}
#headerNav .shopLinks a.samplesLink::after,
#headerNav .mobileMenu a.samplesLink::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/basket_icon_white.svg");
}
#headerNav .shopLinks a.menuHandle,
#headerNav .mobileMenu a.menuHandle {
  font-size: 12px;
  margin-left: 36px;
}
#headerNav .shopLinks a.menuHandle::after,
#headerNav .mobileMenu a.menuHandle::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/menu_icon_white.svg");
}

#mainMenu {
  grid-area: menu;
  align-self: center;
  justify-self: center;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-end;
  margin: 0;
  padding: clamp(10px, 2.25vw, 20px) 0 clamp(10px, 1.8vw, 14px);
}
#mainMenu a {
  font-family: var(--kc-menu-font);
  font-weight: var(--kc-menu-font-weight);
  line-height: 1.25em;
  letter-spacing: 0.25em;
  word-spacing: 0.25em;
  text-transform: uppercase;
  font-size: var(--kc-menuFontSize);
  font-size: var(--kc-menuFontSize-clamp);
  display: block;
  padding: 8px 12px;
  color: var(--cc-color-white);
  text-align: center;
}
#mainMenu li {
  white-space: normal;
  display: inline-block;
  padding: 0 8px;
}
#mainMenu li.parent-item:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: auto;
  right: auto;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid var(--cc-color-lighter-grey);
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
#mainMenu li.parent-item > a::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  display: inline-block;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--cc-color-lighter-grey);
  transition: opacity 0.5s ease-out;
}
#mainMenu li ul {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
  left: 50%;
  top: 100%;
  right: auto;
  bottom: auto;
  background-color: var(--cc-color-lighter-grey);
  padding: calc((calc(24px + 2.4vw)) * 0.25);
  width: fit-content;
  min-width: 190px;
  text-align: center;
  padding: 12px 0;
  transform: translateX(-50%);
}
#mainMenu li ul li {
  width: 100%;
  display: block;
  transition: all 0.35s ease;
  padding: 0;
}
#mainMenu li ul li:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
#mainMenu li ul a {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  text-transform: none;
  letter-spacing: 0;
  word-spacing: 0;
  padding: 8px 10px;
  display: block;
  color: var(--cc-color-text-color);
  transition: background-color 0.5s;
  width: 100%;
  display: block;
}
#mainMenu li:hover {
  z-index: 2;
}
#mainMenu li:hover.parent-item:after {
  opacity: 1;
}
#mainMenu li:hover.parent-item a:after {
  opacity: 0.5;
}
#mainMenu li:hover ul {
  pointer-events: all;
  opacity: 1;
}

#headerNav .mobileHeaderNav {
  grid-template-areas: "brand mobileMenu";
  grid-template-columns: minmax(60px, 1.5fr) 2fr;
}
#headerNav .mobileHeaderNav .brand {
  grid-area: brand;
  max-width: 200px;
}
#headerNav .mobileHeaderNav .mobileMenu {
  grid-area: mobileMenu;
}
#headerNav .mobileHeaderNav .mobileMenu a.searchLink,
#headerNav .mobileHeaderNav .mobileMenu a.samplesLink,
#headerNav .mobileHeaderNav .mobileMenu a.menuHandle {
  margin-left: 2em;
}
#headerNav .mobileHeaderNav .mobileMenu a.searchLink span,
#headerNav .mobileHeaderNav .mobileMenu a.menuHandle span {
  display: none;
}
#headerNav .mobileHeaderNav .mobileMenu a.samplesLink span {
  color: var(--cc-color-white);
  font-size: 14px;
}

#headerNav.compact {
  background-color: var(--cc-color-primary);
  padding-top: clamp(15px, 2.5vw, 18px);
  padding-bottom: clamp(15px, 2.5vw, 18px);
}
#headerNav.compact.translucent {
  background-color: transparent;
}
#headerNav.compact.shadow {
  background-color: var(--cc-color-primary);
}
#headerNav.compact .headerNav {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#headerNav.compact .mobileHeaderNav {
  display: grid;
  pointer-events: all;
}

@media only screen and (max-width: 700px) {
  #headerNav,
  #headerNav.shadow {
    background-color: var(--cc-color-primary);
    padding-top: clamp(15px, 2.5vw, 18px);
    padding-bottom: clamp(15px, 2.5vw, 18px);
  }
  #headerNav.translucent,
  #headerNav.shadow.translucent {
    background-color: transparent;
  }
  #headerNav.shadow,
  #headerNav.shadow.shadow {
    background-color: var(--cc-color-primary);
  }
  #headerNav .headerNav,
  #headerNav.shadow .headerNav {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  #headerNav .mobileHeaderNav,
  #headerNav.shadow .mobileHeaderNav {
    display: grid;
    pointer-events: all;
  }
} /*$smallTablet ends*/
body.dormant {
  overflow: hidden;
}

.menuOverlay, .searchOverlay {
  z-index: 9;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: stretch;
  align-content: stretch;
  align-items: stretch;
  overflow: hidden;
  font-family: var(--kc-menu-font);
  font-weight: var(--kc-menu-font-weight);
  line-height: 1.25em;
  letter-spacing: 0.25em;
  word-spacing: 0.25em;
  text-transform: uppercase;
  font-size: var(--kc-menuFontSize);
  font-size: var(--kc-menuFontSize-clamp);
  pointer-events: none;
  z-index: 2000;
  visibility: hidden;
  opacity: 0;
  transform: scale(1.2);
  transform-origin: center center;
  transition: all 0.35s ease;
}
.menuOverlay pre, .searchOverlay pre {
  color: var(--cc-color-white);
}
.menuOverlay .brand, .searchOverlay .brand {
  display: block;
  width: 50%;
  max-width: 130px;
  min-width: 90px;
  margin: calc((calc(24px + 2.4vw)) * 0.5) auto;
  margin-left: 18px;
  pointer-events: all;
}
.menuOverlay nav, .searchOverlay nav {
  overflow: hidden;
}
.menuOverlay .wrapper, .searchOverlay .wrapper {
  text-align: left;
  max-width: 450px;
}
.menuOverlay p.closeMenu,
.menuOverlay .closeMenu, .searchOverlay p.closeMenu,
.searchOverlay .closeMenu {
  font-family: var(--kc-menu-font);
  font-weight: var(--kc-menu-font-weight);
  line-height: 1.25em;
  letter-spacing: 0.25em;
  word-spacing: 0.25em;
  text-transform: uppercase;
  font-size: var(--kc-menuFontSize);
  font-size: var(--kc-menuFontSize-clamp);
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  display: inline-block;
  white-space: nowrap;
  width: auto;
  color: var(--cc-color-white);
  margin: 18px auto;
  margin-left: 18px;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  margin-top: calc(24px + 2.4vw);
}
.menuOverlay h6, .searchOverlay h6 {
  margin: 0;
}
.menuOverlay .flexer.menuFlex, .searchOverlay .flexer.menuFlex {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  width: auto;
  padding-right: 50px;
  width: calc(100% + 50px);
  scrollbar-width: none;
  z-index: 3;
  max-height: 100%;
}
.menuOverlay .flexer::-webkit-scrollbar, .searchOverlay .flexer::-webkit-scrollbar {
  display: none;
}
.menuOverlay .menuScroller, .searchOverlay .menuScroller {
  height: auto;
  min-height: 100%;
  width: 100%;
  padding: 20px 0 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 2;
}
.menuOverlay .backer, .searchOverlay .backer {
  z-index: 1;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  opacity: 0.25;
  object-fit: cover;
}

.menuOverlay {
  background-color: var(--cc-color-primary);
}
.menuOverlay a {
  color: var(--cc-color-white);
}
.menuOverlay .rangeBrowser {
  pointer-events: all;
  margin-bottom: calc(24px + 2.4vw);
}
.menuOverlay .rangeBrowser h5 {
  color: var(--cc-color-white);
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}
.menuOverlay .rangeBrowser .rangeTrack.flickity-enabled .flickity-prev-next-button {
  display: none;
}
.menuOverlay ul {
  list-style-type: none;
  width: 100%;
  max-width: 450px;
  margin: auto;
  pointer-events: all;
}
.menuOverlay ul li {
  width: 100%;
  padding: 12px 18px;
}
.menuOverlay ul li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.menuOverlay i.dropdownIcon {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: absolute;
  left: auto;
  top: 12px;
  right: 0;
  bottom: auto;
  width: calc(12px + 1em);
  height: calc(12px + 1em);
  cursor: pointer;
}
.menuOverlay i.dropdownIcon span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-style: normal;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-h2Size) 40px;
  font-size: var(--kc-h2Size-clamp);
  color: var(--cc-color-primary);
}
.menuOverlay i.dropdownIcon span::before {
  content: "+";
}
.menuOverlay #overlayMenu li.has-sub ul {
  opacity: 0;
  overflow: hidden;
  max-height: 1px;
  transition: all 0.35s ease;
}
.menuOverlay #overlayMenu li.has-sub.expanded ul {
  opacity: 1;
  max-height: 1000px;
}
.menuOverlay #overlayMenu li.has-sub.expanded i.dropdownIcon span::before {
  content: "-";
}
.menuOverlay ul.quickLinks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.menuOverlay ul.quickLinks li {
  flex-grow: 1;
  min-width: 200px;
}
.menuOverlay ul.quickLinks li .iconLink {
  justify-content: center;
  display: inline-flex;
}

.searchOverlay {
  background-color: var(--cc-color-primary);
}
.searchOverlay .flexer.menuFlex {
  position: absolute;
  left: calc((calc(24px + 2.4vw)) * 0.5);
  top: calc((calc(24px + 2.4vw)) * 0.5);
  right: 0;
  bottom: calc((calc(24px + 2.4vw)) * 0.5);
  width: calc(100% - (calc(24px + 2.4vw)) * 0.25);
  height: calc(100% - (24px + 2.4vw));
}
.searchOverlay .searchHolder {
  pointer-events: all;
  width: auto;
  margin: auto;
  transition: all 0.35s ease;
}
.searchOverlay .searchHolder > h4 {
  color: var(--cc-color-white);
}

.menuOverlay.active, .searchOverlay.active {
  pointer-events: all;
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}

@media only screen and (max-width: 768px) {
  .menuOverlay .wrapper, .searchOverlay .wrapper {
    width: 100%;
    padding: calc((calc(24px + 2.4vw)) * 0.25);
  }
} /*$tablet ends*/
.floorTilesOverlay {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
}
.floorTilesOverlay .flooringTile {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  width: 25%;
  min-width: 175px;
  padding: calc((calc(24px + 2.4vw)) * 0.25);
}

.pageHeading, .post-type-archive-product .woocommerce-products-header {
  margin: calc(24px + 2.4vw) auto calc((calc(24px + 2.4vw)) * 0.5) auto;
}
.pageHeading *, .post-type-archive-product .woocommerce-products-header * {
  text-align: center;
}
.pageHeading *:last-child, .post-type-archive-product .woocommerce-products-header *:last-child {
  margin-bottom: 0;
}

.woocommerce-page .pageHeading {
  text-align: center;
}

.notification.block {
  margin-top: 0;
}
.notification.block.noBack, .notification.block.hasColour {
  padding: 12px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bannerHolder .bannerHeader {
  transition-delay: 0.5s;
}
.bannerHolder .subHeader {
  transition-delay: 1s;
}
.bannerHolder > .wrapper {
  width: 100%;
  max-width: 100%;
}
.bannerHolder .bannerTrackSingle,
.bannerHolder .bannerTrack {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.bannerHolder .bannerTrackSingle .bannerBGImages, .bannerHolder .bannerTrackSingle .bannerBGImages picture, .bannerHolder .bannerTrackSingle .bannerBGImages picture img,
.bannerHolder .bannerTrack .bannerBGImages,
.bannerHolder .bannerTrack .bannerBGImages picture,
.bannerHolder .bannerTrack .bannerBGImages picture img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerHolder .bannerTrackSingle .bannerBGImages.translucentBar, .bannerHolder .bannerTrackSingle .bannerBGImages picture.translucentBar, .bannerHolder .bannerTrackSingle .bannerBGImages picture img.translucentBar,
.bannerHolder .bannerTrack .bannerBGImages.translucentBar,
.bannerHolder .bannerTrack .bannerBGImages picture.translucentBar,
.bannerHolder .bannerTrack .bannerBGImages picture img.translucentBar {
  top: auto;
  height: calc(100% + 250px);
  min-height: calc(100% + 250px);
}
.bannerHolder .bannerTrackSingle .banner,
.bannerHolder .bannerTrack .banner {
  min-height: 55vh;
  width: 100%;
  display: none;
}
.bannerHolder .bannerTrackSingle .banner:first-child,
.bannerHolder .bannerTrack .banner:first-child {
  display: flex;
}
.bannerHolder .bannerTrackSingle .banner .bannerTextHolder,
.bannerHolder .bannerTrack .banner .bannerTextHolder {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  width: 100%;
  z-index: 3;
  background-color: transparent;
  pointer-events: none;
  align-self: stretch;
}
.bannerHolder .bannerTrackSingle .banner .bannerTextHolder .wrapper,
.bannerHolder .bannerTrack .banner .bannerTextHolder .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  pointer-events: all;
  padding-bottom: calc((calc(24px + 2.4vw)) * 2);
  padding-top: calc((calc(24px + 2.4vw)) * 2);
}
.bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text .positioner,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text .positioner {
  z-index: 5;
  pointer-events: all;
}
.bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text .tint,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text .tint {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: var(--cc-color-black);
  background-blend-mode: multiply, normal;
  z-index: 1;
}
.bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text .subHeader,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text .subHeader {
  max-width: 950px;
  margin: auto;
}
.bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text h1.lineAbove, .bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text h2.lineAbove, .bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text .headline.lineAbove,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text h1.lineAbove,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text h2.lineAbove,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text .headline.lineAbove {
  margin-top: -1em;
}
.bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text h1.lineAbove::before, .bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text h2.lineAbove::before, .bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text .headline.lineAbove::before,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text h1.lineAbove::before,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text h2.lineAbove::before,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text .headline.lineAbove::before {
  content: "------";
  display: block;
  width: 100%;
  height: 0.75em;
  color: var(--cc-color-secondary);
  letter-spacing: -0.15em;
  margin-bottom: 0.75em;
}
.bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text h1,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text h1 {
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text .headline.largeSize,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text .headline.largeSize {
  font-size: var(--kc-h1Size-large) 48px;
  font-size: var(--kc-h1Size-large-clamp);
}
.bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text .headline.smallSize,
.bannerHolder .bannerTrack .banner .bannerTextHolder .text .headline.smallSize {
  font-size: var(--kc-h2Size) 40px;
  font-size: var(--kc-h2Size-clamp);
}
.bannerHolder .bannerTrackSingle .banner.noBorder .bannerTextHolder .text,
.bannerHolder .bannerTrack .banner.noBorder .bannerTextHolder .text {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: calc(24px + 2.4vw);
  margin-top: 0;
  margin-bottom: 0;
}
.bannerHolder .bannerTrackSingle .banner.menuGradient::before,
.bannerHolder .bannerTrack .banner.menuGradient::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% + 250px);
  min-height: calc(100% + 250px);
  z-index: 2;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 350px);
}
.bannerHolder .bannerTrackSingle .banner.translucentBar .bannerTextHolder .text,
.bannerHolder .bannerTrack .banner.translucentBar .bannerTextHolder .text {
  padding-top: calc(24px + 2.4vw);
}
.bannerHolder .bannerTrackSingle .banner .flexer,
.bannerHolder .bannerTrack .banner .flexer {
  z-index: 2;
  width: 100%;
}
.bannerHolder .bannerTrackSingle .banner .stilt,
.bannerHolder .bannerTrack .banner .stilt {
  width: 1px;
  height: clamp(500px, 80vmin, 700px);
  display: block;
}
.bannerHolder .bannerTrackSingle .banner .image, .bannerHolder .bannerTrackSingle .banner img, .bannerHolder .bannerTrackSingle .banner picture, .bannerHolder .bannerTrackSingle .banner .bgColour,
.bannerHolder .bannerTrack .banner .image,
.bannerHolder .bannerTrack .banner img,
.bannerHolder .bannerTrack .banner picture,
.bannerHolder .bannerTrack .banner .bgColour {
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% + 250px);
  min-height: calc(100% + 250px);
  object-fit: cover;
}
.bannerHolder .bannerTrackSingle .banner .image, .bannerHolder .bannerTrackSingle .banner img, .bannerHolder .bannerTrackSingle .banner picture,
.bannerHolder .bannerTrack .banner .image,
.bannerHolder .bannerTrack .banner img,
.bannerHolder .bannerTrack .banner picture {
  z-index: 1;
}
.bannerHolder .bannerTrackSingle .banner .image.dimImage:after, .bannerHolder .bannerTrackSingle .banner img.dimImage:after, .bannerHolder .bannerTrackSingle .banner picture.dimImage:after,
.bannerHolder .bannerTrack .banner .image.dimImage:after,
.bannerHolder .bannerTrack .banner img.dimImage:after,
.bannerHolder .bannerTrack .banner picture.dimImage:after {
  z-index: 2;
}
.bannerHolder .bannerTrackSingle .banner .bgColour,
.bannerHolder .bannerTrack .banner .bgColour {
  z-index: 0;
}
.bannerHolder .bannerTrackSingle .banner.text40 .bannerTextHolder .text,
.bannerHolder .bannerTrack .banner.text40 .bannerTextHolder .text {
  width: 40%;
  /*$tablet ends*/
  /*$smallTablet ends*/
  /*$bigPhone ends*/
}
@media only screen and (max-width: tablet) {
  .bannerHolder .bannerTrackSingle .banner.text40 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text40 .bannerTextHolder .text {
    width: 50%;
  }
}
@media only screen and (max-width: 700px) {
  .bannerHolder .bannerTrackSingle .banner.text40 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text40 .bannerTextHolder .text {
    width: 75%;
  }
}
@media only screen and (max-width: 650px) {
  .bannerHolder .bannerTrackSingle .banner.text40 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text40 .bannerTextHolder .text {
    width: 100%;
  }
}
.bannerHolder .bannerTrackSingle .banner.text50 .bannerTextHolder .text,
.bannerHolder .bannerTrack .banner.text50 .bannerTextHolder .text {
  width: 50%;
  /*$tablet ends*/
  /*$bigPhone ends*/
}
@media only screen and (max-width: 768px) {
  .bannerHolder .bannerTrackSingle .banner.text50 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text50 .bannerTextHolder .text {
    width: 75%;
  }
}
@media only screen and (max-width: 650px) {
  .bannerHolder .bannerTrackSingle .banner.text50 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text50 .bannerTextHolder .text {
    width: 100%;
  }
}
.bannerHolder .bannerTrackSingle .banner.text60 .bannerTextHolder .text,
.bannerHolder .bannerTrack .banner.text60 .bannerTextHolder .text {
  width: 60%;
  /*$tablet ends*/
  /*$bigPhone ends*/
}
@media only screen and (max-width: 768px) {
  .bannerHolder .bannerTrackSingle .banner.text60 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text60 .bannerTextHolder .text {
    width: 75%;
  }
}
@media only screen and (max-width: 650px) {
  .bannerHolder .bannerTrackSingle .banner.text60 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text60 .bannerTextHolder .text {
    width: 100%;
  }
}
.bannerHolder .bannerTrackSingle .banner.text70 .bannerTextHolder .text,
.bannerHolder .bannerTrack .banner.text70 .bannerTextHolder .text {
  width: 70%;
  /*$tablet ends*/
  /*$bigPhone ends*/
}
@media only screen and (max-width: 768px) {
  .bannerHolder .bannerTrackSingle .banner.text70 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text70 .bannerTextHolder .text {
    width: 75%;
  }
}
@media only screen and (max-width: 650px) {
  .bannerHolder .bannerTrackSingle .banner.text70 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text70 .bannerTextHolder .text {
    width: 100%;
  }
}
.bannerHolder .bannerTrackSingle .banner.text80 .bannerTextHolder .text,
.bannerHolder .bannerTrack .banner.text80 .bannerTextHolder .text {
  width: 80%;
  /*$bigPhone ends*/
}
@media only screen and (max-width: 650px) {
  .bannerHolder .bannerTrackSingle .banner.text80 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text80 .bannerTextHolder .text {
    width: 100%;
  }
}
.bannerHolder .bannerTrackSingle .banner.text90 .bannerTextHolder .text,
.bannerHolder .bannerTrack .banner.text90 .bannerTextHolder .text {
  width: 90%;
  /*$bigPhone ends*/
}
@media only screen and (max-width: 650px) {
  .bannerHolder .bannerTrackSingle .banner.text90 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text90 .bannerTextHolder .text {
    width: 100%;
  }
}
.bannerHolder .bannerTrackSingle .banner.text100 .bannerTextHolder .text,
.bannerHolder .bannerTrack .banner.text100 .bannerTextHolder .text {
  width: 100%;
}
.bannerHolder .bannerTrackSingle .banner.textPosLeft .wrapper,
.bannerHolder .bannerTrack .banner.textPosLeft .wrapper {
  justify-content: flex-start;
  align-items: center;
}
.bannerHolder .bannerTrackSingle .banner.textPosLeft .wrapper .text,
.bannerHolder .bannerTrack .banner.textPosLeft .wrapper .text {
  margin-left: 0;
}
.bannerHolder .bannerTrackSingle .banner.textPosCentre .wrapper,
.bannerHolder .bannerTrack .banner.textPosCentre .wrapper {
  justify-content: center;
  align-items: center;
}
.bannerHolder .bannerTrackSingle .banner.textPosRight .wrapper,
.bannerHolder .bannerTrack .banner.textPosRight .wrapper {
  justify-content: flex-end;
  align-items: center;
}
.bannerHolder .bannerTrackSingle .banner.textPosRight .wrapper .text,
.bannerHolder .bannerTrack .banner.textPosRight .wrapper .text {
  margin-right: 0;
}
.bannerHolder .bannerTrackSingle .banner.textPosTopLeft .wrapper,
.bannerHolder .bannerTrack .banner.textPosTopLeft .wrapper {
  justify-content: flex-start;
  align-items: flex-start;
}
.bannerHolder .bannerTrackSingle .banner.textPosTopLeft .wrapper .text,
.bannerHolder .bannerTrack .banner.textPosTopLeft .wrapper .text {
  margin-left: 0;
}
.bannerHolder .bannerTrackSingle .banner.textPosTopCentre .wrapper,
.bannerHolder .bannerTrack .banner.textPosTopCentre .wrapper {
  justify-content: center;
  align-items: flex-start;
}
.bannerHolder .bannerTrackSingle .banner.textPosTopRight .wrapper,
.bannerHolder .bannerTrack .banner.textPosTopRight .wrapper {
  justify-content: flex-end;
  align-items: flex-start;
}
.bannerHolder .bannerTrackSingle .banner.textPosTopRight .wrapper .text,
.bannerHolder .bannerTrack .banner.textPosTopRight .wrapper .text {
  margin-right: 0;
}
.bannerHolder .bannerTrackSingle .banner.textPosBottomLeft .wrapper,
.bannerHolder .bannerTrack .banner.textPosBottomLeft .wrapper {
  justify-content: flex-start;
  align-items: flex-end;
}
.bannerHolder .bannerTrackSingle .banner.textPosBottomLeft .wrapper .text,
.bannerHolder .bannerTrack .banner.textPosBottomLeft .wrapper .text {
  margin-left: 0;
  padding-top: calc((calc(24px + 2.4vw)) * 2);
  padding-bottom: calc(24px + 2.4vw);
}
.bannerHolder .bannerTrackSingle .banner.textPosBottomCentre .wrapper,
.bannerHolder .bannerTrack .banner.textPosBottomCentre .wrapper {
  justify-content: center;
  align-items: flex-end;
}
.bannerHolder .bannerTrackSingle .banner.textPosBottomCentre .text,
.bannerHolder .bannerTrack .banner.textPosBottomCentre .text {
  padding-top: calc((calc(24px + 2.4vw)) * 2);
  padding-bottom: calc(24px + 2.4vw);
}
.bannerHolder .bannerTrackSingle .banner.textPosBottomRight .wrapper,
.bannerHolder .bannerTrack .banner.textPosBottomRight .wrapper {
  justify-content: flex-end;
  align-items: flex-end;
}
.bannerHolder .bannerTrackSingle .banner.textPosBottomRight .wrapper .text,
.bannerHolder .bannerTrack .banner.textPosBottomRight .wrapper .text {
  margin-right: 0;
  padding-top: calc((calc(24px + 2.4vw)) * 2);
  padding-bottom: calc(24px + 2.4vw);
}
.bannerHolder .bannerTrackSingle.flickity-enabled .banner,
.bannerHolder .bannerTrack.flickity-enabled .banner {
  display: flex;
}
.bannerHolder .bannerTrackSingle.flickity-enabled .flickity-viewport,
.bannerHolder .bannerTrack.flickity-enabled .flickity-viewport {
  width: 100%;
}

.bannerBGImages.flickity-enabled .carousel-cell, .bannerBGImages.flickity-enabled .banner,
.bannerTrack.flickity-enabled .carousel-cell,
.bannerTrack.flickity-enabled .banner {
  display: flex;
  transition: opacity 1s ease !important;
}
.bannerBGImages.flickity-enabled .carousel-cell.is-selected, .bannerBGImages.flickity-enabled .banner.is-selected,
.bannerTrack.flickity-enabled .carousel-cell.is-selected,
.bannerTrack.flickity-enabled .banner.is-selected {
  opacity: 1 !important;
}
.bannerBGImages.flickity-enabled picture,
.bannerTrack.flickity-enabled picture {
  transition: opacity 1s ease !important;
}
.bannerBGImages.flickity-enabled picture.is-selected,
.bannerTrack.flickity-enabled picture.is-selected {
  opacity: 1 !important;
}
.bannerBGImages.flickity-enabled .flickity-slider,
.bannerTrack.flickity-enabled .flickity-slider {
  width: 100%;
}
.bannerBGImages.flickity-enabled .flickity-viewport,
.bannerTrack.flickity-enabled .flickity-viewport {
  overflow: visible;
  width: 100%;
  max-height: 100%;
  min-height: 100%;
}
.bannerBGImages.flickity-enabled .flickity-page-dots,
.bannerTrack.flickity-enabled .flickity-page-dots {
  width: calc(100% - (calc((calc(24px + 2.4vw)) * 2)));
  display: block;
  margin: 0 auto;
  clear: both;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  z-index: 4;
  height: calc(24px + 2.4vw);
}
.bannerBGImages.flickity-enabled .flickity-page-dots li,
.bannerTrack.flickity-enabled .flickity-page-dots li {
  display: block;
  width: calc(calc((calc(24px + 2.4vw)) * 0.25) * 1.5);
  height: calc(calc((calc(24px + 2.4vw)) * 0.25) * 1.5);
  max-width: 14px;
  max-height: 14px;
  margin: 0;
  margin-left: calc((calc(24px + 2.4vw)) * 0.25);
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.5);
  border: solid 1px rgba(255, 255, 255, 0.5);
  opacity: 0.8;
}
.bannerBGImages.flickity-enabled .flickity-page-dots li:hover,
.bannerTrack.flickity-enabled .flickity-page-dots li:hover {
  border: solid 1px var(--cc-color-white);
  opacity: 1;
}
.bannerBGImages.flickity-enabled .flickity-page-dots li.is-selected,
.bannerTrack.flickity-enabled .flickity-page-dots li.is-selected {
  background-color: var(--cc-color-secondary);
  border: solid 1px rgba(255, 255, 255, 0.5);
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .bannerHolder .bannerTrackSingle .banner,
  .bannerHolder .bannerTrack .banner {
    min-height: 80vmax;
  }
  .bannerHolder .bannerTrackSingle .banner .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner .bannerTextHolder .text {
    padding-bottom: calc((calc(24px + 2.4vw)) * 2);
  }
  .bannerHolder .bannerTrackSingle .banner.text50 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text50 .bannerTextHolder .text {
    width: 100%;
  }
  .bannerHolder .bannerTrackSingle .banner.text100 .bannerTextHolder,
  .bannerHolder .bannerTrack .banner.text100 .bannerTextHolder {
    align-items: stretch;
  }
  .bannerHolder .bannerTrackSingle .banner.text100 .bannerTextHolder .text,
  .bannerHolder .bannerTrack .banner.text100 .bannerTextHolder .text {
    width: 100%;
  }
} /*$tablet ends*/
@media only screen and (max-width: 650px) {
  .bannerHolder .bannerTextHolder .text {
    margin-top: calc((calc(24px + 2.4vw)) * 0.75);
  }
  .bannerHolder .bannerTrack.flickity-enabled .flickity-page-dots {
    width: calc(100% - (calc(24px + 2.4vw)) - (calc((calc(24px + 2.4vw)) * 0.5)));
  }
} /*$bigPhone ends*/
@media only screen and (max-width: 450px) {
  .bannerHolder .bannerTextHolder .text {
    margin-top: calc((calc(24px + 2.4vw)) * 0.5);
    padding-bottom: calc(24px + 2.4vw);
  }
  .bannerHolder .bannerTrack.flickity-enabled .flickity-page-dots {
    width: calc(100% - (calc(24px + 2.4vw)));
  }
} /*$phone ends*/
.blockContent + .blogContent {
  margin-top: calc(24px + 4vw);
}

.wrapper .blockContent .wrapper {
  padding: 0;
  width: 100%;
}

.hiddenCode {
  display: none;
}

.block {
  margin-top: calc(24px + 4vw);
}
.block.noSpace {
  margin-top: 0;
}
.block.quarterSpace {
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.block.halfSpace, .block.halfPadTop {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}
.block.doubleSpace {
  margin-top: calc((calc(24px + 2.4vw)) * 2);
}
.block.minusHalfSpace {
  margin-top: calc(0px - calc((calc(24px + 2.4vw)) * 0.5));
  z-index: 3;
}
.block.minusNormalSpace {
  margin-top: calc(0px - calc(24px + 4vw));
  z-index: 3;
}
.block.minusDoubleSpace {
  margin-top: calc(0px - calc((calc(24px + 2.4vw)) * 2));
  z-index: 3;
}
.block.minusTrebleSpace {
  margin-top: calc(0px - 3 * (calc(24px + 4vw)));
  z-index: 3;
}

.vertAlignCentre {
  align-items: center;
}

.block.vertAlignCentre .flexer {
  align-items: center;
}

.block.vertAlignBottom .flexer {
  align-items: flex-end;
}

.positioner {
  width: 100%;
}
.positioner > *:last-child {
  margin-bottom: 0;
}
.positioner.fullWidth {
  max-width: none;
}
.positioner .hasColour *:last-child {
  margin-bottom: 0;
}

.block.fullScreenWidthBG::after {
  content: "";
  display: block;
  position: absolute;
  background-color: inherit;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  width: 150vw;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1;
}

.fullWidth {
  width: 100%;
  max-width: 100%;
}

.blackText {
  color: var(--cc-color-black);
}
.blackText .text p, .blackText .text ul, .blackText .text ol, .blackText .text table, .blackText .text blockquote,
.blackText .text h1, .blackText .text h2, .blackText .text h3, .blackText .text h4, .blackText .text h5, .blackText .text h6 {
  color: var(--cc-color-black);
}
.blackText .text p span.divider, .blackText .text ul span.divider, .blackText .text ol span.divider, .blackText .text table span.divider, .blackText .text blockquote span.divider,
.blackText .text h1 span.divider, .blackText .text h2 span.divider, .blackText .text h3 span.divider, .blackText .text h4 span.divider, .blackText .text h5 span.divider, .blackText .text h6 span.divider {
  border-color: var(--cc-color-black);
}
.blackText .text .dividerHead::before, .blackText .text .dividerHead::after {
  background-color: var(--cc-color-black);
}
.blackText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}

.lightText {
  color: var(--cc-color-white);
}
.lightText .text p, .lightText .text ul, .lightText .text ol, .lightText .text table, .lightText .text blockquote,
.lightText .text h1, .lightText .text h2, .lightText .text h3, .lightText .text h4, .lightText .text h5, .lightText .text h6, .lightText .text a {
  color: var(--cc-color-white);
}
.lightText .text p span.divider, .lightText .text ul span.divider, .lightText .text ol span.divider, .lightText .text table span.divider, .lightText .text blockquote span.divider,
.lightText .text h1 span.divider, .lightText .text h2 span.divider, .lightText .text h3 span.divider, .lightText .text h4 span.divider, .lightText .text h5 span.divider, .lightText .text h6 span.divider, .lightText .text a span.divider {
  border-color: var(--cc-color-primary);
}
.lightText .text hr {
  border-color: var(--cc-color-white);
}
.lightText .text .dividerHead::before, .lightText .text .dividerHead::after {
  background-color: var(--cc-color-primary);
}
.lightText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-white);
}

.normalText {
  color: var(--cc-color-text-color);
}
.normalText .text p, .normalText .text ul, .normalText .text ol, .normalText .text table, .normalText .text blockquote {
  color: var(--cc-color-text-color);
}
.normalText .text p span.divider, .normalText .text ul span.divider, .normalText .text ol span.divider, .normalText .text table span.divider, .normalText .text blockquote span.divider {
  border-color: var(--cc-color-primary);
}
.normalText .text h1, .normalText .text h2, .normalText .text h3, .normalText .text h4, .normalText .text h5, .normalText .text h6 {
  color: var(--cc-color-primary);
}
.normalText .text .dividerHead::before, .normalText .text .dividerHead::after {
  border-color: var(--cc-color-primary);
}
.normalText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}

.hasColour {
  padding: calc(24px + 2.4vw);
}
.hasColour.primaryBack {
  background-color: var(--cc-color-primary);
  color: var(--cc-color-white);
}
.hasColour.primaryBack .text p, .hasColour.primaryBack .text ul, .hasColour.primaryBack .text ol, .hasColour.primaryBack .text table, .hasColour.primaryBack .text blockquote,
.hasColour.primaryBack .text h1, .hasColour.primaryBack .text h2, .hasColour.primaryBack .text h3, .hasColour.primaryBack .text h4, .hasColour.primaryBack .text h5, .hasColour.primaryBack .text h6, .hasColour.primaryBack .text a {
  color: var(--cc-color-white);
}
.hasColour.primaryBack .text p span.divider, .hasColour.primaryBack .text ul span.divider, .hasColour.primaryBack .text ol span.divider, .hasColour.primaryBack .text table span.divider, .hasColour.primaryBack .text blockquote span.divider,
.hasColour.primaryBack .text h1 span.divider, .hasColour.primaryBack .text h2 span.divider, .hasColour.primaryBack .text h3 span.divider, .hasColour.primaryBack .text h4 span.divider, .hasColour.primaryBack .text h5 span.divider, .hasColour.primaryBack .text h6 span.divider, .hasColour.primaryBack .text a span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.primaryBack .text hr {
  border-color: var(--cc-color-white);
}
.hasColour.primaryBack .text .dividerHead::before, .hasColour.primaryBack .text .dividerHead::after {
  background-color: var(--cc-color-primary);
}
.hasColour.primaryBack .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-white);
}
.hasColour.primaryBack .normalText {
  color: var(--cc-color-text-color);
}
.hasColour.primaryBack .normalText .text p, .hasColour.primaryBack .normalText .text ul, .hasColour.primaryBack .normalText .text ol, .hasColour.primaryBack .normalText .text table, .hasColour.primaryBack .normalText .text blockquote {
  color: var(--cc-color-text-color);
}
.hasColour.primaryBack .normalText .text p span.divider, .hasColour.primaryBack .normalText .text ul span.divider, .hasColour.primaryBack .normalText .text ol span.divider, .hasColour.primaryBack .normalText .text table span.divider, .hasColour.primaryBack .normalText .text blockquote span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.primaryBack .normalText .text h1, .hasColour.primaryBack .normalText .text h2, .hasColour.primaryBack .normalText .text h3, .hasColour.primaryBack .normalText .text h4, .hasColour.primaryBack .normalText .text h5, .hasColour.primaryBack .normalText .text h6 {
  color: var(--cc-color-primary);
}
.hasColour.primaryBack .normalText .text .dividerHead::before, .hasColour.primaryBack .normalText .text .dividerHead::after {
  border-color: var(--cc-color-primary);
}
.hasColour.primaryBack .normalText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}
.hasColour.secondaryBack {
  background-color: var(--cc-color-secondary);
}
.hasColour.secondaryBack .normalText {
  color: var(--cc-color-text-color);
}
.hasColour.secondaryBack .normalText .text p, .hasColour.secondaryBack .normalText .text ul, .hasColour.secondaryBack .normalText .text ol, .hasColour.secondaryBack .normalText .text table, .hasColour.secondaryBack .normalText .text blockquote {
  color: var(--cc-color-text-color);
}
.hasColour.secondaryBack .normalText .text p span.divider, .hasColour.secondaryBack .normalText .text ul span.divider, .hasColour.secondaryBack .normalText .text ol span.divider, .hasColour.secondaryBack .normalText .text table span.divider, .hasColour.secondaryBack .normalText .text blockquote span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.secondaryBack .normalText .text h1, .hasColour.secondaryBack .normalText .text h2, .hasColour.secondaryBack .normalText .text h3, .hasColour.secondaryBack .normalText .text h4, .hasColour.secondaryBack .normalText .text h5, .hasColour.secondaryBack .normalText .text h6 {
  color: var(--cc-color-primary);
}
.hasColour.secondaryBack .normalText .text .dividerHead::before, .hasColour.secondaryBack .normalText .text .dividerHead::after {
  border-color: var(--cc-color-primary);
}
.hasColour.secondaryBack .normalText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}
.hasColour.enduraBack {
  background-color: var(--cc-color-endura);
}
.hasColour.enduraBack .normalText {
  color: var(--cc-color-text-color);
}
.hasColour.enduraBack .normalText .text p, .hasColour.enduraBack .normalText .text ul, .hasColour.enduraBack .normalText .text ol, .hasColour.enduraBack .normalText .text table, .hasColour.enduraBack .normalText .text blockquote {
  color: var(--cc-color-text-color);
}
.hasColour.enduraBack .normalText .text p span.divider, .hasColour.enduraBack .normalText .text ul span.divider, .hasColour.enduraBack .normalText .text ol span.divider, .hasColour.enduraBack .normalText .text table span.divider, .hasColour.enduraBack .normalText .text blockquote span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.enduraBack .normalText .text h1, .hasColour.enduraBack .normalText .text h2, .hasColour.enduraBack .normalText .text h3, .hasColour.enduraBack .normalText .text h4, .hasColour.enduraBack .normalText .text h5, .hasColour.enduraBack .normalText .text h6 {
  color: var(--cc-color-primary);
}
.hasColour.enduraBack .normalText .text .dividerHead::before, .hasColour.enduraBack .normalText .text .dividerHead::after {
  border-color: var(--cc-color-primary);
}
.hasColour.enduraBack .normalText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}
.hasColour.naturaBack {
  background-color: var(--cc-color-natura);
  color: var(--cc-color-white);
}
.hasColour.naturaBack .text p, .hasColour.naturaBack .text ul, .hasColour.naturaBack .text ol, .hasColour.naturaBack .text table, .hasColour.naturaBack .text blockquote,
.hasColour.naturaBack .text h1, .hasColour.naturaBack .text h2, .hasColour.naturaBack .text h3, .hasColour.naturaBack .text h4, .hasColour.naturaBack .text h5, .hasColour.naturaBack .text h6, .hasColour.naturaBack .text a {
  color: var(--cc-color-white);
}
.hasColour.naturaBack .text p span.divider, .hasColour.naturaBack .text ul span.divider, .hasColour.naturaBack .text ol span.divider, .hasColour.naturaBack .text table span.divider, .hasColour.naturaBack .text blockquote span.divider,
.hasColour.naturaBack .text h1 span.divider, .hasColour.naturaBack .text h2 span.divider, .hasColour.naturaBack .text h3 span.divider, .hasColour.naturaBack .text h4 span.divider, .hasColour.naturaBack .text h5 span.divider, .hasColour.naturaBack .text h6 span.divider, .hasColour.naturaBack .text a span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.naturaBack .text hr {
  border-color: var(--cc-color-white);
}
.hasColour.naturaBack .text .dividerHead::before, .hasColour.naturaBack .text .dividerHead::after {
  background-color: var(--cc-color-primary);
}
.hasColour.naturaBack .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-white);
}
.hasColour.naturaBack .normalText {
  color: var(--cc-color-text-color);
}
.hasColour.naturaBack .normalText .text p, .hasColour.naturaBack .normalText .text ul, .hasColour.naturaBack .normalText .text ol, .hasColour.naturaBack .normalText .text table, .hasColour.naturaBack .normalText .text blockquote {
  color: var(--cc-color-text-color);
}
.hasColour.naturaBack .normalText .text p span.divider, .hasColour.naturaBack .normalText .text ul span.divider, .hasColour.naturaBack .normalText .text ol span.divider, .hasColour.naturaBack .normalText .text table span.divider, .hasColour.naturaBack .normalText .text blockquote span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.naturaBack .normalText .text h1, .hasColour.naturaBack .normalText .text h2, .hasColour.naturaBack .normalText .text h3, .hasColour.naturaBack .normalText .text h4, .hasColour.naturaBack .normalText .text h5, .hasColour.naturaBack .normalText .text h6 {
  color: var(--cc-color-primary);
}
.hasColour.naturaBack .normalText .text .dividerHead::before, .hasColour.naturaBack .normalText .text .dividerHead::after {
  border-color: var(--cc-color-primary);
}
.hasColour.naturaBack .normalText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}
.hasColour.luxuraBack {
  background-color: var(--cc-color-luxura);
  color: var(--cc-color-white);
}
.hasColour.luxuraBack .text p, .hasColour.luxuraBack .text ul, .hasColour.luxuraBack .text ol, .hasColour.luxuraBack .text table, .hasColour.luxuraBack .text blockquote,
.hasColour.luxuraBack .text h1, .hasColour.luxuraBack .text h2, .hasColour.luxuraBack .text h3, .hasColour.luxuraBack .text h4, .hasColour.luxuraBack .text h5, .hasColour.luxuraBack .text h6, .hasColour.luxuraBack .text a {
  color: var(--cc-color-white);
}
.hasColour.luxuraBack .text p span.divider, .hasColour.luxuraBack .text ul span.divider, .hasColour.luxuraBack .text ol span.divider, .hasColour.luxuraBack .text table span.divider, .hasColour.luxuraBack .text blockquote span.divider,
.hasColour.luxuraBack .text h1 span.divider, .hasColour.luxuraBack .text h2 span.divider, .hasColour.luxuraBack .text h3 span.divider, .hasColour.luxuraBack .text h4 span.divider, .hasColour.luxuraBack .text h5 span.divider, .hasColour.luxuraBack .text h6 span.divider, .hasColour.luxuraBack .text a span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.luxuraBack .text hr {
  border-color: var(--cc-color-white);
}
.hasColour.luxuraBack .text .dividerHead::before, .hasColour.luxuraBack .text .dividerHead::after {
  background-color: var(--cc-color-primary);
}
.hasColour.luxuraBack .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-white);
}
.hasColour.luxuraBack .normalText {
  color: var(--cc-color-text-color);
}
.hasColour.luxuraBack .normalText .text p, .hasColour.luxuraBack .normalText .text ul, .hasColour.luxuraBack .normalText .text ol, .hasColour.luxuraBack .normalText .text table, .hasColour.luxuraBack .normalText .text blockquote {
  color: var(--cc-color-text-color);
}
.hasColour.luxuraBack .normalText .text p span.divider, .hasColour.luxuraBack .normalText .text ul span.divider, .hasColour.luxuraBack .normalText .text ol span.divider, .hasColour.luxuraBack .normalText .text table span.divider, .hasColour.luxuraBack .normalText .text blockquote span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.luxuraBack .normalText .text h1, .hasColour.luxuraBack .normalText .text h2, .hasColour.luxuraBack .normalText .text h3, .hasColour.luxuraBack .normalText .text h4, .hasColour.luxuraBack .normalText .text h5, .hasColour.luxuraBack .normalText .text h6 {
  color: var(--cc-color-primary);
}
.hasColour.luxuraBack .normalText .text .dividerHead::before, .hasColour.luxuraBack .normalText .text .dividerHead::after {
  border-color: var(--cc-color-primary);
}
.hasColour.luxuraBack .normalText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}
.hasColour.greyBack {
  background-color: var(--cc-color-lighter-grey);
}
.hasColour.beigeBack {
  background-color: var(--cc-color-beige);
}
.hasColour.goldBack {
  background-color: var(--cc-color-gold);
  color: var(--cc-color-white);
}
.hasColour.goldBack .text p, .hasColour.goldBack .text ul, .hasColour.goldBack .text ol, .hasColour.goldBack .text table, .hasColour.goldBack .text blockquote,
.hasColour.goldBack .text h1, .hasColour.goldBack .text h2, .hasColour.goldBack .text h3, .hasColour.goldBack .text h4, .hasColour.goldBack .text h5, .hasColour.goldBack .text h6, .hasColour.goldBack .text a {
  color: var(--cc-color-white);
}
.hasColour.goldBack .text p span.divider, .hasColour.goldBack .text ul span.divider, .hasColour.goldBack .text ol span.divider, .hasColour.goldBack .text table span.divider, .hasColour.goldBack .text blockquote span.divider,
.hasColour.goldBack .text h1 span.divider, .hasColour.goldBack .text h2 span.divider, .hasColour.goldBack .text h3 span.divider, .hasColour.goldBack .text h4 span.divider, .hasColour.goldBack .text h5 span.divider, .hasColour.goldBack .text h6 span.divider, .hasColour.goldBack .text a span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.goldBack .text hr {
  border-color: var(--cc-color-white);
}
.hasColour.goldBack .text .dividerHead::before, .hasColour.goldBack .text .dividerHead::after {
  background-color: var(--cc-color-primary);
}
.hasColour.goldBack .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-white);
}
.hasColour.goldBack .normalText {
  color: var(--cc-color-text-color);
}
.hasColour.goldBack .normalText .text p, .hasColour.goldBack .normalText .text ul, .hasColour.goldBack .normalText .text ol, .hasColour.goldBack .normalText .text table, .hasColour.goldBack .normalText .text blockquote {
  color: var(--cc-color-text-color);
}
.hasColour.goldBack .normalText .text p span.divider, .hasColour.goldBack .normalText .text ul span.divider, .hasColour.goldBack .normalText .text ol span.divider, .hasColour.goldBack .normalText .text table span.divider, .hasColour.goldBack .normalText .text blockquote span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.goldBack .normalText .text h1, .hasColour.goldBack .normalText .text h2, .hasColour.goldBack .normalText .text h3, .hasColour.goldBack .normalText .text h4, .hasColour.goldBack .normalText .text h5, .hasColour.goldBack .normalText .text h6 {
  color: var(--cc-color-primary);
}
.hasColour.goldBack .normalText .text .dividerHead::before, .hasColour.goldBack .normalText .text .dividerHead::after {
  border-color: var(--cc-color-primary);
}
.hasColour.goldBack .normalText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}
.hasColour.orangeBack {
  background-color: var(--cc-color-orange);
  color: var(--cc-color-white);
}
.hasColour.orangeBack .text p, .hasColour.orangeBack .text ul, .hasColour.orangeBack .text ol, .hasColour.orangeBack .text table, .hasColour.orangeBack .text blockquote,
.hasColour.orangeBack .text h1, .hasColour.orangeBack .text h2, .hasColour.orangeBack .text h3, .hasColour.orangeBack .text h4, .hasColour.orangeBack .text h5, .hasColour.orangeBack .text h6, .hasColour.orangeBack .text a {
  color: var(--cc-color-white);
}
.hasColour.orangeBack .text p span.divider, .hasColour.orangeBack .text ul span.divider, .hasColour.orangeBack .text ol span.divider, .hasColour.orangeBack .text table span.divider, .hasColour.orangeBack .text blockquote span.divider,
.hasColour.orangeBack .text h1 span.divider, .hasColour.orangeBack .text h2 span.divider, .hasColour.orangeBack .text h3 span.divider, .hasColour.orangeBack .text h4 span.divider, .hasColour.orangeBack .text h5 span.divider, .hasColour.orangeBack .text h6 span.divider, .hasColour.orangeBack .text a span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.orangeBack .text hr {
  border-color: var(--cc-color-white);
}
.hasColour.orangeBack .text .dividerHead::before, .hasColour.orangeBack .text .dividerHead::after {
  background-color: var(--cc-color-primary);
}
.hasColour.orangeBack .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-white);
}
.hasColour.orangeBack .normalText {
  color: var(--cc-color-text-color);
}
.hasColour.orangeBack .normalText .text p, .hasColour.orangeBack .normalText .text ul, .hasColour.orangeBack .normalText .text ol, .hasColour.orangeBack .normalText .text table, .hasColour.orangeBack .normalText .text blockquote {
  color: var(--cc-color-text-color);
}
.hasColour.orangeBack .normalText .text p span.divider, .hasColour.orangeBack .normalText .text ul span.divider, .hasColour.orangeBack .normalText .text ol span.divider, .hasColour.orangeBack .normalText .text table span.divider, .hasColour.orangeBack .normalText .text blockquote span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.orangeBack .normalText .text h1, .hasColour.orangeBack .normalText .text h2, .hasColour.orangeBack .normalText .text h3, .hasColour.orangeBack .normalText .text h4, .hasColour.orangeBack .normalText .text h5, .hasColour.orangeBack .normalText .text h6 {
  color: var(--cc-color-primary);
}
.hasColour.orangeBack .normalText .text .dividerHead::before, .hasColour.orangeBack .normalText .text .dividerHead::after {
  border-color: var(--cc-color-primary);
}
.hasColour.orangeBack .normalText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}
.hasColour.darkGreyBack {
  background-color: var(--cc-color-grey);
  color: var(--cc-color-white);
}
.hasColour.darkGreyBack .text p, .hasColour.darkGreyBack .text ul, .hasColour.darkGreyBack .text ol, .hasColour.darkGreyBack .text table, .hasColour.darkGreyBack .text blockquote,
.hasColour.darkGreyBack .text h1, .hasColour.darkGreyBack .text h2, .hasColour.darkGreyBack .text h3, .hasColour.darkGreyBack .text h4, .hasColour.darkGreyBack .text h5, .hasColour.darkGreyBack .text h6, .hasColour.darkGreyBack .text a {
  color: var(--cc-color-white);
}
.hasColour.darkGreyBack .text p span.divider, .hasColour.darkGreyBack .text ul span.divider, .hasColour.darkGreyBack .text ol span.divider, .hasColour.darkGreyBack .text table span.divider, .hasColour.darkGreyBack .text blockquote span.divider,
.hasColour.darkGreyBack .text h1 span.divider, .hasColour.darkGreyBack .text h2 span.divider, .hasColour.darkGreyBack .text h3 span.divider, .hasColour.darkGreyBack .text h4 span.divider, .hasColour.darkGreyBack .text h5 span.divider, .hasColour.darkGreyBack .text h6 span.divider, .hasColour.darkGreyBack .text a span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.darkGreyBack .text hr {
  border-color: var(--cc-color-white);
}
.hasColour.darkGreyBack .text .dividerHead::before, .hasColour.darkGreyBack .text .dividerHead::after {
  background-color: var(--cc-color-primary);
}
.hasColour.darkGreyBack .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-white);
}
.hasColour.darkGreyBack .normalText {
  color: var(--cc-color-text-color);
}
.hasColour.darkGreyBack .normalText .text p, .hasColour.darkGreyBack .normalText .text ul, .hasColour.darkGreyBack .normalText .text ol, .hasColour.darkGreyBack .normalText .text table, .hasColour.darkGreyBack .normalText .text blockquote {
  color: var(--cc-color-text-color);
}
.hasColour.darkGreyBack .normalText .text p span.divider, .hasColour.darkGreyBack .normalText .text ul span.divider, .hasColour.darkGreyBack .normalText .text ol span.divider, .hasColour.darkGreyBack .normalText .text table span.divider, .hasColour.darkGreyBack .normalText .text blockquote span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.darkGreyBack .normalText .text h1, .hasColour.darkGreyBack .normalText .text h2, .hasColour.darkGreyBack .normalText .text h3, .hasColour.darkGreyBack .normalText .text h4, .hasColour.darkGreyBack .normalText .text h5, .hasColour.darkGreyBack .normalText .text h6 {
  color: var(--cc-color-primary);
}
.hasColour.darkGreyBack .normalText .text .dividerHead::before, .hasColour.darkGreyBack .normalText .text .dividerHead::after {
  border-color: var(--cc-color-primary);
}
.hasColour.darkGreyBack .normalText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}
.hasColour.blackBack {
  background-color: var(--cc-color-black);
  color: var(--cc-color-white);
}
.hasColour.blackBack .text p, .hasColour.blackBack .text ul, .hasColour.blackBack .text ol, .hasColour.blackBack .text table, .hasColour.blackBack .text blockquote,
.hasColour.blackBack .text h1, .hasColour.blackBack .text h2, .hasColour.blackBack .text h3, .hasColour.blackBack .text h4, .hasColour.blackBack .text h5, .hasColour.blackBack .text h6, .hasColour.blackBack .text a {
  color: var(--cc-color-white);
}
.hasColour.blackBack .text p span.divider, .hasColour.blackBack .text ul span.divider, .hasColour.blackBack .text ol span.divider, .hasColour.blackBack .text table span.divider, .hasColour.blackBack .text blockquote span.divider,
.hasColour.blackBack .text h1 span.divider, .hasColour.blackBack .text h2 span.divider, .hasColour.blackBack .text h3 span.divider, .hasColour.blackBack .text h4 span.divider, .hasColour.blackBack .text h5 span.divider, .hasColour.blackBack .text h6 span.divider, .hasColour.blackBack .text a span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.blackBack .text hr {
  border-color: var(--cc-color-white);
}
.hasColour.blackBack .text .dividerHead::before, .hasColour.blackBack .text .dividerHead::after {
  background-color: var(--cc-color-primary);
}
.hasColour.blackBack .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-white);
}
.hasColour.blackBack .normalText {
  color: var(--cc-color-text-color);
}
.hasColour.blackBack .normalText .text p, .hasColour.blackBack .normalText .text ul, .hasColour.blackBack .normalText .text ol, .hasColour.blackBack .normalText .text table, .hasColour.blackBack .normalText .text blockquote {
  color: var(--cc-color-text-color);
}
.hasColour.blackBack .normalText .text p span.divider, .hasColour.blackBack .normalText .text ul span.divider, .hasColour.blackBack .normalText .text ol span.divider, .hasColour.blackBack .normalText .text table span.divider, .hasColour.blackBack .normalText .text blockquote span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.blackBack .normalText .text h1, .hasColour.blackBack .normalText .text h2, .hasColour.blackBack .normalText .text h3, .hasColour.blackBack .normalText .text h4, .hasColour.blackBack .normalText .text h5, .hasColour.blackBack .normalText .text h6 {
  color: var(--cc-color-primary);
}
.hasColour.blackBack .normalText .text .dividerHead::before, .hasColour.blackBack .normalText .text .dividerHead::after {
  border-color: var(--cc-color-primary);
}
.hasColour.blackBack .normalText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}
.hasColour.redBack {
  background-color: var(--cc-color-red);
  color: var(--cc-color-white);
}
.hasColour.redBack .text p, .hasColour.redBack .text ul, .hasColour.redBack .text ol, .hasColour.redBack .text table, .hasColour.redBack .text blockquote,
.hasColour.redBack .text h1, .hasColour.redBack .text h2, .hasColour.redBack .text h3, .hasColour.redBack .text h4, .hasColour.redBack .text h5, .hasColour.redBack .text h6, .hasColour.redBack .text a {
  color: var(--cc-color-white);
}
.hasColour.redBack .text p span.divider, .hasColour.redBack .text ul span.divider, .hasColour.redBack .text ol span.divider, .hasColour.redBack .text table span.divider, .hasColour.redBack .text blockquote span.divider,
.hasColour.redBack .text h1 span.divider, .hasColour.redBack .text h2 span.divider, .hasColour.redBack .text h3 span.divider, .hasColour.redBack .text h4 span.divider, .hasColour.redBack .text h5 span.divider, .hasColour.redBack .text h6 span.divider, .hasColour.redBack .text a span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.redBack .text hr {
  border-color: var(--cc-color-white);
}
.hasColour.redBack .text .dividerHead::before, .hasColour.redBack .text .dividerHead::after {
  background-color: var(--cc-color-primary);
}
.hasColour.redBack .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-white);
}
.hasColour.redBack .normalText {
  color: var(--cc-color-text-color);
}
.hasColour.redBack .normalText .text p, .hasColour.redBack .normalText .text ul, .hasColour.redBack .normalText .text ol, .hasColour.redBack .normalText .text table, .hasColour.redBack .normalText .text blockquote {
  color: var(--cc-color-text-color);
}
.hasColour.redBack .normalText .text p span.divider, .hasColour.redBack .normalText .text ul span.divider, .hasColour.redBack .normalText .text ol span.divider, .hasColour.redBack .normalText .text table span.divider, .hasColour.redBack .normalText .text blockquote span.divider {
  border-color: var(--cc-color-primary);
}
.hasColour.redBack .normalText .text h1, .hasColour.redBack .normalText .text h2, .hasColour.redBack .normalText .text h3, .hasColour.redBack .normalText .text h4, .hasColour.redBack .normalText .text h5, .hasColour.redBack .normalText .text h6 {
  color: var(--cc-color-primary);
}
.hasColour.redBack .normalText .text .dividerHead::before, .hasColour.redBack .normalText .text .dividerHead::after {
  border-color: var(--cc-color-primary);
}
.hasColour.redBack .normalText .flickity-enabled .flickity-button-icon {
  fill: var(--cc-color-black);
}
.hasColour.whiteBack {
  background-color: var(--cc-color-white);
}
.hasColour.noPadTop {
  padding-top: 0;
}
.hasColour.halfPadTop {
  padding-top: calc((calc(24px + 2.4vw)) * 0.5);
}
.hasColour.doublePadBottom {
  padding-bottom: calc((calc(24px + 2.4vw)) * 2);
}
.hasColour.doublePadTop {
  padding-top: calc((calc(24px + 2.4vw)) * 2);
}
.hasColour.triplePadTop {
  padding-top: calc((24px + 2.4vw) * 3);
}
.hasColour.noPadBottom {
  padding-bottom: 0;
}
.hasColour.halfPadBottom {
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.hasColour.triplePadBottom {
  padding-bottom: calc((24px + 2.4vw) * 3);
}

/*Mac Image Width Only*/
.image.max150px {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.image.max200px {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.image.max250px {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}

.image.max300px {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.image.max450px {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.image.max600px {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.max500px {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.max750px {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.max950px {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.max1050px {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

.max1100px {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.max25 {
  max-width: 25%;
  margin-left: auto;
  margin-right: auto;
}

.max33 {
  max-width: 33%;
  margin-left: auto;
  margin-right: auto;
}

.max50 {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.max66 {
  max-width: 66%;
  margin-left: auto;
  margin-right: auto;
}

.max75 {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.text hr {
  border: 0;
  border-top-style: solid;
  border-top-width: 1px;
  border-color: currentColor;
}

/*$bigPhone ends*/
.textContent {
  width: 100%;
}
.textContent .flexer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  gap: calc((calc(24px + 2.4vw)) * 0.75);
}
.textContent .textHolder,
.textContent .sideHolder {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.textContent .textHolder.vertAlignTop,
.textContent .sideHolder.vertAlignTop {
  align-items: flex-start;
}
.textContent .textHolder.vertAlignCentre,
.textContent .sideHolder.vertAlignCentre {
  align-items: center;
}
.textContent .textHolder.vertAlignBottom,
.textContent .sideHolder.vertAlignBottom {
  align-items: flex-end;
}
.textContent .text, .textContent .image {
  width: 100%;
}

.textContent.withBorder .borderAnimated {
  position: absolute;
  left: calc((calc(24px + 2.4vw)) * 0.5);
  top: calc((calc(24px + 2.4vw)) * 0.5);
  right: calc((calc(24px + 2.4vw)) * 0.5);
  bottom: calc((calc(24px + 2.4vw)) * 0.5);
  z-index: 100;
  pointer-events: none;
}
.textContent.withBorder .hasColour {
  padding-top: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  padding-bottom: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
}
.textContent.withBorder.backLess.textLeft .textHolder.noBack {
  padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  padding-right: calc((calc(24px + 2.4vw)) * 0.5);
}
.textContent.withBorder.backLess.textLeft.additionalText .sideHolder.noBack {
  padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  padding-left: calc(24px + 2.4vw);
}
.textContent.withBorder.backLess.textRight .textHolder.noBack {
  padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  padding-left: calc(24px + 2.4vw);
}
.textContent.withBorder.backLess.textRight.additionalText .sideHolder.noBack {
  padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  padding-right: calc(24px + 2.4vw);
}
.textContent.withBorder.textLeft .hasColour {
  padding-left: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
}
.textContent.withBorder.textRight .hasColour {
  padding-right: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
}

.textContent.textLeft .textHolder {
  order: 0;
}

.textContent.textRight .textHolder {
  order: 2;
}

.textContent.equalHeight .flexer .textHolder,
.textContent.equalHeight .flexer .sideHolder {
  align-self: stretch;
}

.textContent.text33 .textHolder {
  width: 33.3333333333%;
}
.textContent.text33 .sideHolder {
  width: 66.6666666667%;
}

.textContent.text40 .textHolder {
  width: 40%;
}
.textContent.text40 .sideHolder {
  width: 60%;
}

.textContent.text50 .textHolder {
  width: 50%;
}
.textContent.text50 .sideHolder {
  width: 50%;
}

.textContent.text60 .textHolder {
  width: 60%;
}
.textContent.text60 .sideHolder {
  width: 40%;
}

.textContent.text66 .textHolder {
  width: 66.6666666667%;
}
.textContent.text66 .sideHolder {
  width: 33.3333333333%;
}

.textContent.text75 .textHolder {
  width: 75%;
}
.textContent.text75 .sideHolder {
  width: 25%;
}

.textContent.text80 .textHolder {
  width: 20%;
}
.textContent.text80 .sideHolder {
  width: 80%;
}

.immediateBreak .textContent.text33 .textHolder,
.immediateBreak .textContent.text40 .textHolder,
.immediateBreak .textContent.text50 .textHolder,
.immediateBreak .textContent.text60 .textHolder,
.immediateBreak .textContent.text66 .textHolder,
.immediateBreak .textContent.text75 .textHolder,
.immediateBreak .textContent.text80 .textHolder {
  width: 100%;
}
.immediateBreak .textContent.text33 .textHolder.noBack,
.immediateBreak .textContent.text40 .textHolder.noBack,
.immediateBreak .textContent.text50 .textHolder.noBack,
.immediateBreak .textContent.text60 .textHolder.noBack,
.immediateBreak .textContent.text66 .textHolder.noBack,
.immediateBreak .textContent.text75 .textHolder.noBack,
.immediateBreak .textContent.text80 .textHolder.noBack {
  padding-left: 0;
  padding-right: 0;
}
.immediateBreak .textContent.text33 .sideHolder,
.immediateBreak .textContent.text40 .sideHolder,
.immediateBreak .textContent.text50 .sideHolder,
.immediateBreak .textContent.text60 .sideHolder,
.immediateBreak .textContent.text66 .sideHolder,
.immediateBreak .textContent.text75 .sideHolder,
.immediateBreak .textContent.text80 .sideHolder {
  width: 100%;
}
.immediateBreak .textContent.text33 .sideHolder.noBack,
.immediateBreak .textContent.text40 .sideHolder.noBack,
.immediateBreak .textContent.text50 .sideHolder.noBack,
.immediateBreak .textContent.text60 .sideHolder.noBack,
.immediateBreak .textContent.text66 .sideHolder.noBack,
.immediateBreak .textContent.text75 .sideHolder.noBack,
.immediateBreak .textContent.text80 .sideHolder.noBack {
  padding-left: 0;
  padding-right: 0;
}
.immediateBreak .textContent.text33 .sideHolder .image.imgNatural,
.immediateBreak .textContent.text33 .sideHolder .image.imgCrop,
.immediateBreak .textContent.text33 .sideHolder .image.imgCropVert,
.immediateBreak .textContent.text40 .sideHolder .image.imgNatural,
.immediateBreak .textContent.text40 .sideHolder .image.imgCrop,
.immediateBreak .textContent.text40 .sideHolder .image.imgCropVert,
.immediateBreak .textContent.text50 .sideHolder .image.imgNatural,
.immediateBreak .textContent.text50 .sideHolder .image.imgCrop,
.immediateBreak .textContent.text50 .sideHolder .image.imgCropVert,
.immediateBreak .textContent.text60 .sideHolder .image.imgNatural,
.immediateBreak .textContent.text60 .sideHolder .image.imgCrop,
.immediateBreak .textContent.text60 .sideHolder .image.imgCropVert,
.immediateBreak .textContent.text66 .sideHolder .image.imgNatural,
.immediateBreak .textContent.text66 .sideHolder .image.imgCrop,
.immediateBreak .textContent.text66 .sideHolder .image.imgCropVert,
.immediateBreak .textContent.text75 .sideHolder .image.imgNatural,
.immediateBreak .textContent.text75 .sideHolder .image.imgCrop,
.immediateBreak .textContent.text75 .sideHolder .image.imgCropVert,
.immediateBreak .textContent.text80 .sideHolder .image.imgNatural,
.immediateBreak .textContent.text80 .sideHolder .image.imgCrop,
.immediateBreak .textContent.text80 .sideHolder .image.imgCropVert {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
}
.immediateBreak .textContent.text33 .sideHolder .image.imgNatural a, .immediateBreak .textContent.text33 .sideHolder .image.imgNatural img, .immediateBreak .textContent.text33 .sideHolder .image.imgNatural picture,
.immediateBreak .textContent.text33 .sideHolder .image.imgCrop a,
.immediateBreak .textContent.text33 .sideHolder .image.imgCrop img,
.immediateBreak .textContent.text33 .sideHolder .image.imgCrop picture,
.immediateBreak .textContent.text33 .sideHolder .image.imgCropVert a,
.immediateBreak .textContent.text33 .sideHolder .image.imgCropVert img,
.immediateBreak .textContent.text33 .sideHolder .image.imgCropVert picture,
.immediateBreak .textContent.text40 .sideHolder .image.imgNatural a,
.immediateBreak .textContent.text40 .sideHolder .image.imgNatural img,
.immediateBreak .textContent.text40 .sideHolder .image.imgNatural picture,
.immediateBreak .textContent.text40 .sideHolder .image.imgCrop a,
.immediateBreak .textContent.text40 .sideHolder .image.imgCrop img,
.immediateBreak .textContent.text40 .sideHolder .image.imgCrop picture,
.immediateBreak .textContent.text40 .sideHolder .image.imgCropVert a,
.immediateBreak .textContent.text40 .sideHolder .image.imgCropVert img,
.immediateBreak .textContent.text40 .sideHolder .image.imgCropVert picture,
.immediateBreak .textContent.text50 .sideHolder .image.imgNatural a,
.immediateBreak .textContent.text50 .sideHolder .image.imgNatural img,
.immediateBreak .textContent.text50 .sideHolder .image.imgNatural picture,
.immediateBreak .textContent.text50 .sideHolder .image.imgCrop a,
.immediateBreak .textContent.text50 .sideHolder .image.imgCrop img,
.immediateBreak .textContent.text50 .sideHolder .image.imgCrop picture,
.immediateBreak .textContent.text50 .sideHolder .image.imgCropVert a,
.immediateBreak .textContent.text50 .sideHolder .image.imgCropVert img,
.immediateBreak .textContent.text50 .sideHolder .image.imgCropVert picture,
.immediateBreak .textContent.text60 .sideHolder .image.imgNatural a,
.immediateBreak .textContent.text60 .sideHolder .image.imgNatural img,
.immediateBreak .textContent.text60 .sideHolder .image.imgNatural picture,
.immediateBreak .textContent.text60 .sideHolder .image.imgCrop a,
.immediateBreak .textContent.text60 .sideHolder .image.imgCrop img,
.immediateBreak .textContent.text60 .sideHolder .image.imgCrop picture,
.immediateBreak .textContent.text60 .sideHolder .image.imgCropVert a,
.immediateBreak .textContent.text60 .sideHolder .image.imgCropVert img,
.immediateBreak .textContent.text60 .sideHolder .image.imgCropVert picture,
.immediateBreak .textContent.text66 .sideHolder .image.imgNatural a,
.immediateBreak .textContent.text66 .sideHolder .image.imgNatural img,
.immediateBreak .textContent.text66 .sideHolder .image.imgNatural picture,
.immediateBreak .textContent.text66 .sideHolder .image.imgCrop a,
.immediateBreak .textContent.text66 .sideHolder .image.imgCrop img,
.immediateBreak .textContent.text66 .sideHolder .image.imgCrop picture,
.immediateBreak .textContent.text66 .sideHolder .image.imgCropVert a,
.immediateBreak .textContent.text66 .sideHolder .image.imgCropVert img,
.immediateBreak .textContent.text66 .sideHolder .image.imgCropVert picture,
.immediateBreak .textContent.text75 .sideHolder .image.imgNatural a,
.immediateBreak .textContent.text75 .sideHolder .image.imgNatural img,
.immediateBreak .textContent.text75 .sideHolder .image.imgNatural picture,
.immediateBreak .textContent.text75 .sideHolder .image.imgCrop a,
.immediateBreak .textContent.text75 .sideHolder .image.imgCrop img,
.immediateBreak .textContent.text75 .sideHolder .image.imgCrop picture,
.immediateBreak .textContent.text75 .sideHolder .image.imgCropVert a,
.immediateBreak .textContent.text75 .sideHolder .image.imgCropVert img,
.immediateBreak .textContent.text75 .sideHolder .image.imgCropVert picture,
.immediateBreak .textContent.text80 .sideHolder .image.imgNatural a,
.immediateBreak .textContent.text80 .sideHolder .image.imgNatural img,
.immediateBreak .textContent.text80 .sideHolder .image.imgNatural picture,
.immediateBreak .textContent.text80 .sideHolder .image.imgCrop a,
.immediateBreak .textContent.text80 .sideHolder .image.imgCrop img,
.immediateBreak .textContent.text80 .sideHolder .image.imgCrop picture,
.immediateBreak .textContent.text80 .sideHolder .image.imgCropVert a,
.immediateBreak .textContent.text80 .sideHolder .image.imgCropVert img,
.immediateBreak .textContent.text80 .sideHolder .image.imgCropVert picture {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
}
.immediateBreak .textContent.text33.withBorder .hasColour,
.immediateBreak .textContent.text40.withBorder .hasColour,
.immediateBreak .textContent.text50.withBorder .hasColour,
.immediateBreak .textContent.text60.withBorder .hasColour,
.immediateBreak .textContent.text66.withBorder .hasColour,
.immediateBreak .textContent.text75.withBorder .hasColour,
.immediateBreak .textContent.text80.withBorder .hasColour {
  padding-top: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  padding-bottom: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
}
.immediateBreak .textContent.text33.withBorder.backLess.textLeft .textHolder.noBack,
.immediateBreak .textContent.text40.withBorder.backLess.textLeft .textHolder.noBack,
.immediateBreak .textContent.text50.withBorder.backLess.textLeft .textHolder.noBack,
.immediateBreak .textContent.text60.withBorder.backLess.textLeft .textHolder.noBack,
.immediateBreak .textContent.text66.withBorder.backLess.textLeft .textHolder.noBack,
.immediateBreak .textContent.text75.withBorder.backLess.textLeft .textHolder.noBack,
.immediateBreak .textContent.text80.withBorder.backLess.textLeft .textHolder.noBack {
  padding: calc(24px + 2.4vw);
  padding-bottom: 0;
}
.immediateBreak .textContent.text33.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text40.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text50.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text60.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text66.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text75.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text80.withBorder.backLess.textLeft.additionalText .sideHolder.noBack {
  padding: calc(24px + 2.4vw);
  padding-top: 0;
}
.immediateBreak .textContent.text33.withBorder.backLess.textRight .textHolder.noBack,
.immediateBreak .textContent.text40.withBorder.backLess.textRight .textHolder.noBack,
.immediateBreak .textContent.text50.withBorder.backLess.textRight .textHolder.noBack,
.immediateBreak .textContent.text60.withBorder.backLess.textRight .textHolder.noBack,
.immediateBreak .textContent.text66.withBorder.backLess.textRight .textHolder.noBack,
.immediateBreak .textContent.text75.withBorder.backLess.textRight .textHolder.noBack,
.immediateBreak .textContent.text80.withBorder.backLess.textRight .textHolder.noBack {
  padding: calc(24px + 2.4vw);
  padding-top: 0;
}
.immediateBreak .textContent.text33.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text40.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text50.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text60.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text66.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text75.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
.immediateBreak .textContent.text80.withBorder.backLess.textRight.additionalText .sideHolder.noBack {
  padding: calc(24px + 2.4vw);
  padding-bottom: 0;
}
.immediateBreak .textContent.withBorder.textLeft .hasColour {
  padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
}
.immediateBreak .textContent.withBorder.textRight .hasColour {
  padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
}

@media only screen and (max-width: 1200px) {
  .laptopBreak .textContent.text33 .textHolder,
  .laptopBreak .textContent.text40 .textHolder,
  .laptopBreak .textContent.text50 .textHolder,
  .laptopBreak .textContent.text60 .textHolder,
  .laptopBreak .textContent.text66 .textHolder,
  .laptopBreak .textContent.text75 .textHolder,
  .laptopBreak .textContent.text80 .textHolder {
    width: 100%;
  }
  .laptopBreak .textContent.text33 .textHolder.noBack,
  .laptopBreak .textContent.text40 .textHolder.noBack,
  .laptopBreak .textContent.text50 .textHolder.noBack,
  .laptopBreak .textContent.text60 .textHolder.noBack,
  .laptopBreak .textContent.text66 .textHolder.noBack,
  .laptopBreak .textContent.text75 .textHolder.noBack,
  .laptopBreak .textContent.text80 .textHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .laptopBreak .textContent.text33 .sideHolder,
  .laptopBreak .textContent.text40 .sideHolder,
  .laptopBreak .textContent.text50 .sideHolder,
  .laptopBreak .textContent.text60 .sideHolder,
  .laptopBreak .textContent.text66 .sideHolder,
  .laptopBreak .textContent.text75 .sideHolder,
  .laptopBreak .textContent.text80 .sideHolder {
    width: 100%;
  }
  .laptopBreak .textContent.text33 .sideHolder.noBack,
  .laptopBreak .textContent.text40 .sideHolder.noBack,
  .laptopBreak .textContent.text50 .sideHolder.noBack,
  .laptopBreak .textContent.text60 .sideHolder.noBack,
  .laptopBreak .textContent.text66 .sideHolder.noBack,
  .laptopBreak .textContent.text75 .sideHolder.noBack,
  .laptopBreak .textContent.text80 .sideHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .laptopBreak .textContent.text33 .sideHolder .image.imgNatural,
  .laptopBreak .textContent.text33 .sideHolder .image.imgCrop,
  .laptopBreak .textContent.text33 .sideHolder .image.imgCropVert,
  .laptopBreak .textContent.text40 .sideHolder .image.imgNatural,
  .laptopBreak .textContent.text40 .sideHolder .image.imgCrop,
  .laptopBreak .textContent.text40 .sideHolder .image.imgCropVert,
  .laptopBreak .textContent.text50 .sideHolder .image.imgNatural,
  .laptopBreak .textContent.text50 .sideHolder .image.imgCrop,
  .laptopBreak .textContent.text50 .sideHolder .image.imgCropVert,
  .laptopBreak .textContent.text60 .sideHolder .image.imgNatural,
  .laptopBreak .textContent.text60 .sideHolder .image.imgCrop,
  .laptopBreak .textContent.text60 .sideHolder .image.imgCropVert,
  .laptopBreak .textContent.text66 .sideHolder .image.imgNatural,
  .laptopBreak .textContent.text66 .sideHolder .image.imgCrop,
  .laptopBreak .textContent.text66 .sideHolder .image.imgCropVert,
  .laptopBreak .textContent.text75 .sideHolder .image.imgNatural,
  .laptopBreak .textContent.text75 .sideHolder .image.imgCrop,
  .laptopBreak .textContent.text75 .sideHolder .image.imgCropVert,
  .laptopBreak .textContent.text80 .sideHolder .image.imgNatural,
  .laptopBreak .textContent.text80 .sideHolder .image.imgCrop,
  .laptopBreak .textContent.text80 .sideHolder .image.imgCropVert {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .laptopBreak .textContent.text33 .sideHolder .image.imgNatural a, .laptopBreak .textContent.text33 .sideHolder .image.imgNatural img, .laptopBreak .textContent.text33 .sideHolder .image.imgNatural picture,
  .laptopBreak .textContent.text33 .sideHolder .image.imgCrop a,
  .laptopBreak .textContent.text33 .sideHolder .image.imgCrop img,
  .laptopBreak .textContent.text33 .sideHolder .image.imgCrop picture,
  .laptopBreak .textContent.text33 .sideHolder .image.imgCropVert a,
  .laptopBreak .textContent.text33 .sideHolder .image.imgCropVert img,
  .laptopBreak .textContent.text33 .sideHolder .image.imgCropVert picture,
  .laptopBreak .textContent.text40 .sideHolder .image.imgNatural a,
  .laptopBreak .textContent.text40 .sideHolder .image.imgNatural img,
  .laptopBreak .textContent.text40 .sideHolder .image.imgNatural picture,
  .laptopBreak .textContent.text40 .sideHolder .image.imgCrop a,
  .laptopBreak .textContent.text40 .sideHolder .image.imgCrop img,
  .laptopBreak .textContent.text40 .sideHolder .image.imgCrop picture,
  .laptopBreak .textContent.text40 .sideHolder .image.imgCropVert a,
  .laptopBreak .textContent.text40 .sideHolder .image.imgCropVert img,
  .laptopBreak .textContent.text40 .sideHolder .image.imgCropVert picture,
  .laptopBreak .textContent.text50 .sideHolder .image.imgNatural a,
  .laptopBreak .textContent.text50 .sideHolder .image.imgNatural img,
  .laptopBreak .textContent.text50 .sideHolder .image.imgNatural picture,
  .laptopBreak .textContent.text50 .sideHolder .image.imgCrop a,
  .laptopBreak .textContent.text50 .sideHolder .image.imgCrop img,
  .laptopBreak .textContent.text50 .sideHolder .image.imgCrop picture,
  .laptopBreak .textContent.text50 .sideHolder .image.imgCropVert a,
  .laptopBreak .textContent.text50 .sideHolder .image.imgCropVert img,
  .laptopBreak .textContent.text50 .sideHolder .image.imgCropVert picture,
  .laptopBreak .textContent.text60 .sideHolder .image.imgNatural a,
  .laptopBreak .textContent.text60 .sideHolder .image.imgNatural img,
  .laptopBreak .textContent.text60 .sideHolder .image.imgNatural picture,
  .laptopBreak .textContent.text60 .sideHolder .image.imgCrop a,
  .laptopBreak .textContent.text60 .sideHolder .image.imgCrop img,
  .laptopBreak .textContent.text60 .sideHolder .image.imgCrop picture,
  .laptopBreak .textContent.text60 .sideHolder .image.imgCropVert a,
  .laptopBreak .textContent.text60 .sideHolder .image.imgCropVert img,
  .laptopBreak .textContent.text60 .sideHolder .image.imgCropVert picture,
  .laptopBreak .textContent.text66 .sideHolder .image.imgNatural a,
  .laptopBreak .textContent.text66 .sideHolder .image.imgNatural img,
  .laptopBreak .textContent.text66 .sideHolder .image.imgNatural picture,
  .laptopBreak .textContent.text66 .sideHolder .image.imgCrop a,
  .laptopBreak .textContent.text66 .sideHolder .image.imgCrop img,
  .laptopBreak .textContent.text66 .sideHolder .image.imgCrop picture,
  .laptopBreak .textContent.text66 .sideHolder .image.imgCropVert a,
  .laptopBreak .textContent.text66 .sideHolder .image.imgCropVert img,
  .laptopBreak .textContent.text66 .sideHolder .image.imgCropVert picture,
  .laptopBreak .textContent.text75 .sideHolder .image.imgNatural a,
  .laptopBreak .textContent.text75 .sideHolder .image.imgNatural img,
  .laptopBreak .textContent.text75 .sideHolder .image.imgNatural picture,
  .laptopBreak .textContent.text75 .sideHolder .image.imgCrop a,
  .laptopBreak .textContent.text75 .sideHolder .image.imgCrop img,
  .laptopBreak .textContent.text75 .sideHolder .image.imgCrop picture,
  .laptopBreak .textContent.text75 .sideHolder .image.imgCropVert a,
  .laptopBreak .textContent.text75 .sideHolder .image.imgCropVert img,
  .laptopBreak .textContent.text75 .sideHolder .image.imgCropVert picture,
  .laptopBreak .textContent.text80 .sideHolder .image.imgNatural a,
  .laptopBreak .textContent.text80 .sideHolder .image.imgNatural img,
  .laptopBreak .textContent.text80 .sideHolder .image.imgNatural picture,
  .laptopBreak .textContent.text80 .sideHolder .image.imgCrop a,
  .laptopBreak .textContent.text80 .sideHolder .image.imgCrop img,
  .laptopBreak .textContent.text80 .sideHolder .image.imgCrop picture,
  .laptopBreak .textContent.text80 .sideHolder .image.imgCropVert a,
  .laptopBreak .textContent.text80 .sideHolder .image.imgCropVert img,
  .laptopBreak .textContent.text80 .sideHolder .image.imgCropVert picture {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .laptopBreak .textContent.text33.withBorder .hasColour,
  .laptopBreak .textContent.text40.withBorder .hasColour,
  .laptopBreak .textContent.text50.withBorder .hasColour,
  .laptopBreak .textContent.text60.withBorder .hasColour,
  .laptopBreak .textContent.text66.withBorder .hasColour,
  .laptopBreak .textContent.text75.withBorder .hasColour,
  .laptopBreak .textContent.text80.withBorder .hasColour {
    padding-top: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
    padding-bottom: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .laptopBreak .textContent.text33.withBorder.backLess.textLeft .textHolder.noBack,
  .laptopBreak .textContent.text40.withBorder.backLess.textLeft .textHolder.noBack,
  .laptopBreak .textContent.text50.withBorder.backLess.textLeft .textHolder.noBack,
  .laptopBreak .textContent.text60.withBorder.backLess.textLeft .textHolder.noBack,
  .laptopBreak .textContent.text66.withBorder.backLess.textLeft .textHolder.noBack,
  .laptopBreak .textContent.text75.withBorder.backLess.textLeft .textHolder.noBack,
  .laptopBreak .textContent.text80.withBorder.backLess.textLeft .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .laptopBreak .textContent.text33.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text40.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text50.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text60.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text66.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text75.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text80.withBorder.backLess.textLeft.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .laptopBreak .textContent.text33.withBorder.backLess.textRight .textHolder.noBack,
  .laptopBreak .textContent.text40.withBorder.backLess.textRight .textHolder.noBack,
  .laptopBreak .textContent.text50.withBorder.backLess.textRight .textHolder.noBack,
  .laptopBreak .textContent.text60.withBorder.backLess.textRight .textHolder.noBack,
  .laptopBreak .textContent.text66.withBorder.backLess.textRight .textHolder.noBack,
  .laptopBreak .textContent.text75.withBorder.backLess.textRight .textHolder.noBack,
  .laptopBreak .textContent.text80.withBorder.backLess.textRight .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .laptopBreak .textContent.text33.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text40.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text50.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text60.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text66.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text75.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .laptopBreak .textContent.text80.withBorder.backLess.textRight.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .laptopBreak .textContent.withBorder.textLeft .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .laptopBreak .textContent.withBorder.textRight .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
} /*$laptop ends*/
@media only screen and (max-width: 900px) {
  .bigTabletBreak .textContent.text33 .textHolder,
  .bigTabletBreak .textContent.text40 .textHolder,
  .bigTabletBreak .textContent.text50 .textHolder,
  .bigTabletBreak .textContent.text60 .textHolder,
  .bigTabletBreak .textContent.text66 .textHolder,
  .bigTabletBreak .textContent.text75 .textHolder,
  .bigTabletBreak .textContent.text80 .textHolder {
    width: 100%;
  }
  .bigTabletBreak .textContent.text33 .textHolder.noBack,
  .bigTabletBreak .textContent.text40 .textHolder.noBack,
  .bigTabletBreak .textContent.text50 .textHolder.noBack,
  .bigTabletBreak .textContent.text60 .textHolder.noBack,
  .bigTabletBreak .textContent.text66 .textHolder.noBack,
  .bigTabletBreak .textContent.text75 .textHolder.noBack,
  .bigTabletBreak .textContent.text80 .textHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .bigTabletBreak .textContent.text33 .sideHolder,
  .bigTabletBreak .textContent.text40 .sideHolder,
  .bigTabletBreak .textContent.text50 .sideHolder,
  .bigTabletBreak .textContent.text60 .sideHolder,
  .bigTabletBreak .textContent.text66 .sideHolder,
  .bigTabletBreak .textContent.text75 .sideHolder,
  .bigTabletBreak .textContent.text80 .sideHolder {
    width: 100%;
  }
  .bigTabletBreak .textContent.text33 .sideHolder.noBack,
  .bigTabletBreak .textContent.text40 .sideHolder.noBack,
  .bigTabletBreak .textContent.text50 .sideHolder.noBack,
  .bigTabletBreak .textContent.text60 .sideHolder.noBack,
  .bigTabletBreak .textContent.text66 .sideHolder.noBack,
  .bigTabletBreak .textContent.text75 .sideHolder.noBack,
  .bigTabletBreak .textContent.text80 .sideHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .bigTabletBreak .textContent.text33 .sideHolder .image.imgNatural,
  .bigTabletBreak .textContent.text33 .sideHolder .image.imgCrop,
  .bigTabletBreak .textContent.text33 .sideHolder .image.imgCropVert,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgNatural,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgCrop,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgCropVert,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgNatural,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgCrop,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgCropVert,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgNatural,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgCrop,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgCropVert,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgNatural,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgCrop,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgCropVert,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgNatural,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgCrop,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgCropVert,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgNatural,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgCrop,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgCropVert {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .bigTabletBreak .textContent.text33 .sideHolder .image.imgNatural a, .bigTabletBreak .textContent.text33 .sideHolder .image.imgNatural img, .bigTabletBreak .textContent.text33 .sideHolder .image.imgNatural picture,
  .bigTabletBreak .textContent.text33 .sideHolder .image.imgCrop a,
  .bigTabletBreak .textContent.text33 .sideHolder .image.imgCrop img,
  .bigTabletBreak .textContent.text33 .sideHolder .image.imgCrop picture,
  .bigTabletBreak .textContent.text33 .sideHolder .image.imgCropVert a,
  .bigTabletBreak .textContent.text33 .sideHolder .image.imgCropVert img,
  .bigTabletBreak .textContent.text33 .sideHolder .image.imgCropVert picture,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgNatural a,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgNatural img,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgNatural picture,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgCrop a,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgCrop img,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgCrop picture,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgCropVert a,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgCropVert img,
  .bigTabletBreak .textContent.text40 .sideHolder .image.imgCropVert picture,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgNatural a,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgNatural img,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgNatural picture,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgCrop a,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgCrop img,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgCrop picture,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgCropVert a,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgCropVert img,
  .bigTabletBreak .textContent.text50 .sideHolder .image.imgCropVert picture,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgNatural a,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgNatural img,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgNatural picture,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgCrop a,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgCrop img,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgCrop picture,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgCropVert a,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgCropVert img,
  .bigTabletBreak .textContent.text60 .sideHolder .image.imgCropVert picture,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgNatural a,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgNatural img,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgNatural picture,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgCrop a,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgCrop img,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgCrop picture,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgCropVert a,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgCropVert img,
  .bigTabletBreak .textContent.text66 .sideHolder .image.imgCropVert picture,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgNatural a,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgNatural img,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgNatural picture,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgCrop a,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgCrop img,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgCrop picture,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgCropVert a,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgCropVert img,
  .bigTabletBreak .textContent.text75 .sideHolder .image.imgCropVert picture,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgNatural a,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgNatural img,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgNatural picture,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgCrop a,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgCrop img,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgCrop picture,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgCropVert a,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgCropVert img,
  .bigTabletBreak .textContent.text80 .sideHolder .image.imgCropVert picture {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .bigTabletBreak .textContent.text33.withBorder .hasColour,
  .bigTabletBreak .textContent.text40.withBorder .hasColour,
  .bigTabletBreak .textContent.text50.withBorder .hasColour,
  .bigTabletBreak .textContent.text60.withBorder .hasColour,
  .bigTabletBreak .textContent.text66.withBorder .hasColour,
  .bigTabletBreak .textContent.text75.withBorder .hasColour,
  .bigTabletBreak .textContent.text80.withBorder .hasColour {
    padding-top: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
    padding-bottom: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .bigTabletBreak .textContent.text33.withBorder.backLess.textLeft .textHolder.noBack,
  .bigTabletBreak .textContent.text40.withBorder.backLess.textLeft .textHolder.noBack,
  .bigTabletBreak .textContent.text50.withBorder.backLess.textLeft .textHolder.noBack,
  .bigTabletBreak .textContent.text60.withBorder.backLess.textLeft .textHolder.noBack,
  .bigTabletBreak .textContent.text66.withBorder.backLess.textLeft .textHolder.noBack,
  .bigTabletBreak .textContent.text75.withBorder.backLess.textLeft .textHolder.noBack,
  .bigTabletBreak .textContent.text80.withBorder.backLess.textLeft .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .bigTabletBreak .textContent.text33.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text40.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text50.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text60.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text66.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text75.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text80.withBorder.backLess.textLeft.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .bigTabletBreak .textContent.text33.withBorder.backLess.textRight .textHolder.noBack,
  .bigTabletBreak .textContent.text40.withBorder.backLess.textRight .textHolder.noBack,
  .bigTabletBreak .textContent.text50.withBorder.backLess.textRight .textHolder.noBack,
  .bigTabletBreak .textContent.text60.withBorder.backLess.textRight .textHolder.noBack,
  .bigTabletBreak .textContent.text66.withBorder.backLess.textRight .textHolder.noBack,
  .bigTabletBreak .textContent.text75.withBorder.backLess.textRight .textHolder.noBack,
  .bigTabletBreak .textContent.text80.withBorder.backLess.textRight .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .bigTabletBreak .textContent.text33.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text40.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text50.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text60.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text66.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text75.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigTabletBreak .textContent.text80.withBorder.backLess.textRight.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .bigTabletBreak .textContent.withBorder.textLeft .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .bigTabletBreak .textContent.withBorder.textRight .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 768px) {
  .tabletBreak .textContent.text33 .textHolder,
  .tabletBreak .textContent.text40 .textHolder,
  .tabletBreak .textContent.text50 .textHolder,
  .tabletBreak .textContent.text60 .textHolder,
  .tabletBreak .textContent.text66 .textHolder,
  .tabletBreak .textContent.text75 .textHolder,
  .tabletBreak .textContent.text80 .textHolder {
    width: 100%;
  }
  .tabletBreak .textContent.text33 .textHolder.noBack,
  .tabletBreak .textContent.text40 .textHolder.noBack,
  .tabletBreak .textContent.text50 .textHolder.noBack,
  .tabletBreak .textContent.text60 .textHolder.noBack,
  .tabletBreak .textContent.text66 .textHolder.noBack,
  .tabletBreak .textContent.text75 .textHolder.noBack,
  .tabletBreak .textContent.text80 .textHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .tabletBreak .textContent.text33 .sideHolder,
  .tabletBreak .textContent.text40 .sideHolder,
  .tabletBreak .textContent.text50 .sideHolder,
  .tabletBreak .textContent.text60 .sideHolder,
  .tabletBreak .textContent.text66 .sideHolder,
  .tabletBreak .textContent.text75 .sideHolder,
  .tabletBreak .textContent.text80 .sideHolder {
    width: 100%;
  }
  .tabletBreak .textContent.text33 .sideHolder.noBack,
  .tabletBreak .textContent.text40 .sideHolder.noBack,
  .tabletBreak .textContent.text50 .sideHolder.noBack,
  .tabletBreak .textContent.text60 .sideHolder.noBack,
  .tabletBreak .textContent.text66 .sideHolder.noBack,
  .tabletBreak .textContent.text75 .sideHolder.noBack,
  .tabletBreak .textContent.text80 .sideHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .tabletBreak .textContent.text33 .sideHolder .image.imgNatural,
  .tabletBreak .textContent.text33 .sideHolder .image.imgCrop,
  .tabletBreak .textContent.text33 .sideHolder .image.imgCropVert,
  .tabletBreak .textContent.text40 .sideHolder .image.imgNatural,
  .tabletBreak .textContent.text40 .sideHolder .image.imgCrop,
  .tabletBreak .textContent.text40 .sideHolder .image.imgCropVert,
  .tabletBreak .textContent.text50 .sideHolder .image.imgNatural,
  .tabletBreak .textContent.text50 .sideHolder .image.imgCrop,
  .tabletBreak .textContent.text50 .sideHolder .image.imgCropVert,
  .tabletBreak .textContent.text60 .sideHolder .image.imgNatural,
  .tabletBreak .textContent.text60 .sideHolder .image.imgCrop,
  .tabletBreak .textContent.text60 .sideHolder .image.imgCropVert,
  .tabletBreak .textContent.text66 .sideHolder .image.imgNatural,
  .tabletBreak .textContent.text66 .sideHolder .image.imgCrop,
  .tabletBreak .textContent.text66 .sideHolder .image.imgCropVert,
  .tabletBreak .textContent.text75 .sideHolder .image.imgNatural,
  .tabletBreak .textContent.text75 .sideHolder .image.imgCrop,
  .tabletBreak .textContent.text75 .sideHolder .image.imgCropVert,
  .tabletBreak .textContent.text80 .sideHolder .image.imgNatural,
  .tabletBreak .textContent.text80 .sideHolder .image.imgCrop,
  .tabletBreak .textContent.text80 .sideHolder .image.imgCropVert {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .tabletBreak .textContent.text33 .sideHolder .image.imgNatural a, .tabletBreak .textContent.text33 .sideHolder .image.imgNatural img, .tabletBreak .textContent.text33 .sideHolder .image.imgNatural picture,
  .tabletBreak .textContent.text33 .sideHolder .image.imgCrop a,
  .tabletBreak .textContent.text33 .sideHolder .image.imgCrop img,
  .tabletBreak .textContent.text33 .sideHolder .image.imgCrop picture,
  .tabletBreak .textContent.text33 .sideHolder .image.imgCropVert a,
  .tabletBreak .textContent.text33 .sideHolder .image.imgCropVert img,
  .tabletBreak .textContent.text33 .sideHolder .image.imgCropVert picture,
  .tabletBreak .textContent.text40 .sideHolder .image.imgNatural a,
  .tabletBreak .textContent.text40 .sideHolder .image.imgNatural img,
  .tabletBreak .textContent.text40 .sideHolder .image.imgNatural picture,
  .tabletBreak .textContent.text40 .sideHolder .image.imgCrop a,
  .tabletBreak .textContent.text40 .sideHolder .image.imgCrop img,
  .tabletBreak .textContent.text40 .sideHolder .image.imgCrop picture,
  .tabletBreak .textContent.text40 .sideHolder .image.imgCropVert a,
  .tabletBreak .textContent.text40 .sideHolder .image.imgCropVert img,
  .tabletBreak .textContent.text40 .sideHolder .image.imgCropVert picture,
  .tabletBreak .textContent.text50 .sideHolder .image.imgNatural a,
  .tabletBreak .textContent.text50 .sideHolder .image.imgNatural img,
  .tabletBreak .textContent.text50 .sideHolder .image.imgNatural picture,
  .tabletBreak .textContent.text50 .sideHolder .image.imgCrop a,
  .tabletBreak .textContent.text50 .sideHolder .image.imgCrop img,
  .tabletBreak .textContent.text50 .sideHolder .image.imgCrop picture,
  .tabletBreak .textContent.text50 .sideHolder .image.imgCropVert a,
  .tabletBreak .textContent.text50 .sideHolder .image.imgCropVert img,
  .tabletBreak .textContent.text50 .sideHolder .image.imgCropVert picture,
  .tabletBreak .textContent.text60 .sideHolder .image.imgNatural a,
  .tabletBreak .textContent.text60 .sideHolder .image.imgNatural img,
  .tabletBreak .textContent.text60 .sideHolder .image.imgNatural picture,
  .tabletBreak .textContent.text60 .sideHolder .image.imgCrop a,
  .tabletBreak .textContent.text60 .sideHolder .image.imgCrop img,
  .tabletBreak .textContent.text60 .sideHolder .image.imgCrop picture,
  .tabletBreak .textContent.text60 .sideHolder .image.imgCropVert a,
  .tabletBreak .textContent.text60 .sideHolder .image.imgCropVert img,
  .tabletBreak .textContent.text60 .sideHolder .image.imgCropVert picture,
  .tabletBreak .textContent.text66 .sideHolder .image.imgNatural a,
  .tabletBreak .textContent.text66 .sideHolder .image.imgNatural img,
  .tabletBreak .textContent.text66 .sideHolder .image.imgNatural picture,
  .tabletBreak .textContent.text66 .sideHolder .image.imgCrop a,
  .tabletBreak .textContent.text66 .sideHolder .image.imgCrop img,
  .tabletBreak .textContent.text66 .sideHolder .image.imgCrop picture,
  .tabletBreak .textContent.text66 .sideHolder .image.imgCropVert a,
  .tabletBreak .textContent.text66 .sideHolder .image.imgCropVert img,
  .tabletBreak .textContent.text66 .sideHolder .image.imgCropVert picture,
  .tabletBreak .textContent.text75 .sideHolder .image.imgNatural a,
  .tabletBreak .textContent.text75 .sideHolder .image.imgNatural img,
  .tabletBreak .textContent.text75 .sideHolder .image.imgNatural picture,
  .tabletBreak .textContent.text75 .sideHolder .image.imgCrop a,
  .tabletBreak .textContent.text75 .sideHolder .image.imgCrop img,
  .tabletBreak .textContent.text75 .sideHolder .image.imgCrop picture,
  .tabletBreak .textContent.text75 .sideHolder .image.imgCropVert a,
  .tabletBreak .textContent.text75 .sideHolder .image.imgCropVert img,
  .tabletBreak .textContent.text75 .sideHolder .image.imgCropVert picture,
  .tabletBreak .textContent.text80 .sideHolder .image.imgNatural a,
  .tabletBreak .textContent.text80 .sideHolder .image.imgNatural img,
  .tabletBreak .textContent.text80 .sideHolder .image.imgNatural picture,
  .tabletBreak .textContent.text80 .sideHolder .image.imgCrop a,
  .tabletBreak .textContent.text80 .sideHolder .image.imgCrop img,
  .tabletBreak .textContent.text80 .sideHolder .image.imgCrop picture,
  .tabletBreak .textContent.text80 .sideHolder .image.imgCropVert a,
  .tabletBreak .textContent.text80 .sideHolder .image.imgCropVert img,
  .tabletBreak .textContent.text80 .sideHolder .image.imgCropVert picture {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .tabletBreak .textContent.text33.withBorder .hasColour,
  .tabletBreak .textContent.text40.withBorder .hasColour,
  .tabletBreak .textContent.text50.withBorder .hasColour,
  .tabletBreak .textContent.text60.withBorder .hasColour,
  .tabletBreak .textContent.text66.withBorder .hasColour,
  .tabletBreak .textContent.text75.withBorder .hasColour,
  .tabletBreak .textContent.text80.withBorder .hasColour {
    padding-top: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
    padding-bottom: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .tabletBreak .textContent.text33.withBorder.backLess.textLeft .textHolder.noBack,
  .tabletBreak .textContent.text40.withBorder.backLess.textLeft .textHolder.noBack,
  .tabletBreak .textContent.text50.withBorder.backLess.textLeft .textHolder.noBack,
  .tabletBreak .textContent.text60.withBorder.backLess.textLeft .textHolder.noBack,
  .tabletBreak .textContent.text66.withBorder.backLess.textLeft .textHolder.noBack,
  .tabletBreak .textContent.text75.withBorder.backLess.textLeft .textHolder.noBack,
  .tabletBreak .textContent.text80.withBorder.backLess.textLeft .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .tabletBreak .textContent.text33.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text40.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text50.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text60.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text66.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text75.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text80.withBorder.backLess.textLeft.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .tabletBreak .textContent.text33.withBorder.backLess.textRight .textHolder.noBack,
  .tabletBreak .textContent.text40.withBorder.backLess.textRight .textHolder.noBack,
  .tabletBreak .textContent.text50.withBorder.backLess.textRight .textHolder.noBack,
  .tabletBreak .textContent.text60.withBorder.backLess.textRight .textHolder.noBack,
  .tabletBreak .textContent.text66.withBorder.backLess.textRight .textHolder.noBack,
  .tabletBreak .textContent.text75.withBorder.backLess.textRight .textHolder.noBack,
  .tabletBreak .textContent.text80.withBorder.backLess.textRight .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .tabletBreak .textContent.text33.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text40.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text50.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text60.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text66.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text75.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .tabletBreak .textContent.text80.withBorder.backLess.textRight.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .tabletBreak .textContent.withBorder.textLeft .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .tabletBreak .textContent.withBorder.textRight .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
} /*$tablet ends*/
@media only screen and (max-width: 700px) {
  .defaultBreak .textContent.text33 .textHolder,
  .defaultBreak .textContent.text40 .textHolder,
  .defaultBreak .textContent.text50 .textHolder,
  .defaultBreak .textContent.text60 .textHolder,
  .defaultBreak .textContent.text66 .textHolder,
  .defaultBreak .textContent.text75 .textHolder,
  .defaultBreak .textContent.text80 .textHolder {
    width: 100%;
  }
  .defaultBreak .textContent.text33 .textHolder.noBack,
  .defaultBreak .textContent.text40 .textHolder.noBack,
  .defaultBreak .textContent.text50 .textHolder.noBack,
  .defaultBreak .textContent.text60 .textHolder.noBack,
  .defaultBreak .textContent.text66 .textHolder.noBack,
  .defaultBreak .textContent.text75 .textHolder.noBack,
  .defaultBreak .textContent.text80 .textHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .defaultBreak .textContent.text33 .sideHolder,
  .defaultBreak .textContent.text40 .sideHolder,
  .defaultBreak .textContent.text50 .sideHolder,
  .defaultBreak .textContent.text60 .sideHolder,
  .defaultBreak .textContent.text66 .sideHolder,
  .defaultBreak .textContent.text75 .sideHolder,
  .defaultBreak .textContent.text80 .sideHolder {
    width: 100%;
  }
  .defaultBreak .textContent.text33 .sideHolder.noBack,
  .defaultBreak .textContent.text40 .sideHolder.noBack,
  .defaultBreak .textContent.text50 .sideHolder.noBack,
  .defaultBreak .textContent.text60 .sideHolder.noBack,
  .defaultBreak .textContent.text66 .sideHolder.noBack,
  .defaultBreak .textContent.text75 .sideHolder.noBack,
  .defaultBreak .textContent.text80 .sideHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .defaultBreak .textContent.text33 .sideHolder .image.imgNatural,
  .defaultBreak .textContent.text33 .sideHolder .image.imgCrop,
  .defaultBreak .textContent.text33 .sideHolder .image.imgCropVert,
  .defaultBreak .textContent.text40 .sideHolder .image.imgNatural,
  .defaultBreak .textContent.text40 .sideHolder .image.imgCrop,
  .defaultBreak .textContent.text40 .sideHolder .image.imgCropVert,
  .defaultBreak .textContent.text50 .sideHolder .image.imgNatural,
  .defaultBreak .textContent.text50 .sideHolder .image.imgCrop,
  .defaultBreak .textContent.text50 .sideHolder .image.imgCropVert,
  .defaultBreak .textContent.text60 .sideHolder .image.imgNatural,
  .defaultBreak .textContent.text60 .sideHolder .image.imgCrop,
  .defaultBreak .textContent.text60 .sideHolder .image.imgCropVert,
  .defaultBreak .textContent.text66 .sideHolder .image.imgNatural,
  .defaultBreak .textContent.text66 .sideHolder .image.imgCrop,
  .defaultBreak .textContent.text66 .sideHolder .image.imgCropVert,
  .defaultBreak .textContent.text75 .sideHolder .image.imgNatural,
  .defaultBreak .textContent.text75 .sideHolder .image.imgCrop,
  .defaultBreak .textContent.text75 .sideHolder .image.imgCropVert,
  .defaultBreak .textContent.text80 .sideHolder .image.imgNatural,
  .defaultBreak .textContent.text80 .sideHolder .image.imgCrop,
  .defaultBreak .textContent.text80 .sideHolder .image.imgCropVert {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .defaultBreak .textContent.text33 .sideHolder .image.imgNatural a, .defaultBreak .textContent.text33 .sideHolder .image.imgNatural img, .defaultBreak .textContent.text33 .sideHolder .image.imgNatural picture,
  .defaultBreak .textContent.text33 .sideHolder .image.imgCrop a,
  .defaultBreak .textContent.text33 .sideHolder .image.imgCrop img,
  .defaultBreak .textContent.text33 .sideHolder .image.imgCrop picture,
  .defaultBreak .textContent.text33 .sideHolder .image.imgCropVert a,
  .defaultBreak .textContent.text33 .sideHolder .image.imgCropVert img,
  .defaultBreak .textContent.text33 .sideHolder .image.imgCropVert picture,
  .defaultBreak .textContent.text40 .sideHolder .image.imgNatural a,
  .defaultBreak .textContent.text40 .sideHolder .image.imgNatural img,
  .defaultBreak .textContent.text40 .sideHolder .image.imgNatural picture,
  .defaultBreak .textContent.text40 .sideHolder .image.imgCrop a,
  .defaultBreak .textContent.text40 .sideHolder .image.imgCrop img,
  .defaultBreak .textContent.text40 .sideHolder .image.imgCrop picture,
  .defaultBreak .textContent.text40 .sideHolder .image.imgCropVert a,
  .defaultBreak .textContent.text40 .sideHolder .image.imgCropVert img,
  .defaultBreak .textContent.text40 .sideHolder .image.imgCropVert picture,
  .defaultBreak .textContent.text50 .sideHolder .image.imgNatural a,
  .defaultBreak .textContent.text50 .sideHolder .image.imgNatural img,
  .defaultBreak .textContent.text50 .sideHolder .image.imgNatural picture,
  .defaultBreak .textContent.text50 .sideHolder .image.imgCrop a,
  .defaultBreak .textContent.text50 .sideHolder .image.imgCrop img,
  .defaultBreak .textContent.text50 .sideHolder .image.imgCrop picture,
  .defaultBreak .textContent.text50 .sideHolder .image.imgCropVert a,
  .defaultBreak .textContent.text50 .sideHolder .image.imgCropVert img,
  .defaultBreak .textContent.text50 .sideHolder .image.imgCropVert picture,
  .defaultBreak .textContent.text60 .sideHolder .image.imgNatural a,
  .defaultBreak .textContent.text60 .sideHolder .image.imgNatural img,
  .defaultBreak .textContent.text60 .sideHolder .image.imgNatural picture,
  .defaultBreak .textContent.text60 .sideHolder .image.imgCrop a,
  .defaultBreak .textContent.text60 .sideHolder .image.imgCrop img,
  .defaultBreak .textContent.text60 .sideHolder .image.imgCrop picture,
  .defaultBreak .textContent.text60 .sideHolder .image.imgCropVert a,
  .defaultBreak .textContent.text60 .sideHolder .image.imgCropVert img,
  .defaultBreak .textContent.text60 .sideHolder .image.imgCropVert picture,
  .defaultBreak .textContent.text66 .sideHolder .image.imgNatural a,
  .defaultBreak .textContent.text66 .sideHolder .image.imgNatural img,
  .defaultBreak .textContent.text66 .sideHolder .image.imgNatural picture,
  .defaultBreak .textContent.text66 .sideHolder .image.imgCrop a,
  .defaultBreak .textContent.text66 .sideHolder .image.imgCrop img,
  .defaultBreak .textContent.text66 .sideHolder .image.imgCrop picture,
  .defaultBreak .textContent.text66 .sideHolder .image.imgCropVert a,
  .defaultBreak .textContent.text66 .sideHolder .image.imgCropVert img,
  .defaultBreak .textContent.text66 .sideHolder .image.imgCropVert picture,
  .defaultBreak .textContent.text75 .sideHolder .image.imgNatural a,
  .defaultBreak .textContent.text75 .sideHolder .image.imgNatural img,
  .defaultBreak .textContent.text75 .sideHolder .image.imgNatural picture,
  .defaultBreak .textContent.text75 .sideHolder .image.imgCrop a,
  .defaultBreak .textContent.text75 .sideHolder .image.imgCrop img,
  .defaultBreak .textContent.text75 .sideHolder .image.imgCrop picture,
  .defaultBreak .textContent.text75 .sideHolder .image.imgCropVert a,
  .defaultBreak .textContent.text75 .sideHolder .image.imgCropVert img,
  .defaultBreak .textContent.text75 .sideHolder .image.imgCropVert picture,
  .defaultBreak .textContent.text80 .sideHolder .image.imgNatural a,
  .defaultBreak .textContent.text80 .sideHolder .image.imgNatural img,
  .defaultBreak .textContent.text80 .sideHolder .image.imgNatural picture,
  .defaultBreak .textContent.text80 .sideHolder .image.imgCrop a,
  .defaultBreak .textContent.text80 .sideHolder .image.imgCrop img,
  .defaultBreak .textContent.text80 .sideHolder .image.imgCrop picture,
  .defaultBreak .textContent.text80 .sideHolder .image.imgCropVert a,
  .defaultBreak .textContent.text80 .sideHolder .image.imgCropVert img,
  .defaultBreak .textContent.text80 .sideHolder .image.imgCropVert picture {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .defaultBreak .textContent.text33.withBorder .hasColour,
  .defaultBreak .textContent.text40.withBorder .hasColour,
  .defaultBreak .textContent.text50.withBorder .hasColour,
  .defaultBreak .textContent.text60.withBorder .hasColour,
  .defaultBreak .textContent.text66.withBorder .hasColour,
  .defaultBreak .textContent.text75.withBorder .hasColour,
  .defaultBreak .textContent.text80.withBorder .hasColour {
    padding-top: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
    padding-bottom: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .defaultBreak .textContent.text33.withBorder.backLess.textLeft .textHolder.noBack,
  .defaultBreak .textContent.text40.withBorder.backLess.textLeft .textHolder.noBack,
  .defaultBreak .textContent.text50.withBorder.backLess.textLeft .textHolder.noBack,
  .defaultBreak .textContent.text60.withBorder.backLess.textLeft .textHolder.noBack,
  .defaultBreak .textContent.text66.withBorder.backLess.textLeft .textHolder.noBack,
  .defaultBreak .textContent.text75.withBorder.backLess.textLeft .textHolder.noBack,
  .defaultBreak .textContent.text80.withBorder.backLess.textLeft .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .defaultBreak .textContent.text33.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text40.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text50.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text60.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text66.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text75.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text80.withBorder.backLess.textLeft.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .defaultBreak .textContent.text33.withBorder.backLess.textRight .textHolder.noBack,
  .defaultBreak .textContent.text40.withBorder.backLess.textRight .textHolder.noBack,
  .defaultBreak .textContent.text50.withBorder.backLess.textRight .textHolder.noBack,
  .defaultBreak .textContent.text60.withBorder.backLess.textRight .textHolder.noBack,
  .defaultBreak .textContent.text66.withBorder.backLess.textRight .textHolder.noBack,
  .defaultBreak .textContent.text75.withBorder.backLess.textRight .textHolder.noBack,
  .defaultBreak .textContent.text80.withBorder.backLess.textRight .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .defaultBreak .textContent.text33.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text40.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text50.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text60.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text66.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text75.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .defaultBreak .textContent.text80.withBorder.backLess.textRight.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .defaultBreak .textContent.withBorder.textLeft .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .defaultBreak .textContent.withBorder.textRight .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .smallTabletBreak .textContent.text33 .textHolder,
  .smallTabletBreak .textContent.text40 .textHolder,
  .smallTabletBreak .textContent.text50 .textHolder,
  .smallTabletBreak .textContent.text60 .textHolder,
  .smallTabletBreak .textContent.text66 .textHolder,
  .smallTabletBreak .textContent.text75 .textHolder,
  .smallTabletBreak .textContent.text80 .textHolder {
    width: 100%;
  }
  .smallTabletBreak .textContent.text33 .textHolder.noBack,
  .smallTabletBreak .textContent.text40 .textHolder.noBack,
  .smallTabletBreak .textContent.text50 .textHolder.noBack,
  .smallTabletBreak .textContent.text60 .textHolder.noBack,
  .smallTabletBreak .textContent.text66 .textHolder.noBack,
  .smallTabletBreak .textContent.text75 .textHolder.noBack,
  .smallTabletBreak .textContent.text80 .textHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .smallTabletBreak .textContent.text33 .sideHolder,
  .smallTabletBreak .textContent.text40 .sideHolder,
  .smallTabletBreak .textContent.text50 .sideHolder,
  .smallTabletBreak .textContent.text60 .sideHolder,
  .smallTabletBreak .textContent.text66 .sideHolder,
  .smallTabletBreak .textContent.text75 .sideHolder,
  .smallTabletBreak .textContent.text80 .sideHolder {
    width: 100%;
  }
  .smallTabletBreak .textContent.text33 .sideHolder.noBack,
  .smallTabletBreak .textContent.text40 .sideHolder.noBack,
  .smallTabletBreak .textContent.text50 .sideHolder.noBack,
  .smallTabletBreak .textContent.text60 .sideHolder.noBack,
  .smallTabletBreak .textContent.text66 .sideHolder.noBack,
  .smallTabletBreak .textContent.text75 .sideHolder.noBack,
  .smallTabletBreak .textContent.text80 .sideHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .smallTabletBreak .textContent.text33 .sideHolder .image.imgNatural,
  .smallTabletBreak .textContent.text33 .sideHolder .image.imgCrop,
  .smallTabletBreak .textContent.text33 .sideHolder .image.imgCropVert,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgNatural,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgCrop,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgCropVert,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgNatural,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgCrop,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgCropVert,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgNatural,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgCrop,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgCropVert,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgNatural,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgCrop,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgCropVert,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgNatural,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgCrop,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgCropVert,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgNatural,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgCrop,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgCropVert {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .smallTabletBreak .textContent.text33 .sideHolder .image.imgNatural a, .smallTabletBreak .textContent.text33 .sideHolder .image.imgNatural img, .smallTabletBreak .textContent.text33 .sideHolder .image.imgNatural picture,
  .smallTabletBreak .textContent.text33 .sideHolder .image.imgCrop a,
  .smallTabletBreak .textContent.text33 .sideHolder .image.imgCrop img,
  .smallTabletBreak .textContent.text33 .sideHolder .image.imgCrop picture,
  .smallTabletBreak .textContent.text33 .sideHolder .image.imgCropVert a,
  .smallTabletBreak .textContent.text33 .sideHolder .image.imgCropVert img,
  .smallTabletBreak .textContent.text33 .sideHolder .image.imgCropVert picture,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgNatural a,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgNatural img,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgNatural picture,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgCrop a,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgCrop img,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgCrop picture,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgCropVert a,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgCropVert img,
  .smallTabletBreak .textContent.text40 .sideHolder .image.imgCropVert picture,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgNatural a,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgNatural img,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgNatural picture,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgCrop a,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgCrop img,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgCrop picture,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgCropVert a,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgCropVert img,
  .smallTabletBreak .textContent.text50 .sideHolder .image.imgCropVert picture,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgNatural a,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgNatural img,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgNatural picture,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgCrop a,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgCrop img,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgCrop picture,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgCropVert a,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgCropVert img,
  .smallTabletBreak .textContent.text60 .sideHolder .image.imgCropVert picture,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgNatural a,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgNatural img,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgNatural picture,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgCrop a,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgCrop img,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgCrop picture,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgCropVert a,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgCropVert img,
  .smallTabletBreak .textContent.text66 .sideHolder .image.imgCropVert picture,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgNatural a,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgNatural img,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgNatural picture,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgCrop a,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgCrop img,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgCrop picture,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgCropVert a,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgCropVert img,
  .smallTabletBreak .textContent.text75 .sideHolder .image.imgCropVert picture,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgNatural a,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgNatural img,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgNatural picture,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgCrop a,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgCrop img,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgCrop picture,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgCropVert a,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgCropVert img,
  .smallTabletBreak .textContent.text80 .sideHolder .image.imgCropVert picture {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .smallTabletBreak .textContent.text33.withBorder .hasColour,
  .smallTabletBreak .textContent.text40.withBorder .hasColour,
  .smallTabletBreak .textContent.text50.withBorder .hasColour,
  .smallTabletBreak .textContent.text60.withBorder .hasColour,
  .smallTabletBreak .textContent.text66.withBorder .hasColour,
  .smallTabletBreak .textContent.text75.withBorder .hasColour,
  .smallTabletBreak .textContent.text80.withBorder .hasColour {
    padding-top: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
    padding-bottom: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .smallTabletBreak .textContent.text33.withBorder.backLess.textLeft .textHolder.noBack,
  .smallTabletBreak .textContent.text40.withBorder.backLess.textLeft .textHolder.noBack,
  .smallTabletBreak .textContent.text50.withBorder.backLess.textLeft .textHolder.noBack,
  .smallTabletBreak .textContent.text60.withBorder.backLess.textLeft .textHolder.noBack,
  .smallTabletBreak .textContent.text66.withBorder.backLess.textLeft .textHolder.noBack,
  .smallTabletBreak .textContent.text75.withBorder.backLess.textLeft .textHolder.noBack,
  .smallTabletBreak .textContent.text80.withBorder.backLess.textLeft .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .smallTabletBreak .textContent.text33.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text40.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text50.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text60.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text66.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text75.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text80.withBorder.backLess.textLeft.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .smallTabletBreak .textContent.text33.withBorder.backLess.textRight .textHolder.noBack,
  .smallTabletBreak .textContent.text40.withBorder.backLess.textRight .textHolder.noBack,
  .smallTabletBreak .textContent.text50.withBorder.backLess.textRight .textHolder.noBack,
  .smallTabletBreak .textContent.text60.withBorder.backLess.textRight .textHolder.noBack,
  .smallTabletBreak .textContent.text66.withBorder.backLess.textRight .textHolder.noBack,
  .smallTabletBreak .textContent.text75.withBorder.backLess.textRight .textHolder.noBack,
  .smallTabletBreak .textContent.text80.withBorder.backLess.textRight .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .smallTabletBreak .textContent.text33.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text40.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text50.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text60.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text66.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text75.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallTabletBreak .textContent.text80.withBorder.backLess.textRight.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .smallTabletBreak .textContent.withBorder.textLeft .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .smallTabletBreak .textContent.withBorder.textRight .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
} /*$smallTablet ends*/
@media only screen and (max-width: 650px) {
  .bigPhoneBreak .textContent.text33 .textHolder,
  .bigPhoneBreak .textContent.text40 .textHolder,
  .bigPhoneBreak .textContent.text50 .textHolder,
  .bigPhoneBreak .textContent.text60 .textHolder,
  .bigPhoneBreak .textContent.text66 .textHolder,
  .bigPhoneBreak .textContent.text75 .textHolder,
  .bigPhoneBreak .textContent.text80 .textHolder {
    width: 100%;
  }
  .bigPhoneBreak .textContent.text33 .textHolder.noBack,
  .bigPhoneBreak .textContent.text40 .textHolder.noBack,
  .bigPhoneBreak .textContent.text50 .textHolder.noBack,
  .bigPhoneBreak .textContent.text60 .textHolder.noBack,
  .bigPhoneBreak .textContent.text66 .textHolder.noBack,
  .bigPhoneBreak .textContent.text75 .textHolder.noBack,
  .bigPhoneBreak .textContent.text80 .textHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .bigPhoneBreak .textContent.text33 .sideHolder,
  .bigPhoneBreak .textContent.text40 .sideHolder,
  .bigPhoneBreak .textContent.text50 .sideHolder,
  .bigPhoneBreak .textContent.text60 .sideHolder,
  .bigPhoneBreak .textContent.text66 .sideHolder,
  .bigPhoneBreak .textContent.text75 .sideHolder,
  .bigPhoneBreak .textContent.text80 .sideHolder {
    width: 100%;
  }
  .bigPhoneBreak .textContent.text33 .sideHolder.noBack,
  .bigPhoneBreak .textContent.text40 .sideHolder.noBack,
  .bigPhoneBreak .textContent.text50 .sideHolder.noBack,
  .bigPhoneBreak .textContent.text60 .sideHolder.noBack,
  .bigPhoneBreak .textContent.text66 .sideHolder.noBack,
  .bigPhoneBreak .textContent.text75 .sideHolder.noBack,
  .bigPhoneBreak .textContent.text80 .sideHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .bigPhoneBreak .textContent.text33 .sideHolder .image.imgNatural,
  .bigPhoneBreak .textContent.text33 .sideHolder .image.imgCrop,
  .bigPhoneBreak .textContent.text33 .sideHolder .image.imgCropVert,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgNatural,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgCrop,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgCropVert,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgNatural,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgCrop,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgCropVert,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgNatural,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgCrop,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgCropVert,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgNatural,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgCrop,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgCropVert,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgNatural,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgCrop,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgCropVert,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgNatural,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgCrop,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgCropVert {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .bigPhoneBreak .textContent.text33 .sideHolder .image.imgNatural a, .bigPhoneBreak .textContent.text33 .sideHolder .image.imgNatural img, .bigPhoneBreak .textContent.text33 .sideHolder .image.imgNatural picture,
  .bigPhoneBreak .textContent.text33 .sideHolder .image.imgCrop a,
  .bigPhoneBreak .textContent.text33 .sideHolder .image.imgCrop img,
  .bigPhoneBreak .textContent.text33 .sideHolder .image.imgCrop picture,
  .bigPhoneBreak .textContent.text33 .sideHolder .image.imgCropVert a,
  .bigPhoneBreak .textContent.text33 .sideHolder .image.imgCropVert img,
  .bigPhoneBreak .textContent.text33 .sideHolder .image.imgCropVert picture,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgNatural a,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgNatural img,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgNatural picture,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgCrop a,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgCrop img,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgCrop picture,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgCropVert a,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgCropVert img,
  .bigPhoneBreak .textContent.text40 .sideHolder .image.imgCropVert picture,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgNatural a,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgNatural img,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgNatural picture,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgCrop a,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgCrop img,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgCrop picture,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgCropVert a,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgCropVert img,
  .bigPhoneBreak .textContent.text50 .sideHolder .image.imgCropVert picture,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgNatural a,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgNatural img,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgNatural picture,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgCrop a,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgCrop img,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgCrop picture,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgCropVert a,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgCropVert img,
  .bigPhoneBreak .textContent.text60 .sideHolder .image.imgCropVert picture,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgNatural a,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgNatural img,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgNatural picture,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgCrop a,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgCrop img,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgCrop picture,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgCropVert a,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgCropVert img,
  .bigPhoneBreak .textContent.text66 .sideHolder .image.imgCropVert picture,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgNatural a,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgNatural img,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgNatural picture,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgCrop a,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgCrop img,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgCrop picture,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgCropVert a,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgCropVert img,
  .bigPhoneBreak .textContent.text75 .sideHolder .image.imgCropVert picture,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgNatural a,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgNatural img,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgNatural picture,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgCrop a,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgCrop img,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgCrop picture,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgCropVert a,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgCropVert img,
  .bigPhoneBreak .textContent.text80 .sideHolder .image.imgCropVert picture {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .bigPhoneBreak .textContent.text33.withBorder .hasColour,
  .bigPhoneBreak .textContent.text40.withBorder .hasColour,
  .bigPhoneBreak .textContent.text50.withBorder .hasColour,
  .bigPhoneBreak .textContent.text60.withBorder .hasColour,
  .bigPhoneBreak .textContent.text66.withBorder .hasColour,
  .bigPhoneBreak .textContent.text75.withBorder .hasColour,
  .bigPhoneBreak .textContent.text80.withBorder .hasColour {
    padding-top: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
    padding-bottom: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .bigPhoneBreak .textContent.text33.withBorder.backLess.textLeft .textHolder.noBack,
  .bigPhoneBreak .textContent.text40.withBorder.backLess.textLeft .textHolder.noBack,
  .bigPhoneBreak .textContent.text50.withBorder.backLess.textLeft .textHolder.noBack,
  .bigPhoneBreak .textContent.text60.withBorder.backLess.textLeft .textHolder.noBack,
  .bigPhoneBreak .textContent.text66.withBorder.backLess.textLeft .textHolder.noBack,
  .bigPhoneBreak .textContent.text75.withBorder.backLess.textLeft .textHolder.noBack,
  .bigPhoneBreak .textContent.text80.withBorder.backLess.textLeft .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .bigPhoneBreak .textContent.text33.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text40.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text50.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text60.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text66.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text75.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text80.withBorder.backLess.textLeft.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .bigPhoneBreak .textContent.text33.withBorder.backLess.textRight .textHolder.noBack,
  .bigPhoneBreak .textContent.text40.withBorder.backLess.textRight .textHolder.noBack,
  .bigPhoneBreak .textContent.text50.withBorder.backLess.textRight .textHolder.noBack,
  .bigPhoneBreak .textContent.text60.withBorder.backLess.textRight .textHolder.noBack,
  .bigPhoneBreak .textContent.text66.withBorder.backLess.textRight .textHolder.noBack,
  .bigPhoneBreak .textContent.text75.withBorder.backLess.textRight .textHolder.noBack,
  .bigPhoneBreak .textContent.text80.withBorder.backLess.textRight .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .bigPhoneBreak .textContent.text33.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text40.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text50.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text60.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text66.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text75.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .bigPhoneBreak .textContent.text80.withBorder.backLess.textRight.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .bigPhoneBreak .textContent.withBorder.textLeft .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .bigPhoneBreak .textContent.withBorder.textRight .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
} /*$bigPhone ends*/
@media only screen and (max-width: 450px) {
  .phoneBreak .textContent.text33 .textHolder,
  .phoneBreak .textContent.text40 .textHolder,
  .phoneBreak .textContent.text50 .textHolder,
  .phoneBreak .textContent.text60 .textHolder,
  .phoneBreak .textContent.text66 .textHolder,
  .phoneBreak .textContent.text75 .textHolder,
  .phoneBreak .textContent.text80 .textHolder {
    width: 100%;
  }
  .phoneBreak .textContent.text33 .textHolder.noBack,
  .phoneBreak .textContent.text40 .textHolder.noBack,
  .phoneBreak .textContent.text50 .textHolder.noBack,
  .phoneBreak .textContent.text60 .textHolder.noBack,
  .phoneBreak .textContent.text66 .textHolder.noBack,
  .phoneBreak .textContent.text75 .textHolder.noBack,
  .phoneBreak .textContent.text80 .textHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .phoneBreak .textContent.text33 .sideHolder,
  .phoneBreak .textContent.text40 .sideHolder,
  .phoneBreak .textContent.text50 .sideHolder,
  .phoneBreak .textContent.text60 .sideHolder,
  .phoneBreak .textContent.text66 .sideHolder,
  .phoneBreak .textContent.text75 .sideHolder,
  .phoneBreak .textContent.text80 .sideHolder {
    width: 100%;
  }
  .phoneBreak .textContent.text33 .sideHolder.noBack,
  .phoneBreak .textContent.text40 .sideHolder.noBack,
  .phoneBreak .textContent.text50 .sideHolder.noBack,
  .phoneBreak .textContent.text60 .sideHolder.noBack,
  .phoneBreak .textContent.text66 .sideHolder.noBack,
  .phoneBreak .textContent.text75 .sideHolder.noBack,
  .phoneBreak .textContent.text80 .sideHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .phoneBreak .textContent.text33 .sideHolder .image.imgNatural,
  .phoneBreak .textContent.text33 .sideHolder .image.imgCrop,
  .phoneBreak .textContent.text33 .sideHolder .image.imgCropVert,
  .phoneBreak .textContent.text40 .sideHolder .image.imgNatural,
  .phoneBreak .textContent.text40 .sideHolder .image.imgCrop,
  .phoneBreak .textContent.text40 .sideHolder .image.imgCropVert,
  .phoneBreak .textContent.text50 .sideHolder .image.imgNatural,
  .phoneBreak .textContent.text50 .sideHolder .image.imgCrop,
  .phoneBreak .textContent.text50 .sideHolder .image.imgCropVert,
  .phoneBreak .textContent.text60 .sideHolder .image.imgNatural,
  .phoneBreak .textContent.text60 .sideHolder .image.imgCrop,
  .phoneBreak .textContent.text60 .sideHolder .image.imgCropVert,
  .phoneBreak .textContent.text66 .sideHolder .image.imgNatural,
  .phoneBreak .textContent.text66 .sideHolder .image.imgCrop,
  .phoneBreak .textContent.text66 .sideHolder .image.imgCropVert,
  .phoneBreak .textContent.text75 .sideHolder .image.imgNatural,
  .phoneBreak .textContent.text75 .sideHolder .image.imgCrop,
  .phoneBreak .textContent.text75 .sideHolder .image.imgCropVert,
  .phoneBreak .textContent.text80 .sideHolder .image.imgNatural,
  .phoneBreak .textContent.text80 .sideHolder .image.imgCrop,
  .phoneBreak .textContent.text80 .sideHolder .image.imgCropVert {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .phoneBreak .textContent.text33 .sideHolder .image.imgNatural a, .phoneBreak .textContent.text33 .sideHolder .image.imgNatural img, .phoneBreak .textContent.text33 .sideHolder .image.imgNatural picture,
  .phoneBreak .textContent.text33 .sideHolder .image.imgCrop a,
  .phoneBreak .textContent.text33 .sideHolder .image.imgCrop img,
  .phoneBreak .textContent.text33 .sideHolder .image.imgCrop picture,
  .phoneBreak .textContent.text33 .sideHolder .image.imgCropVert a,
  .phoneBreak .textContent.text33 .sideHolder .image.imgCropVert img,
  .phoneBreak .textContent.text33 .sideHolder .image.imgCropVert picture,
  .phoneBreak .textContent.text40 .sideHolder .image.imgNatural a,
  .phoneBreak .textContent.text40 .sideHolder .image.imgNatural img,
  .phoneBreak .textContent.text40 .sideHolder .image.imgNatural picture,
  .phoneBreak .textContent.text40 .sideHolder .image.imgCrop a,
  .phoneBreak .textContent.text40 .sideHolder .image.imgCrop img,
  .phoneBreak .textContent.text40 .sideHolder .image.imgCrop picture,
  .phoneBreak .textContent.text40 .sideHolder .image.imgCropVert a,
  .phoneBreak .textContent.text40 .sideHolder .image.imgCropVert img,
  .phoneBreak .textContent.text40 .sideHolder .image.imgCropVert picture,
  .phoneBreak .textContent.text50 .sideHolder .image.imgNatural a,
  .phoneBreak .textContent.text50 .sideHolder .image.imgNatural img,
  .phoneBreak .textContent.text50 .sideHolder .image.imgNatural picture,
  .phoneBreak .textContent.text50 .sideHolder .image.imgCrop a,
  .phoneBreak .textContent.text50 .sideHolder .image.imgCrop img,
  .phoneBreak .textContent.text50 .sideHolder .image.imgCrop picture,
  .phoneBreak .textContent.text50 .sideHolder .image.imgCropVert a,
  .phoneBreak .textContent.text50 .sideHolder .image.imgCropVert img,
  .phoneBreak .textContent.text50 .sideHolder .image.imgCropVert picture,
  .phoneBreak .textContent.text60 .sideHolder .image.imgNatural a,
  .phoneBreak .textContent.text60 .sideHolder .image.imgNatural img,
  .phoneBreak .textContent.text60 .sideHolder .image.imgNatural picture,
  .phoneBreak .textContent.text60 .sideHolder .image.imgCrop a,
  .phoneBreak .textContent.text60 .sideHolder .image.imgCrop img,
  .phoneBreak .textContent.text60 .sideHolder .image.imgCrop picture,
  .phoneBreak .textContent.text60 .sideHolder .image.imgCropVert a,
  .phoneBreak .textContent.text60 .sideHolder .image.imgCropVert img,
  .phoneBreak .textContent.text60 .sideHolder .image.imgCropVert picture,
  .phoneBreak .textContent.text66 .sideHolder .image.imgNatural a,
  .phoneBreak .textContent.text66 .sideHolder .image.imgNatural img,
  .phoneBreak .textContent.text66 .sideHolder .image.imgNatural picture,
  .phoneBreak .textContent.text66 .sideHolder .image.imgCrop a,
  .phoneBreak .textContent.text66 .sideHolder .image.imgCrop img,
  .phoneBreak .textContent.text66 .sideHolder .image.imgCrop picture,
  .phoneBreak .textContent.text66 .sideHolder .image.imgCropVert a,
  .phoneBreak .textContent.text66 .sideHolder .image.imgCropVert img,
  .phoneBreak .textContent.text66 .sideHolder .image.imgCropVert picture,
  .phoneBreak .textContent.text75 .sideHolder .image.imgNatural a,
  .phoneBreak .textContent.text75 .sideHolder .image.imgNatural img,
  .phoneBreak .textContent.text75 .sideHolder .image.imgNatural picture,
  .phoneBreak .textContent.text75 .sideHolder .image.imgCrop a,
  .phoneBreak .textContent.text75 .sideHolder .image.imgCrop img,
  .phoneBreak .textContent.text75 .sideHolder .image.imgCrop picture,
  .phoneBreak .textContent.text75 .sideHolder .image.imgCropVert a,
  .phoneBreak .textContent.text75 .sideHolder .image.imgCropVert img,
  .phoneBreak .textContent.text75 .sideHolder .image.imgCropVert picture,
  .phoneBreak .textContent.text80 .sideHolder .image.imgNatural a,
  .phoneBreak .textContent.text80 .sideHolder .image.imgNatural img,
  .phoneBreak .textContent.text80 .sideHolder .image.imgNatural picture,
  .phoneBreak .textContent.text80 .sideHolder .image.imgCrop a,
  .phoneBreak .textContent.text80 .sideHolder .image.imgCrop img,
  .phoneBreak .textContent.text80 .sideHolder .image.imgCrop picture,
  .phoneBreak .textContent.text80 .sideHolder .image.imgCropVert a,
  .phoneBreak .textContent.text80 .sideHolder .image.imgCropVert img,
  .phoneBreak .textContent.text80 .sideHolder .image.imgCropVert picture {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .phoneBreak .textContent.text33.withBorder .hasColour,
  .phoneBreak .textContent.text40.withBorder .hasColour,
  .phoneBreak .textContent.text50.withBorder .hasColour,
  .phoneBreak .textContent.text60.withBorder .hasColour,
  .phoneBreak .textContent.text66.withBorder .hasColour,
  .phoneBreak .textContent.text75.withBorder .hasColour,
  .phoneBreak .textContent.text80.withBorder .hasColour {
    padding-top: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
    padding-bottom: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .phoneBreak .textContent.text33.withBorder.backLess.textLeft .textHolder.noBack,
  .phoneBreak .textContent.text40.withBorder.backLess.textLeft .textHolder.noBack,
  .phoneBreak .textContent.text50.withBorder.backLess.textLeft .textHolder.noBack,
  .phoneBreak .textContent.text60.withBorder.backLess.textLeft .textHolder.noBack,
  .phoneBreak .textContent.text66.withBorder.backLess.textLeft .textHolder.noBack,
  .phoneBreak .textContent.text75.withBorder.backLess.textLeft .textHolder.noBack,
  .phoneBreak .textContent.text80.withBorder.backLess.textLeft .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .phoneBreak .textContent.text33.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text40.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text50.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text60.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text66.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text75.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text80.withBorder.backLess.textLeft.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .phoneBreak .textContent.text33.withBorder.backLess.textRight .textHolder.noBack,
  .phoneBreak .textContent.text40.withBorder.backLess.textRight .textHolder.noBack,
  .phoneBreak .textContent.text50.withBorder.backLess.textRight .textHolder.noBack,
  .phoneBreak .textContent.text60.withBorder.backLess.textRight .textHolder.noBack,
  .phoneBreak .textContent.text66.withBorder.backLess.textRight .textHolder.noBack,
  .phoneBreak .textContent.text75.withBorder.backLess.textRight .textHolder.noBack,
  .phoneBreak .textContent.text80.withBorder.backLess.textRight .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .phoneBreak .textContent.text33.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text40.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text50.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text60.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text66.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text75.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .phoneBreak .textContent.text80.withBorder.backLess.textRight.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .phoneBreak .textContent.withBorder.textLeft .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .phoneBreak .textContent.withBorder.textRight .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
} /*$phone ends*/
@media only screen and (max-width: 350px) {
  .smallPhoneBreak .textContent.text33 .textHolder,
  .smallPhoneBreak .textContent.text40 .textHolder,
  .smallPhoneBreak .textContent.text50 .textHolder,
  .smallPhoneBreak .textContent.text60 .textHolder,
  .smallPhoneBreak .textContent.text66 .textHolder,
  .smallPhoneBreak .textContent.text75 .textHolder,
  .smallPhoneBreak .textContent.text80 .textHolder {
    width: 100%;
  }
  .smallPhoneBreak .textContent.text33 .textHolder.noBack,
  .smallPhoneBreak .textContent.text40 .textHolder.noBack,
  .smallPhoneBreak .textContent.text50 .textHolder.noBack,
  .smallPhoneBreak .textContent.text60 .textHolder.noBack,
  .smallPhoneBreak .textContent.text66 .textHolder.noBack,
  .smallPhoneBreak .textContent.text75 .textHolder.noBack,
  .smallPhoneBreak .textContent.text80 .textHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .smallPhoneBreak .textContent.text33 .sideHolder,
  .smallPhoneBreak .textContent.text40 .sideHolder,
  .smallPhoneBreak .textContent.text50 .sideHolder,
  .smallPhoneBreak .textContent.text60 .sideHolder,
  .smallPhoneBreak .textContent.text66 .sideHolder,
  .smallPhoneBreak .textContent.text75 .sideHolder,
  .smallPhoneBreak .textContent.text80 .sideHolder {
    width: 100%;
  }
  .smallPhoneBreak .textContent.text33 .sideHolder.noBack,
  .smallPhoneBreak .textContent.text40 .sideHolder.noBack,
  .smallPhoneBreak .textContent.text50 .sideHolder.noBack,
  .smallPhoneBreak .textContent.text60 .sideHolder.noBack,
  .smallPhoneBreak .textContent.text66 .sideHolder.noBack,
  .smallPhoneBreak .textContent.text75 .sideHolder.noBack,
  .smallPhoneBreak .textContent.text80 .sideHolder.noBack {
    padding-left: 0;
    padding-right: 0;
  }
  .smallPhoneBreak .textContent.text33 .sideHolder .image.imgNatural,
  .smallPhoneBreak .textContent.text33 .sideHolder .image.imgCrop,
  .smallPhoneBreak .textContent.text33 .sideHolder .image.imgCropVert,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgNatural,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgCrop,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgCropVert,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgNatural,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgCrop,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgCropVert,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgNatural,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgCrop,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgCropVert,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgNatural,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgCrop,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgCropVert,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgNatural,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgCrop,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgCropVert,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgNatural,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgCrop,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgCropVert {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .smallPhoneBreak .textContent.text33 .sideHolder .image.imgNatural a, .smallPhoneBreak .textContent.text33 .sideHolder .image.imgNatural img, .smallPhoneBreak .textContent.text33 .sideHolder .image.imgNatural picture,
  .smallPhoneBreak .textContent.text33 .sideHolder .image.imgCrop a,
  .smallPhoneBreak .textContent.text33 .sideHolder .image.imgCrop img,
  .smallPhoneBreak .textContent.text33 .sideHolder .image.imgCrop picture,
  .smallPhoneBreak .textContent.text33 .sideHolder .image.imgCropVert a,
  .smallPhoneBreak .textContent.text33 .sideHolder .image.imgCropVert img,
  .smallPhoneBreak .textContent.text33 .sideHolder .image.imgCropVert picture,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgNatural a,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgNatural img,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgNatural picture,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgCrop a,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgCrop img,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgCrop picture,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgCropVert a,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgCropVert img,
  .smallPhoneBreak .textContent.text40 .sideHolder .image.imgCropVert picture,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgNatural a,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgNatural img,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgNatural picture,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgCrop a,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgCrop img,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgCrop picture,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgCropVert a,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgCropVert img,
  .smallPhoneBreak .textContent.text50 .sideHolder .image.imgCropVert picture,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgNatural a,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgNatural img,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgNatural picture,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgCrop a,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgCrop img,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgCrop picture,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgCropVert a,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgCropVert img,
  .smallPhoneBreak .textContent.text60 .sideHolder .image.imgCropVert picture,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgNatural a,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgNatural img,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgNatural picture,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgCrop a,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgCrop img,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgCrop picture,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgCropVert a,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgCropVert img,
  .smallPhoneBreak .textContent.text66 .sideHolder .image.imgCropVert picture,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgNatural a,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgNatural img,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgNatural picture,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgCrop a,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgCrop img,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgCrop picture,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgCropVert a,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgCropVert img,
  .smallPhoneBreak .textContent.text75 .sideHolder .image.imgCropVert picture,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgNatural a,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgNatural img,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgNatural picture,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgCrop a,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgCrop img,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgCrop picture,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgCropVert a,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgCropVert img,
  .smallPhoneBreak .textContent.text80 .sideHolder .image.imgCropVert picture {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .smallPhoneBreak .textContent.text33.withBorder .hasColour,
  .smallPhoneBreak .textContent.text40.withBorder .hasColour,
  .smallPhoneBreak .textContent.text50.withBorder .hasColour,
  .smallPhoneBreak .textContent.text60.withBorder .hasColour,
  .smallPhoneBreak .textContent.text66.withBorder .hasColour,
  .smallPhoneBreak .textContent.text75.withBorder .hasColour,
  .smallPhoneBreak .textContent.text80.withBorder .hasColour {
    padding-top: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
    padding-bottom: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .smallPhoneBreak .textContent.text33.withBorder.backLess.textLeft .textHolder.noBack,
  .smallPhoneBreak .textContent.text40.withBorder.backLess.textLeft .textHolder.noBack,
  .smallPhoneBreak .textContent.text50.withBorder.backLess.textLeft .textHolder.noBack,
  .smallPhoneBreak .textContent.text60.withBorder.backLess.textLeft .textHolder.noBack,
  .smallPhoneBreak .textContent.text66.withBorder.backLess.textLeft .textHolder.noBack,
  .smallPhoneBreak .textContent.text75.withBorder.backLess.textLeft .textHolder.noBack,
  .smallPhoneBreak .textContent.text80.withBorder.backLess.textLeft .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .smallPhoneBreak .textContent.text33.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text40.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text50.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text60.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text66.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text75.withBorder.backLess.textLeft.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text80.withBorder.backLess.textLeft.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .smallPhoneBreak .textContent.text33.withBorder.backLess.textRight .textHolder.noBack,
  .smallPhoneBreak .textContent.text40.withBorder.backLess.textRight .textHolder.noBack,
  .smallPhoneBreak .textContent.text50.withBorder.backLess.textRight .textHolder.noBack,
  .smallPhoneBreak .textContent.text60.withBorder.backLess.textRight .textHolder.noBack,
  .smallPhoneBreak .textContent.text66.withBorder.backLess.textRight .textHolder.noBack,
  .smallPhoneBreak .textContent.text75.withBorder.backLess.textRight .textHolder.noBack,
  .smallPhoneBreak .textContent.text80.withBorder.backLess.textRight .textHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-top: 0;
  }
  .smallPhoneBreak .textContent.text33.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text40.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text50.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text60.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text66.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text75.withBorder.backLess.textRight.additionalText .sideHolder.noBack,
  .smallPhoneBreak .textContent.text80.withBorder.backLess.textRight.additionalText .sideHolder.noBack {
    padding: calc(24px + 2.4vw);
    padding-bottom: 0;
  }
  .smallPhoneBreak .textContent.withBorder.textLeft .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
  .smallPhoneBreak .textContent.withBorder.textRight .hasColour {
    padding: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
  }
} /*$smallPhone ends*/
.keyPoints.overlapped {
  margin-bottom: calc(0px - (calc((calc(24px + 2.4vw)) * 2)));
  z-index: 2;
}
.keyPoints.vertAlignTop .points .pointHolder {
  justify-content: flex-start;
}
.keyPoints.vertAlignCentre .points .pointHolder .text {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.keyPoints .introText + .points {
  margin-top: calc((calc(24px + 2.4vw)) * 0.75);
}
.keyPoints .points {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: stretch;
  width: calc(100% + calc((calc(24px + 2.4vw)) * 0.5));
  margin-left: calc(0px - calc((calc(24px + 2.4vw)) * 0.25));
  margin-bottom: calc(0px - (24px + 2.4vw));
}
.keyPoints .points .point {
  width: 25%;
  max-width: 80%;
  padding-right: calc((calc(24px + 2.4vw)) * 0.25);
  padding-left: calc((calc(24px + 2.4vw)) * 0.25);
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  display: flex;
  align-items: stretch;
}
.keyPoints .points .point .stilt {
  width: 1px;
  display: block;
  padding-top: 75%;
}
.keyPoints .points .pointHolder {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: stretch;
  width: 100%;
}
.keyPoints .points .pointHolder.hasColour {
  padding: calc((calc(24px + 2.4vw)) * 0.5);
}
.keyPoints .points .pointHolder .iconHolder {
  display: block;
}
.keyPoints .points .pointHolder .keyPointIcon {
  margin: auto;
  width: 70%;
  max-width: 200px;
  z-index: 2;
}
.keyPoints .points .pointHolder .text {
  flex-grow: 1;
  padding-top: calc((calc(24px + 2.4vw)) * 0.5);
}
.keyPoints .points .pointHolder .text .pointHead {
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.25);
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.25);
  border-bottom: solid 1px var(--cc-color-primary);
}
.keyPoints.whiteBack .points .point:last-child .text:after,
.keyPoints.whiteBack .points .point:first-child .iconHolder:before {
  display: none;
}
.keyPoints.whiteBack .points .point .pointHolder .text {
  background-color: transparent;
}
.keyPoints.whiteBack .points .point .pointHolder .iconHolder:after {
  display: none;
}

.keyPoints.keyPointWidth25 .points .point {
  width: 25%;
}

.keyPoints.keyPointWidth33 .points .point {
  width: 33.333333%;
}

.keyPoints.keyPointWidth50 .points .point {
  width: 50%;
}

.keyPoints.keyPointWidth100 .points .point {
  width: 100%;
}

.keyPointIcon {
  width: 100%;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.keyPointIcon img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.keyPointIcon span.stilt {
  display: block;
  width: 100%;
  padding-top: 75%;
}

/*$laptop ends*/
@media only screen and (max-width: 700px) {
  .keyPoints.keyPointWidth25 .points .point {
    width: 50%;
  }
} /*$smallTablet ends*/
@media only screen and (max-width: 650px) {
  .keyPoints.keyPointWidth25 .points .point,
  .keyPoints.keyPointWidth33 .points .point,
  .keyPoints.keyPointWidth50 .points .point {
    width: 50%;
  }
} /*$smallTablet ends*/
@media only screen and (max-width: 450px) {
  .keyPoints.keyPointWidth25 .points .point,
  .keyPoints.keyPointWidth33 .points .point,
  .keyPoints.keyPointWidth50 .points .point {
    width: 100%;
  }
} /*$phone ends*/
.imageGallery {
  text-align: center;
}
.imageGallery.noBack {
  padding-bottom: 0px;
  padding: 0;
}
.imageGallery.hasBackground {
  padding: calc(24px + 2.4vw) 0;
}
.imageGallery.hasHeader .wrapper .text {
  padding-bottom: 24px;
}
.imageGallery .text {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.imageGallery .text * {
  margin-left: auto;
  margin-right: auto;
}
.imageGallery .thumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.imageGallery .thumbs span.stilt {
  display: block;
  padding-top: 100%;
}
.imageGallery .thumbs .image {
  width: 33.3333333333%;
  padding: 4px;
}
.imageGallery .thumbs .image a img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-position: center center;
}
.imageGallery .thumbs .toolTip {
  position: absolute;
  left: calc((calc(24px + 2.4vw)) * 0.25);
  top: auto;
  right: calc((calc(24px + 2.4vw)) * 0.25);
  bottom: calc((calc(24px + 2.4vw)) * 0.25);
  width: calc(100% - calc((calc(24px + 2.4vw)) * 0.5));
  padding: clamp(18px, (calc(24px + 2.4vw)) * 0.25, 24px);
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: all 0.35s ease;
}
.imageGallery .thumbs .toolTip .text {
  margin: 0;
}
.imageGallery .thumbs .toolTip .text * {
  text-align: left;
}
.imageGallery .thumbs .toolTip p {
  margin-bottom: 0.5em;
}
.imageGallery .thumbs .toolTip p a, .imageGallery .thumbs .toolTip p strong {
  display: inline;
}
.imageGallery .thumbs .toolTip p {
  margin: 0;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
.imageGallery .thumbs .image:hover .toolTip {
  opacity: 1;
}
.imageGallery .instaLink {
  margin: calc((calc(24px + 2.4vw)) * 0.5) 0;
}
.imageGallery .instaLink a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: center;
}
.imageGallery .instaLink a p {
  display: block;
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  line-height: var(--kc-header-font-line-height);
  margin-bottom: 0.5em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-size: var(--kc-h6Size) 22px;
  font-size: var(--kc-h6Size-clamp);
  padding: 12px 0px;
  margin: 0;
}
.imageGallery .instaLink a .imageHolder {
  width: calc(20px + 2vw);
  max-width: 40px;
  padding: 0;
  margin: 18px;
}

.imageGallery.noPad .thumbs .image {
  padding: 0px;
}
.imageGallery.halfPad .thumbs .image {
  padding: 2px;
}
.imageGallery.doublePad .thumbs .image {
  padding: 8px;
}

.imageGallery.propSquare span.stilt {
  padding-top: 100%;
}
.imageGallery.propLandscape span.stilt {
  display: block;
  padding-top: 50%;
}
.imageGallery.noProp span.stilt {
  display: none;
}
.imageGallery.noProp .image a, .imageGallery.noProp .image img {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
}

.imageGallery.beigeBack .text h1:after, .imageGallery.beigeBack .text h2:after,
.imageGallery.greyBack .text h1:after,
.imageGallery.greyBack .text h2:after,
.imageGallery.whiteBack .text h1:after,
.imageGallery.whiteBack .text h2:after {
  background-color: var(--cc-color-primary);
}

.imageGallery.thumb50 .thumbs .image {
  width: 50%;
}

.imageGallery.thumb33 .thumbs .image {
  width: 33.3333333333%;
}

.imageGallery.thumb25 .thumbs .image {
  width: 25%;
}

.imageGallery.thumb20 .thumbs .image {
  width: 20%;
}
.imageGallery.thumb20 .thumbs .toolTip {
  display: none;
}

.imageGallery.thumb12 .thumbs .image {
  width: 12.5%;
}
.imageGallery.thumb12 .thumbs .toolTip {
  display: none;
}

@media only screen and (max-width: 768px) {
  .imageGallery.thumb50 .thumbs .image {
    width: 50%;
  }
  .imageGallery.thumb33 .thumbs .image {
    width: 33.3333333333%;
  }
  .imageGallery.thumb25 .thumbs .image {
    width: 25%;
  }
  .imageGallery.thumb20 .thumbs .image {
    width: 20%;
  }
}
@media only screen and (max-width: 700px) {
  .imageGallery.thumb50 .thumbs .image {
    width: 50%;
  }
  .imageGallery.thumb33 .thumbs .image {
    width: 33.3333333333%;
  }
  .imageGallery.thumb25 .thumbs .image {
    width: 25%;
  }
  .imageGallery.thumb25 .thumbs .toolTip {
    display: none;
  }
  .imageGallery.thumb20 .thumbs .image {
    width: 25%;
  }
  .imageGallery.thumb20 .thumbs .image:nth-child(5n) {
    display: none;
  }
  .imageGallery.thumb12 .thumbs .image {
    width: 25%;
  }
}
@media only screen and (max-width: 650px) {
  .imageGallery .toolTip {
    display: none;
  }
} /*$bigPhone ends*/
.videoBlock .introText * {
  text-align: center;
}
.videoBlock .text + .video_embed_code {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}
.videoBlock .video_embed_code {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.videoBlock .video_embed_code .heading {
  text-align: center;
}
.videoBlock .video_embed_code .proportioner {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.videoBlock .video_embed_code .proportioner > div:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 !important;
}
.videoBlock .video_embed_code iframe, .videoBlock .video_embed_code .videoHolder object, .videoBlock .video_embed_code .videoHolder embed, .videoBlock .video_embed_code video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.featureVideo.block .wp-video {
  margin: auto;
}
.featureVideo.block .mejs-inner {
  min-height: 100%;
}
.featureVideo.block .mediaelementwrapper {
  min-height: 100%;
}
.featureVideo.block .mejs-overlay {
  min-height: 100%;
}
.featureVideo.block .mejs-layers {
  min-height: 100%;
  position: initial;
}
.featureVideo.block .mejs-overlay-button {
  opacity: 0.5;
}
.featureVideo.block .mejs-overlay-button:hover {
  opacity: 1;
}

.testimonials {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.testimonials .testimonial {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}
.testimonials .testimonial blockquote {
  width: 100%;
  padding-top: 0.5em;
  text-align: center;
}
.testimonials .testimonial blockquote * {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-h5Size) 24px;
  font-size: var(--kc-h5Size-clamp);
  font-style: italic;
  line-height: 1.2em;
}
.testimonials .testimonial blockquote *:last-child {
  margin-bottom: 0;
}
.testimonials .testimonial blockquote *:first-child:before {
  opacity: 0.5;
  content: "“";
  font-size: 4em;
  line-height: 0.1em;
  display: inline-block;
  margin-right: 0.15em;
  vertical-align: -0.35em;
}
.testimonials .testimonial .quoteFoot {
  width: 100%;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  text-align: center;
  padding-top: 0.75em;
  color: var(--cc-color-primary);
  font-weight: 700;
}

.testimonialTrack {
  width: 100%;
}

.testimonialGrid {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.testimonialGrid .testimonial {
  width: 50%;
  padding: 0 calc((calc(24px + 2.4vw)) * 0.5);
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.testimonialGrid .testimonial blockquote * {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}

.testimonialTrack.flickity-enabled .flickity-slider {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}
.testimonialTrack.flickity-enabled .flickity-page-dots {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}

.rating {
  width: 40%;
  margin: 1em auto;
  max-width: 180px;
  min-width: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.rating span.stilt {
  width: 100%;
  display: block;
  padding-top: 20%;
}
.rating.oneStar {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/star-rating-1.svg");
}
.rating.twoStar {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/star-rating-2.svg");
}
.rating.threeStar {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/star-rating-3.svg");
}
.rating.fourStar {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/star-rating-4.svg");
}
.rating.fiveStar {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/star-rating-5.svg");
}

.textContent.testimonialSide .testimonials {
  background-color: var(--cc-color-lighter-grey);
}
.textContent.testimonialSide .testimonials .testimonial {
  padding: calc(24px + 2.4vw);
}
.textContent.testimonialSide .testimonialTrack.flickity-enabled {
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.textContent.testimonialSide .testimonialTrack.flickity-enabled .testimonial {
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.textContent.testimonialSide .testimonialTrack.flickity-enabled .flickity-page-dots {
  margin-top: 0;
  margin-bottom: 0;
}

.faqs {
  text-align: center;
}
.faqs.mainFAQPage {
  padding-top: 0;
}
.faqs .introText + .flexer {
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.faqs .flexer {
  flex-wrap: wrap;
  text-align: left;
  align-items: stretch;
  justify-content: center;
}
.faqs .faq {
  width: 50%;
  padding: calc(24px + 2.4vw);
  border-bottom: solid 1px var(--cc-color-light-grey);
}
.faqs .faq:nth-child(odd):after {
  content: "";
  display: block;
  position: absolute;
  left: auto;
  right: 0;
  top: calc((calc(24px + 2.4vw)) * 0.5);
  bottom: calc((calc(24px + 2.4vw)) * 0.5);
  width: 100%;
  border-right: solid 1px var(--cc-color-light-grey);
  z-index: -1;
  pointer-events: none;
}
.faqs .faq:last-child:after {
  display: none;
}
.faqs .faqSignOff {
  margin-top: calc(24px + 2.4vw);
}

@media only screen and (max-width: 900px) {
  .faqs .faq {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .faqs .faq:nth-child(odd):after {
    display: none;
  }
} /*$bigTablet ends*/
.socialBlock .introText * {
  text-align: center;
}
.socialBlock .text + .social_embed_code {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}
.socialBlock .social_embed_code {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.socialBlock .social_embed_code .heading {
  text-align: center;
}
.socialBlock .social_embed_code iframe {
  margin: calc((calc(24px + 2.4vw)) * 0.5) auto;
}

.featureImage {
  text-align: center;
  display: block;
}
.featureImage img {
  margin-left: auto;
  margin-right: auto;
}
.featureImage.leftTop .image img {
  object-position: left top;
}
.featureImage.centreTop .image img {
  object-position: center top;
}
.featureImage.rightTop .image img {
  object-position: right top;
}
.featureImage.leftCentre .image img {
  object-position: left centre;
}
.featureImage.centreCentre .image img {
  object-position: centre centre;
}
.featureImage.rightCentre .image img {
  object-position: right centre;
}
.featureImage.leftBottom .image img {
  object-position: left bottom;
}
.featureImage.centreBottom .image img {
  object-position: centre bottom;
}
.featureImage.rightBottom .image img {
  object-position: right bottom;
}
.featureImage.imageFit .wrapper {
  max-width: 100%;
  padding: 0;
}

.woocommerce .featureImage.cropAsBanner .image img,
.featureImage.cropAsBanner .image img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.woocommerce .featureImage.cropAsBanner .stilt,
.featureImage.cropAsBanner .stilt {
  width: 1px;
  display: block;
  height: 80vh;
  max-height: 750px;
}

.featureImage.fitToPage .image {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}

.featureImage.addDivider .image::before, .featureImage.addDivider .image::after {
  content: "";
  position: absolute;
  left: calc(100% + (calc(24px + 2.4vw)) * 0.5);
  right: auto;
  top: 50%;
  bottom: auto;
  width: 100%;
  height: 1px;
  background-color: var(--cc-color-primary);
}
.featureImage.addDivider .image::before {
  left: auto;
  right: calc(100% + (calc(24px + 2.4vw)) * 0.5);
}

.woocommerce .customBanner,
.customBanner {
  overflow: hidden;
  padding: calc(24px + 2.4vw) 0;
  padding: 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.woocommerce .customBanner .wrapper,
.customBanner .wrapper {
  width: 100%;
  max-width: 100%;
  padding: calc(24px + 2.4vw);
}
.woocommerce .customBanner.imageOverlap .wrapper,
.customBanner.imageOverlap .wrapper {
  padding-bottom: 0;
}
.woocommerce .customBanner.imageOverlap .bgImage,
.customBanner.imageOverlap .bgImage {
  bottom: calc(24px + 2.4vw);
  height: calc(100% - (24px + 2.4vw));
}
.woocommerce .customBanner .text,
.customBanner .text {
  padding: calc((calc(24px + 2.4vw)) * 0.75);
  width: 50%;
  overflow: visible;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  z-index: 2;
}
.woocommerce .customBanner .text .positioner,
.customBanner .text .positioner {
  z-index: 2;
}
.woocommerce .customBanner .text .tint,
.customBanner .text .tint {
  content: "";
  display: block;
  position: absolute;
  width: 50vw;
  height: calc(100% + calc((calc(24px + 2.4vw)) * 2));
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.65);
  top: calc(0px - calc(24px + 2.4vw));
  bottom: calc(0px - calc(24px + 2.4vw));
}
.woocommerce .customBanner.normalText .text .tint,
.customBanner.normalText .text .tint {
  background-color: rgba(255, 255, 255, 0.75);
}
.woocommerce .customBanner .stilt,
.customBanner .stilt {
  display: block;
  padding-top: 100%;
}
.woocommerce .customBanner .stilt.top,
.customBanner .stilt.top {
  display: none;
}
.woocommerce .customBanner.textLeft .text .tint,
.customBanner.textLeft .text .tint {
  right: 0;
}
.woocommerce .customBanner.textRight .flexer,
.customBanner.textRight .flexer {
  justify-content: flex-end;
}
.woocommerce .customBanner.textRight .text .tint,
.customBanner.textRight .text .tint {
  left: 0;
}
.woocommerce .customBanner .borderAnimated,
.customBanner .borderAnimated {
  z-index: 4;
  pointer-events: none;
  display: none;
}
.woocommerce .customBanner .bgImage,
.customBanner .bgImage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.woocommerce .customBanner .bgImage img, .woocommerce .customBanner .bgImage picture,
.customBanner .bgImage img,
.customBanner .bgImage picture {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 700px) {
  .customBanner {
    padding-top: 30vh;
  }
  .customBanner .flexer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
  }
  .customBanner .text {
    width: 100%;
  }
  .customBanner .text .positioner {
    z-index: 2;
  }
  .customBanner .text .tint {
    width: 100vw;
    left: 0;
    top: 0;
    right: auto;
  }
  .customBanner .stilt.top {
    display: block;
  }
  .customBanner.textLeft .text .tint {
    right: 0;
  }
  .customBanner.textRight .flexer {
    justify-content: flex-end;
  }
  .customBanner.textRight .text .tint {
    left: 0;
  }
} /*$smallTablet ends*/
@media only screen and (max-width: 650px) {
  .customBanner {
    overflow: hidden;
  }
} /*$bigPhone { ends*/
@media only screen and (max-width: 450px) {
  .customBanner {
    overflow: hidden;
  }
  .customBanner .text {
    padding: calc((calc(24px + 2.4vw)) * 0.5);
  }
  .customBanner .text .tint {
    left: 0;
  }
  .customBanner.textRight .text .tint {
    left: 0;
  }
} /*$phone { ends*/
.imageGrid {
  display: grid;
  width: calc(100% + calc((calc(24px + 2.4vw)) * 0.25));
  left: calc(0px - calc((calc(24px + 2.4vw)) * 0.25) / 2);
}
.imageGrid.hasColour {
  width: 100%;
  margin-left: 0;
}
.imageGrid .image {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.imageGrid .image .toolTip {
  right: calc(calc((calc(24px + 2.4vw)) * 0.25) / 2);
  bottom: calc(calc((calc(24px + 2.4vw)) * 0.25) / 2);
}
.imageGrid .image img {
  position: absolute;
  left: calc(calc((calc(24px + 2.4vw)) * 0.25) / 2);
  top: calc(calc((calc(24px + 2.4vw)) * 0.25) / 2);
  right: calc(calc((calc(24px + 2.4vw)) * 0.25) / 2);
  bottom: calc(calc((calc(24px + 2.4vw)) * 0.25) / 2);
  width: calc(100% - (calc(24px + 2.4vw)) * 0.25);
  height: calc(100% - (calc(24px + 2.4vw)) * 0.25);
  object-fit: cover;
}
.imageGrid.grid4 {
  grid-template-areas: "image1 image1 image2" "image3 image4 image4";
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr 1fr;
}
.imageGrid.grid4 .image1 {
  grid-area: image1;
}
.imageGrid.grid4 .image1 .stilt {
  display: block;
  padding-top: 66%;
}
.imageGrid.grid4 .image2 {
  grid-area: image2;
}
.imageGrid.grid4 .image3 {
  grid-area: image3;
}
.imageGrid.grid4 .image4 {
  grid-area: image4;
}
.imageGrid.grid6 {
  grid-template-areas: "image1 image1 image2 image3" "image4 image5 image5 image3" "image4 image5 image5 image6";
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 2fr 1fr 2fr;
}
.imageGrid.grid6 .image1 {
  grid-area: image1;
}
.imageGrid.grid6 .image1 .stilt {
  display: block;
  padding-top: 50%;
}
.imageGrid.grid6 .image2 {
  grid-area: image2;
}
.imageGrid.grid6 .image3 {
  grid-area: image3;
}
.imageGrid.grid6 .image4 {
  grid-area: image4;
}
.imageGrid.grid6 .image5 {
  grid-area: image5;
}
.imageGrid.grid6 .image6 {
  grid-area: image6;
}

@media only screen and (max-width: 650px) {
  .imageGrid.grid6 {
    grid-template-areas: "image1 image1 image2" "image3 image5 image5" "image6 image6 image4";
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  .imageGrid.grid6 .image1 .stilt {
    padding-top: 66%;
  }
} /*$bigPhone ends*/
.rangeGrid {
  text-align: center;
}

.rangeGridIntro {
  display: block;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}

.gridCentre .rangeGridTrack {
  align-content: center;
  justify-content: center;
}

.rangeGridTrack {
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  width: calc(100% + (calc(24px + 2.4vw)) * 0.25);
}
.rangeGridTrack .rangeGridTile {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  padding-right: calc((calc(24px + 2.4vw)) * 0.25);
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.25);
  width: 20%;
}
.rangeGridTrack .rangeGridTile a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  background-color: var(--cc-color-secondary);
  width: 100%;
}
.rangeGridTrack .rangeGridTile a .image {
  width: 100%;
  display: block;
  order: 0;
}
.rangeGridTrack .rangeGridTile a .image img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.rangeGridTrack .rangeGridTile a .image .stilt {
  display: block;
  padding-top: 120%;
}
.rangeGridTrack .rangeGridTile a .text {
  width: 100%;
  padding: clamp(18px, (calc(24px + 2.4vw)) * 0.25, 24px);
  order: 1;
}
.rangeGridTrack .rangeGridTile a .text p.viewRange {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  margin-top: 0;
}

.rangeGridTrack.flickity-enabled {
  padding: 0 calc((calc(24px + 2.4vw)) * 0.25);
}
.rangeGridTrack.flickity-enabled .flickity-slider {
  width: 100%;
}
.rangeGridTrack.flickity-enabled .flickity-viewport {
  overflow: hidden;
  width: 100%;
}
.rangeGridTrack.flickity-enabled .rangeGridTile {
  width: 40%;
}
.rangeGridTrack.flickity-enabled .flickity-page-dots {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin: auto;
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.rangeGridTrack.flickity-enabled .flickity-page-dots li {
  display: block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 0;
  margin-right: 0.6em;
  border-radius: 0;
  background-color: var(--cc-color-light-grey);
  opacity: 0.8;
}
.rangeGridTrack.flickity-enabled .flickity-page-dots li.is-selected {
  background-color: var(--cc-color-primary);
  opacity: 1;
}

@media only screen and (max-width: 1200px) {
  .rangeGridTrack .rangeGridTile {
    width: 25%;
  }
} /*$laptop ends*/
@media only screen and (max-width: 900px) {
  .rangeGridTrack .rangeGridTile {
    width: 33.3333333333%;
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 650px) {
  .rangeGridTrack .rangeGridTile {
    width: 50%;
  }
  .rangeGridTrack.flickity-enabled .rangeGridTile {
    width: 80%;
  }
} /*$bigPhone ends*/
.pageTiles {
  width: 100%;
}

.inlineJournal .introText .text h1:after,
.inlineJournal .introText .text h2:after,
.inlineJournal .introText .text .headline:after,
.inlineJournal .introText .text .divider,
.inlineJournal .introText .text .dividerHead:after,
.inlineJournal .outtroText .text h1:after,
.inlineJournal .outtroText .text h2:after,
.inlineJournal .outtroText .text .headline:after,
.inlineJournal .outtroText .text .divider,
.inlineJournal .outtroText .text .dividerHead:after,
.inlinePagesMenu .introText .text h1:after,
.inlinePagesMenu .introText .text h2:after,
.inlinePagesMenu .introText .text .headline:after,
.inlinePagesMenu .introText .text .divider,
.inlinePagesMenu .introText .text .dividerHead:after,
.inlinePagesMenu .outtroText .text h1:after,
.inlinePagesMenu .outtroText .text h2:after,
.inlinePagesMenu .outtroText .text .headline:after,
.inlinePagesMenu .outtroText .text .divider,
.inlinePagesMenu .outtroText .text .dividerHead:after {
  margin-left: auto;
  margin-right: auto;
}
.inlineJournal .introText .text *,
.inlineJournal .outtroText .text *,
.inlinePagesMenu .introText .text *,
.inlinePagesMenu .outtroText .text * {
  text-align: center;
}
.inlineJournal .introText .text li,
.inlineJournal .outtroText .text li,
.inlinePagesMenu .introText .text li,
.inlinePagesMenu .outtroText .text li {
  text-align: left;
}
.inlineJournal .introText .text h1, .inlineJournal .introText .text h2, .inlineJournal .introText .text h3, .inlineJournal .introText .text h4, .inlineJournal .introText .text h5, .inlineJournal .introText .text h6,
.inlineJournal .outtroText .text h1,
.inlineJournal .outtroText .text h2,
.inlineJournal .outtroText .text h3,
.inlineJournal .outtroText .text h4,
.inlineJournal .outtroText .text h5,
.inlineJournal .outtroText .text h6,
.inlinePagesMenu .introText .text h1,
.inlinePagesMenu .introText .text h2,
.inlinePagesMenu .introText .text h3,
.inlinePagesMenu .introText .text h4,
.inlinePagesMenu .introText .text h5,
.inlinePagesMenu .introText .text h6,
.inlinePagesMenu .outtroText .text h1,
.inlinePagesMenu .outtroText .text h2,
.inlinePagesMenu .outtroText .text h3,
.inlinePagesMenu .outtroText .text h4,
.inlinePagesMenu .outtroText .text h5,
.inlinePagesMenu .outtroText .text h6 {
  text-align: center;
  width: 100%;
  display: inline-block;
}
.inlineJournal .introText .text .positioner,
.inlineJournal .outtroText .text .positioner,
.inlinePagesMenu .introText .text .positioner,
.inlinePagesMenu .outtroText .text .positioner {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.inlineJournal .introText + .pageTiles,
.inlinePagesMenu .introText + .pageTiles {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}

.pageTileGrid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}

.pageTileTrack {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: stretch;
  width: calc(100% + calc((calc(24px + 2.4vw)) * 0.25));
  left: calc(0px - calc((calc(24px + 2.4vw)) * 0.25) / 2);
}

.pageTile,
.pageTile.journalTile {
  width: 33.3333333333%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  padding: calc(calc((calc(24px + 2.4vw)) * 0.25) / 2);
}
.pageTile a,
.pageTile.journalTile a {
  background-color: var(--cc-color-secondary);
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.pageTile .image,
.pageTile.journalTile .image {
  order: 0;
  width: 100%;
  align-self: start;
}
.pageTile .image .stilt,
.pageTile.journalTile .image .stilt {
  display: block;
  padding-top: 75%;
}
.pageTile .image img,
.pageTile.journalTile .image img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.pageTile .text,
.pageTile.journalTile .text {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-end;
  flex-grow: 1;
  align-self: stretch;
  padding: calc((calc(24px + 2.4vw)) * 0.5);
  z-index: 2;
  order: 1;
}
.pageTile .text span.stilt,
.pageTile.journalTile .text span.stilt {
  display: block;
  padding-top: 100%;
}
.pageTile .text p,
.pageTile.journalTile .text p {
  font-size: var(--kc-footerFontSize);
  font-size: var(--kc-footerFontSize-clamp);
}
.pageTile .text .positioner,
.pageTile.journalTile .text .positioner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  align-self: stretch;
}
.pageTile .text .blockLink,
.pageTile.journalTile .text .blockLink {
  color: var(--cc-color-text-color);
  margin-top: auto;
  margin-bottom: 0;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  font-weight: 500;
}

.pageTileTrack.flickity-enabled .flickity-slider {
  width: 100%;
}
.pageTileTrack.flickity-enabled .flickity-slider .pageTile {
  min-height: 100%;
}
.pageTileTrack.flickity-enabled .flickity-viewport {
  overflow: hidden;
  width: 100%;
}
.pageTileTrack.flickity-enabled .flickity-page-dots {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin: auto;
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.pageTileTrack.flickity-enabled .flickity-page-dots li {
  display: block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 0;
  margin-right: 0.6em;
  border-radius: 0;
  background-color: var(--kc-color-lighter-grey);
  opacity: 0.8;
}
.pageTileTrack.flickity-enabled .flickity-page-dots li.is-selected {
  background-color: var(--kc-color-secondary);
}

@media only screen and (max-width: 900px) {
  .pageTile {
    width: 50%;
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 650px) {
  .pageTile {
    width: 100%;
  }
  .inlinePagesMenu {
    margin-left: auto;
    margin-right: auto;
  }
} /*$bigPhone ends*/
.textBlock.leftBorder .text {
  border-left: solid 1px currentColor;
  padding-left: calc(24px + 2.4vw);
}
.textBlock.rightBorder .text {
  border-right: solid 1px currentColor;
  padding-right: calc(24px + 2.4vw);
}
.textBlock.bottomBorder .text {
  border-bottom: solid 1px currentColor;
  padding-bottom: calc(24px + 2.4vw);
}
.textBlock.topBorder .text {
  border-top: solid 1px currentColor;
  padding-top: calc(24px + 2.4vw);
}
.textBlock.defaultBorder .text {
  border-color: currentColor;
}
.textBlock.whiteBorder .text {
  border-color: var(--cc-color-white);
}
.textBlock.primaryBorder .text {
  border-color: var(--cc-color-primary);
}
.textBlock.secondaryBorder .text {
  border-color: var(--cc-color-secondary);
}
.textBlock.greyBorder .text {
  border-color: var(--cc-color-lighter-grey);
}
.textBlock.beigeBorder .text {
  border-color: var(--cc-color-beige);
}
.textBlock.darkGreyBorder .text {
  border-color: var(--cc-color-grey);
}
.textBlock.blackBorder .text {
  border-color: var(--cc-color-black);
}
.textBlock.redBorder .text {
  border-color: var(--cc-color-red);
}

@media only screen and (max-width: 700px) {
  .textBlock.leftBorder .text {
    padding-left: calc((calc(24px + 2.4vw)) * 0.5);
  }
  .textBlock.rightBorder .text {
    padding-right: calc((calc(24px + 2.4vw)) * 0.5);
  }
  .textBlock.bottomBorder .text {
    padding-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  }
  .textBlock.topBorder .text {
    padding-top: calc((calc(24px + 2.4vw)) * 0.5);
  }
} /*$smallTablet ends*/
.blockDivider {
  max-width: 1050px;
  border-top: solid 1px var(--cc-color-primary);
  margin-left: auto;
  margin-right: auto;
}

.swatchBorder, .swatchGroup {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.swatchBorder .swatchGroup, .swatchGroup .swatchGroup {
  align-items: stretch;
}
.swatchBorder a, .swatchGroup a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.swatchBorder a, .swatchBorder img, .swatchGroup a, .swatchGroup img {
  flex: 1;
  width: 100%;
  min-height: 100%;
}

.swatchGroup {
  flex-grow: 1;
  width: 100%;
}

@media only screen and (max-width: 900px) {
  .swatchBorder a:nth-child(n+13), .swatchGroup a:nth-child(n+13) {
    display: none;
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 700px) {
  .swatchBorder a:nth-child(n+9), .swatchGroup a:nth-child(n+9) {
    display: none;
  }
} /*$smallTablet ends*/
@media only screen and (max-width: 450px) {
  .swatchBorder a:nth-child(n+6), .swatchGroup a:nth-child(n+6) {
    display: none;
  }
} /*$o ends*/
.summaryList {
  border: solid 1px var(--cc-color-secondary);
  padding: calc(24px + 2.4vw);
}
.summaryList .summaryIndex {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  padding: calc((calc(24px + 2.4vw)) * 0.5);
  background-color: var(--cc-color-lighter-grey);
}
.summaryList.hasColour .summaryIndex {
  background-color: var(--cc-color-white);
}
.summaryList.hasColour .summaryIndex a {
  color: var(--cc-color-blue);
}
.summaryList .backToTop a {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  margin-left: 0.25em;
}
.summaryList .backToTop a::before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform-origin: center center;
  transform: rotate(-45deg);
}
.summaryList .summarySection *:last-child {
  margin-bottom: 0;
}
.summaryList .summarySection + .summarySection {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
  padding-top: calc((calc(24px + 2.4vw)) * 0.5);
  border-top: solid 1px color-mix(in srgb, currentColor 10%, transparent);
}
.summaryList h6 {
  margin-bottom: 0;
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-weight: 400;
  margin-bottom: 8px;
}

.splitBanner.installationsBanner .text .positioner {
  margin: auto;
  padding-bottom: calc(24px + 2.4vw);
}
.splitBanner.installationsBanner .featureRanges {
  border-bottom: solid 1px rgba(255, 255, 255, 0.35);
  padding-bottom: 18px;
  margin-bottom: 18px;
  order: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.splitBanner.installationsBanner .featureRanges h6 {
  width: fit-content;
  padding-right: 12px;
}
.splitBanner.installationsBanner .featureRanges .featuredRangeList {
  flex-grow: 1;
}
.splitBanner.installationsBanner .featureRanges a {
  display: block;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  margin-right: 0.75em;
  margin-bottom: 0.75em;
  line-height: 1.9em;
}
@media only screen and (max-width: 650px) {
  splitBanner.installationsBanner .featureRanges h6 {
    margin-bottom: 6px;
  }
  splitBanner.installationsBanner .featureRanges h6, splitBanner.installationsBanner .featureRanges .featuredRangeList {
    width: 100%;
  }
} /*$bigPhone ends*/
/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  border: none;
  color: var(--cc-color-secondary);
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0;
}

.flickity-button:hover {
  color: var(--cc-color-secondary);
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 28px;
  height: 28px;
  padding: 0;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: -20px;
}

.flickity-prev-next-button.next {
  right: -20px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 0;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 0;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
  background-color: var(--cc-color-secondary);
}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

body .fslightbox-container {
  background: transparent;
  background-color: rgba(255, 255, 255, 0.9);
}
body .fslightbox-container .fslightbox-svg-path {
  fill: var(--cc-color-white);
}
body .fslightbox-container .fslightbox-toolbar {
  background-color: var(--cc-color-primary);
}
body .fslightbox-container .fslightbox-caption {
  background: var(--cc-color-primary);
}
body .fslightbox-container .fslightbox-caption .fslightbox-caption-inner * {
  color: var(--cc-color-white);
}

.aws-container {
  max-width: calc(1050px / 2);
  margin-left: auto;
  margin-right: auto;
}

.aws-search-result ul li.aws_result_item .aws_result_link .aws_result_title,
.aws-search-result ul li.aws_result_item .aws_result_link .aws_result_excerpt,
.aws-search-result ul li.aws_result_item .aws_result_link .aws_result_price {
  line-height: 1.2em;
}
.aws-search-result ul li.aws_result_item .aws_result_link .aws_result_excerpt {
  color: var(--cc-color-primary);
}
.aws-search-result ul li.aws_result_item .aws_result_link .aws_result_price {
  display: none;
}

.searchHolder .aws-container .aws-search-label,
.searchHolder .aws-container .aws-search-field {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}

.aws-search-result .aws_result_scroll {
  max-height: 350px !important;
}

.aws-search-result .aws_result_scroll .aws_result_inner .aws_results .aws_result_tax .aws_result_head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}
.aws-search-result .aws_result_scroll .aws_result_inner .aws_results .aws_result_tax .aws_result_head .aws_tax_image {
  width: 60px;
  display: block;
  margin-right: 15px;
}
.aws-search-result .aws_result_scroll .aws_result_inner .aws_results .aws_result_item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}
.aws-search-result .aws_result_scroll .aws_result_inner .aws_results .aws_result_content .aws_result_head {
  margin-bottom: 4px;
}
.aws-search-result .aws_result_scroll .aws_result_inner .aws_results .aws_result_content .aws_result_excerpt,
.aws-search-result .aws_result_scroll .aws_result_inner .aws_results .aws_result_content .aws_result_term {
  padding-top: 0;
}
.aws-search-result .aws_result_scroll .aws_result_inner .aws_results .aws_result_content .aws_result_excerpt {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  color: var(--cc-color-grey);
}
.aws-search-result .aws_result_scroll .aws_result_inner .aws_results .aws_result_content .aws_result_term {
  display: none;
}
.aws-search-result .aws_result_content .aws_result_price {
  display: none;
}
.aws-search-result .aws_result_content .aws_result_title,
.aws-search-result .aws_result_content .aws_result_head,
.aws-search-result .aws_result_content .aws_result_excerpt,
.aws-search-result .aws_result_content .aws_result_term,
.aws-search-result .aws_result_content .aws_result_price {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  line-height: 1.2em;
  margin: 0;
}

/*

<div class="aws_result_scroll"><div class="aws_result_inner"><div class="aws_results style-inline"><a href="https://dev.causeway.loc:8890/carpet/cliff-view/" class="aws_result_item" data-title="Cliff View"><span class="aws_result_image"><img src="https://dev.causeway.loc:8890/wp-content/uploads/2023/02/St-Tropez-3075-Cliff-View-150x150.jpg"></span><span class="aws_result_content"><span class="aws_result_head"><span class="aws_result_title">Cliff View</span><span class="aws_result_price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>0.00</bdi></span></span></span><span class="aws_result_term">St <strong>Tropez</strong></span></span></a><a href="https://dev.causeway.loc:8890/carpet/silver-sail/" class="aws_result_item" data-title="Silver Sail"><span class="aws_result_image"><img src="https://dev.causeway.loc:8890/wp-content/uploads/2023/02/St-Tropez-3074-Silver-Sail-150x150.jpg"></span><span class="aws_result_content"><span class="aws_result_head"><span class="aws_result_title">Silver Sail</span><span class="aws_result_price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>0.00</bdi></span></span></span><span class="aws_result_term">St <strong>Tropez</strong></span></span></a><a href="https://dev.causeway.loc:8890/carpet/soft-mink/" class="aws_result_item hovered" data-title="Soft Mink"><span class="aws_result_image"><img src="https://dev.causeway.loc:8890/wp-content/uploads/2023/02/St-Tropez-3073-Soft-Mink-150x150.jpg"></span><span class="aws_result_content"><span class="aws_result_head"><span class="aws_result_title">Soft Mink</span><span class="aws_result_price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>0.00</bdi></span></span></span><span class="aws_result_term">St <strong>Tropez</strong></span></span></a><a href="https://dev.causeway.loc:8890/carpet/vanilla/" class="aws_result_item" data-title="Vanilla"><span class="aws_result_image"><img src="https://dev.causeway.loc:8890/wp-content/uploads/2023/02/St-Tropez-3072-Vanilla-150x150.jpg"></span><span class="aws_result_content"><span class="aws_result_head"><span class="aws_result_title">Vanilla</span><span class="aws_result_price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>0.00</bdi></span></span></span><span class="aws_result_term">St <strong>Tropez</strong></span></span></a><a href="https://dev.causeway.loc:8890/carpet/warm-sand/" class="aws_result_item" data-title="Warm Sand"><span class="aws_result_image"><img src="https://dev.causeway.loc:8890/wp-content/uploads/2023/02/St-Tropez-3071-Warm-Sand-150x150.jpg"></span><span class="aws_result_content"><span class="aws_result_head"><span class="aws_result_title">Warm Sand</span><span class="aws_result_price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>0.00</bdi></span></span></span><span class="aws_result_term">St <strong>Tropez</strong></span></span></a><a href="https://dev.causeway.loc:8890/carpet/bronze-tan/" class="aws_result_item" data-title="Bronze Tan"><span class="aws_result_image"><img src="https://dev.causeway.loc:8890/wp-content/uploads/2023/02/St-Tropez-3070-Bronze-Tan-150x150.jpg"></span><span class="aws_result_content"><span class="aws_result_head"><span class="aws_result_title">Bronze Tan</span><span class="aws_result_price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">£</span>0.00</bdi></span></span></span><span class="aws_result_term">St <strong>Tropez</strong></span></span></a><a class="aws_result_item aws_search_more" href="#">View all results</a></div></div></div>

*/
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version %%INJECT_VERSION%%
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(255, 255, 255, 0.8) !important;
  transition: opacity 0.5s ease;
}
#baguetteBox-overlay.visible {
  opacity: 1;
}
#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}
#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  white-space: normal;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  transition: left 0.4s ease, transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
  animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
  animation: bounceFromLeft 0.4s ease-out;
}

@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}
.baguetteBox-button#previous-button, .baguetteBox-button#next-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 15%;
  background-color: transparent;
  color: var(--cc-color-primary);
  font: 1.6em sans-serif;
  transition: background-color 0.4s ease;
}
.baguetteBox-button svg {
  fill: var(--cc-color-primary);
  stroke: var(--cc-color-primary);
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
  border: 0;
}
.baguetteBox-button#next-button {
  right: 2%;
}
.baguetteBox-button#previous-button {
  left: 2%;
}
.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}
.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: var(--cc-color-primary);
}

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
  animation-delay: -1s;
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
body.gsapAnimated *[data-gsap-animated],
body.gsapAnimated *[data-flickity-animated] {
  transform-origin: left center;
  transition: all;
  transition-duration: 0.5s;
  transition-delay: 0;
  transition-timing-function: ease-out;
  opacity: 0;
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=fade-left], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=fade-left],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=fade-left],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=fade-left] {
  transform: translateX(-30px);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=fade-right], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=fade-right],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=fade-right],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=fade-right] {
  transform: translateX(30px);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=fade-down], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=fade-down],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=fade-down],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=fade-down] {
  transform: translateY(-30px);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=fade-up], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=fade-up],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=fade-up],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=fade-up] {
  transform: translateY(30px);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=scale-left], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=scale-left],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=scale-left],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=scale-left] {
  transform-origin: center left;
  transform: scaleX(0);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=scale-right], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=scale-right],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=scale-right],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=scale-right] {
  transform-origin: center right;
  transform: scaleX(0);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=scale-down], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=scale-down],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=scale-down],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=scale-down] {
  transform-origin: top left;
  transform: scaleY(0);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=scale-up], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=scale-up],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=scale-up],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=scale-up] {
  transform-origin: bottom left;
  transform: scaleY(0);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=wipe-left], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=wipe-left],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=wipe-left],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=wipe-left] {
  opacity: 1;
  clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=wipe-right], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=wipe-right],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=wipe-right],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=wipe-right] {
  opacity: 1;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=wipe-down], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=wipe-down],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=wipe-down],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=wipe-down] {
  opacity: 1;
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=wipe-up], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=wipe-up],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=wipe-up],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=wipe-up] {
  opacity: 1;
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=wipe-center], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=wipe-center],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=wipe-center],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=wipe-center] {
  opacity: 1;
  clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=wipe-center-vert], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=wipe-center-vert],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=wipe-center-vert],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=wipe-center-vert] {
  opacity: 1;
  clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=zoom-up], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=zoom-up],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=zoom-up],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=zoom-up] {
  transform: scale(0.8);
}
body.gsapAnimated *[data-gsap-animated][data-gsap-animated=zoom-down], body.gsapAnimated *[data-gsap-animated][data-flickity-animated=zoom-down],
body.gsapAnimated *[data-flickity-animated][data-gsap-animated=zoom-down],
body.gsapAnimated *[data-flickity-animated][data-flickity-animated=zoom-down] {
  transform: scale(1.2);
}

body.gsapAnimated .is-selected *[data-flickity-animated] {
  opacity: 1;
  scale: 1;
  transform: none;
}
body.gsapAnimated .is-selected *[data-flickity-animated].bannerHeader {
  transition-delay: 0.5s;
  transform: none;
}
body.gsapAnimated .is-selected *[data-flickity-animated].subHeader {
  transition-delay: 1s;
  transform: none;
}
body.gsapAnimated .is-selected *[data-flickity-animated][data-flickity-animated=wipe-left], body.gsapAnimated .is-selected *[data-flickity-animated][data-flickity-animated=wipe-right], body.gsapAnimated .is-selected *[data-flickity-animated][data-flickity-animated=wipe-center-vert], body.gsapAnimated .is-selected *[data-flickity-animated][data-flickity-animated=wipe-center], body.gsapAnimated .is-selected *[data-flickity-animated][data-flickity-animated=wipe-down], body.gsapAnimated .is-selected *[data-flickity-animated][data-flickity-animated=wipe-up] {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

#store_locator_map {
  min-height: 100%;
}

#store_locator {
  padding: 0;
}
#store_locator .store-locator-row {
  margin: 0;
}
#store_locator #store_locator_main {
  height: 60vh;
  min-height: 400px;
  max-height: 800px;
  min-width: calc(100% - 400px);
  max-width: calc(100% - 400px);
  padding: 0;
}
#store_locator .gm-style-iw {
  overflow: hidden;
}
#store_locator .gm-style-iw, #store_locator #store_locator .gm-style-iw * {
  max-width: 100%;
  box-sizing: border-box;
}
#store_locator .store_locator_infowindow {
  white-space: normal;
  padding: 12px;
}
#store_locator .store_locator_infowindow * {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-footerFontSize);
  font-size: var(--kc-footerFontSize-clamp);
}
#store_locator .store_locator_infowindow h3.store_locator_name {
  font-weight: 500;
  margin-bottom: 0;
}
#store_locator .store_locator_infowindow .store_locator_details,
#store_locator .store_locator_infowindow .store_locator_description {
  padding: 0;
}
#store_locator .store_locator_infowindow .store_locator_details *,
#store_locator .store_locator_infowindow .store_locator_description * {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-footerFontSize);
  font-size: var(--kc-footerFontSize-clamp);
}
#store_locator .store_locator_infowindow .store_locator_details *:last-child,
#store_locator .store_locator_infowindow .store_locator_description *:last-child {
  margin-bottom: 0;
}
#store_locator .store_locator_infowindow .store_locator_actions a {
  width: 100%;
  border-radius: 0;
  cursor: pointer;
  padding: 0.75em 1.25em;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: var(--cc-color-block-link-text);
  background-color: var(--cc-color-block-link-bg);
  white-space: nowrap;
  line-height: 1.2em;
  transition: background-color 350ms ease-in;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  border: 1px solid transparent;
  box-sizing: border-box;
  margin: 0;
}
#store_locator .store_locator_infowindow .store_locator_actions a:hover {
  border: 1px solid var(--cc-color-primary);
  color: var(--cc-color-white);
  background-color: var(--cc-color-primary);
}
#store_locator .store_locator_infowindow .store_locator_actions a + a {
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}

#store_locator p.store_locator_address {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
}
#store_locator p.store_locator_address span.store_locator_zip {
  order: 10;
}

#store_locator_sidebar {
  background-color: var(--cc-color-secondary);
  padding: calc((calc(24px + 2.4vw)) * 0.5);
  min-width: 400px;
  max-width: 400px;
  flex-grow: 1;
}
#store_locator_sidebar .wordpress-store-locator-address-title {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-weight: 500;
  margin: 0;
  margin-bottom: 8px;
}
#store_locator_sidebar #store_locator_address_field {
  padding: 12px;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-footerFontSize);
  font-size: var(--kc-footerFontSize-clamp);
}
#store_locator_sidebar #store_locator_filter {
  display: none;
}
#store_locator_sidebar .store-locator-col-sm-12 {
  padding-left: 0px;
  padding-right: 0px;
}
#store_locator_sidebar .store-locator-row {
  margin: 0;
}
#store_locator_sidebar #store_locator_result_list {
  background-color: var(--cc-color-white);
  margin-top: 12px;
}
#store_locator_sidebar #store_locator_result_list .store_locator_details h3 {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-weight: 500;
}
#store_locator_sidebar #store_locator_result_list .store_locator_details * {
  font-size: var(--kc-footerFontSize);
  font-size: var(--kc-footerFontSize-clamp);
}
#store_locator_sidebar #store_locator_result_list .store_locator_actions .btn.button {
  padding: 0;
  width: 100%;
}
#store_locator_sidebar #store_locator_result_list .store_locator_actions .btn.button + .btn.button {
  margin-top: 8px;
}
#store_locator_sidebar button.store_locator_find_stores_button, #store_locator_sidebar button {
  width: 100%;
  border-radius: 0;
  cursor: pointer;
  padding: 0.75em 1.25em;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: var(--cc-color-block-link-text);
  background-color: var(--cc-color-block-link-bg);
  white-space: nowrap;
  line-height: 1.2em;
  transition: background-color 350ms ease-in;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  border: 1px solid transparent;
  box-sizing: border-box;
}
#store_locator_sidebar button.store_locator_find_stores_button:hover, #store_locator_sidebar button:hover {
  border: 1px solid var(--cc-color-primary);
  color: var(--cc-color-white);
  background-color: var(--cc-color-primary);
}

@media only screen and (max-width: 900px) {
  #store_locator {
    padding: 0;
  }
  #store_locator #store_locator_main {
    min-width: calc(100% - 300px);
    max-width: calc(100% - 300px);
  }
  #store_locator #store_locator_sidebar {
    min-width: 300px;
    max-width: 300px;
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 768px) {
  #store_locator {
    padding: 0;
  }
  #store_locator #store_locator_main {
    min-width: 100%;
    max-width: 100%;
  }
  #store_locator #store_locator_sidebar {
    min-width: 100%;
    max-width: 100%;
  }
} /*$tablet ends*/
/** Light color-scheme **/
:root {
  --cc-bg: white;
  --cc-text: #333333;
  --cc-btn-primary-bg: #A77E5D;
  --cc-btn-primary-text: white;
  --cc-btn-primary-hover-bg: #9E795D;
  --cc-btn-secondary-bg: #EFEFEF;
  --cc-btn-secondary-text: #333333;
  --cc-btn-secondary-hover-bg: #EFEFEF;
  --cc-toggle-bg-off: #919ea6;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #d5dee2;
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #ecf2fa;
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: #f0f4f7;
  --cc-cookie-category-block-bg-hover: #e9eff4;
  --cc-section-border: #f1f3f5;
  --cc-cookie-table-border: #e9edf2;
  --cc-overlay-bg: rgba(4, 6, 8, .85);
  --cc-webkit-scrollbar-bg: #cfd5db;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}

/** Dark color-scheme **/
.c_darkmode {
  --cc-bg: #181b1d;
  --cc-text: #d8e5ea;
  --cc-btn-primary-bg: #a6c4dd;
  --cc-btn-primary-text: #000;
  --cc-btn-primary-hover-bg: #c2dff7;
  --cc-btn-secondary-bg: #33383c;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #3e454a;
  --cc-toggle-bg-off: #667481;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #454c54;
  --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
  --cc-toggle-knob-icon-color: var(--cc-bg);
  --cc-block-text: #b3bfc5;
  --cc-cookie-category-block-bg: #23272a;
  --cc-cookie-category-block-bg-hover: #2b3035;
  --cc-section-border: #292d31;
  --cc-cookie-table-border: #2b3035;
  --cc-webkit-scrollbar-bg: #667481;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}

.cc_div *,
.cc_div :before,
.cc_div :after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  font-family: inherit;
  line-height: 1.2;
  font-size: 1em;
  transition: none;
  animation: none;
  margin: 0;
  padding: 0;
  text-transform: none;
  letter-spacing: unset;
  color: inherit;
  background: none;
  border: none;
  box-shadow: none;
  text-decoration: none;
  text-align: left;
  visibility: unset;
}

.cc_div {
  font-size: 16px;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #2d4156;
  color: var(--cc-text);
}

.cc_div .c-bn,
.cc_div .b-tl,
#s-ttl,
#c-ttl,
#s-bl td:before {
  font-weight: 600;
}

#cm,
#s-inr,
.cc_div .c-bl,
.cc_div .b-tl,
#s-bl .act .b-acc {
  border-radius: 0.35em;
}

.cc_div input,
.cc_div button,
.cc_div a {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.cc_div a {
  border-bottom: 1px solid;
}

.cc_div a:hover {
  text-decoration: none;
  border-color: transparent;
}

/* Make elements "animatable" */
.c--anim #cm,
.c--anim #s-cnt,
.c--anim #s-inr,
#cs-ov,
#cm-ov {
  transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease !important;
}

.c--anim .c-bn {
  transition: background-color 0.25s ease !important;
}

/* start transitions */
.c--anim #cm.bar.slide,
.c--anim .bar.slide #s-inr {
  transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
}

.c--anim #cm.bar.slide + #cm-ov,
.c--anim .bar.slide + #cs-ov {
  transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
}

#cm.bar.slide,
.cc_div .bar.slide #s-inr {
  transform: translateX(100%);
  opacity: 1;
}

#cm.bar.top.slide,
.cc_div .bar.left.slide #s-inr {
  transform: translateX(-100%);
  opacity: 1;
}

#cm.slide,
.cc_div .slide #s-inr {
  transform: translateY(1.6em);
}

#cm.top.slide {
  transform: translateY(-1.6em);
}

#cm.bar.slide {
  transform: translateY(100%);
}

#cm.bar.top.slide {
  transform: translateY(-100%);
}

/* end transitions */
/* Show modals */
.show--consent .c--anim #cm,
.show--consent .c--anim #cm.bar,
.show--settings .c--anim #s-inr,
.show--settings .c--anim .bar.slide #s-inr {
  opacity: 1;
  transform: scale(1);
  visibility: visible !important;
}

.show--settings .c--anim #s-cnt {
  visibility: visible !important;
}

/* Show overlays */
.force--consent.show--consent .c--anim #cm-ov,
.show--settings .c--anim #cs-ov {
  visibility: visible !important;
  opacity: 1 !important;
}

#cm {
  font-family: inherit;
  padding: 1.05em 2.1em 1.5em 2.1em;
  position: fixed;
  z-index: 1;
  background: #fff;
  background: var(--cc-bg);
  max-width: 25em;
  width: 100%;
  bottom: 1.25em;
  right: 1.25em;
  box-shadow: 0 0.625em 1.875em #000000;
  box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.95);
  line-height: initial;
}

#c-ttl {
  margin: 0 0 0.7em 0;
  font-size: 1.05em;
}

#c-txt {
  margin-bottom: 1.4em;
  font-size: 0.9em;
  line-height: 1.5em;
}

.cc_div .c-bn {
  color: #40505a;
  color: var(--cc-btn-secondary-text);
  background: #e5ebef;
  background: var(--cc-btn-secondary-bg);
  padding: 1em 1.7em;
  display: inline-block;
  cursor: pointer;
  font-size: 0.82em;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-align: center;
  border-radius: 4px;
  box-sizing: border-box;
}

#cm .c-bn {
  width: 48.5%;
}

#c-bns button + button,
#s-cnt button + button,
#s-c-bn {
  float: right;
}

#s-cnt #s-rall-bn {
  float: none;
  margin-left: 1em;
}

#cm .c_link:hover,
#cm .c_link:active,
#s-cnt button + button:hover,
#s-cnt button + button:active,
#s-c-bn:active,
#s-c-bn:hover {
  background: #d8e0e6;
  background: var(--cc-btn-secondary-hover-bg);
}

/**
CookieConsent settings modal
**/
#s-cnt {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
  display: table;
  height: 100%;
  visibility: hidden;
}

#s-bl {
  outline: none;
}

#s-bl .title {
  margin-top: 1.4em;
}

#s-bl .title:first-child {
  margin-top: 0;
}

#s-bl .b-bn {
  margin-top: 0;
}

#s-bl .b-acc .p {
  margin-top: 0;
  padding: 1em;
}

#s-cnt .b-bn .b-tl {
  display: block;
  font-family: inherit;
  font-size: 0.95em;
  width: 100%;
  cursor: pointer;
  position: relative;
  padding: 1.3em 6.4em 1.3em 2.7em;
  background: none;
  transition: background-color 0.25s ease;
}

#s-cnt .act .b-bn .b-tl {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

#s-cnt .b-bn .b-tl:active,
#s-cnt .b-bn .b-tl:hover {
  background: #e9eff4;
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl .b-bn {
  position: relative;
}

#s-bl .c-bl {
  padding: 1em;
  margin-bottom: 0.5em;
  border: 1px solid #f1f3f5;
  border-color: var(--cc-section-border);
  transition: background-color 0.25s ease;
}

#s-bl .c-bl:hover {
  background: #f0f4f7;
  background: var(--cc-cookie-category-block-bg);
}

#s-bl .c-bl:last-child {
  margin-bottom: 0.5em;
}

#s-bl .c-bl:first-child {
  transition: none;
  padding: 0;
  margin-top: 0;
  border: none;
  margin-bottom: 2em;
}

#s-bl .c-bl:first-child:hover {
  background: transparent;
  background: unset;
}

#s-bl .c-bl.b-ex {
  margin-top: 2em;
  padding: 0;
  border: none;
  background: #f0f4f7;
  background: var(--cc-cookie-category-block-bg);
  transition: none;
}

#s-bl .c-bl.b-ex + .c-bl {
  margin-top: 2em;
}

#s-bl .c-bl.b-ex + .c-bl.b-ex {
  margin-top: 0;
}

#s-bl .c-bl.b-ex:first-child {
  margin-bottom: 1em;
}

#s-bl .c-bl.b-ex:first-child {
  margin-bottom: 0.5em;
}

#s-bl .b-acc {
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  margin-bottom: 0;
  display: none;
}

#s-bl .act .b-acc {
  max-height: 100%;
  display: block;
  overflow: hidden;
}

#s-cnt .p {
  font-size: 0.9em;
  line-height: 1.5em;
  margin-top: 1em;
  color: #2d4156;
  color: var(--cc-block-text);
}

.cc_div .c-tgl:disabled {
  cursor: not-allowed;
}

#c-vln {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

#cs {
  padding: 0 1.7em;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}

#s-inr {
  height: 100%;
  position: relative;
  max-width: 45em;
  margin: 0 auto;
  transform: scale(0.96);
  opacity: 0;
  padding-top: 5.125em;
  padding-bottom: 4.75em;
  position: relative;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  box-shadow: rgba(3, 6, 9, 0.26) 0px 13px 27px -5px;
}

#s-inr,
#s-hdr,
#s-bns {
  background: #fff;
  background: var(--cc-bg);
}

#s-bl {
  overflow-y: auto;
  overflow-y: overlay;
  overflow-x: hidden;
  height: 100%;
  padding: 1.5em 2.5em;
  display: block;
  width: 100%;
}

#s-bns {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em 2.5em;
  border-top: 1px solid #f1f3f5;
  border-color: var(--cc-section-border);
  height: 4.75em;
}

.cc_div .cc-link {
  color: #253b48;
  color: var(--cc-btn-primary-bg);
  border-bottom: 1px solid #253b48;
  border-color: var(--cc-btn-primary-bg);
  display: inline;
  padding-bottom: 0;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
}

.cc_div .cc-link:hover,
.cc_div .cc-link:active {
  border-color: transparent;
}

#c-bns button:first-child,
#s-bns button:first-child {
  color: #fff;
  color: var(--cc-btn-primary-text);
  background: #253b48;
  background: var(--cc-btn-primary-bg);
}

.cc_div .c-tgl:checked ~ .c-tg {
  background: #253b48;
  background: var(--cc-toggle-bg-on);
}

#c-bns button:first-child:active,
#c-bns button:first-child:hover,
#s-bns button:first-child:active,
#s-bns button:first-child:hover {
  background: #1d2e38;
  background: var(--cc-btn-primary-hover-bg);
}

#s-hdr {
  position: absolute;
  top: 0;
  width: 100%;
  display: table;
  padding: 0 2.5em;
  height: 5.125em;
  vertical-align: middle;
  z-index: 2;
  border-bottom: 1px solid #f1f3f5;
  border-color: var(--cc-section-border);
}

#s-ttl {
  display: table-cell;
  vertical-align: middle;
  font-size: 1em;
}

#s-c-bn {
  padding: 0;
  width: 1.7em;
  height: 1.7em;
  font-size: 1.515em;
  margin: 0;
  font-weight: initial;
  position: relative;
}

#s-c-bnc {
  display: table-cell;
  vertical-align: middle;
}

.cc_div span.t-lb {
  position: absolute;
  top: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

#c_policy__text {
  height: 31.25em;
  overflow-y: auto;
  margin-top: 1.25em;
}

#c-s-in {
  position: relative;
  transform: translateY(-50%);
  top: 50%;
  height: 100%;
  height: calc(100% - 2.5em);
  max-height: 37.5em;
}

/** works only on webkit-based browsers **/
#s-bl::-webkit-scrollbar {
  width: 0.9em;
  height: 100%;
  background: transparent;
  border-radius: 0 0.25em 0.25em 0;
}

#s-bl::-webkit-scrollbar-thumb {
  border: 0.25em solid var(--cc-bg);
  background: #cfd5db;
  background: var(--cc-webkit-scrollbar-bg);
  border-radius: 100em;
}

#s-bl::-webkit-scrollbar-thumb:hover {
  background: #9199a0;
  background: var(--cc-webkit-scrollbar-bg-hover);
}

#s-bl::-webkit-scrollbar-button {
  width: 10px;
  height: 5px;
}

/** custom checkbox **/
/* The container */
.cc_div .b-tg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  right: 1.2em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

/* Hide the browser's default checkbox */
.cc_div .c-tgl {
  position: absolute;
  cursor: pointer;
  display: block;
  top: 0;
  left: 0;
}

/* Create a custom checkbox */
.cc_div .b-tg .c-tg {
  position: absolute;
  overflow: hidden;
  background: #919ea6;
  background: var(--cc-toggle-bg-off);
  transition: background-color 0.25s ease;
  pointer-events: none;
}

.cc_div span.t-lb,
.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .c-tgl {
  width: 3.6em;
  height: 1.6em;
  border-radius: 4em;
}

.cc_div .b-tg .c-tg.c-ro {
  cursor: not-allowed;
}

.cc_div .c-tgl ~ .c-tg.c-ro {
  background: #d5dee2;
  background: var(--cc-toggle-bg-readonly);
}

.cc_div .c-tgl ~ .c-tg.c-ro:after {
  box-shadow: none;
}

/* Style the checkmark/indicator */
.cc_div .b-tg .c-tg:after {
  content: "";
  position: absolute;
  left: 0.24em;
  top: 0.25em;
  width: 1.1em;
  height: 1.1em;
  border: none;
  box-sizing: content-box;
  background: #fff;
  background: var(--cc-toggle-knob-bg);
  box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
  transition: transform 0.25s ease;
  border-radius: 100%;
}

/* Show the checkmark when checked */
.cc_div .c-tgl:checked ~ .c-tg:after {
  transform: translateX(1.95em);
}

#s-bl table,
#s-bl th,
#s-bl td {
  border: none;
}

#s-bl tbody tr {
  transition: background-color 0.25s ease;
}

#s-bl tbody tr:hover {
  background: #e9eff4;
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl table {
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#s-bl td,
#s-bl th {
  padding: 0.8em 0.625em;
  text-align: left;
  vertical-align: top;
  font-size: 0.8em;
  padding-left: 1.2em;
}

#s-bl th {
  font-family: inherit;
  padding: 1.2em 1.2em;
}

#s-bl thead tr:first-child {
  border-bottom: 1px solid #e9edf2;
  border-color: var(--cc-cookie-table-border);
}

.force--consent #s-cnt,
.force--consent #cs {
  width: 100vw;
}

#cm-ov,
#cs-ov {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  background: #070707;
  background: rgba(4, 6, 8, 0.85);
  background: var(--cc-overlay-bg);
  display: none;
  transition: none;
}

.show--settings #cs-ov,
.c--anim #cs-ov,
.force--consent .c--anim #cm-ov,
.force--consent.show--consent #cm-ov {
  display: block;
}

#cs-ov {
  z-index: 2;
}

.force--consent .cc_div {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  width: 100vw;
  visibility: hidden;
  transition: visibility 0.25s linear;
}

.force--consent.show--consent .c--anim .cc_div,
.force--consent.show--settings .c--anim .cc_div {
  visibility: visible;
}

.force--consent #cm {
  position: absolute;
}

.force--consent #cm.bar {
  width: 100vw;
  max-width: 100vw;
}

html.force--consent.show--consent,
html.force--consent.show--settings {
  overflow-y: hidden !important;
}

html.force--consent,
html.force--consent body {
  height: auto !important;
  overflow-x: hidden !important;
}

/** END BLOCK PAGE SCROLL */
/** BEGIN ICONS **/
.cc_div .b-bn .b-tl::before,
.cc_div .act .b-bn .b-tl::before {
  border: solid #2d4156;
  border-color: var(--cc-btn-secondary-text);
  border-width: 0 2px 2px 0;
  padding: 0.2em;
  display: inline-block;
  position: absolute;
  content: "";
  margin-right: 15px;
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
  left: 1.2em;
  top: 50%;
}

.cc_div .act .b-bn .b-tl::before {
  transform: translateY(-20%) rotate(225deg);
}

.cc_div .on-i::before {
  border: solid #ffffff;
  border-color: var(--cc-toggle-knob-icon-color);
  border-width: 0 2px 2px 0;
  padding: 0.13em;
  display: inline-block;
  padding-bottom: 0.55em;
  content: "";
  margin: 0 auto;
  transform: rotate(45deg);
  margin-top: 0.31em;
  margin-left: 0.1em;
}

#s-c-bn::before,
#s-c-bn::after {
  content: "";
  position: absolute;
  left: 0.82em;
  top: 0.58em;
  height: 0.6em;
  width: 1.5px;
  background: #444d53;
  background: var(--cc-btn-secondary-text);
  transform: rotate(45deg);
  border-radius: 1em;
  margin: 0 auto;
}

#s-c-bn::after {
  transform: rotate(-45deg);
}

.cc_div .off-i,
.cc_div .on-i {
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  display: block;
  text-align: center;
  transition: opacity 0.25s ease;
}

.cc_div .on-i {
  left: 0;
  opacity: 0;
}

.cc_div .off-i::before,
.cc_div .off-i::after {
  right: 0.84em;
  top: 0.4em;
  content: " ";
  height: 0.85em;
  width: 0.09375em;
  display: block;
  background: #cdd6dc;
  background: var(--cc-toggle-knob-icon-color);
  margin: 0 auto;
  position: absolute;
  transform-origin: center;
}

.cc_div .off-i::before {
  transform: rotate(45deg);
}

.cc_div .off-i::after {
  transform: rotate(-45deg);
}

.cc_div .c-tgl:checked ~ .c-tg .on-i {
  opacity: 1;
}

.cc_div .c-tgl:checked ~ .c-tg .off-i {
  opacity: 0;
}

/** END ICONS **/
/* Start cloud layout */
#cm.cloud {
  max-width: 50em;
  margin: 0 auto;
  text-align: center;
  left: 1.25em;
  right: 1.25em;
  overflow: hidden;
  padding: 1.3em 2.4em;
  width: unset;
}

.cc_div .cloud #c-inr {
  display: table;
  width: 100%;
}

.cc_div .cloud #c-inr-i {
  width: 70%;
  display: table-cell;
  vertical-align: top;
  padding-right: 2.4em;
}

.cc_div .cloud #c-txt {
  margin-bottom: 0;
  font-size: 0.85em;
}

.cc_div .cloud #c-bns {
  min-width: 170px;
  display: table-cell;
  vertical-align: middle;
}

#cm.cloud .c-bn {
  margin: 0.625em 0 0 0;
  width: 100%;
}

#cm.cloud .c-bn:first-child {
  margin: 0;
}

#cm.cloud.left {
  margin-right: 1.25em;
}

#cm.cloud.right {
  margin-left: 1.25em;
}

/* End cloud layout */
/* Start bar layout */
#cm.bar {
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  position: fixed;
  padding: 2em;
}

#cm.bar #c-inr {
  max-width: 32em;
  margin: 0 auto;
}

#cm.bar #c-bns {
  max-width: 540px;
}

#cm.bar #cs {
  padding: 0;
}

.cc_div .bar #c-s-in {
  top: 0;
  transform: none;
  height: 100%;
  max-height: 100%;
}

.cc_div .bar #s-hdr,
.cc_div .bar #s-bl,
.cc_div .bar #s-bns {
  padding-left: 1.8em;
  padding-right: 1.8em;
}

.cc_div .bar #cs {
  padding: 0;
}

/* align bar to right by default */
.cc_div .bar #s-inr {
  margin: 0;
  margin-left: auto;
  margin-right: 0;
  border-radius: 0;
  max-width: 32em;
}

.cc_div .bar.left #s-inr {
  margin-left: 0;
  margin-right: auto;
}

/* Force table to not be like tables anymore */
.cc_div .bar #s-bl table,
.cc_div .bar #s-bl thead,
.cc_div .bar #s-bl tbody,
.cc_div .bar #s-bl th,
.cc_div .bar #s-bl td,
.cc_div .bar #s-bl tr,
.cc_div .bar #s-cnt {
  display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.cc_div .bar #s-bl thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.cc_div .bar #s-bl tr {
  border-top: 1px solid #e3e7ed;
  border-color: var(--cc-cookie-table-border);
}

.cc_div .bar #s-bl td {
  /* Behave  like a "row" */
  border: none;
  position: relative;
  padding-left: 35%;
}

.cc_div .bar #s-bl td:before {
  position: absolute;
  left: 1em;
  padding-right: 0.625em;
  white-space: nowrap;
  content: attr(data-column);
  color: #000;
  color: var(--cc-text);
  overflow: hidden;
  text-overflow: ellipsis;
}

/* End bar layout */
/* Positions */
#cm.top {
  bottom: auto;
  top: 1.25em;
}

#cm.left {
  right: auto;
  left: 1.25em;
}

#cm.right {
  left: auto;
  right: 1.25em;
}

#cm.bar.left,
#cm.bar.right {
  left: 0;
  right: 0;
}

#cm.bar.top {
  top: 0;
}

/* end positions */
@media screen and (max-width: 688px) {
  #cm,
  #cm.cloud,
  #cm.left,
  #cm.right {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 1.6em !important;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 0;
    display: block;
  }
  .force--consent #cm,
  .force--consent #cm.cloud {
    width: 100vw;
    max-width: 100vw;
  }
  #cm.top {
    top: 0;
    bottom: unset;
  }
  #cm.bottom {
    bottom: 0;
    top: unset;
  }
  .cc_div .cloud #c-txt {
    font-size: 0.9em;
  }
  #cm.cloud .c-bn {
    font-size: 0.85em;
  }
  #s-bns,
  .cc_div .bar #s-bns {
    padding: 1em 1.3em;
  }
  .cc_div .bar #s-inr {
    max-width: 100%;
    width: 100%;
  }
  .cc_div .cloud #c-inr-i {
    padding-right: 0;
  }
  #cs {
    border-radius: 0;
    padding: 0;
  }
  #c-s-in {
    max-height: 100%;
    height: 100%;
    top: 0;
    transform: none;
  }
  .cc_div .b-tg {
    font-size: 1.1em;
    right: 0.9em;
  }
  #s-inr {
    margin: 0;
    padding-bottom: 7.9em;
    border-radius: unset;
  }
  #s-bns {
    height: 7.9em;
  }
  #s-bl,
  .cc_div .bar #s-bl {
    padding: 1.3em;
  }
  #s-hdr,
  .cc_div .bar #s-hdr {
    padding: 0 1.3em;
  }
  /** dynamic table layout **/
  #s-bl table {
    width: 100%;
  }
  #s-inr.bns-t {
    padding-bottom: 10.5em;
  }
  .bns-t #s-bns {
    height: 10.5em;
  }
  .cc_div .bns-t .c-bn {
    font-size: 0.83em;
    padding: 0.9em 1.6em;
  }
  #s-cnt .b-bn .b-tl {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }
  /* Force table to not be like tables anymore */
  #s-bl table,
  #s-bl thead,
  #s-bl tbody,
  #s-bl th,
  #s-bl td,
  #s-bl tr,
  #s-cnt {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  #s-bl thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #s-bl tr {
    border-top: 1px solid #e3e7ed;
    border-color: var(--cc-cookie-table-border);
  }
  #s-bl td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 35%;
  }
  #s-bl td:before {
    position: absolute;
    left: 1em;
    padding-right: 0.625em;
    white-space: nowrap;
    content: attr(data-column);
    color: #000;
    color: var(--cc-text);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #cm .c-bn,
  .cc_div .c-bn {
    width: 100%;
    margin-right: 0;
  }
  #s-cnt #s-rall-bn {
    margin-left: 0;
  }
  #c-bns button + button,
  #s-cnt button + button {
    margin-top: 0.625em;
    float: unset;
  }
  #cm.cloud {
    left: 0;
    right: 0;
    max-width: 100%;
    width: 100%;
  }
  #cm.cloud.right,
  #cm.cloud.left {
    margin: 0;
  }
  .cc_div .cloud #c-bns,
  .cc_div .cloud #c-inr,
  .cc_div .cloud #c-inr-i {
    display: block;
    width: auto;
    min-width: unset;
  }
  .cc_div .cloud #c-txt {
    margin-bottom: 1.625em;
  }
}
/* Begin IE fixes */
.cc_div.ie #c-vln {
  height: 100%;
  padding-top: 5.62em;
}

.cc_div.ie .bar #c-vln {
  padding-top: 0;
}

.cc_div.ie #cs {
  max-height: 37.5em;
  position: relative;
  top: 0;
  margin-top: -5.625em;
}

.cc_div.ie .bar #cs {
  margin-top: 0;
  max-height: 100%;
}

.cc_div.ie #cm {
  border: 1px solid #dee6e9;
}

.cc_div.ie #c-s-in {
  top: 0;
}

.cc_div.ie .b-tg {
  padding-left: 1em;
  margin-bottom: 0.7em;
}

.cc_div.ie .c-tgl:checked ~ .c-tg:after {
  left: 1.95em;
}

.cc_div.ie #s-bl table {
  overflow: auto;
}

.cc_div.ie .b-tg .c-tg {
  display: none;
}

.cc_div.ie .c-tgl {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.2em;
  height: auto;
}

.cc_div.ie #s-cnt .b-bn .b-tl {
  padding: 1.3em 6.4em 1.3em 1.4em;
}

.cc_div.ie .bar #s-bl td:before {
  display: none;
}

.cc_div.ie .bar #s-bl td {
  padding: 0.8em 0.625em 0.8em 1.2em;
}

.cc_div.ie .bar #s-bl thead tr {
  position: relative;
}

.cc_div.ie .b-tg .t-lb {
  filter: alpha(opacity=0);
}

.cc_div.ie #cm-ov,
.cc_div.ie #cs-ov {
  filter: alpha(opacity=80);
}

/** END IE FIXES **/
.rugBuilderHeader {
  padding: 12px;
  background-color: var(--cc-color-black);
  width: 100%;
}
.rugBuilderHeader .wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.rugBuilderHeader * {
  color: var(--cc-color-white);
}
.rugBuilderHeader h1 {
  font-size: var(--kc-h4Size) 28px;
  font-size: var(--kc-h4Size-clamp);
  width: fit-content;
  order: 1;
  margin: 0;
}
.rugBuilderHeader .rugHeading {
  order: 2;
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: center;
}
.rugBuilderHeader .rugHeading .brand {
  width: 100px;
  order: 2;
}

footer {
  border-top: solid 12px var(--cc-color-primary);
  padding-top: 36px;
  margin-top: calc(24px + 2.4vw);
}
footer .wrapper {
  display: grid;
  grid-template-areas: "logo logo socials" "address menu menu";
  grid-template-columns: minmax(250px, 450px) 1fr 1fr;
}
footer ul {
  list-style-type: none;
  margin: 0;
}
footer .brand {
  grid-area: logo;
  margin-bottom: 36px;
  width: clamp(120px, 60%, 170px);
}
footer .address {
  grid-area: address;
  max-width: 350px;
}
footer .address ul.contacts {
  font-weight: 700;
}
footer .address ul.contacts * {
  color: var(--cc-color-primary);
}
footer .address ul.postal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 18px;
  max-width: 350px;
}
footer .address ul.postal li {
  display: inline;
  white-space: nowrap;
}
footer .address ul.postal li::after {
  content: ",";
  display: inline;
  margin-right: 0.25em;
}
footer .address ul.postal li:first-child {
  display: inline-block;
  width: 100%;
}
footer .address ul.postal li:first-child::after, footer .address ul.postal li:last-child::after {
  display: none;
}
footer .socialLinks {
  grid-area: socials;
  align-self: center;
  margin-right: 0;
  margin-left: auto;
  padding-right: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
footer .socialLinks li {
  width: 21px;
  height: 21px;
  margin: 0 10px 10px 0;
}
footer .socialLinks a, footer .socialLinks div {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
footer .socialLinks a p, footer .socialLinks div p {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}
footer .socialLinks a.connect, footer .socialLinks div.connect {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/connect-blue.svg");
}
footer .socialLinks a.fb, footer .socialLinks div.fb {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/facebook-blue.svg");
}
footer .socialLinks a.tw, footer .socialLinks div.tw {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/twitter-blue.svg");
}
footer .socialLinks a.li, footer .socialLinks div.li {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/linkedin-blue.svg");
}
footer .socialLinks a.wp, footer .socialLinks div.wp {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/wordpress-blue.svg");
}
footer .socialLinks a.pt, footer .socialLinks div.pt {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/pinterest-blue.svg");
}
footer .socialLinks a.ig, footer .socialLinks div.ig {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/instagram-blue.svg");
}
footer .socialLinks a.hz, footer .socialLinks div.hz {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/socials/houzz-logo-blue.svg");
}
footer ul.footLinks {
  grid-area: menu;
  column-gap: 20px;
  margin-top: -0.5em;
  padding-left: 1.25em;
  border-left: solid 1px var(--cc-color-light-grey);
}
footer ul.footLinks.twoColumns {
  column-count: 2;
  max-width: 510px;
}
footer ul.footLinks.threeColumns {
  column-count: 3;
}
footer ul.footLinks li {
  break-inside: avoid;
  padding: 0.5em 0;
}
footer ul.footLinks a {
  color: var(--cc-color-primary);
  line-height: 1em;
}
footer ul.footLinks ul li a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
footer ul.footLinks ul li a::before {
  content: "-";
  display: inline;
  margin-right: 0.25em;
}

.smallLinks .wrapper {
  border-top: solid 1px var(--cc-color-light-grey);
  padding: 24px 0;
  margin-top: 36px;
}
.smallLinks * {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
.smallLinks ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  margin-left: -6px;
}
.smallLinks a {
  color: var(--cc-color-grey);
  padding: 3px 6px;
}
.smallLinks ul.regDetails {
  margin: 0;
}

.credits {
  display: block;
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.credits a {
  color: var(--cc-color-grey);
  text-align: right;
  margin-right: 0;
  margin-left: auto;
}

@media only screen and (max-width: 700px) {
  footer .wrapper {
    grid-template-areas: "logo socials" "address menu";
    grid-template-columns: 1fr 1fr;
  }
  footer ul.footLinks {
    column-width: 130px;
  }
} /*$smallTablet ends*/
@media only screen and (max-width: 650px) {
  footer .wrapper {
    display: grid;
    grid-template-areas: "logo socials" "menu menu" "address address";
    grid-template-columns: minmax(250px, 450px) 1fr 1fr;
  }
  footer .address {
    max-width: 100%;
    border-top: solid 1px var(--cc-color-light-grey);
    padding: 24px 0 0;
    margin-top: 36px;
  }
  footer .brand {
    width: 100px;
  }
} /*$bigPhone ends*/
@media only screen and (max-width: 450px) {
  footer .wrapper {
    display: grid;
    grid-template-areas: "logo" "menu" "address" "socials";
  }
  footer .socialLinks {
    margin-left: 0;
    margin-right: auto;
    margin-top: 2em;
  }
} /*$bigPhone ends*/
.inlineShopMenu .shopDeptTiles {
  margin-top: 0;
}
.inlineShopMenu .text {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.inlineShopMenu .text + .shopDeptTiles {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}

.shopDeptTiles > .wrapper {
  padding-left: calc((calc(24px + 2.4vw)) * 0.75);
  padding-right: calc((calc(24px + 2.4vw)) * 0.75);
}

.shopDeptTiles {
  margin-bottom: calc(0px - (calc(24px + 2.4vw)) * 0.5);
}
.shopDeptTiles .tileTrack, .shopDeptTiles .tileGrid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  width: calc(100% + (calc(24px + 2.4vw)) * 0.5);
  margin-left: calc(0px - (calc((calc(24px + 2.4vw)) * 0.25)));
  overflow: hidden;
}

.shopDeptTile {
  width: 25%;
  padding: calc((calc(24px + 2.4vw)) * 0.25);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  min-width: 140px;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.shopDeptTile .text {
  order: 1;
  padding: clamp(18px, (calc(24px + 2.4vw)) * 0.25, 24px);
}
.shopDeptTile .text .positioner {
  width: 100%;
}
.shopDeptTile .text .positioner * {
  text-align: center;
}
.shopDeptTile .text .positioner h5 {
  margin: 0;
}
.shopDeptTile .text .positioner h5 + p {
  margin-top: 4px;
}
.shopDeptTile .text .positioner p {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  margin: 0;
}
.shopDeptTile .image {
  order: 0;
  width: 100%;
  background-color: var(--cc-color-lighter-grey);
}
.shopDeptTile .image img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.shopDeptTile .image span.stilt {
  display: block;
  width: 100%;
  padding-top: 100%;
}

.text + .tileTrack.flickity-enabled {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}

.tileTrack.flickity-enabled {
  overflow: visible;
}
.tileTrack.flickity-enabled .flickity-button.flickity-prev-next-button {
  background: transparent;
  color: var(--cc-color-primary);
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 0;
}
.tileTrack.flickity-enabled .flickity-button.flickity-prev-next-button:hover {
  background-color: transparent;
  border: 0;
}
.tileTrack.flickity-enabled .flickity-button.flickity-prev-next-button.previous {
  left: -30px;
}
.tileTrack.flickity-enabled .flickity-button.flickity-prev-next-button.next {
  right: -30px;
}
.tileTrack.flickity-enabled .shopDeptTile {
  margin-bottom: 0;
  padding-bottom: 0;
}
.tileTrack.flickity-enabled .shopDeptTile .text {
  padding-bottom: 0;
}
.tileTrack.flickity-enabled .flickity-slider {
  width: 100%;
}
.tileTrack.flickity-enabled .flickity-viewport {
  width: 100%;
}
.tileTrack.flickity-enabled .flickity-page-dots {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin: auto;
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.tileTrack.flickity-enabled .flickity-page-dots li {
  display: block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 0;
  margin-right: 0.6em;
  border-radius: 0;
  background-color: var(--cc-color-lighter-grey);
  opacity: 0.8;
}
.tileTrack.flickity-enabled .flickity-page-dots li.is-selected {
  background-color: var(--cc-color-primary);
}

@media only screen and (max-width: 900px) {
  .shopDeptTiles .shopDeptTile {
    width: 33.33%;
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 650px) {
  .shopDeptTiles .shopDeptTile {
    width: 50%;
  }
} /*$bigPhone ends*/
.scenery {
  margin-top: calc(24px + 4vw);
}
.scenery .wrapper {
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  padding: 12vw 0 6vw;
}
.scenery .wrapper * {
  color: var(--cc-color-white);
  z-index: 2;
}
.scenery .wrapper .logo {
  width: 15%;
  max-width: 150px;
  margin: 0 auto 6vw;
}
.scenery .wrapper h3 {
  max-width: 950px;
  padding-left: calc(24px + 2.4vw);
  padding-right: calc(24px + 2.4vw);
  margin-left: auto;
  margin-right: auto;
}
.scenery .bgImage {
  position: absolute;
  left: calc((calc(24px + 2.4vw)) * 0.25);
  top: 0;
  right: calc((calc(24px + 2.4vw)) * 0.25);
  width: calc(100% - (calc(24px + 2.4vw)) * 0.5);
  bottom: 0;
  z-index: 1;
  object-position: center bottom;
}

.shopEnquiries {
  z-index: 3;
  overflow: visible;
  margin-bottom: calc(24px + 2.4vw);
}
.shopEnquiries > .wrapper {
  padding-left: calc((calc(24px + 2.4vw)) * 0.25);
  padding-right: calc((calc(24px + 2.4vw)) * 0.25);
}
.shopEnquiries .boxed {
  background-color: var(--cc-color-secondary);
  padding: calc((calc(24px + 2.4vw)) * 0.5) calc(24px + 2.4vw);
  width: auto;
  max-width: 850px;
  margin: 0 auto;
  margin-top: calc((-24px - 3.5vw) / 2);
}
.shopEnquiries .boxed h3.divided.centered {
  overflow: hidden;
  text-align: center;
}
.shopEnquiries .boxed h3.divided.centered span {
  display: inline-block;
  padding: calc((calc(24px + 2.4vw)) * 0.25) calc((calc(24px + 2.4vw)) * 0.5);
  margin: auto;
}
.shopEnquiries .boxed h3.divided.centered span::before {
  content: "";
  display: block;
  position: absolute;
  left: auto;
  top: 50%;
  right: 100%;
  bottom: auto;
  width: 100vw;
  height: 1px;
  background-color: var(--cc-color-primary);
}
.shopEnquiries .boxed h3.divided.centered span::after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: 100vw;
  height: 1px;
  background-color: var(--cc-color-primary);
}
.shopEnquiries .boxed .flexer {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
}
.shopEnquiries .boxed .flexer h3 {
  width: 100%;
}
.shopEnquiries .boxed .flexer .openTimes, .shopEnquiries .boxed .flexer .contactNos {
  padding: 0 calc((calc(24px + 2.4vw)) * 0.5);
}
.shopEnquiries .boxed .flexer ul {
  list-style-type: none;
  padding-left: 0px;
}
.shopEnquiries .boxed .flexer ul li {
  margin-bottom: 3px;
}
.shopEnquiries .boxed .flexer a {
  font-weight: 500;
}

@media only screen and (max-width: 650px) {
  .shopEnquiries .boxed {
    margin-top: 0;
  }
  .shopEnquiries .boxed .flexer * {
    text-align: center;
    width: 100%;
  }
} /*$bigPhone ends*/
body.has_items .footBasket {
  transform: translateY(0%);
  opacity: 1;
  transition: all 0.35s ease;
}

.footBasket {
  opacity: 0;
  transform: translateY(100%);
  z-index: 100;
  position: fixed;
  left: 0;
  top: auto;
  right: 0;
  bottom: 12px;
  display: block;
  padding: 8px;
  transition: all 0.35s ease;
}
.footBasket .flexer {
  justify-content: center;
  align-content: center;
  align-items: center;
  width: fit-content;
  padding-left: calc((calc(24px + 2.4vw)) * 0.5);
  padding-right: calc((calc(24px + 2.4vw)) * 0.5);
  margin: auto;
  border-radius: 8px;
  background-color: color-mix(in srgb, var(--cc-color-primary) 90%, transparent);
}
.footBasket h6 {
  margin: 0;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-weight: 500;
}
.footBasket .blockLink {
  margin: 0.5em;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/basket_icon_white.svg");
  background-size: auto 1.5em;
  background-position: 0.8em center;
  background-repeat: no-repeat;
  padding: 0.75em 1em;
  padding-left: 3em;
  border: 0;
  color: var(--cc-color-white);
  background-color: transparent;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  text-transform: none;
  letter-spacing: 0em;
  font-weight: 450;
}
.footBasket .blockLink::after {
  display: none;
}
.footBasket .text {
  margin: 0.5em;
}
.footBasket .cartSummary {
  margin: 0.5em;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}
.footBasket .cartSummary .cart-customlocation {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.footBasket .cartSummary a {
  color: var(--cc-color-white);
}
.footBasket .cartSummary .basketDivide {
  padding-left: calc((calc(24px + 2.4vw)) * 0.25);
  margin-right: calc((calc(24px + 2.4vw)) * 0.25);
}
.footBasket ul {
  list-style-type: none;
  width: auto;
  margin: 0;
}
.footBasket ul li {
  display: inline-block;
}
.footBasket ul li + li {
  padding-left: calc((calc(24px + 2.4vw)) * 0.25);
  margin-left: calc((calc(24px + 2.4vw)) * 0.25);
  border-left: solid 1px var(--cc-color-primary);
}
.footBasket ul a {
  color: var(--cc-color-primary);
  padding: 0;
}

html body.woocommerce-cart .footBasket,
html body.woocommerce-checkout .footBasket {
  display: none;
}

@media only screen and (max-width: 650px) {
  .footBasket {
    padding: 0 calc((calc(24px + 2.4vw)) * 0.25);
  }
} /*$bigPhone ends*/
.accreditationBar .flexer {
  padding: calc(24px + 2.4vw) 0 0 0;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
.accreditationBar .flexer .text * {
  text-align: center;
}
.accreditationBar .flexer .accredLogos {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding: calc((calc(24px + 2.4vw)) * 0.5) 0;
}
.accreditationBar .flexer .accredLogos .image {
  width: 12.5%;
  padding: calc((calc(24px + 2.4vw)) * 0.5) calc((calc(24px + 2.4vw)) * 0.25);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.accreditationBar .flexer .accredLogos .image.wideLogo {
  width: 16.6666666667%;
}
.accreditationBar .flexer .accredLogos .image img {
  filter: none;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  object-fit: contain;
  object-position: left center;
  max-height: 80px;
  opacity: 0.5;
}

@media only screen and (max-width: 650px) {
  .accreditationBar .flexer .accredLogos {
    flex-wrap: wrap;
  }
  .accreditationBar .flexer .accredLogos .image {
    width: 20%;
    padding: calc((calc(24px + 2.4vw)) * 0.25);
  }
  .accreditationBar .flexer .accredLogos .image.wideLogo {
    width: 33.3333333333%;
  }
  .accreditationBar .flexer .accredLogos .image img {
    max-height: 60px;
  }
} /*$bigPhone ends*/
.navigation.post-navigation {
  padding-top: 18px;
  padding-bottom: 18px;
  margin-top: calc(24px + 2.4vw);
  margin-bottom: 18px;
  border-top: solid 1px var(--cc-color-primary);
  border-bottom: solid 1px var(--cc-color-primary);
}
.navigation.post-navigation .nav-links {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  width: calc(100% + (calc(24px + 2.4vw)) * 0.5);
  margin-left: calc(0px - calc((calc(24px + 2.4vw)) * 0.25));
}
.navigation.post-navigation .nav-links > div {
  padding: calc((calc(24px + 2.4vw)) * 0.25);
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}
.navigation.post-navigation .nav-links > div * {
  color: var(--cc-color-text-color);
}
.navigation.post-navigation .nav-links > div a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
.navigation.post-navigation .nav-links > div p {
  margin: 0;
}
.navigation.post-navigation .nav-links > div .date {
  display: inline-block;
  width: 100%;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  line-height: 1em;
}
.navigation.post-navigation .nav-links > div icon {
  display: inline-block;
  font-size: var(--kc-h5Size) 24px;
  font-size: var(--kc-h5Size-clamp);
  font-weight: 300;
  color: var(--cc-color-primary);
}
.navigation.post-navigation .nav-previous {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}
.navigation.post-navigation .nav-previous a {
  justify-content: flex-start;
}
.navigation.post-navigation .nav-previous icon {
  padding-right: calc((calc(24px + 2.4vw)) * 0.25);
}
.navigation.post-navigation .nav-next {
  text-align: right;
  margin-right: 0;
  margin-left: auto;
}
.navigation.post-navigation .nav-next a {
  justify-content: flex-end;
}
.navigation.post-navigation .nav-next icon {
  padding-left: calc((calc(24px + 2.4vw)) * 0.25);
}

@media only screen and (max-width: 650px) {
  .navigation.post-navigation .nav-links {
    flex-wrap: wrap;
    justify-content: center;
  }
  .navigation.post-navigation .nav-links > div {
    width: 100%;
  }
} /*$bigPhone ends*/
.woocommerce-NoticeGroup-updateOrderReview, .woocommerce-NoticeGroup-checkout {
  margin-top: -200px;
  padding-top: 200px;
}

.bannerHolder.textOnlyBanner + .wrapper .woocommerce {
  padding-top: calc(24px + 2.4vw);
}

.shopWrapper > .wrapper .block:first-child {
  margin-top: 0;
}

html .woocommerce button,
html .woocommerce button.button,
html .woocommerce .woocommerce-button,
html .woocommerce .woocommerce-button.button,
html .woocommerce .button, html .woocommerce a.button,
html .woocommerce .wc-proceed-to-checkout a.checkout-button {
  border-radius: 0;
  cursor: pointer;
  padding: 0.75em 1.25em;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: var(--cc-color-white);
  background-color: var(--cc-color-secondary);
  white-space: nowrap;
  line-height: 1.2em;
  transition: background-color 350ms ease-in;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  border: 1px solid transparent;
  box-sizing: content-box;
  text-transform: uppercase;
  font-weight: 650;
}
html .woocommerce button.alt.disabled,
html .woocommerce button.button.alt.disabled,
html .woocommerce .woocommerce-button.alt.disabled,
html .woocommerce .woocommerce-button.button.alt.disabled,
html .woocommerce .button.alt.disabled, html .woocommerce a.button.alt.disabled,
html .woocommerce .wc-proceed-to-checkout a.checkout-button.alt.disabled {
  background-color: var(--cc-color-primary);
}
html .woocommerce button:hover,
html .woocommerce button.button:hover,
html .woocommerce .woocommerce-button:hover,
html .woocommerce .woocommerce-button.button:hover,
html .woocommerce .button:hover, html .woocommerce a.button:hover,
html .woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
  border: 1px solid var(--cc-color-primary);
  color: var(--cc-color-white);
  background-color: var(--cc-color-primary);
}
html .woocommerce button.view,
html .woocommerce button.button.view,
html .woocommerce .woocommerce-button.view,
html .woocommerce .woocommerce-button.button.view,
html .woocommerce .button.view, html .woocommerce a.button.view,
html .woocommerce .wc-proceed-to-checkout a.checkout-button.view {
  padding: 6px 8px;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  justify-content: center;
  width: 100%;
}
html .woocommerce small.tax_label {
  white-space: nowrap;
}

@media only screen and (max-width: 768px) {
  html .woocommerce .woocommerce-button.view,
  html .woocommerce .woocommerce-Button.button.view,
  html .woocommerce .button.view, html .woocommerce a.button.view,
  html .woocommerce .wc-proceed-to-checkout a.checkout-button.view {
    width: auto;
    min-width: 120px;
  }
} /*$tablet ends*/
html .woocommerce table.shop_table {
  border: 0;
}
html .woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-name {
  width: 40%;
}
html .woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-total {
  width: 60%;
}

@media only screen and (max-width: 768px) {
  html .woocommerce table.shop_table_responsive tr td::before,
  html .woocommerce-page table.shop_table_responsive tr td::before {
    font-weight: normal;
  }
} /*$tablet ends*/
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.woocommerce .woocommerce-NoticeGroup,
.woocommerce .woocommerce-notices-wrapper, .shopWrapper .woocommerce-NoticeGroup,
.shopWrapper .woocommerce-notices-wrapper {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  animation-duration: 750ms;
  animation-name: fadeIn;
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-form-coupon-toggle, .shopWrapper .woocommerce-error,
.shopWrapper .woocommerce-info,
.shopWrapper .woocommerce-message,
.shopWrapper .woocommerce-form-coupon-toggle {
  max-width: 1050px;
  margin: calc((calc(24px + 2.4vw)) * 0.5) auto;
  text-align: center;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-form-coupon-toggle::before, .shopWrapper .woocommerce-error::before,
.shopWrapper .woocommerce-info::before,
.shopWrapper .woocommerce-message::before,
.shopWrapper .woocommerce-form-coupon-toggle::before {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  margin-right: 0.5em;
}
.woocommerce .woocommerce-error li,
.woocommerce .woocommerce-info li,
.woocommerce .woocommerce-message li,
.woocommerce .woocommerce-form-coupon-toggle li, .shopWrapper .woocommerce-error li,
.shopWrapper .woocommerce-info li,
.shopWrapper .woocommerce-message li,
.shopWrapper .woocommerce-form-coupon-toggle li {
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: center;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-error button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-info button,
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-message button,
.woocommerce .woocommerce-form-coupon-toggle .button,
.woocommerce .woocommerce-form-coupon-toggle button, .shopWrapper .woocommerce-error .button, .shopWrapper .woocommerce-error button,
.shopWrapper .woocommerce-info .button,
.shopWrapper .woocommerce-info button,
.shopWrapper .woocommerce-message .button,
.shopWrapper .woocommerce-message button,
.shopWrapper .woocommerce-form-coupon-toggle .button,
.shopWrapper .woocommerce-form-coupon-toggle button {
  float: none;
  order: 2;
  margin: 0.5em 1em;
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message, .shopWrapper .woocommerce-info,
.shopWrapper .woocommerce-message {
  border-top-color: var(--cc-color-primary);
  border-top-width: 8px;
  border: 0;
  border: solid 1px var(--cc-color-light-grey);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: center;
}
.woocommerce .woocommerce-info a.button,
.woocommerce .woocommerce-message a.button, .shopWrapper .woocommerce-info a.button,
.shopWrapper .woocommerce-message a.button {
  margin: 0;
  margin-left: calc((calc(24px + 2.4vw)) * 0.25);
  order: 12;
  font-weight: normal;
  border-radius: 0;
  cursor: pointer;
  padding: 0.75em 1.25em;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: var(--cc-color-block-link-text);
  background-color: var(--cc-color-block-link-bg);
  white-space: nowrap;
  box-sizing: border-box;
  line-height: 1.2em;
  transition: background-color 350ms ease-in;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  border: 1px solid transparent;
  box-sizing: content-box;
}
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before, .shopWrapper .woocommerce-info::before,
.shopWrapper .woocommerce-message::before {
  color: var(--cc-color-primary);
}
.woocommerce .woocommerce-error, .shopWrapper .woocommerce-error {
  border: 0;
  border: solid 1px var(--cc-color-red);
}
.woocommerce .woocommerce-error::before, .shopWrapper .woocommerce-error::before {
  color: var(--cc-color-red);
}
.woocommerce ul.woocommerce-error, .shopWrapper ul.woocommerce-error {
  width: 100%;
  color: var(--cc-color-red);
  padding-left: 32px;
  padding-right: 32px;
  font-weight: 500;
}
.woocommerce ul.woocommerce-error.dismissed, .shopWrapper ul.woocommerce-error.dismissed {
  display: none;
}
.woocommerce ul.woocommerce-error::before, .shopWrapper ul.woocommerce-error::before {
  position: absolute;
  left: 12px;
  top: 12px;
  right: auto;
  bottom: auto;
}

.woocommerce .formPadder {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  padding: calc((calc(24px + 2.4vw)) * 0.5);
  background-color: rgba(235, 228, 220, 0.33);
}
.woocommerce .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
  line-height: 1em;
}
.woocommerce .cartWrapper,
.woocommerce .checkoutWrapper,
.woocommerce .checkout_coupon.woocommerce-form-coupon {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
}
.woocommerce p.paymentNote {
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  max-width: calc(1050px - (calc(24px + 2.4vw)) * 0.75 * 2);
  margin-left: auto;
  margin-right: auto;
}
.woocommerce form input, .woocommerce form textarea {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  padding: 0.5em;
  border: solid 1px var(--cc-color-light-grey);
  border-radius: 0;
}
.woocommerce form small {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
.woocommerce form select {
  border-radius: 0;
}
.woocommerce form input#submit.alt,
.woocommerce form a.button.alt,
.woocommerce form button.button.alt,
.woocommerce form input.button.alt,
.woocommerce form button.button {
  border-radius: 0;
  cursor: pointer;
  padding: 0.75em 1.25em;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: var(--cc-color-block-link-text);
  background-color: var(--cc-color-block-link-bg);
  white-space: nowrap;
  box-sizing: border-box;
  line-height: 1.2em;
  transition: background-color 350ms ease-in;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  border: 1px solid transparent;
  box-sizing: content-box;
}
.woocommerce form input#submit.alt:hover,
.woocommerce form a.button.alt:hover,
.woocommerce form button.button.alt:hover,
.woocommerce form input.button.alt:hover,
.woocommerce form button.button:hover {
  border: 1px solid var(--cc-color-primary);
  color: var(--cc-color-white);
  background-color: var(--cc-color-primary);
}
.woocommerce .checkout_coupon.woocommerce-form-coupon {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: stretch;
  border-color: var(--cc-color-primary);
}
.woocommerce .checkout_coupon.woocommerce-form-coupon input {
  min-height: 100%;
}
.woocommerce .checkout_coupon.woocommerce-form-coupon p {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
}
.woocommerce .checkout_coupon.woocommerce-form-coupon p.form-row-first {
  width: 47%;
}
.woocommerce .checkout_coupon.woocommerce-form-coupon p.form-row-last {
  width: auto;
}

.emptySamples {
  text-align: center;
  margin-bottom: calc(24px + 2.4vw);
}

.woocommerce .cartWrapper table.shop_table .product-thumbnail {
  max-width: 120px;
  width: 120px;
}
.woocommerce .cartWrapper table.shop_table .product-thumbnail img, .woocommerce .cartWrapper table.shop_table .product-thumbnail a {
  max-width: 100px;
  width: 100px;
  margin: 0;
  display: block;
}
.woocommerce .cartWrapper table.shop_table td.product-name .product-sku {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  margin: 0;
}
.woocommerce .cartWrapper table.shop_table td.product-name p, .woocommerce .cartWrapper table.shop_table td.product-name a {
  margin: 0;
}
.woocommerce .cartWrapper table.shop_table td.product-name a, .woocommerce .cartWrapper table.shop_table td.product-name p.category {
  color: var(--cc-color-black);
  display: inline-block;
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  line-height: var(--kc-header-font-line-height);
  margin-bottom: 0.5em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  margin: 0;
}
.woocommerce .cartWrapper table.shop_table td.product-name p.category {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  font-weight: 300;
}
.woocommerce .cartWrapper table.shop_table .product-quantity {
  display: none;
  text-align: right;
  padding-right: 0;
}
.woocommerce .cartWrapper table.shop_table .product-quantity .quantity input {
  width: 100%;
  max-width: 80px;
}
.woocommerce .cartWrapper table.shop_table .product-price {
  text-align: right;
  width: 140px;
  white-space: nowrap;
}
.woocommerce .cartWrapper table.shop_table .product-subtotal {
  display: none;
  text-align: right;
  width: 140px;
  white-space: nowrap;
}
.woocommerce .cartWrapper table.shop_table .amount {
  color: var(--cc-color-primary);
}
.woocommerce .cartWrapper table.shop_table td.product-remove {
  width: 1.2em;
}
.woocommerce .cartWrapper table.shop_table td.product-remove a.remove {
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  color: transparent !important;
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: center;
  line-height: 1em;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/cancel-bin.svg");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
}
.woocommerce .cartWrapper table.shop_table td.product-remove a.remove:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.woocommerce .cartWrapper td.actions {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  border-bottom: solid 1px var(--cc-color-light-grey);
}
.woocommerce .cartWrapper table.shop_table .coupon {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.woocommerce .cartWrapper table.shop_table .coupon input.input-text {
  border: solid 1px var(--cc-color-light-grey);
  padding: 0.5em;
  width: 160px;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}
.woocommerce .cartWrapper p.shortDescription {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  color: var(--cc-color-primary);
}
.woocommerce .cartWrapper form button[name=update_cart],
.woocommerce .cartWrapper form button[name=update_cart]:disabled[disabled] {
  background-color: transparent;
  color: var(--cc-color-primary);
  padding-left: 0;
  padding-right: 0;
  border: 0;
}
.woocommerce .cartWrapper form button[name=update_cart]::before,
.woocommerce .cartWrapper form button[name=update_cart]:disabled[disabled]::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/update-cart.svg");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
  transition: transform 0.5s ease-in-out;
}
.woocommerce .cartWrapper form button[name=update_cart]:hover,
.woocommerce .cartWrapper form button[name=update_cart]:disabled[disabled]:hover {
  border: 0;
  color: var(--cc-color-primary);
  background-color: transparent;
}
.woocommerce .cartWrapper form button[name=update_cart]:hover::before,
.woocommerce .cartWrapper form button[name=update_cart]:disabled[disabled]:hover::before {
  transform: rotate(180deg);
}
.woocommerce .cartWrapper form button[name=update_cart]:disabled[disabled]:hover {
  color: var(--cc-color-primary);
}
.woocommerce .cartWrapper form button[name=update_cart]:disabled[disabled]:hover::before {
  transform: none;
}
.woocommerce .cartWrapper .cart-collaterals #calc_shipping_country_field,
.woocommerce .cartWrapper .cart-collaterals #calc_shipping_state_field,
.woocommerce .cartWrapper .cart-collaterals #calc_shipping_city_field {
  display: none !important;
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals {
  margin-top: 1.2em;
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals h2 {
  font-size: var(--kc-h5Size) 24px;
  font-size: var(--kc-h5Size-clamp);
  padding: 0 12px;
  border-bottom: solid 1px var(--cc-color-primary);
  padding-bottom: 1.2em;
  margin-bottom: 1.2em;
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals .cart-subtotal,
.woocommerce .cartWrapper .cart-collaterals .cart_totals .order-total {
  text-align: right;
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals .cart-subtotal td,
.woocommerce .cartWrapper .cart-collaterals .cart_totals .order-total td {
  width: 260px;
  white-space: nowrap;
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals .order-total {
  vertical-align: initial;
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals .order-total td {
  white-space: normal;
  vertical-align: text-top;
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals .order-total td .includes_tax {
  width: 100%;
  white-space: nowrap;
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals tr.shipping {
  text-align: right;
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals tr.shipping th {
  vertical-align: initial;
  text-align: right;
  padding-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals tr.shipping #shipping_method {
  padding-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals tr.shipping #shipping_method li {
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.25);
  text-align: left;
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals tr.shipping p.woocommerce-shipping-destination {
  text-align: left;
  margin-bottom: 0;
}
.woocommerce .cartWrapper .cart-collaterals .cart_totals tr.shipping p.woocommerce-shipping-destination strong::before {
  content: "";
  display: block;
  width: 100%;
}
.woocommerce .cartWrapper .cart-collaterals .wc-proceed-to-checkout {
  text-align: right;
}

@media only screen and (max-width: 768px) {
  .woocommerce .cartWrapper {
    padding: calc((calc(24px + 2.4vw)) * 0.5);
  }
  .woocommerce .cartWrapper table.shop_table .product-quantity {
    display: none;
  }
  .woocommerce .cartWrapper table.shop_table .product-quantity .quantity input {
    width: unset;
  }
  .woocommerce .cartWrapper table.shop_table .product-subtotal {
    width: unset;
  }
  .woocommerce .cartWrapper table.shop_table td.product-remove {
    width: unset;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: stretch;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item + tr.cart_item {
    border-top: solid 1px var(--cc-color-light-grey);
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td {
    width: 100%;
    border: 0;
    box-sizing: border-box;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td *:last-child {
    margin-bottom: 0;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-name::before,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price::before {
    display: none;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-name,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-subtotal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-name a, .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-name p,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price a,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price p,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity a,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity p,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-subtotal a,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-subtotal p {
    width: 100%;
    text-align: left;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-remove {
    order: 0;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-name {
    order: 1;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity {
    opacity: 0;
    order: 2;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price {
    order: 3;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-subtotal {
    order: 4;
    display: none;
    flex-grow: 1;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-remove {
    width: 2em;
    padding: 0;
    padding-top: 0.5em;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-name {
    width: calc(40% - 2em);
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity {
    width: 30%;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price {
    width: 30%;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity {
    justify-content: flex-end;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price::before,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity::before {
    margin-right: 0.5em;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-subtotal {
    justify-content: flex-end;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price span,
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-subtotal span {
    margin-left: 0.5em;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity::before {
    content: "Qty";
    font-weight: normal;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity .quantity input {
    max-width: 80px;
    padding: 0.5em;
  }
  .woocommerce .cartWrapper table.shop_table td.actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
  }
  .woocommerce .cartWrapper table.shop_table td.actions .coupon {
    width: 50%;
  }
  .woocommerce .cartWrapper table.shop_table td.actions button[name=update_cart] {
    width: auto;
    margin-right: 0;
    margin-left: auto;
  }
  .woocommerce .cartWrapper .cart-collaterals .cart_totals tr.cart-subtotal td,
  .woocommerce .cartWrapper .cart-collaterals .cart_totals tr.order-total td {
    width: 100%;
  }
  .woocommerce .cartWrapper table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td::before {
    width: 100%;
    display: block;
    margin-bottom: 8px;
    text-align: left !important;
  }
  .woocommerce .cartWrapper form.woocommerce-shipping-calculator {
    text-align: left;
  }
} /*768px ends*/
@media only screen and (max-width: 650px) {
  .woocommerce .cartWrapper {
    padding: 0;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-remove {
    order: 0;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-name {
    order: 1;
    width: calc(60% - 2em);
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price {
    order: 2;
    width: 40%;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity {
    display: none;
    order: 3;
    width: 60%;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-subtotal {
    order: 4;
    width: 40%;
  }
  .woocommerce .cartWrapper table.shop_table td.actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
  }
  .woocommerce .cartWrapper table.shop_table td.actions .coupon {
    width: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
  }
  .woocommerce .cartWrapper table.shop_table td.actions .coupon .input-text, .woocommerce .cartWrapper table.shop_table td.actions .coupon .button {
    width: 100%;
  }
} /*$bigPhone ends*/
@media only screen and (max-width: 450px) {
  .woocommerce .cartWrapper table.shop_table tr.cart_item {
    justify-content: flex-end;
    align-items: flex-start;
    vertical-align: initial;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-remove {
    order: 0;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-name {
    order: 1;
    width: calc(100% - 2em - 125px);
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-name .shortDescription {
    display: none;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price {
    order: 2;
    width: 125px;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity {
    display: none;
    order: 3;
    width: 105px;
    flex-grow: 1;
    padding: 0;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-subtotal {
    order: 4;
    width: calc(100% - 125px);
  }
  .woocommerce .cartWrapper table.shop_table td.actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
  }
  .woocommerce .cartWrapper table.shop_table td.actions .coupon {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
  }
  .woocommerce .cartWrapper table.shop_table td.actions .coupon .input-text, .woocommerce .cartWrapper table.shop_table td.actions .coupon .button {
    width: 100%;
  }
} /*$smallPhone ends*/
@media only screen and (max-width: 350px) {
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-remove {
    order: 0;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-name {
    order: 1;
    width: calc(100% - 2em);
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-name .shortDescription {
    display: none;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-quantity {
    display: none;
    order: 2;
    width: 105px;
    flex-grow: 1;
    padding: 0;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-price {
    order: 3;
    width: 125px;
  }
  .woocommerce .cartWrapper table.shop_table tr.cart_item td.product-subtotal {
    order: 4;
    width: 100%;
  }
} /*$smallPhone ends*/
html .woocommerce table.shop_table tbody th, html .woocommerce table.shop_table tfoot td, html .woocommerce table.shop_table tfoot th {
  font-weight: 500;
}

.return-to-shop {
  text-align: center;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-form-coupon-toggle {
  padding: clamp(18px, (calc(24px + 2.4vw)) * 0.25, 24px);
}
.woocommerce-form-coupon-toggle .woocommerce-info {
  all: unset;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}
.woocommerce-form-coupon-toggle .woocommerce-info::before {
  display: none;
}

.woocommerce .checkoutWrapper {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}
.woocommerce .checkoutWrapper form.woocommerce-checkout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
}
.woocommerce .checkoutWrapper form.woocommerce-checkout h3 {
  font-size: var(--kc-h5Size) 24px;
  font-size: var(--kc-h5Size-clamp);
  padding: 0 12px;
  border-bottom: solid 1px var(--cc-color-primary);
  padding-bottom: 0.8em;
  margin-bottom: 0.8em;
  padding-left: 0;
}
.woocommerce .checkoutWrapper form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
}
.woocommerce .checkoutWrapper form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce .checkoutWrapper form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce .checkoutWrapper form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-wide {
  width: calc(50% - (calc(24px + 2.4vw)) * 0.25);
  margin: 0;
  margin-bottom: 14px;
}
.woocommerce .checkoutWrapper form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_country_field,
.woocommerce .checkoutWrapper form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #new_order_notes_field {
  width: 100%;
}
.woocommerce .checkoutWrapper form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .input-text {
  padding: 14px;
}
.woocommerce .checkoutWrapper #order_review .woocommerce-checkout-review-order-table tr.cart-subtotal {
  display: none;
}
.woocommerce .checkoutWrapper #order_review .woocommerce-checkout-review-order-table tr.order-total {
  display: none;
}
.woocommerce .checkoutWrapper #order_review #payment .woocommerce-SavedPaymentMethods-saveNew {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.woocommerce .checkoutWrapper #order_review #payment .woocommerce-SavedPaymentMethods-saveNew input {
  margin: 0;
  margin-right: 0.5em;
  margin-top: 0.25em;
}
.woocommerce .checkoutWrapper #order_review #payment .woocommerce-SavedPaymentMethods-saveNew label {
  line-height: 1.4em;
  width: 80%;
}
.woocommerce .checkoutWrapper p.checkoutNote {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
.woocommerce .checkoutWrapper #new_order_notes {
  min-height: 200px;
}
.woocommerce .checkoutWrapper .yourOrderWrapper {
  width: 100%;
  order: 2;
  padding-left: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .checkoutWrapper .yourOrderWrapper #order_review_heading,
.woocommerce .checkoutWrapper .yourOrderWrapper .woocommerce-checkout-review-order-table {
  display: none;
}
.woocommerce .checkoutWrapper #customer_details {
  padding-right: calc((calc(24px + 2.4vw)) * 0.25);
  width: 100%;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.woocommerce .checkoutWrapper #customer_details .col-1 {
  width: 100%;
  order: 1;
}
.woocommerce .checkoutWrapper #customer_details .col-2 {
  display: none;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  width: 100%;
  order: 0;
}
.woocommerce .checkoutWrapper .woocommerce-checkout-review-order-table {
  background-color: rgba(255, 255, 255, 0.7);
}
.woocommerce .checkoutWrapper .woocommerce-checkout-review-order-table p.shortDescription {
  display: none;
}
.woocommerce .checkoutWrapper .woocommerce-checkout-review-order-table .woocommerce-Price-amount.amount {
  font-weight: 500;
}
.woocommerce .checkoutWrapper .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount.amount {
  font-weight: 700;
}
.woocommerce .checkoutWrapper #add_payment_method .woocommerce-checkout-payment,
.woocommerce .checkoutWrapper .woocommerce-cart .woocommerce-checkout-payment,
.woocommerce .checkoutWrapper .woocommerce-checkout .woocommerce-checkout-payment {
  padding: clamp(18px, (calc(24px + 2.4vw)) * 0.25, 24px);
}
.woocommerce .checkoutWrapper #add_payment_method #payment,
.woocommerce .checkoutWrapper .woocommerce-cart #payment,
.woocommerce .checkoutWrapper .woocommerce-checkout #payment {
  background-color: var(--cc-color-white);
}
.woocommerce .checkoutWrapper #add_payment_method #payment div.payment_box,
.woocommerce .checkoutWrapper .woocommerce-cart #payment div.payment_box,
.woocommerce .checkoutWrapper .woocommerce-checkout #payment div.payment_box {
  background-color: var(--cc-color-lighter-grey);
}
.woocommerce .checkoutWrapper #add_payment_method #payment div.payment_box::before,
.woocommerce .checkoutWrapper .woocommerce-cart #payment div.payment_box::before,
.woocommerce .checkoutWrapper .woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: var(--cc-color-lighter-grey);
}
.woocommerce .checkoutWrapper #add_payment_method #payment div.payment_box .wc-stripe-elements-field,
.woocommerce .checkoutWrapper .woocommerce-cart #payment div.payment_box .wc-stripe-elements-field,
.woocommerce .checkoutWrapper .woocommerce-checkout #payment div.payment_box .wc-stripe-elements-field {
  border-color: var(--cc-color-light-grey);
  padding: 12px;
  border-radius: 0;
}
.woocommerce .checkoutWrapper #add_payment_method #payment div.payment_box fieldset,
.woocommerce .checkoutWrapper .woocommerce-cart #payment div.payment_box fieldset,
.woocommerce .checkoutWrapper .woocommerce-checkout #payment div.payment_box fieldset {
  border: 0;
}
.woocommerce .checkoutWrapper #add_payment_method #payment div.payment_box.payment_method_stripe fieldset + fieldset,
.woocommerce .checkoutWrapper .woocommerce-cart #payment div.payment_box.payment_method_stripe fieldset + fieldset,
.woocommerce .checkoutWrapper .woocommerce-checkout #payment div.payment_box.payment_method_stripe fieldset + fieldset {
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .checkoutWrapper #add_payment_method #place_order,
.woocommerce .checkoutWrapper .woocommerce-cart #place_order,
.woocommerce .checkoutWrapper .woocommerce-checkout #place_order {
  text-align: center;
  justify-content: center;
}
.woocommerce .checkoutWrapper #add_payment_method #wc-stripe-cc-form .form-row,
.woocommerce .checkoutWrapper .woocommerce-cart #wc-stripe-cc-form .form-row,
.woocommerce .checkoutWrapper .woocommerce-checkout #wc-stripe-cc-form .form-row {
  margin-bottom: 0;
  padding: 0;
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .checkoutWrapper #add_payment_method .woocommerce-privacy-policy-text *,
.woocommerce .checkoutWrapper .woocommerce-cart .woocommerce-privacy-policy-text *,
.woocommerce .checkoutWrapper .woocommerce-checkout .woocommerce-privacy-policy-text * {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}

.wc_payment_methods.payment_methods.methods {
  display: none;
}

@media only screen and (max-width: 700px) {
  .woocommerce .checkoutWrapper form.woocommerce-checkout {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .woocommerce .checkoutWrapper .yourOrderWrapper {
    width: 100%;
    margin-top: calc((calc(24px + 2.4vw)) * 0.5);
    padding-left: 0;
  }
  .woocommerce .checkoutWrapper #customer_details {
    width: 100%;
  }
  .woocommerce .checkoutWrapper #customer_details .col-1 {
    width: 100%;
  }
  .woocommerce .checkoutWrapper .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
  }
  .woocommerce .checkoutWrapper .woocommerce-billing-fields__field-wrapper .form-row {
    width: 100%;
  }
  .woocommerce .checkoutWrapper .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
  .woocommerce .checkoutWrapper .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
  .woocommerce .checkoutWrapper .woocommerce-billing-fields__field-wrapper #billing_city_field,
  .woocommerce .checkoutWrapper .woocommerce-billing-fields__field-wrapper #billing_state_field,
  .woocommerce .checkoutWrapper .woocommerce-billing-fields__field-wrapper #billing_postcode_field {
    width: 48%;
  }
  .woocommerce .checkoutWrapper .woocommerce-billing-fields__field-wrapper #billing_postcode_field::after {
    display: block;
    width: 100%;
    content: "";
  }
  .woocommerce .checkoutWrapper #add_payment_method #place_order,
  .woocommerce .checkoutWrapper .woocommerce-cart #place_order,
  .woocommerce .checkoutWrapper .woocommerce-checkout #place_order {
    margin-bottom: 0;
  }
} /*$smallTablet ends*/
@media only screen and (max-width: 650px) {
  .woocommerce .checkoutWrapper .woocommerce-billing-fields__field-wrapper .form-row-first,
  .woocommerce .checkoutWrapper .woocommerce-billing-fields__field-wrapper .form-row-last,
  .woocommerce .checkoutWrapper .woocommerce-billing-fields__field-wrapper .form-row-wide {
    width: 100% !important;
  }
} /*$bigPhone ends*/
html .woocommerce .woocommerce-order-details,
html .woocommerce .woocommerce-customer-details {
  background-color: rgba(235, 228, 220, 0.33);
  padding: calc((calc(24px + 2.4vw)) * 0.75);
}
html .woocommerce .woocommerce-order-details h2.woocommerce-order-details__title,
html .woocommerce .woocommerce-order-details h2.woocommerce-column__title,
html .woocommerce .woocommerce-customer-details h2.woocommerce-order-details__title,
html .woocommerce .woocommerce-customer-details h2.woocommerce-column__title {
  font-size: var(--kc-h4Size) 28px;
  font-size: var(--kc-h4Size-clamp);
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.25);
  border-bottom: solid 1px var(--cc-color-primary);
}
html .woocommerce .woocommerce-customer-details address {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  background-color: var(--cc-color-white);
  border: 0;
  border-radius: 0;
  padding: calc((calc(24px + 2.4vw)) * 0.5);
}
html .woocommerce .woocommerce-table__product-name.product-name a {
  color: var(--cc-color-black);
}
html .woocommerce .woocommerce-table__product-name.product-name strong {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}
html .woocommerce .woocommerce-table--order-details tfoot > tr:first-child {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}
html .woocommerce .woocommerce-order {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - (calc((calc(24px + 2.4vw)) * 2)));
  margin-left: auto;
  margin-right: auto;
}
html .woocommerce .woocommerce-order .woocommerce-notice {
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  line-height: var(--kc-header-font-line-height);
  margin-bottom: 0.5em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-size: var(--kc-h4Size) 28px;
  font-size: var(--kc-h4Size-clamp);
  text-align: center;
  color: var(--cc-color-primary);
}
html .woocommerce .woocommerce-order .paymentNote {
  text-align: center;
}
html .woocommerce .woocommerce-order .woocommerce-notice + ul.order_details {
  margin-top: calc(calc(24px + 2.4vw) + calc((calc(24px + 2.4vw)) * 0.5));
}
html .woocommerce .woocommerce-order ul.order_details {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc((calc(24px + 2.4vw)) * 0.75);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
}
html .woocommerce .woocommerce-order ul.order_details li {
  border-right-style: solid;
  border-right-color: var(--cc-color-light-grey);
}
html .woocommerce .woocommerce-order ul.order_details li:last-of-type {
  border: 0;
}
html .woocommerce .woocommerce-order ul.order_details li.woocommerce-order-overview__payment-method {
  display: none;
}
html .woocommerce .woocommerce-order table.shop_table {
  border: 0;
}
html .woocommerce .woocommerce-order table.shop_table th {
  font-weight: normal;
  color: var(--cc-color-primary);
}
html .woocommerce .woocommerce-order table.shop_table td {
  text-align: right;
  vertical-align: top;
}
html .woocommerce .woocommerce-order table.shop_table td.woocommerce-table__product-name {
  text-align: left;
}
html .woocommerce .woocommerce-order table.shop_table .product-thumbnail {
  max-width: 120px;
  width: 120px;
}
html .woocommerce .woocommerce-order table.shop_table .product-thumbnail img, html .woocommerce .woocommerce-order table.shop_table .product-thumbnail a {
  max-width: 100px;
  width: 100px;
  margin: 0;
  display: block;
}
html .woocommerce .woocommerce-order table.shop_table .product-quantity {
  text-align: right;
  padding-right: 0;
}
html .woocommerce .woocommerce-order table.shop_table .product-quantity .quantity input {
  width: 100%;
  max-width: 80px;
}
html .woocommerce .woocommerce-order table.shop_table .product-subtotal {
  text-align: right;
  min-width: 140px;
  white-space: nowrap;
}
html .woocommerce .woocommerce-order table.shop_table .product-total {
  text-align: right;
  min-width: 140px;
  white-space: nowrap;
}
html .woocommerce .woocommerce-order table.shop_table .amount {
  color: var(--cc-color-primary);
  display: block;
  width: 100%;
  text-align: right;
}
html .woocommerce .woocommerce-order table.shop_table .includes_tax {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: flex-start;
  align-items: flex-start;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
}
html .woocommerce .woocommerce-order table.shop_table .includes_tax span {
  color: var(--cc-color-text-color);
  display: inline-block;
  padding: 0 0.25em;
}
html .woocommerce .woocommerce-order table.shop_table td.product-remove {
  width: 1.2em;
}
html .woocommerce .woocommerce-order table.shop_table td.product-remove a.remove {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  color: var(--cc-color-red);
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: center;
  line-height: 1em;
}
html .woocommerce .woocommerce-order table.shop_table td.product-remove a.remove:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 768px) {
  html .woocommerce .woocommerce-order ul.order_details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
    padding: 0 calc((calc(24px + 2.4vw)) * 0.5);
  }
  html .woocommerce .woocommerce-order ul.order_details li {
    border-right-style: 0;
    border-right: 0;
    width: 50%;
    margin: 0;
    padding: calc((calc(24px + 2.4vw)) * 0.25);
    border-bottom: solid 1px var(--cc-color-light-grey);
  }
  html .woocommerce .woocommerce-order ul.order_details li:last-of-type {
    border-bottom: solid 1px var(--cc-color-light-grey);
    flex-grow: 1;
  }
} /*$tablet ends*/
@media only screen and (max-width: 650px) {
  html .woocommerce .woocommerce-order ul.order_details li {
    width: 100%;
  }
} /*$bigPhone ends*/
html .woocommerce .loginWrapper {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}
html .woocommerce .loginWrapper > h2 {
  font-size: var(--kc-h3Size) 36px;
  font-size: var(--kc-h3Size-clamp);
}
html .woocommerce .loginWrapper form.login,
html .woocommerce .loginWrapper form.register {
  border: 0;
  background-color: var(--cc-color-secondary);
  padding: calc((calc(24px + 2.4vw)) * 0.75);
}
html .woocommerce .loginWrapper form.login p.woocommerce-LostPassword,
html .woocommerce .loginWrapper form.register p.woocommerce-LostPassword {
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
html .woocommerce .loginWrapper form.login .woocommerce-privacy-policy-text p,
html .woocommerce .loginWrapper form.register .woocommerce-privacy-policy-text p {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
html .woocommerce form.woocommerce-ResetPassword.lost_reset_password {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
html .woocommerce form.woocommerce-ResetPassword.lost_reset_password * {
  text-align: center;
}
html .woocommerce form.woocommerce-ResetPassword.lost_reset_password p {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce .accountWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.woocommerce .accountWrapper .woocommerce-MyAccount-navigation {
  width: 25%;
  max-width: 200px;
  min-width: 150px;
}
.woocommerce .accountWrapper .woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.woocommerce .accountWrapper .woocommerce-MyAccount-navigation li {
  width: 100%;
  display: block;
}
.woocommerce .accountWrapper .woocommerce-MyAccount-navigation li + li {
  border-top: solid 1px var(--cc-color-light-grey);
}
.woocommerce .accountWrapper .woocommerce-MyAccount-navigation a {
  display: block;
  width: 100%;
  padding: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content {
  flex-grow: 1;
  padding-left: calc(24px + 2.4vw);
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content .woocommerce-EditAccountForm {
  max-width: calc(1050px * 0.75);
  margin-left: auto;
  margin-right: auto;
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset {
  margin: calc((calc(24px + 2.4vw)) * 0.5) 0;
  border: 0;
  background-color: var(--cc-color-secondary);
  padding: calc((calc(24px + 2.4vw)) * 0.5);
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset legend {
  position: relative;
  left: auto;
  top: 1.5em;
  right: auto;
  bottom: auto;
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  line-height: var(--kc-header-font-line-height);
  margin-bottom: 0.5em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-size: var(--kc-h5Size) 24px;
  font-size: var(--kc-h5Size-clamp);
  color: var(--cc-color-primary);
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content .woocommerce-orders-table {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  background-color: var(--cc-color-secondary);
  border: 0;
  border-radius: 0;
  padding: calc((calc(24px + 2.4vw)) * 0.75);
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media only screen and (max-width: 768px) {
  .woocommerce .accountWrapper {
    flex-wrap: wrap;
  }
  .woocommerce .accountWrapper .woocommerce-MyAccount-navigation {
    width: 100%;
  }
  .woocommerce .accountWrapper .woocommerce-MyAccount-content {
    width: 100%;
    padding-left: 0;
  }
  .woocommerce .accountWrapper .woocommerce-MyAccount-content .woocommerce-EditAccountForm {
    max-width: 100%;
  }
  .woocommerce .woocommerce-orders-table tbody tr {
    margin-top: calc((calc(24px + 2.4vw)) * 0.5);
    margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  }
} /*$tablet ends*/
.woocommerce .accountWrapper .woocommerce-MyAccount-content > p {
  font-size: var(--kc-h4Size) 28px;
  font-size: var(--kc-h4Size-clamp);
  border-bottom: solid 1px var(--cc-color-light-grey);
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content > p mark {
  background-color: transparent;
  font-weight: 500;
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content > h2 {
  font-size: var(--kc-h4Size) 28px;
  font-size: var(--kc-h4Size-clamp);
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content ol.woocommerce-OrderUpdates {
  padding: calc((calc(24px + 2.4vw)) * 0.5);
  background-color: var(--cc-color-secondary);
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content ol.woocommerce-OrderUpdates li {
  margin-left: calc((calc(24px + 2.4vw)) * 0.5);
  font-weight: 500;
  color: var(--cc-color-primary);
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content ol.woocommerce-OrderUpdates li p.woocommerce-OrderUpdate-meta {
  font-weight: 500;
  color: var(--cc-color-primary);
}
.woocommerce .accountWrapper .woocommerce-MyAccount-content ol.woocommerce-OrderUpdates .woocommerce-OrderUpdate-description {
  font-weight: 400;
}

.shopIntro {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}
.shopIntro * {
  text-align: center;
}

.text#rangeColours {
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}

.shopHeader {
  margin-top: calc(24px + 2.4vw);
  text-align: center;
  width: 100%;
  display: block;
  overflow: hidden;
}
.shopHeader .wrapper {
  overflow: hidden;
}
.shopHeader h1 {
  margin-bottom: 0.25em;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  width: auto;
}
.shopHeader h2 {
  font-size: var(--kc-h3Size) 36px;
  font-size: var(--kc-h3Size-clamp);
  color: var(--cc-color-primary);
}
.shopHeader * {
  text-align: center;
}

.shopIntro {
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}

.shopLoopWrapper.archiveLoop,
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: flex-start;
  align-items: flex-start;
}
.shopLoopWrapper.archiveLoop .kc_sorting,
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop .kc_sorting {
  width: 100%;
  order: 0;
  text-align: right;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: flex-start;
  align-items: center;
  padding-bottom: 24px;
}
.shopLoopWrapper.archiveLoop .kc_sorting p.woocommerce-result-count,
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop .kc_sorting p.woocommerce-result-count {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  padding-right: calc((calc(24px + 2.4vw)) * 0.25);
  margin: 0;
}
.shopLoopWrapper.archiveLoop form.woocommerce-ordering,
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop form.woocommerce-ordering {
  margin-right: 0;
  margin-left: auto;
}
.shopLoopWrapper.archiveLoop form.woocommerce-ordering + ul.products,
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop form.woocommerce-ordering + ul.products {
  border-top: solid 1px var(--cc-color-light-grey);
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
  padding-top: calc((calc(24px + 2.4vw)) * 0.5);
}

.woocommerce.search-results .shopWrapper ul.products {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  min-width: 100%;
  padding-left: 0px;
  /*$laptop ends*/
  /*$laptop ends*/
}
@media only screen and (max-width: 900px) {
  .woocommerce.search-results .shopWrapper ul.products {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 700px) {
  .woocommerce.search-results .shopWrapper ul.products {
    grid-template-columns: 1fr 1fr;
  }
}

ul.products,
.shopWrapper ul.products,
.woocommerce .shopWrapper ul.products {
  order: 2;
  width: 100%;
  min-width: 100%;
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: calc(clamp(24px, 2vw, 32px) * 0.75);
}
ul.products::before,
.shopWrapper ul.products::before,
.woocommerce .shopWrapper ul.products::before {
  display: none;
}
ul.products li.product,
.shopWrapper ul.products li.product,
.woocommerce .shopWrapper ul.products li.product {
  width: 100% !important;
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
ul.products li.product a.woocommerce-LoopProduct-link,
.shopWrapper ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce .shopWrapper ul.products li.product a.woocommerce-LoopProduct-link {
  width: 100%;
  display: block;
}
ul.products li.product img.attachment-woocommerce_thumbnail,
ul.products li.product a img,
.shopWrapper ul.products li.product img.attachment-woocommerce_thumbnail,
.shopWrapper ul.products li.product a img,
.woocommerce .shopWrapper ul.products li.product img.attachment-woocommerce_thumbnail,
.woocommerce .shopWrapper ul.products li.product a img {
  width: 100%;
  display: block;
  margin-bottom: 0;
}
ul.products li.product p.currentlyViewing,
.shopWrapper ul.products li.product p.currentlyViewing,
.woocommerce .shopWrapper ul.products li.product p.currentlyViewing {
  position: absolute;
  left: 18px;
  top: 18px;
  right: 18px;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 3em;
  text-align: center;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 0;
  z-index: 3;
}
ul.products li.product p.currentlyViewing span,
.shopWrapper ul.products li.product p.currentlyViewing span,
.woocommerce .shopWrapper ul.products li.product p.currentlyViewing span {
  padding-top: 100%;
}
ul.products li.product .productTitle,
.shopWrapper ul.products li.product .productTitle,
.woocommerce .shopWrapper ul.products li.product .productTitle {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  padding: 17px;
  padding-bottom: 8px;
  margin-top: 0;
  border-top: 0;
}
ul.products li.product .productTitle h2,
.shopWrapper ul.products li.product .productTitle h2,
.woocommerce .shopWrapper ul.products li.product .productTitle h2 {
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  margin: 0;
  padding: 0;
  order: 2;
}
ul.products li.product .productTitle span.subCatName,
.shopWrapper ul.products li.product .productTitle span.subCatName,
.woocommerce .shopWrapper ul.products li.product .productTitle span.subCatName {
  white-space: nowrap;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
ul.products li.product .productTitle h2.rangeTitle,
.shopWrapper ul.products li.product .productTitle h2.rangeTitle,
.woocommerce .shopWrapper ul.products li.product .productTitle h2.rangeTitle {
  font-size: clamp(10px, 1vw, 12px);
  margin-bottom: 8px;
  font-weight: 400;
  order: 1;
  line-height: 1.3em;
  color: var(--cc-color-grey);
  text-transform: uppercase;
}
ul.products li.product .productTitle h2.woocommerce-loop-product_title,
.shopWrapper ul.products li.product .productTitle h2.woocommerce-loop-product_title,
.woocommerce .shopWrapper ul.products li.product .productTitle h2.woocommerce-loop-product_title {
  font-size: clamp(12px, 1.2vw, 16px);
  text-transform: uppercase;
  font-weight: 450;
  order: 1;
  line-height: 1.3em;
}
ul.products li.product .productTitle span.sku,
.shopWrapper ul.products li.product .productTitle span.sku,
.woocommerce .shopWrapper ul.products li.product .productTitle span.sku {
  display: inline;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  font-weight: 500;
  color: var(--cc-color-grey);
  order: 1;
}
ul.products li.product .productTitle p.smallText,
.shopWrapper ul.products li.product .productTitle p.smallText,
.woocommerce .shopWrapper ul.products li.product .productTitle p.smallText {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
ul.products li.product .productTitle h2 + .outletPrice,
ul.products li.product .productTitle h2 + .outletSubTitle,
ul.products li.product .productTitle h2 + .outletEdge,
.shopWrapper ul.products li.product .productTitle h2 + .outletPrice,
.shopWrapper ul.products li.product .productTitle h2 + .outletSubTitle,
.shopWrapper ul.products li.product .productTitle h2 + .outletEdge,
.woocommerce .shopWrapper ul.products li.product .productTitle h2 + .outletPrice,
.woocommerce .shopWrapper ul.products li.product .productTitle h2 + .outletSubTitle,
.woocommerce .shopWrapper ul.products li.product .productTitle h2 + .outletEdge {
  margin-top: 12px;
}
ul.products li.product .productTitle .outletSubTitle,
ul.products li.product .productTitle .outletEdge,
.shopWrapper ul.products li.product .productTitle .outletSubTitle,
.shopWrapper ul.products li.product .productTitle .outletEdge,
.woocommerce .shopWrapper ul.products li.product .productTitle .outletSubTitle,
.woocommerce .shopWrapper ul.products li.product .productTitle .outletEdge {
  font-size: clamp(12px, 1.2vw, 14px);
  order: 5;
  margin: 0;
}
ul.products li.product .productTitle .outletPrice,
.shopWrapper ul.products li.product .productTitle .outletPrice,
.woocommerce .shopWrapper ul.products li.product .productTitle .outletPrice {
  order: 4;
  margin: 0;
  margin-top: 8px;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-h5Size) 24px;
  font-size: var(--kc-h5Size-clamp);
  font-weight: 500;
  color: var(--cc-color-primary);
}
ul.products li.product .price,
.shopWrapper ul.products li.product .price,
.woocommerce .shopWrapper ul.products li.product .price {
  font-weight: 600;
  color: var(--cc-color-primary);
  font-size: var(--kc-h5Size) 24px;
  font-size: var(--kc-h5Size-clamp);
  display: block;
  margin: 0.5em 0;
}
ul.products li.product .add_to_cart_button,
.shopWrapper ul.products li.product .add_to_cart_button,
.woocommerce .shopWrapper ul.products li.product .add_to_cart_button {
  margin: 0;
  all: unset;
  font-family: var(--kc-menu-font);
  font-weight: var(--kc-menu-font-weight);
  line-height: 1.25em;
  letter-spacing: 0.25em;
  word-spacing: 0.25em;
  text-transform: uppercase;
  font-size: clamp(11px, 1vw, 13px);
  font-weight: 500;
  margin: 0;
  margin-left: 17px;
  color: var(--cc-color-secondary);
  display: inline-block;
  padding: 5px 0;
  padding-left: 2em;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/samples-icon-outline-gold.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1.5em;
  position: relative;
  letter-spacing: 0.15em;
  margin-top: auto;
  margin-bottom: 0;
}
ul.products li.product .add_to_cart_button:hover,
.shopWrapper ul.products li.product .add_to_cart_button:hover,
.woocommerce .shopWrapper ul.products li.product .add_to_cart_button:hover {
  color: var(--cc-color-primary);
}
ul.products li.product a.added_to_cart,
.shopWrapper ul.products li.product a.added_to_cart,
.woocommerce .shopWrapper ul.products li.product a.added_to_cart {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 12px;
  text-align: center;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
  -ms-animation: fadein 2s; /* Internet Explorer */
  -o-animation: fadein 2s; /* Opera < 12.1 */
  animation: fadein 2s;
  background-color: var(--cc-color-primary);
  border: 1px solid var(--cc-color-primary);
  color: var(--cc-color-white);
  font-weight: 500;
  margin-left: 17px;
  margin-right: 17px;
  margin-bottom: calc(17px - 24px);
}
ul.products li.product a.added_to_cart::before,
.shopWrapper ul.products li.product a.added_to_cart::before,
.woocommerce .shopWrapper ul.products li.product a.added_to_cart::before {
  content: "";
  display: block;
  width: 1.25em;
  height: 1.25em;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/samples-icon-outline-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5em;
}
ul.products li.product p.unavailable,
.shopWrapper ul.products li.product p.unavailable,
.woocommerce .shopWrapper ul.products li.product p.unavailable {
  display: block;
  padding: 0 17px 17px;
  text-align: left;
  margin-bottom: 0;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
ul.products li.product p.maxSample,
.shopWrapper ul.products li.product p.maxSample,
.woocommerce .shopWrapper ul.products li.product p.maxSample {
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  text-align: center;
  padding: 17px 17px;
  text-align: left;
  margin-bottom: 0;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
ul.products li.product p.loopNote,
.shopWrapper ul.products li.product p.loopNote,
.woocommerce .shopWrapper ul.products li.product p.loopNote {
  display: block;
  margin: 0;
  padding: 0 17px;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
ul.products li.product p.loopNote *:last-child,
.shopWrapper ul.products li.product p.loopNote *:last-child,
.woocommerce .shopWrapper ul.products li.product p.loopNote *:last-child {
  margin: 0;
}
ul.products li.product p.loopNote strong,
.shopWrapper ul.products li.product p.loopNote strong,
.woocommerce .shopWrapper ul.products li.product p.loopNote strong {
  display: inline;
}
ul.products li.product p.loopNote .blockLink,
.shopWrapper ul.products li.product p.loopNote .blockLink,
.woocommerce .shopWrapper ul.products li.product p.loopNote .blockLink {
  margin: 0;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  color: var(--cc-color-black);
}
ul.products li.product p.loopNote:last-of-type,
.shopWrapper ul.products li.product p.loopNote:last-of-type,
.woocommerce .shopWrapper ul.products li.product p.loopNote:last-of-type {
  margin-bottom: 0;
  margin-top: auto;
}
ul.products li.product p.loopNote.viewSpec,
.shopWrapper ul.products li.product p.loopNote.viewSpec,
.woocommerce .shopWrapper ul.products li.product p.loopNote.viewSpec {
  justify-self: end;
  padding-top: 12px;
}
ul.products li.product p.loopNote.viewSpec a,
.shopWrapper ul.products li.product p.loopNote.viewSpec a,
.woocommerce .shopWrapper ul.products li.product p.loopNote.viewSpec a {
  color: var(--cc-color-grey);
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
ul.products li.product .add_to_cart_button.added,
.woocommerce .shopWrapper ul.products li.product .add_to_cart_button.added,
.woocommerce .shopWrapper #respond input#submit.loading,
.woocommerce .shopWrapper a.button.loading,
.woocommerce .shopWrapper button.button.loading,
.woocommerce .shopWrapper input.button.loading {
  background-image: none !important;
  position: relative;
  opacity: 0.5;
}
ul.products li.product .add_to_cart_button.added::before,
.woocommerce .shopWrapper ul.products li.product .add_to_cart_button.added::before,
.woocommerce .shopWrapper #respond input#submit.loading::before,
.woocommerce .shopWrapper a.button.loading::before,
.woocommerce .shopWrapper button.button.loading::before,
.woocommerce .shopWrapper input.button.loading::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1.5em;
  height: 1.5em;
  background-color: transparent;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/loading-icon-bronze.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  animation: rotating 2s linear infinite;
}

ul.products li.product .add_to_cart_button.added,
.woocommerce .shopWrapper ul.products li.product .add_to_cart_button.added,
.woocommerce .shopWrapper #respond input#submit.added,
.woocommerce .shopWrapper a.button.added,
.woocommerce .shopWrapper button.button.added,
.woocommerce .shopWrapper input.button.added {
  display: none;
}

@keyframes beating {
  from {
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
#ajax-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  display: none;
}
#ajax-loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
}
#ajax-loader .loader {
  animation-duration: 0.75s;
  animation-name: beating;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
#ajax-loader.active {
  display: block;
}

@media only screen and (max-width: 1200px) {
  .shopLoopWrapper.archiveLoop .productSideBar,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop .productSideBar {
    width: 190px;
    min-width: 190px;
    padding-right: 0;
  }
  .shopLoopWrapper.archiveLoop .productSideBar::after,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop .productSideBar::after {
    display: none;
  }
  .shopLoopWrapper.archiveLoop .productSideBar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-3-column,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop .productSideBar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-3-column {
    width: calc(50% - 10px);
  }
  .shopLoopWrapper.archiveLoop ul.products,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products {
    width: calc(100% - 190px);
    min-width: calc(100% - 190px);
  }
} /*$laptop ends*/
@media only screen and (max-width: 1200px) {
  .shopLoopWrapper.archiveLoop .productSideBar,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop .productSideBar {
    width: 100%;
  }
  .shopLoopWrapper.archiveLoop .productSideBar button.filterToggle,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop .productSideBar button.filterToggle {
    display: block;
  }
  .shopLoopWrapper.archiveLoop .productSideBar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-3-column,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop .productSideBar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-3-column {
    width: calc(16.6666666667% - 10px);
  }
  .shopLoopWrapper.archiveLoop ul.products,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products {
    width: 100%;
    min-width: 100%;
    margin: 0;
    padding-left: 0;
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 900px) {
  ul.products,
  .shopLoopWrapper.archiveLoop,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop,
  .woocommerce .shopWrapper ul.products {
    grid-template-columns: 1fr 1fr 1fr;
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 650px) {
  ul.products,
  .shopLoopWrapper.archiveLoop ul.products,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products,
  .woocommerce .shopWrapper ul.products {
    grid-template-columns: 1fr 1fr;
  }
  ul.products li.product .productTitle,
  .shopLoopWrapper.archiveLoop ul.products li.product .productTitle,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product .productTitle,
  .woocommerce .shopWrapper ul.products li.product .productTitle {
    padding-left: 0px;
  }
  ul.products li.product .productTitle h2.rangeTitle,
  .shopLoopWrapper.archiveLoop ul.products li.product .productTitle h2.rangeTitle,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product .productTitle h2.rangeTitle,
  .woocommerce .shopWrapper ul.products li.product .productTitle h2.rangeTitle {
    line-height: 1.2em;
  }
  ul.products li.product a.added_to_cart,
  ul.products li.product .add_to_cart_button,
  .shopLoopWrapper.archiveLoop ul.products li.product a.added_to_cart,
  .shopLoopWrapper.archiveLoop ul.products li.product .add_to_cart_button,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product a.added_to_cart,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product .add_to_cart_button,
  .woocommerce .shopWrapper ul.products li.product a.added_to_cart,
  .woocommerce .shopWrapper ul.products li.product .add_to_cart_button {
    margin-left: 0;
    margin-right: 0;
  }
  ul.products li.product p.loopNote,
  .shopLoopWrapper.archiveLoop ul.products li.product p.loopNote,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product p.loopNote,
  .woocommerce .shopWrapper ul.products li.product p.loopNote {
    padding-left: 0px;
  }
  .shopWrapper .shopLoopWrapper.archiveLoop .productSideBar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-3-column,
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop .productSideBar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.filter-has-3-column {
    width: calc(25% - 10px);
  }
} /*$bigPhone ends*/
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop.noSideBar ul.products {
  width: 100%;
  max-width: 100%;
  justify-content: center;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop.noSideBar ul.products .readMoreButton {
  margin: 0 0 18px 0;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}

.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category {
  width: 100% !important;
  max-width: 1200px;
  background-color: var(--cc-color-secondary);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category mark.count {
  display: none;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category > a {
  width: 45%;
  max-width: 400px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .categoryImage {
  display: block;
  width: 100%;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .categoryImage img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .categoryImage span.stilt {
  display: block;
  padding-top: 130%;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .categoryDetails {
  padding: calc((calc(24px + 2.4vw)) * 0.5);
  width: 55%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category h2 {
  font-size: var(--kc-h3Size) 36px;
  font-size: var(--kc-h3Size-clamp);
  margin-bottom: 0.5em;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .shortDescription {
  border-bottom: 1px solid var(--cc-color-light-grey);
  margin-bottom: 18px;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .shortDescription strong {
  display: inline;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .shortDescription .rangeIcon {
  max-width: 150px;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .thumbnails {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .thumbnails h4 {
  width: 100%;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-weight: 500;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .thumbnails .productThumb {
  width: 10%;
  min-width: 50px;
  margin: 0 6px 6px 0;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .thumbnails .productThumb img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .thumbnails .productThumb span.stilt {
  display: block;
  padding-top: 100%;
}

@media only screen and (max-width: 650px) {
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category {
    flex-wrap: wrap;
  }
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category > a {
    width: 100%;
    max-width: 100%;
  }
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .categoryImage span.stilt {
    padding-top: 100%;
  }
  .woocommerce .shopWrapper .shopLoopWrapper.archiveLoop ul.products li.product.product-category .categoryDetails {
    width: 100%;
  }
} /*$bigPhone ends*/
.woocommerce .shopWrapper .product .blockContent {
  border-top: solid 1px var(--cc-color-light-grey);
  margin-top: calc(24px + 2.4vw);
  padding-left: calc((calc(24px + 2.4vw)) * 0.75);
  padding-right: calc((calc(24px + 2.4vw)) * 0.75);
}
.woocommerce .shopWrapper .product .blockContent > .wrapper .block:first-child {
  margin-top: calc(24px + 2.4vw);
}

.single-product .rangeSpec {
  margin-top: 0;
}

.woocommerce-product-gallery__image a {
  pointer-events: none;
}

.woocommerce .shopWrapper .productIntro {
  margin-top: calc(calc((calc(24px + 2.4vw)) * 0.5));
  margin-bottom: calc(calc((calc(24px + 2.4vw)) * 0.5));
  display: grid;
  grid-template-areas: "productSummary productImage";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: calc((calc(24px + 2.4vw)) * 0.5);
  /*----Product Summary-------------------------------------*/
}
.woocommerce .shopWrapper .productIntro .woocommerce-product-gallery {
  grid-area: productImage;
  width: 100%;
  margin-bottom: 0;
}
.woocommerce .shopWrapper .productIntro .woocommerce-product-gallery img {
  height: auto;
}
.woocommerce .shopWrapper .productIntro .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.woocommerce .shopWrapper .productIntro .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
  min-height: 100%;
  width: 100%;
}
.woocommerce .shopWrapper .productIntro .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image--placeholder {
  min-height: 100%;
  width: 100%;
  background-color: var(--cc-color-white);
}
.woocommerce .shopWrapper .productIntro .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image--placeholder img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.woocommerce .shopWrapper .productIntro .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > div:first-of-type a {
  width: 100%;
  padding-top: 100%;
  display: block;
  min-height: 100%;
}
.woocommerce .shopWrapper .productIntro .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > div:first-of-type a img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.woocommerce .shopWrapper .productIntro .productThumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary {
  width: 100%;
  grid-area: productSummary;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  align-self: center;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary #breadcrumbs {
  order: 0;
  padding: 0;
  margin: 0;
  margin-top: 0;
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner {
  margin-bottom: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  padding-right: 2em;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner > * {
  order: 60;
  width: 100%;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .productQuickLinks {
  order: 45;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .productQuickLinks + .productDescription {
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .productDescription *:last-child {
  margin-bottom: 0;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner h1.product_title {
  order: 20;
  padding-top: 0.75em;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner h1.product_title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5em;
  border: solid 3px var(--cc-color-secondary);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner h1.product_title span.rangeName {
  font-size: var(--kc-h6Size) 22px;
  font-size: var(--kc-h6Size-clamp);
  width: 100%;
  display: inline-block;
  line-height: 1.1em;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner h1.product_title span.colourName {
  display: inline-block;
  font-size: var(--kc-h3Size) 36px;
  font-size: var(--kc-h3Size-clamp);
  width: 100%;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner h1.product_title span.colourName .sku {
  font-size: var(--kc-h5Size) 24px;
  font-size: var(--kc-h5Size-clamp);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner h1.product_title .divider {
  content: "";
  display: block;
  clear: both;
  width: 50%;
  max-width: 1.8em;
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
  border-top: 4px solid var(--cc-color-primary);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .outletHeader {
  order: 40;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .outletHeader h1.product_title {
  font-size: var(--kc-h2Size) 40px;
  font-size: var(--kc-h2Size-clamp);
  margin: 0;
  margin-bottom: 0.5em;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .outletHeader h1.product_title span.subCatName {
  font-size: var(--kc-h2Size) 40px;
  font-size: var(--kc-h2Size-clamp);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .outletHeader h1.product_title span.colourName {
  display: inline-block;
  width: auto;
  font-size: var(--kc-h2Size) 40px;
  font-size: var(--kc-h2Size-clamp);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .outletHeader .outletSubTitle {
  font-size: var(--kc-h4Size) 28px;
  font-size: var(--kc-h4Size-clamp);
  margin: 0;
  margin-top: 0.25em;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .outletHeader .outletQuickSpec {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-h6Size) 22px;
  font-size: var(--kc-h6Size-clamp);
  margin: 0;
  margin-top: 0.25em;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .outletHeader .outletSubTitle + .outletPrice,
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .outletHeader .outletQuickSpec + .outletPrice {
  margin-top: 0.25em;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .outletHeader .outletPrice {
  margin-bottom: 0.5em;
  margin-top: 0;
  font-size: var(--kc-h2Size) 40px;
  font-size: var(--kc-h2Size-clamp);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .product_meta {
  order: 0;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .quantity {
  display: none;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .product_meta {
  margin-top: 1em;
  display: block;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .product_meta .sku_wrapper {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .product_meta .posted_in {
  display: none;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner form.cart {
  margin: 0;
  width: auto;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .outletHeader + .productQuickLinks {
  padding: 12px;
  padding-left: 20px;
  background-color: rgba(255, 255, 255, 0.65);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .productQuickLinks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: center;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .productQuickLinks .outletPrice {
  margin: 0;
  font-size: var(--kc-h3Size) 36px;
  font-size: var(--kc-h3Size-clamp);
  width: fit-content;
  padding: 8px;
  padding-right: 16px;
  margin-left: -8px;
  line-height: 1em;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .productQuickLinks p.stock {
  order: 300;
  width: 100%;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  margin: 4px 0;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .productQuickLinks p.stock.in-stock {
  color: var(--cc-color-text-color);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .productQuickLinks.outletLinks a#store_locator_custom_bottom {
  display: none;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner a#store_locator_custom_bottom,
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner button#store_modal_button,
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .single_add_to_cart_button.button {
  all: unset;
  font-family: var(--kc-menu-font);
  font-weight: var(--kc-menu-font-weight);
  line-height: 1.25em;
  letter-spacing: 0.25em;
  word-spacing: 0.25em;
  text-transform: uppercase;
  font-size: var(--kc-menuFontSize);
  font-size: var(--kc-menuFontSize-clamp);
  display: inline-block;
  padding: 0.75em 0.25em;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/samples-icon-outline-gold.svg");
  background-size: auto 1.5em;
  background-position: 0em center;
  background-repeat: no-repeat;
  padding: 1em 1.5em;
  padding-left: 2.5em;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.35s ease;
  color: var(--cc-color-secondary);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner a#store_locator_custom_bottom:hover,
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner button#store_modal_button:hover,
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .single_add_to_cart_button.button:hover {
  color: var(--cc-color-primary);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .iconLink {
  display: inline-block;
  font-family: var(--kc-menu-font);
  font-weight: var(--kc-menu-font-weight);
  line-height: 1.25em;
  letter-spacing: 0.25em;
  word-spacing: 0.25em;
  text-transform: uppercase;
  font-size: var(--kc-menuFontSize);
  font-size: var(--kc-menuFontSize-clamp);
  font-weight: 500;
  width: auto;
  padding-right: 1.5em;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner a#store_locator_custom_bottom,
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner button#store_modal_button {
  order: 200;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/retailer-icon-outline-bronze.svg");
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner p.alreadyInSamples {
  margin-top: 0.5em;
  width: 100%;
  padding: 0.75em 1.25em;
  background-color: var(--cc-color-lighter-grey);
  display: inline-block;
  width: fit-content;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .specSnapShot {
  order: 300;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  padding-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .specSnapShot .property {
  padding: 12px 0;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .specSnapShot .property h6, .woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .specSnapShot .property p.value {
  font-size: var(--kc-footerFontSize);
  font-size: var(--kc-footerFontSize-clamp);
  line-height: 1.2em;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .specSnapShot .property h6 {
  width: 35%;
  min-width: 100px;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .specSnapShot .property.antiFungal,
.woocommerce .shopWrapper .productIntro .summary.entry-summary .positioner .specSnapShot .property.footTraffic {
  display: none;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary .quantity + .single_add_to_cart_button {
  margin-top: 0;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary a.added_to_cart {
  display: block;
  text-align: center;
  padding: clamp(14px, (calc(24px + 2.4vw)) * 0.25, 24px);
  text-align: center;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
  -ms-animation: fadein 2s; /* Internet Explorer */
  -o-animation: fadein 2s; /* Opera < 12.1 */
  animation: fadein 2s;
}
.woocommerce .shopWrapper .productIntro .summary.entry-summary a.added_to_cart::before {
  content: "";
  display: block;
  width: 100%;
}
.woocommerce .shopWrapper .productIntro #breadcrumbs {
  grid-area: productSummary;
  padding-left: calc(24px + 2.4vw);
  margin: 0;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
.woocommerce .shopWrapper .productIntro .price,
.woocommerce .shopWrapper .productIntro p.price {
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  line-height: var(--kc-header-font-line-height);
  margin-bottom: 0.5em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-size: var(--kc-h3Size) 36px;
  font-size: var(--kc-h3Size-clamp);
  color: var(--cc-color-primary);
  font-weight: 500;
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .shopWrapper .productIntro table.variations {
  width: auto;
}
.woocommerce .shopWrapper .productIntro table.variations tr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  text-align: left;
}
.woocommerce .shopWrapper .productIntro table.variations tr + tr {
  padding-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .shopWrapper .productIntro table.variations th label {
  font-weight: 500;
}
.woocommerce .shopWrapper .productIntro table.variations td, .woocommerce .shopWrapper .productIntro table.variations th {
  padding: 0;
  width: 100%;
}
.woocommerce .shopWrapper .productIntro table.variations a.reset_variations {
  padding-left: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .shopWrapper .productIntro table.variations select {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  width: auto;
}

.woocommerce .shopWrapper .woocommerce-tabs {
  border-top: solid 1px var(--cc-color-light-grey);
  margin-top: calc(24px + 2.4vw);
  padding-top: calc(24px + 2.4vw);
  padding-left: calc((calc(24px + 2.4vw)) * 0.75);
  padding-right: calc((calc(24px + 2.4vw)) * 0.75);
}
.woocommerce .shopWrapper .woocommerce-tabs .woocommerce-Tabs-panel {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}
.woocommerce .shopWrapper .woocommerce-tabs ul.tabs {
  display: none;
}
.woocommerce .shopWrapper .woocommerce-tabs .wc-tab h2:first-of-type {
  font-size: var(--kc-h4Size) 28px;
  font-size: var(--kc-h4Size-clamp);
}

/*$bigTablet ends*/
@media only screen and (max-width: 768px) {
  .woocommerce .shopWrapper .productIntro {
    grid-template-areas: "productImage" "productSummary";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
  .woocommerce .shopWrapper .productIntro .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > div:first-of-type a {
    padding-top: 100%;
  }
  .woocommerce .shopWrapper .productIntro .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > div:first-of-type a img {
    object-fit: cover;
    object-position: left top;
  }
  .woocommerce .shopWrapper .productIntro .summary.entry-summary::after {
    left: calc((calc(24px + 2.4vw)) * 0.5);
    top: 0;
    border: solid 1px var(--cc-color-light-grey);
    border-top: none;
  }
} /*$tablet ends*/
@media only screen and (max-width: 700px) {
  .woocommerce .shopWrapper .productIntro {
    grid-template-areas: "productSummary" "productImage";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
  .woocommerce .shopWrapper .productIntro .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > div:first-of-type a {
    padding-top: 100%;
  }
} /*$smallTablet ends*/
.tax-product_cat #headerNav,
.tax-range #headerNav {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-blend-mode: multiply;
}
.tax-product_cat .range_header_wrapper,
.tax-range .range_header_wrapper {
  background-color: var(--cc-color-primary);
  margin-top: 0;
}
.tax-product_cat .range_header_wrapper::after,
.tax-range .range_header_wrapper::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  width: 200vw;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
  background-color: inherit;
}
.tax-product_cat .woocommerce-products-header,
.tax-range .woocommerce-products-header {
  display: grid;
  grid-template-areas: "collection roomset" "breadcrumb roomset" "title roomset" "subtitle roomset" "icons roomset" "description roomset";
  grid-template-columns: 2fr minmax(500px, 1fr);
  grid-template-rows: auto auto auto auto 1fr;
}
.tax-product_cat .woocommerce-products-header h1.woocommerce-products-header__title,
.tax-product_cat .woocommerce-products-header h2.rangeSubTitle,
.tax-product_cat .woocommerce-products-header .icons,
.tax-range .woocommerce-products-header h1.woocommerce-products-header__title,
.tax-range .woocommerce-products-header h2.rangeSubTitle,
.tax-range .woocommerce-products-header .icons {
  padding-right: 3em;
}
.tax-product_cat .woocommerce-products-header h1.woocommerce-products-header__title,
.tax-range .woocommerce-products-header h1.woocommerce-products-header__title {
  grid-area: title;
  margin: 0;
  color: var(--cc-color-white);
  font-weight: 325;
  font-size: clamp(24px, 5.5vw, 38px);
}
.tax-product_cat .woocommerce-products-header h2.rangeSubTitle,
.tax-range .woocommerce-products-header h2.rangeSubTitle {
  grid-area: subtitle;
  margin: 0;
  font-size: var(--kc-h6Size) 22px;
  font-size: var(--kc-h6Size-clamp);
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--cc-color-white);
  margin-top: 0.75em;
}
.tax-product_cat .woocommerce-products-header a.breadcrumb,
.tax-range .woocommerce-products-header a.breadcrumb {
  grid-area: breadcrumb;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  color: var(--cc-color-white);
}
.tax-product_cat .woocommerce-products-header .collectionLink,
.tax-range .woocommerce-products-header .collectionLink {
  display: block;
  width: fit-content;
  grid-area: collection;
}
.tax-product_cat .woocommerce-products-header h2.rangeCollection,
.tax-range .woocommerce-products-header h2.rangeCollection {
  grid-area: collection;
  margin-bottom: 3em;
  margin-top: calc(24px + 2.4vw);
}
.tax-product_cat .woocommerce-products-header .icons,
.tax-range .woocommerce-products-header .icons {
  grid-area: icons;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  gap: 2em;
  padding-top: 3em;
  padding-bottom: 4em;
}
.tax-product_cat .woocommerce-products-header .icons img,
.tax-range .woocommerce-products-header .icons img {
  width: clamp(60px, 15%, 80px);
}
.tax-product_cat .woocommerce-products-header .term-description,
.tax-range .woocommerce-products-header .term-description {
  grid-area: description;
  margin: 0;
  background-color: var(--cc-color-beige);
  padding: 3em;
  padding-left: 0px;
}
.tax-product_cat .woocommerce-products-header .term-description *:last-child,
.tax-range .woocommerce-products-header .term-description *:last-child {
  margin-bottom: 0;
}
.tax-product_cat .woocommerce-products-header .term-description::before,
.tax-range .woocommerce-products-header .term-description::before {
  content: "";
  display: block;
  position: absolute;
  background-color: var(--cc-color-beige);
  left: auto;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 100vw;
  height: 100%;
}
.tax-product_cat .woocommerce-products-header .roomset,
.tax-range .woocommerce-products-header .roomset {
  grid-area: roomset;
  background-color: var(--cc-color-lighter-grey);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-align: center;
  /*$laptop ends*/
}
.tax-product_cat .woocommerce-products-header .roomset .stilt,
.tax-range .woocommerce-products-header .roomset .stilt {
  display: block;
  width: 1px;
  padding-top: 120%;
}
.tax-product_cat .woocommerce-products-header .roomset img,
.tax-range .woocommerce-products-header .roomset img {
  object-fit: cover;
  object-position: center bottom;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: width 0.35s ease-in-out;
}
.tax-product_cat .woocommerce-products-header .roomset p,
.tax-range .woocommerce-products-header .roomset p {
  padding: 24px;
  margin: 0;
}
.tax-product_cat .woocommerce-products-header .spacer,
.tax-range .woocommerce-products-header .spacer {
  grid-area: spacer;
  background-color: var(--cc-color-secondary);
  position: absolute;
  left: -20vw;
  top: 0;
  right: auto;
  bottom: 0;
  width: 120vw;
  height: 100%;
}

.rangeCollection {
  margin: 0;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--cc-color-white);
  padding: 0.75em 1em;
  background-color: var(--cc-color-lighter-grey);
  width: fit-content;
}
.rangeCollection.natura {
  background-color: var(--cc-color-natura);
  color: var(--cc-color-white) !important;
}
.rangeCollection.endura {
  background-color: var(--cc-color-endura);
  color: var(--cc-color-primary);
}
.rangeCollection.luxura {
  background-color: #37445b;
  color: var(--cc-color-white) !important;
}

.extraDesc {
  margin-top: calc(24px + 2.4vw);
}

.rangeLoopHeader {
  padding-top: calc(24px + 2.4vw);
}
.rangeLoopHeader h3 {
  font-size: var(--kc-h4Size) 28px;
  font-size: var(--kc-h4Size-clamp);
  text-transform: uppercase;
  color: var(--cc-color-primary);
  letter-spacing: 0.15em;
  font-weight: 450;
  margin: 0;
}
.rangeLoopHeader h3 a {
  font-size: 0.5em;
  letter-spacing: 0.05;
}
.rangeLoopHeader h3 + * {
  margin-top: 1.4em;
}

.single-product #rangeSpec {
  margin-top: 0;
}

#rangeSpec + #rangeSpec {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}

#rangeSpec {
  padding: calc((calc(24px + 2.4vw)) * 0.5) 0 0 0;
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
  display: grid;
  border-top: solid 1px var(--cc-color-lighter-grey);
  grid-template-areas: "specHeader specHeader" "specTable roomSuitability" "icons icons";
  grid-template-columns: 3.35fr 1fr;
}
#rangeSpec::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  right: auto;
  bottom: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background-color: inherit;
}
#rangeSpec ul {
  margin-bottom: 0;
}
#rangeSpec .roomSuitability {
  grid-area: roomSuitability;
  padding: 36px;
  padding-right: 0px;
  background-color: var(--cc-color-white);
  align-self: stretch;
  z-index: 2;
}
#rangeSpec .roomSuitability::before {
  content: "";
  display: block;
  position: absolute;
  left: 12px;
  top: 36px;
  bottom: 36px;
  width: 1px;
  border-left: solid 1px var(--cc-color-lighter-grey);
}
#rangeSpec .roomSuitability h3 {
  margin-bottom: 12px;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  text-transform: none;
  letter-spacing: 0em;
  font-weight: 600;
}
#rangeSpec .roomSuitability ul {
  margin-left: 0.5em;
  list-style-type: none;
}
#rangeSpec .roomSuitability ul li {
  margin-left: 0;
}
#rangeSpec .roomSuitability ul li::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  transform: translateX(-35%) translateY(15%);
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/tick-gold.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#rangeSpec .roomSuitability ul li + li {
  margin-top: 0.25em;
}
#rangeSpec h3 {
  font-size: var(--kc-h6Size) 22px;
  font-size: var(--kc-h6Size-clamp);
  text-transform: uppercase;
  color: var(--cc-color-primary);
  letter-spacing: 0.15em;
  font-weight: 450;
  grid-area: specHeader;
  margin-bottom: 0;
}
#rangeSpec h3.specHeader {
  grid-area: specHeader;
}
#rangeSpec .specTable {
  list-style-type: none;
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  background-color: var(--cc-color-white);
  z-index: 2;
  column-gap: 24px;
  margin-top: 24px;
  grid-area: specTable;
  /*$smallTablet ends*/
}
#rangeSpec .specTable li {
  display: grid;
  grid-column: span 2;
  grid-template-columns: subgrid;
  align-items: start;
  padding: 12px 6px;
  column-gap: 12px 12px;
  border-bottom: solid 1px var(--cc-color-lighter-grey);
}
#rangeSpec .specTable li.crossSection {
  grid-column: span 4;
  align-items: center;
  padding: 0;
  padding-bottom: 12px;
}
#rangeSpec .specTable li.crossSection .crossImage {
  grid-column: span 2;
  aspect-ratio: 5/1;
  align-self: stretch;
}
#rangeSpec .specTable li.crossSection .crossImage img {
  object-fit: cover;
  object-position: center bottom;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
#rangeSpec .specTable li.crossSection div {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
}
#rangeSpec .specTable li.crossSection p {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  padding: 12px 6px;
}
#rangeSpec .specTable li.crossSection p + p {
  border-top: solid 1px var(--cc-color-lighter-grey);
}
#rangeSpec .specTable h6 {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  color: var(--cc-color-primary);
  margin: 0;
  font-weight: 450;
  text-transform: none;
  letter-spacing: 0em;
  font-weight: 600;
}
#rangeSpec .specTable p {
  margin: 0;
  text-align: left;
}
@media only screen and (max-width: 700px) {
  #rangeSpec .specTable {
    grid-template-columns: 1fr 1fr;
  }
  #rangeSpec .specTable p {
    text-align: left;
  }
  #rangeSpec .specTable li.crossSection {
    grid-column: span 2;
    padding: 0;
  }
  #rangeSpec .specTable li.crossSection p {
    grid-column: span 2;
  }
  #rangeSpec .specTable li.crossSection img {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    margin-bottom: 22px;
  }
}
#rangeSpec .icons {
  background-color: var(--cc-color-white);
  padding-top: calc(24px + 2.4vw + 4em);
  margin-top: calc(0px - (24px + 2.4vw));
  grid-area: icons;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  gap: 2em;
  padding-bottom: 2.5em;
}
#rangeSpec .icons img {
  width: clamp(80px, 17%, 100px);
}
#rangeSpec .icons::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  right: auto;
  bottom: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background-color: inherit;
}

.disclaimers {
  padding: calc((calc(24px + 2.4vw)) * 0.5);
  background-color: color-mix(in srgb, transparent, var(--cc-color-beige) 100%);
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}
.disclaimers p.disclaimerTitle {
  margin-bottom: 0;
}
.disclaimers *:last-child {
  margin-bottom: 0;
}

.tax-product_cat,
.tax-range {
  /*$bigTablet ends*/
  /*$bigPhone ends*/
  /*$smallPhone ends*/
}
.tax-product_cat .kc_sorting,
.tax-range .kc_sorting {
  display: none;
}
.tax-product_cat ul.products,
.tax-product_cat .shopWrapper ul.products,
.tax-product_cat .woocommerce .shopWrapper ul.products,
.tax-range ul.products,
.tax-range .shopWrapper ul.products,
.tax-range .woocommerce .shopWrapper ul.products {
  width: 100%;
  padding-left: 0;
  padding-top: clamp(24px, 2vw, 32px);
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 900px) {
  .tax-product_cat ul.products,
  .tax-product_cat .shopWrapper ul.products,
  .tax-product_cat .woocommerce .shopWrapper ul.products,
  .tax-range ul.products,
  .tax-range .shopWrapper ul.products,
  .tax-range .woocommerce .shopWrapper ul.products {
    width: 100%;
    padding-left: 0;
    padding-top: clamp(24px, 2vw, 32px);
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 650px) {
  .tax-product_cat ul.products,
  .tax-product_cat .shopWrapper ul.products,
  .tax-product_cat .woocommerce .shopWrapper ul.products,
  .tax-range ul.products,
  .tax-range .shopWrapper ul.products,
  .tax-range .woocommerce .shopWrapper ul.products {
    width: 100%;
    padding-left: 0;
    padding-top: clamp(24px, 2vw, 32px);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 350px) {
  .tax-product_cat ul.products,
  .tax-product_cat .shopWrapper ul.products,
  .tax-product_cat .woocommerce .shopWrapper ul.products,
  .tax-range ul.products,
  .tax-range .shopWrapper ul.products,
  .tax-range .woocommerce .shopWrapper ul.products {
    width: 100%;
    padding-left: 0;
    padding-top: clamp(24px, 2vw, 32px);
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 1310px) {
  .tax-product_cat .woocommerce-products-header .roomset img,
  .tax-range .woocommerce-products-header .roomset img {
    max-width: calc(100% + 24px + 2.4vw);
    width: calc(100% + 24px + 2.4vw);
  }
} /*1300px ends*/
@media only screen and (max-width: 900px) {
  .tax-product_cat .woocommerce-products-header,
  .tax-range .woocommerce-products-header {
    display: grid;
    grid-template-areas: "collection roomset" "breadcrumb roomset" "title roomset" "subtitle roomset" "icons roomset" "description description";
    grid-template-columns: 60% 40%;
    grid-template-rows: auto auto auto auto auto minmax(calc(24px + 2.4vw), 1fr);
  }
  .tax-product_cat .woocommerce-products-header .term-description,
  .tax-range .woocommerce-products-header .term-description {
    padding-right: 0px;
  }
  .tax-product_cat .woocommerce-products-header .term-description::before,
  .tax-range .woocommerce-products-header .term-description::before {
    transform: translateX(-50%);
    left: 50%;
    right: auto;
    width: 100vw;
  }
  .tax-product_cat .woocommerce-products-header .roomset img,
  .tax-range .woocommerce-products-header .roomset img {
    max-width: calc(100% + 24px + 2.4vw);
    width: calc(100% + 24px + 2.4vw);
  }
  .tax-product_cat .woocommerce-products-header .icons img,
  .tax-range .woocommerce-products-header .icons img {
    width: clamp(60px, 25%, 80px);
  }
  #rangeSpec {
    grid-template-areas: "specHeader " "specTable" "roomSuitability" "icons ";
    grid-template-columns: 1fr;
  }
  #rangeSpec .roomSuitability {
    background-color: var(--cc-color-white);
    z-index: 2;
    margin-top: 0;
    padding-top: 12px;
    padding-left: 8px;
  }
  #rangeSpec .roomSuitability::before {
    display: none;
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 650px) {
  .tax-product_cat .woocommerce-products-header,
  .tax-range .woocommerce-products-header {
    display: grid;
    grid-template-areas: "collection collection" "breadcrumb breadcrumb" "title title" "subtitle subtitle" "roomset roomset" "icons icons" "description description";
    grid-template-columns: 40% 60%;
  }
  .tax-product_cat .woocommerce-products-header h1.woocommerce-products-header__title,
  .tax-product_cat .woocommerce-products-header h2.rangeSubTitle,
  .tax-product_cat .woocommerce-products-header .icons,
  .tax-range .woocommerce-products-header h1.woocommerce-products-header__title,
  .tax-range .woocommerce-products-header h2.rangeSubTitle,
  .tax-range .woocommerce-products-header .icons {
    padding-right: 0em;
  }
  .tax-product_cat .woocommerce-products-header .term-description,
  .tax-range .woocommerce-products-header .term-description {
    padding-right: 0px;
  }
  .tax-product_cat .woocommerce-products-header .term-description::before,
  .tax-range .woocommerce-products-header .term-description::before {
    transform: translateX(-50%);
    left: 50%;
    right: auto;
    width: 100vw;
  }
  .tax-product_cat .woocommerce-products-header .icons,
  .tax-range .woocommerce-products-header .icons {
    grid-area: icons;
    background-color: var(--cc-color-secondary);
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .tax-product_cat .woocommerce-products-header .icons::before,
  .tax-range .woocommerce-products-header .icons::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: 0;
    width: 100vw;
    height: 100%;
    background-color: inherit;
    transform: translateX(-50%);
  }
  .tax-product_cat .woocommerce-products-header .icons img,
  .tax-range .woocommerce-products-header .icons img {
    width: calc(25% - 2em);
  }
  .tax-product_cat .woocommerce-products-header .roomset,
  .tax-range .woocommerce-products-header .roomset {
    padding-top: 100%;
    margin-top: 3em;
    width: calc(100% + (calc(24px + 2.4vw)) * 2);
    max-width: calc(100% + (calc(24px + 2.4vw)) * 2);
    transform: translateX(calc(0px - (24px + 2.4vw)));
  }
  .tax-product_cat .woocommerce-products-header .roomset .stilt,
  .tax-range .woocommerce-products-header .roomset .stilt {
    padding-top: 50%;
  }
} /*$smallTablet ends*/
.rangeMenu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  gap: clamp(24px, 2vw, 32px);
  max-width: 1900px;
}

.bannerHolder + .rangeMenu {
  margin-top: calc(0px - 2 * clamp(24px, 2vw, 32px));
  z-index: 2;
}

.enduraBack .rangeBlock .text {
  background-color: color-mix(in srgb, var(--cc-color-white) 40%, transparent);
}

.introText {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

.collectionMenuBlock.hideSynopsis .rangeBlock.collectionBlock .description {
  display: none;
}

.rangeBlock.collectionBlock.hasColour {
  padding: 2em;
}
.rangeBlock.collectionBlock .text {
  background-color: transparent;
  padding: 2em;
}
.rangeBlock.collectionBlock .text h2 span {
  width: 100%;
  display: inline-block;
  font-size: 0.5em;
  line-height: 1em;
}
.rangeBlock.collectionBlock .text h2 span:last-child {
  transform: translateY(-50%);
}
.rangeBlock.collectionBlock .text * {
  text-align: center;
}
.rangeBlock.collectionBlock .viewRange {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(0, 0, 0, 0.15);
  color: var(--cc-color-white) !important;
  padding: 1em 1.5em;
}
.rangeBlock.collectionBlock.lightText .subTitle {
  color: var(--cc-color-white) !important;
}

.rangeBlock {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  width: calc(33.3333333333% - clamp(24px, 2vw, 32px) * 3 / 2);
  align-self: stretch;
  max-width: 370px;
}
.rangeBlock .roomset {
  order: 0;
  width: 100%;
  background-color: var(--cc-color-lighter-grey);
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-align: center;
  aspect-ratio: 1/1.2;
}
.rangeBlock .roomset p {
  padding: 24px;
  margin: 0;
}
.rangeBlock .roomset img {
  object-fit: cover;
  object-position: center bottom;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.rangeBlock .text {
  order: 1;
  width: 100%;
  padding: clamp(24px, 2vw, 32px);
  padding-top: calc(clamp(24px, 2vw, 32px) * 2);
  overflow: visible;
  flex-grow: 1;
  background-color: var(--cc-color-beige);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.rangeBlock .text .swatch {
  width: 30%;
  position: absolute;
  left: clamp(24px, 2vw, 32px);
  bottom: calc(100% - clamp(24px, 2vw, 32px));
  z-index: 2;
}
.rangeBlock .text .collectionLink h2 {
  font-size: clamp(9px, 1vw, 10px);
}
.rangeBlock .text .collectionLink + .rangeLink {
  margin-top: 2em;
}
.rangeBlock .text a {
  display: block;
  width: 100%;
}
.rangeBlock .text a.swatch {
  border: solid 3px var(--cc-color-white);
}
.rangeBlock .text p.swatch {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  color: var(--cc-color-white) !important;
  padding-left: calc(clamp(24px, 2vw, 32px) / 1.75);
}
.rangeBlock .rangeTitle {
  font-size: var(--kc-h6Size) 22px;
  font-size: var(--kc-h6Size-clamp);
  margin-bottom: calc(clamp(24px, 2vw, 32px) / 2);
  font-weight: 450;
}
.rangeBlock .subTitle {
  margin-bottom: calc(clamp(24px, 2vw, 32px) * 0.75);
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  color: var(--cc-color-secondary) !important;
  font-weight: 450;
}
.rangeBlock .description {
  margin-bottom: calc(clamp(24px, 2vw, 32px) * 0.75);
}
.rangeBlock .description *:last-child {
  margin-bottom: 0;
}
.rangeBlock .viewRange {
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  line-height: var(--kc-header-font-line-height);
  margin-bottom: 0.5em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  color: var(--cc-color-primary) !important;
  margin-bottom: 0;
  margin-top: auto;
}

.introText + .rangeMenu {
  margin-top: calc((calc(24px + 2.4vw)) * 0.75);
}

.rangeMenu + .outroText {
  margin-top: calc((calc(24px + 2.4vw)) * 0.75);
}

.rangeMenuBlock.hasColour {
  /*$bigTablet ends*/
  /*$bigTablet ends*/
}
.rangeMenuBlock.hasColour .rangeMenu.rangeTrack .rangeBlock {
  width: calc(33.3333333333% - 1.5em);
}
@media only screen and (max-width: 900px) {
  .rangeMenuBlock.hasColour .rangeMenu.rangeTrack .rangeBlock {
    width: calc(50% - 1.5em);
  }
}
@media only screen and (max-width: 650px) {
  .rangeMenuBlock.hasColour .rangeMenu.rangeTrack .rangeBlock {
    width: calc(100% - 1.5em);
  }
}

.rangeMenu.rangeTrack {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: stretch;
  width: 100%;
  gap: 2em;
  padding-left: 3em;
  padding-right: 1.5em;
}
.rangeMenu.rangeTrack .rangeBlock {
  width: calc(25% - 1.5em);
  margin-right: 1.5em;
  min-height: 100%;
}
.rangeMenu.rangeTrack .rangeBlock .text {
  padding: clamp(14px, 2vw, 22px);
  padding-top: clamp(44px, 3vw, 52px);
}
.rangeMenu.rangeTrack .rangeBlock .swatch {
  left: clamp(14px, 2vw, 22px);
}
.rangeMenu.rangeTrack .rangeBlock p.swatch {
  display: none;
}
.rangeMenu.rangeTrack .rangeBlock .description {
  display: none;
}
.rangeMenu.rangeTrack .rangeBlock .rangeTitle {
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}
.rangeMenu.rangeTrack .rangeBlock .subTitle {
  margin-bottom: 0;
}
.rangeMenu.rangeTrack .rangeBlock .viewRange {
  font-size: var(--kc-creditFontSize);
  font-size: var(--kc-creditFontSize-clamp);
}

@media only screen and (max-width: 1200px) {
  .rangeMenu.rangeTrack .rangeBlock {
    width: calc(33.3333333333% - 1.5em);
  }
} /*$laptop ends*/
@media only screen and (max-width: 700px) {
  .rangeMenu.rangeTrack .rangeBlock {
    width: calc(50% - 1.5em);
  }
} /*$smallTablet ends*/
@media only screen and (max-width: 650px) {
  .rangeMenu .rangeBlock {
    width: 100%;
  }
  .rangeMenu .rangeBlock .rangeTitle {
    font-size: var(--kc-h5Size) 24px;
    font-size: var(--kc-h5Size-clamp);
  }
  .rangeMenu .rangeBlock .subTitle {
    font-size: var(--kc-h6Size) 22px;
    font-size: var(--kc-h6Size-clamp);
  }
} /*$bigPhone ends*/
@media only screen and (max-width: 450px) {
  .rangeMenu.rangeTrack .rangeBlock {
    width: calc(100% - 1.5em);
  }
} /*$phone ends*/
.rangeTrack.flickity-enabled .flickity-slider {
  width: 100%;
}
.rangeTrack.flickity-enabled .flickity-viewport {
  overflow: hidden;
  width: 100%;
}
.rangeTrack.flickity-enabled .flickity-page-dots {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin: auto;
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.rangeTrack.flickity-enabled .flickity-page-dots li {
  display: block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 0;
  margin-right: 0.6em;
  border-radius: 0;
  background-color: var(--cc-color-light-grey);
  opacity: 0.8;
}
.rangeTrack.flickity-enabled .flickity-page-dots li.is-selected {
  background-color: var(--cc-color-primary);
  opacity: 1;
}

@media only screen and (max-width: 900px) {
  .rangeBlock {
    width: calc(50% - (clamp(24px, 2vw, 32px)) / 2);
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 650px) {
  .rangeMenu {
    grid-template-columns: 1fr;
  }
  .rangeBlock {
    width: 100%;
  }
} /*$bigPhone ends*/
.collectionBlock .blockLink {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}
.collectionBlock .collectionTitle {
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  border-bottom: solid 1px currentColor;
}
.collectionBlock .collectionTitle span {
  display: block;
  width: 100%;
  font-size: 0.35em;
}

.related.products {
  margin-top: calc(24px + 2.4vw);
  padding-top: calc(24px + 2.4vw);
}
.related.products ul.products {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}
.related.products ul.products .woocommerce-loop-product__title {
  font-size: var(--kc-h6Size) 22px;
  font-size: var(--kc-h6Size-clamp);
}
.related.products ul.products .woocommerce-loop-product__title + p {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
.related.products ul.products .price {
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}

.propertyList {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
}
.propertyList.colourRef {
  border-bottom: solid 1px var(--cc-color-light-grey);
}
.propertyList .heading {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  padding: calc((calc(24px + 2.4vw)) * 0.25) 0;
  top: -1px;
}
.propertyList .heading h5 {
  margin-bottom: 0;
}
.propertyList .property {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  padding: calc((calc(24px + 2.4vw)) * 0.25) 0;
  top: -1px;
}
.propertyList .property h6, .propertyList .property p.value {
  max-width: 50%;
  max-width: 50%;
  margin: 0;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}
.propertyList .property h6 {
  font-weight: 500;
  line-height: 1.2em;
  padding-right: 8px;
}
.propertyList .property h6 span {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  line-height: 1.1em;
}
.propertyList .property.footTraffic p.value {
  line-height: var(--kc-body-font-line-height);
}
.propertyList .property p.value span {
  display: inline-block;
}
.propertyList .property p.value span::after {
  content: ", ";
  display: inline-block;
  padding-right: 0.25em;
}
.propertyList .property p.value span:last-child::after {
  display: none;
}
.propertyList .property p.value span.fullWidth {
  display: block;
}
.propertyList .property p.value span.fullWidth::after {
  display: none;
}
.propertyList .property {
  border-top: solid 1px var(--cc-color-light-grey);
}
.propertyList .property {
  order: 100;
}
.propertyList .property.colour {
  order: 100;
  display: none;
}
.propertyList .property.designstyle {
  order: 6;
}
.propertyList .property.construction {
  order: 8;
}
.propertyList .property.pilefibre {
  order: 10;
}
.propertyList .property.totalpileweight {
  order: 12;
}
.propertyList .property.pileheight {
  order: 14;
}
.propertyList .property.widths {
  order: 20;
}
.propertyList .property.backing {
  order: 40;
}
.propertyList .property.tograting {
  order: 50;
}
.propertyList .property.suitability {
  order: 60;
}
.propertyList .property.gaugeorpitchorreed {
  order: 100;
}
.propertyList .property.stitchrateorrows {
  order: 100;
}
.propertyList .property.tuftdensity {
  order: 100;
}
.propertyList .property.suitability {
  order: 100;
}

.propertyIcons h6, .propertyIcons p {
  display: none;
}

.propertyIconList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  width: calc(100% + calc((calc(24px + 2.4vw)) * 0.25));
}
.propertyIconList .propertyIcon:has(span.hand-crafted) {
  order: 10;
}
.propertyIconList .propertyIcon {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  padding-right: calc((calc(24px + 2.4vw)) * 0.25);
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.25);
  width: 20%;
  max-width: 120px;
  min-width: 80px;
}
.propertyIconList .propertyIcon span {
  display: block;
  width: 100%;
  padding-top: 165%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
}
.propertyIconList .propertyIcon span.hand-crafted {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/icons/hand-crafted-icon.svg");
}
.propertyIconList .propertyIcon span.moth-proofed {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/icons/moth-proofed-icon.svg");
}
.propertyIconList .propertyIcon span.woven-cotton-back {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/icons/woven-cotton-back-icon.svg");
}
.propertyIconList .propertyIcon span.stain-resistant {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/icons/stain-reistant-icon.svg");
}
.propertyIconList .propertyIcon span.eco-carpet {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/icons/eco-carpet-icon.svg");
}
.propertyIconList .propertyIcon span.pure-new-wool {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/icons/pure-new-wool-icon.svg");
}
.propertyIconList .propertyIcon span.tufStrand {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/icons/tuf-strand-icon.svg");
}

.categorySpecification {
  background-color: var(--cc-color-secondary);
  width: 100%;
}
.categorySpecification button.specToggle,
.categorySpecification button.specToggle:hover {
  background-color: var(--cc-color-secondary);
  color: var(--cc-color-black);
  font-weight: 500;
  padding-top: calc((calc(24px + 2.4vw)) * 0.5);
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  padding-left: calc((calc(24px + 2.4vw)) * 0.75);
  margin: 0;
  border: 0;
  width: 100%;
  transition: all 0.35s ease;
  box-sizing: border-box;
}
.categorySpecification button.specToggle::before,
.categorySpecification button.specToggle:hover::before {
  content: "+";
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-h3Size) 36px;
  font-size: var(--kc-h3Size-clamp);
  color: var(--cc-color-primary);
  position: absolute;
  left: calc((calc(24px + 2.4vw)) * 0.25);
  top: 50%;
  transform: translateY(-50%);
}
.categorySpecification button.specToggle:hover {
  color: var(--cc-color-primary);
  background-color: var(--cc-color-lighter-grey);
}
.categorySpecification .specFrame {
  padding: calc((calc(24px + 2.4vw)) * 0.5);
  max-height: 1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  transition: all 0.35s ease;
}
.categorySpecification .specIntro {
  padding-bottom: calc(24px + 2.4vw);
}
.categorySpecification.expanded .specFrame {
  max-height: fit-content;
  opacity: 1;
  overflow: visible;
  position: relative;
}
.categorySpecification.expanded button.specToggle::before,
.categorySpecification.expanded button.specToggle:hover::before {
  content: "-";
}
.categorySpecification .specHead {
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}

.specFrame .specs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.specFrame .specs + .specs {
  margin-top: calc(24px + 2.4vw);
}
.specFrame .specLeft {
  padding: calc((calc(24px + 2.4vw)) * 0.25) calc((calc(24px + 2.4vw)) * 0.5);
  background-color: var(--cc-color-white);
  width: 60%;
  max-width: 680px;
}
.specFrame .specRight {
  width: 40%;
  flex-grow: 1;
  padding: calc((calc(24px + 2.4vw)) * 0.5);
  padding-top: 0px;
}
.specFrame .specNote {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  margin-top: 12px;
}
.specFrame .disclaimers {
  padding: calc((calc(24px + 2.4vw)) * 0.5) 0 0 0;
}
.specFrame .disclaimers h4 {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-weight: 700;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .specFrame .specLeft {
    width: 100%;
  }
  .specFrame .specRight {
    width: 100%;
    padding-top: calc((calc(24px + 2.4vw)) * 0.5);
    padding-left: 0px;
  }
} /*$tablet ends*/
@media only screen and (max-width: 650px) {
  .categorySpecification button.specToggle span,
  .categorySpecification button.specToggle:hover span {
    display: none;
  }
} /*$bigPhone ends*/
.installationsMenu {
  width: 100%;
  margin-top: calc(24px + 2.4vw);
}

.installationTilesStatic,
.installationsTrack {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: stretch;
  overflow: hidden;
  width: calc(100% + calc((calc(24px + 2.4vw)) * 0.5));
  left: calc(0px - (calc((calc(24px + 2.4vw)) * 0.25)));
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}

.woocommerce .installationsTile,
.installationsTile {
  width: calc(33.3333333333% - calc((calc(24px + 2.4vw)) * 0.5));
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  background-color: var(--cc-color-black);
  margin: calc((calc(24px + 2.4vw)) * 0.25);
}
.woocommerce .installationsTile::after,
.installationsTile::after {
  content: "";
  display: block;
  position: absolute;
  left: calc((calc(24px + 2.4vw)) * 0.25);
  top: calc((calc(24px + 2.4vw)) * 0.25);
  right: calc((calc(24px + 2.4vw)) * 0.25);
  bottom: calc((calc(24px + 2.4vw)) * 0.25);
  pointer-events: none;
  border: solid 1px rgba(255, 255, 255, 0.5);
}
.woocommerce .installationsTile a,
.installationsTile a {
  display: block;
  width: 100%;
}
.woocommerce .installationsTile .text,
.installationsTile .text {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  padding: calc((calc(24px + 2.4vw)) * 0.75);
  z-index: 2;
}
.woocommerce .installationsTile .text *,
.installationsTile .text * {
  text-align: center;
}
.woocommerce .installationsTile .text span.stilt,
.installationsTile .text span.stilt {
  display: block;
  padding-top: 100%;
}
.woocommerce .installationsTile .text .positioner,
.installationsTile .text .positioner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}
.woocommerce .installationsTile .text h5,
.installationsTile .text h5 {
  order: 1;
}
.woocommerce .installationsTile .text .excerpt,
.installationsTile .text .excerpt {
  display: none;
  order: 3;
}
.woocommerce .installationsTile .text .blockLink,
.installationsTile .text .blockLink {
  order: 3;
}
.woocommerce .installationsTile .text time,
.installationsTile .text time {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  margin-bottom: 1em;
  color: var(--cc-color-white);
  order: 0;
}
.woocommerce .installationsTile .image, .woocommerce .installationsTile img, .woocommerce .installationsTile picture,
.installationsTile .image,
.installationsTile img,
.installationsTile picture {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.woocommerce .installationsTile img,
.installationsTile img {
  object-fit: cover;
  object-position: center bottom;
  height: 100% !important;
}
.woocommerce .installationsTile .image::after,
.installationsTile .image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
}

.row .woocommerce .installationsTile,
.row .installationsTile {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  background-color: var(--cc-color-black);
}
.row .woocommerce .installationsTile::after,
.row .installationsTile::after {
  left: calc((calc(24px + 2.4vw)) * 0.5);
  top: calc((calc(24px + 2.4vw)) * 0.5);
  right: calc((calc(24px + 2.4vw)) * 0.5);
  bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.row .woocommerce .installationsTile a,
.row .installationsTile a {
  display: block;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.row .woocommerce .installationsTile .text,
.row .installationsTile .text {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  padding: calc(24px + 2.4vw);
  z-index: 2;
  width: 50%;
}
.row .woocommerce .installationsTile .text *,
.row .installationsTile .text * {
  text-align: left;
}
.row .woocommerce .installationsTile .text .positioner,
.row .installationsTile .text .positioner {
  align-items: flex-start;
}
.row .woocommerce .installationsTile .text h5,
.row .installationsTile .text h5 {
  font-size: var(--kc-h3Size) 36px;
  font-size: var(--kc-h3Size-clamp);
}
.row .woocommerce .installationsTile .text .excerpt,
.row .installationsTile .text .excerpt {
  display: block;
}
.row .woocommerce .installationsTile .image,
.row .installationsTile .image {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  width: 50%;
}
.row .woocommerce .installationsTile img, .row .woocommerce .installationsTile picture,
.row .installationsTile img,
.row .installationsTile picture {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.row .woocommerce .installationsTile img,
.row .installationsTile img {
  object-fit: cover;
  object-position: center bottom;
  height: 100% !important;
}
.row .woocommerce .installationsTile .image::after,
.row .installationsTile .image::after {
  display: none;
}

.installationsTrack.flickity-enabled {
  width: 100%;
  margin-left: 0;
  left: 0;
}
.installationsTrack.flickity-enabled .flickity-slider {
  width: 100%;
}
.installationsTrack.flickity-enabled .flickity-slider .installationsTile {
  width: 66.6666666667%;
}
.installationsTrack.flickity-enabled .flickity-viewport {
  overflow: hidden;
  width: 100%;
}
.installationsTrack.flickity-enabled .flickity-page-dots {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin: auto;
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.installationsTrack.flickity-enabled .flickity-page-dots li {
  display: block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 0;
  margin-right: 0.6em;
  border-radius: 0;
  background-color: var(--kc-color-lighter-grey);
  opacity: 0.8;
}
.installationsTrack.flickity-enabled .flickity-page-dots li.is-selected {
  background-color: var(--kc-color-secondary);
}

@media only screen and (max-width: 900px) {
  .woocommerce .installationsTile,
  .installationsTile {
    width: 50%;
  }
  .row .woocommerce .installationsTile,
  .row .installationsTile {
    width: 100%;
  }
  .row .woocommerce .installationsTile a,
  .row .installationsTile a {
    flex-direction: column;
  }
  .row .woocommerce .installationsTile .text,
  .row .woocommerce .installationsTile .image,
  .row .installationsTile .text,
  .row .installationsTile .image {
    width: 100%;
  }
  .row .woocommerce .installationsTile .image,
  .row .installationsTile .image {
    order: 0;
    height: auto;
    padding-top: 100%;
  }
  .row .woocommerce .installationsTile .image picture, .row .woocommerce .installationsTile .image img,
  .row .installationsTile .image picture,
  .row .installationsTile .image img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .row .woocommerce .installationsTile .text,
  .row .installationsTile .text {
    order: 1;
  }
  .row .woocommerce .installationsTile .text span.stilt,
  .row .installationsTile .text span.stilt {
    display: none;
  }
  .row .woocommerce .installationsTile .positioner,
  .row .installationsTile .positioner {
    padding-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 650px) {
  .woocommerce .installationsTile,
  .installationsTile {
    width: 100%;
  }
} /*$bigPhone ends*/
.moreColours {
  padding-top: calc(24px + 2.4vw);
}
.moreColours .rangeLoopHeader {
  padding-top: 0;
}
.moreColours .text {
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}

.woocommerce .shopWrapper .moreColours ul.products {
  width: 100%;
  padding-left: 0px;
  padding-top: clamp(24px, 2vw, 32px);
  grid-template-columns: 1fr 1fr 1fr 1fr;
  /*$laptop ends*/
  /*$laptop ends*/
}
@media only screen and (max-width: 900px) {
  .woocommerce .shopWrapper .moreColours ul.products {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 700px) {
  .woocommerce .shopWrapper .moreColours ul.products {
    grid-template-columns: 1fr 1fr;
  }
}

.splitBanner {
  background-color: var(--cc-color-black);
  min-height: 80vh;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.splitBanner .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  z-index: 2;
  /*768 ends*/
}
@media only screen and (min-width: 768px) {
  .splitBanner .wrapper {
    width: 100%;
  }
}
.splitBanner .flexer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: flex-start;
  align-items: stretch;
  width: 100%;
}
.splitBanner .text {
  width: 50%;
  padding: calc(24px + 2.4vw);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
}
.splitBanner .text .rangeIntro {
  margin: calc((calc(24px + 2.4vw)) * 0.5) 0;
}
.splitBanner .text .rangeIntro .readMoreButton {
  color: var(--cc-color-white);
}
.splitBanner .breadCrumbs {
  margin-top: 0;
  padding-bottom: calc(24px + 2.4vw);
}
.splitBanner .breadCrumbs * {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: var(--kc-footerFontSize);
  font-size: var(--kc-footerFontSize-clamp);
  color: var(--cc-color-light-grey);
}
.splitBanner .breadCrumbs a {
  color: var(--cc-color-white);
}
.splitBanner .quickLinks {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  margin-left: calc(0px - calc((calc(24px + 2.4vw)) * 0.5));
}
.splitBanner .quickLinks .iconLink {
  margin-left: calc((calc(24px + 2.4vw)) * 0.5);
}
.splitBanner .rangeImage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  z-index: 1;
}
.splitBanner .rangeImage .image,
.splitBanner .rangeImage img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.splitBanner .borderAnimated {
  display: none;
  z-index: 3;
  position: absolute;
  left: calc(24px + 2.4vw);
  top: calc(24px + 2.4vw);
  right: calc(24px + 2.4vw);
  bottom: calc(24px + 2.4vw);
  width: auto;
  height: auto;
}

.rangeIcon {
  width: 30%;
  max-width: 250px;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}

@media only screen and (max-width: 768px) {
  .splitBanner {
    padding-top: 0;
    min-height: 1px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
  }
  .splitBanner .wrapper {
    display: block;
    order: 2;
  }
  .splitBanner .borderAnimated {
    display: none;
  }
  .splitBanner .flexer {
    display: block;
  }
  .splitBanner .text {
    width: 100%;
    padding: calc(24px + 2.4vw) 0;
    display: block;
  }
  .splitBanner .text .positioner {
    margin-bottom: auto;
    padding-bottom: 0;
  }
  .splitBanner .text .rangeIntro {
    margin: calc((calc(24px + 2.4vw)) * 0.5) 0;
  }
  .splitBanner .rangeImage, .splitBanner .rangeImage .image {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    order: 0;
  }
  .splitBanner .rangeImage .image span.stilt {
    display: block;
    min-height: 50vh;
  }
} /*$tabvlet ends*/
@media only screen and (max-width: 650px) {
  .splitBanner .borderAnimated {
    z-index: 3;
    position: absolute;
    left: calc((calc(24px + 2.4vw)) * 0.5);
    top: calc((calc(24px + 2.4vw)) * 0.5);
    right: calc((calc(24px + 2.4vw)) * 0.5);
    bottom: calc((calc(24px + 2.4vw)) * 0.5);
    width: auto;
    height: auto;
  }
} /*$bigPhone ends*/
.productSideBar .yith-wcan-filters {
  background-color: transparent;
  font-size: 1.4em;
}
.productSideBar .yith-wcan-filters .yith-wcan-filter {
  padding-bottom: calc((calc(24px + 2.4vw)) * 0.25);
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.25);
}
.productSideBar .yith-wcan-filters .yith-wcan-reset-filters {
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.25);
  padding: 0;
  background-color: transparent;
  color: var(--cc-color-black);
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/cancel-bin.svg");
  background-size: auto 2em;
  background-position: 0em center;
  background-repeat: no-repeat;
  padding: 0em 1.5em;
  padding-left: 2.5em;
  border: 0;
  font-weight: 500;
}
.productSideBar .yith-wcan-filters .yith-wcan-reset-filters:hover {
  color: var(--cc-color-black);
  border: 0;
}
.productSideBar .yith-wcan-filters .yith-wcan-filter:last-of-type {
  border: 0;
}
.productSideBar .yith-wcan-filters .yith-wcan-filter.filter-tax.color-design {
  border-bottom: solid 1px var(--cc-color-light-grey);
}
.productSideBar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-color {
  border: solid 1px var(--cc-color-light-grey);
}
.productSideBar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-label {
  color: var(--cc-color-black);
}
.productSideBar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color:hover .term-color {
  border: solid 1px var(--cc-color-grey);
}
.productSideBar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color:hover .term-label {
  color: var(--cc-color-black);
}
.productSideBar .yith-wcan-filters .yith-wcan-active-filters {
  border: solid 1px var(--cc-color-secondary);
  padding: 12px;
}
.productSideBar .yith-wcan-filters .yith-wcan-active-filters .active-filter {
  margin-bottom: 12px;
}
.productSideBar .yith-wcan-filters .yith-wcan-active-filters b {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.productSideBar .yith-wcan-filters .yith-wcan-active-filters h4,
.productSideBar .yith-wcan-filters .filter-title {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-weight: 500;
  font-size: var(--kc-h6Size) 22px;
  font-size: var(--kc-h6Size-clamp);
}
.productSideBar .yith-wcan-filters li.filter-item.select.active a {
  color: var(--cc-color-black);
  font-style: italic;
}
.productSideBar .yith-wcan-filters li.filter-item.select.active::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/tick-bronze.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 0.25em;
  transform: translateY(0.1em);
}
.productSideBar .yith-wcan-filters li.filter-item.select[data-value=uncategorised] {
  display: none;
}

.woocommerce-pagination,
.woocommerce .shopWrapper nav.woocommerce-pagination {
  width: calc(100% -- calc(24px + 2.4vw));
  max-width: 1200px;
  margin: auto;
  border: 0;
  border-bottom: solid 1px var(--cc-color-light-grey);
  padding: calc((calc(24px + 2.4vw)) * 0.25);
  order: 100;
}
.woocommerce-pagination ul,
.woocommerce .shopWrapper nav.woocommerce-pagination ul {
  border: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: flex-start;
  align-items: stretch;
  margin: 0;
}
.woocommerce-pagination ul li,
.woocommerce .shopWrapper nav.woocommerce-pagination ul li {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: var(--cc-color-lighter-grey);
  display: block;
  margin: 3px;
  border-radius: 0px;
}
.woocommerce-pagination ul li span, .woocommerce-pagination ul li a,
.woocommerce .shopWrapper nav.woocommerce-pagination ul li span,
.woocommerce .shopWrapper nav.woocommerce-pagination ul li a {
  padding: 9px;
  display: block;
  min-width: 2em;
  color: var(--cc-color-grey);
}
.woocommerce-pagination ul li span.current,
.woocommerce .shopWrapper nav.woocommerce-pagination ul li span.current {
  background-color: var(--cc-color-grey);
  color: var(--cc-color-white);
}

.productSideBar {
  width: 100%;
  background-color: #f2f2f2;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.productSideBar button.filterToggle,
.productSideBar button.filterToggle:hover {
  color: var(--cc-color-black);
  background-color: #f2f2f2;
  font-weight: 500;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: calc(38px + 0.5em);
  margin: 0;
  border: 0;
  width: 100%;
  transition: all 0.35s ease;
  box-sizing: border-box;
  text-align: left;
  pointer-events: none;
}
.productSideBar button.filterToggle::before,
.productSideBar button.filterToggle:hover::before {
  content: "";
  color: var(--cc-color-primary);
  position: absolute;
  left: calc((calc(24px + 2.4vw)) * 0.25);
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/filter-bronze.svg");
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}
.productSideBar button.filterToggle:hover {
  color: var(--cc-color-primary);
}

.kc_filters {
  width: 100%;
}
.kc_filters h1, .kc_filters h2, .kc_filters h3, .kc_filters h4, .kc_filters h5, .kc_filters h6 {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
}
.kc_filters a.reset {
  position: absolute;
  top: 24px;
  right: 24px;
}

.activeFilters {
  padding: 12px;
  padding-top: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

a.tagRemove {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.05);
  background-color: var(--cc-color-white);
  width: fit-content;
  border-radius: 2em;
  padding: 0.5em 0.75em;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  font-size: 14px;
  border: solid 1px transparent;
  color: var(--cc-color-text-color);
  transition: all 0.35s ease;
}
a.tagRemove::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/cross_grey.svg");
  background-size: contain;
  background-position: center center;
}
a.tagRemove.removeAll {
  color: var(--cc-color-red);
}
a.tagRemove.removeAll::before {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/cross.svg");
}
a.tagRemove.removeAll:hover {
  border-color: var(--cc-color-red);
}
a.tagRemove:hover {
  border-color: var(--cc-color-text-color);
}

.noProducts a.reset,
.productSideBar a.reset {
  display: inline-block;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/cross.svg");
  background-repeat: no-repeat;
  background-position: 0em 0.25em;
  background-size: auto 1em;
  padding-left: 1.5em;
  color: var(--cc-color-text-color);
  text-decoration: none;
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}

.filter_block {
  padding: 0 24px;
}

.filterHeadings {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  gap: 18px;
}

.filterTitle {
  margin-bottom: 0;
  display: inline-block;
  text-transform: none;
  width: fit-content;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  letter-spacing: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  margin-right: 18px;
}
.filterTitle::after {
  content: "";
  display: block;
  width: 0.75em;
  height: 0.75em;
  transform: translateY(50%);
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/arrow-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.35s ease;
  margin-left: 0.5em;
}
.filterTitle.active::after {
  transform: translateY(50%) rotate(180deg);
  transition: all 0.35s ease;
}

.filterSet .options {
  width: 100%;
  max-height: 0px;
  padding: 0;
  opacity: 0;
  overflow: clip;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-flow: row;
  transition: all 0.35s ease;
  visibility: hidden;
  gap: 16px;
}
.filterSet .options.active {
  visibility: visible;
  opacity: 1;
  padding: 24px 0 0 0;
  max-height: fit-content;
  transition: all 0.35s ease;
}
.filterSet .filterTitle {
  width: 100%;
  grid-column: 1/-1;
  margin-bottom: 0;
  display: none;
}
.filterSet a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  color: var(--cc-color-text-color);
}
.filterSet a.invisible {
  opacity: 0.3;
  color: var(--cc-color-black);
  pointer-events: none;
}

.filterSet:not(.colourSet) a::before {
  content: "";
  display: block;
  min-width: 0.8em;
  min-height: 0.8em;
  transform: translateY(20%);
  background-color: var(--cc-color-lighter-grey);
  border: solid 1px var(--cc-color-light-grey);
  background-color: var(--cc-color-white);
  margin-right: 0.65em;
  background-size: 80% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.filterSet:not(.colourSet) a.active::before {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/tick-gold.svg");
}

.filterSet.colourSet .options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  max-width: 700px;
}
.filterSet.colourSet .options a {
  color: var(--cc-color-primary);
  width: 100%;
  max-width: 80px;
  display: inline-block;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding: 6px;
}
.filterSet.colourSet .options a .swatch {
  width: 100%;
  display: block;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: solid 1px var(--cc-color-light-grey);
  margin-bottom: 6px;
}
.filterSet.colourSet .options a.active {
  font-weight: 500;
}
.filterSet.colourSet .options a.active::before {
  content: "";
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  left: 10%;
  top: 3px;
  background-color: var(--cc-color-green);
  border: solid 1px var(--cc-color-white);
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/white-tick.svg");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
}
.filterSet.colourSet .options a.active::after {
  content: "remove";
  color: var(--cc-color-red);
  font-size: 10px;
}
.filterSet.colourSet .options a.invisible {
  opacity: 0.3;
  color: var(--cc-color-black);
  pointer-events: none;
}

.product-tags-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  margin-left: -8px;
}
.product-tags-list li {
  width: 33.3333%;
  max-width: 80px;
  display: inline-block;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  line-height: 1em;
  padding: 8px;
}
.product-tags-list li a {
  width: 100%;
  display: flex;
  line-height: 1.6em;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-size: 12px;
  text-decoration: none;
  color: var(--cc-color-text-color);
}
.product-tags-list a.remove {
  margin-top: -3px;
  font-size: 10px;
  color: var(--cc-color-red);
}
.product-tags-list a.removeButton {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 10%;
  top: 3px;
  background-color: red;
  color: var(--cc-color-white);
  font-weight: 700;
  border-radius: 50%;
  font-size: 8px;
  border: solid 1px var(--cc-color-white);
}
.product-tags-list .activeBadge {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  left: 10%;
  top: 3px;
  background-color: var(--cc-color-green);
  border: solid 1px var(--cc-color-white);
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/white-tick.svg");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center center;
}
.product-tags-list .swatch {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  border: solid 1px var(--cc-color-light-grey);
  border-radius: 50%;
  margin-bottom: 4px;
}
.product-tags-list li.active {
  font-weight: 500;
}
.product-tags-list li.active .swatch {
  border: solid 2px var(--cc-color-primary);
}

.productSideBar p.disclaimer {
  margin-top: 12px;
}

.noProducts {
  display: block;
  width: calc(100% - 260px);
  min-width: calc(100% - 260px);
  order: 2;
  padding-left: calc(24px + 2.4vw);
}

/* The container must be positioned relative: */
.filterDropdown + .filterColours,
.filterDropdown + .filterDropdown {
  padding-top: 24px;
}

.filterDropdown + .filterDropdown {
  margin-top: 0px;
}

.filterColours + .singleResult {
  padding-top: 24px;
  border-top: solid 1px var(--cc-color-lighter-grey);
}

.singleResult {
  padding-bottom: 24px;
  border-bottom: solid 1px var(--cc-color-lighter-grey);
}

.filterDropdown {
  position: relative;
  font-family: Arial;
}
.filterDropdown .singleTerm {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: center;
  width: 100%;
}
.filterDropdown .singleTerm img.remove {
  width: 1.1em;
  height: 1.1em;
  transform: translateY(5%);
}
.filterDropdown a.resetInline,
.filterDropdown p.selected {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  margin: 0;
  color: #666666;
  font-size: clamp(12px, 1vw, 14px);
}
.filterDropdown a.resetInline::before,
.filterDropdown p.selected::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/tick-bronze.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.filterDropdown a.resetInline::before {
  background-image: url("/wp-content/themes/kc_causeway_carpets/img/cross.svg");
}
.filterDropdown select {
  background-color: white;
  border: thin solid var(--cc-color-lighter-grey);
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  margin: 0;
  appearance: none;
  width: 100%;
  max-width: 100%;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.filterDropdown select:focus {
  background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}
.filterDropdown select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

@media only screen and (max-width: 900px) {
  .noProducts {
    order: 2;
    width: 100%;
    min-width: 100%;
  }
} /*$tablet ends*/
@media only screen and (max-width: 700px) {
  .filterHeadings {
    display: none;
  }
  .filterSet .filterTitle {
    display: flex;
  }
  .filterSet + .filterSet {
    margin-top: 12px;
    padding-top: 12px;
    border-top: solid 1px var(--cc-color-light-grey);
  }
  .productSideBar {
    padding-bottom: 0;
  }
  .productSideBar button.filterToggle,
  .productSideBar button.filterToggle:hover {
    pointer-events: all;
  }
  .productSideBar .kc_filters,
  .productSideBar .yith-wcan-filters {
    max-height: 1px;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    margin-bottom: 0;
    transition: all 0.35s ease;
  }
  .productSideBar.expanded .kc_filters,
  .productSideBar.expanded .filterSet,
  .productSideBar.expanded .yith-wcan-filters {
    max-height: fit-content;
    opacity: 1;
    pointer-events: all;
    overflow: visible;
  }
  .productSideBar.expanded .filter_block {
    padding-bottom: 24px;
  }
  .productSideBar.expanded .options.active {
    padding-bottom: 24px;
  }
} /*$smallTablet ends*/
.pageContent #wpsl-wrap {
  display: grid;
  grid-template-areas: "map search" "map results";
  grid-template-columns: 3fr 2fr;
  background-color: var(--cc-color-beige);
  padding: 18px;
}
.pageContent #wpsl-wrap .wpsl-search {
  grid-area: search;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 18px;
  background-color: var(--cc-color-lighter-grey);
}
.pageContent #wpsl-wrap .wpsl-search #wpsl-search-wrap form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  gap: 12px;
  padding: 10px;
}
.pageContent #wpsl-wrap .wpsl-search #wpsl-search-wrap form .wpsl-input {
  margin: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  gap: 9px;
}
.pageContent #wpsl-wrap .wpsl-search #wpsl-search-wrap form .wpsl-input input {
  flex-grow: 1;
}
.pageContent #wpsl-wrap .wpsl-search #wpsl-search-wrap form #wpsl-search-btn {
  background-color: var(--cc-color-secondary);
  color: var(--cc-color-white);
  text-transform: uppercase;
  background-image: none;
}
.pageContent #wpsl-wrap .wpsl-search #wpsl-search-wrap form div, .pageContent #wpsl-wrap .wpsl-search #wpsl-search-wrap form label {
  margin: 0;
  width: fit-content;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  color: var(--cc-color-grey);
}
.pageContent #wpsl-wrap .wpsl-search .wpsl-select-wrap {
  display: none;
}
.pageContent #wpsl-wrap .wpsl-search #wpsl-search-wrap input, .pageContent #wpsl-wrap .wpsl-search #wpsl-search-btn {
  margin: 0;
}
.pageContent #wpsl-wrap #wpsl-gmap {
  grid-area: map;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  margin: 0;
}
.pageContent #wpsl-wrap #wpsl-result-list {
  grid-area: results;
  width: 100%;
  max-width: 100%;
  padding: 18px;
  background-color: var(--cc-color-white);
}
.pageContent #wpsl-wrap #wpsl-result-list .wpsl-preloader {
  float: left;
  margin: 8px 0 0 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  padding-left: 0px;
}
.pageContent #wpsl-wrap #wpsl-result-list .wpsl-preloader img {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  width: 1em;
  height: 1em;
  margin: 0;
  margin-right: 0.5em;
}

html #wpsl-wrap .wpsl-info-window p {
  line-height: 1.3em;
  margin-bottom: 14px;
}
html #wpsl-wrap .wpsl-info-window p > strong {
  color: var(--cc-color-secondary);
}

#wpsl-gmap .wpsl-info-window .wpsl-info-actions a.wpsl-directions {
  background-color: var(--cc-color-secondary);
  padding: 0.5em 0.75em;
  display: inline-block;
  font-family: var(--kc-header-font);
  font-weight: var(--kc-header-font-weight);
  line-height: var(--kc-header-font-line-height);
  margin-bottom: 0.5em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: var(--cc-color-white);
}
#wpsl-gmap .wpsl-info-window span.contacts {
  display: block;
  padding: 0.5em 0;
}

@media only screen and (max-width: 900px) {
  .pageContent #wpsl-wrap {
    display: grid;
    grid-template-areas: "search" "map" "results";
    grid-template-columns: 1fr;
  }
} /*675px ends*/
.mapBlock .introText {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.mapBlock .introText * {
  text-align: center;
}
.contactView {
  padding: 0;
}
.contactView .flexer {
  display: grid;
  grid-template-areas: "map contactDetails";
  grid-template-columns: 1fr 1fr;
  gap: calc((calc(24px + 2.4vw)) * 0.5);
}
.contactView .map {
  grid-area: map;
  background-color: var(--cc-color-lighter-grey);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.contactView .map.fullWidth {
  width: 100%;
}
.contactView .storeImage .image img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.contactView .storeImage .image span.stilt {
  display: block;
  width: 100%;
  padding-top: 75%;
}
.contactView .contactDetails {
  grid-area: contactDetails;
}
.contactView .contactDetails ul.telNos {
  color: var(--cc-color-black);
}
.contactView .contactDetails p.regNo {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  margin-bottom: 0;
}
.contactView .contactDetails ul, .contactView .contactDetails .openingHours, .contactView .contactDetails p.regNo {
  color: var(--cc-color-black);
}
.contactView .contactDetails ul *, .contactView .contactDetails .openingHours *, .contactView .contactDetails p.regNo * {
  color: var(--cc-color-black);
}
.contactView .contactDetails .details {
  padding: calc(24px + 2.4vw) 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  border: solid 1px var(--cc-color-primary);
  border-left: 0;
  border-right: 0;
}
.contactView .contactDetails .details address {
  font-style: normal;
  color: var(--cc-color-black);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.contactView .contactDetails .details address p {
  margin-bottom: 0;
}
.contactView .contactDetails .details address .postal, .contactView .contactDetails .details address .contacts {
  width: 100%;
  flex-grow: 1;
  min-width: 350px;
}
.contactView .contactDetails .details .socials {
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
}
.contactView .contactDetails .details ul.postal li {
  display: inline-block;
}
.contactView .contactDetails .details ul.postal li::after {
  content: ", ";
  display: inline-block;
  margin-right: 0.25em;
}
.contactView .contactDetails .details ul.postal li:last-child::after {
  content: "";
  display: none;
}
.contactView .contactDetails .details ul.postal li.companyName {
  width: 100%;
}
.contactView .contactDetails .details ul.postal li.companyName::after {
  content: "";
  display: none;
}
.contactView .contactDetails .details ul.socials li {
  margin: 0;
  margin-right: 12px;
  background-color: var(--cc-color-primary);
}
.contactView .contactDetails ul {
  list-style-type: none;
}
.contactView .contactDetails .quickAddress {
  flex: 1;
  min-width: 40%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.contactView .contactDetails .quickAddress address, .contactView .contactDetails .quickAddress opening, .contactView .contactDetails .quickAddress .socials {
  width: 100%;
}
.contactView .contactDetails .quickNumbers {
  flex-grow: 1;
}
.contactView .contactDetails .quickNumbers .number {
  background-color: var(--cc-color-primary);
  padding: 18px;
  margin-bottom: 18px;
}
.contactView .contactDetails .quickNumbers .number * {
  margin-bottom: 6px;
  color: var(--cc-color-black);
}
.contactView .map {
  align-self: stretch;
}
.contactView .mapHolder {
  width: 100%;
  min-height: 100%;
}
.contactView .mapHolder span.stilt {
  display: block;
  min-height: 400px;
  pointer-events: none;
}
.contactView .mapHolder iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 1200px) {
  .mapBlock .wrapper {
    width: 100%;
  }
} /*$maxWidth ends*/
@media only screen and (max-width: 900px) {
  .mapBlock .introText {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  }
  .mapBlock .introText * {
    text-align: center;
  }
  .contactView .map {
    width: calc(60% - (calc(24px + 2.4vw)) * 0.5);
  }
  .contactView .contactDetails {
    width: 40%;
  }
} /*$bigTablet ends*/
@media only screen and (max-width: 700px) {
  .contactView .map {
    width: 100%;
    order: 0;
  }
  .contactView .contactDetails {
    width: 100%;
    order: 1;
  }
  .contactView .contactDetails .details {
    border: 0;
    background: var(--cc-color-lighter-grey);
    padding: calc(24px + 2.4vw);
  }
  .contactView .contactDetails .details ul.openingHours,
  .contactView .contactDetails .details ul.contact {
    width: auto;
  }
  .contactView .contactDetails .details address .postal, .contactView .contactDetails .details address .contacts {
    width: 100%;
    flex-grow: 1;
    min-width: 200px;
  }
} /*$smallTablet ends*/
.grecaptcha-badge {
  opacity: 0;
  pointer-events: none;
}

.contactView + div[data-block=contactForm] {
  margin-top: calc(24px + 4vw);
}

#quickEnquiry {
  background-color: var(--cc-color-lighter-grey);
  padding: calc(24px + 2.4vw);
  margin: auto;
  order: 3;
  max-width: 950px;
}
#quickEnquiry .formHead {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-end;
  padding: 0 0 calc((calc(24px + 2.4vw)) * 0.5) 0;
}
#quickEnquiry .formBody {
  padding-bottom: 0;
}
.contactForm form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
}
.contactForm form .textFields {
  width: 100%;
}
.contactForm form .form-header {
  border-bottom: solid 1px var(--cc-color-primary);
  padding-bottom: 1.3em;
  margin-bottom: 1.3em;
  width: 100%;
}
.contactForm form .form-header *:last-child {
  margin-bottom: 0;
}
.contactForm form .form-group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.contactForm form .form-group.inline {
  display: inline-flex;
  width: auto;
  margin-right: 12px;
}
.contactForm form .form-group + .form-group {
  margin-top: 1.8em;
}
.contactForm form .form-group.has-danger input, .contactForm form .form-group.has-danger textarea {
  border-color: var(--cc-color-red);
}
.contactForm form .form-group.has-danger .pristine-error {
  margin-top: 4px;
  color: red;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
.contactForm form .form-group.hidden {
  display: none;
}
.contactForm form label {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
}
.contactForm form span.required {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  color: var(--cc-color-red);
}
.contactForm form input, .contactForm form textarea {
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  border: solid 1px var(--cc-color-light-grey);
  padding: 0.5em;
  width: 100%;
}
.contactForm form textarea {
  min-height: 8em;
}
.contactForm form .customSelect {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  border: solid 1px rgba(var(--kc-color-grey-rgb), 0.7);
  border-radius: 0em;
  padding: 12px 18px;
  font-size: var(--kc-body-font-size-clamp);
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
}
.contactForm form .customSelect select, .contactForm form .customSelect::after {
  grid-area: select;
}
.contactForm form .customSelect:not(.select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: var(--cc-color-primary);
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  z-index: 2;
}
.contactForm form .customSelect select:focus + .focus {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid var(--select-focus);
  border-radius: inherit;
}
.contactForm form .customSelect select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
.contactForm form .customSelect select::-ms-expand {
  display: none;
}
.contactForm form .customSelect select {
  font-size: clamp(1em, 1vw, 2em);
}
.contactForm form .customSelect select[multiple] {
  padding-right: 0;
  height: 6rem;
}
.contactForm form .customSelect select[multiple] option {
  white-space: normal;
  outline-color: var(--cc-color-primary);
}
.contactForm form .customSelect + label {
  margin-top: 2rem;
}
.contactForm form label + .customSelect {
  margin-top: 8px;
}
.contactForm form .customSelect--disabled {
  cursor: not-allowed;
  background-color: #eee;
  background-image: linear-gradient(to top, #ddd, #eee 33%);
}
.contactForm form .submitArea {
  width: 100%;
}
.contactForm form .submitArea input, .contactForm form .submitArea button {
  width: auto;
  cursor: pointer;
  padding: 0.75em 1.25em;
  display: inline-block;
  text-decoration: none;
  color: var(--cc-color-block-link-text);
  background-color: var(--cc-color-block-link-bg);
  white-space: nowrap;
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
  line-height: 1.2em;
  transition: background-color 350ms ease-in;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  border: 1px solid transparent;
  box-sizing: content-box;
}
.contactForm form .submitArea input:after, .contactForm form .submitArea button:after {
  content: "";
  display: inline-block;
  margin-left: 0.5em;
  width: 0.5em;
  height: 0.5em;
  border-top: solid 2px var(--cc-color-primary);
  border-right: solid 2px var(--cc-color-primary);
  transform-origin: center center;
  transform: rotate(45deg);
}
.contactForm form .submitArea input:hover, .contactForm form .submitArea button:hover {
  border: 1px solid var(--cc-color-primary);
}

@media only screen and (max-width: 700px) {
  .contactForm form {
    width: 100%;
  }
  .contactForm .quickContacts {
    width: 100%;
  }
} /*$smallTablet ends*/
.pageContent.postContent .wrapper {
  max-width: 1050px;
}
.pageContent.postContent .pageHeading {
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
}
.pageContent.postContent .pageHeading .wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.pageContent.postContent .pageHeading h1 {
  margin-bottom: calc((calc(24px + 2.4vw)) * 0.25);
  order: 1;
}
.pageContent.postContent .pageHeading p.date {
  order: 2;
}
.pageContent.postContent .pageHeading p.breadcrumb {
  order: 0;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
.pageContent.postContent .postThumbnail {
  max-width: 1050px;
  margin: auto;
  margin-bottom: calc(24px + 2.4vw);
}
.pageContent.postContent .postThumbnail.squareCrop span, .pageContent.postContent .postThumbnail.landscapeCrop span {
  display: block;
  width: 100%;
  padding-top: 100%;
}
.pageContent.postContent .postThumbnail.squareCrop img, .pageContent.postContent .postThumbnail.landscapeCrop img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.pageContent.postContent .postThumbnail.landscapeCrop span {
  padding-top: 60%;
}
.pageContent.postContent .postThumbnail.leftTop img {
  object-position: top left;
}
.pageContent.postContent .postThumbnail.centerTop img {
  object-position: top center;
}
.pageContent.postContent .postThumbnail.rightTop img {
  object-position: top right;
}
.pageContent.postContent .postThumbnail.leftCentre img {
  object-position: center left;
}
.pageContent.postContent .postThumbnail.centreCentre img {
  object-position: center center;
}
.pageContent.postContent .postThumbnail.rightCentre img {
  object-position: center right;
}
.pageContent.postContent .postThumbnail.leftBottom img {
  object-position: bottom left;
}
.pageContent.postContent .postThumbnail.centreBottom img {
  object-position: bottom center;
}
.pageContent.postContent .postThumbnail.rightBottom img {
  object-position: bottom right;
}
.pageContent.postContent .postThumbnail.imgContain img {
  object-fit: contain;
}
.pageContent.postContent .postThumbnail.imgCover img {
  object-fit: cover;
}

.postTerms {
  border-top: 1px solid var(--cc-color-lighter-grey);
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
  padding-top: calc((calc(24px + 2.4vw)) * 0.5);
  text-align: center;
}
.postTerms ul {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.postTerms li {
  display: inline-block;
  padding-right: 0.75em;
  padding-left: 0.75em;
}

.postWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.postWrapper .postCategories {
  width: 200px;
}
.postWrapper .postArchive {
  width: calc(100% - 200px);
  padding-right: calc((calc(24px + 2.4vw)) * 0.5);
}

.postCategories li {
  margin-left: 1.25em;
}
.postCategories > li {
  list-style-type: none;
  font-weight: 600;
}
.postCategories > li ul {
  border-top: solid 1px var(--cc-color-light-grey);
  padding-top: 8px;
  margin-top: 8px;
}

.postArchive .postLink {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 17px;
  border: solid 1px var(--cc-color-lighter-grey);
}
.postArchive .postLink .text {
  order: 1;
  flex-grow: 1;
  width: 75%;
}
.postArchive .postLink .thumbnail {
  order: 0;
  padding-right: calc((calc(24px + 2.4vw)) * 0.5);
  width: 25%;
  min-width: 200px;
  display: block;
}
.postArchive .postLink .thumbnail a {
  display: block;
  padding-top: 100%;
}
.postArchive .postLink .thumbnail a img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.postArchive .postLink h4 {
  margin: 18px 0;
}
.postArchive .postLink h4 a {
  color: var(--cc-color-primary);
}
.postArchive .postLink p.date {
  opacity: 0.5;
  margin: 0;
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
}
.postArchive .postLink p.mobileExcerpt {
  display: none;
}
.postArchive .postLink a.readMore {
  display: inline-block;
  font-family: var(--kc-body-font);
  font-weight: var(--kc-body-font-weight);
  line-height: var(--kc-body-font-line-height);
  font-size: var(--kc-bodyFontSize);
  font-size: var(--kc-bodyFontSize-clamp);
  margin-top: calc((calc(24px + 2.4vw)) * 0.25);
}
.postArchive .postLink + .postLink {
  padding-top: calc((calc(24px + 2.4vw)) * 0.5);
  margin-top: calc((calc(24px + 2.4vw)) * 0.5);
  border-top: solid 1px var(--cc-color-lighter-grey);
}

.postNav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  border-top: solid 1px var(--cc-color-primary);
  padding-top: calc((calc(24px + 2.4vw)) * 0.5);
  margin-top: calc(24px + 2.4vw);
}
.postNav a {
  font-family: var(--kc-menu-font);
  font-weight: var(--kc-menu-font-weight);
  line-height: 1.25em;
  letter-spacing: 0.25em;
  word-spacing: 0.25em;
  text-transform: uppercase;
  font-size: var(--kc-menuFontSize);
  font-size: var(--kc-menuFontSize-clamp);
  display: inline-block;
}
.postNav p {
  font-size: var(--kc-smallFontSize);
  font-size: var(--kc-smallFontSize-clamp);
  opacity: 0.5;
  margin: 0;
}
.postNav .prev,
.postNav .next {
  max-width: 50%;
  padding: calc((calc(24px + 2.4vw)) * 0.5);
}
.postNav .prev {
  text-align: left;
}
.postNav .prev a::before {
  content: "< ";
}
.postNav .next {
  text-align: right;
}
.postNav .next a::after {
  content: " >";
}

@media only screen and (max-width: 768px) {
  .postWrapper .postArchive,
  .postWrapper .postCategories {
    width: 100%;
  }
  .postWrapper .postCategories {
    margin-top: calc((calc(24px + 2.4vw)) * 0.5);
    padding-top: calc((calc(24px + 2.4vw)) * 0.5);
    border-top: solid 1px var(--cc-color-lighter-grey);
  }
} /*$tablet ends*/
@media only screen and (max-width: 650px) {
  .postArchive .postLink {
    flex-wrap: wrap;
  }
  .postArchive .postLink .thumbnail, .postArchive .postLink .text {
    width: 100%;
  }
  .postArchive .postLink .thumbnail {
    max-width: 180px;
    margin-bottom: calc((calc(24px + 2.4vw)) * 0.5);
  }
  .postArchive .postLink p.excerpt {
    display: none;
  }
  .postArchive .postLink p.mobileExcerpt {
    display: block;
  }
} /*$bigPhone ends*/
@media only screen and (max-width: 450px) {
  .postArchive .postLink .thumbnail {
    min-width: 100px;
  }
  .postNav {
    flex-wrap: wrap;
    justify-content: center;
  }
  .postNav .prev,
  .postNav .next {
    width: 100%;
    max-width: 100%;
    padding: calc((calc(24px + 2.4vw)) * 0.5);
  }
  .postNav .prev {
    text-align: center;
  }
  .postNav .prev a::before {
    display: none;
  }
  .postNav .next {
    text-align: center;
  }
  .postNav .next a::after {
    display: none;
  }
} /*$phone ends*/
/*
@use '_debug/debug';
*/

/*# sourceMappingURL=causewayCarpets.css.map */