/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.g-image-features {
  margin-left: -0.938rem;
  margin-right: -0.938rem;
}
.g-image-features .g-grid {
  margin-bottom: 1.876rem;
}
.g-image-features .g-grid:last-child {
  margin-bottom: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-image-features .g-grid:last-child .g-block:last-child .g-image-features-item {
    margin-bottom: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-image-features .g-grid {
    margin-bottom: 0;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-image-features > .g-grid > .g-block {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 100%;
    -moz-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
    margin-bottom: 1.876rem;
  }
  .g-image-features > .g-grid > .g-block:last-child {
    margin-bottom: 0;
  }
}
.g-image-features .g-content {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.g-image-features .g-image-features-item {
  background: #ffffff;
  border: 1px solid #ededed;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}
@media only all and (max-width: 47.99rem) {
  .g-image-features .g-image-features-item {
    margin-bottom: 2.3445rem;
  }
}
.g-image-features .g-image-features-item.layout-right .g-image-features-image.uk-overlay {
  border-radius: 0 3px 3px 0;
}
.g-image-features .g-image-features-item.layout-right .g-image-features-image img {
  border-radius: 0 3px 3px 0;
}
.g-image-features .g-image-features-image {
  position: relative;
}
.g-image-features .g-image-features-image img {
  width: 100%;
  border-radius: 3px 0 0 3px;
}
.g-image-features .g-image-features-image .uk-overlay-icon:before {
  content: "";
}
.g-image-features .g-image-features-image.uk-overlay {
  border-radius: 3px 0 0 3px;
}
.g-image-features .g-image-features-image.uk-overlay img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.g-image-features .g-image-features-image:hover.uk-overlay img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}
.g-image-features .g-image-features-image .uk-overlay-panel {
  z-index: 4;
}
.g-image-features .g-image-features-content {
  padding: 20px;
}
.g-image-features .g-image-features-desc {
  margin: 0;
}
.g-image-features .g-image-features-bullets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 2rem;
  width: 100%;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
}
@media only all and (max-width: 47.99rem) {
  .g-image-features .g-image-features-bullets {
    grid-template-columns: 1fr;
    gap: 0.65rem;
  }
}
.g-image-features .g-image-features-bullet {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  margin: 0;
}
.g-image-features .g-image-features-bullet-marker {
  display: flex;
  flex: 0 0 1.5rem;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1.5rem;
  padding-top: 0.15em;
  color: #7086d0;
  line-height: inherit;
}
.g-image-features .g-image-features-bullet-text {
  flex: 1 1 auto;
  min-width: 0;
}
.g-image-features .g-image-features-title {
  margin-top: 0;
  margin-bottom: 1rem;
}
.g-image-features .g-image-features-title a {
  color: #29314e;
}
.g-image-features .g-image-features-title a:hover {
  color: #7086d0;
}
.g-image-features .g-bottom-info {
  margin-top: 15px;
}
.g-image-features .g-image-feature-special {
  color: #4c5b91;
  font-style: italic;
  float: left;
}
@media only all and (max-width: 30rem) {
  .g-image-features .g-image-feature-special {
    float: none;
  }
}
.g-image-features .g-image-feature-special i {
  margin-right: 5px;
}
.g-image-features .g-image-features-link {
  font-style: italic;
  float: right;
}
@media only all and (max-width: 30rem) {
  .g-image-features .g-image-features-link {
    float: none;
    margin-top: 5px;
  }
}
.g-image-features .g-image-features-link i {
  margin-left: 10px;
}
.g-image-features .no-special .g-image-features-link {
  float: none;
}
/* CSS Document */
.g-video-feature {
  margin-left: -0.938rem;
  margin-right: -0.938rem;
  text-align: center;
}
@media only all and (max-width: 47.99rem) {
  .g-video-feature .g-video-feature-left {
    margin-bottom: 30px;
  }
}
.g-video-feature .g-video-feature-left .g-content {
  margin: 0 0.625rem 0 0;
  padding-top: 0;
  padding-bottom: 0;
}
.g-video-feature .g-video-feature-right .g-content {
  margin: 0 0 0 0.625rem;
  padding-top: 0;
  padding-bottom: 0;
}
.g-video-feature .g-video-feature-right.align-right {
  text-align: right;
}
.g-video-feature .g-video-feature-title {
  margin-top: -5px;
}
.g-video-feature .g-video-feature-link {
  margin-top: 5px;
}
.g-video-feature .g-video-feature-link i {
  margin-right: 10px;
}
.g-video-feature .g-video-feature-desc {
  margin: 1.5rem 0;
}
.g-video-feature .g-video-feature-desc i {
  margin-right: 8px;
}
@font-face {
  font-display: optional;
}
.noclick {
  pointer-events: none;
}
.g-content-pro .g-content-pro-item {
  border: 0px solid #283338 !important;
}
.g-image-features .g-image-features-content {
  padding: 40px;
}
.case-study-title {
  display: inline-block;
  line-height: 1.1;
}
.case-study-intro {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.6;
}
.case-study-intro2 {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5;
}
.sub {
  font-size: 1.8rem;
  color: #8876a4;
}
.font-poppins, .font-poppins * {
  font-family: "Poppins" !important;
}
.font-montserrat, .font-montserrat * {
  font-family: "Montserrat" !important;
}
[class*="box"].g-block > .g-content {
  margin: 0 4rem 0 0;
}
.g-animated-counter .g-animated-counter-number {
  font-size: 400% !important;
}
.small-title .g-features-particle .g-features-particle-title {
  text-transform: lowercase !important;
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
}
.g-video-feature .g-video-feature-left .g-content {
  text-align: left;
}
/* =================================================
   REUSABLE ANIMATED SVG CONTOUR BACKGROUND

   Dark:
   animated-contours contour-dark

   Purple:
   animated-contours contour-purple
================================================= */
/* =================================================
   MAIN CONTOUR CLASS
================================================= */
.animated-contours {
  --contour-svg: url("/images/home/animated-contours-dark.svg");
  --contour-background: #111a1f;
  --contour-start-x: 44%;
  --contour-middle-x: 50%;
  --contour-end-x: 56%;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  background-color: var(--contour-background) !important;
  background-image: none !important;
}
/* =================================================
   ANIMATED SVG BACKGROUND
================================================= */
.animated-contours::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: var(--contour-svg);
  background-repeat: no-repeat;
  background-position: var(--contour-start-x) 48%;
  background-size: 110% auto;
  animation: contour-visible-movement 24s ease-in-out infinite alternate;
}
/* Keep all Gantry content above the SVG */
.animated-contours > * {
  position: relative;
  z-index: 1;
}
/* =================================================
   DARK VERSION
================================================= */
.contour-dark {
  --contour-svg: url("/images/home/animated-contours-dark.svg");
  --contour-background: #111a1f;
}
/* =================================================
   PURPLE VERSION
================================================= */
.contour-purple {
  --contour-svg: url("/images/home/animated-contours-purple.svg");
  --contour-background: #17131f;
}
/* =================================================
   BACKGROUND MOVEMENT
================================================= */
@keyframes contour-visible-movement {
  0% {
    background-position: var(--contour-start-x) 48%;
  }
  50% {
    background-position: var(--contour-middle-x) 52%;
  }
  100% {
    background-position: var(--contour-end-x) 48%;
  }
}
/* =================================================
   OPTIONAL POSITION CLASSES
================================================= */
/* Keep the pattern towards the left */
.contour-position-left {
  --contour-start-x: 0%;
  --contour-middle-x: 5%;
  --contour-end-x: 10%;
}
/* Keep the pattern around the centre */
.contour-position-centre {
  --contour-start-x: 44%;
  --contour-middle-x: 50%;
  --contour-end-x: 56%;
}
/* Keep the pattern towards the right */
.contour-position-right {
  --contour-start-x: 90%;
  --contour-middle-x: 95%;
  --contour-end-x: 100%;
}
/* =================================================
   OPTIONAL SPEED CLASSES
================================================= */
.contour-speed-slow::before {
  animation-duration: 40s;
}
.contour-speed-normal::before {
  animation-duration: 24s;
}
.contour-speed-fast::before {
  animation-duration: 15s;
}
/* =================================================
   MOBILE
================================================= */
@media only all and (max-width: 767px) {
  .animated-contours::before {
    background-size: auto 115%;
    animation-duration: 28s;
  }
}
/* =================================================
   REDUCED MOTION ACCESSIBILITY
================================================= */
@media (prefers-reduced-motion: reduce) {
  .animated-contours::before {
    animation: none !important;
    background-position: center;
  }
}
/* =================================================
   OPTIONAL ANGLED PANEL

   Use:
   animated-contours contour-purple contour-angle
================================================= */
.contour-angle {
  --contour-angle-colour: #3c3d46;
  --contour-angle-position: 56.5%;
  --contour-angle-rotation: 7deg;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  border-bottom: 0 !important;
  box-shadow: none !important;
  margin-bottom: -1px;
}
/* Oversized panel prevents the one pixel seam */
.contour-angle::after {
  content: "";
  position: absolute;
  top: var(--contour-angle-position);
  left: -3%;
  width: 106%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background-color: var(--contour-angle-colour);
  transform: rotate(var(--contour-angle-rotation));
  transform-origin: top left;
  backface-visibility: hidden;
}
/* Keep the slideshow content above the panel */
.contour-angle > * {
  position: relative;
  z-index: 2;
}
/* =================================================
   HOME PAGE CURVED CONTOUR

   Use:
   animated-contours contour-dark contour-curve
================================================= */
.animated-contours.contour-curve {
  --contour-curve-background: #313b45;
  --contour-curve-centre: 58.8%;
  --contour-curve-width: 55.4%;
  --contour-curve-depth: 41.1%;
  /* Colour revealed beneath the curve */
  background-color: var(--contour-curve-background) !important;
}
/* Put the dark background and animated SVG onto the
   masked layer */
.animated-contours.contour-curve::before {
  background-color: var(--contour-background);
  -webkit-mask-image: linear-gradient(#000, #000), radial-gradient(ellipse var(--contour-curve-width) var(--contour-curve-depth) at 50% var(--contour-curve-centre), #000 calc(100% - 1px), transparent 100%);
  -webkit-mask-size: 100% var(--contour-curve-centre), 100% 100%;
  -webkit-mask-position: top left, center;
  -webkit-mask-repeat: no-repeat, no-repeat;
  -webkit-mask-composite: source-over;
  mask-image: linear-gradient(#000, #000), radial-gradient(ellipse var(--contour-curve-width) var(--contour-curve-depth) at 50% var(--contour-curve-centre), #000 calc(100% - 1px), transparent 100%);
  mask-size: 100% var(--contour-curve-centre), 100% 100%;
  mask-position: top left, center;
  mask-repeat: no-repeat, no-repeat;
  mask-composite: add;
}
/* LOWER CASE STUDY RESULTS
   Add "case-study-results" to the particle CSS Classes field
------------------------------------------------------------ */
.case-study-results .g-title.g-main-title {
  margin: 0 0 1.5rem !important;
  padding: 0 !important;
  font-size: 2.25rem !important;
  line-height: 1.2 !important;
}
body .g-particle-intro {
  margin-bottom: 0rem !important;
  text-align: left;
}
.case-study-results .g-grid {
  align-items: stretch;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.case-study-results .g-animated-counter-item {
  position: relative;
  width: auto !important;
  min-width: 0;
}
/* Vertical divider lines */
.case-study-results .g-animated-counter-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 1.25rem;
  right: 0;
  bottom: 1.25rem;
  width: 1px;
  background: rgba(255, 255, 255, 0.35);
}
/* Counter content */
.case-study-results .g-animated-counter-item .g-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 1.5rem 1.25rem !important;
  text-align: left;
}
.case-study-results .g-animated-counter-number {
  color: #8876a4 !important;
}
/* Icons positioned in the top-left with no circle */
.case-study-results .g-animated-counter.style2 .g-animated-counter-icon, .g-animated-counter.style2.case-study-results .g-animated-counter-icon {
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 0 1.5rem !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 1.8rem !important;
  line-height: 1 !important;
  text-align: left !important;
  transform: none !important;
}
/* Main statistic */
.case-study-results .g-animated-counter-number {
  margin: 0 0 0.45rem !important;
  font-size: 4rem !important;
  font-weight: 700;
  line-height: 1.1 !important;
}
/* Smaller description */
.case-study-results .g-animated-counter-title {
  max-width: 9rem;
  margin: 0 !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: 0rem;
}
/* Tablet */
@media only all and (max-width: 1100px) {
  .case-study-results .g-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .case-study-results .g-animated-counter-item:nth-child(4n)::after {
    display: none;
  }
  .case-study-results .g-animated-counter-item:nth-child(n + 5) {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }
}
/* Mobile */
@media only all and (max-width: 600px) {
  .case-study-results .g-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .case-study-results .g-animated-counter-item:nth-child(4n)::after {
    display: block;
  }
  .case-study-results .g-animated-counter-item:nth-child(2n)::after {
    display: none;
  }
  .case-study-results .g-animated-counter-item:nth-child(n + 3) {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }
  .case-study-results .g-animated-counter-item .g-content {
    padding: 1.25rem 1rem !important;
  }
  .case-study-results .g-animated-counter-number {
    font-size: 1.5rem !important;
  }
}
/* ==================================================
   CWJ HORIZONTAL TIMELINE
   Particle CSS class: timeline-icon-list
   ================================================== */
.g-main-feature .image-bottom {
  margin-bottom: 0rem;
}
.number-sub {
  font-size: 1.5rem;
  color: #8876a4;
}
/* Main timeline */
.g-timeline.timeline-icon-list {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}
/* ==================================================
   REMOVE THE ORIGINAL TIMELINE LINE
   ================================================== */
.g-timeline.timeline-icon-list > .g-content, .g-timeline.timeline-icon-list .g-timeline-row {
  display: none !important;
}
.g-timeline.timeline-icon-list .g-timeline-row::before, .g-timeline.timeline-icon-list .g-timeline-row::after {
  display: none !important;
  content: none !important;
}
/* ==================================================
   DESKTOP COLUMNS
   ================================================== */
.g-timeline.timeline-icon-list > .g-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: clamp(2rem, 4vw, 4.5rem) !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
/* Reset Gantry block sizing */
.g-timeline.timeline-icon-list > .g-grid > .g-timeline-item {
  position: relative !important;
  flex: 1 1 0 !important;
  flex-basis: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
/* ==================================================
   INDIVIDUAL ITEM LAYOUT
   ================================================== */
.g-timeline.timeline-icon-list .g-timeline-item > .g-content {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  grid-template-areas: "icon year" "icon title" "icon description";
  column-gap: 1.6rem;
  align-items: start;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  box-sizing: border-box;
}
/* ==================================================
   ICON CIRCLES
   Colours remain controlled by the particle
   ================================================== */
.g-timeline.timeline-icon-list .g-timeline-icon {
  grid-area: icon;
  position: static !important;
  inset: auto !important;
  display: grid !important;
  place-items: center !important;
  float: none !important;
  flex: 0 0 76px !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  -webkit-transform: none !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.14);
  font-style: normal !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
/* Centre the actual Font Awesome symbol */
.g-timeline.timeline-icon-list .g-timeline-icon::before {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 30px !important;
  font-style: normal !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none;
  -webkit-transform: none;
  transform-origin: center;
}
/* Remove any additional decorative element */
.g-timeline.timeline-icon-list .g-timeline-icon::after {
  display: none !important;
  content: none !important;
}
/* Balance the visual size of the current icons */
.g-timeline.timeline-icon-list .g-timeline-icon.fa-desktop::before {
  transform: scale(1) !important;
}
.g-timeline.timeline-icon-list .g-timeline-icon.fa-mobile::before {
  transform: scale(1.3) !important;
}
.g-timeline.timeline-icon-list .g-timeline-icon.fa-group::before {
  transform: scale(0.9) !important;
}
/* ==================================================
   DATES
   ================================================== */
.g-timeline.timeline-icon-list.style1 .g-timeline-year {
  grid-area: year;
  position: static !important;
  inset: auto !important;
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 0 0.25rem !important;
  padding: 0 !important;
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  rotate: none !important;
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  color: inherit !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  white-space: normal !important;
}
/* ==================================================
   TITLES
   ================================================== */
.g-timeline.timeline-icon-list.style1 .g-timeline-title {
  grid-area: title;
  position: static !important;
  inset: auto !important;
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 0 0.9rem !important;
  padding: 0 !important;
  transform: none !important;
  -webkit-transform: none !important;
  rotate: none !important;
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  color: inherit !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  white-space: normal !important;
}
.g-timeline.style1.timeline-icon-list .g-timeline-item .g-content .g-timeline-title {
  color: #29314e !important;
}
.g-timeline.style1.timeline-icon-list .g-timeline-item .g-content .g-timeline-year {
  color: #8876a4 !important;
}
/* ==================================================
   DESCRIPTIONS
   ================================================== */
.g-timeline.timeline-icon-list.style1 .g-timeline-description {
  grid-area: description;
  position: static !important;
  inset: auto !important;
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 300px;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  -webkit-transform: none !important;
  writing-mode: horizontal-tb !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  color: inherit !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-shadow: none !important;
}
/* ==================================================
   TABLET
   ================================================== */
@media (max-width: 900px) {
  .g-timeline.timeline-icon-list > .g-grid {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 2.5rem !important;
  }
  .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item {
    flex: none !important;
    flex-basis: auto !important;
    width: 100% !important;
  }
  .g-timeline.timeline-icon-list .g-timeline-description {
    max-width: 500px;
  }
}
/* ==================================================
   MOBILE
   ================================================== */
@media (max-width: 480px) {
  .g-timeline.timeline-icon-list {
    padding: 1.5rem 0;
  }
  .g-timeline.timeline-icon-list .g-timeline-item > .g-content {
    grid-template-columns: 62px minmax(0, 1fr);
    column-gap: 1rem;
  }
  .g-timeline.timeline-icon-list .g-timeline-icon {
    flex-basis: 58px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }
  .g-timeline.timeline-icon-list .g-timeline-icon::before {
    width: 28px !important;
    height: 28px !important;
    font-size: 24px !important;
  }
  .g-timeline.timeline-icon-list.style1 .g-timeline-year {
    font-size: 1.15rem !important;
  }
}
.logo-300 .uk-cover-background {
  background-size: 300px auto !important;
  background-repeat: no-repeat;
  background-position: left;
}
.logo-slideshow {
  width: 300px;
  max-width: 100%;
  height: 100px;
  margin: 0;
}
.logo-slideshow .uk-slidenav-position, .logo-slideshow .uk-slideshow, .logo-slideshow .uk-slideshow > li, .logo-slideshow .uk-cover-background {
  width: 300px !important;
  max-width: 100%;
  height: 100px !important;
  min-height: 100px !important;
}
.logo-slideshow .uk-cover-background {
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  bottom: auto !important;
  background-size: contain !important;
  background-position: left !important;
  background-repeat: no-repeat !important;
}
:is(.mcbo-logo-wide, #module-slideshow-841-particle) .logo-slideshow, :is(.mcbo-logo-wide, #module-slideshow-841-particle) .logo-slideshow .uk-slidenav-position, :is(.mcbo-logo-wide, #module-slideshow-841-particle) .logo-slideshow .uk-slideshow, :is(.mcbo-logo-wide, #module-slideshow-841-particle) .logo-slideshow .uk-slideshow > li, :is(.mcbo-logo-wide, #module-slideshow-841-particle) .logo-slideshow .uk-cover-background {
  width: 600px !important;
  max-width: 100%;
}
:is(.mcbo-logo-wide, #module-slideshow-841-particle) .logo-slideshow img {
  display: block;
  width: 600px !important;
  max-width: 100%;
  height: 100px !important;
  object-fit: cover;
  object-position: center;
}
:is(.mcbo-logo-wide, #module-slideshow-841-particle) .logo-slideshow .uk-cover-background {
  background-size: 100% auto !important;
  background-position: center !important;
}
.extened-container .g-container {
  width: 103rem;
}
.case-study-h1 .g-hero-title {
  font-size: 4rem !important;
  text-transform: capitalize !important;
  letter-spacing: -2px !important;
  line-height: 4rem !important;
}
.g-hero-slider .g-hero-slider-item.case-study-h1 {
  justify-content: flex-start;
}
@media only all and (max-width: 767px) {
  .g-hero-slider .g-hero-slider-item.case-study-h1 .g-hero-slider-item-container {
    width: 100%;
    padding: 0 25px;
  }
}
.g-image-features .g-bottom-info {
  margin-top: 25px;
}
body .g-particle-intro {
  margin-bottom: 3rem;
  text-align: left;
}
.g-particle-intro .g-introtext {
  width: 100%;
}
body .g-particle-intro .g-title-separator {
  visibility: hidden;
}
.g-image-features .g-image-features-item {
  background: #283338;
  border: 1px solid #283338;
}
.g-image-features .g-image-features-title a {
  color: #7086d0;
  font-size: 3rem;
  text-transform: lowercase;
}
.g-image-features .g-image-feature-special {
  color: #8d94ae;
}
.g-image-features .g-image-features-bullet-marker {
  color: #7086d0;
}
.g-content-pro .g-info-container {
  background: #283338;
}
.g-content-pro .g-content-pro-item {
  border: 1px solid #283338;
}
.g-content-pro .g-content-pro-title a {
  color: #7086d0;
}
.g-content-pro .g-content-pro-title a:hover {
  color: #4e63aa;
}
.g-content-pro .g-item-details {
  color: #8d94ae;
}
.g-content-pro .g-content-pro-special {
  color: #8d94ae;
}
.g-content-pro {
  text-align: left;
}
.g-image-features .g-image-features-title a:hover {
  color: #5a6dac;
}
#module-portfolio-648-particle .g-portfolio .g-portfolio-title {
  font-size: 1.3rem !important;
  line-height: 1.5rem;
}
.align-centre {
  align-items: center;
}
.g-feedback-slideset.style3 {
  text-align: left;
}
.align-centre .g-grid {
  align-items: center;
}
.subhead_02 {
  font-size: 4rem;
  letter-spacing: -2px;
  line-height: 4rem;
}
.subhead_03 {
  font-size: 3rem;
  letter-spacing: -2px;
  line-height: 3rem;
  text-transform: lowercase !important;
}
/* Droppics YouTube video thumbnails only */
.droppicsgallery .video img, .droppicsgallery .droppics-video img, .droppicsgallery a[href*="youtube"] img, .droppicsgallery a[href*="youtu.be"] img {
  width: 100%;
  aspect-ratio: 1.7777777778;
  object-fit: cover;
  display: block;
}
.control-group {
  margin: 0rem;
}
.g-portfolio .g-portfolio-title {
  font-size: 4rem !important;
  line-height: 3.7rem;
}
#module-portfolio-602-particle .g-portfolio .g-portfolio-title {
  font-size: 1.3rem !important;
  line-height: 1.5rem;
}
#module-portfolio-533-particle .g-portfolio .g-portfolio-title {
  font-size: 1.3rem !important;
  line-height: 1.5rem;
}
#module-portfolio-538-particle .g-portfolio .g-portfolio-title {
  font-size: 1.3rem !important;
  line-height: 1.5rem;
}
#module-portfolio-284-particle .g-portfolio .g-portfolio-title {
  font-size: 1.3rem !important;
  line-height: 1.5rem;
}
.uk-overlay-background {
  background: #242424b0 !important;
  height: 100%;
}
.g-features-particle .g-features-particle-title a {
  color: #8876a4;
  font-size: 1.7rem;
  line-height: 1.7rem;
}
.g-features-particle .g-features-particle-title {
  text-transform: lowercase !important;
  font-size: 2.1rem !important;
  line-height: 1.9rem !important;
}
.g-features-particle .g-features-particle-title a:hover {
  color: #b7a2d9;
}
#g-footer .g-title {
  text-transform: lowercase !important;
}
.nav.menu {
  text-transform: lowercase;
}
a {
  text-decoration: none !important;
}
select, input[type="file"] {
  margin-bottom: 20px !important;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  margin-bottom: 20px !important;
}
.sprocket-strips-s-title {
  font-size: 2.1rem;
  line-height: 1.9rem;
  text-transform: lowercase;
}
select {
  color: black;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  color: black;
}
.itemid-246 ::selection {
  background: #8876a4;
  /* WebKit/Blink Browsers */
}
.itemid-246 ::-moz-selection {
  background: #8876a4;
  /* Gecko Browsers */
}
.itemid-247 ::selection {
  background: #8876a4;
  /* WebKit/Blink Browsers */
}
.itemid-247 ::-moz-selection {
  background: #8876a4;
  /* Gecko Browsers */
}
.itemid-245 ::selection {
  background: #8876a4;
  /* WebKit/Blink Browsers */
}
.itemid-245 ::-moz-selection {
  background: #8876a4;
  /* Gecko Browsers */
}
.itemid-248 ::selection {
  background: #8876a4;
  /* WebKit/Blink Browsers */
}
.itemid-248 ::-moz-selection {
  background: #8876a4;
  /* Gecko Browsers */
}
.itemid-249 ::selection {
  background: #8876a4;
  /* WebKit/Blink Browsers */
}
.itemid-249 ::-moz-selection {
  background: #8876a4;
  /* Gecko Browsers */
}
.itemid-368 ::selection {
  background: #8876a4;
  /* WebKit/Blink Browsers */
}
.itemid-368 ::-moz-selection {
  background: #8876a4;
  /* Gecko Browsers */
}
.itemid-259 ::selection {
  background: #7c918a;
  /* WebKit/Blink Browsers */
}
.itemid-259 ::-moz-selection {
  background: #7c918a;
  /* Gecko Browsers */
}
.itemid-260 ::selection {
  background: #7c918a;
  /* WebKit/Blink Browsers */
}
.itemid-260 ::-moz-selection {
  background: #7c918a;
  /* Gecko Browsers */
}
.itemid-261 ::selection {
  background: #7c918a;
  /* WebKit/Blink Browsers */
}
.itemid-261 ::-moz-selection {
  background: #7c918a;
  /* Gecko Browsers */
}
.itemid-262 ::selection {
  background: #7c918a;
  /* WebKit/Blink Browsers */
}
.itemid-262 ::-moz-selection {
  background: #7c918a;
  /* Gecko Browsers */
}
.itemid-264 ::selection {
  background: #7c918a;
  /* WebKit/Blink Browsers */
}
.itemid-264 ::-moz-selection {
  background: #7c918a;
  /* Gecko Browsers */
}
.itemid-266 ::selection {
  background: #7c918a;
  /* WebKit/Blink Browsers */
}
.itemid-266 ::-moz-selection {
  background: #7c918a;
  /* Gecko Browsers */
}
.itemid-152 .g-feedback2 .g-user-name {
  color: #ffffff;
}
::selection {
  background: #7086d0;
  /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #7086d0;
  /* Gecko Browsers */
}
.g-animated-counter {
  margin-left: -0.938rem;
  margin-right: -0.938rem;
  text-align: center;
}
.g-animated-counter .g-content {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-animated-counter .g-animated-counter-item {
    margin-bottom: 3.126rem;
  }
  .g-animated-counter .g-animated-counter-item:last-child {
    margin-bottom: 0;
  }
}
.g-animated-counter p {
  margin: 0;
}
.g-animated-counter .g-animated-counter-number {
  font-size: 280%;
  margin-bottom: 0;
  margin-top: -5px;
}
.g-animated-counter .g-animated-counter-title {
  margin-bottom: 0;
  font-size: 140%;
  margin-top: -5px;
}
.g-animated-counter .g-animated-counter-icon {
  border-radius: 50%;
  font-size: 2.2rem;
  height: 110px;
  width: 110px;
  line-height: 110px;
  border: 2px solid;
  border-color: inherit;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 35px;
  display: inline-block;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.g-animated-counter .g-animated-counter-image {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 35px;
}
.g-animated-counter.style2 {
  text-align: initial;
}
.g-animated-counter.style2 .g-animated-counter-icon {
  color: #ffffff;
  font-size: 1.5rem;
  height: 75px;
  width: 75px;
  line-height: 75px;
  background: #7086d0;
  background-color: #7086d0;
  background-image: -webkit-linear-gradient(top, #7086d0, #44485a);
  background-image: linear-gradient(to bottom,#7086d0, #44485a);
  border: 0px solid;
  border-color: transparent;
  margin-top: 0.7rem;
  margin-bottom: 0px;
  margin-right: 1rem;
  display: inline-block;
  float: left;
}
.g-animated-counter.style2 .g-animated-counter-image {
  margin-bottom: 0.75rem;
  display: inline-block;
  float: left;
  width: 75px;
  margin-top: 0.7rem;
  margin-bottom: 0;
  margin-right: 1rem;
}
.g-gadgets .g-gadget-buttons {
  position: fixed;
  top: 155px;
  left: 0;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  z-index: 999;
}
.g-gadgets .g-gadget-buttons > div > a {
  padding: 14px;
  display: block;
  line-height: 1;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
  color: #29314e;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.g-gadgets .g-gadget-buttons > div > a:hover {
  color: #ffffff;
  background: #7086d0;
}
.g-gadgets .g-gadget-buttons > div:last-child > a {
  border-bottom: none;
}
.g-gadgets .g-gadget-offcanvas .offcanvas-toggle-particle {
  cursor: pointer;
}
.g-gadgets .login-text-present {
  margin-right: 10px;
}
.g-gadgets #modal-login.uk-open .uk-close {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.g-gadgets #modal-login .uk-modal-dialog {
  padding: 0;
}
.g-gadgets #modal-login .uk-modal-dialog h3 {
  margin: 0;
  margin-bottom: 10px;
  padding: 10px 25px;
  background: #2e373c;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1rem;
}
.g-gadgets #modal-login #login-form {
  padding: 25px;
}
.g-gadgets #modal-login #login-form input {
  width: 100%;
  max-width: 100%;
  border-radius: 0;
}
.g-gadgets #modal-login #login-form .pretext p {
  margin-top: 0;
}
.g-gadgets #modal-login #login-form .posttext p {
  margin-bottom: 0;
}
.g-gadgets #modal-login #login-form .control-group {
  margin-bottom: 15px;
}
.g-gadgets #modal-login #login-form .input-prepend .add-on {
  display: none;
}
.g-gadgets #modal-login #login-form #modlgn-username, .g-gadgets #modal-login #login-form #modlgn-passwd {
  border: 1px solid #dbdbdb;
  padding: 10px;
}
.g-gadgets #modal-login #login-form #modlgn-username:focus, .g-gadgets #modal-login #login-form #modlgn-passwd:focus {
  border-color: #7086d0;
}
.g-gadgets #modal-login #form-login-remember {
  display: inline-block;
  margin: 5px 0 15px;
}
.g-gadgets #modal-login #form-login-remember input {
  margin: 2px 5px 0 0;
  width: auto;
}
.g-gadgets #modal-login .userdata > ul li {
  line-height: 1.5;
}
.g-gadgets #modal-login .hide-links .userdata > ul {
  display: none;
}
.g-gadgets #modal-login .login-greeting {
  text-align: center;
  margin-bottom: 20px;
}
.g-gadgets #modal-login .logout-button {
  text-align: center;
}
.g-gadgets #modal-login #loginform {
  padding: 25px;
}
.g-gadgets #modal-login #loginform .login-data {
  padding: 0;
  margin: 10px 0 0 0;
}
.g-gadgets #modal-login #loginform .login-username, .g-gadgets #modal-login #loginform .login-password, .g-gadgets #modal-login #loginform .login-remember, .g-gadgets #modal-login #loginform .login-submit {
  margin-top: 0;
}
.g-gadgets #modal-login #loginform .login-submit {
  margin-bottom: 0;
}
.g-gadgets #modal-login #loginform input {
  border-radius: 0;
}
.g-gadgets #modal-login #loginform #user_login, .g-gadgets #modal-login #loginform #user_pass {
  border: 1px solid #dbdbdb;
}
.g-gadgets #modal-login #loginform #user_login:focus, .g-gadgets #modal-login #loginform #user_pass:focus {
  border-color: #7086d0;
}
.g-gadgets #modal-login #loginform .login-extra {
  margin: 15px 0 0 0;
  list-style: none;
}
.g-gadgets #modal-login #loginform .login-extra li i {
  margin-right: 7px;
}
.g-gadgets #modal-login #loginform .logout-button .button {
  margin-bottom: 0;
}
.g-gadgets #modal-login .hide-links .login-extra {
  display: none;
}
.g-gadgets #modal-search.uk-open .uk-modal-dialog {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.g-gadgets #modal-search.uk-open .uk-close {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.g-gadgets #modal-search .uk-modal-dialog {
  padding: 0;
  border-radius: 0;
  width: 455px;
  background: none;
  box-shadow: none;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.g-gadgets #modal-search .uk-modal-dialog .search form {
  margin-bottom: 0;
}
.g-gadgets #modal-search .uk-modal-dialog .search input {
  margin-bottom: 0;
  border: none;
  font-size: 2.3rem;
  width: 455px;
  color: #ffffff;
  text-align: center;
  background: none;
  padding: 20px;
  border-radius: 0;
  box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.3);
}
.g-gadgets #modal-search .uk-modal-dialog .search input::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
.g-gadgets #modal-search .uk-modal-dialog .search input::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.g-gadgets #modal-search .uk-modal-dialog .search input:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.g-gadgets #modal-search .uk-modal-dialog .search input:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
@media only all and (max-width: 47.99rem) {
  .g-gadgets #modal-search .uk-modal-dialog .search input {
    width: 100%;
    padding: 20px 0;
  }
}
.g-gadgets #modal-search .uk-modal-dialog .search input:focus {
  box-shadow: 0 3px 0 0 white;
}
.g-gadgets #modal-search .uk-modal-dialog .search-form .search-field {
  border: none;
  font-size: 2.3rem;
  width: 455px;
  color: #ffffff;
  text-align: center;
  background: none;
  padding: 20px;
  border-radius: 0;
  box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.3);
}
.g-gadgets #modal-search .uk-modal-dialog .search-form .search-field::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
.g-gadgets #modal-search .uk-modal-dialog .search-form .search-field::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.g-gadgets #modal-search .uk-modal-dialog .search-form .search-field:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.g-gadgets #modal-search .uk-modal-dialog .search-form .search-field:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
@media only all and (max-width: 47.99rem) {
  .g-gadgets #modal-search .uk-modal-dialog .search-form .search-field {
    width: 100%;
    padding: 20px 0;
  }
}
.g-gadgets #modal-search .uk-modal-dialog .search-form .search-field:focus {
  box-shadow: 0 3px 0 0 white;
}
.g-gadgets #modal-search .uk-modal-dialog .search-form label {
  margin-bottom: 0;
}
.g-gadgets #modal-search .uk-modal-dialog .search-form .search-submit {
  display: none;
}
.g-gadgets #g-touch.uk-open .uk-close {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.g-gadgets #g-touch .uk-modal-dialog {
  padding: 0;
  border-radius: 0;
  color: #29314e;
}
.g-gadgets #g-touch .uk-modal-dialog [id*="g-map-"] {
  max-width: 100% !important;
}
.g-gadgets #g-touch .g-block:last-child .g-touch-item {
  border: none;
}
.g-gadgets #g-touch .g-touch-item {
  text-align: center;
  padding: 25px 10px;
  border-right: 1px solid #e8e8e8;
  font-weight: bold;
  color: #29314e;
  font-size: 0.9rem;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
