:root {
   --mid-blue: #67abc9;
   --mid-blue-hover: #5e9db8;
   --bright-blue: #bcc6ce;
   --s-green: #62cf62;
   --s-red: #d01717;
   --s-purple: #8e7de7;
   --s-purple-dark: #573877;
   --s-purple-rich: #71449c;
}

html {
   font-family: "Outfit", sans-serif;
   font-weight: normal;
   font-size: 14px;
   color: #57607c;
}

body {
   margin: 0;
   padding-top: 70px;
}

h1 {
   color: var(--s-purple-dark);
   font-size: 1.8rem;
   font-family: "Poppins";
   font-weight: 700;
}

h2 {
   color: #aba4af;
   font-size: 1.4rem;
   font-family: "Poppins";
   font-weight: 700;
}

h3 {
   font-weight: 300;
   font-size: 1.8rem;
}

h4 {
   color: rgba(255, 255, 255, 1);
   min-height: 44px;
   line-height: 25px;
   vertical-align: middle;
   padding: 10px 50px;
   letter-spacing: 0.03rem;
   font-size: 1.8rem;
   font-family: "poppins";
   font-weight: 400;
}

p {
   font-size: 1.3rem;
}

.terms li {
   font-size: 1.25rem;
   font-weight: 300;
   margin-bottom: 8px;
   list-style-type: decimal;
}

body.public,
body.fullPage {
   padding: 0px;
}

::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #ccc;
   font-size: 18px;
   text-transform: none;
}
::-moz-placeholder {
   /* Firefox 19+ */
   color: #ccc;
   font-size: 18px;
   text-transform: none;
}
:-ms-input-placeholder {
   /* IE 10+ */
   color: #ccc;
   font-size: 18px;
   text-transform: none;
}
:-moz-placeholder {
   /* Firefox 18- */
   color: #ccc;
   font-size: 18px;
   text-transform: none;
}

.notice {
   background: #fff;
   max-width: 80%;
   color: #444;
   font-family: "poppins";
   padding: 8px 20px;
   border-radius: 8px;
   margin: auto;
   margin-bottom: 25px;
   font-size: 1.2rem;
}

.notice.error {
   color: #be771f;
}

.notice.error:before {
   font-family: "icons";
   content: "\e842";
}

.badge {
   color: #fff;
   border-radius: 30px;
   background: var(--s-purple);
   padding: 0 4px;
   margin: 0 3px;
   font-size: 0.9rem;
   display: inline-block;
   position: absolute;
}

a.banner {
   background: #409de7;
   color: #fff;
   padding: 15px 25px;
   font-size: 1.4rem;
   border-radius: 62px;
   margin-top: 30px;
   display: inline-block;
   animation: shadow-pulse 1.5s infinite;
}

.headerbar {
   position: fixed;
   z-index: 999;
   height: 60px;
   top: 0;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   font-family: "poppins", sans-serif;
}

.scrolled {
   background-color: #fff;
   -webkit-box-shadow: -20px 20px 30px 0px rgba(158, 158, 158, 0.3);
   box-shadow: -20px 20px 30px 0px rgba(158, 158, 158, 0.3);
}

