/* @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap'); */




/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
  }

  /*
   * Remove text-shadow in selection highlight:
   * https://twitter.com/miketaylr/status/12228805301
   *
   * Vendor-prefixed and regular ::selection selectors cannot be combined:
   * https://stackoverflow.com/a/16982510/7133471
   *
   * Customize the background color to match your design.
   */

  ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  ::selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  ::placeholder {
    color: #414141;
  }

  ::-webkit-input-placeholder {
    color: #414141;
  }

  :-moz-placeholder {
    color: #414141;
  }

  :-moz-placeholder {
    color: #414141;
  }

  :-ms-input-placeholder {
    color: #414141;
  }


  /*
   * A better looking default horizontal rule
   */

  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }

  /*
   * Remove the gap between audio, canvas, iframes,
   * images, videos and the bottom of their containers:
   * https://github.com/h5bp/html5-boilerplate/issues/440
   */

  audio,
  canvas,
  iframe,
  img,
  svg,
  video {
    vertical-align: middle;
  }

  /*
   * Remove default fieldset styles.
   */

  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }

  /*
   * Allow only vertical resizing of textareas.
   */

  textarea {
    resize: vertical;
  }

  /* ==========================================================================
     Author's custom styles
     ========================================================================== */


  *,
  ::before,
  ::after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
  }


  body, html {
      height: 100%;
      font-size: 16px;
      line-height: 24px;
      color: #222222;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-weight: normal;
      letter-spacing: .005em;
      background-color: #ffffff;
      font-family: "Manrope", sans-serif;
  }

  body a:link {
      color: #da281a;
      text-decoration: none;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
  }
  body a:visited {
      color: #da281a;
  }
  body a:hover {
      color: #e73a2c;
  }
  body a:active {
      color: #da281a;
  }

  p {
      margin: 0px 0px 20px 0px;
  }

  b, strong {
      font-weight:600;
  }

  h1, h2, h3, h4, h5 {
      font-weight: normal;
      margin: 0px 0px 20px 0px;
  }

  h1 {
      font-size: 66px;
      line-height: 66px;
      color: #4d5d61;
      font-weight: 600;
      font-style: italic;
  }

  h2 {
      font-size: 38px;
      line-height: 38px;
      font-weight: 600;
      font-style: italic;
      color: #4d5d61;

  }

  h3 {
      font-size: 20px;
      line-height: 26px;
      color: #222222;
  }

  h4 {
      font-size: 18px;
      line-height: 24px;
      color: #222222;
  }


  #wrap-franchise ul {
      margin: 0px 0px 20px 15px;
      list-style-position: outside;
      padding: 0px;
  }
  #wrap-franchise ul li {
      margin: 0px 0px 5px 0px;
  }

  #wrap-franchise li {
      list-style-image: url(../img/red-circle-icon.svg);
      padding-inline-start: 10px;
  }

  	#wrap-franchise ol {
    padding: 0 0px 0px 15px;
	}

	#wrap-franchise ol li {
	list-style-image: none;
	}


	#wrap-franchise table {
		border-collapse: collapse;
		margin: 10px 0;
		font-size: 0.9em;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
		min-width: 100%;
	}

	#wrap-franchise thead tr {
		background-color: #da281a;
		color: #ffffff;
		text-align: left;
	}

	#wrap-franchise th,
	#wrap-franchise td {
		padding: 12px 15px;
	}

	#wrap-franchise tbody tr {
		border-bottom: 1px solid #d5dbdb;
	}

	#wrap-franchise tbody tr:nth-of-type(even) {
		background-color: #ebeded;
	}

	#wrap-franchise tbody tr:last-of-type {
		border-bottom: 1px solid #a5adaf;
	}

	#wrap-franchise .note {
		font-size: 12px;
		line-height: 24px;
	}

  ul.tick-list {
      margin: 0px 0px 20px 0px;
  }

  .tick-list li {
      list-style-image: url(../img/sp-red-tick.svg);
      padding-inline-start: 0px;
      list-style-position: inside;
      margin: 8px 0px;
      border-bottom: 1px solid #4d5d61;
  }



  #wrap-franchise {
      position: relative;
      float: left;
      width: 100%;
      height: 100%;
      z-index: 1;
  }

  #wrap-franchise img {
      max-width: 100%;
      height: auto;
      display: initial;
      backface-visibility: initial;
      position: inherit;
  }

  #wrap-franchise .centered {
      text-align: center;
  }

  #wrap-franchise .right {
      text-align: right;
  }

  .block-header-call a:link {
      color: #ffffff;
  }

  .site-header .row.bottom .wrap {
      line-height: initial;
  }

  .primary-navigation .menu a {
      -webkit-font-smoothing: initial;
  }



  main {
      float: left;
      width: 100%;
  }

  .default-content {
      float: left;
      width: 100%;
      position: relative;
  }

  .default-content.flex {
     display: flex;
  }



  .top-banner-carousel .one-grid-inner{
      position: relative;
      height: 760px;
  }

  .top-banner-carousel .content,
  .top-banner-welcome .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }




  .product-code {
      margin: 0px;
      color: #222222;
  }

  .grey-fade {
      background: rgb(165,173,175);
      background: linear-gradient(75deg, rgba(165,173,175,1) 0%, rgba(235,237,237,1) 100%);
  }



  /* Flex Grid Tests Mobile First*/

  .flex-wrap {
      width: calc(100% - 80px);
      margin: 0 auto;
  }

  .flex-inner {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      /* gap: 20px 20px; */
  }

  .one-col,
  .two-col {
      display: flex;
      flex-direction: column;
      flex-basis: 100%;
  }


  @media screen and (min-width: 900px) {

      .flex-wrap {
          width: calc(100% - 40px);
      }

      .one-col {
          flex: 1;
      }

      .two-col {
          flex: 2;
      }
  }

  @media screen and (min-width: 1200px) {

      .flex-wrap {
          width: 1200px;
      }

      /* .flex-inner {
          gap: 20px 20px;
      }*/
  }






  /* Grids */

  .full-width {
      width: 100%;
      padding: 0 20px;
      float: left;
  }


  .zero-grid-inner {
      width: 1400px;
      margin: 0 auto;
  }

  .zero-grid {
      width: 1400px;
      margin: 0px 20px;
      float: left;
      height: auto;
      position: relative;
  }


  .one-grid-inner {
      width: 1240px;
      margin: 0 auto;
  }

  .one-grid {
      width: 1200px;
      margin: 0px 20px;
      float: left;
      height: auto;
      position: relative;
  }


  .narrow-grid-inner {
      width: 1040px;
      margin: 0 auto;
  }

  .narrow-grid {
      width: 1000px;
      margin: 0px 20px;
      float: left;
      height: auto;
      position: relative;
  }



  .two-grid-inner {
      width: 1240px;
      margin: 0 auto;
  }

  .two-grid-inner.flex {
	display: flex;
	flex-wrap: wrap;
}

  .two-grid {
      width: 580px;
      margin: 0px 20px;
      float: left;
      height: auto;
      position: relative;
  }


  .three-grid-inner {
      width: 1239px;
      margin: 0 auto;
  }

  .three-grid-inner.flex {
      display: flex;
      flex-wrap: wrap;
  }

  .three-grid {
      width: 373px;
      margin: 0px 20px;
      float: left;
      height: auto;
      position: relative;
  }

  .three-grid.flex {
      display: flex;
      align-items: stretch;
      flex-direction: column;
  }

  .three-grid-slider {
      width: calc(100% - 40px);
      margin: 0px 20px;
      float: left;
      height: auto;
      position: relative;
  }


  .two-of-three-grid{
      width: 786px;
      margin: 0px 20px;
      float: left;
      height: auto;
      position: relative;
  }


  .four-grid-inner {
      width: 1240px;
      margin: 0 auto;
  }
  .four-grid {
      width: calc(25% - 40px);
      margin: 0px 20px;
      float: left;
      height: auto;
      position: relative;
  }


  .five-grid-inner {
      width: 1400px;
      margin: 0 auto;

  }

  .five-grid-inner.flex {
	display: flex;
	flex-wrap: wrap;
}


  .five-grid {
      width: calc(20% - 20px);
      margin: 0px 10px;
      float: left;
      height: auto;
      position: relative;
  }

  .five-grid.flex {
	display: flex;
	align-items: stretch;
	flex-direction: column;
}

  .six-grid-inner {
      width: 1220px;
      margin: 0 auto;
  }



 .six-grid {
      width: calc(16.666% - 20px);
      margin: 20px 20px 0px 0px;
      float: left;
      height: auto;
      position: relative;
  }

  .col-1.sp-gallery {
    padding-right: 0;
}


  .match-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }


  .match-height.item {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
  }

  .padding-40 {
    padding: 40px;
  }

  .margin-base-40 {
      margin-bottom: 40px;
  }


  .post-carousel .item,
  .page-carousel .item {
     height: 100%
  }

  .slick-track {
      display: flex !important;
  }

  .slick-slide {
      height: inherit !important;
  }

  .inset-border {
      width: 100%;
      position: absolute;
      bottom: 0;
  }


  .inset-border-inner {
      margin: 0 auto;
      width: 1400px;
      height: 100px;
      /* position: relative; */
      /* bottom: 0; */
  }


  .welcome-icon {
      border-radius: 30px;
      display: inline-block;
      height: 60px;
      line-height: 60px;
      text-align: center;
      width: 60px;
      background: #222222;
      font-size: 30px;
      margin: 0px 5px 20px 0px;
      color: #ffffff;
  }

  #welcome-section .two-grid a {
      width: 100%;
      height: 100%;
  }


  .top-banner-welcome .one-grid-inner{
      position: relative;
      height: 760px;
  }




  .top-base-120  {
      padding: 120px 0px 120px 0px;
  }

  .top-120  {
      padding: 120px 0px 0px 0px;
  }

  .base-120  {
      padding: 0px 0px 120px 0px;
  }

  .base-240 {
      padding-bottom: 240px;
  }

  .base-0 {
      margin-bottom: 0px;
  }

  .base-20 {
      padding-bottom: 20px;
  }

  .base-40 {
      margin-bottom: 40px;
  }



  .process-carousel,
  .page-carousel,
  .post-carousel {
      width: 100%;
      float: left;
  }


  .page-carousel .content{
      padding: 40px 40px 40px 40px;
  }


  .process-carousel .three-grid-slider {
      height: 100%;
  }

  .process-carousel .right-side-arrow {
      position: absolute;
      height: 40px;
      width: 20px;
      right: -20px;
      margin-top: -40px;
      background-image: url(../img/right-side-arrow.svg);
      background-repeat: no-repeat;
      background-position: left top;
  }


  .edge-mask-left {
      background: #ffffff;
      width: 20px;
      height: 100%;
      position: absolute;
      z-index: 1;
  }

  .page-carousel,
  .post-carousel {
      width: 100%;
      margin: 0px auto;
  }

  .page-carousel .button,
  .postcarousel .button {
       margin: 10px 12px 40px 0px;
  }

  .page-carousel .heading,
  .post-carousel .heading{
      float: left;
      width: 100%;
      position: relative;
  }

  .page-carousel img,
  .post-carousel img {
          width: 100%;
  }

  .post-date {
      font-size: 14px;
      line-height: 16px;
  }


  .slick-slide img {
      width: 100%;
      height: auto;
  }

  .uppercase {
      text-transform: uppercase
  }



  /* Colours */


  .light-grey {
      background-color: #ebeded;
  }

  .light-grey-screen-pattern {
      background-color: #ebeded;
      background-image: url(../img/screen-pattern-01.png);
      background-repeat: repeat-x;
      background-position: center bottom;
  }

  .white-screen-pattern {
      background-color: #ffffff;
      background-image: url(../img/white-screen-pattern-01.png);
      background-repeat: repeat-x;
      background-position: center bottom;
  }

  .white {
      background-color: #ffffff;
      color: #222222;
  }

  .darkest-grey {
      background-color: #333333;
      color: #ffffff;
  }

  .darkest-grey a:link,
  .darkest-grey a:hover,
  .darkest-grey a:visited,
  .darkest-grey a:active {
      color: #ffffff;
  }

  .red {
      color: #da281a;
  }

	.sp-secondary-blue {background-color: #84c9e9;}
	.sp-secondary-green {background-color: #88cbca;}
	.sp-secondary-red {background-color: #e7424f;}
	.sp-secondary-grey {background-color: #576367;}
	.sp-secondary-beige {background-color: #d6d2a7;}



  /*SP
  ================================== */

  .review-location {
      color: #da281a;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 14px;
      line-height: 16px;
  }

  .stars {
      margin-bottom: 10px;
      letter-spacing: 7px;
      font-size: 16px;
      color: #4d5d61;
  }


  .left-content {
      float: left;
      width: 50%;
      position: relative;
  }


  .right-content {
      float: right;
      width: 50%;
      position: relative;
  }

  .underlayed-image {
      height: 100%;
  }

  .overlayed-box {
      margin-top: 80px;
      margin-bottom: 120px;
      margin-left: -100px;
  }

  .two-grid.overlayed-box {
      width: 670px;
  }

  .content {
      float: left;
      width: 100%;
  }

  .overlayed-box .content {
      margin-top: -60px;
      padding-top: 80px;
      padding-right: 100px;
      padding-left: 100px;
  }

  .slide-number-wrap {
      border: 1px solid #da281a;
      background: #ffffff;
      width: 80px;
      height: 80px;
      color: #da281a;
      text-align: center;
      border-radius: 50%;
      font-size: 28px;
      line-height: 28px;
      font-style: italic;
      font-weight: 600;
      display: flex;
      margin-top: -80px;
      margin-bottom: 20px;
  }

  .slide-number {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
  }


  .process-carousel-wrap {
      position: relative;
      float: left;
      width: 100%;
  }


  .system-item {
      display: flex;
      flex-direction: column;
  }

  .system-item-icon,
  .system-item-text {
      text-align: center;
      margin-bottom: 20px;
  }


  .right-fade {
      width: 33.33%;
      height: 100%;
      background: rgb(235,237,237);
      background: linear-gradient(90deg, rgba(235,237,237,0) 0%, rgba(235,237,237,1) 80%);
      position: absolute;
      right: 0;
      pointer-events: none;
  }

  .float-right {
      float: right;
  }

  .header-message {
      float: right;
      font-size: 20px;
      line-height: 28px;
      margin-top: 64px;
      display: block;
  }

  .padding-right-100 {
      padding-right: 100px;
  }


  .padding-left-100 {
      padding-left: 100px;
  }

  .margin-right-40 {
      margin-right: 40px;
  }


  .tick-list .tick {
      display: flex;
      padding-right: 15px;
      min-width: 20px;
  }

  .sp-list-item {
      border-bottom: 1px solid #a5adaf;
      display: flex;
      align-items: center;
      font-size: 18px;
      line-height: 24px;
      padding: 8px 0px;
  }

  .sp-list-item img {
      min-width: 20px;
  }


  .sp-mesh-background {
      position: absolute;
      top: 0;
      border: 0;
      left: 0;
      right: 0;
      width: 50%;
      height: 100%;
      background-image: url(../img/sp-mesh-bg.png);
      background-repeat: no-repeat;
      background-position: left bottom;
      background-size: 800px 800px
  }


	#statistics {
		color: #ffff;
	}
	#statistics h1 {
		color: #ffffff;
	}

	#statistics .item {
		background-image: url(../img/grey-transparent-screen-pattern-01.png);
		background-repeat: repeat-x;
		background-position: center bottom;
		text-align: center;
	}

	#statistics .full-width {
		text-align: center;
	}



  /*Form Styling
  ================================== */


  input[type=email], input[type=number], input[type=password], input[type=submit], input[type=text], textarea, select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }


  input, textarea, select {
      outline: none;
      border-radius: 0;
  }
  input, input[type=email], input[type=text], textarea {
      float: left;
      color: #222222;
      width: 100%;
      background-color: #ffffff;
      font-size: 14px;
      line-height: 30px;
      position: relative;
      border: none;
      padding: 8px 15px 9px;
      border: 1px solid #ffffff;
      -webkit-transition: all .4s ease;
      transition: all .4s ease;
      border-radius: 0px;
      margin-bottom: 2px;
  }

  input[type=checkbox], input[type=radio] {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      width: auto;
      margin-right: 5px;
      margin-top: 4px;
  }


  select {
      background: url(../img/down-arrow-01.svg) no-repeat right;
      width: 100%!important;
      color: #414141;
      height: 50px;
      background-color: #f5f7f9;
      font-size: 14px;
      line-height: 30px;
      position: relative;
      border: none;
      padding: 8px 15px 9px;
      border: 1px solid #f6f6f7;
      -webkit-transition: all .4s ease;
      transition: all .4s ease;
      border-radius: 0px;
      margin-bottom: 10px;
  }

  input:focus, textarea:focus, select:focus {
      background-color: #fff;
      border-color: #f5f7f9;
  }

  input[type=submit] {
      width: auto;
  }




  input[type="search"] {
      width: calc(100% - 60px);
      background-color: #f5f7f9;
      padding: 8px 15px 9px;
      border: 0;
      border-radius: 0px;
  }

  input.search-submit {
      font-size: 14px;
      line-height: 30px;
      width: 60px;
      border: 0px;
      border-radius: 0px;
      background: url(../img/search.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 20px;
      background-color: #f5f7f9;
      padding: 8px 15px 9px;
      cursor: pointer;
  }

  .input-row {
      padding-left: 0;
      margin-bottom: 0;
  }

  .input:focus {
      box-shadow: inherit;
  }

  .wpcf7-response-output {
      margin-top: 10px;
  }


  .hide-desktop {
      display: none;
  }

  .gcap {
    padding-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
}

#g-recaptcha-error {
	margin-top: 10px;
}




  /* Accordian
  ================================== */

  .question {
      position: relative;
      border-bottom: 1px solid #90a0b0;
  }


  .question-heading {
      position: relative;
  }


  .question h3 {
      color: #222222;
      padding: 20px 40px 20px 10px;
      margin: 0px;
      -webkit-transition: all 800ms ease-out;
      -moz-transition: all 800ms ease-out;
      -o-transition: all 800ms ease-out;
      transition: all 800ms ease-out;
      cursor: pointer;
  }


  .question h3:hover {
      background: #ebeded;
  }

  .question.active h3 {
      color: #da291b;
  }


  .answer {
      margin-top: 10px;
      padding: 0px 10px;
      display: none;
      margin-bottom: 20px;
  }

  .arrow {
      width: 35px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      flex-direction: initial;
      align-items: center;
      justify-content: center;
  }

  .arrow:before {
      content: "\f175";
      font-family: "Font Awesome 5 Pro";
      font-weight: 100;
      font-size: 26px;
      line-height: 26px;
      color: #da281a;
  }

  .question.active .arrow{
      transform: rotate(180deg);
  }




  .table-tick {
      height: 10px;
      margin: 10px 15%;
      border-radius: 8px;
  }



  .image img {
      max-width: 100%;
      height: auto;
      display: initial;
  }

  .circular-crop {
      position: relative;
  }

  .circular-crop img {
      border-radius: 50%;
      width: 120px;
      height: 120px;
      border: #ebeded solid 2px
  }

  .background-image{
      background: center center no-repeat;
      background-size: cover;
      height: 100%;
  }







  /* Videos */

  #video-list h3 {
      margin-bottom: 10px;
  }

  #video-list .video-play {
      height: calc(100% - 40px);
  }


  .video-container {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 1000px;
      text-align: center;
  }

  .video-item {
      float: left;
      width: 100%;
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
      margin: 0 0 20px
  }
  .video-item embed, .video-item iframe, .video-item object {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
  }

  .video-play {
      width: 100%;
      height: 100%;
      float: left;
      position: absolute;
      background-image: url(../img/video-play-button.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 60px;
      cursor: pointer;
  }

  .video-wrap {
      position: relative;
          float: left;
  }


  .grtyoutube-popup {
      position:fixed;
      top:0;
      left:0;
      right:0;
      bottom:0;
      z-index:99999;
  }

  .grtyoutube-popup-close {
      position: absolute;
      top: -40px;
      right: 0;
      color: #FFF;
      font-size: 30px;
      /* width: 17px; */
      /* height: 17px; */
      cursor: pointer;
  }

  .grtyoutube-dark-theme{
      background: #333333; /* IE fallback */;
      background: rgba(0 0 0 / .8);
  }

  .youtube-link {
    position: relative;
    float: left;
}


#franchisee-testimonials .video-play {
    background-position: right 20px bottom 15px;
}