@media only all and (max-width: 47.99rem) {
  .g-gadgets #g-touch .g-touch-item {
    border-right: none;
    border-bottom: 1px solid #e8e8e8;
    padding: 15px 10px;
  }
}
.g-gadgets #g-touch .g-touch-item a {
  color: #29314e;
}
.g-gadgets #g-touch .g-touch-item .g-touch-item-icon {
  margin-right: 9px;
}
.g-gadgets .uk-close {
  color: #ffffff !important;
  opacity: 1;
  font-size: 22px;
  top: 35px;
  right: 35px;
  position: absolute;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.g-gadgets .uk-close:hover {
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
  color: #7086d0 !important;
}
.g-gadgets .element-invisible {
  border: 0 none;
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.g-companies-slider.style1 .g-companies-item img {
  filter: brightness(1) grayscale(0) !important;
}
/*Bullets*/
.sdl-bullets {
  margin: 0 0 15px 30px;
  text-align: left;
}
.sdl-bullets li:before {
  content: "";
  font-family: "FontAwesome";
  float: left;
  margin-left: -1.5em;
  color: #c02031;
}
.sdl-bullets li {
  list-style: none outside none;
  margin-bottom: 0.5rem;
}
.sdl-bullets-large {
  margin: 0 0 15px 30px;
  text-align: left;
}
.sdl-bullets-large li:before {
  content: "";
  font-family: "FontAwesome";
  float: left;
  margin-left: -1.5em;
  color: #c02031;
}
.sdl-bullets-large li {
  list-style: none outside none;
  margin-bottom: 1rem;
  font-size: 1.3rem;
}
ul.materials_bullet {
  list-style-type: none;
  margin-left: 0;
}
.materials_bullet li {
  border-bottom: 1px solid #ecf0f1;
  padding-bottom: 5px;
  padding-top: 5px;
}
ul.dg_numbers {
  margin-left: 0px;
}
ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  margin: 0 0 15px 0px;
  padding-left: 0px;
}
ol li {
  counter-increment: my-awesome-counter;
  margin-bottom: 0.5rem;
}
ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #c02031;
  font-weight: bold;
}
body.itemid-246 .g-grid:has(.showcase-a) {
  align-items: center !important;
}
body.itemid-246 .g-grid:has(.feature-a) {
  align-items: center !important;
}
body.itemid-247 .g-grid:has(.subfeature-a) {
  align-items: center !important;
}
.g-keypoints.style2 .g-right-points .g-title-desc-container {
  margin-left: 15px !important;
}
.g-keypoints.style2 .g-left-points .g-title-desc-container {
  margin-right: 15px !important;
}
.g-animated-counter .g-animated-counter-title {
  line-height: 1.2rem;
}
.g-animated-counter.style2 .g-animated-counter-icon {
  font-size: 2.5rem;
  height: 100px;
  width: 100px;
  line-height: 100px;
}
.red-circle :before {
  background-image: linear-gradient(to bottom, #44485a, #ce98a0);
  display: block;
  border: 1px;
  border-radius: 100px;
}
.green-circle :before {
  background-image: linear-gradient(to bottom, #44485a, #62d0a7);
  display: block;
  border: 1px;
  border-radius: 100px;
}
.purple-circle :before {
  background-image: linear-gradient(to bottom, #44485a, #a394de);
  display: block;
  border: 1px;
  border-radius: 100px;
}
.blue-circle :before {
  background-image: linear-gradient(to bottom, #44485a, #9fcbf1);
  display: block;
  border: 1px;
  border-radius: 100px;
}
.g-features-particle {
  text-align: left;
}
.g-gadgets .g-gadget-buttons {
  position: fixed;
  top: 0px;
  FONT-VARIANT: JIS78;
  background: #44485a;
  box-shadow: 0 3px 10px #000;
  z-index: 999;
  right: auto;
  left: 0px;
}
.g-gadgets .g-gadget-buttons > div > a {
  padding: 16px;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cta-button {
  display: inline-block;
  padding: 1.9rem 1rem;
  border-radius: 5px;
  color: #8876a4;
  line-height: 1.9rem;
  font-family: "Poppins";
  font-size: 1.4rem;
  text-align: center;
  transition: background 0.2s;
  border: solid;
  font-weight: 700 !important;
  border-width: 1px;
  background: none;
  HEIGHT: 130px;
  width: 250px;
}
/*Main Page Elements*/
.g-our-team .g-info-container, .g-our-team-slider .g-info-container, .g-our-team-slideset .g-info-container {
  padding: 20px;
  background: #242e36;
}
.g-our-team .g-our-team-item, .g-our-team-slider .g-our-team-item, .g-our-team-slideset .g-our-team-item {
  border: 0px solid #e8e8e8;
  width: 100%;
}
#g-copyright {
  border-top: 0px;
}
.videogrid {
  margin: 0rem;
  padding: 0rem 0.6rem 0.2rem 0rem;
}
.g-portfolio .g-info-container {
  padding: 20px;
  background: #425569;
}
.g-portfolio .g-portfolio-item {
  border: 0px solid #7086d0;
}
.g-portfolio .g-portfolio-title a {
  color: #7086d0;
}
.g-portfolio .g-portfolio-title a:hover {
  color: #ffffff;
}
.itemid-251 .sprocket-strips-s-title a {
  color: #7086d0;
}
.itemid-251 .sprocket-strips-s-title a:hover {
  color: #90a3e2;
}
.itemid-251 .g-features-particle .g-features-particle-title a {
  color: #7086d0;
}
.itemid-251 .g-features-particle .g-features-particle-title a:hover {
  color: #ffffff;
}
.itemid-251 .sprocket-strips-s-content .readon {
  display: inline-block !important;
  padding: 0.4rem 1rem;
  border-radius: 0px;
  color: #7086d0;
  background: rgba(136, 118, 164, 0.169);
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
/*Paralax BG*/
/*.itemid-240 #g-intro {
    background: #6e7f79 url('../../../../images/home/home-sectors-bg.jpg?60f2aa07') left top no-repeat;
}*/
/*Button Code*/
.itemid-249 .button {
  display: inline-block !important;
  padding: 0.4rem 1rem;
  border-radius: 0px;
  color: #8876a4;
  background: rgba(136, 118, 164, 0.169);
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.itemid-249 .button:hover {
  color: #fff;
}
.itemid-368 .button {
  display: inline-block !important;
  padding: 0.4rem 1rem;
  border-radius: 0px;
  color: #8876a4;
  background: rgba(136, 118, 164, 0.169);
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.itemid-368 .button:hover {
  color: #fff;
}
.itemid-259 .button, .itemid-260 .button, .itemid-261 .button, .itemid-262 .button, .itemid-264 .button, .itemid-266 .button {
  display: inline-block !important;
  padding: 0.4rem 1rem;
  border-radius: 0px;
  color: #6e7f79;
  background: #5a9a8445 !important;
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.itemid-259 .sprocket-strips-s-content .readon, .itemid-260 .sprocket-strips-s-content .readon, .itemid-261 .sprocket-strips-s-content .readon, .itemid-262 .sprocket-strips-s-content .readon, .itemid-264 .sprocket-strips-s-content .readon, .itemid-266 .sprocket-strips-s-content .readon {
  display: inline-block !important;
  padding: 0.4rem 1rem;
  border-radius: 0px;
  color: #6e7f79;
  background: #5a9a8445 !important;
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.itemid-259 .sprocket-strips-s-content .readon:hover, .itemid-260 .sprocket-strips-s-content .readon:hover, .itemid-261 .sprocket-strips-s-content .readon:hover, .itemid-262 .sprocket-strips-s-content .readon:hover, .itemid-264 .sprocket-strips-s-content .readon:hover, .itemid-266 .sprocket-strips-s-content .readon:hover {
  color: #29314e;
}
.itemid-259 .button:hover, .itemid-260 .button:hover, .itemid-261 .button:hover, .itemid-262 .button:hover, .itemid-264 .button:hover, .itemid-266 .button:hover {
  color: #29314e;
}
.itemid-259 #g-utility .button, .itemid-260 #g-utility .button, .itemid-261 #g-utility .button, .itemid-262 #g-utility .button, .itemid-263 #g-utility .button, .itemid-264 #g-utility .button {
  display: inline-block !important;
  padding: 0.4rem 1rem;
  border-radius: 0px;
  color: #9fbbb1 !important;
  background: #5a9a8445 !important;
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.itemid-259 #g-utility .button:hover, .itemid-260 #g-utility .button:hover, .itemid-261 #g-utility .button:hover, .itemid-262 #g-utility .button:hover, .itemid-263 #g-utility .button:hover, .itemid-264 #g-utility .button:hover {
  color: #ffffff;
}
.button-green {
  display: inline-block;
  padding: 0.4rem 1rem;
  border-radius: 0px;
  color: #9fbbb1;
  background: rgba(90, 154, 132, 0.271);
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.button-green:hover {
  color: #ffffff;
  background: rgba(90, 154, 132, 0.271);
}
.button-green-big {
  display: inline-block;
  padding: 3rem 3rem;
  width: 100%;
  border-radius: 0px;
  color: #ffffff;
  background: #6e7f7966;
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.button-green-big:hover {
  color: #ffffff;
  background: #6e7f7966;
}
.button-blue {
  display: inline-block;
  padding: 0.4rem 1rem;
  border-radius: 0px;
  color: #7086d0 !important;
  background: #767ca42b;
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.button-blue:hover {
  color: #ffffff;
  background: #767ca42b;
}
.button-blue-big {
  display: inline-block;
  padding: 3rem 3rem;
  width: 100%;
  border-radius: 0px;
  color: #fff !important;
  background: #7086d052;
  line-height: 1.5;
  font-size: 1rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
}
.button-blue-big:hover {
  color: #ffffff;
  background: #7086d052;
}
.button-purple {
  display: inline-block;
  padding: 0.4rem 1rem;
  border-radius: 0px;
  color: #8876a4 !important;
  background: #8876a42b;
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.button-purple:hover {
  color: #ffffff;
  background: #8876a42b;
}
div#logo-1940-particle {
  padding-left: 25%;
}
.g-3d-slider.style3 .g-info-container-style2 a:hover {
  color: #7086d0;
  text-decoration: none;
}
.g-hero-slider .g-hero-slider-item-container {
  padding: 0 180px;
  text-align: left;
}
.g-3d-slider .g-3d-slider-item {
  border-radius: 80px;
}
.g-features-particle p, .g-features2-particle p {
  text-align: left;
}
a {
  color: #7086d0;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
a:hover {
  color: #90a3e2;
}
/*Logo*/
.g-logo {
  margin: 10px 0;
  color: #7086d0;
  font-size: 3.5rem;
  font-family: "Poppins";
  font-weight: 900;
  letter-spacing: -2px;
}
.g-logo:hover {
  color: #435180;
}
.g-offcanvas-toggle {
  font-size: 3rem;
}
/*Headers*/
h1, h2 {
  font-weight: 900;
  letter-spacing: -1px;
}
h2 {
  line-height: 2rem;
}
h3 {
  line-height: 1.8rem;
}
h4 {
  line-height: 1.6rem;
}
h3, h4, h5, h6 {
  font-weight: 900;
  letter-spacing: -1px;
}
#g-fullwidth h1, #g-fullwidth h2 {
  color: #fff;
  font-size: 6rem;
  font-weight: 900;
  letter-spacing: -4px;
  text-transform: lowercase;
  line-height: 5.5rem;
}
h2.subhead_01 {
  font-size: 5rem;
  letter-spacing: -2px;
  line-height: 5rem;
}
.g-main-feature .g-main-feature-title {
  font-size: 2rem;
  text-transform: none;
}
/*Header + menu section*/
#g-header.uk-active .g-offcanvas-toggle {
  color: #ffffff;
}
#g-header.uk-active {
  background-color: #44485a;
  color: #ffffff;
}
#g-header.uk-active .g-social-search .g-social-icons > a, #g-header.uk-active .g-social-search .g-search-icon > a, #g-header.uk-active .g-social-search .g-offcanvas-icon > a {
  color: #ffffff;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #252832;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: #f89406;
}
.itemid-245 .slideshow-caption, .itemid-246 .slideshow-caption, .itemid-247 .slideshow-caption, .itemid-248 .slideshow-caption, .itemid-249 .slideshow-caption, .itemid-251 .slideshow-caption, .itemid-368 .slideshow-caption {
  transform: rotate(7deg);
  padding-left: 20px;
  padding-top: 290px;
}
.itemid-259 .slideshow-caption, .itemid-260 .slideshow-caption, .itemid-261 .slideshow-caption, .itemid-262 .slideshow-caption, .itemid-264 .slideshow-caption, .itemid-266 .slideshow-caption {
  padding-top: 150px;
  padding-left: 70px;
}
.itemid-259 a, .itemid-260 a, .itemid-261 a, .itemid-262 a, .itemid-264 a, .itemid-266 a {
  color: #6e7f79;
}
.itemid-259 .sprocket-strips-s-title a, .itemid-260 .sprocket-strips-s-title a, .itemid-261 .sprocket-strips-s-title a, .itemid-262 .sprocket-strips-s-title a, .itemid-264 .sprocket-strips-s-title a, .itemid-266 .sprocket-strips-s-title a {
  color: #6e7f79;
}
.itemid-259 .sprocket-strips-s-title a:hover, .itemid-260 .sprocket-strips-s-title a:hover, .itemid-261 .sprocket-strips-s-title a:hover, .itemid-262 .sprocket-strips-s-title a:hover, .itemid-264 .sprocket-strips-s-title a:hover, .itemid-266 .sprocket-strips-s-title a:hover {
  color: #9bb7ad;
}
/*colours*/
.mainblue {
  color: #7086d0;
}
.mainblue2 {
  color: #7086d0 !important;
}
.mainpurple {
  color: #8876a4;
}
.maingreen {
  color: #7c918a;
}
.white {
  color: #ffffff;
}
.grey {
  color: #283338;
}
/*margins*/
.nomargintop {
  margin-top: 0rem !important;
}
.nopaddingtop {
  padding-top: 0rem !important;
}
.smallmarginbottom {
  margin-bottom: 1rem !important;
}
.smallmargintop {
  margin-top: 1rem !important;
}
.smallmarginleft {
  margin-left: 1rem !important;
}
.smallmarginright {
  margin-right: 1rem !important;
}
.smallmarginall {
  margin: 1rem !important;
}
.medmarginbottom {
  margin-bottom: 2.5rem !important;
}
.medmargintop {
  margin-top: 2.5rem !important;
}
.medmarginleft {
  margin-left: 2.5rem !important;
}
.medmarginright {
  margin-right: 2.5rem !important;
}
.medmarginall {
  margin: 2.5rem !important;
}
body .largemarginbottom {
  margin-bottom: 5rem !important;
}
.largemargintop {
  margin-top: 5rem !important;
}
.largemarginleft {
  margin-left: 5rem !important;
}
.largemarginright {
  margin-right: 5rem !important;
}
.largemarginall {
  margin: 5rem !important;
}
.medlargemarginbottom {
  margin-bottom: 10rem !important;
}
.medlargemargintop {
  margin-top: 10rem !important;
}
.medlargemarginleft {
  margin-left: 10rem !important;
}
.medlargemarginright {
  margin-right: 10rem !important;
}
.medlargemarginall {
  margin: 10rem !important;
}
.xlargemarginbottom {
  margin-bottom: 17rem !important;
}
.xlargemargintop {
  margin-top: 17rem !important;
}
.xlargemarginleft {
  margin-left: 17rem !important;
}
.xlargemarginright {
  margin-right: 17rem !important;
}
.xlargemarginall {
  margin: 17rem !important;
}
.smallpaddingbottom {
  padding-bottom: 1rem !important;
}
.smallpaddingtop {
  padding-top: 1rem !important;
}
.smallpaddingleft {
  padding-left: 1rem !important;
}
.smallpaddingright {
  padding-right: 1rem !important;
}
.smallpaddingall {
  padding: 1rem !important;
}
.medpaddingbottom {
  padding-bottom: 2.5rem !important;
}
.medpaddingtop {
  padding-top: 2.5rem !important;
}
.medpaddingleft {
  padding-left: 2.5rem !important;
}
.medpaddingright {
  padding-right: 2.5rem !important;
}
.medpaddingall {
  padding: 2.5rem !important;
}
.largepaddingbottom {
  padding-bottom: 5rem !important;
}
.largepaddingtop {
  padding-top: 5rem !important;
}
.largepaddingleft {
  padding-left: 5rem !important;
}
.largepaddingright {
  padding-right: 5rem !important;
}
.largepaddingall {
  padding: 5rem !important;
}
/*call us now section*/
.cta-custom {
  padding: 30px;
}
/*Buttons and links*/
.button {
  display: inline-block;
  padding: 0.5rem 1.2rem;
  background: #7086d09e;
  color: #fff;
  border-radius: 0px;
  border: 0;
  line-height: 1.5;
  font-size: 0.9rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
  font-weight: 900 !important;
}
.sprocket-mosaic-g-readon {
  display: inline-block !important;
  padding: 10% 35%;
  /* border-radius: 50px; */
  color: #fff;
  background: #7086d087;
  /* border: 1px solid #fff; */
  line-height: 1.5;
  font-size: 0.9rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.sprocket-mosaic-g-readon:hover {
  background: #99a0bd94;
  color: #fff;
}
.sprocket-grids-b-readon {
  display: inline-block !important;
  padding: 30% 30%;
  color: #fff;
  background: #6e7f7966;
  line-height: 1.5;
  font-size: 0.9rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.sprocket-grids-b-readon:hover {
  color: #fff;
  background: #6e7f7966;
}
.sprocket-strips-s-content .readon {
  display: inline-block !important;
  padding: 0.4rem 1rem;
  border-radius: 0px;
  color: #8876a4;
  background: #8876a42b;
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
}
.sprocket-strips-s-content .readon:hover {
  color: #fff;
}
.sprocket-strips-s-title a {
  color: #8876a4;
}
.sprocket-strips-s-title a:hover {
  color: #b7a2d9;
}
h2.sprocket-grids-b-title a {
  color: #6e7f79;
  font-size: 1.5rem;
}
h2.sprocket-grids-b-title a:hover {
  color: #a1bab1;
}
#g-page-surround .btn, #g-offcanvas .btn {
  display: inline-block !important;
  padding: 0.4rem 1rem;
  border-radius: 0px;
  color: #8876a4;
  background: #8876a42b;
  line-height: 1.5;
  font-size: 0.8rem;
  vertical-align: middle;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  text-transform: lowercase;
  margin-top: 2rem;
}
#g-page-surround .btn:hover, #g-offcanvas .btn:hover {
  background: #29314e;
  color: #fff;
  border: 1px solid #fff;
}
.g-3d-slider-title {
  font-size: 3.5rem;
  line-height: 4rem;
}
.itemid-240 #g-intro p a {
  color: #7c918a;
  font-weight: bolder;
}
.itemid-240 #g-intro p a:hover {
  color: #c2d7d0;
  font-weight: bolder;
}
.itemid-368 .g-feedback.style1 .g-feedback-text, .g-feedback-slider.style1 .g-feedback-text, .g-feedback-slideset.style1 .g-feedback-text {
  background: #8876a4;
  border: 1px solid #29314e;
}
.itemid-368 .g-feedback.style1 .g-feedback-text:before, .g-feedback-slider.style1 .g-feedback-text:before, .g-feedback-slideset.style1 .g-feedback-text:before {
  border-top: 16px solid #8876a4;
}
.itemid-368 .g-feedback.style1 .g-feedback-text:after, .g-feedback-slider.style1 .g-feedback-text:after, .g-feedback-slideset.style1 .g-feedback-text:after {
  border-top: 15px solid #8876a4;
}
/*breadcrumb*/
/*Video Frame*/
/*features individula colour*/
.g-features-particle.style8 .g-features-particle-item:nth-child(1) {
  background: #7386c3;
}
.g-features-particle.style8 .g-features-particle-item:nth-child(2) {
  background: #24243a;
}
.g-features-particle.style8 .g-features-particle-item:nth-child(3) {
  background: #7386c3;
}
.g-features-particle.style8 .g-features-particle-item:nth-child(4) {
  background: #24243a;
}
/*timeline line colour*/
.g-timeline.style1 .g-timeline-row {
  background: #785ba5;
}
.g-timeline.style1 .g-timeline-row:before {
  background: #785ba5;
}
.g-timeline.style1 .g-timeline-row:after {
  background: #785ba5;
}
.g-timeline.style1 .g-timeline-item .g-content .g-timeline-icon:after {
  background: none;
}
/*Bullets*/
.sdl-bullets {
  margin: 0 0 15px 30px;
  text-align: left;
}
.sdl-bullets li:before {
  content: "";
  font-family: "FontAwesome";
  float: left;
  margin-left: -1.5em;
  color: #c02031;
}
.sdl-bullets li {
  list-style: none outside none;
  margin-bottom: 0.5rem;
}
.sdl-bullets-large {
  margin: 0 0 15px 30px;
  text-align: left;
}
.sdl-bullets-large li:before {
  content: "";
  font-family: "FontAwesome";
  float: left;
  margin-left: -1.5em;
  color: #c02031;
}
.sdl-bullets-large li {
  list-style: none outside none;
  margin-bottom: 1rem;
  font-size: 1.3rem;
}
ul.materials_bullet {
  list-style-type: none;
  margin-left: 0;
}
.materials_bullet li {
  border-bottom: 1px solid #ecf0f1;
  padding-bottom: 5px;
  padding-top: 5px;
}
ul.dg_numbers {
  margin-left: 0px;
}
ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  margin: 0 0 15px 0px;
  padding-left: 0px;
}
ol li {
  counter-increment: my-awesome-counter;
  margin-bottom: 0.5rem;
}
ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #c02031;
  font-weight: bold;
}
/*mosiac - portfolio and slideshows*/
.sprocket-strips-s-title {
  font-size: 2.1rem;
  line-height: 1.9rem;
}
.sprocket-mosaic-g-title {
  color: #ffffff !important;
}
.sprocket-mosaic .sprocket-mosaic-g-item .sprocket-mosaic-g-content .sprocket-mosaic-g-text, .sprocket-mosaic .sprocket-mosaic-g-item .sprocket-mosaic-g-content .sprocket-mosaic-g-readon, .sprocket-mosaic .sprocket-mosaic-g-item .sprocket-mosaic-g-content .sprocket-mosaic-g-tags {
  display: block;
}
.sprocket-mosaic-g-text {
  color: #ffffff !important;
}
.sprocket-mosaic .sprocket-mosaic-g-item .sprocket-mosaic-g-content .sprocket-mosaic-g-title {
  font-size: 4rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 900;
  letter-spacing: -3px;
  text-transform: lowercase;
  line-height: 3.5rem;
}
.sprocket-mosaic .sprocket-mosaic-g-item .sprocket-mosaic-g-content {
  text-align: left;
  padding: 30% 20px;
}
.g-companies.style1 .g-companies-image img, .g-companies-slider.style1 .g-companies-image img, .g-companies-slideset.style1 .g-companies-image img {
  background: none;
  border: none;
}
.g-companies-slider.style1 .g-companies-item img {
  filter: brightness(3) grayscale(1);
}
.g-companies-slider.style1 .g-companies-item img:hover {
  filter: brightness(4) grayscale(1);
}
.itemid-248 .g-companies-slider.style1 .g-companies-item {
  padding-right: 50px;
}
.uk-slider img {
  pointer-events: inherit;
}
.g-timeline.style1 .g-timeline-item .g-content .g-timeline-title {
  color: #ffffff !important;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-transform: lowercase;
}
.g-slideshow .g-slideshow-title {
  margin: 0;
  color: #7086d0 !important;
  font-size: 2rem;
  text-align: right;
}
.g-slideshow .style2 .g-slideshow-title {
  color: #7086d0 !important;
}
.uk-overlay-background {
  background: #7086d085;
}
.itemid-259 .g-portfolio .g-info-container, .itemid-260 .g-portfolio .g-info-container, .itemid-261 .g-portfolio .g-info-container, .itemid-262 .g-portfolio .g-info-container, .itemid-264 .g-portfolio .g-info-container, .itemid-266 .g-portfolio .g-info-container {
  padding: 20px;
  background: #d2e4de;
}
.itemid-259 .g-portfolio .g-portfolio-title a, .itemid-260 .g-portfolio .g-portfolio-title a, .itemid-261 .g-portfolio .g-portfolio-title a, .itemid-262 .g-portfolio .g-portfolio-title a, .itemid-264 .g-portfolio .g-portfolio-title a, .itemid-266 .g-portfolio .g-portfolio-title a {
  color: #7c918a;
}
.g-portfolio .g-portfolio-title a:hover {
  color: #fff;
}
.g-portfolio .g-portfolio-special {
  color: #d5ddf9 !important;
  font-style: normal;
  float: left;
}
.uk-overlay-background {
  background: #d2e4deb0;
}
/*forms*/
.requiredsign {
  margin-left: 2rem;
}
/*case study*/
.casestudy_head {
  font-size: 3rem;
  letter-spacing: -1px;
  color: #7086d0;
}
blockquote h2 {
  font-style: normal;
  line-height: 34px;
}
.g-keypoints {
  margin-left: -0.938rem;
  margin-right: -0.938rem;
}
.g-keypoints .g-left-points .g-content {
  margin: 0 0.625rem 0 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: right;
}
@media only all and (max-width: 47.99rem) {
  .g-keypoints .g-left-points .g-keypoints-item:last-child {
    margin-bottom: 25px;
  }
}
.g-keypoints .g-main-image {
  text-align: center;
}
.g-keypoints .g-main-image .g-content {
  margin: 0;
  padding: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-keypoints .g-main-image .g-content {
    margin-bottom: 1rem;
  }
}
.g-keypoints .image-bottom {
  margin-bottom: -5.063rem;
}
@media only all and (max-width: 47.99rem) {
  .g-keypoints .image-bottom {
    margin-bottom: 1rem;
  }
}
.g-keypoints .g-right-points .g-content {
  margin: 0 0 0 0.625rem;
  padding-top: 0;
  padding-bottom: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-keypoints.style1 .g-content {
    text-align: center;
  }
}
.g-keypoints.style1 .g-keypoints-item .g-keypoints-item-desc {
  margin: 1.5rem 0;
}
.g-keypoints.style1 .g-keypoints-item:last-child .g-keypoints-item-desc {
  margin-bottom: 0;
}
.g-keypoints.style1 .g-keypoints-item-icon {
  color: #ffffff;
  background: #7086d0;
  line-height: 2.5rem;
  border-radius: 100%;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
}
.g-keypoints.style1 .g-left-points .g-keypoints-item-icon {
  margin-left: 1.25rem;
}
.g-keypoints.style1 .g-right-points .g-keypoints-item-icon {
  margin-right: 1.25rem;
}
.g-keypoints.style2 .g-keypoints-item {
  margin-bottom: 40px;
}
.g-keypoints.style2 .g-keypoints-item:last-child {
  margin-bottom: 0;
}
.g-keypoints.style2 .g-keypoints-item:hover .g-keypoints-item-icon {
  background: #7086d0;
  color: #ffffff;
}
.g-keypoints.style2 .g-keypoints-item-icon {
  font-size: 24px;
  margin-right: 0;
  color: #7086d0;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  border: 1px solid #7086d0;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.g-keypoints.style2 .g-left-points {
  padding-top: 25px;
}
@media only all and (max-width: 47.99rem) {
  .g-keypoints.style2 .g-left-points {
    padding-top: 0;
    margin-bottom: 40px;
  }
  .g-keypoints.style2 .g-left-points .g-content {
    text-align: left;
  }
}
.g-keypoints.style2 .g-left-points .g-keypoints-item-icon {
  float: right;
}
@media only all and (max-width: 47.99rem) {
  .g-keypoints.style2 .g-left-points .g-keypoints-item-icon {
    float: left;
  }
}
.g-keypoints.style2 .g-left-points .g-title-desc-container {
  margin-right: 85px;
}
@media only all and (max-width: 47.99rem) {
  .g-keypoints.style2 .g-left-points .g-title-desc-container {
    margin-right: 0;
    margin-left: 85px;
  }
}
.g-keypoints.style2 .g-right-points {
  padding-top: 25px;
}
@media only all and (max-width: 47.99rem) {
  .g-keypoints.style2 .g-right-points {
    padding-top: 0;
    margin-top: 15px;
  }
}
.g-keypoints.style2 .g-right-points .g-keypoints-item-icon {
  float: left;
}
.g-keypoints.style2 .g-right-points .g-title-desc-container {
  margin-left: 85px;
}
.g-keypoints.style2 .g-keypoints-item-title {
  margin-top: 0;
  margin-bottom: 10px;
}
@font-face {
  font-family: "ytpregular";
}
@font-face {
  font-family: "ytpregular";
  src: url('data:application/x-font-woff;charset=utf-8;base64,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') format("woff"), url('../fonts/ytpregular/ytp-regular.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes "fade" {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
/* Standard syntax */
@keyframes "fade" {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
/*CONTROL BAR*/
/*PROGRESS BAR*/
/*VOLUME SLIDER*/
.mb_YTPlayer:focus {
  outline: 0;
}
.mb_YTPlayer .loading {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.51);
  text-align: center;
  padding: 2px 4px;
  border-radius: 5px;
  font-family: "Droid Sans", sans-serif;
  -webkit-animation: fade 0.1s infinite alternate;
  animation: fade 0.1s infinite alternate;
}
.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img {
  cursor: pointer;
}
.YTPWrapper {
  display: block;
  transform: translateZ(0) translate3d(0, 0, 0);
  transform-style: preserve-3d;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
}
.YTPFullscreen {
  display: block !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border: none !important;
  opacity: 1 !important;
  background-color: #000;
}
.mbYTP_wrapper iframe {
  max-width: 4000px !important;
}
.inline_YTPlayer {
  margin-bottom: 20px;
  vertical-align: top;
  position: relative;
  left: 0;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.5);
}
.inline_YTPlayer img {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}
.mb_YTPBar {
  transition: opacity 0.5s;
  display: block;
  width: 100%;
  height: 10px;
  padding: 5px;
  background: #333;
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: left;
  z-index: 1000;
  font: 14px/16px sans-serif;
  color: white;
  opacity: 0.1;
  box-sizing: border-box;
}
.mb_YTPBar .ytpicon {
  font-size: 20px;
  font-family: "ytpregular";
}
.mb_YTPBar .mb_YTPUrl.ytpicon {
  font-size: 30px;
}
.mb_YTPBar:hover {
  opacity: 1;
}
.mb_YTPBar:hover .buttonBar {
  background: rgba(0, 0, 0, 0.4);
}
.mb_YTPBar .buttonBar {
  transition: all 0.5s;
  background: transparent;
  font: 12px/14px Calibri;
  position: absolute;
  top: -30px;
  left: 0;
  padding: 5px;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
}
.mb_YTPBar span {
  display: inline-block;
  font: 16px/20px Calibri, sans-serif;
  position: relative;
  width: 30px;
  height: 25px;
  vertical-align: middle;
}
.mb_YTPBar span.mb_YTPTime {
  width: 130px;
}
.mb_YTPBar span.mb_YTPUrl {
  position: absolute;
  width: auto;
  display: block;
  top: 6px;
  right: 10px;
  cursor: pointer;
}
.mb_YTPBar span.mb_YTPUrl img {
  width: 60px;
}
.mb_YTPBar span.mb_YTPUrl a {
  color: white;
}
.mb_YTPBar span.mb_OnlyYT {
  position: absolute;
  width: auto;
  display: block;
  top: 6px;
  right: 10px;
  cursor: pointer;
  left: 300px;
  right: auto;
}
.mb_YTPBar span.mb_OnlyYT img {
  width: 25px;
}
.mb_YTPBar .mb_YTPPlaypause {
  cursor: pointer;
}
.mb_YTPBar .mb_YTPMuteUnmute {
  cursor: pointer;
}
.mb_YTPBar .mb_YTPProgress {
  height: 10px;
  width: 100%;
  background: #222;
  bottom: 0;
  left: 0;
}
.mb_YTPBar .mb_YTPLoaded {
  height: 10px;
  width: 0;
  background: #444;
  left: 0;
}
.mb_YTPBar .mb_YTPseekbar {
  height: 10px;
  width: 0;
  background: #bb110e;
  bottom: 0;
  left: 0;
  box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px;
}
.mb_YTPBar .YTPOverlay {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: "flat";
  box-sizing: border-box;
}
.mb_YTPBar .simpleSlider {
  position: relative;
  width: 100px;
  height: 10px;
  border: 1px solid #fff;
  overflow: hidden;
  box-sizing: border-box;
  margin-right: 10px;
  cursor: pointer !important;
  border-radius: 3px;
}
.mb_YTPBar .simpleSlider.muted {
  opacity: 0.3;
}
.mb_YTPBar .level {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  box-sizing: border-box;
}
.mb_YTPBar .level.horizontal {
  height: 100%;
  width: 0;
}
.mb_YTPBar .level.vertical {
  height: auto;
  width: 100%;
}
.mb_YTPBar.visible {
  opacity: 1;
}
.mb_YTPBar.compact .simpleSlider {
  width: 40px;
}
@media only all and (min-width: 80rem) {
  .itemid-245 .slideshow-caption, .itemid-246 .slideshow-caption, .itemid-247 .slideshow-caption, .itemid-248 .slideshow-caption, .itemid-249 .slideshow-caption, .itemid-368 .slideshow-caption {
    padding-top: 17.5%;
  }
}
@media only all and (min-width: 60rem) and (max-width: 79.99rem) {
  #g-fullwidth h1, #g-fullwidth h2 {
    font-size: 5rem;
    text-align: left;
  }
  .g-hero-slider .g-hero-slider-item-container {
    padding: 0 100px;
    text-align: left;
  }
  .sprocket-strips-s-title {
    font-size: 1.7rem;
  }
  h1, h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .introtext {
    margin-top: 3rem;
  }
  .g-slideshow .style3 .g-slideshow-desc {
    margin-top: -150px;
  }
  video {
    /* override other styles to make responsive */
    width: 100% !important;
    height: auto !important;
  }
  .itemid-245 .slideshow-caption, .itemid-246 .slideshow-caption, .itemid-247 .slideshow-caption, .itemid-248 .slideshow-caption, .itemid-249 .slideshow-caption, .itemid-251 .slideshow-caption, .itemid-368 .slideshow-caption {
    padding-top: 28%;
  }
  .itemid-245 .g-slideshow .style3 .g-slideshow-title {
    margin-top: -15%;
  }
  .itemid-259 #g-fullwidth, .itemid-260 #g-fullwidth, .itemid-261 #g-fullwidth, .itemid-262 #g-fullwidth, .itemid-264 #g-fullwidth, .itemid-266 #g-fullwidth {
    padding-top: 70px;
  }
  .itemid-259 #g-fullwidth h1, #g-fullwidth h2, .itemid-260 #g-fullwidth h1, .itemid-261 #g-fullwidth h1, .itemid-262 #g-fullwidth h1, .itemid-264 #g-fullwidth h1, .itemid-266 #g-fullwidth h1 {
    font-size: 5rem;
    letter-spacing: -1px;
    line-height: 4.6rem;
    margin: -9% 0 -3rem;
  }
  .itemid-251 #g-fullwidth {
    padding-top: 100px;
  }
  .itemid-251 .slideshow-caption {
    padding-top: 14%;
  }
  .itemid-251 #g-fullwidth h1, #g-fullwidth h2 {
    font-size: 4rem;
  }
  .g-animated-counter .g-animated-counter-title {
    line-height: 1rem;
    font-size: 1rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  #g-fullwidth h1, #g-fullwidth h2 {
    font-size: 3.8rem;
    line-height: 4rem;
  }
  .g-hero-slider .g-hero-slider-item-container {
    padding: 0 60px;
    text-align: left;
  }
  .sprocket-strips-s-title {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }
  h2.subhead_01 {
    font-size: 3rem;
    line-height: 5rem;
  }
  h3 {
    font-size: 1.62rem;
    line-height: 1.5rem;
  }
  h1, h2 {
    line-height: 1.9rem;
    margin-top: 1rem;
    font-size: 1.1rem;
  }
  .introtext {
    margin-top: 3rem;
  }
  .g-slideshow .style3 .g-slideshow-desc {
    margin-top: -150px;
  }
  video {
    /* override other styles to make responsive */
    width: 100% !important;
    height: auto !important;
  }
  .g-animated-counter .g-animated-counter-number {
    font-size: 250%;
  }
  .g-animated-counter .g-animated-counter-title {
    font-size: 1rem;
  }
  .itemid-245 .g-slideshow .style3 .g-slideshow-desc, .itemid-246 .g-slideshow .style3 .g-slideshow-desc, .itemid-247 .g-slideshow .style3 .g-slideshow-desc, .itemid-248 .g-slideshow .style3 .g-slideshow-desc, .itemid-249 .g-slideshow .style3 .g-slideshow-desc, .itemid-251 .g-slideshow .style3 .g-slideshow-desc, .itemid-368 .g-slideshow .style3 .g-slideshow-desc {
    margin-top: -170px;
  }
  .itemid-245 .slideshow-caption, .itemid-246 .slideshow-caption, .itemid-247 .slideshow-caption, .itemid-248 .slideshow-caption, .itemid-249 .slideshow-caption, .itemid-251 .slideshow-caption, .itemid-368 .slideshow-caption {
    padding-top: 20%;
  }
  h2.subhead_01 {
    line-height: 4.3rem;
  }
  .itemid-245 #g-fullwidth, .itemid-246 #g-fullwidth, .itemid-247 #g-fullwidth, .itemid-248 #g-fullwidth, .itemid-249 #g-fullwidth, .itemid-251 #g-fullwidth, .itemid-368 #g-fullwidth {
    padding-top: 10rem;
    padding-left: 0px;
  }
  .itemid-245 .g-slideshow .style3 .g-slideshow-title {
    margin-top: -23%;
  }
  .itemid-259 #g-fullwidth, .itemid-260 #g-fullwidth, .itemid-261 #g-fullwidth, .itemid-262 #g-fullwidth, .itemid-264 #g-fullwidth, .itemid-266 #g-fullwidth {
    padding-top: 70px;
  }
  .itemid-259 #g-fullwidth h1, #g-fullwidth h2, .itemid-260 #g-fullwidth h1, .itemid-261 #g-fullwidth h1, .itemid-262 #g-fullwidth h1, .itemid-264 #g-fullwidth h1, .itemid-266 #g-fullwidth h1 {
    font-size: 2.8rem;
    letter-spacing: -1px;
    line-height: 3rem;
    margin: -27% 0 -3rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  body {
    padding-right: 0px;
    padding-left: 0px;
  }
  #g-fullwidth h1, #g-fullwidth h2 {
    font-size: 2.8rem;
    letter-spacing: -2px;
    line-height: 3rem;
    margin: 3rem 0 1rem;
  }
  .g-hero-slider .g-hero-slider-item-container {
    padding: 0 20px;
    margin-top: 20px;
    padding-bottom: 30px;
  }
  .uk-slidenav-position {
    margin-top: 6rem;
  }
  h2.subhead_01 {
    font-size: 3rem;
    line-height: 2.9rem;
    margin-bottom: -50px;
  }
  h1, h2 {
    font-size: 1.3rem;
    margin-top: 0.5rem;
  }
  .introtext {
    margin-top: 3rem;
  }
  .g-gadgets .g-gadget-buttons {
    top: 124px;
  }
  .g-slideshow .style3 .g-slideshow-desc {
    margin-top: -150px;
  }
  .uk-slideshow {
    height: 400px !important;
  }
  .uk-position-cover {
    position: inherit !important;
    padding-top: 250px;
    margin-left: -190px;
    margin-top: 50px;
  }
  .g-slideshow .g-slideshow-desc {
    display: initial;
  }
  .itemid-245 #g-fullwidth h1, #g-fullwidth h2, .itemid-246 #g-fullwidth h1, .itemid-247 #g-fullwidth h1, .itemid-248 #g-fullwidth h1, .itemid-249 #g-fullwidth h1, .itemid-251 #g-fullwidth h1, .itemid-368 #g-fullwidth h1 {
    font-size: 2.8rem;
    letter-spacing: -2px;
    line-height: 3rem;
    margin: 3rem 0 -6rem;
  }
  video {
    /* override other styles to make responsive */
    width: 100% !important;
    height: auto !important;
  }
  .itemid-259 #g-fullwidth h1, #g-fullwidth h2, .itemid-260 #g-fullwidth h1, .itemid-261 #g-fullwidth h1, .itemid-262 #g-fullwidth h1, .itemid-264 #g-fullwidth h1, .itemid-266 #g-fullwidth h1 {
    font-size: 2.8rem;
    letter-spacing: -1px;
    line-height: 3rem;
    margin: 2rem 0 -3rem;
  }
  .itemid-259 .uk-position-cover, .itemid-260 .uk-position-cover, .itemid-261 .uk-position-cover, .itemid-262 .uk-position-cover, .itemid-264 .uk-position-cover, .itemid-266 .uk-position-cover {
    display: none;
  }
  .itemid-245 .uk-position-cover, .itemid-246 .uk-position-cover, .itemid-247 .uk-position-cover, .itemid-248 .uk-position-cover, .itemid-249 .uk-position-cover, .itemid-251 .uk-position-cover, .itemid-368 .uk-position-cover {
    display: none;
  }
  .g-logo {
    font-size: 2.8rem;
    margin-left: -120px;
    margin-top: 30px;
  }
  .itemid-259 .uk-slideshow, .itemid-260 .uk-slideshow, .itemid-261 .uk-slideshow, .itemid-262 .uk-slideshow, .itemid-264 .uk-slideshow, .itemid-266 .uk-slideshow {
    height: 300px !important;
  }
  .itemid-259 .slideshow-caption, .itemid-260 .slideshow-caption, .itemid-261 .slideshow-caption, .itemid-262 .slideshow-caption, .itemid-264 .slideshow-caption, .itemid-266 .slideshow-caption {
    padding-top: 150px;
    padding-left: 0px;
  }
  .itemid-259 #g-utility .button, .itemid-260 #g-utility .button, .itemid-261 #g-utility .button, .itemid-262 #g-utility .button, .itemid-263 #g-utility .button, .itemid-264 #g-utility .button {
    margin-top: -100px;
  }
  .itemid-245 #g-fullwidth h1, #g-fullwidth h2, .itemid-246 #g-fullwidth h1, .itemid-247 #g-fullwidth h1, .itemid-248 #g-fullwidth h1, .itemid-249 #g-fullwidth h1, .itemid-251 #g-fullwidth h1, .itemid-368 #g-fullwidth h1 {
    font-size: 2.8rem;
    letter-spacing: -2px;
    line-height: 3rem;
    margin: 3rem 0 -6rem;
  }
  .g-social-search > span {
    display: inline-block;
    float: right;
    margin-top: -50px;
  }
  .itemid-251 #g-showcase {
    margin-top: -152px;
  }
  .sprocket-mosaic .sprocket-mosaic-g-item .sprocket-mosaic-g-content .sprocket-mosaic-g-title {
    font-size: 2rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 900;
    letter-spacing: -3px;
    text-transform: lowercase;
    line-height: 3.5rem;
  }
  .g-animated-counter .g-animated-counter-number {
    font-size: 250%;
  }
  .g-animated-counter .g-animated-counter-title {
    font-size: 1rem;
  }
  .itemid-242 .uk-position-cover {
    margin-left: 0px;
  }
  .g-gadgets .g-gadget-buttons {
    display: none;
  }
  .itemid-245 .slideshow-caption, .itemid-246 .slideshow-caption, .itemid-247 .slideshow-caption, .itemid-248 .slideshow-caption, .itemid-249 .slideshow-caption, .itemid-251 .slideshow-caption, .itemid-368 .slideshow-caption {
    padding-top: 15%;
  }
  .itemid-245 #g-showcase, .itemid-246 #g-showcase, .itemid-247 #g-showcase, .itemid-248 #g-showcase, .itemid-249 #g-showcase, .itemid-251 #g-showcase, .itemid-368 #g-showcase {
    margin-top: -130px;
  }
}
@media only all and (max-width: 30rem) {
  body {
    padding-right: 0px;
    padding-left: 0px;
  }
  #g-fullwidth h1, #g-fullwidth h2 {
    font-size: 2rem;
    letter-spacing: -2px;
    line-height: 2.4rem;
    margin: 3rem 0 1rem;
  }
  .g-hero-slider .g-hero-slider-item-container {
    padding: 0 20px;
    margin-top: 20px;
    padding-bottom: 60px;
  }
  .uk-slidenav-position {
    margin-top: 6rem;
  }
  h2.subhead_01 {
    font-size: 3rem;
    line-height: 2.9rem;
    margin-bottom: -50px;
  }
  h1, h2 {
    font-size: 1.3rem;
    margin-top: 0.5rem;
  }
  .introtext {
    margin-top: 3rem;
  }
  .g-gadgets .g-gadget-buttons {
    top: 124px;
  }
  .g-slideshow .style3 .g-slideshow-desc {
    margin-top: -150px;
  }
  .uk-slideshow {
    height: 400px !important;
  }
  .uk-position-cover {
    position: inherit !important;
    padding-top: 250px;
    margin-left: -290px;
    margin-top: 50px;
  }
  .video {
    height: 50px;
  }
  .g-slideshow .g-slideshow-desc {
    display: initial;
  }
  .itemid-245 #g-fullwidth h1, #g-fullwidth h2, .itemid-246 #g-fullwidth h1, .itemid-247 #g-fullwidth h1, .itemid-248 #g-fullwidth h1, .itemid-249 #g-fullwidth h1, .itemid-251 #g-fullwidth h1, .itemid-368 #g-fullwidth h1 {
    font-size: 2.8rem;
    letter-spacing: -2px;
    line-height: 3rem;
    margin: 3rem 0 -6rem;
  }
  video {
    /* override other styles to make responsive */
    width: 100% !important;
    height: auto !important;
  }
  .itemid-259 #g-fullwidth h1, #g-fullwidth h2, .itemid-260 #g-fullwidth h1, .itemid-261 #g-fullwidth h1, .itemid-262 #g-fullwidth h1, .itemid-264 #g-fullwidth h1, .itemid-266 #g-fullwidth h1 {
    font-size: 2.8rem;
    letter-spacing: -1px;
    line-height: 2.9rem;
    margin: 2rem 0 -5rem;
  }
  .itemid-259 .uk-position-cover, .itemid-260 .uk-position-cover, .itemid-261 .uk-position-cover, .itemid-262 .uk-position-cover, .itemid-264 .uk-position-cover, .itemid-266 .uk-position-cover {
    display: none;
  }
  .itemid-245 .uk-position-cover, .itemid-246 .uk-position-cover, .itemid-247 .uk-position-cover, .itemid-248 .uk-position-cover, .itemid-249 .uk-position-cover, .itemid-251 .uk-position-cover, .itemid-368 .uk-position-cover {
    display: none;
  }
  .g-logo {
    font-size: 2.5rem;
    margin-left: -50px;
    margin-top: 30px;
  }
  .itemid-259 .uk-slideshow, .itemid-260 .uk-slideshow, .itemid-261 .uk-slideshow, .itemid-262 .uk-slideshow, .itemid-264 .uk-slideshow, .itemid-266 .uk-slideshow {
    height: 270px !important;
  }
  .itemid-259 .slideshow-caption, .itemid-260 .slideshow-caption, .itemid-261 .slideshow-caption, .itemid-262 .slideshow-caption, .itemid-264 .slideshow-caption, .itemid-266 .slideshow-caption {
    padding-top: 150px;
    padding-left: 0px;
  }
  .itemid-259 #g-utility .button, .itemid-260 #g-utility .button, .itemid-261 #g-utility .button, .itemid-262 #g-utility .button, .itemid-263 #g-utility .button, .itemid-264 #g-utility .button {
    margin-top: -100px;
  }
  .g-social-search > span {
    display: inline-block;
    float: right;
    margin-top: -50px;
    margin-right: -60px;
  }
  .itemid-251 #g-showcase {
    padding: 3.5rem 0;
    background-color: #2c3640;
    color: #fff;
    margin-top: -152px;
  }
  .sprocket-mosaic .sprocket-mosaic-g-item .sprocket-mosaic-g-content .sprocket-mosaic-g-title {
    font-size: 2rem;
  }
  .itemid-242 .uk-position-cover {
    margin-left: 0px;
  }
  .g-gadgets .g-gadget-buttons {
    display: none;
  }
  .itemid-245 #g-showcase, .itemid-246 #g-showcase, .itemid-247 #g-showcase, .itemid-248 #g-showcase, .itemid-249 #g-showcase, .itemid-251 #g-showcase, .itemid-368 #g-showcase {
    margin-top: -130px;
  }
}
/* Portrait Ipad */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #g-fullwidth h1, #g-fullwidth h2 {
    font-size: 4.5rem;
    letter-spacing: -2px;
    line-height: 3.5rem;
  }
  video {
    /* override other styles to make responsive */
    width: 100% !important;
    height: auto !important;
  }
  .itemid-259 .uk-position-cover, .itemid-260 .uk-position-cover, .itemid-261 .uk-position-cover, .itemid-262 .uk-position-cover, .itemid-264 .uk-position-cover, .itemid-266 .uk-position-cover {
    display: none;
  }
}
/* Landscape Ipad*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #g-fullwidth h1, #g-fullwidth h2 {
    font-size: 4.5rem;
    letter-spacing: -2px;
    line-height: 3.5rem;
  }
  video {
    /* override other styles to make responsive */
    width: 100% !important;
    height: auto !important;
  }
  .itemid-259 .uk-position-cover, .itemid-260 .uk-position-cover, .itemid-261 .uk-position-cover, .itemid-262 .uk-position-cover, .itemid-264 .uk-position-cover, .itemid-266 .uk-position-cover {
    display: none;
  }
  .itemid-251 #g-fullwidth h1 {
    margin: -7rem 0 -1rem;
  }
  .itemid-251 #g-showcase {
    margin-top: 0px;
  }
  .g-animated-counter .g-animated-counter-number {
    font-size: 250%;
  }
  .g-animated-counter .g-animated-counter-title {
    font-size: 1rem;
  }
  .itemid-246 .g-slideshow .style3 .g-slideshow-desc, .itemid-247 .g-slideshow .style3 .g-slideshow-desc, .itemid-248 .g-slideshow .style3 .g-slideshow-desc, .itemid-249 .g-slideshow .style3 .g-slideshow-desc, .itemid-251 .g-slideshow .style3 .g-slideshow-desc, .itemid-368 .g-slideshow .style3 .g-slideshow-desc {
    margin-top: -200px;
  }
  .itemid-245 .slideshow-caption {
    padding-left: 20px;
    padding-top: 132px;
  }
  h2.subhead_01 {
    line-height: 4.3rem;
  }
  .itemid-245 #g-fullwidth, .itemid-246 #g-fullwidth, .itemid-247 #g-fullwidth, .itemid-248 #g-fullwidth, .itemid-249 #g-fullwidth, .itemid-251 #g-fullwidth, .itemid-368 #g-fullwidth {
    padding-top: 10rem;
  }
}
/* ==================================================
   CWJ TIMELINE CONTOUR CIRCLES

   Particle class:
   timeline-icon-list

   Item classes:
   timeline-contour-blue
   timeline-contour-green
   timeline-contour-purple

   Keep this block after all existing timeline CSS.
   ================================================== */