.color-gradient {
   color: #fff;
   background: #99cbf8;
   background-image: -webkit-linear-gradient(0deg, #99cbf8 0%, #6fc0d3 100%);
   background-image: -ms-linear-gradient(0deg, #99cbf8 0%, #6fc0d3 100%);
}

.skew-background {
   text-align: center;
   top: -50px;
   position: relative;
   min-height: 90vh;
   -ms-transform: skewY(-6deg);
   transform: skewY(-6deg);
   -webkit-transform: skewY(-6deg);
   -moz-transform: skewY(-6deg);
   -o-transform: skewY(-6deg);
   padding-bottom: 100px;
   padding-top: 40px;
   outline: 1px solid transparent;
}

.skew-background-content {
   -ms-transform: skewY(6deg);
   transform: skewY(6deg);
   -webkit-transform: skewY(6deg);
   -moz-transform: skewY(6deg);
   -o-transform: skewY(6deg);
}

.footer {
   position: relative;
   top: -50px;
   z-index: 1000;
}

.footer-external {
   color: #57607c;
   font-family: "poppins";
}

#sqreen {
   margin-left: 20px;
}

.privacy {
   padding-left: 15px;
}

.header-logo {
   width: 100px;
   margin-left: 30px;
   margin-top: 10px;
}

.header-logo-large {
   width: 220px;
   margin-left: 20px;
   margin-top: 10px;
}

@media screen and (max-width: 480px) {
   .headerbar {
      position: absolute;
   }
   .skew-background {
      top: -10px;
      position: relative;
      min-height: 90vh;
      -ms-transform: skewY(-2deg);
      transform: skewY(-2deg);
      -webkit-transform: skewY(-2deg);
      -moz-transform: skewY(-2deg);
      -o-transform: skewY(-2deg);
      margin-bottom: 25px;
      padding-top: 20px;
   }
   .skew-background-content {
      -ms-transform: skewY(2deg);
      transform: skewY(2deg);
      -webkit-transform: skewY(2deg);
      -moz-transform: skewY(2deg);
      -o-transform: skewY(2deg);
   }

   .color-gradient,
   .loading-animation {
      background-image: -webkit-linear-gradient(0deg, #99cbf8 0%, #7bbdd6 100%);
      background-image: -ms-linear-gradient(0deg, #99cbf8 0%, #7bbdd6 100%);
   }

   .footer {
      top: -15px;
   }
}

.menu {
   display: inline-block;
   vertical-align: top;
}

.scrolled .menu a {
   color: #666;
}

.menu a {
   color: #fff;
   display: inline-block;
   font-size: 1.1em;
   margin: 0 20px;
   padding: 20px 0px 5px;
   font-weight: 700;
   vertical-align: top;
   position: relative;
}

.public .menu a {
   color: #444;
   white-space: nowrap;
}

.public .menu a:hover {
   color: #3a9dc9;
}

.public .menu a:after {
   background: #3a9dc9;
}

.menu a:hover {
   color: #fff;
}

.menu a:after {
   width: 0%;
   height: 3px;
   display: block;
   background: #fff;
   content: " ";
   position: absolute;
   bottom: 0px;
   left: 0%;
   -webkit-transition: left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
   -o-transition: left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
   transition: left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu a:hover::after {
   width: 100%;
}

.scrolled .menu a:hover {
   color: #3a9dc9;
}

.scrolled .menu a:after {
   background: #73c5ea;
}

.fullscreen-menu .menu {
   background-color: rgba(118, 190, 240, 0.95);
   z-index: 999;
   position: fixed;
   top: 50px;
   right: 0;
   left: 0;
   bottom: 0;
   -webkit-animation: menuIn 0.4s;
   animation: menuIn 0.4s;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

@-webkit-keyframes menuIn {
   from {
      -webkit-transform: translateY(200px);
      transform: translateY(200px);
   }
   to {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
   }
}

@keyframes menuIn {
   from {
      -webkit-transform: translateY(200px);
      transform: translateY(200px);
   }
   to {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
   }
}

.fullscreen-menu .menu a {
   display: block;
   color: #fff;
   padding: 20px 0;
   margin: 0;
   font-size: 1.4rem;
   font-weight: 400;
   opacity: 0.8;
   width: 100vw;
   text-align: center;
   border-bottom: 1px solid #fff;
}

.fullscreen-menu .menu a:hover {
   opacity: 1;
   border-bottom: none;
}

.fullscreen-menu .headerbar {
   background-color: #fff;
}

body.fullscreen-menu {
   height: 100%;
   overflow: hidden;
}

.content-basic {
   color: #fff;
}

.content {
   padding-top: 100px;
}

.content.bottom-margin {
   margin-bottom: 250px;
}

.breadcrumb-container {
   position: absolute;
   transform: translateY(10px);
}

.breadcrumb {
   display: table;
   table-layout: fixed;
   width: 100%;
   margin-bottom: 10px;
   margin-top: 50px;
   counter-reset: number;
   font-family: "Poppins", sans-serif;
}

.breadcrumb-crumb {
   text-align: center;
   display: table-cell;
   position: relative;
   padding-left: 35px;
   font-weight: 400;
   text-align: center;
   font-size: 1rem;
   color: #fff;
   cursor: default;
   opacity: 0.5;
   counter-increment: number;
}

a.breadcrumb-crumb.section-complete {
   cursor: pointer;
}

.breadcrumb-crumb:before {
   content: counter(number) " ";
   display: block;
   margin: 0 auto 4px;
   background-color: #84c5e5;
   width: 36px;
   height: 36px;
   line-height: 32px;
   text-align: center;
   border: 2px solid #fff;
   border-radius: 50%;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.breadcrumb-crumb.complete:hover:before {
   color: #3883a6;
}

.breadcrumb-crumb:after {
   content: "";
   height: 2px;
   width: 100%;
   background-color: rgba(255, 255, 255, 0.7);
   position: absolute;
   top: 16px;
   left: 50%;
   z-index: -1;
}

.breadcrumb-crumb:last-child:after {
   display: none;
}

.breadcrumb-crumb.active:hover {
   opacity: 1;
}

.breadcrumb-crumb:hover {
   color: rgba(255, 255, 255, 0.8);
}

.breadcrumb-crumb.section-active,
.breadcrumb-crumb.section-complete {
   color: #fff;
   opacity: 1;
}

.breadcrumb-crumb.section-active:before {
   background-color: #fff;
   color: #64bbcd;
}

.breadcrumb-crumb.section-complete:before {
   content: "\e80e";
   font-family: "icons";
   background-color: #fff;
   color: #64bbcd;
}

@media screen and (max-width: 480px) {
   .breadcrumb.large {
      margin-top: 20px;
   }
   .breadcrumb.large a.breadcrumb-crumb {
      display: block;
      padding-left: 0 !important;
   }
   .breadcrumb.large .breadcrumb-crumb:before {
      display: inline-block;
      position: absolute;
      left: 0;
      width: 17px;
      height: 17px;
      line-height: 14px;
      color: #fff !important;
      background-color: transparent !important;
      border-color: transparent;
   }
   .breadcrumb.large .breadcrumb-crumb.section-active:before {
      color: #64bbcd !important;
      background-color: #fff !important;
      border-color: #fff;
   }
   .breadcrumb.large .breadcrumb-crumb.section-complete:before {
      content: counter(number) " ";
      font-family: "Poppins", sans-serif;
   }
   .breadcrumb.large .breadcrumb-crumb:after {
      display: none;
   }
}

@media screen and (max-width: 1100px) {
   .menu a {
      margin: 0 15px;
      color: #444;
   }
}

/* -------------------------   Loading animaion  -------------------------------- */

.loading-animation {
   display: none;
   position: fixed;
   width: 100%;
   top: -70px;
   left: 0px;
   bottom: 0px;
   background-color: rgba(118, 190, 240, 0.9);
   z-index: 10;
}

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

#loading-spinner-overlay {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgb(153 203 248 / 70%);
   z-index: 90;
   transition: opacity 0.5s;
}

#loading-spinner-overlay.display {
   display: block;
   animation-name: scxx-fadeIn;
   animation-duration: 1s;
   animation-direction: forwards;
}

@keyframes scxx-fadeIn {
   from {
   }

   to {
      opacity: 1;
   }
}

.spinner {
   width: 70px;
   height: 70px;
   position: relative;
   margin: 50vh auto;
}

.double-bounce1,
.double-bounce2 {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: #fff;
   opacity: 0.6;
   position: absolute;
   top: 0;
   left: 0;

   -webkit-animation: sk-bounce 2s infinite ease-in-out;
   animation: sk-bounce 2s infinite ease-in-out;
}

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

@-webkit-keyframes sk-bounce {
   0%,
   100% {
      -webkit-transform: scale(0);
   }
   50% {
      -webkit-transform: scale(1);
   }
}

@keyframes sk-bounce {
   0%,
   100% {
      transform: scale(0);
      -webkit-transform: scale(0);
   }
   50% {
      transform: scale(1);
      -webkit-transform: scale(1);
   }
}

/* --------------------------------------------------- Buttons -------------------------------------------- */

.button {
   margin: 5px 5px;
   position: relative;
   padding: 5px 15px;
   border-radius: 5px;
   font-size: 1.3rem;
   font-weight: 500;
   font-weight: 500;
   color: #776db1;
   -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
   box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
   background: #fff;
   border-color: #fff;
   white-space: nowrap;
   display: inline-block;
   cursor: pointer;
}

.button.pill {
   background: #fff;
   color: #67abc9;
   border-radius: 50px;
   font-family: "Poppins", sans-serif;
   font-weight: 500;
   font-size: 1.4rem;
   padding: 14px 25px;
   margin: 20px;
   -webkit-transition: 0.3s all;
   -o-transition: 0.3s all;
   transition: 0.3s all;
}

.button.pill:hover {
   background: #f6f8fa;
   color: #5e9db8;
}

.button.pill:after {
   display: inline-block;
   font-family: "icons";
   margin-left: 12px;
   -webkit-transition: 0.3s all;
   -o-transition: 0.3s all;
   transition: 0.3s all;
}

.button.pill:hover:after {
   -webkit-transform: translateX(3px);
   -ms-transform: translateX(3px);
   transform: translateX(3px);
}

.button.pill.color {
   color: #fff;
   background: #409de7;
   border-width: 0px;
   font-size: 1.2rem;
   padding: 5px 25px 5px 25px;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.button.pill.black {
   color: #777;
   border: 1px solid;
   background: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   font-size: 1.1rem;
}

.button.pill.black:hover {
   color: #409de7;
}

.button.pill.small {
   padding: 2px 12px;
   margin: 4px 4px;
}

.button.pill.small:before {
   margin: auto 5px auto 0px;
}

.button.pill.large {
   margin: 50px;
   padding: 14px 60px 14px 20px;
}

.button.pill.large:active {
   transform: translateX(1px);
   transform: translateY(1px);
}

.button.pill.color:hover {
   background: #409de7;
   color: #fff;
   text-decoration: none;
}

.button.pill.color:hover:before {
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.button.pill.color:hover:before {
   -webkit-transform: translateX(2px);
   -ms-transform: translateX(2px);
   transform: translateX(2px);
}

.button.pill.large.send {
   padding-right: 20px;
}

.button.send:after {
   content: "\f1d9";
}

.public .button.next:after {
   content: "\e854";
   position: absolute;
   top: 18px;
   right: 23px;
}

.button.large.nextarrow:after {
   content: "\e854";
   position: absolute;
   top: 18px;
   right: 23px;
}

.button.login:after {
   content: "\e854";
}

button.loading:before,
.button.loading:before {
   content: "\f110";
   font-family: "icons";
   animation: scxx-spin 2.2s infinite linear;
   display: inline-block;
   height: 22px;
   font-size: 21px;
}

button {
   outline: 0;
   border-width: 0;
   cursor: pointer;
   padding: 8px 20px;
   font-size: 1.2rem;
   font-family: "poppins";
   font-weight: 500;
   border-radius: 30px;
   color: #555;
   margin: 5px 8px;
}

button.green {
   background: #62cf62;
   color: #fff;
}

button.green:hover {
   background: #62c062;
}

button.purple {
   background: #8e7de7;
   color: #fff;
}

button.purple:hover {
   background: #7664e3;
}

button.orange {
   background: #e97715;
   color: #fff;
}

button.orange:hover {
   background: #e17b23;
}

button.grey {
   background: #eee;
   color: #a2a2a2;
}

button.grey:hover {
   background: #eaeaea;
   color: #777;
}

button.notext:before {
   margin-right: 0px;
}

#login-button {
   background: #faae3e;
   color: #fff;
   padding: 8px 25px 8px 45px;
   margin: 15px;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 29px;
   font-size: 1.2rem;
}

#login-button:after {
   font-family: "icons";
   content: "\e854";
   margin-left: 15px;
   display: inline-block;
}

#login-button:hover {
   background: var(--s-purple);
}

#login-button.loading:after {
   content: "\f110";
   animation: scxx-spin 2.2s infinite linear;
   height: 22px;
   font-size: 21px;
   margin-left: 15px;
}

#login-button.loading:before {
   display: none;
}

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

.loader,
.loader:after {
   border-radius: 50%;
   width: 35px;
   height: 35px;
}

.loader {
   position: absolute;
   top: 11px;
   right: 13px;
   text-indent: -9999em;
   border-top: 5px solid rgba(103, 171, 201, 1);
   border-right: 5px solid rgba(103, 171, 201, 0.2);
   border-bottom: 5px solid rgba(103, 171, 201, 0.2);
   border-left: 5px solid rgba(103, 171, 201, 0.2);
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-animation: rotate 1.1s infinite linear;
   animation: rotate 1.1s infinite linear;
   display: none;
}

.page-loader {
   margin: 60px auto;
   font-size: 10px;
   position: relative;
   text-indent: -9999em;
   border-top: 0.5em solid rgba(255, 255, 255, 0.2);
   border-right: 0.5em solid rgba(255, 255, 255, 0.2);
   border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
   border-left: 0.5em solid #ffffff;
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-animation: rotate 1.5s infinite linear;
   animation: rotate 1.5s infinite linear;
}

.page-loader,
.page-loader:after {
   border-radius: 50%;
   width: 6em;
   height: 6em;
}

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

.clicked .loader {
   display: block;
}

.next.clicked:after {
   display: none;
}

.full-page-logo {
   position: fixed;
   top: 5px;
   left: 5px;
   z-index: 1;
}

.full-page-menu .menu-toggle {
   position: absolute;
   right: 25px;
   top: 10px;
   z-index: 100;
   width: 55px;
   height: 55px;
   background: #fff;
   border-radius: 50% 50% 50% 50%;
   -webkit-transition: 0.5s ease-in-out;
   transition: 0.5s ease-in-out;
   box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 11%);
   cursor: pointer;
}

