/* ---- Settings ---- */
@import url("https://fonts.googleapis.com/css2?family=Caveat&family=Poppins:wght@400;600;700&display=swap");
/* ---- Global ---- */
html {
  overflow-x: hidden !important; }

body {
  background: #fff; }

img[data-lazy] {
  opacity: 0; }

.wysiwyg {
  word-break: break-word; }
  .wysiwyg p {
    margin-bottom: 28px; }
    .wysiwyg p:last-of-type {
      margin: 0; }
  .wysiwyg h2 {
    font-size: 24px;
    color: #008071;
    font-weight: 600;
    margin-bottom: 12px; }
  .wysiwyg a {
    text-decoration: underline;
    transition: color 200ms; }
    .wysiwyg a:hover {
      color: #EC7B47; }
  .wysiwyg ul {
    margin-bottom: 10px;
    list-style-type: disc;
    padding-left: 18px; }
    .wysiwyg ul li {
      margin: 12px 0;
      list-style-type: disc; }
  .wysiwyg h2 {
    margin: 40px 0 20px; }
  .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
    margin: 40px 0 12px; }
  .wysiwyg strong {
    font-size: 20px; }

.badge text {
  fill: #053741;
  letter-spacing: 2px;
  font-size: 14px; }

@media screen and (max-width: 768px) {
  .mobile-square {
    height: 75vw; } }

h3.line-clamp-3 {
  padding-bottom: 3px; }

.gap-28 {
  row-gap: 82px;
  column-gap: 50px; }

@media screen and (max-width: 768px) {
  .center-tiles {
    left: 50vw;
    width: 900px;
    transform: translateX(-25%) translateY(-74px) scale(0.5);
    top: 0; }
  .center-tiles-wrapper {
    width: 100vw;
    overflow: hidden;
    height: 300px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(150px); } }

/* ---- Header ---- */
header nav a:has(img) {
  display: block;
  width: 174px; }
  @media screen and (max-width: 1024px) {
    header nav a:has(img) {
      width: 110px;
      top: -4px;
      position: relative; } }
  header nav a:has(img) img {
    width: 100%;
    position: relative; }

header nav .social_icons a {
  width: auto !important; }

header nav > div {
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px; }
  @media screen and (max-width: 1024px) {
    header nav > div {
      padding-top: 30px !important;
      padding-bottom: 21px !important; } }

header nav ul a:not(.button) {
  position: relative; }
  header nav ul a:not(.button)::after {
    width: 85%;
    height: 8px;
    background-image: url("../../images/dist/doodles/underline.svg");
    position: absolute;
    content: '';
    background-size: cover;
    transition: all 200ms;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
  header nav ul a:not(.button):hover::after {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }

header nav ul.underline-white a:not(.button)::after {
  background-image: url("../../images/dist/doodles/underline--white.svg"); }

header nav ul.underline-orange a:not(.button)::after {
  background-image: url("../../images/dist/doodles/underline--orange.svg"); }

header nav ul.underline-black a:not(.button)::after {
  background-image: url("../../images/dist/doodles/underline--black.svg"); }

header nav ul .current_page_item a::after {
  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }

header nav ul .grocers a:not(.button)::after {
  background-image: url("../../images/dist/doodles/underline--grocers.svg") !important; }

@media screen and (max-width: 1024px) {
  header nav .mobile-nav .button {
    background: white !important;
    color: #053741 !important;
    box-shadow: none !important; }
    header nav .mobile-nav .button span {
      color: #053741 !important; }
    header nav .mobile-nav .button::before {
      background: white !important; } }

header nav .button_cluster {
  max-height: 0;
  overflow: hidden;
  transition: all 200ms; }
  header nav .button_cluster a {
    transition: all 100ms 0ms;
    opacity: 0; }
    header nav .button_cluster a.top-active {
      color: white; }
  header nav .button_cluster.top-active {
    max-height: 70px; }
    @media screen and (max-width: 768px) {
      header nav .button_cluster.top-active {
        max-height: 500px; } }
    header nav .button_cluster.top-active a {
      opacity: 1; }

header.active nav > div {
  box-shadow: 0 0 20px 0 #00000021;
  padding-top: 30px;
  padding-bottom: 21px; }

header.active nav a:has(img) {
  width: 110px;
  top: -4px;
  position: relative; }

header.active nav .js-menuToggle {
  top: 30px; }
  @media screen and (max-width: 1024px) {
    header.active nav .js-menuToggle {
      top: 42px; } }

header.active .progress {
  display: block; }

header .js-menuToggle div {
  transition: opacity 200ms 200ms, background 200ms, top 200ms 200ms, bottom 200ms 200ms, transform 200ms, width 200ms 200ms;
  position: relative;
  top: 0;
  bottom: 0; }
  header .js-menuToggle div:nth-of-type(3) {
    top: auto; }

header .js-menuToggle.active div {
  background: white;
  transition: opacity 200ms, background 200ms, top 200ms, bottom 200ms, transform 200ms 200ms, width 200ms; }
  header .js-menuToggle.active div:nth-of-type(1) {
    top: 10px;
    transform: rotate(45deg); }
  header .js-menuToggle.active div:nth-of-type(2) {
    opacity: 0; }
  header .js-menuToggle.active div:nth-of-type(3) {
    bottom: 10px;
    transform: rotate(-45deg);
    width: 28px; }

header .js-mobileNav {
  transition: all 500ms cubic-bezier(0.55, -0.01, 0, 1.01);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
  header .js-mobileNav.active {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

header .progress {
  width: 100%;
  height: 3px;
  background-color: #f0f0f0;
  border-radius: 20px;
  overflow: hidden;
  margin: 20px 0 4px 0;
  display: none; }
  header .progress_bar {
    height: 100%;
    background-color: #053741;
    width: 0; }

.hero .content {
  min-height: 520px; }
  @media screen and (max-width: 768px) {
    .hero .content {
      min-height: 375px; } }
  .hero .content.simple {
    min-height: auto;
    padding-bottom: 24px;
    padding-top: 0; }
    .hero .content.simple p {
      padding-right: 0; }
    .hero .content.simple h1 {
      margin: 0;
      font-size: 52px; }

.hero div.justify-center.w-1\/3 {
  min-width: 270px; }

.hero .corner-clip {
  clip-path: polygon(20% 17%, 20% 0, 58% 0, 100% 0, 100% 100%, 0 100%, 0 78%, 0 39%); }
  .hero .corner-clip img {
    height: 416px;
    filter: blur(3px);
    transform: scale(1.1); }
  .hero .corner-clip + div img {
    width: 100%;
    max-height: 507px;
    min-height: 510px;
    min-width: 600px;
    object-fit: contain;
    object-position: bottom; }

.buffer-white {
  box-shadow: 0 -100px #FFFFFF; }

.buffer-beige {
  box-shadow: 0 -100px #EBE5E0; }

.buffer-grocers {
  box-shadow: 0 -100px #62DB71; }

.buffer-yellow {
  box-shadow: 0 -100px #FFC500; }

.buffer-babyBlue {
  box-shadow: 0 -100px #C4D9DD; }

.buffer-orange {
  box-shadow: 0 -100px #EC7B47; }

.buffer-teal {
  box-shadow: 0 -100px #008071; }

.buffer-deepBlue {
  box-shadow: 0 -100px #053741; }

/* ---- Footer ---- */
footer .frm_style_formidable-style .frm_form_field {
  max-width: 400px !important;
  margin: auto; }
  @media screen and (max-width: 768px) {
    footer .frm_style_formidable-style .frm_form_field {
      max-width: unset !important; }
      footer .frm_style_formidable-style .frm_form_field input {
        text-align: center !important;
        height: 56px !important; }
      footer .frm_style_formidable-style .frm_form_field label {
        text-align: center !important;
        padding-left: 0 !important;
        top: 28px !important;
        width: calc(100% - 26px) !important; } }

@media screen and (max-width: 768px) {
  footer .frm_style_formidable-style .frm_button_submit {
    width: 100% !important;
    height: 56px !important;
    margin-top: -6px !important; } }

footer .frm_style_formidable-style .frm_inside_container.frm_label_float_top > label {
  display: none !important; }

footer a:hover {
  color: #EC7B47; }

footer ul a:not(.button) {
  position: relative;
  transition: all 150ms; }
  footer ul a:not(.button)::after {
    width: 75%;
    height: 6px;
    background-image: url("../../images/dist/doodles/underline.svg");
    position: absolute;
    content: '';
    background-size: cover;
    transition: all 200ms;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
  footer ul a:not(.button):hover {
    color: #EC7B47; }
    footer ul a:not(.button):hover::after {
      clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }

footer ul .grocers a:not(.button):hover {
  color: #62DB71; }

footer ul .grocers a:not(.button)::after {
  background-image: url("../../images/dist/doodles/underline--grocers.svg") !important; }

footer input {
  border-radius: 100px !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 13px 30px !important;
  font-weight: 600 !important;
  font-family: 'poppins' !important;
  color: #053741 !important; }
  @media screen and (max-width: 768px) {
    footer input {
      font-size: 16px !important; } }

footer label {
  top: calc(7px + 0.5 * var(--field-height)) !important;
  font-weight: 600 !important;
  color: #053741 !important;
  left: 14px !important; }

footer fieldset {
  padding: 0 !important; }

footer .frm_inside_container.frm_label_float_top > label {
  top: -4px !important;
  left: 0 !important;
  color: white !important; }

footer .frm_button_submit {
  border-radius: 100px !important;
  margin: 0 auto !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: 'poppins' !important;
  color: white !important;
  font-weight: 600 !important;
  background: #053741 !important;
  font-size: 14px !important;
  padding: 11px 32px !important;
  transition: box-shadow 200ms, background 200ms, color 200ms; }
  footer .frm_button_submit:hover {
    box-shadow: 4px 4px #FFFFFF !important; }

footer .frm_submit {
  text-align: center; }

footer .frm_success_style,
footer .frm_message {
  background: #008071 !important;
  border: 0 !important;
  border-radius: 14px !important;
  text-align: center !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  margin: 20px auto 0 auto !important;
  width: max-content !important;
  padding: 16px 26px !important; }
  footer .frm_success_style p,
  footer .frm_message p {
    margin: 0 !important;
    color: white !important; }
  @media screen and (max-width: 768px) {
    footer .frm_success_style,
    footer .frm_message {
      width: 100% !important; } }

footer .frm_error_style {
  background: white !important;
  border: 0 !important;
  border-radius: 14px !important;
  text-align: center !important;
  color: #ec7b47 !important;
  font-weight: 600 !important;
  margin: 0 auto 5px auto !important;
  width: max-content !important;
  padding: 16px 26px !important; }
  @media screen and (max-width: 768px) {
    footer .frm_error_style {
      width: 100% !important; } }

footer .frm_error {
  color: white !important;
  font-weight: 600 !important;
  margin: 10px 0 7px 0 !important; }

/* ---- Flexible components ---- */
.center_orphans {
  grid-template-columns: repeat(6, 1fr); }
  @media screen and (max-width: 768px) {
    .center_orphans {
      grid-template-columns: repeat(2, 1fr); } }
  .center_orphans div {
    grid-column: span 2; }
    .center_orphans div:last-child:nth-child(3n - 1) {
      grid-column-end: -2; }
    .center_orphans div:nth-last-child(2):nth-child(3n + 1) {
      grid-column-end: 4; }
    .center_orphans div:last-child:nth-child(3n - 2) {
      grid-column-end: 5; }

.underlined span {
  width: 100%;
  height: 10px;
  background-image: url("../../images/dist/doodles/underline.svg");
  position: absolute;
  content: '';
  background-size: cover;
  transition: all 200ms;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0px;
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }

.underlined.active span {
  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }

.underlined--grocers span {
  background-image: url("../../images/dist/doodles/underline--large--grocers.svg"); }

.underlined--white span {
  background-image: url("../../images/dist/doodles/underline--large--white.svg"); }

.underlined--black span {
  background-image: url("../../images/dist/doodles/underline--large--black.svg"); }

.delivery_table td {
  line-height: 28px; }

#map {
  border-width: 25px;
  background-color: #FFC500; }
  @media screen and (max-width: 768px) {
    #map {
      border-width: 8px; } }

.scaleTile img {
  transition: all 200ms cubic-bezier(0.55, -0.01, 0, 1.01); }

@media screen and (min-width: 768px) {
  .scaleTile:hover img {
    transform: scale(1.06); } }

/* ---- Animations ---- */
.arrow {
  animation: arrow 2s infinite cubic-bezier(0.55, -0.01, 0, 1.01); }

@keyframes arrow {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }

.spin {
  animation: spinner 60s infinite linear; }

@keyframes spinner {
  from {
    transform: rotate(360deg); }
  to {
    transform: rotate(0deg); } }

.animatedWord {
  opacity: 0;
  margin-top: 6px; }
  .animatedWord span {
    overflow: hidden;
    line-height: 50px;
    display: inline-block;
    padding: 1px 35px 13px 0;
    margin-right: -36px;
    min-width: 22px;
    margin-top: -2px;
    margin-bottom: -10px; }
    .animatedWord span span {
      position: relative;
      transform: translateY(78px);
      will-change: transform; }
  @media screen and (max-width: 768px) {
    .animatedWord {
      font-size: 54px;
      line-height: 21px; }
      .animatedWord span {
        line-height: 39px;
        margin-top: -2px; } }
  .animatedWord div {
    display: inline-block; }
  .animatedWord.active {
    opacity: 1; }
    .animatedWord.active span span {
      transform: translateY(0px); }

.fadeIn {
  opacity: 0;
  animation: fadeIn 800ms forwards; }

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

.slideIn {
  bottom: -200px;
  opacity: 0;
  animation: slideIn 600ms 100ms forwards; }

@keyframes slideIn {
  to {
    bottom: 0;
    opacity: 1; } }

.scaleIn {
  transform: scale(1.2);
  opacity: 0;
  transition: opacity 800ms cubic-bezier(0.55, -0.01, 0, 1.01), transform 800ms cubic-bezier(0.55, -0.01, 0, 1.01); }
  .scaleIn.active {
    transform: scale(1);
    opacity: 1; }

.slideUp {
  transform: translateY(20px);
  opacity: 0;
  transition: opacity 800ms cubic-bezier(0.55, -0.01, 0, 1.01), transform 800ms cubic-bezier(0.55, -0.01, 0, 1.01); }
  .slideUp.active {
    transform: translateY(0px);
    opacity: 1; }

.play-icon {
  transform: scale(1);
  transition: opacity 800ms cubic-bezier(0.55, -0.01, 0, 1.01), transform 800ms cubic-bezier(0.55, -0.01, 0, 1.01); }
  .play-icon:hover {
    transform: scale(0.9); }

.fadeUp {
  opacity: 0;
  transform: translateY(20px); }
  .fadeUp.active {
    opacity: 1;
    transform: translateY(0px); }

.fade {
  opacity: 0; }
  .fade.active {
    opacity: 1; }

.fadeLeft {
  opacity: 0;
  top: -20px; }
  .fadeLeft.active {
    opacity: 1;
    top: 0; }

/* ---- Swiper ---- */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color:#007aff; }

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block; }

.swiper-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-horizontal {
  touch-action: pan-y; }

.swiper-vertical {
  touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height; }

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px; }

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d; }

.swiper-3d {
  perspective: 1200px; }

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d; }

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none; }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none; }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always; }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000; }

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.swiper {
  overflow: visible; }

.swiper-slide {
  height: auto !important; }

.swiper-slide .inView {
  opacity: 0;
  transform: translateY(20px);
  height: 100% !important;
  transition: opacity 700ms, transform 700ms; }
  .swiper-slide .inView.active {
    opacity: 1; }

.testimonial_swiper:before, .testimonial_swiper:after {
  position: absolute;
  content: '';
  top: 0;
  height: 100%;
  width: 5%;
  min-width: 20px;
  z-index: 2; }

.testimonial_swiper:before {
  left: 0;
  background: linear-gradient(90deg, #EBE5E0 0%, rgba(255, 255, 255, 0) 100%); }

.testimonial_swiper:after {
  right: 0;
  background: linear-gradient(-90deg, #EBE5E0 0%, rgba(255, 255, 255, 0) 100%); }

.latest_news {
  padding: 0 24px; }
  .latest_news:before, .latest_news:after {
    position: absolute;
    content: '';
    top: 0;
    height: 100%;
    width: 5%;
    min-width: 10px;
    max-width: 24px;
    z-index: 2; }
  @media screen and (max-width: 1024px) {
    .latest_news {
      padding: 0; }
      .latest_news:before, .latest_news:after {
        display: none; } }
  .latest_news--no-gradient:before, .latest_news--no-gradient:after {
    display: none; }
  .latest_news:before {
    left: 0px;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }
  .latest_news:after {
    right: 0px;
    background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }

.swiper-button-disabled {
  opacity: 0.15 !important; }

@media screen and (max-width: 768px) {
  .swiper-slide {
    opacity: 0.2;
    transition: opacity 300ms; }
  .swiper-slide-active,
  .swiper-slide-next {
    opacity: 1; } }

@media screen and (max-width: 640px) {
  .post_grid_swiper .swiper-slide-next,
  .latest_news_swiper .swiper-slide-next {
    opacity: 0.2; }
  .post_grid_swiper .swiper-slide-active,
  .latest_news_swiper .swiper-slide-active {
    opacity: 1; } }

.tile_swiper .swiper-slide {
  opacity: 0.2;
  transform: scale(0.8);
  transition: opacity 300ms linear, transform 300ms linear;
  transform-origin: 0 50%; }

.tile_swiper .swiper-slide-active {
  transform-origin: 100% 50%; }

.tile_swiper .swiper-slide-next {
  transform-origin: 50% 50%;
  opacity: 1;
  transform: scale(1); }

@media screen and (max-width: 1272px) {
  .tile_swiper .swiper-slide {
    transform: scale(1); }
    .tile_swiper .swiper-slide:first-of-type, .tile_swiper .swiper-slide:last-of-type {
      display: none !important; } }

.shape_swiper img {
  height: 100% !important;
  bottom: 0;
  top: auto !important; }

/* ---- Forms ---- */
.alm-filter--inner ul {
  display: flex;
  gap: 10px; }

.alm-filter--radio {
  display: flex;
  justify-content: center;
  align-items: center; }
  .alm-filter--radio .field-radio {
    color: #053741 !important;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 700;
    border-radius: 29px !important;
    height: 38px !important;
    padding: 7px 24px !important;
    border: 2px solid var(--Deep-Blue, #053741) !important;
    transition: all 0.3s ease-in-out; }
    .alm-filter--radio .field-radio:hover, .alm-filter--radio .field-radio.active, .alm-filter--radio .field-radio:focus {
      background: #053741 !important;
      color: white !important; }
    .alm-filter--radio .field-radio:before, .alm-filter--radio .field-radio:after {
      display: none !important; }

.styled_form {
  margin-top: -14px; }
  .styled_form .frm_style_formidable-style input,
  .styled_form .frm_style_formidable-style textarea,
  .styled_form .frm_style_formidable-style select {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-bottom: 2px solid #053741 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 9px 0 !important;
    margin-bottom: -16px !important; }
    @media screen and (max-width: 768px) {
      .styled_form .frm_style_formidable-style input,
      .styled_form .frm_style_formidable-style textarea,
      .styled_form .frm_style_formidable-style select {
        font-size: 17px !important; } }
  .styled_form .frm_style_formidable-style input[type="checkbox"],
  .styled_form .frm_style_formidable-style input[type="radio"] {
    border: 2px solid #193541 !important;
    cursor: pointer !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: -2px !important;
    border-radius: 2px !important; }
    .styled_form .frm_style_formidable-style input[type="checkbox"]::before,
    .styled_form .frm_style_formidable-style input[type="radio"]::before {
      box-shadow: inset 10px 10px #EC7B47 !important;
      display: block !important;
      margin: 4px 0px 0px 4px !important; }
  .styled_form .frm_style_formidable-style .frm_other_input {
    font-size: 16px !important;
    margin-top: 14px !important; }
  .styled_form .frm_style_formidable-style .vertical_radio .frm_checkbox {
    margin-bottom: 14px; }
  .styled_form .frm_style_formidable-style .vertical_radio input[type="checkbox"],
  .styled_form .frm_style_formidable-style .vertical_radio input[type="radio"] {
    margin: 0 5px 0 22px !important; }
  .styled_form .frm_style_formidable-style input[type="radio"] {
    border-radius: 100px !important; }
  .styled_form .frm_style_formidable-style .frm_submit {
    text-align: left; }
  .styled_form .frm_style_formidable-style .frm_required {
    color: #053741 !important; }
  .styled_form .frm_style_formidable-style .form_note {
    margin-top: 24px !important;
    margin-bottom: 48px !important; }
    @media screen and (max-width: 768px) {
      .styled_form .frm_style_formidable-style .form_note {
        margin-bottom: 24px !important; } }
  .styled_form .frm_style_formidable-style label {
    font-size: 20px !important;
    font-weight: 600 !important;
    left: 0px !important;
    top: 24px !important;
    padding: 0 !important;
    transition: all 0.2s ease-in !important;
    opacity: 0.7 !important; }
    @media screen and (max-width: 768px) {
      .styled_form .frm_style_formidable-style label {
        font-size: 16px !important; } }
  .styled_form .frm_style_formidable-style input[aria-invalid="true"] {
    border-color: #EC7B47 !important; }
  .styled_form .frm_style_formidable-style .frm_label_float_top > label {
    top: 6px !important;
    opacity: 0.4 !important;
    font-size: 12px !important; }
    @media screen and (max-width: 768px) {
      .styled_form .frm_style_formidable-style .frm_label_float_top > label {
        top: 3px !important; } }
  .styled_form .frm_style_formidable-style .frm_button_submit,
  .styled_form .frm_style_formidable-style .frm_prev_page {
    border-radius: 100px !important;
    margin: 0 auto !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: 'poppins' !important;
    color: white !important;
    font-weight: 600 !important;
    background: #053741 !important;
    font-size: 14px !important;
    padding: 11px 32px !important;
    transition: box-shadow 200ms, background 200ms, color 200ms; }
    .styled_form .frm_style_formidable-style .frm_button_submit:hover,
    .styled_form .frm_style_formidable-style .frm_prev_page:hover {
      box-shadow: 4px 4px #EC7B47 !important; }
  @media screen and (max-width: 768px) {
    .styled_form .frm_style_formidable-style .frm_button_submit,
    .styled_form .frm_style_formidable-style .frm_prev_page {
      width: 100% !important;
      height: 56px !important;
      margin-top: -6px !important; } }
  .styled_form .frm_style_formidable-style .frm_blank_field label {
    color: initial !important; }
  .styled_form .frm_style_formidable-style .frm_success_style,
  .styled_form .frm_style_formidable-style .frm_message {
    background: #008071 !important;
    border: 0 !important;
    border-radius: 14px !important;
    text-align: center !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    margin: 0 0 5px 0 !important;
    width: 100% !important;
    padding: 16px 26px !important; }
    .styled_form .frm_style_formidable-style .frm_success_style p,
    .styled_form .frm_style_formidable-style .frm_message p {
      margin: 0 !important;
      color: white !important; }
    @media screen and (max-width: 768px) {
      .styled_form .frm_style_formidable-style .frm_success_style,
      .styled_form .frm_style_formidable-style .frm_message {
        width: 100% !important; } }
  .styled_form .frm_style_formidable-style .frm_fields_container {
    grid-gap: 0 8% !important; }
  .styled_form .frm_style_formidable-style .form-field:has(.frm_opt_container) {
    padding-top: 24px !important; }
    .styled_form .frm_style_formidable-style .form-field:has(.frm_opt_container) .frm_primary_label {
      font-weight: 600 !important; }
  .styled_form .frm_style_formidable-style .frm_opt_container {
    padding-top: 16px !important;
    width: max-content !important; }
    .styled_form .frm_style_formidable-style .frm_opt_container .frm_checkbox,
    .styled_form .frm_style_formidable-style .frm_opt_container .frm_radio {
      margin-right: 14px !important;
      width: max-content !important; }
      .styled_form .frm_style_formidable-style .frm_opt_container .frm_checkbox label,
      .styled_form .frm_style_formidable-style .frm_opt_container .frm_radio label {
        cursor: pointer !important;
        font-size: 17px !important; }
  .styled_form .frm_style_formidable-style .frm_error_style {
    background: #ec7b47 !important;
    border: 0 !important;
    border-radius: 14px !important;
    text-align: center !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    margin: 0 0 20px 0 !important;
    width: 100% !important;
    padding: 16px 26px !important; }
    @media screen and (max-width: 768px) {
      .styled_form .frm_style_formidable-style .frm_error_style {
        width: 100% !important; } }
  .styled_form .frm_style_formidable-style .frm_error {
    color: #da854a !important;
    font-weight: 600 !important;
    margin: 30px 0 7px 0 !important; }
  .styled_form .frm_style_formidable-style .frm_page_bar {
    justify-content: center !important;
    gap: 12px !important; }
  .styled_form .frm_style_formidable-style .frm_description {
    margin-top: 30px !important; }
  .styled_form .frm_style_formidable-style .frm_rootline_single {
    flex: 0 !important; }
    .styled_form .frm_style_formidable-style .frm_rootline_single.frm_current_page input {
      background: #AFAFAF !important; }
    .styled_form .frm_style_formidable-style .frm_rootline_single input {
      transition: all 200ms;
      border: 0 !important;
      width: 11px !important;
      height: 11px !important;
      border-radius: 10px !important;
      margin: 0 !important;
      padding: 0 !important;
      background: #DDDDDD !important; }
      .styled_form .frm_style_formidable-style .frm_rootline_single input:hover {
        background: #AFAFAF !important; }
  .styled_form .frm_rootline_group {
    margin: 20px auto 0px !important; }
  .styled_form div[class*="frm_page_num_"] .frm_submit {
    margin: 32px auto 12px auto !important;
    gap: 14px;
    display: flex; }
    @media screen and (max-width: 768px) {
      .styled_form div[class*="frm_page_num_"] .frm_submit {
        width: 100%;
        flex-wrap: wrap; } }

/* ---- Tiles ---- */
.tile {
  position: relative;
  isolation: isolate; }
  .tile img {
    min-height: 11px;
    transform: translateZ(0); }
    .tile img + div {
      opacity: 0;
      transform: translateY(40px);
      transition: all 600ms 230ms; }
  .tile.active .shadowed {
    animation: shadow 750ms 400ms cubic-bezier(0.55, -0.01, 0, 1.01) forwards; }
  .tile.active .image_wrap img {
    animation: clip-in 750ms cubic-bezier(0.55, -0.01, 0, 1.01) forwards, transform-in 750ms cubic-bezier(0.55, -0.01, 0, 1.01) forwards; }
    .tile.active .image_wrap img + div {
      transform: translateY(0px);
      opacity: 1; }
  .tile .shadowed {
    position: absolute;
    left: 0px;
    top: 0px; }
  .tile .clipped {
    position: absolute; }
  .tile--ogee:not(.noclip) {
    height: 483px !important;
    width: 266px; }
  .tile--ogee .image_wrap {
    clip-path: url(#path--ogee); }
  .tile--trefoil:not(.noclip) {
    height: 483px !important;
    width: 266px; }
  .tile--trefoil .image_wrap {
    clip-path: url(#path--trefoil); }
  .tile--triangular:not(.noclip) {
    height: 483px !important;
    width: 266px; }
  .tile--triangular .image_wrap {
    clip-path: url(#path--triangular); }
  .tile--speech {
    height: 585px;
    width: 437px; }
    .tile--speech .image_wrap {
      clip-path: url(#path--speech); }
  .tile--half-trefoil:not(.noclip) {
    height: 483px !important;
    width: 266px; }
  .tile--half-trefoil .image_wrap {
    clip-path: url(#path--half-trefoil); }
  .tile--arch:not(.noclip) {
    height: 483px !important;
    width: 266px; }
  .tile--arch .image_wrap {
    clip-path: url(#path--arch); }
  .tile .image_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    will-change: clip-path; }
    .tile .image_wrap img {
      object-fit: cover;
      width: 101%;
      height: 101%;
      position: absolute;
      left: -0.5%;
      top: -0.5%;
      transform: scale(1.5);
      max-width: -webkit-fill-available;
      clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }
      @media screen and (max-width: 768px) {
        .tile .image_wrap img {
          width: 100%;
          height: 100%;
          transform: scale(1.02); } }
  .tile svg {
    width: 100%;
    height: 100%; }
  @media screen and (max-width: 768px) {
    .tile--responsive {
      position: relative; }
      .tile--responsive .image_wrap {
        position: relative; }
        .tile--responsive .image_wrap img {
          position: relative; } }

@keyframes shadow {
  to {
    left: 18px;
    top: 18px; } }

@keyframes clip-in {
  to {
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); } }

@keyframes transform-in {
  to {
    transform: translate(0px, 0px) scale(1.02); } }

/* ---- Buttons ---- */
.alm-load-more-btn {
  background: #053741 !important;
  padding: 6px 40px !important;
  font-weight: 600 !important;
  border-radius: 40px !important;
  transition: box-shadow 200ms, background 200ms, color 200ms; }

.button,
.alm-load-more-btn {
  background: #053741;
  color: white;
  padding: 6px 40px;
  border-radius: 40px;
  transition: box-shadow 200ms, background 200ms, color 200ms;
  position: relative;
  overflow: hidden;
  text-align: center; }
  @media screen and (max-width: 599px) {
    .button,
    .alm-load-more-btn {
      padding: 18px 40px;
      line-height: 18px; } }
  .button span,
  .alm-load-more-btn span {
    position: relative;
    transition: all 200ms;
    z-index: 1; }
  .button--shadow--white:hover,
  .alm-load-more-btn--shadow--white:hover {
    box-shadow: 4px 4px #FFFFFF !important; }
  .button--shadow--beige:hover,
  .alm-load-more-btn--shadow--beige:hover {
    box-shadow: 4px 4px #EBE5E0 !important; }
  .button--shadow--grocers:hover,
  .alm-load-more-btn--shadow--grocers:hover {
    box-shadow: 4px 4px #62DB71 !important; }
  .button--shadow--yellow:hover,
  .alm-load-more-btn--shadow--yellow:hover {
    box-shadow: 4px 4px #FFC500 !important; }
  .button--shadow--babyBlue:hover,
  .alm-load-more-btn--shadow--babyBlue:hover {
    box-shadow: 4px 4px #C4D9DD !important; }
  .button--shadow--orange:hover,
  .alm-load-more-btn--shadow--orange:hover {
    box-shadow: 4px 4px #EC7B47 !important; }
  .button--shadow--teal:hover,
  .alm-load-more-btn--shadow--teal:hover {
    box-shadow: 4px 4px #008071 !important; }
  .button--shadow--deepBlue:hover,
  .alm-load-more-btn--shadow--deepBlue:hover {
    box-shadow: 4px 4px #053741 !important; }
  .button:hover,
  .alm-load-more-btn:hover {
    box-shadow: 4px 4px #EC7B47; }
  .button--small,
  .alm-load-more-btn--small {
    font-size: 12px !important;
    padding: 0 26px; }
    @media screen and (max-width: 599px) {
      .button--small,
      .alm-load-more-btn--small {
        padding: 16px 26px;
        font-size: 14px !important; } }
  .button--white,
  .alm-load-more-btn--white {
    background: white;
    color: #053741; }
  .button--white,
  .alm-load-more-btn--white {
    background: #FFFFFF; }
  .button--beige,
  .alm-load-more-btn--beige {
    background: #EBE5E0; }
  .button--grocers,
  .alm-load-more-btn--grocers {
    background: #62DB71; }
  .button--yellow,
  .alm-load-more-btn--yellow {
    background: #FFC500; }
  .button--babyBlue,
  .alm-load-more-btn--babyBlue {
    background: #C4D9DD; }
  .button--orange,
  .alm-load-more-btn--orange {
    background: #EC7B47; }
  .button--teal,
  .alm-load-more-btn--teal {
    background: #008071; }
  .button--deepBlue,
  .alm-load-more-btn--deepBlue {
    background: #053741; }
  .button--outline,
  .alm-load-more-btn--outline {
    background: transparent;
    color: #053741; }
    .button--outline.button--white,
    .alm-load-more-btn--outline.button--white {
      box-shadow: 0px 0px #FFFFFF, 0 0 0 2px #FFFFFF inset; }
      .button--outline.button--white:before,
      .alm-load-more-btn--outline.button--white:before {
        content: '';
        width: 0%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        background: #FFFFFF;
        transition: all 200ms;
        z-index: 0; }
      .button--outline.button--white.button--shadow--white:hover,
      .alm-load-more-btn--outline.button--white.button--shadow--white:hover {
        box-shadow: 4px 4px #FFFFFF, 0 0 0 2px #FFFFFF inset !important; }
      .button--outline.button--white.button--shadow--beige:hover,
      .alm-load-more-btn--outline.button--white.button--shadow--beige:hover {
        box-shadow: 4px 4px #EBE5E0, 0 0 0 2px #FFFFFF inset !important; }
      .button--outline.button--white.button--shadow--grocers:hover,
      .alm-load-more-btn--outline.button--white.button--shadow--grocers:hover {
        box-shadow: 4px 4px #62DB71, 0 0 0 2px #FFFFFF inset !important; }
      .button--outline.button--white.button--shadow--yellow:hover,
      .alm-load-more-btn--outline.button--white.button--shadow--yellow:hover {
        box-shadow: 4px 4px #FFC500, 0 0 0 2px #FFFFFF inset !important; }
      .button--outline.button--white.button--shadow--babyBlue:hover,
      .alm-load-more-btn--outline.button--white.button--shadow--babyBlue:hover {
        box-shadow: 4px 4px #C4D9DD, 0 0 0 2px #FFFFFF inset !important; }
      .button--outline.button--white.button--shadow--orange:hover,
      .alm-load-more-btn--outline.button--white.button--shadow--orange:hover {
        box-shadow: 4px 4px #EC7B47, 0 0 0 2px #FFFFFF inset !important; }
      .button--outline.button--white.button--shadow--teal:hover,
      .alm-load-more-btn--outline.button--white.button--shadow--teal:hover {
        box-shadow: 4px 4px #008071, 0 0 0 2px #FFFFFF inset !important; }
      .button--outline.button--white.button--shadow--deepBlue:hover,
      .alm-load-more-btn--outline.button--white.button--shadow--deepBlue:hover {
        box-shadow: 4px 4px #053741, 0 0 0 2px #FFFFFF inset !important; }
    .button--outline.button--beige,
    .alm-load-more-btn--outline.button--beige {
      box-shadow: 0px 0px #EBE5E0, 0 0 0 2px #EBE5E0 inset; }
      .button--outline.button--beige:before,
      .alm-load-more-btn--outline.button--beige:before {
        content: '';
        width: 0%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        background: #EBE5E0;
        transition: all 200ms;
        z-index: 0; }
      .button--outline.button--beige.button--shadow--white:hover,
      .alm-load-more-btn--outline.button--beige.button--shadow--white:hover {
        box-shadow: 4px 4px #FFFFFF, 0 0 0 2px #EBE5E0 inset !important; }
      .button--outline.button--beige.button--shadow--beige:hover,
      .alm-load-more-btn--outline.button--beige.button--shadow--beige:hover {
        box-shadow: 4px 4px #EBE5E0, 0 0 0 2px #EBE5E0 inset !important; }
      .button--outline.button--beige.button--shadow--grocers:hover,
      .alm-load-more-btn--outline.button--beige.button--shadow--grocers:hover {
        box-shadow: 4px 4px #62DB71, 0 0 0 2px #EBE5E0 inset !important; }
      .button--outline.button--beige.button--shadow--yellow:hover,
      .alm-load-more-btn--outline.button--beige.button--shadow--yellow:hover {
        box-shadow: 4px 4px #FFC500, 0 0 0 2px #EBE5E0 inset !important; }
      .button--outline.button--beige.button--shadow--babyBlue:hover,
      .alm-load-more-btn--outline.button--beige.button--shadow--babyBlue:hover {
        box-shadow: 4px 4px #C4D9DD, 0 0 0 2px #EBE5E0 inset !important; }
      .button--outline.button--beige.button--shadow--orange:hover,
      .alm-load-more-btn--outline.button--beige.button--shadow--orange:hover {
        box-shadow: 4px 4px #EC7B47, 0 0 0 2px #EBE5E0 inset !important; }
      .button--outline.button--beige.button--shadow--teal:hover,
      .alm-load-more-btn--outline.button--beige.button--shadow--teal:hover {
        box-shadow: 4px 4px #008071, 0 0 0 2px #EBE5E0 inset !important; }
      .button--outline.button--beige.button--shadow--deepBlue:hover,
      .alm-load-more-btn--outline.button--beige.button--shadow--deepBlue:hover {
        box-shadow: 4px 4px #053741, 0 0 0 2px #EBE5E0 inset !important; }
    .button--outline.button--grocers,
    .alm-load-more-btn--outline.button--grocers {
      box-shadow: 0px 0px #62DB71, 0 0 0 2px #62DB71 inset; }
      .button--outline.button--grocers:before,
      .alm-load-more-btn--outline.button--grocers:before {
        content: '';
        width: 0%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        background: #62DB71;
        transition: all 200ms;
        z-index: 0; }
      .button--outline.button--grocers.button--shadow--white:hover,
      .alm-load-more-btn--outline.button--grocers.button--shadow--white:hover {
        box-shadow: 4px 4px #FFFFFF, 0 0 0 2px #62DB71 inset !important; }
      .button--outline.button--grocers.button--shadow--beige:hover,
      .alm-load-more-btn--outline.button--grocers.button--shadow--beige:hover {
        box-shadow: 4px 4px #EBE5E0, 0 0 0 2px #62DB71 inset !important; }
      .button--outline.button--grocers.button--shadow--grocers:hover,
      .alm-load-more-btn--outline.button--grocers.button--shadow--grocers:hover {
        box-shadow: 4px 4px #62DB71, 0 0 0 2px #62DB71 inset !important; }
      .button--outline.button--grocers.button--shadow--yellow:hover,
      .alm-load-more-btn--outline.button--grocers.button--shadow--yellow:hover {
        box-shadow: 4px 4px #FFC500, 0 0 0 2px #62DB71 inset !important; }
      .button--outline.button--grocers.button--shadow--babyBlue:hover,
      .alm-load-more-btn--outline.button--grocers.button--shadow--babyBlue:hover {
        box-shadow: 4px 4px #C4D9DD, 0 0 0 2px #62DB71 inset !important; }
      .button--outline.button--grocers.button--shadow--orange:hover,
      .alm-load-more-btn--outline.button--grocers.button--shadow--orange:hover {
        box-shadow: 4px 4px #EC7B47, 0 0 0 2px #62DB71 inset !important; }
      .button--outline.button--grocers.button--shadow--teal:hover,
      .alm-load-more-btn--outline.button--grocers.button--shadow--teal:hover {
        box-shadow: 4px 4px #008071, 0 0 0 2px #62DB71 inset !important; }
      .button--outline.button--grocers.button--shadow--deepBlue:hover,
      .alm-load-more-btn--outline.button--grocers.button--shadow--deepBlue:hover {
        box-shadow: 4px 4px #053741, 0 0 0 2px #62DB71 inset !important; }
    .button--outline.button--yellow,
    .alm-load-more-btn--outline.button--yellow {
      box-shadow: 0px 0px #FFC500, 0 0 0 2px #FFC500 inset; }
      .button--outline.button--yellow:before,
      .alm-load-more-btn--outline.button--yellow:before {
        content: '';
        width: 0%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        background: #FFC500;
        transition: all 200ms;
        z-index: 0; }
      .button--outline.button--yellow.button--shadow--white:hover,
      .alm-load-more-btn--outline.button--yellow.button--shadow--white:hover {
        box-shadow: 4px 4px #FFFFFF, 0 0 0 2px #FFC500 inset !important; }
      .button--outline.button--yellow.button--shadow--beige:hover,
      .alm-load-more-btn--outline.button--yellow.button--shadow--beige:hover {
        box-shadow: 4px 4px #EBE5E0, 0 0 0 2px #FFC500 inset !important; }
      .button--outline.button--yellow.button--shadow--grocers:hover,
      .alm-load-more-btn--outline.button--yellow.button--shadow--grocers:hover {
        box-shadow: 4px 4px #62DB71, 0 0 0 2px #FFC500 inset !important; }
      .button--outline.button--yellow.button--shadow--yellow:hover,
      .alm-load-more-btn--outline.button--yellow.button--shadow--yellow:hover {
        box-shadow: 4px 4px #FFC500, 0 0 0 2px #FFC500 inset !important; }
      .button--outline.button--yellow.button--shadow--babyBlue:hover,
      .alm-load-more-btn--outline.button--yellow.button--shadow--babyBlue:hover {
        box-shadow: 4px 4px #C4D9DD, 0 0 0 2px #FFC500 inset !important; }
      .button--outline.button--yellow.button--shadow--orange:hover,
      .alm-load-more-btn--outline.button--yellow.button--shadow--orange:hover {
        box-shadow: 4px 4px #EC7B47, 0 0 0 2px #FFC500 inset !important; }
      .button--outline.button--yellow.button--shadow--teal:hover,
      .alm-load-more-btn--outline.button--yellow.button--shadow--teal:hover {
        box-shadow: 4px 4px #008071, 0 0 0 2px #FFC500 inset !important; }
      .button--outline.button--yellow.button--shadow--deepBlue:hover,
      .alm-load-more-btn--outline.button--yellow.button--shadow--deepBlue:hover {
        box-shadow: 4px 4px #053741, 0 0 0 2px #FFC500 inset !important; }
    .button--outline.button--babyBlue,
    .alm-load-more-btn--outline.button--babyBlue {
      box-shadow: 0px 0px #C4D9DD, 0 0 0 2px #C4D9DD inset; }
      .button--outline.button--babyBlue:before,
      .alm-load-more-btn--outline.button--babyBlue:before {
        content: '';
        width: 0%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        background: #C4D9DD;
        transition: all 200ms;
        z-index: 0; }
      .button--outline.button--babyBlue.button--shadow--white:hover,
      .alm-load-more-btn--outline.button--babyBlue.button--shadow--white:hover {
        box-shadow: 4px 4px #FFFFFF, 0 0 0 2px #C4D9DD inset !important; }
      .button--outline.button--babyBlue.button--shadow--beige:hover,
      .alm-load-more-btn--outline.button--babyBlue.button--shadow--beige:hover {
        box-shadow: 4px 4px #EBE5E0, 0 0 0 2px #C4D9DD inset !important; }
      .button--outline.button--babyBlue.button--shadow--grocers:hover,
      .alm-load-more-btn--outline.button--babyBlue.button--shadow--grocers:hover {
        box-shadow: 4px 4px #62DB71, 0 0 0 2px #C4D9DD inset !important; }
      .button--outline.button--babyBlue.button--shadow--yellow:hover,
      .alm-load-more-btn--outline.button--babyBlue.button--shadow--yellow:hover {
        box-shadow: 4px 4px #FFC500, 0 0 0 2px #C4D9DD inset !important; }
      .button--outline.button--babyBlue.button--shadow--babyBlue:hover,
      .alm-load-more-btn--outline.button--babyBlue.button--shadow--babyBlue:hover {
        box-shadow: 4px 4px #C4D9DD, 0 0 0 2px #C4D9DD inset !important; }
      .button--outline.button--babyBlue.button--shadow--orange:hover,
      .alm-load-more-btn--outline.button--babyBlue.button--shadow--orange:hover {
        box-shadow: 4px 4px #EC7B47, 0 0 0 2px #C4D9DD inset !important; }
      .button--outline.button--babyBlue.button--shadow--teal:hover,
      .alm-load-more-btn--outline.button--babyBlue.button--shadow--teal:hover {
        box-shadow: 4px 4px #008071, 0 0 0 2px #C4D9DD inset !important; }
      .button--outline.button--babyBlue.button--shadow--deepBlue:hover,
      .alm-load-more-btn--outline.button--babyBlue.button--shadow--deepBlue:hover {
        box-shadow: 4px 4px #053741, 0 0 0 2px #C4D9DD inset !important; }
    .button--outline.button--orange,
    .alm-load-more-btn--outline.button--orange {
      box-shadow: 0px 0px #EC7B47, 0 0 0 2px #EC7B47 inset; }
      .button--outline.button--orange:before,
      .alm-load-more-btn--outline.button--orange:before {
        content: '';
        width: 0%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        background: #EC7B47;
        transition: all 200ms;
        z-index: 0; }
      .button--outline.button--orange.button--shadow--white:hover,
      .alm-load-more-btn--outline.button--orange.button--shadow--white:hover {
        box-shadow: 4px 4px #FFFFFF, 0 0 0 2px #EC7B47 inset !important; }
      .button--outline.button--orange.button--shadow--beige:hover,
      .alm-load-more-btn--outline.button--orange.button--shadow--beige:hover {
        box-shadow: 4px 4px #EBE5E0, 0 0 0 2px #EC7B47 inset !important; }
      .button--outline.button--orange.button--shadow--grocers:hover,
      .alm-load-more-btn--outline.button--orange.button--shadow--grocers:hover {
        box-shadow: 4px 4px #62DB71, 0 0 0 2px #EC7B47 inset !important; }
      .button--outline.button--orange.button--shadow--yellow:hover,
      .alm-load-more-btn--outline.button--orange.button--shadow--yellow:hover {
        box-shadow: 4px 4px #FFC500, 0 0 0 2px #EC7B47 inset !important; }
      .button--outline.button--orange.button--shadow--babyBlue:hover,
      .alm-load-more-btn--outline.button--orange.button--shadow--babyBlue:hover {
        box-shadow: 4px 4px #C4D9DD, 0 0 0 2px #EC7B47 inset !important; }
      .button--outline.button--orange.button--shadow--orange:hover,
      .alm-load-more-btn--outline.button--orange.button--shadow--orange:hover {
        box-shadow: 4px 4px #EC7B47, 0 0 0 2px #EC7B47 inset !important; }
      .button--outline.button--orange.button--shadow--teal:hover,
      .alm-load-more-btn--outline.button--orange.button--shadow--teal:hover {
        box-shadow: 4px 4px #008071, 0 0 0 2px #EC7B47 inset !important; }
      .button--outline.button--orange.button--shadow--deepBlue:hover,
      .alm-load-more-btn--outline.button--orange.button--shadow--deepBlue:hover {
        box-shadow: 4px 4px #053741, 0 0 0 2px #EC7B47 inset !important; }
    .button--outline.button--teal,
    .alm-load-more-btn--outline.button--teal {
      box-shadow: 0px 0px #008071, 0 0 0 2px #008071 inset; }
      .button--outline.button--teal:before,
      .alm-load-more-btn--outline.button--teal:before {
        content: '';
        width: 0%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        background: #008071;
        transition: all 200ms;
        z-index: 0; }
      .button--outline.button--teal.button--shadow--white:hover,
      .alm-load-more-btn--outline.button--teal.button--shadow--white:hover {
        box-shadow: 4px 4px #FFFFFF, 0 0 0 2px #008071 inset !important; }
      .button--outline.button--teal.button--shadow--beige:hover,
      .alm-load-more-btn--outline.button--teal.button--shadow--beige:hover {
        box-shadow: 4px 4px #EBE5E0, 0 0 0 2px #008071 inset !important; }
      .button--outline.button--teal.button--shadow--grocers:hover,
      .alm-load-more-btn--outline.button--teal.button--shadow--grocers:hover {
        box-shadow: 4px 4px #62DB71, 0 0 0 2px #008071 inset !important; }
      .button--outline.button--teal.button--shadow--yellow:hover,
      .alm-load-more-btn--outline.button--teal.button--shadow--yellow:hover {
        box-shadow: 4px 4px #FFC500, 0 0 0 2px #008071 inset !important; }
      .button--outline.button--teal.button--shadow--babyBlue:hover,
      .alm-load-more-btn--outline.button--teal.button--shadow--babyBlue:hover {
        box-shadow: 4px 4px #C4D9DD, 0 0 0 2px #008071 inset !important; }
      .button--outline.button--teal.button--shadow--orange:hover,
      .alm-load-more-btn--outline.button--teal.button--shadow--orange:hover {
        box-shadow: 4px 4px #EC7B47, 0 0 0 2px #008071 inset !important; }
      .button--outline.button--teal.button--shadow--teal:hover,
      .alm-load-more-btn--outline.button--teal.button--shadow--teal:hover {
        box-shadow: 4px 4px #008071, 0 0 0 2px #008071 inset !important; }
      .button--outline.button--teal.button--shadow--deepBlue:hover,
      .alm-load-more-btn--outline.button--teal.button--shadow--deepBlue:hover {
        box-shadow: 4px 4px #053741, 0 0 0 2px #008071 inset !important; }
    .button--outline.button--deepBlue,
    .alm-load-more-btn--outline.button--deepBlue {
      box-shadow: 0px 0px #053741, 0 0 0 2px #053741 inset; }
      .button--outline.button--deepBlue:before,
      .alm-load-more-btn--outline.button--deepBlue:before {
        content: '';
        width: 0%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        background: #053741;
        transition: all 200ms;
        z-index: 0; }
      .button--outline.button--deepBlue.button--shadow--white:hover,
      .alm-load-more-btn--outline.button--deepBlue.button--shadow--white:hover {
        box-shadow: 4px 4px #FFFFFF, 0 0 0 2px #053741 inset !important; }
      .button--outline.button--deepBlue.button--shadow--beige:hover,
      .alm-load-more-btn--outline.button--deepBlue.button--shadow--beige:hover {
        box-shadow: 4px 4px #EBE5E0, 0 0 0 2px #053741 inset !important; }
      .button--outline.button--deepBlue.button--shadow--grocers:hover,
      .alm-load-more-btn--outline.button--deepBlue.button--shadow--grocers:hover {
        box-shadow: 4px 4px #62DB71, 0 0 0 2px #053741 inset !important; }
      .button--outline.button--deepBlue.button--shadow--yellow:hover,
      .alm-load-more-btn--outline.button--deepBlue.button--shadow--yellow:hover {
        box-shadow: 4px 4px #FFC500, 0 0 0 2px #053741 inset !important; }
      .button--outline.button--deepBlue.button--shadow--babyBlue:hover,
      .alm-load-more-btn--outline.button--deepBlue.button--shadow--babyBlue:hover {
        box-shadow: 4px 4px #C4D9DD, 0 0 0 2px #053741 inset !important; }
      .button--outline.button--deepBlue.button--shadow--orange:hover,
      .alm-load-more-btn--outline.button--deepBlue.button--shadow--orange:hover {
        box-shadow: 4px 4px #EC7B47, 0 0 0 2px #053741 inset !important; }
      .button--outline.button--deepBlue.button--shadow--teal:hover,
      .alm-load-more-btn--outline.button--deepBlue.button--shadow--teal:hover {
        box-shadow: 4px 4px #008071, 0 0 0 2px #053741 inset !important; }
      .button--outline.button--deepBlue.button--shadow--deepBlue:hover,
      .alm-load-more-btn--outline.button--deepBlue.button--shadow--deepBlue:hover {
        box-shadow: 4px 4px #053741, 0 0 0 2px #053741 inset !important; }
    .button--outline:hover,
    .alm-load-more-btn--outline:hover {
      color: white; }
      .button--outline:hover span,
      .alm-load-more-btn--outline:hover span {
        color: white; }
      .button--outline:hover:before,
      .alm-load-more-btn--outline:hover:before {
        width: 100%; }

.alm-btn-wrap .alm-load-more-btn.loading:before {
  background: #193541 url(../../images/dist/icons/icon--loading.gif) no-repeat 49% !important;
  background-size: 28px !important;
  top: 0px !important;
  width: 100% !important; }