body .g-timeline.timeline-icon-list {
  --timeline-circle-size: 170px;
}
/* Make enough room for the larger circle beside the text. */
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content {
  position: relative !important;
  display: grid !important;
  grid-template-columns: var(--timeline-circle-size) minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  grid-template-areas: "icon year" "icon title" "icon description" !important;
  min-height: var(--timeline-circle-size) !important;
  column-gap: 2rem !important;
  row-gap: 0 !important;
  align-items: start !important;
  align-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Override the older 76px icon rules. */
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content > .g-timeline-icon {
  grid-area: icon !important;
  grid-row: 1 / -1 !important;
  grid-column: 1 !important;
  align-self: center !important;
  justify-self: center !important;
  position: relative !important;
  inset: auto !important;
  display: block !important;
  float: none !important;
  flex: none !important;
  width: var(--timeline-circle-size) !important;
  min-width: var(--timeline-circle-size) !important;
  max-width: var(--timeline-circle-size) !important;
  height: var(--timeline-circle-size) !important;
  min-height: var(--timeline-circle-size) !important;
  max-height: var(--timeline-circle-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background-color: #283338 !important;
  background-repeat: no-repeat !important;
  background-size: 225% auto !important;
  background-position: var(--contour-start-x, 5%) var(--contour-start-y, 15%) !important;
  background-blend-mode: normal !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 2px solid rgba(255, 255, 255, 0.13) !important;
  transform: none !important;
  animation: timeline-contour-pan 22s ease-in-out infinite alternate !important;
  animation-delay: var(--contour-delay, 0s) !important;
}
/* Remove Font Awesome and the previous tint overlays. */
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content > .g-timeline-icon::before, body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content > .g-timeline-icon::after {
  content: none !important;
  display: none !important;
}
/* Dark blue: original footer colour layers. */
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item.timeline-contour-blue > .g-content > .g-timeline-icon {
  --contour-start-x: 3%;
  --contour-start-y: 12%;
  --contour-end-x: 19%;
  --contour-end-y: 28%;
  --contour-delay: 0s;
  background-image: url('../../../../images/home/animated-contours-blue.svg') !important;
}
/* Green: genuine green fills on every SVG layer. */
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item.timeline-contour-green > .g-content > .g-timeline-icon {
  --contour-start-x: 45%;
  --contour-start-y: 38%;
  --contour-end-x: 62%;
  --contour-end-y: 56%;
  --contour-delay: -7s;
  background-image: url('../../../../images/home/animated-contours-green.svg') !important;
}
/* Purple: genuine purple fills on every SVG layer. */
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item.timeline-contour-purple > .g-content > .g-timeline-icon {
  --contour-start-x: 96%;
  --contour-start-y: 86%;
  --contour-end-x: 77%;
  --contour-end-y: 66%;
  --contour-delay: -14s;
  background-image: url('../../../../images/home/animated-contours-purple.svg') !important;
}
@keyframes timeline-contour-pan {
  from {
    background-position: var(--contour-start-x, 5%) var(--contour-start-y, 15%);
  }
  to {
    background-position: var(--contour-end-x, 20%) var(--contour-end-y, 30%);
  }
}
/* Slightly smaller on narrower three-column screens. */
@media only all and (max-width: 1300px) {
  body .g-timeline.timeline-icon-list {
    --timeline-circle-size: 135px;
  }
  body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content {
    column-gap: 1.4rem !important;
  }
}
/* The timeline items stack at this width, so the circle can grow again. */
@media only all and (max-width: 900px) {
  body .g-timeline.timeline-icon-list {
    --timeline-circle-size: 150px;
  }
}
@media only all and (max-width: 600px) {
  body .g-timeline.timeline-icon-list {
    --timeline-circle-size: 105px;
  }
  body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content {
    column-gap: 1.2rem !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content > .g-timeline-icon {
    animation: none !important;
  }
}
/* ==================================================
   SMOOTH LAVA MOTION ON HOVER

   Requires the three matching *-hover.svg files.
   Place this after timeline-contours.css.

   The fast SVG runs invisibly over the normal SVG.
   Hovering crossfades between them instead of abruptly
   replacing one background image with another.
   ================================================== */
/* Keep the original SVG on the circle during hover.
   This also neutralises the previous background-swap rules. */
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item.timeline-contour-blue > .g-content > .g-timeline-icon:hover {
  background-image: url('../../../../images/home/animated-contours-blue.svg') !important;
}
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item.timeline-contour-green > .g-content > .g-timeline-icon:hover {
  background-image: url('../../../../images/home/animated-contours-green.svg') !important;
}
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item.timeline-contour-purple > .g-content > .g-timeline-icon:hover {
  background-image: url('../../../../images/home/animated-contours-purple.svg') !important;
}
/* Prepare the invisible animated layer. */
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content > .g-timeline-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-repeat: no-repeat !important;
  background-size: 225% auto !important;
  background-position: var(--contour-start-x, 5%) var(--contour-start-y, 15%);
  border-radius: inherit !important;
  opacity: 0;
  transition: opacity 850ms cubic-bezier(0.22, 0.61, 0.36, 1);
  animation: timeline-contour-pan 22s ease-in-out infinite alternate !important;
  animation-delay: var(--contour-delay, 0s) !important;
  transform: none !important;
  pointer-events: none;
  z-index: 2;
}
/* Give each item its matching fast SVG. */
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item.timeline-contour-blue > .g-content > .g-timeline-icon::before {
  background-image: url('../../../../images/home/animated-contours-blue-hover.svg') !important;
}
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item.timeline-contour-green > .g-content > .g-timeline-icon::before {
  background-image: url('../../../../images/home/animated-contours-green-hover.svg') !important;
}
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item.timeline-contour-purple > .g-content > .g-timeline-icon::before {
  background-image: url('../../../../images/home/animated-contours-purple-hover.svg') !important;
}
/* Smoothly fade in the faster layer. */
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content > .g-timeline-icon:hover::before {
  opacity: 1;
}
/* A small expansion makes the hover feel responsive without jumping. */
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content > .g-timeline-icon {
  transition: scale 650ms cubic-bezier(0.22, 0.61, 0.36, 1), rotate 650ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}
body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content > .g-timeline-icon:hover {
  scale: 1.035;
  rotate: 0.35deg;
}
@media (prefers-reduced-motion: reduce) {
  body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content > .g-timeline-icon::before {
    animation: none !important;
    transition-duration: 250ms;
  }
  body .g-timeline.timeline-icon-list > .g-grid > .g-timeline-item > .g-content > .g-timeline-icon:hover {
    scale: 1.02;
    rotate: 0deg;
  }
}
/* ==================================================
   ANIMATED FEATURE CONTOUR ICONS

   Particle class:
   feature-contour-icons

   Item colour classes:
   feature-contour-blue
   feature-contour-green
   feature-contour-purple
   ================================================== */
/* Colour assets */
.feature-contour-blue {
  --feature-normal-image:
        url("/images/home/animated-contours-blue.svg");
  --feature-hover-image:
        url("/images/home/animated-contours-blue-hover.svg");
}
.feature-contour-green {
  --feature-normal-image:
        url("/images/home/animated-contours-green.svg");
  --feature-hover-image:
        url("/images/home/animated-contours-green-hover.svg");
}
.feature-contour-purple {
  --feature-normal-image:
        url("/images/home/animated-contours-purple.svg");
  --feature-hover-image:
        url("/images/home/animated-contours-purple-hover.svg");
}
/* ==================================================
   NORMAL ICON
   Keeps the existing 100px circle size
   ================================================== */
body .g-features-particle.feature-contour-icons .g-features-particle-item .g-features-particle-icon {
  --feature-icon-size: 100px;
  position: relative !important;
  display: inline-block !important;
  width: var(--feature-icon-size) !important;
  min-width: var(--feature-icon-size) !important;
  max-width: var(--feature-icon-size) !important;
  height: var(--feature-icon-size) !important;
  min-height: var(--feature-icon-size) !important;
  max-height: var(--feature-icon-size) !important;
  margin-bottom: 0.75rem !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background-color: #283338 !important;
  background-image: var(--feature-normal-image, url('../../../../images/home/animated-contours-blue.svg')) !important;
  background-repeat: no-repeat !important;
  background-size: 240% auto !important;
  background-position: var(--feature-start-x, 5%) var(--feature-start-y, 15%);
  background-blend-mode: normal !important;
  /* Remove Font Awesome */
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  animation: feature-contour-pan 24s ease-in-out infinite alternate !important;
  animation-delay: var(--feature-delay, 0s) !important;
}
/* Remove the Font Awesome symbol */
body .g-features-particle.feature-contour-icons .g-features-particle-icon::before {
  content: none !important;
  display: none !important;
}
/* Prevent the theme from replacing the SVG with a flat colour */
body .g-features-particle.feature-contour-icons .g-features-particle-item .g-content:hover .g-features-particle-icon {
  color: transparent !important;
  background-color: #283338 !important;
  background-image: var(--feature-normal-image, url('../../../../images/home/animated-contours-blue.svg')) !important;
}
/* ==================================================
   FAST HOVER SVG LAYER

   The existing g-circle-border becomes the hover
   image, so no additional HTML is required.
   ================================================== */
body .g-features-particle.feature-contour-icons .g-features-particle-icon .g-circle-border {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: var(--feature-hover-image, url('../../../../images/home/animated-contours-blue-hover.svg')) !important;
  background-repeat: no-repeat !important;
  background-size: 240% auto !important;
  background-position: var(--feature-start-x, 5%) var(--feature-start-y, 15%);
  border: 0 !important;
  border-radius: inherit !important;
  opacity: 0;
  transform: none !important;
  transition: opacity 850ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  animation: feature-contour-pan 24s ease-in-out infinite alternate !important;
  animation-delay: var(--feature-delay, 0s) !important;
  pointer-events: none;
  z-index: 2;
}
/* Smoothly reveal the faster animated layers */
body .g-features-particle.feature-contour-icons .g-features-particle-item .g-content:hover .g-circle-border, body .g-features-particle.feature-contour-icons .g-features-particle-item .g-content:focus-within .g-circle-border {
  opacity: 1;
  transform: none !important;
}
/* Gentle response without changing colour or brightness */
body .g-features-particle.feature-contour-icons .g-features-particle-icon {
  transition: scale 650ms cubic-bezier(0.22, 0.61, 0.36, 1), rotate 650ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}
body .g-features-particle.feature-contour-icons .g-features-particle-item .g-content:hover .g-features-particle-icon, body .g-features-particle.feature-contour-icons .g-features-particle-item .g-content:focus-within .g-features-particle-icon {
  scale: 1.045;
  rotate: 0.4deg;
}
/* ==================================================
   DIFFERENT SVG AREAS AND ANIMATION TIMINGS
   Automatically varies all six feature icons
   ================================================== */
/* First row, item one */
body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(1) > .g-features-particle-item:nth-child(1) {
  --feature-start-x: 3%;
  --feature-start-y: 12%;
  --feature-end-x: 20%;
  --feature-end-y: 28%;
  --feature-delay: 0s;
}
/* First row, item two */
body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(1) > .g-features-particle-item:nth-child(2) {
  --feature-start-x: 45%;
  --feature-start-y: 38%;
  --feature-end-x: 62%;
  --feature-end-y: 55%;
  --feature-delay: -5s;
}
/* First row, item three */
body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(1) > .g-features-particle-item:nth-child(3) {
  --feature-start-x: 94%;
  --feature-start-y: 82%;
  --feature-end-x: 76%;
  --feature-end-y: 65%;
  --feature-delay: -10s;
}
/* Second row, item one */
body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(2) > .g-features-particle-item:nth-child(1) {
  --feature-start-x: 18%;
  --feature-start-y: 76%;
  --feature-end-x: 36%;
  --feature-end-y: 58%;
  --feature-delay: -15s;
}
/* Second row, item two */
body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(2) > .g-features-particle-item:nth-child(2) {
  --feature-start-x: 70%;
  --feature-start-y: 18%;
  --feature-end-x: 52%;
  --feature-end-y: 35%;
  --feature-delay: -8s;
}
/* Second row, item three */
body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(2) > .g-features-particle-item:nth-child(3) {
  --feature-start-x: 84%;
  --feature-start-y: 72%;
  --feature-end-x: 65%;
  --feature-end-y: 88%;
  --feature-delay: -18s;
}
@keyframes feature-contour-pan {
  from {
    background-position: var(--feature-start-x, 5%) var(--feature-start-y, 15%);
  }
  to {
    background-position: var(--feature-end-x, 20%) var(--feature-end-y, 30%);
  }
}
@media (prefers-reduced-motion: reduce) {
  body .g-features-particle.feature-contour-icons .g-features-particle-icon, body .g-features-particle.feature-contour-icons .g-circle-border {
    animation: none !important;
  }
  body .g-features-particle.feature-contour-icons .g-circle-border {
    transition-duration: 250ms !important;
  }
}
/* Brighter feature contour icons for dark backgrounds */
body .g-features-particle.feature-contour-icons .g-features-particle-icon {
  filter: brightness(1.9) saturate(1.18) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}
/* ==================================================
   MORE VARIED PURPLE SVG CROPS
   ================================================== */
/* Top purple icon: top-right detailed area */
body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(1) > .g-features-particle-item:nth-child(2) {
  --feature-start-x: 96%;
  --feature-start-y: 4%;
  --feature-end-x: 72%;
  --feature-end-y: 28%;
}
/* Show more of the artwork */
body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(1) > .g-features-particle-item:nth-child(2) .g-features-particle-icon, body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(1) > .g-features-particle-item:nth-child(2) .g-circle-border {
  background-size: 185% auto !important;
}
/* Bottom purple icon: close-up of the bottom area */
body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(2) > .g-features-particle-item:nth-child(1) {
  --feature-start-x: 72%;
  --feature-start-y: 96%;
  --feature-end-x: 94%;
  --feature-end-y: 64%;
}
/* Zoom further into the artwork */
body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(2) > .g-features-particle-item:nth-child(1) .g-features-particle-icon, body .g-features-particle.feature-contour-icons > .g-grid:nth-of-type(2) > .g-features-particle-item:nth-child(1) .g-circle-border {
  background-size: 290% auto !important;
}
/* Clickable feature contour icons */
body .g-features-particle.feature-contour-icons .feature-contour-icon-link {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-bottom: 0.75rem;
  border-radius: 50%;
  line-height: 0;
  vertical-align: top;
}
/* Move the spacing from the icon onto its new link */
body .g-features-particle.feature-contour-icons .feature-contour-icon-link .g-features-particle-icon {
  margin-bottom: 0 !important;
}
/* Visible keyboard focus */
body .g-features-particle.feature-contour-icons .feature-contour-icon-link:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 5px;
}
/* Keep hero statistic numbers clear of their labels on every case study. */
body.outline-29 .g-animated-counter.small-box .g-animated-counter-number {
  margin: 0 0 0.5rem !important;
  line-height: 1 !important;
}
body.outline-29 .g-animated-counter.small-box .g-animated-counter-title {
  margin: 0 !important;
  line-height: 1.05 !important;
}
/* Explicit two-tone lines in the shared case-study services module. */
body.outline-29 #module-features-746-particle .g-features-particle-title a {
  color: #ffffff !important;
}
body.outline-29 #module-features-746-particle .g-features-particle-title .mainpurple {
  color: #8876a4 !important;
}
/*# sourceMappingURL=custom_29.css.map */