#franchisee-testimonials .light-grey-screen-pattern {
        background-color: #ffffff;
        background-image: url(../img/white-screen-pattern-01.png);
        background-repeat: repeat-x;
        background-position: center bottom;
    }

    #franchisee-testimonials p {
        margin-bottom: 0px;
    }




  .button {
      font-family: "Manrope", sans-serif;
      font-weight: 700;
      display: inline-block;
      padding: 11px 40px 12px 40px;
      font-size: 16px;
      line-height: 16px;
      text-transform: uppercase;
      margin: 10px 12px 0px 0px;
      color: #FFFFFF;
      background-color: #da281a;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out;
      cursor: pointer;
      outline: none;
      border-radius: 0;
      border-width: 0px;
  }
  .button:hover, .button:active, .button:focus {
      color: #FFFFFF;
      background-color: #e73a2c;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out;
      border: 0px;
  }

  .button-align-base {
      position: absolute;
      bottom: 0px;
  }

  .text-button {
      font-weight: 600;
      text-transform: uppercase;
      color: #da281a;
      font-size: 14px;
      line-height: 16px;
  }

  .text-button .fa-long-arrow-right{
      margin: 0px 0px 0px 10px;
      font-size: 27px;
      vertical-align: middle;
  }

  .fal.fa-file-download{
      margin: 0px 0px 0px 10px;
      font-size: 20px;
      vertical-align: middle;
  }


  .slider-arrows {
      float: right;
  }

  .slider-title {
      float: left;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-weight: 600;
      font-size: 18px;
      line-height: 32px;
      color: #4d5d61;
  }


  .slider-arrows .slider-arrow-right,
  .slider-arrows .slider-arrow-right2 {
      display: inline-block;
      height: 32px;
      line-height: 32px;
      text-align: right;
      width: 32px;
      font-size: 32px;
      margin: 0px;
      color: #da281a;
      cursor: pointer;
  }


  .slider-arrows .slider-arrow-left,
  .slider-arrows .slider-arrow-left2{
      display: inline-block;
      height: 32px;
      line-height: 32px;
      text-align: left;
      width: 32px;
      font-size: 32px;
      margin: 0px 5px 10px 0px;
      color: #da281a;
      cursor: pointer;
  }


  .process-carousel .image {
      float: left;
  }


  /* Filtering */



  .filter-category-name {
      float: left;
      font-size: 14px;
      line-height: 14px;
      padding: 12px 0px 11px 20px;
      margin-right: 1px;
      width: 160px;
  }

  .filters .button {
    background-color: #f3f3f3;
    text-transform: none;
    padding: 12px 20px 11px 20px;
    font-size: 14px;
    line-height: 14px;
    margin-top: 0px;
    color: #1f1c1c;
    border-bottom: 1px solid #fff;
    font-weight: 400;
    min-width: inherit;
}

  .filters .button:hover {
    background-color: #efefef;
    color: #222;
  }

  .filters .button:active,
  .filters .button.is-checked {
    background-color: #da281a;
  }

  .filters .button.is-checked {
    color: white;
  }

  .button-group:after {
    content: '';
    display: block;
    clear: both;
  }

  .button-group .button {
    float: left;
    border-radius: 0;
    margin-left: 0;
    margin-right: 1px;
  }






  .slider-arrows.right {
      float: right;
      display: block;
  }

  h4.carousel-heading {
      display: inline-block;
      margin: 5px 0 0 0;
  }

  .social a:link {
      display: inline-block;
      height: 30px;
      line-height: 30px;
      text-align: center;
      font-size: 15px;
      margin: 0px 5px 0px 0px;
      color: #ffffff;
      padding: 0px 10px 0px 0px;
  }
  .social a:visited {
      color: #ffffff;
  }
  .social a:hover {
      color: #a5adaf;
  }
  .social a:active {
      color: #ffffff;
  }

  #wrap-franchise ul.items {margin: 0px;padding: 0px;}
