/*
   1.0 Utility functions for RTLCSS
*/
/* Replace. Replaces the declaration value with {value}.
** Usage:
** letter-spacing: 1px rtl(normal);
*/
/* Append. Appends {value} to the end of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-append(scaleX(-1));
*/
/* Prepend. Prepend {value} to the begining of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-prepend(scaleX(-1));
*/
/* Prepend. Prepend {value} to the begining of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-prepend(scaleX(-1));
*/
/* Ignore. Ignores processing of this declaration
** Usage:
** text-align: left rtl-ignore();
*/
/*
   1.0 Utility functions for RTLCSS
*/
/* Replace. Replaces the declaration value with {value}.
** Usage:
** letter-spacing: 1px rtl(normal);
*/
/* Append. Appends {value} to the end of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-append(scaleX(-1));
*/
/* Prepend. Prepend {value} to the begining of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-prepend(scaleX(-1));
*/
/* Prepend. Prepend {value} to the begining of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-prepend(scaleX(-1));
*/
/* Ignore. Ignores processing of this declaration
** Usage:
** text-align: left rtl-ignore();
*/
html,
body {
  margin: 0;
  padding: 0;
  line-height: normal; }

body {
  overflow-x: hidden; }
  @media (min-width: 544px) {
    body {
      overflow-x: unset; } }

p {
  margin: 0; }

.page-container {
  max-width: 1280px; }

.region {
  position: relative; }

.region::before {
  content: "";
  display: block;
  width: 100%; }

/*
    padding-top in percentages refers to parent width
    this allows us to specify an aspect-ratio
*/
.region_landscape-large::before {
  padding-top: calc(400 / 1024 * 100%); }

.region_square::before {
  padding-top: calc(1 / 1 * 100%); }

.region_landscape-small::before {
  padding-top: calc(1 / 2 * 100%); }

.region_portrait-small::before {
  padding-top: calc(2 / 1 * 100%); }

div.sf-interactions-proxyHoverContainer a {
  overflow: visible; }

.remove-padding .region {
  padding: 0; }

.remove-margin .region {
  margin: 0; }

@media (min-width: 544px) {
  .remove-padding-desktop .region {
    padding: 0; } }

@media (min-width: 544px) {
  .remove-margin-desktop .row {
    margin: 0; } }

.column-stretch .region .experience-component {
  height: 100%; }

.column-stretch .photo-tile-container {
  height: 100%; }
  .column-stretch .photo-tile-container .row,
  .column-stretch .photo-tile-container .photo-tile-figure {
    height: 100%; }
  @media (max-width: 991.98px) {
    .column-stretch .photo-tile-container img {
      object-fit: cover; } }

.justify-content-center .row {
  -ms-flex-pack: center;
      justify-content: center; }

.section-padding {
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem; }
  @media (min-width: 544px) {
    .section-padding {
      padding-top: 30px;
      padding-top: 1.875rem;
      padding-bottom: 30px;
      padding-bottom: 1.875rem; } }

@media (max-width: 991.98px) {
  .row-spacing-10px-mobile .col-4 {
    margin-bottom: 10px;
    margin-bottom: 0.625rem; } }