.full-page-menu.active .menu-toggle {
   box-shadow: 0 0 0 100vw #fff, 0 0 0 100vh #fff;
   border-radius: 0;
}

.full-page-menu.active .expanded-menu {
   opacity: 1;
}

.full-page-menu .expanded-menu {
   z-index: 200;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   opacity: 0;
   -webkit-transition: 0.25s 0s ease-in-out;
   transition: 0.25s 0s ease-in-out;
   pointer-events: none;
}

@media screen and (max-width: 500px) {
   .full-page-menu .expanded-menu {
      left: 40%;
   }

   .expanded-menu a {
      font-size: 1.7rem;
   }
}

.full-page-menu.active .expanded-menu {
   pointer-events: all;
}

.full-page-menu .hamburger {
   display: block;
   padding: 15px 5px 5px 12px;
   pointer-events: none;
}

.expanded-menu a {
   display: block;
   font-size: 2rem;
   padding: 20px;
}

.expanded-menu a:hover {
   color: #8e7de7;
}

.expanded-menu a:before {
   font-family: "icons";
   margin-right: 8px;
   width: 30px;
   display: inline-block;
}

.expanded-menu .search:before {
   content: "\e800";
}
.expanded-menu .manage:before {
   content: "\e831";
}
.expanded-menu .account:before {
   content: "\f2be";
}
.expanded-menu .contact:before {
   content: "\e828";
}
.expanded-menu .logout:before {
   content: "\e866";
}

.full-page-menu .hamburger-inner,
.full-page-menu .hamburger-inner:after,
.full-page-menu .hamburger-inner:before {
   background-color: #67abc9;
   width: 32px;
}

.full-page-menu:hover .hamburger-inner,
.full-page-menu:hover .hamburger-inner:after,
.full-page-menu:hover .hamburger-inner:before {
   background-color: #8e7de7;
}

/* --------------------------------------------------- Hamburger menu -------------------------------------------- */

.hamburger {
   font: inherit;
   display: none;
   overflow: visible;
   margin: 0;
   padding: 15px;
   cursor: pointer;
   -webkit-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
   -webkit-transition-duration: 0.15s;
   -o-transition-duration: 0.15s;
   transition-duration: 0.15s;
   -webkit-transition-property: opacity, -webkit-filter;
   transition-property: opacity, -webkit-filter;
   -o-transition-property: opacity, filter;
   transition-property: opacity, filter;
   transition-property: opacity, filter, -webkit-filter;
   text-transform: none;
   color: inherit;
   border: 0;
   background-color: transparent;
}

.hamburger.is-active:hover,
.hamburger:hover {
   opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
   background-color: #fff;
}

.scrolled .hamburger.is-active .hamburger-inner,
.scrolled .hamburger.is-active .hamburger-inner:after,
.scrolled .hamburger.is-active .hamburger-inner:before,
.fullscreen-menu .hamburger.is-active .hamburger-inner,
.fullscreen-menu .hamburger.is-active .hamburger-inner:after,
.fullscreen-menu .hamburger.is-active .hamburger-inner:before {
   background-color: #8e7de7;
}

.hamburger-box {
   position: relative;
   display: inline-block;
   width: 40px;
   height: 24px;
}

.hamburger-inner {
   top: 50%;
   display: block;
   margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
   position: absolute;
   width: 40px;
   height: 4px;
   -webkit-transition-timing-function: ease;
   -o-transition-timing-function: ease;
   transition-timing-function: ease;
   -webkit-transition-duration: 0.15s;
   -o-transition-duration: 0.15s;
   transition-duration: 0.15s;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   border-radius: 4px;
   background-color: #fff;
}

.scrolled .hamburger-inner,
.scrolled .hamburger-inner:after,
.scrolled .hamburger-inner:before {
   background-color: #8e7de7;
}

.hamburger-inner:after,
.hamburger-inner:before {
   display: block;
   content: "";
}

.hamburger-inner:before {
   top: -10px;
}

.hamburger-inner:after {
   bottom: -10px;
}

.hamburger--spin .hamburger-inner {
   -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   -webkit-transition-duration: 0.22s;
   -o-transition-duration: 0.22s;
   transition-duration: 0.22s;
}