#wrap-franchise ul.items li {padding: 0px;list-style-image: none; margin-bottom: 1.25em;}
#wrap-franchise ul.items li a:link {color: #1f1c1c;}
#wrap-franchise ul.items li a:visited {color: #1f1c1c;}

  #wrap-franchise footer {
      float: left;
      width: 100%;
      position: relative;
      padding: 100px 0px 0px;
      color: #4d5d61;
      font-size: 14px;
  }

  #wrap-franchise .footer-menu {
      float: left;
      width: 100%;
      margin: 0px 0px 120px 0px;
  }

  #wrap-franchise footer .fa-check {
      margin-right: 15px;
  }


  #wrap-franchise footer h3 {
      margin: 0px;
      color: #4d5d61;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 600;
  }

  #wrap-franchise footer h3 a:link,
  #wrap-franchise footer h3 a:visited {
      color: #4d5d61;
  }

  #wrap-franchise footer .button {
      margin: 5px 0px 38px 0;
      padding: 10px 38px;
      font-size: 12px;
      line-height: 12px;
  }

  #wrap-franchise footer .scroll-to-top {
      width: 60px;
      height: 60px;
      text-align: center;
      position: fixed;
      bottom: 0px;
      right: 0px;
      display: none;
      z-index: 99;
      background-color: rgb(51 51 51 / 25%);
      transition: transform 0.3s;
      overflow: hidden;
      font-size: 30px;
      padding-top: 17px;
      cursor: pointer;
      color: #ffffff;
  }


  #wrap-franchise footer ul {
      margin: 0px;
      padding: 0px;
  }

  #wrap-franchise footer ul li {
      display: block;
      position: relative;
      margin: 0px;
      padding-inline-start: 0px;
  }

  #wrap-franchise footer ul li::before {
      content: none;
  }

  #wrap-franchise footer ul li a:link,
  #wrap-franchise footer ul li a:visited {
      color: #4d5d61;
      font-size: 14px;
  }