.services-layout {
  padding: 0; }
  .services-layout .region {
    border: 1px solid #e5e5e5;
    padding: 0;
    border-right: unset; }
    .services-layout .region:last-child {
      border-right: 1px solid #e5e5e5; }
    @media (max-width: 543.98px) {
      .services-layout .region {
        border: 1px solid #e5e5e5;
        border-bottom: 0 solid #e5e5e5 !important; }
        .services-layout .region:last-child {
          border-bottom: 1px solid #e5e5e5 !important; } }
  .services-layout.mobile-3r-2c .region:nth-child(-n+3) {
    border-bottom: unset; }
  .services-layout.mobile-3r-2c .region:nth-child(3) {
    border-right: 1px solid #e5e5e5; }
  .services-layout.mobile-2r-1c .region:first-child {
    border-bottom: 1px solid #e5e5e5;
    border-right: unset; }
    @media (max-width: 991.98px) {
      .services-layout.mobile-2r-1c .region:first-child {
        border-bottom: unset;
        border-right: 1px solid #e5e5e5; } }
  @media (max-width: 991.98px) {
    .services-layout.mobile-2r-2c .region:nth-child(-n+2) {
      border-bottom: unset;
      border-right: 1px solid #e5e5e5; } }
  @media (max-width: 991.98px) {
    .services-layout.mobile-2r-2c .region:first-child {
      border-right: unset; }
    .services-layout.mobile-2r-2c .region:nth-last-child(2) {
      border-bottom: 1px solid #e5e5e5 !important;
      border-right: unset; } }
  .services-layout.mobile-2r-3c .region {
    border-right: unset; }
    @media (max-width: 991.98px) {
      .services-layout.mobile-2r-3c .region:nth-child(3), .services-layout.mobile-2r-3c .region:last-child {
        border-right: 1px solid #e5e5e5 !important; }
      .services-layout.mobile-2r-3c .region:nth-last-child(2), .services-layout.mobile-2r-3c .region:nth-last-child(3) {
        border-bottom: 1px solid #e5e5e5 !important; } }
  .services-layout.mobile-3r-2c .region {
    border-right: unset; }
    @media (max-width: 991.98px) {
      .services-layout.mobile-3r-2c .region:nth-child(2), .services-layout.mobile-3r-2c .region:nth-child(4), .services-layout.mobile-3r-2c .region:last-child {
        border-right: 1px solid #e5e5e5 !important; }
      .services-layout.mobile-3r-2c .region:nth-child(3) {
        border-right: unset; }
      .services-layout.mobile-3r-2c .region:nth-last-child(2) {
        border-bottom: 1px solid #e5e5e5 !important; } }

h1 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 38px;
  line-height: 2.375rem; }

h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem; }

h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 23px;
  line-height: 1.4375rem; }

h4 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem; }

@media (min-width: 992px) {
  h1 {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 60px;
    line-height: 3.75rem; }
  h2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 49px;
    line-height: 3.0625rem; }
  h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 33px;
    line-height: 2.0625rem; }
  h4 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem; } }

h1,
h2,
h3,
h4,
h5 {
  font-family: "Causten-Bold", "Arial Narrow", sans-serif /*rtl:prepend:Almarai, */;
  color: #15141a; }

h1 {
  color: #000;
  font-family: "Causten-Bold", "Arial Narrow", sans-serif /*rtl:prepend:Almarai, */;
  letter-spacing: 0;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 40px;
  line-height: 2.5rem; }

.editorialRichText-component-container {
  margin: auto;
  max-width: 955px;
  max-width: 59.6875rem; }
  .editorialRichText-component-container img {
    max-width: 100%; }
  .editorialRichText-component-container p,
  .editorialRichText-component-container li {
    color: #646464;
    letter-spacing: 0;
    line-height: 22px;
    line-height: 1.375rem;
    font-size: 15px;
    font-size: 0.9375rem; }
  .editorialRichText-component-container h1 {
    font-size: 36px;
    font-size: 2.25rem; }
    @media (min-width: 769px) {
      .editorialRichText-component-container h1 {
        font-size: 56px;
        font-size: 3.5rem; } }
  .editorialRichText-component-container h2 {
    font-size: 28px;
    font-size: 1.75rem; }
    @media (min-width: 769px) {
      .editorialRichText-component-container h2 {
        font-size: 40px;
        font-size: 2.5rem; } }

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary) {
  color: inherit; }

.sales-percentage {
  display: none; }

.experience-component figcaption * {
  font-family: "Causten-Bold", "Arial Narrow", "Arial", sans-serif /*rtl:prepend:Almarai, */; }

@media (min-width: 769px) {
  .storepage:not(#homepage) .experience-component:first-of-type .has-borders {
    border-top: 1px solid #000; } }

.breadcrumb {
  padding-left: 0; }

.img-ratio {
  aspect-ratio: auto 1 / 1; }

.landscape {
  aspect-ratio: auto 3 / 1; }

/*
   1.0 Utility functions for RTLCSS
*/
/* Replace. Replaces the declaration value with {value}.
** Usage:
** letter-spacing: 1px rtl(normal);
*/
/* Append. Appends {value} to the end of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-append(scaleX(-1));
*/
/* Prepend. Prepend {value} to the begining of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-prepend(scaleX(-1));
*/
/* Prepend. Prepend {value} to the begining of the declaration value.
** Usage:
** transform: rotate(45deg) rtl-prepend(scaleX(-1));
*/
/* Ignore. Ignores processing of this declaration
** Usage:
** text-align: left rtl-ignore();
*/
@media (min-width: 992px) {
  #storelocation {
    padding-bottom: 140px;
    padding-bottom: 8.75rem; } }

.video-holder .video-iframe-container {
  padding: 56.25% 0 0;
  position: relative;
  width: 100%;
  overflow: hidden; }
  @media (max-width: 768.98px) {
    .video-holder .video-iframe-container {
      padding: 177% 0 0; } }
  .video-holder .video-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.storepage {
  width: 100%; }

@media (min-width: 769px) {
  [class*="mobile-"].has-borders {
    border-left: 1px solid #000;
    border-right: 1px solid #000; } }

.experience-component:last-of-type .has-borders {
  margin-bottom: 30px;
  margin-bottom: 1.875rem; }

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