.hamburger--spin .hamburger-inner:before {
   -webkit-transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
   -o-transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
   transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner:after {
   -webkit-transition: bottom 0.1s ease-in 0.25s, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
   transition: bottom 0.1s ease-in 0.25s, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
   -o-transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
   transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
   transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
      -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner,
.full-page-menu.active .hamburger--spin .hamburger-inner {
   -webkit-transition-delay: 0.12s;
   -o-transition-delay: 0.12s;
   transition-delay: 0.12s;
   -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   -webkit-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
   transform: rotate(225deg);
}

.hamburger--spin.is-active .hamburger-inner:before,
.full-page-menu.active .hamburger-inner:before {
   top: 0;
   -webkit-transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
   -o-transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
   transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
   opacity: 0;
}

.hamburger--spin.is-active .hamburger-inner:after,
.full-page-menu.active .hamburger-inner:after {
   bottom: 0;
   -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
   transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
   -o-transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
   transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
   transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
      -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
}

.hamburger--spin-r .hamburger-inner {
   -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   -webkit-transition-duration: 0.22s;
   -o-transition-duration: 0.22s;
   transition-duration: 0.22s;
}

.hamburger--spin-r .hamburger-inner:before {
   -webkit-transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
   -o-transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
   transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner:after {
   -webkit-transition: bottom 0.1s ease-in 0.25s, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
   transition: bottom 0.1s ease-in 0.25s, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
   -o-transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
   transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
   transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
      -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner,
.full-page-menu.active .hamburger-inner {
   -webkit-transition-delay: 0.12s;
   -o-transition-delay: 0.12s;
   transition-delay: 0.12s;
   -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   -webkit-transform: rotate(-225deg);
   -ms-transform: rotate(-225deg);
   transform: rotate(-225deg);
}

.hamburger--spin-r.is-active .hamburger-inner:before {
   top: 0;
   -webkit-transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
   -o-transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
   transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
   opacity: 0;
}

.hamburger--spin-r.is-active .hamburger-inner:after {
   bottom: 0;
   -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
   transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
   -o-transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
   transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
   transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
      -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

@media screen and (max-width: 900px) {
   .headerbar {
      height: 50px;
   }
   .hamburger {
      display: inline-block;
   }
   .menu {
      display: none;
   }
   .full-page-logo {
      display: none;
   }
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before,
.fullscreen-menu .hamburger.is-active .hamburger-inner,
.fullscreen-menu .hamburger.is-active .hamburger-inner:after,
.fullscreen-menu .hamburger.is-active .hamburger-inner:before {
   background-color: #5e9db8;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
   background-color: #5e9db8;
}

/* --------------------------------------------------- Fonts -------------------------------------------- */

/* poppins-300 - latin */
@font-face {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 300;
   src: local("Poppins Light"), local("Poppins-Light"), url("../font/poppins-v5-latin-300.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */ url("../font/poppins-v5-latin-300.woff") format("woff");
   /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-regular - latin */

@font-face {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 400;
   src: local("Poppins Regular"), local("Poppins-Regular"),
      url("../font/poppins-v5-latin-regular.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */ url("../font/poppins-v5-latin-regular.woff") format("woff");
   /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-500 - latin */
@font-face {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 500;
   src: local("Poppins Medium"), local("Poppins-Medium"), url("../font/poppins-v5-latin-500.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */ url("../font/poppins-v5-latin-500.woff") format("woff");
   /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* --------------------------------------------------- Setup menu -------------------------------------------- */

.setup-menu {
   width: 100%;
   padding: 30px;
}

.navigation .cell {
   background-color: rgba(255, 255, 255, 0.3);
   text-align: center;
}

.navigation .cell:first-child {
   border-radius: 10px 0 0 0;
}

.navigation .cell:last-child {
   border-radius: 0 10px 0 0;
}

.setup-menu .navigation a {
   display: inline-block;
   text-align: center;
   padding: 15px 0;
   color: #fff;
   font-size: 1.2rem;
   font-weight: 500;
   font-family: "Poppins", sans-serif;
}

.setup-menu a:hover,
.setup-menu a.selected {
   color: #409de7;
}

.setup-menu .navigation a:before {
   font-size: 2.3rem;
   margin-right: 20px;
   padding: 0px 0px 10px 0;
}

.setup-footer {
   width: 100%;
   border-top: 3px solid #fff;
   border-radius: 0 0 7px 7px;
   background-color: rgba(255, 255, 255, 0.3);
   min-height: 40px;
}

.title-icon {
   font-size: 4rem;
   color: #67abc9;
}

.header {
   background-color: #e3f2fd;
   color: #2c57b6;
   font-size: 1.5rem;
   padding: 10px 20px;
   border-radius: 4px;
}

.content.setup {
   margin-top: 70px;
}

/* --------------------------------------------------- Tooltips -------------------------------------------- */

.tooltip {
   position: relative;
   display: inline-block;
}

.tooltip__item {
   position: absolute;
   min-width: 320px;
   padding: 20px;
   visibility: hidden;
   opacity: 0;
   background: white;
   -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
   -o-transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
   transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
   color: #776db1;
   border-radius: 3px;
   font-weight: 400;
   text-align: justify;
   font-size: 1.1rem;
   -webkit-box-shadow: 0 2px 1px #bcbcbc;
   box-shadow: 0 2px 1px #bcbcbc;
   z-index: 4;
   line-height: 1.3rem;
}

.tooltip__item:after {
   content: "";
   display: block;
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
}

.tooltip__initiator {
   cursor: pointer;
   z-index: 5;
}

.tooltip[data-direction="left"] .tooltip__initiator:hover ~ .tooltip__item {
   -webkit-transform: translate3d(0, -50%, 0);
   transform: translate3d(0, -50%, 0);
   visibility: visible;
   opacity: 1;
}

.tooltip[data-direction="left"] .tooltip__item {
   top: 50%;
   right: calc(100%+ 1em);
   -webkit-transform: translate3d(15px, -50%, 0);
   transform: translate3d(15px, -50%, 0);
}

.tooltip[data-direction="left"] .tooltip__item:after {
   top: 50%;
   right: -0.5em;
   -webkit-transform: translate3d(0, -50%, 0);
   transform: translate3d(0, -50%, 0);
   border-width: 0.5em 0 0.5em 0.5em;
   border-color: transparent transparent transparent white;
   -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
   filter: drop-shadow(1px 2px 1px #bcbcbc);
}

.tooltip[data-direction="bottom"] .tooltip__initiator:hover ~ .tooltip__item {
   -webkit-transform: translate3d(-50%, 15px, 0);
   transform: translate3d(-50%, 15px, 0);
   visibility: visible;
   opacity: 1;
}

.tooltip[data-direction="bottom"] .tooltip__item {
   top: calc(100%+ 1em);
   left: 50%;
   -webkit-transform: translate3d(-50%, -15px, 0);
   transform: translate3d(-50%, -15px, 0);
}

.tooltip[data-direction="bottom"] .tooltip__item:after {
   top: -0.5em;
   left: 50%;
   -webkit-transform: translate3d(-50%, 0, 0);
   transform: translate3d(-50%, 0, 0);
   border-width: 0 0.5em 0.5em 0.5em;
   border-color: transparent transparent white transparent;
   -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
   filter: drop-shadow(1px -1px 1px #bcbcbc);
}

/* --------------------------------------------------- Search results -------------------------------------------- */

.results-select-issue {
   margin-bottom: 60px;
}

.label.none,
.label.results {
   color: #fff;
   font-size: 1.4rem;
}

.highlight {
   border-bottom: 2px solid #fff;
}

.result {
   padding: 4px 10px;
}

.result:first-child {
   padding-top: 10px;
}

.result:last-child {
   padding-bottom: 10px;
}

.result-container {
   background: #fff;
   color: #424242;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   padding: 5px;
   position: relative;
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #efecec;
}

.result.selected .result-container {
   border: 1px solid #62cf62;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.result-container > div {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.result-image {
   width: -webkit-calc(100%/12 * 2);
   width: calc(100% / 12 * 2);
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   display: block;
   max-width: 100%;
   color: #aaa;
   margin: auto;
}

.result-image-canvass {
   width: 100%;
   height: 100px;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   margin: auto;
}

.logo-placeholder {
   height: 72px;
   width: 90%;
   margin: 0 5%;
   background: #f6f6f6;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   overflow: hidden;
}

.logo-placeholder span {
   display: block;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   font-family: "Poppins", sans-serif;
   font-weight: 700;
   opacity: 0.7;
   overflow-wrap: break-word;
}

.logo-placeholder span.icon-users-1 {
   font-size: 2.5rem;
}

.result-main {
   width: -webkit-calc(100%/12 * 8);
   width: calc(100% / 12 * 8);
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   display: block;
   max-width: 100%;
   margin: auto 0;
}

.result-servicename {
   margin-top: 5px;
   font-family: "Poppins", sans-serif;
   font-size: 1.4rem;
}

.result-servicename span:first-child {
   font-weight: 600;
   color: #2e2e2e;
   margin-right: 4px;
}

.result-details {
   margin: 10px 10px 10px 10px;
   overflow: hidden;
   font-size: 1.05rem;
}

.result-details p {
   font-size: 1rem;
   padding: 0 15px;
}

.result-details-heading {
   font-size: 1.2rem;
   padding: 4px 15px;
   font-family: "Poppins", sans-serif;
   color: #ab8abc;
   border-bottom: 2px solid #d2b9d2;
   margin-bottom: 12px;
   margin-top: 10px;
}

.result-further-info span,
.delivery-tag {
   background-color: #f1f1f1;
   padding: 3px 10px 3px 5px;
   -webkit-border-radius: 15px;
   border-radius: 15px;
   margin: 2px 0px 2px 6px;
   display: inline-block;
   color: #666;
   cursor: default;
}

.result-further-info span:before,
.delivery-tag:before {
   margin-right: 6px !important;
   font-size: 1.5rem;
   transform: translateY(2px);
}

.description-footer {
   display: flex;
   margin-top: 15px;
   align-items: baseline;
}

.description-footer > div {
   flex-basis: 0;
   flex-grow: 1;
}

.delivery-label {
   font-family: "poppins";
   font-size: 1.1rem;
   border-right: 2px solid #c3c3c3cc;
   padding-right: 15px;
   margin-right: 15px;
   color: #adadad;
}

.result-selection {
   width: -webkit-calc(100%/12 * 2);
   width: calc(100% / 12 * 2);
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   display: block;
   max-width: 100%;
   margin: auto;
}

.result-details {
   width: 100%;
}

.result-details h1,
.result-details h2,
.result-details h3,
.result-details h4 {
   font-size: 1.3rem;
   font-weight: 500;
   padding: 0 0px;
   margin: 10px 0 0px;
   color: #444;
}

.result-description h1 {
   font-size: 1rem;
   font-weight: 400;
   padding: 0 0px;
   margin: 0px;
   color: #424242;
}

.result-details ul {
   margin: 5px 0;
}

.result-details li {
   padding: 0 15px;
}

.result-selection {
   display: inline-block;
   text-align: center;
}

.result-location-description {
   margin-bottom: 10px;
   border-left: 2px solid #ddd;
   padding-left: 10px;
}

.referral-notice {
   margin: 8px auto;
   background: var(--s-purple);
   color: #fff;
   padding: 2px 8px;
   border-radius: 5px;
   font-family: "poppins";
}

@media screen and (max-width: 768px) {
   .result-delivery,
   .result-selection {
      display: block;
      width: 100%;
   }
   .result-selection {
      text-align: center;
      margin: 10px 0 4px 0;
   }
}

.result-more {
   cursor: pointer;
   background-color: #8dc5ea;
   color: #fff;
   padding: 6px 10px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   margin: 4px 0 3px 0;
   display: inline-block;
}

.result-more:hover {
   background-color: #348fd7;
}

/*--------------- opening hours block ---------------- */

.result-hours-indicator-container {
   display: flex;
   align-items: center;
   position: relative;
   margin: 10px 0px 4px;
}

.result-hours-indicator {
   display: inline-block;
   position: relative;
   width: 300px;
   height: 26px;
   background: #f9f9f9;
   border-radius: 5px;
}

.result-hours-indicator-container:before {
   content: "\e839";
   font-family: "icons";
   margin-right: 6px;
   font-size: 24px;
   line-height: 29px;
   position: absolute;
   left: 0px;
   color: #cac8c8;
}

.result-hours-days {
   position: absolute;
   width: 100%;
   display: flex;
   height: 100%;
}

.result-hours-days > div {
   flex-grow: 1;
   width: calc((100% / 7) * 2);
   text-align: center;
   font-weight: 700;
   line-height: 26px;
   color: #ccc;
   box-shadow: inset 1px 0px 0px rgb(0 0 0 / 7%);
   z-index: 2;
   position: relative;
}

.result-hours-days > div.weekend {
   color: #ddd;
}

.result-hours-days > div.result-hours-day-active {
   color: #63bf63;
   background: rgb(233 245 233);
   cursor: pointer;
}

.result-hours-days > div:nth-child(1) {
   box-shadow: none;
   border-radius: 4px 0 0 4px;
}

.result-hours-days > div:last-child {
   border-radius: 0 4px 4px 0;
}

.result-hours-weekend {
   background: #f5f5f5;
   width: calc((100% / 7) * 2);
   border-radius: 0 4px 4px 0;
   right: 0;
   position: absolute;
   height: 100%;
   box-shadow: none !important;
}

.hours-hover-over {
   position: absolute;
   z-index: 1;
   opacity: 0;
   pointer-events: none;
   margin: auto;
   bottom: 34px;
   left: -18px;
   text-align: center;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   background-color: rgba(98, 207, 98, 1);
   padding: 4px 0px;
   border-radius: 10px;
   width: 150px;
   color: #fff;
}

.hours-hover-over > div {
   line-height: 17px;
}

.hours-hover-over:before {
   content: "";
   position: absolute;
   top: 99%;
   left: 22%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   border-width: 6px 6px 0 6px;
   border-style: solid;
   border-color: rgba(98, 207, 98, 1) transparent transparent transparent;
   z-index: 10;
}

.result-hours-day-active:hover .hours-hover-over {
   opacity: 1;
}

.hours-open-notice {
   position: relative;
   margin-left: 10px;
   background: #f4f4f4;
   padding: 4px 14px 4px 34px;
   border-radius: 20px;
}

.hours-open-notice:before {
   font-family: "icons";
   content: "\e839";
   font-size: 20px;
   left: 9px;
   position: absolute;
   top: 2px;
   color: #999;
}

.hours-open-notice.open {
   background: #f4f4f4;
   color: rgb(111 204 111);
}

.hours-open-notice.open:before {
   color: rgb(111 204 111);
}

/* ---------------- */

.results-categories {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.option-view-select {
   font-family: "Poppins", sans-serif;
   color: #999;
   font-size: 1.1rem;
   text-align: right;
   padding: 5px 18px 0 18px;
}

.option-view-select ul {
   margin: 3px 0 2px 0px;
   display: inline-block;
   padding: 0;
   position: relative;
}

.option-view-select li {
   list-style: none;
   cursor: pointer;
   text-align: left;
   padding: 2px 10px;
   display: inline-block;
   background: #fff;
   border: 1px solid #ccc;
   float: left;
   border-width: 1px 0 1px 1px;
}

.option-view-select li:first-child {
   border-radius: 20px 0 0 20px;
}

.option-view-select li:last-child {
   border-width: 1px;
   border-radius: 0 20px 20px 0;
}

.option-view-select li.selected {
   color: #409de7;
}

.option-view-select > span {
   vertical-align: top;
   margin: 6px 8px 0 0;
   display: inline-block;
}

.option-view-select > ul {
   vertical-align: top;
}

@media screen and (max-width: 880px) {
   .option-view-select ul {
      width: 180px;
      height: 17px;
   }

   .option-view-select li {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      -webkit-transition: top 0.3s ease;
      -o-transition: top 0.3s ease;
      transition: top 0.3s ease;
      width: 100%;
      border-width: 0px;
      padding: 2px 4px;
   }

   .option-view-select li:first-child,
   .option-view-select li:last-child {
      border-radius: 0;
      border-width: 0;
   }

   .option-view-select li.selected {
      opacity: 1;
      color: #444;
      z-index: 10;
   }

   .option-view-select ul:hover li {
      background: #fff;
   }

   .option-view-select ul:hover li:not(.selected) {
      background: #fff;
      opacity: 1;
      display: block;
      padding: 4px 4px;
      -webkit-box-shadow: 3px 2px 3px 0px rgba(0, 0, 0, 0.07);
      box-shadow: 3px 2px 3px 0px rgba(0, 0, 0, 0.07);
      z-index: 9;
   }

   .option-view-select li:hover {
      background: #fff;
      color: #409de7;
      border-right: 3px solid #409de7;
   }

   .option-view-select ul:hover li:nth-child(2) {
      top: 26px;
   }

   .option-view-select ul:hover li:nth-child(3) {
      top: 56px;
   }

   .description-footer {
      display: block;
   }
}

/*  results page styles */

.results-display-canvass .result-main {
   width: -webkit-calc(100%/12 * 10);
   width: calc(100% / 12 * 10);
}

.results-display-canvass .result {
   margin-bottom: 25px;
}

.result-location-container {
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}

.result-location-container .result-panel {
   background: #f4f4f4;
}

.result-location-container .result-panel:before {
   color: #bbb;
}

.result-panel {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background: #edf7ff;
   margin: 8px;
   font-family: "poppins", sans-serif;
   font-size: 1.2rem;
   padding: 2px;
   position: relative;
   overflow: hidden;
}

.result-panel:before {
   position: absolute;
   left: -1px;
   font-size: 5rem;
   opacity: 0.15;
   z-index: 0;
   color: #8dc5ea;
   top: 4px;
}

.result-panel-header {
   font-weight: 500;
   width: 100%;
   color: #444;
   padding: 4px;
   opacity: 0.9;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
}

.result-panel-header:first-letter {
   text-transform: uppercase;
}

.result-panel div {
   line-height: 1.4rem;
}

.result-panel-details {
   -webkit-box-flex: 3;
   -webkit-flex-grow: 3;
   -ms-flex-positive: 3;
   flex-grow: 3;
}

.result-panel .contact {
   font-size: 1.4rem;
   padding: 4px 0;
}

.result-panel .comments {
   font-size: 1.1rem;
   font-weight: 300;
}

.directions-container {
   width: 100%;
   margin: 5px 8px;
   position: relative;
}

.result-details .result-panel .contact a {
   color: #fff;
}

.result-service-category {
   float: right;
   color: #aaa;
   font-size: 1.3rem;
   margin: 0 6px;
}

.result-further-info {
   padding-top: 7px;
   display: flex;
   align-items: center;
}

.result-address,
.result-opening-session {
   font-weight: 300;
   font-size: 1.1rem;
}

@media screen and (max-width: 880px) {
   .result-selection {
      width: 100%;
      padding: 15px 0;
   }

   .result-select-tick {
      display: none;
   }

   .result-main {
      width: -webkit-calc(100%/12 * 10);
      width: calc(100% / 12 * 10);
   }

   .result-service-category {
      font-size: 1.2rem;
   }
}

@media screen and (max-width: 480px) {
   .result {
      padding: 0px;
   }

   .result-image {
      position: absolute;
      height: 80px;
      width: 110px;
      padding: 0px;
   }

   .result-image-canvass {
      width: 110px;
      height: 65px;
   }

   .results-display-canvass .result-main {
      width: 100%;
   }

   .result-service-category {
      float: none;
      margin: 6px 0 0 0;
   }

   .result-main {
      width: 100%;
   }

   .result-servicename {
      margin-top: 5px;
      font-family: "Poppins", sans-serif;
      height: auto;
      margin-left: 110px;
      line-height: 1.2rem;
      overflow-wrap: break-word;
      min-height: 80px;
   }

   .results-display-canvass .result-servicename {
      font-size: 1.4rem;
      min-height: 80px;
   }

   .result-servicename span {
      display: block;
   }

   .result-service-category {
      margin-top: 8px;
      display: none;
   }

   .result-further-info {
      display: flex;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
   }

   .result-further-info span {
      margin-top: 7px;
   }

   .result-more {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2;
      margin-left: 3px;
   }

   .result-selection {
      width: 100%;
      padding: 0px 0;
   }

   .result-panel-details .contact {
      font-size: 1.2rem;
   }

   .delivery-label {
      display: block;
      border-right: 0px;
   }

   .now {
      display: none;
   }
}

a.missing,
a.idea {
   background: rgba(255, 255, 255, 0.3);
   padding: 10px 25px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
   margin: 25px 0;
   display: inline-block;
   font-size: 1.2rem;
}

.map-floating-panel {
   position: absolute;
   top: 10px;
   left: 10px;
   z-index: 5;
   background-color: #fff;
   padding: 5px;
   border: 1px solid #999;
   text-align: center;
   font-family: "Outfit", "sans-serif";
   line-height: 30px;
   padding-left: 10px;
}

.failure-notice {
   display: block;
   background: var(--s-red);
   color: #fff;
   margin: 7px;
   padding: 4px 0;
   border-radius: 4px;
}

/* --------------------------------------------------- Modal forms / login -------------------------------------------- */

.modal-form {
   background-color: #fff;
   border-radius: 6px;
   padding: 20px;
}

.modal-form-field {
   margin: 10px auto;
}

.modal-form-field.text {
   width: 350px;
   height: 38px;
   border-radius: 6px;
   border: 1px solid rgba(0, 0, 0, 0.32);
   overflow: hidden;
   position: relative;
   -webkit-transition: border 0.3s ease;
   -o-transition: border 0.3s ease;
   transition: border 0.3s ease;
}

.modal-form-field.text input {
   width: 100%;
   height: 100%;
   font-size: 1.3rem;
   border: 0px;
   padding: 5px 20px 6px 40px;
   background: transparent;
}

.modal-form-field.text i {
   position: absolute;
   top: 0;
   left: 0;
   text-align: left;
   width: 100%;
   display: inline-block;
   pointer-events: none;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
   transition: opacity 0.3s, -webkit-transform 0.3s;
   -o-transition: transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

/* Edge hack for input form field */
.modal-form-field.text input:-ms-input-placeholder,
.modal-form-field.text input::-ms-input-placeholder {
   display: none;
   padding-bottom: 10px;
}
.modal-form-field.text input::placeholder {
   position: absolute;
   top: 0;
   left: 40px;
   text-align: left;
   width: 100%;
   display: inline-block;
   pointer-events: none;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
   transition: opacity 0.3s, -webkit-transform 0.3s;
   -o-transition: transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.modal-form-field.text i {
   line-height: 40px;
   font-size: 1.7rem;
   opacity: 0;
   -webkit-transform: translate3d(-50%, 0, 0);
   transform: translate3d(-50%, 0, 0);
   color: #bbb;
   font-style: normal;
   width: 50px;
}

.modal-form-field.text input::-webkit-input-placeholder {
   font-size: 1.3rem;
   -webkit-transform: translate3d(-25px, 2px, 0);
   transform: translate3d(-25px, 2px, 0);
   opacity: 1;
   color: #aeaeae;
   font-family: "Poppins", sans-serif;
   font-weight: 300;
}

.modal-form-field.text input:-ms-input-placeholder {
   font-size: 1.3rem;
   transform: translate3d(-25px, 2px, 0);
   opacity: 1;
   color: #aeaeae;
   font-family: "Poppins", sans-serif;
   font-weight: 300;
}

.modal-form-field.text input::-ms-input-placeholder {
   font-size: 1.3rem;
   transform: translate3d(-25px, 2px, 0);
   opacity: 1;
   color: #aeaeae;
   font-family: "Poppins", sans-serif;
   font-weight: 300;
}

.modal-form-field.text input::placeholder {
   font-size: 1.3rem;
   -webkit-transform: translate3d(-25px, 2px, 0);
   transform: translate3d(-25px, 2px, 0);
   opacity: 1;
   color: #aeaeae;
   font-family: "Poppins", sans-serif;
   font-weight: 300;
}

.modal-form-field.text input:focus::-webkit-input-placeholder {
   opacity: 0;
   -webkit-transform: translate3d(30%, 2px, 0);
   transform: translate3d(30%, 2px, 0);
}

.modal-form-field.text input:focus:-ms-input-placeholder {
   opacity: 0;
   transform: translate3d(30%, 2px, 0);
}

.modal-form-field.text input:focus::-ms-input-placeholder {
   opacity: 0;
   transform: translate3d(30%, 2px, 0);
}

.modal-form-field.text input:focus::placeholder {
   opacity: 0;
   -webkit-transform: translate3d(30%, 2px, 0);
   transform: translate3d(30%, 2px, 0);
}

.modal-form-field.text input:focus ~ i {
   opacity: 1;
   -webkit-transform: translate3d(10px, 0, 0);
   transform: translate3d(10px, 0, 0);
}

.modal-logo {
   width: 90px;
}

.modal-form a {
   margin: 14px 0 2px;
   display: inline-block;
   font-size: 1.2rem;
}

.modal-form a:hover {
   text-decoration: underline;
}

.error-notice,
.success-notice {
   display: inline-block;
   color: #d01717;
   margin: 10px 0;
   background: #fff;
   border-radius: 5px;
   padding: 12px 25px;
}

.success-notice {
   color: #62cf62;
}

.content .error-notice,
.content .success-notice {
   background: #fff;
   padding: 12px 25px;
   font-size: 1.2rem;
   border-radius: 5px;
}

.modal-form .info-notice {
   max-width: 350px;
   position: relative;
}

/* --------------------------------------------------- Results / referral display -------------------------------------------- */

.info-notice {
   display: block;
   border: 2px solid #409de7;
   border-radius: 5px;
   padding: 8px 8px 8px 38px;
   margin: 10px auto;
   text-align: justify;
}

.info-notice:before {
   color: #409de7;
   position: absolute;
   left: 0px;
   font-size: 2rem;
}

.toggle-content input {
   display: none;
}

.toggle-content label {
   margin: 10px 0;
   display: block;
   color: #409de7;
   cursor: pointer;
}

.toggle-content label:hover {
   text-decoration: underline;
}

.toggle-content span {
   opacity: 0;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
   max-height: 0;
   overflow: hidden;
}
.toggle-content input:checked ~ span {
   display: block;
   opacity: 1;
   max-height: 200px;
}

/* IE is weird and allows before content to show even when parent is opacity 0 */
.toggle-content span:before {
   opacity: 0;
}

.toggle-content input:checked ~ span:before {
   opacity: 1;
}

.single-field-page {
   padding: 10vh 0;
}

.back-button,
.new-search {
   color: rgb(255, 255, 255, 0.75);
   font-family: "poppins";
   font-size: 1.3rem;
   cursor: pointer;
   display: inline-block;
   margin: 10px 20px;
   background: none;
}

.back-button:hover,
.new-search:hover {
   color: #fff;
}

.back-button:before {
   font-family: "icons";
}

/* --------------------------------------------------- Referral / contact method field -------------------------------------------- */

.contact-method {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.contact-method .nice-select {
   width: 100%;
}

.contact-method .nice-select span {
   text-align: left;
}

.contact-method input {
   border: 2px solid #fff;
   border-width: 2px 2px 2px 0;
   text-align: left;
   background: none;
   width: 0%;
   opacity: 0;
}

.contact-method.selected .nice-select {
   width: 220px;
}

.contact-method.selected input {
   width: 100%;
   opacity: 1;
}

.contact-method-details {
   margin: 40px 0;
}

.modal-input {
   color: #fff;
}

.service-list {
   text-align: center;
}

.service-list span {
   margin: 2px;
   padding: 1px 8px;
   text-align: center;
   white-space: nowrap;
   border-radius: 22px;
   border: 1px solid #588597;
   display: inline-block;
   max-width: 300px;
   overflow: hidden;
   font-weight: 400;
   color: #588597;
}

@media screen and (max-width: 480px) {
   .remodal[data-remodal-id="add-referral"] {
      padding: 0px;
   }

   .contact-method {
      flex-direction: column;
   }

   .contact-method .nice-select {
      align-items: center;
      display: flex;
      padding: 10px;
   }

   .contact-method input {
      border-width: 2px;
   }
}

/* --------------------------------------------------- Opening hours input field -------------------------------------------- */

.opening-hours {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-line-pack: stretch;
   align-content: stretch;
}

.opening-hours .nice-select span {
   text-align: left;
}

.opening-hours div {
   width: 100%;
   -ms-flex-negative: 1;
   flex-shrink: 1;
}

.opening-hours > div:nth-child(2),
.opening-hours > div:nth-child(3) {
   display: none;
}

.opening-hours.selected + .opening-hours {
   display: flex;
}

.opening-hours.selected .opening-time-minutes {
   display: block;
   min-width: 350px;
}

.opening-time-minutes {
   border: 2px solid #fff;
   height: 55px;
   border-width: 2px 2px 2px 0;
}

.opening-hours input[type="radio"] {
   display: none;
}

.opening-hours label {
   color: #409de7;
   padding: 5px 3%;
   margin: 0 5px;
   cursor: pointer;
   font-size: 1.8rem;
   line-height: 50px;
}

.opening-hours input:checked + label {
   color: #fff;
}
@media screen and (max-width: 900px) {
   .opening-hours {
      display: block;
   }
   .opening-hours .nice-select {
      margin: 8px;
   }
   .opening-time-minutes {
      border-width: 0;
   }

   .opening-hours label {
      font-size: 1.3rem;
   }
}

/* --------------------------------------------------- Postcode input field -------------------------------------------- */

.postcode-region {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.postcode-region input,
.postcode-region span {
   width: 45px;
   margin: 0;
   border: 0px;
   text-transform: uppercase;
   height: 55px;
   -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   background-color: rgba(255, 255, 255, 0.05);
   padding: 0px;
   font-size: 1.8rem;
   line-height: normal;
   color: #5f5864;
   border-style: none none solid;
   border-bottom: 2px solid rgba(255, 255, 255, 0.5);
   text-align: left;
   font-family: "Outfit", sans-serif;
   caret-color: #fff;
}

#postcode-area {
   padding-left: 150px;
   width: 193px;
}

#postcode-sector {
   width: 18px;
}

.postcode-region span,
.postcode-region input::-webkit-input-placeholder {
   color: rgba(255, 255, 255, 0.6);
   line-height: 55px;
   text-align: center;
   padding-right: 150px;
}

.postcode-region span,
.postcode-region input:-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.6);
   line-height: 55px;
   text-align: center;
   padding-right: 150px;
}

.postcode-region span,
.postcode-region input::-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.6);
   line-height: 55px;
   text-align: center;
   padding-right: 150px;
}

.postcode-region span,
.postcode-region input::placeholder {
   color: rgba(255, 255, 255, 0.6);
   line-height: 55px;
   text-align: center;
   padding-right: 150px;
}

/* --------------------------------------------------- Referral options display -------------------------------------------- */

.referral-options {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.referral-option {
   background: #fff;
   padding: 8px;
   margin: 4px 8px;
   border-radius: 6px;
   -webkit-box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.2), 0px 1px 1px 0px rgba(243, 243, 243, 0.14),
      0px 2px 1px -1px rgba(204, 204, 204, 0.12);
   box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.2), 0px 1px 1px 0px rgba(243, 243, 243, 0.14),
      0px 2px 1px -1px rgba(204, 204, 204, 0.12);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   overflow: hidden;
   position: relative;
   padding-top: 36px;
}

.referral-option-type {
   margin-bottom: 5px;
   padding-right: 5px;
   background: #409de7;
   font-size: 1.4rem;
   padding: 2px 8px;
   color: #fff;
   width: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
}

.referral-option-contact {
   font-size: 1.35rem;
   white-space: nowrap;
   padding: 5px 8px;
}

.referral-option-contact a {
   color: #444;
}

.referral-option-contact a:hover {
   text-decoration: underline;
}

.referral-option-info {
   max-width: 300px;
}

.opening-session {
   min-width: 175px;
}

.opening-session {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.toggle-directions {
   color: #fff;
   display: inline-block;
   position: relative;
   z-index: 1;
   margin: 6px;
   background: #409de7;
   padding: 4px 11px;
   cursor: pointer;
   border-radius: 4px;
   font-weight: 500;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.toggle-directions:hover {
   color: #fff;
   background: #318ad1;
}

.toggle-directions:before {
   font-size: 1.5rem;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
}

.toggle-directions:hover:before {
   -webkit-transform: translateY(1px) rotate(10deg);
   -ms-transform: translateY(1px) rotate(10deg);
   transform: translateY(1px) rotate(10deg);
}

/* --------------------------------------------------- Google directions -------------------------------------------- */

.location-panel {
   width: 100%;
}

.map-container {
   width: 100%;
   height: 250px;
}

.adp,
.adp table {
   width: 100%;
}

.adp-warnbox,
.adp-agencies {
   display: none;
}

.adp b:not(:empty):after,
.adp-list b:not(:empty):after {
   content: ":";
   margin-right: 30px;
}

.map-directions {
   width: 100%;
}

.map-directions td {
   font-size: 1.1rem;
   padding-left: 25px;
}

.map-directions tr:last-child td {
   padding-bottom: 0px;
}

@media screen and (max-width: 480px) {
   .modal-form-field.text {
      width: 250px;
   }
   .cell {
      padding: 5px;
   }
   .breadcrumb {
      padding: 0 10px;
   }
   a.breadcrumb-crumb:first-child {
      padding-left: 5px;
   }
   .label {
      padding: 10px 10px;
      font-size: 1.45rem;
   }
   .form-field {
      margin: 0 0 80px 0;
   }
   .content {
      padding-top: 30px;
   }
   .button.pill.large {
      margin: 5px;
      white-space: nowrap;
   }
   .field-icon {
      margin-left: -1px;
   }
   .select-button {
      width: 300px;
      font-size: 1.2rem;
   }
   .remodal,
   .remodal-content {
      padding: 0px !important;
   }
   .adp-substep > div {
      width: auto;
   }
}

#training-badge {
   position: fixed;
   bottom: 10px;
   left: 10px;
   background: #ef9a1b;
   font-size: 1.25rem;
   padding: 3px 8px;
   color: #fff;
   z-index: 100;
   border-radius: 6px;
}

#training-badge:before {
   content: "\f312";
   font-family: "icons";
   font-size: 1.6rem;
   font-weight: normal;
   margin-right: 8px;
}

.hide {
   display: none;
}

.hidden-field {
   pointer-events: none;
   opacity: 0;
   position: absolute !important;
}

@media screen and (max-width: 450px) {
   .modal-wrapper {
      min-width: 95vw;
   }

   .mobile-hide {
      display: none !important;
   }

   #login .modal-form-field.text {
      width: 100%;
   }
}

#sqreen-badge {
   width: 109px;
   height: 36px;
   margin-left: 15px;
}

.bugs {
   color: var(--s-purple-text);
   max-width: 800px;
   margin: auto;
   text-align: left;
   margin-top: 15px;
}

/*----- Password UI ---- */

.invalid-password {
   color: var(--s-red) !important;
}

.valid-password {
   color: #fff !important;
}

#password-requirements {
   padding: 4px 8px;
   background: #edf5ff;
   border-radius: 5px;
   margin: 14px 0;
   color: var(--s-blue);
   display: flex;
}

.password-requirement {
   margin: 0 48px;
}

#password-fail,
#password-retype-fail {
   color: #fff;
   transform: translateY(16px);
   font-size: 1.25rem;
   opacity: 0.6;
}

#password-fail.highlight {
   color: var(--s-red);
   opacity: 1;
   background: #fff;
   border-bottom: 0px;
   padding: 4px;
   border-radius: 5px;
}

.big-icon-container {
   display: flex;
   justify-content: center;
}

.big-icon {
   font-size: 8rem;
   opacity: 0.9;
}

.big-icon.green {
   color: var(--s-green);
}

.big-icon-header {
   font-size: 1.8rem;
   margin-bottom: 8px;
   font-family: "poppins";
   font-weight: 700;
   color: #725e86;
}

.big-icon-text {
   font-size: 1.3rem;
}

.spacer-small {
   height: 50px;
}

.spacer-medium {
   height: 100px;
}

.spacer-large {
   height: 250px;
}