.header-message {
    display: none;
}

  footer.site-footer {
      float: left;
      width: 100%;
      -webkit-font-smoothing: initial;
  }

  .site-footer .top h3 {
    color: #da291b;
    margin: 0px;
    font-weight: 600;
    line-height: 1.15;
}

.site-footer .contact-details h3 {
    margin-bottom: 2.25em;
}

.block-footer-social p {
    margin: 1.5em 0;
    line-height: 1.5;
}

  .menu-footer-locations-menu-container li a {
    display: inline-block;
    color: #666666;
    padding: 0.5em;
}



  #primary-nav-mobile a:link,
  #primary-nav-mobile a:visited,
  #primary-nav-mobile a:active {
      color: #ffffff;
  }

  #primary-nav-mobile li {
      padding-inline-start: inherit;
  }




  #copyright-base {
      padding: 15px 0px;
  }

  #wrap-franchise .copyright {
      float: right;
  }

  #wrap-franchise .copyright ul li {
      margin: 8px 0px 0px 0px;
      font-size: 12px;
      line-height: 12px;
      float: left;
      padding: 0px 10px ;
      border-left: solid 1px #ffffff
  }

  #wrap-franchise .copyright ul li:first-of-type {
      padding: 0px 10px ;
      border-left: none;
  }


  #wrap-franchise .copyright ul li:last-of-type {
      padding: 0px 0px 0px 10px  ;
  }

  #wrap-franchise .copyright ul li a:link,
  #wrap-franchise .copyright ul li a:visited {
      font-size: 12px;
      line-height: 12px;
      color: #ffffff;
  }



  @media only screen and (min-width: 48em)  {
  .embeddedServiceHelpButton .helpButton, .embeddedServiceHelpButton.embeddedServiceBottomTabBar .helpButton {
      position: fixed;
      right: 80px;
  }
  }


  @media only screen and (max-width: 1020px) {
      .narrow-grid-inner {
          width: 100%;
      }

      .narrow-grid {
          width: calc(100% - 40px);
      }
  }

  @media only screen and (max-width: 1400px) {

      .five-grid-inner {
          width: 100%;
      }
  }

  @media only screen and (max-width: 1220px) {


  .inset-border-inner {
      width: 100%;
      height: 60px;
  }
  header .inner {
      width: calc(100% - 80px);
  }

  .one-grid-inner,
  .two-grid-inner,
  .three-grid-inner,
  .four-grid-inner,
  .five-grid-inner {
      width: 100%;
  }

  .six-grid-inner {
    width: calc(100% - 20px);
}

  .one-grid {
      width: calc(100% - 40px);
  }

  .two-grid {
      width: calc(50% - 40px);
  }


  .flex .two-grid {
      width: calc(100% - 40px)
  }
  .two-grid.overlayed-box  {
      width: 50%
  }
  .overlayed-box {
      margin-left: 40px;
  }

  .padding-left-100 {
      padding-left: 20px;
  }
  }


  @media only screen and (max-width: 900px) {
  .default-content.flex {
      flex-direction: column;
  }

  .inset-border {
      position: relative;
  }

  .right-fade {
      display: none;
      }

  .header-message {
          display: none;
      }
  .sp-list-item {
      font-size: 16px;
      line-height: 20px;
      padding: 6px 0px;
  }
  .padding-left-100 {
      padding-left: 0px;
  }
  .overlayed-box .content {
      padding-right: 20px;
      padding-left: 20px;
  }
  .left-content,
  .right-content {
      width: 100%;
  }
  .content.background-image {
      padding-bottom: 56.5%;
  }
  .base-240 {
      padding-bottom: 80px;
  }
  .slider-title {
      font-size: 14px;
      line-height: 28px;
  }
  .two-grid.overlayed-box {
      width: 100%;
  }

  .process-carousel .right-side-arrow {
      display: none;
  }
  .underlayed-image .content.background-image {
      background-image: none !important;
      padding-bottom: 0px;
  }

  .hide-desktop {
      display: block;
  }

  #meet-franchisee  {
      background-image: none !important;
      padding: 0px;
  }

  #meet-franchisee .white {
      background: #ebeded
  }


  .system-item {
      flex-direction: initial;
      align-items: center;
  }

  .system-item-icon {
      text-align: left;
      margin-right: 20px;
      width: 50px;
  }

  .system-item-text {
      text-align: left;
  }

  #systems .centered {
      text-align: left;
  }

  #wrap-franchise footer .right {
      text-align: left;
      margin-top: 20px;
  }
  #copyright-base {
      float: left;
      width: 100%;
      margin-top: 40px;
  }

  .slide-number-wrap {
      width: 60px;
      height: 60px;
      font-size: 20px;
      line-height: 24px;
      margin-top: -50px;
      margin-bottom: 20px;
  }

  #wrap-franchise footer {
      padding: 40px 0px 0px;
      font-size: 12px;
  }

  #wrap-franchise footer ul li a:link {
      font-size: 12px;
  }

  #wrap-franchise footer.footer-menu .item {
      margin-bottom: 10px;
  }

  #wrap-franchise .copyright {
      float: left;
  }

  #wrap-franchise .copyright ul li {
      margin: 5px 0px 0px 0px;
      font-size: 12px;
      line-height: 12px;
      float: inherit;
      padding: 0pc;
      border-left: none;
  }

  #wrap-franchise .copyright ul li:first-of-type,
  #wrap-franchise .copyright ul li:last-of-type {
      padding: 0px;
  }
  }


  @media only screen and (max-width: 820px) {

  body, html {
      font-size: 14px;
      line-height: 20px;
  }

  header .inner {
      width: 100%;
      height: 80px;
  }

  .hide-mobile {
      display: none;
  }

  .top-banner-carousel .one-grid-inner {
      height: 80vh;
  }

  .top-banner-welcome .one-grid-inner {
      height: 40vh;
  }

  h1, h2, h3, h4, h5 {
      margin: 0px 0px 10px 0px;
  }


  .contact-slide-btn {
      display: block;
  }

  #nav-menu {
      display: none;
  }

  h1 {
      font-size: 26px;
      line-height: 26px;
  }

  h2 {
      font-size: 18px;
      line-height: 22px;
  }

  h3 {
      font-size: 16px;
      line-height: 22px;
  }

  h4 {
      font-size: 16px;
      line-height: 20px;
  }
  #brand {
      top: 18px;
      left: 40px;
  }

  #brand img {
      height: 45px;
  }


  input, input[type=email], input[type=tel] textarea, select {
      font-size: 16px;
  }


  .six-grid-inner {
    width: calc(100% - 60px);
}

  .full-width,
  .one-grid,
  .two-grid,
  .three-grid,
  .three-grid-slider,
  .flex .two-grid,
  .four-grid,
  .five-grid,
  .narrow-grid,
  .one-grid.fiveofsix,
  .video-container {
      width: calc(100% - 80px);
      float: none;
      margin: 0px auto;
  }


  .six-grid {
    width: 33.333%;
    margin: 0px;
    border: 1px solid #f3f3f3;
}

  .full-width  {
      padding: 0px;
  }

  .two-grid.overlayed-box {
      width: 100%;
  }


  #welcome-section .two-grid-inner {
      padding: 0 30px;
  }


  #welcome-section .two-grid {
      width: calc(50% - 20px);
  }

  #welcome-section .margin-base-40 {
      margin-bottom: 20px;
  }

  .margin-base-40 {
      margin-bottom: 40px;
  }

  .slider-arrows .slider-arrow-right,
  .slider-arrows .slider-arrow-right2,
  .slider-arrows .slider-arrow-left,
  .slider-arrows .slider-arrow-left2{
      height: 30px;
      line-height: 30px;
      width: 30px;
      font-size: 30px;
  }


  .top-base-120  {
      padding: 80px 0px 80px 0px;
  }


  #welcome-section.top-base-120,
  #form-overlay.top-base-120{
      padding: 40px 0px 40px 0px;
  }

  .top-120 {
      padding-top: 80px;
  }

  .base-120 {
      padding: 0px 0px 80px 0px;
  }


  .top-mobile-40 {
      padding: 40px 0px 80px 0px;
  }

  .video-play {
      background-size: 40px;
  }

  .padding-40 {
    padding: 20px;
  }

  .question h3 {
      padding: 8px 20px 8px 0px;
  }

  .answer {
      margin-top: 10px;
      padding: 0px;
  }

  .arrow {
      width: auto;
  }

  .arrow:before {
      font-size: 20px;
      line-height: 20px;
  }

  .button {
      padding: 9px 30px 8px 30px;
      font-size: 12px;
      line-height: 12px;
  }

  .process-carousel .two-grid .image {
      margin-bottom: 20px;
  }

  .ui-group .button-group {
      width: 100%;
  }

  .filter-category-name {
      width: 100%;
      padding: 10px;
      font-size: 12px;
      line-height: 12px;
  }

  .filters .button {
      padding: 5px;
      width: 100%;
      text-align: left;
      font-size: 12px;
      line-height: 12px;
  }

  .button-group .button {
      margin-bottom: 1px;
  }

  .document-list-item {
      height: inherit;
      line-height: 14px;
      padding: 5px 0px;
      font-size: 12px;
  }

  .document-name {
      display: inline-block;
      padding: 0px 30px 0px 0px;
  }

  .download-link {
      right: 0;
      top: 10px;
  }


  .Rtable-cell.Rtable-cell--1of3 {
      width: 100%;
  }


  li {
      padding-inline-start: 6px;
  }

  .text-button .fa-long-arrow-right {
      font-size: 20px;
  }

  footer .scroll-to-top {
      width: 40px;
      height: 40px;
      font-size: 24px;
      padding-top: 9px;
  }

  .our-mission h3 {
      margin: 10px 0px 10px 0px;
  }

  .page-carousel .content {
      padding: 20px 20px 40px 20px;
  }

  .page-carousel .button {
      margin: 10px 0 0 0;
  }

  .border-left {
      border-left: 2px solid #da281a;
      padding: 0px 0px 0px 20px
  }

  .border-left-grey {
      border-left: 2px solid #d6dde4;
      padding: 0px 0px 0px 20px
  }

  .border-left-join {
      border-left: 2px solid #da281a;
      padding: 80px 0px 0px 20px
  }


  .process-carousel .item,
  .page-carousel .item{
      min-height: inherit;
  }

  .button-align-base {
      position: relative;
      float: left;
  }

  .top-banner-carousel .content,
  .top-banner-welcome .content {
      background: rgb(255 255 255 / .8);
      padding: 20px 0px;
      transform: initial;
      bottom: 0px;
      top: initial;
      width: 100%;
  }


  .Rtable--collapse {
    display: block;
  }
  .Rtable-cell--foot {
    margin-bottom: 1em;
  }
  .Rtable-cell {
      width: 16%;
  }


  #wrap-franchise footer {
      height: auto;
  }

  #wrap-franchise .footer-menu {
      margin: 0px;
  }

  #wrap-franchise .footer-menu .six-grid {
      display: none
  }



  #wrap-franchise .footer-menu .six-grid:last-child {
      display: block;
  }
  }





  /* ==========================================================================
     Helper classes
     ========================================================================== */

  /*
   * Hide visually and from screen readers
   */

  .hidden,
  [hidden] {
    display: none !important;
  }

  /*
   * Hide only visually, but have it available for screen readers:
   * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
   *
   * 1. For long content, line feeds are not interpreted as spaces and small width
   *    causes content to wrap 1 word per line:
   *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
   */

  .sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    /* 1 */
  }

  /*
   * Extends the .sr-only class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */

  .sr-only.focusable:active,
  .sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
  }

  /*
   * Hide visually and from screen readers, but maintain layout
   */

  .invisible {
    visibility: hidden;
  }

  /*
   * Clearfix: contain floats
   *
   * For modern browsers
   * 1. The space content is one way to avoid an Opera bug when the
   *    `contenteditable` attribute is included anywhere else in the document.
   *    Otherwise it causes space to appear at the top and bottom of elements
   *    that receive the `clearfix` class.
   * 2. The use of `table` rather than `block` is only necessary if using
   *    `:before` to contain the top-margins of child elements.
   */

  .clearfix::before,
  .clearfix::after {
    content: " ";
    display: table;
  }

  .clearfix::after {
    clear: both;
  }

  /* ==========================================================================
     EXAMPLE Media Queries for Responsive Design.
     These examples override the primary ('mobile first') styles.
     Modify as content requires.
     ========================================================================== */

  @media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
  }

  @media print,
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 1.25dppx),
    (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
  }

  /* ==========================================================================
     Print styles.
     Inlined to avoid the additional HTTP request:
     https://www.phpied.com/delay-loading-your-print-css/
     ========================================================================== */

  @media print {
    *,
    *::before,
    *::after {
      background: #fff !important;
      color: #000 !important;
      /* Black prints faster */
      box-shadow: none !important;
      text-shadow: none !important;
    }

    a,
    a:visited {
      text-decoration: underline;
    }

    a[href]::after {
      content: " (" attr(href) ")";
    }

    abbr[title]::after {
      content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]::after,
    a[href^="javascript:"]::after {
      content: "";
    }

    pre {
      white-space: pre-wrap !important;
    }

    pre,
    blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
      display: table-header-group;
    }

    tr,
    img {
      page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }

    h2,
    h3 {
      page-break-after: avoid;
    }
  }





  /* Slider */
  .slick-slider
  {
      position: relative;

      display: block;
      box-sizing: border-box;

      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }

  .slick-list
  {
      position: relative;

      display: block;
      overflow: hidden;

      margin: 0;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }

  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }

  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;

      display: block;
      margin-left: auto;
      margin-right: auto;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;

      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }

  .slick-slide
  {
      display: none;
      float: left;

      height: 100%;
      min-height: 1px;
  }

  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  .slick-slide img
  {
      display: block;
  }
  .slick-slide.slick-loading img
  {
      display: none;
  }
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;

      height: auto;

      border: 1px solid transparent;
  }
  /* .slick-arrow.slick-hidden {
      display: none;
  } */




  /**!
   * Plugin Name: WP Featherlight
   * Version:     1.3.0
   * Author:      Cipher
   * License:     GPL-2.0+
   */
  /* Base Styles
  --------------------------------------------- */
  .featherlight {
    background: #333333; /* IE fallback */;
    background: rgba(0 0 0 / .8);
    bottom: 0;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    z-index: 2147483647;
  }
  .featherlight * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .featherlight:last-of-type {
    background: #333333; /* IE fallback */;
    background: rgba(0 0 0 / .8);
  }
  .featherlight::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
  }
  .featherlight .featherlight-content {
    -webkit-animation: fadein 0.5s;
            animation: fadein 0.5s;
    background: #000;
    border: 0;
    cursor: auto;
    display: inline-block;
    max-height: 80%;
    max-width: 90%;
    min-width: inherit;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
  }
  @media screen and (min-width: 980px) {
    .featherlight .featherlight-content {
      max-height: 90%;
    }
  }
  .featherlight .featherlight-content .caption {
      /* color: #fff; */
       font-size: 14px;
      /* font-weight: normal; */
       line-height: 16px;
      /* max-width: 100%; */
      /* overflow: hidden; */
      position: absolute;
      /* text-align: left; */
      /* text-overflow: ellipsis; */
      /* white-space: nowrap; */
      background: rgb(255 255 255 / 72%);
      /* color: #ffffff; */
      bottom: 0px;
      right: 0px;
      padding: 12px;
      width: 100%;
      min-height: 40px
  }
  .featherlight .featherlight-content .caption:hover, .featherlight .featherlight-content .caption:focus {
    overflow: visible;
    white-space: normal;
  }
  .featherlight .featherlight-content a {
    color: #fff;
    text-decoration: underline;
  }
  .featherlight .featherlight-content a:hover, .featherlight .featherlight-content a:focus {
    text-decoration: none;
  }
  .featherlight .featherlight-inner {
    -webkit-animation: fadein 0.5s;
            animation: fadein 0.5s;
    display: block;
  }
  .featherlight button {
    -webkit-appearance: button;
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
    text-transform: none;
  }
  .featherlight button::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  .featherlight .featherlight-close-icon {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%204.41L19.59%203%2012%2010.59%204.41%203%203%204.41%2010.59%2012%203%2019.59%204.41%2021%2012%2013.41%2019.59%2021%2021%2019.59%2013.41%2012%2021%204.41z%22/%3E%0A%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
            background-size: 100% auto;
    border: 0;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.6;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 25px;
    text-align: center;
    text-indent: 100%;
    top: 25px;
    white-space: nowrap;
    width: 30px;
    z-index: 9999;
  }
  .featherlight .featherlight-close-icon:hover, .featherlight .featherlight-close-icon:focus {
    opacity: 1;
  }
  .featherlight .featherlight-image {
    max-width: 100%;
  }
  .featherlight iframe {
    border: 0;
  }

  [data-featherlight] img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
  }

  .featherlight-iframe .featherlight-content {
    border-bottom: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    padding: 0;
  }

  /* Animated Loader
  --------------------------------------------- */
  @-webkit-keyframes featherlightLoader {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes featherlightLoader {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @-webkit-keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .featherlight-loading .featherlight-content {
    -webkit-animation: featherlightLoader 1s infinite linear;
            animation: featherlightLoader 1s infinite linear;
    background: transparent;
    border: 8px solid #909090;
    border-left-color: #fff;
    font-size: 10px;
  }
  .featherlight-loading .featherlight-content,
  .featherlight-loading .featherlight-content::after {
    -webkit-border-radius: 50%;
            border-radius: 50%;
    height: 10em;
    width: 10em;
  }
  .featherlight-loading .featherlight-close,
  .featherlight-loading .featherlight-inner {
    display: none;
  }

  /* Gallery
  --------------------------------------------- */
  .featherlight-next,
  .featherlight-previous {
    background-color: transparent;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
            background-size: 100% auto;
    cursor: pointer;
    display: block;
    height: 60px;
    margin-top: -30px;
    opacity: 0.4;
    overflow: hidden;
    position: fixed;
    text-indent: 100%;
    top: 50%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap;
    width: 60px;
  }
  .featherlight-next span,
  .featherlight-previous span {
    display: none;
  }
  .featherlight-next:hover, .featherlight-next:focus,
  .featherlight-previous:hover,
  .featherlight-previous:focus {
    opacity: 1;
  }

  /* rtl:ignore */
  .featherlight-next {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22/%3E%0A%3C/svg%3E");
    background-position: 0 0;
    right: 10px;
  }

  .featherlight-next:before {
      content: "\f175";  /* this is your text. You can also use UTF-8 character codes as I do here */
      font-family: "Font Awesome 5 Pro";
      font-weight: 100;
      position:absolute;
      top:0;
      font-size: 27px;
      color: #da281a
   }

  /* rtl:ignore */
  .featherlight-previous {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.41%207.41L10.83%2012l4.58%204.59L14%2018l-6-6%206-6%201.41%201.41z%22/%3E%0A%3C/svg%3E");
    background-position: -5px 0;
    left: 10px;
  }

  .featherlight-loading .featherlight-previous,
  .featherlight-loading .featherlight-next {
    display: none;
  }