@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/button.min.css);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/button.min.css);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/button.min.css);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Arial&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/button.min.css);
/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.adfunnel-content .devider-section {
  background-color: #fff;
  height: 200px; }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .adfunnel-content .devider-section {
      display: none; } }
  @media only screen and (max-width: 54.85714em) {
    .adfunnel-content .devider-section {
      display: none; } }

.adfunnel-content h3 {
  font-family: 'Arial';
  font-weight: bold;
  font-size: 25px;
  line-height: normal;
  text-align: left;
  color: #eb4f24;
  padding-top: 6%; }
  @media only screen and (min-width: 54.85714em) {
    .adfunnel-content h3 {
      font-size: 25px;
      line-height: 37.5px; } }
  @media only screen and (min-width: 70.85714em) {
    .adfunnel-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 85.71429em) {
    .adfunnel-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 114.28571em) {
    .adfunnel-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 128.57143em) {
    .adfunnel-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .adfunnel-content h3 {
      padding-top: 0%;
      width: 100% !important; } }
  @media only screen and (max-width: 54.85714em) {
    .adfunnel-content h3 {
      padding-top: 0%;
      width: 100% !important; } }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .adfunnel-content h3 {
      width: 75%; } }
  @media only screen and (max-width: 70.85714em) {
    .adfunnel-content h3 {
      width: 75%; } }

.adfunnel-content h4 {
  font-family: 'Arial';
  font-weight: bold;
  font-size: 25px;
  text-align: left;
  color: #eb4f24; }
  @media only screen and (min-width: 54.85714em) {
    .adfunnel-content h4 {
      font-size: 25px;
      line-height: 37.5px; } }
  @media only screen and (min-width: 70.85714em) {
    .adfunnel-content h4 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 85.71429em) {
    .adfunnel-content h4 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 114.28571em) {
    .adfunnel-content h4 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 128.57143em) {
    .adfunnel-content h4 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .adfunnel-content h4 {
      font-size: 30px; } }
  @media only screen and (max-width: 54.85714em) {
    .adfunnel-content h4 {
      font-size: 30px; } }

.adfunnel-content p {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 16px;
  text-align: left;
  color: #000;
  line-height: normal;
  padding-bottom: 20px; }
  @media only screen and (min-width: 54.85714em) {
    .adfunnel-content p {
      font-size: 16px;
      line-height: 24px; } }
  @media only screen and (min-width: 70.85714em) {
    .adfunnel-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 85.71429em) {
    .adfunnel-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 114.28571em) {
    .adfunnel-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 128.57143em) {
    .adfunnel-content p {
      font-size: 18px;
      line-height: 27px; } }

.adfunnel-content .content {
  margin-right: 5vw;
  margin-right: 14vw; }
  .adfunnel-content .content .float-right .image-mobile {
    background-image: url(/_next/static/pages/5-easy-ways-to-improve-your-law-firm-with-technology/67d03b64cea7b9c3c7bb09f9bc6dbdf3.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: auto;
    text-align: center;
    display: none;
    animation: float 6s ease-in-out infinite; }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .adfunnel-content .content .float-right .image-mobile {
        display: block; } }
    @media only screen and (max-width: 70.85714em) {
      .adfunnel-content .content .float-right .image-mobile {
        display: block; } }
  .adfunnel-content .content p {
    width: 80%; }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .adfunnel-content .content p {
        width: 100% !important; } }
    @media only screen and (max-width: 54.85714em) {
      .adfunnel-content .content p {
        width: 100% !important; } }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .adfunnel-content .content {
      margin-left: 0;
      margin-right: 0;
      margin-top: 40px; } }
  @media only screen and (max-width: 70.85714em) {
    .adfunnel-content .content {
      margin-left: 0;
      margin-right: 0;
      margin-top: 40px; } }

.adfunnel-content .content2 {
  margin-left: 4vw; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .adfunnel-content .content2 {
      margin-left: 0vw;
      padding-top: 0px; } }
  @media only screen and (max-width: 70.85714em) {
    .adfunnel-content .content2 {
      margin-left: 0vw;
      padding-top: 0px; } }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .adfunnel-content .content2 p {
      padding-bottom: 80px; } }
  @media only screen and (max-width: 70.85714em) {
    .adfunnel-content .content2 p {
      padding-bottom: 80px; } }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .adfunnel-content .content2 h3 {
      padding-top: 0px; } }
  @media only screen and (max-width: 70.85714em) {
    .adfunnel-content .content2 h3 {
      padding-top: 0px; } }

.adfunnel-content .section-one {
  background-color: #ededed;
  padding-top: 18vh;
  padding-bottom: 80px;
  min-height: 40vh; }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .adfunnel-content .section-one {
      min-height: 0px;
      padding-bottom: 80px; } }
  @media only screen and (max-width: 54.85714em) {
    .adfunnel-content .section-one {
      min-height: 0px;
      padding-bottom: 80px; } }
  .adfunnel-content .section-one .image {
    background-image: url(/_next/static/pages/5-easy-ways-to-improve-your-law-firm-with-technology/67d03b64cea7b9c3c7bb09f9bc6dbdf3.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 50px;
    height: 100%;
    width: auto;
    animation: float 6s ease-in-out infinite; }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .adfunnel-content .section-one .image {
        display: none; } }
    @media only screen and (max-width: 70.85714em) {
      .adfunnel-content .section-one .image {
        display: none; } }

.adfunnel-content .section-two {
  background-color: #fff;
  margin-bottom: 60px;
  margin-top: 20px;
  min-height: 65vh; }
  .adfunnel-content .section-two .image {
    background-image: url(/_next/static/pages/5-easy-ways-to-improve-your-law-firm-with-technology/cb989d23877cf1d22558379e8d22d5c2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    display: block;
    padding-bottom: 13%;
    transform: translateY(-15%); }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .adfunnel-content .section-two .image {
        background-size: cover;
        background-position: center;
        height: 20vh; } }
    @media only screen and (max-width: 70.85714em) {
      .adfunnel-content .section-two .image {
        background-size: cover;
        background-position: center;
        height: 20vh; } }

@keyframes float {
  0% {
    transform: translatey(0px); }
  50% {
    transform: translatey(-20px); }
  100% {
    transform: translatey(0px); } }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.download-now-form {
  background: transparent;
  margin-top: 10px;
  display: flex;
  flex-direction: row; }
  .download-now-form h3 {
    padding-top: 35px;
    margin: auto;
    width: 83%;
    font-family: 'Signika';
    font-weight: 600;
    font-size: 28px;
    text-align: left;
    color: #000; }
  .download-now-form .outer {
    width: 100%; }
  .download-now-form__form-download {
    width: 100%;
    display: inline-block;
    position: relative; }
    .download-now-form__form-download p {
      text-align: center;
      margin-bottom: 3.125rem;
      margin-top: 1.875rem;
      line-height: 1.875rem;
      color: #13548f; }
      .download-now-form__form-download p a {
        color: #13548f;
        text-decoration: none;
        display: inline-block;
        margin-left: 0.625rem;
        margin-right: 0.625rem;
        transition: color 0.5s ease; }
        .download-now-form__form-download p a:hover {
          color: #000; }
    .download-now-form__form-download form {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      box-sizing: border-box; }
    .download-now-form__form-download .ui.button {
      margin-top: 2.5rem; }
  .download-now-form__sending {
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 10; }
    .download-now-form__sending span {
      font-size: 16px;
      margin-top: 10px;
      margin-bottom: 10px;
      color: #eb4f24 !important;
      font-family: "Open Sans"; }

.form-download {
  text-align: left; }
  .form-download label {
    display: block;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 5px;
    text-align: center; }
  .form-download .error {
    font-weight: normal;
    color: #666; }
  .form-download input,
  .form-download textarea {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    padding-left: 20px;
    border-radius: 0px;
    outline: none;
    border: 1px solid #061828;
    font-size: 14px;
    transition: border-color 0.5s ease, box-shadow 0.5s ease;
    border-radius: 4px;
    background: #fff;
    border: 1px solid rgba(0, 42, 81, 0.36); }
    .form-download input::placeholder,
    .form-download textarea::placeholder {
      color: #666;
      transition: color 0.5s ease; }
    .form-download input:focus,
    .form-download textarea:focus {
      border-color: #13548f;
      color: #13548f; }
      .form-download input:focus::placeholder,
      .form-download textarea:focus::placeholder {
        color: #ccc; }
  .form-download textarea {
    min-height: 120px;
    max-width: 100%; }
  .form-download .actions {
    text-align: left;
    margin-top: 30px;
    padding-bottom: 20px; }
    .form-download .actions button {
      border: 4px solid #eb4f24;
      border-radius: 13px;
      font-family: "Open Sans";
      background-color: #eb4f24; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.about-content .devider-section {
  background-color: #fff;
  height: 190px; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .about-content .devider-section {
      display: none; } }
  @media only screen and (max-width: 70.85714em) {
    .about-content .devider-section {
      display: none; } }

.about-content h3 {
  font-family: "Arial";
  font-weight: bold;
  font-size: 25px;
  line-height: normal;
  text-align: left;
  color: #eb4f24;
  padding-top: 26%; }
  @media only screen and (min-width: 54.85714em) {
    .about-content h3 {
      font-size: 25px;
      line-height: 37.5px; } }
  @media only screen and (min-width: 70.85714em) {
    .about-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 85.71429em) {
    .about-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 114.28571em) {
    .about-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 128.57143em) {
    .about-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .about-content h3 {
      padding-top: 10px; } }
  @media only screen and (max-width: 70.85714em) {
    .about-content h3 {
      padding-top: 10px; } }

.about-content h4 {
  font-family: "Arial";
  font-weight: bold;
  font-size: 25px;
  line-height: normal;
  text-align: left;
  color: #eb4f24;
  padding-top: 10px; }
  @media only screen and (min-width: 54.85714em) {
    .about-content h4 {
      font-size: 25px;
      line-height: 37.5px; } }
  @media only screen and (min-width: 70.85714em) {
    .about-content h4 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 85.71429em) {
    .about-content h4 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 114.28571em) {
    .about-content h4 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 128.57143em) {
    .about-content h4 {
      font-size: 40px;
      line-height: 60px; } }

.about-content p {
  font-family: "Open Sans";
  font-weight: 300;
  font-size: 16px;
  text-align: left;
  color: #000;
  line-height: normal;
  padding-bottom: 20px; }
  @media only screen and (min-width: 54.85714em) {
    .about-content p {
      font-size: 16px;
      line-height: 24px; } }
  @media only screen and (min-width: 70.85714em) {
    .about-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 85.71429em) {
    .about-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 114.28571em) {
    .about-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 128.57143em) {
    .about-content p {
      font-size: 18px;
      line-height: 27px; } }

.about-content .content1 {
  margin-right: 5vw; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .about-content .content1 {
      margin: 0; } }
  @media only screen and (max-width: 70.85714em) {
    .about-content .content1 {
      margin: 0; } }

.about-content .content2 {
  margin-left: 5vw; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .about-content .content2 {
      margin: 0; } }
  @media only screen and (max-width: 70.85714em) {
    .about-content .content2 {
      margin: 0; } }

.about-content .about-page-1 {
  background-color: rgba(235, 79, 36, 0.07);
  padding-top: 100px;
  min-height: 50vh; }
  .about-content .about-page-1 .mobile-display {
    display: none; }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .about-content .about-page-1 .mobile-display {
        display: block; } }
    @media only screen and (max-width: 70.85714em) {
      .about-content .about-page-1 .mobile-display {
        display: block; } }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .about-content .about-page-1 .display-desktop {
      display: none; } }
  @media only screen and (max-width: 70.85714em) {
    .about-content .about-page-1 .display-desktop {
      display: none; } }
  .about-content .about-page-1 .image {
    background-image: url(/_next/static/pages/about/cdaa296887534b009b9da1bcb58018af.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    min-height: 55vh;
    height: 100%;
    width: 100%;
    max-height: 600px;
    display: block;
    transform: translateY(15%);
    box-shadow: 0px 13px 32px rgba(0, 0, 0, 0.16); }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .about-content .about-page-1 .image {
        height: 30vh;
        margin-bottom: 20px;
        transform: translateY(0%);
        min-height: 0px;
        margin-top: 15px; } }
    @media only screen and (max-width: 70.85714em) {
      .about-content .about-page-1 .image {
        height: 30vh;
        margin-bottom: 20px;
        transform: translateY(0%);
        min-height: 0px;
        margin-top: 15px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .about-content .about-page-1 .image {
        height: 30vh;
        background-size: cover;
        background-position: top center;
        min-height: 0; } }
    @media only screen and (max-width: 54.85714em) {
      .about-content .about-page-1 .image {
        height: 30vh;
        background-size: cover;
        background-position: top center;
        min-height: 0; } }

.about-content .about-page-2 {
  background-color: #fff;
  margin-bottom: 20px;
  margin-top: 20px;
  min-height: 50vh; }
  .about-content .about-page-2 .image {
    background-image: url(/_next/static/pages/about/a6ef1f5e8d895fbcfa172c0b6badc455.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100%;
    width: 100%;
    max-height: 600px;
    display: block;
    transform: translateY(0%);
    box-shadow: 0px 13px 32px rgba(0, 0, 0, 0.16); }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .about-content .about-page-2 .image {
        height: 30vh;
        margin-bottom: 20px;
        transform: translateY(0%);
        min-height: 0px;
        margin-top: 15px; } }
    @media only screen and (max-width: 70.85714em) {
      .about-content .about-page-2 .image {
        height: 30vh;
        margin-bottom: 20px;
        transform: translateY(0%);
        min-height: 0px;
        margin-top: 15px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .about-content .about-page-2 .image {
        height: 25vh;
        background-size: cover;
        background-position: top center;
        min-height: 0; } }
    @media only screen and (max-width: 54.85714em) {
      .about-content .about-page-2 .image {
        height: 25vh;
        background-size: cover;
        background-position: top center;
        min-height: 0; } }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
/* 
It is encouraged to only use this file for styling 
if it relates to this pages structural styling, Otherwise
you should be placing styling inside the component it relates to.
*/
.devider-section {
  background-color: #fff;
  height: 200px; }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .devider-section {
      display: none; } }
  @media only screen and (max-width: 54.85714em) {
    .devider-section {
      display: none; } }

.home-content-1 .hero-home {
  position: relative;
  padding-top: 20px;
  min-height: 90vh;
  padding-bottom: 20px; }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .home-content-1 .hero-home {
      padding-bottom: 0px;
      padding-top: 300px;
      min-height: 0px; } }
  @media only screen and (max-width: 54.85714em) {
    .home-content-1 .hero-home {
      padding-bottom: 0px;
      padding-top: 300px;
      min-height: 0px; } }
  .home-content-1 .hero-home h3 {
    font-family: "Arial";
    font-weight: bold;
    font-size: 25px;
    line-height: normal;
    text-align: left;
    color: #eb4f24;
    padding-top: 25%;
    padding-bottom: 40px;
    margin-right: 50%; }
    @media only screen and (min-width: 54.85714em) {
      .home-content-1 .hero-home h3 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .home-content-1 .hero-home h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .home-content-1 .hero-home h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .home-content-1 .hero-home h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .home-content-1 .hero-home h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .home-content-1 .hero-home h3 {
        line-height: normal;
        padding-top: 40px;
        width: 100%;
        margin: auto; } }
    @media only screen and (max-width: 54.85714em) {
      .home-content-1 .hero-home h3 {
        line-height: normal;
        padding-top: 40px;
        width: 100%;
        margin: auto; } }
  .home-content-1 .hero-home p {
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 16px;
    line-height: normal;
    text-align: left;
    color: #000;
    margin-right: 55%;
    padding-bottom: 100px; }
    @media only screen and (min-width: 54.85714em) {
      .home-content-1 .hero-home p {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .home-content-1 .hero-home p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 85.71429em) {
      .home-content-1 .hero-home p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 114.28571em) {
      .home-content-1 .hero-home p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 128.57143em) {
      .home-content-1 .hero-home p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .home-content-1 .hero-home p {
        line-height: normal;
        width: 100%;
        margin: auto;
        padding-bottom: 40px; } }
    @media only screen and (max-width: 54.85714em) {
      .home-content-1 .hero-home p {
        line-height: normal;
        width: 100%;
        margin: auto;
        padding-bottom: 40px; } }
  .home-content-1 .hero-home:after {
    content: "";
    position: absolute;
    top: 60px;
    left: 60%;
    right: 0;
    bottom: 0;
    background-image: url(/_next/static/pages/index/99f5732928b7785b660761853a2056dc.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: scale 1s forwards;
    box-shadow: 0px 13px 32px rgba(0, 0, 0, 0.16); }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .home-content-1 .hero-home:after {
        content: "";
        position: absolute;
        top: -150px;
        right: 0%;
        left: 0;
        max-height: 430px;
        bottom: 0%;
        background-position: top; } }
    @media only screen and (max-width: 54.85714em) {
      .home-content-1 .hero-home:after {
        content: "";
        position: absolute;
        top: -150px;
        right: 0%;
        left: 0;
        max-height: 430px;
        bottom: 0%;
        background-position: top; } }
    @media only screen and (max-width: 34.85714em) {
      .home-content-1 .hero-home:after {
        top: 0px;
        max-height: 300px; } }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.threetiles__container {
  background: #fff;
  padding-top: 40px;
  padding-bottom: 70px;
  min-height: 70vh; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .threetiles__container {
      min-height: 0px; } }
  @media only screen and (max-width: 70.85714em) {
    .threetiles__container {
      min-height: 0px; } }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .threetiles__container {
      padding-bottom: 10px; } }
  @media only screen and (max-width: 54.85714em) {
    .threetiles__container {
      padding-bottom: 10px; } }
  .threetiles__container .image01 {
    background-image: url(/_next/static/Components/ThreeTiles/964f1435691fea49ce825dc72fe94c8b.png);
    background-repeat: no-repeat;
    width: auto;
    height: 100px;
    margin-top: 20px;
    position: relative;
    background-position: center;
    background-size: contain; }
  .threetiles__container .image02 {
    background-image: url(/_next/static/Components/ThreeTiles/c6438917dba3fcd6f18ebe725f28af61.png);
    background-repeat: no-repeat;
    width: auto;
    height: 100px;
    margin-top: 20px;
    position: relative;
    background-position: center;
    background-size: contain; }
  .threetiles__container .image03 {
    background-image: url(/_next/static/Components/ThreeTiles/8ea0b794039a8a6acb664d7b67bf29b8.png);
    background-repeat: no-repeat;
    width: auto;
    height: 100px;
    margin-top: 20px;
    position: relative;
    background-position: center;
    background-size: contain; }
  .threetiles__container h2 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 25px;
    line-height: normal;
    text-align: center;
    color: #eb4f24;
    padding-bottom: 40px; }
    @media only screen and (min-width: 54.85714em) {
      .threetiles__container h2 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .threetiles__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .threetiles__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .threetiles__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .threetiles__container h2 {
        font-size: 40px;
        line-height: 60px; } }
  .threetiles__container .hero-image {
    width: 100%;
    height: auto; }
  .threetiles__container .tiles {
    border: 1px solid #d1d1d1;
    background: #fff;
    height: 100%;
    width: 100%;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.16); }
    .threetiles__container .tiles h3 {
      font-family: "Open Sans";
      font-weight: bold;
      font-size: 18px;
      line-height: 38px;
      text-align: center;
      color: #000;
      width: 80%;
      margin: auto;
      padding-bottom: 20px;
      padding-top: 25px; }
      @media only screen and (min-width: 54.85714em) {
        .threetiles__container .tiles h3 {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 70.85714em) {
        .threetiles__container .tiles h3 {
          font-size: 25px;
          line-height: 37.5px; } }
      @media only screen and (min-width: 85.71429em) {
        .threetiles__container .tiles h3 {
          font-size: 25px;
          line-height: 37.5px; } }
      @media only screen and (min-width: 114.28571em) {
        .threetiles__container .tiles h3 {
          font-size: 25px;
          line-height: 37.5px; } }
      @media only screen and (min-width: 128.57143em) {
        .threetiles__container .tiles h3 {
          font-size: 25px;
          line-height: 37.5px; } }
    .threetiles__container .tiles p {
      font-family: "Open Sans";
      font-weight: 300;
      font-size: 16px;
      line-height: normal;
      text-align: center;
      color: #000;
      width: 80%;
      margin: auto;
      padding-bottom: 20px; }
      @media only screen and (min-width: 54.85714em) {
        .threetiles__container .tiles p {
          font-size: 16px;
          line-height: 24px; } }
      @media only screen and (min-width: 70.85714em) {
        .threetiles__container .tiles p {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 85.71429em) {
        .threetiles__container .tiles p {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 114.28571em) {
        .threetiles__container .tiles p {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 128.57143em) {
        .threetiles__container .tiles p {
          font-size: 18px;
          line-height: 27px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .threetiles__container .tiles {
        margin-bottom: 30px;
        height: auto; } }
    @media only screen and (max-width: 54.85714em) {
      .threetiles__container .tiles {
        margin-bottom: 30px;
        height: auto; } }
  .threetiles__container .tile__content {
    min-height: 200px; }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .threetiles__container .tile__content {
        min-height: auto; } }
    @media only screen and (max-width: 54.85714em) {
      .threetiles__container .tile__content {
        min-height: auto; } }
  .threetiles__container .tile__footer {
    text-align: center;
    margin-bottom: 15px; }
    .threetiles__container .tile__footer a {
      font-family: "Open Sans";
      font-weight: bold;
      font-size: 16px;
      line-height: 35px;
      text-align: center;
      color: #eb4f24;
      width: 80%;
      margin: auto;
      width: 80%;
      margin: auto; }
      @media only screen and (min-width: 54.85714em) {
        .threetiles__container .tile__footer a {
          font-size: 16px;
          line-height: 24px; } }
      @media only screen and (min-width: 70.85714em) {
        .threetiles__container .tile__footer a {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 85.71429em) {
        .threetiles__container .tile__footer a {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 114.28571em) {
        .threetiles__container .tile__footer a {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 128.57143em) {
        .threetiles__container .tile__footer a {
          font-size: 18px;
          line-height: 27px; } }

@charset "UTF-8";
/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.video-react .video-react-big-play-button:before, .video-react .video-react-control:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-react .video-react-big-play-button:before, .video-react .video-react-control:before {
  text-align: center; }

@font-face {
  font-family: "video-react";
  src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("eot"); }

@font-face {
  font-family: "video-react";
  src: url(data:application/font-woff;base64,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) format("woff"), url(data:application/x-font-ttf;base64,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) format("truetype");
  font-weight: normal;
  font-style: normal; }

.video-react-icon, .video-react .video-react-big-play-button, .video-react .video-react-play-progress, .video-react .video-react-play-control, .video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button, .video-react .video-react-volume-level, .video-react .video-react-bezel .video-react-bezel-icon, .video-react .video-react-closed-caption {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'video-react' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.video-react-icon-play-arrow:before, .video-react .video-react-big-play-button:before, .video-react .video-react-play-control:before, .video-react .video-react-bezel .video-react-bezel-icon-play:before {
  content: "\F200"; }

.video-react-icon-play-circle-filled:before {
  content: "\F201"; }

.video-react-icon-play-circle-outline:before {
  content: "\F202"; }

.video-react-icon-pause:before, .video-react .video-react-play-control.video-react-playing:before, .video-react .video-react-bezel .video-react-bezel-icon-pause:before {
  content: "\F203"; }

.video-react-icon-pause-circle-filled:before {
  content: "\F204"; }

.video-react-icon-pause-circle-outline:before {
  content: "\F205"; }

.video-react-icon-stop:before {
  content: "\F206"; }

.video-react-icon-fast-rewind:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before {
  content: "\F207"; }

.video-react-icon-fast-forward:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before {
  content: "\F208"; }

.video-react-icon-skip-previous:before {
  content: "\F209"; }

.video-react-icon-skip-next:before {
  content: "\F20A"; }

.video-react-icon-replay-5:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before {
  content: "\F20B"; }

.video-react-icon-replay-10:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before {
  content: "\F20C"; }

.video-react-icon-replay-30:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before {
  content: "\F20D"; }

.video-react-icon-forward-5:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before {
  content: "\F20E"; }

.video-react-icon-forward-10:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before {
  content: "\F20F"; }

.video-react-icon-forward-30:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before {
  content: "\F210"; }

.video-react-icon-volume-off:before, .video-react .video-react-mute-control.video-react-vol-muted:before,
.video-react .video-react-volume-menu-button.video-react-vol-muted:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before {
  content: "\F211"; }

.video-react-icon-volume-mute:before, .video-react .video-react-mute-control.video-react-vol-0:before,
.video-react .video-react-volume-menu-button.video-react-vol-0:before {
  content: "\F212"; }

.video-react-icon-volume-down:before, .video-react .video-react-mute-control.video-react-vol-1:before,
.video-react .video-react-volume-menu-button.video-react-vol-1:before, .video-react .video-react-mute-control.video-react-vol-2:before,
.video-react .video-react-volume-menu-button.video-react-vol-2:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before {
  content: "\F213"; }

.video-react-icon-volume-up:before, .video-react .video-react-mute-control:before,
.video-react .video-react-volume-menu-button:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before {
  content: "\F214"; }

.video-react-icon-fullscreen:before {
  content: "\F215"; }

.video-react-icon-fullscreen-exit:before {
  content: "\F216"; }

.video-react-icon-closed-caption:before, .video-react .video-react-closed-caption:before {
  content: "\F217"; }

.video-react-icon-hd:before {
  content: "\F218"; }

.video-react-icon-settings:before {
  content: "\F219"; }

.video-react-icon-share:before {
  content: "\F21A"; }

.video-react-icon-info:before {
  content: "\F21B"; }

.video-react-icon-info-outline:before {
  content: "\F21C"; }

.video-react-icon-close:before {
  content: "\F21D"; }

.video-react-icon-circle:before, .video-react .video-react-play-progress:before, .video-react .video-react-volume-level:before {
  content: "\F21E"; }

.video-react-icon-circle-outline:before {
  content: "\F21F"; }

.video-react-icon-circle-inner-circle:before {
  content: "\F220"; }

.video-react {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  font-size: 10px;
  line-height: 1;
  font-family: serif, Times, "Times New Roman";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .video-react:-moz-full-screen {
    position: absolute; }
  .video-react:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }
  .video-react *,
  .video-react *:before,
  .video-react *:after {
    box-sizing: inherit; }
  .video-react ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; }
  .video-react.video-react-fluid, .video-react.video-react-16-9, .video-react.video-react-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0; }
  .video-react.video-react-16-9 {
    padding-top: 56.25%; }
  .video-react.video-react-4-3 {
    padding-top: 75%; }
  .video-react.video-react-fill {
    width: 100%;
    height: 100%; }
  .video-react .video-react-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .video-react.video-react-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important; }
    .video-react.video-react-fullscreen.video-react-user-inactive {
      cursor: none; }

body.video-react-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }
  body.video-react-full-window .video-react-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }

.video-react button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.video-react .video-react-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }
  .video-react .video-react-loading-spinner:before, .video-react .video-react-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white;
    -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
    animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite; }

.video-react-seeking .video-react-loading-spinner,
.video-react-waiting .video-react-loading-spinner {
  display: block; }

.video-react-seeking .video-react-loading-spinner:before,
.video-react-waiting .video-react-loading-spinner:before {
  border-top-color: white; }

.video-react-seeking .video-react-loading-spinner:after,
.video-react-waiting .video-react-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes video-react-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes video-react-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.video-react .video-react-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .video-react .video-react-big-play-button.video-react-big-play-button-center {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em; }
  .video-react .video-react-big-play-button.big-play-button-hide {
    display: none; }

.video-react:hover .video-react-big-play-button,
.video-react .video-react-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.video-react-menu-button {
  cursor: pointer; }
  .video-react-menu-button.video-react-disabled {
    cursor: default; }

.video-react-menu .video-react-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: serif, Times, "Times New Roman"; }

.video-react-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center; }
  .video-react-menu li:focus, .video-react-menu li:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5); }
  .video-react-menu li.video-react-selected, .video-react-menu li.video-react-selected:focus, .video-react-menu li.video-react-selected:hover {
    background-color: #fff;
    color: #2B333F; }
  .video-react-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default; }

.video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
  display: none; }

.video-react .video-react-menu-button-popup .video-react-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }
  .video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em; }

.video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
  display: block; }

.video-react .video-react-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden; }
  .video-react .video-react-menu-button-inline:before {
    width: 2.222222222em; }
  .video-react .video-react-menu-button-inline:hover, .video-react .video-react-menu-button-inline:focus, .video-react .video-react-menu-button-inline.video-react-slider-active {
    width: 12em; }
    .video-react .video-react-menu-button-inline:hover .video-react-menu, .video-react .video-react-menu-button-inline:focus .video-react-menu, .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu {
      display: block;
      opacity: 1; }
  .video-react .video-react-menu-button-inline.video-react-slider-active {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }
  .video-react .video-react-menu-button-inline .video-react-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .video-react .video-react-menu-button-inline .video-react-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden; }

.video-react-no-flex .video-react-menu-button-inline .video-react-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.video-react-no-flex .video-react-menu-button-inline:hover, .video-react-no-flex .video-react-menu-button-inline:focus, .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active {
  width: auto; }

.video-react .video-react-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }
  .video-react .video-react-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%; }

.video-react .video-react-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }
  .video-react .video-react-slider:focus {
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff; }

.video-react .video-react-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }
  .video-react .video-react-control:before {
    font-size: 1.8em;
    line-height: 1.67; }
  .video-react .video-react-control:focus:before, .video-react .video-react-control:hover:before, .video-react .video-react-control:focus {
    text-shadow: 0em 0em 1em #fff, 0em 0em 0.5em #fff; }

.video-react .video-react-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.video-react-no-flex .video-react-control {
  display: table-cell;
  vertical-align: middle; }

.video-react .video-react-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.video-react-has-started .video-react-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-react-controls-disabled .video-react-control-bar,
.video-react-using-native-controls .video-react-control-bar,
.video-react-error .video-react-control-bar {
  display: none !important; }

.video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
  opacity: 1;
  visibility: visible; }

.video-react-has-started.video-react-no-flex .video-react-control-bar {
  display: table; }

.video-react .video-react-progress-control {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em; }

.video-react-live .video-react-progress-control {
  display: none; }

.video-react .video-react-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

.video-react .video-react-progress-control:hover .video-react-progress-holder {
  font-size: 1.666666666666666666em; }

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-react .video-react-progress-control:hover .video-react-time-tooltip,
.video-react .video-react-progress-control:hover .video-react-mouse-display:after,
.video-react .video-react-progress-control:hover .video-react-play-progress:after {
  visibility: visible;
  font-size: 0.6em; }

.video-react .video-react-progress-holder .video-react-play-progress,
.video-react .video-react-progress-holder .video-react-load-progress,
.video-react .video-react-progress-holder .video-react-tooltip-progress-bar,
.video-react .video-react-progress-holder .video-react-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.video-react .video-react-play-progress {
  background-color: #fff; }
  .video-react .video-react-play-progress:before {
    position: absolute;
    top: -0.333333333333333em;
    right: -0.5em;
    font-size: 0.9em; }

.video-react .video-react-time-tooltip,
.video-react .video-react-mouse-display:after,
.video-react .video-react-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em; }

.video-react .video-react-time-tooltip,
.video-react .video-react-play-progress:before,
.video-react .video-react-play-progress:after {
  z-index: 1; }

.video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
  display: none; }

.video-react .video-react-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5); }

.video-react .video-react-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75); }

.video-react.video-react-no-flex .video-react-progress-control {
  width: auto; }

.video-react .video-react-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em; }

.video-react .video-react-tooltip-progress-bar {
  visibility: hidden; }

.video-react .video-react-progress-control .video-react-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.video-react-no-flex .video-react-progress-control .video-react-mouse-display {
  z-index: 0; }

.video-react .video-react-progress-control:hover .video-react-mouse-display {
  display: block; }

.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
  display: none; }

.video-react .video-react-mouse-display .video-react-time-tooltip,
.video-react .video-react-progress-control .video-react-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-react .video-react-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-react .video-react-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-react.video-react-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999; }

.video-react .video-react-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.video-react .video-react-time-divider {
  line-height: 3em;
  min-width: initial;
  padding: 0; }

.video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-react .video-react-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.video-react .video-react-volume-bar {
  margin: 1.35em 0.45em; }
  .video-react .video-react-volume-bar.video-react-slider-horizontal {
    width: 5em;
    height: 0.3em; }
    .video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
      width: 100%; }
  .video-react .video-react-volume-bar.video-react-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto; }
    .video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
      height: 100%; }

.video-react .video-react-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .video-react .video-react-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.video-react .video-react-slider-vertical .video-react-volume-level {
  width: 0.3em; }
  .video-react .video-react-slider-vertical .video-react-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.video-react .video-react-slider-horizontal .video-react-volume-level {
  height: 0.3em; }
  .video-react .video-react-slider-horizontal .video-react-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
  left: 0.5em;
  height: 8em; }

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
  left: -2em; }

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden; }

.video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content {
  height: 8em;
  width: 2.9em; }

.video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content {
  height: 2.9em;
  width: 8em; }

.video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
  background-color: transparent !important; }

.video-react .video-react-playback-rate .video-react-playback-rate-value {
  line-height: 3em;
  text-align: center; }

.video-react .video-react-playback-rate .video-react-menu {
  width: 4em;
  left: 0em; }

.video-react .video-react-bezel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  z-index: 17;
  margin-left: -26px;
  margin-top: -26px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 26px; }
  .video-react .video-react-bezel.video-react-bezel-animation {
    -moz-animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
    -webkit-animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
    animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
    pointer-events: none; }
  .video-react .video-react-bezel.video-react-bezel-animation-alt {
    -moz-animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
    -webkit-animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
    animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
    pointer-events: none; }
  .video-react .video-react-bezel .video-react-bezel-icon {
    width: 36px;
    height: 36px;
    margin: 8px;
    font-size: 26px;
    line-height: 36px;
    text-align: center; }

@keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: scale(2); } }

@keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: scale(2); } }

.video-react .video-react-closed-caption {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-react video::-webkit-media-text-track-container {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px); }

.video-content {
  min-height: 100vh;
  margin-top: 80px;
  position: relative; }
  .video-content .devider {
    height: 100px;
    width: 100%; }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .video-content .devider {
        display: 20px; } }
    @media only screen and (max-width: 70.85714em) {
      .video-content .devider {
        display: 20px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .video-content .devider {
        display: none; } }
    @media only screen and (max-width: 54.85714em) {
      .video-content .devider {
        display: none; } }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .video-content {
      min-height: 0px; } }
  @media only screen and (max-width: 70.85714em) {
    .video-content {
      min-height: 0px; } }
  .video-content:after {
    content: '';
    position: absolute;
    top: -80px;
    left: 0%;
    background: rgba(235, 79, 36, 0.07);
    right: 0;
    bottom: calc(50% + 0px); }
  .video-content .video__container {
    z-index: 2;
    min-height: 100vh; }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .video-content .video__container {
        min-height: 0px; } }
    @media only screen and (max-width: 70.85714em) {
      .video-content .video__container {
        min-height: 0px; } }
    .video-content .video__container .video-react.video-react-fluid,
    .video-content .video__container .video-react.video-react-16-9,
    .video-content .video__container .video-react.video-react-4-3 {
      width: 90%;
      margin: auto; }
      @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
        .video-content .video__container .video-react.video-react-fluid,
        .video-content .video__container .video-react.video-react-16-9,
        .video-content .video__container .video-react.video-react-4-3 {
          width: 100%; } }
      @media only screen and (max-width: 70.85714em) {
        .video-content .video__container .video-react.video-react-fluid,
        .video-content .video__container .video-react.video-react-16-9,
        .video-content .video__container .video-react.video-react-4-3 {
          width: 100%; } }
    .video-content .video__container .video-react .video-react-video {
      contain: strict; }
  .video-content .video-react .video-react-poster {
    background-size: cover;
    z-index: 2; }

.video-react {
  z-index: 3; }
  .video-react .video-react-big-play-button {
    z-index: 4; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.home-content .mobile-display {
  display: none; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .home-content .mobile-display {
      display: block; } }
  @media only screen and (max-width: 70.85714em) {
    .home-content .mobile-display {
      display: block; } }

@media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
  .home-content .display-desktop {
    display: none; } }

@media only screen and (max-width: 70.85714em) {
  .home-content .display-desktop {
    display: none; } }

.home-content h2 {
  font-family: "Arial";
  font-weight: bold;
  font-size: 25px;
  line-height: normal;
  color: #eb4f24;
  max-width: 800px;
  text-align: center;
  padding-bottom: 140px;
  margin: auto; }
  @media only screen and (min-width: 54.85714em) {
    .home-content h2 {
      font-size: 25px;
      line-height: 37.5px; } }
  @media only screen and (min-width: 70.85714em) {
    .home-content h2 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 85.71429em) {
    .home-content h2 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 114.28571em) {
    .home-content h2 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 128.57143em) {
    .home-content h2 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .home-content h2 {
      padding-bottom: 50px;
      width: 90%; } }
  @media only screen and (max-width: 70.85714em) {
    .home-content h2 {
      padding-bottom: 50px;
      width: 90%; } }

.home-content .devider-section {
  background-color: transparent;
  height: 50px; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .home-content .devider-section {
      display: none; } }
  @media only screen and (max-width: 70.85714em) {
    .home-content .devider-section {
      display: none; } }

.home-content h3 {
  font-family: "Arial";
  font-weight: bold;
  font-size: 25px;
  line-height: normal;
  text-align: left;
  color: #eb4f24;
  padding-top: 20px; }
  @media only screen and (min-width: 54.85714em) {
    .home-content h3 {
      font-size: 25px;
      line-height: 37.5px; } }
  @media only screen and (min-width: 70.85714em) {
    .home-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 85.71429em) {
    .home-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 114.28571em) {
    .home-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 128.57143em) {
    .home-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .home-content h3 {
      padding-top: 0px; } }
  @media only screen and (max-width: 70.85714em) {
    .home-content h3 {
      padding-top: 0px; } }

.home-content p {
  font-family: "Open Sans";
  font-weight: 300;
  font-size: 16px;
  text-align: left;
  color: #000;
  line-height: normal;
  padding-bottom: 60px; }
  @media only screen and (min-width: 54.85714em) {
    .home-content p {
      font-size: 16px;
      line-height: 24px; } }
  @media only screen and (min-width: 70.85714em) {
    .home-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 85.71429em) {
    .home-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 114.28571em) {
    .home-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 128.57143em) {
    .home-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .home-content p {
      padding-bottom: 0px; } }
  @media only screen and (max-width: 54.85714em) {
    .home-content p {
      padding-bottom: 0px; } }

.home-content .content1 {
  margin-right: 5vw; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .home-content .content1 {
      margin: 0; } }
  @media only screen and (max-width: 70.85714em) {
    .home-content .content1 {
      margin: 0; } }

.home-content .content2 {
  margin-left: 5vw; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .home-content .content2 {
      margin: 0; } }
  @media only screen and (max-width: 70.85714em) {
    .home-content .content2 {
      margin: 0; } }

.home-content .home-page-1 {
  margin-bottom: 20px;
  margin-top: 20px;
  min-height: 50vh;
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px; }
  .home-content .home-page-1 .photoShape {
    position: relative; }
    .home-content .home-page-1 .photoShape img {
      width: 100%; }
    .home-content .home-page-1 .photoShape:before {
      content: ' ';
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iMzczIiB2aWV3Qm94PSIwIDAgMjQwIDM3MyI+CiAgPGcgaWQ9Ikdyb3VwXzExOSIgZGF0YS1uYW1lPSJHcm91cCAxMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzAgLTI5OTMpIj4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTQ3NSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTQ3NSIgd2lkdGg9IjI0MCIgaGVpZ2h0PSIyNzAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3MCAzMDk2KSIgZmlsbD0iIzM1MzUzMSIgb3BhY2l0eT0iMC4wNzEiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTQ3NiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTQ3NiIgd2lkdGg9IjE4MSIgaGVpZ2h0PSIxODEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyOSAyOTkzKSIgZmlsbD0iI2ViNGYyNCIgb3BhY2l0eT0iMC4wNzEiLz4KICA8L2c+Cjwvc3ZnPgo=);
      background-repeat: no-repeat;
      width: 180px;
      height: 250px;
      margin-left: -100px;
      margin-top: -60px;
      z-index: -1;
      position: absolute; }

.home-content .home-page-2 {
  margin-bottom: 20px;
  margin-top: 20px;
  min-height: 50vh;
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px; }
  .home-content .home-page-2 .photoShape {
    position: relative; }
    .home-content .home-page-2 .photoShape img {
      width: 100%; }
    .home-content .home-page-2 .photoShape:after {
      content: ' ';
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MzkiIGhlaWdodD0iMzEzIiB2aWV3Qm94PSIwIDAgNDM5IDMxMyI+CiAgPGcgaWQ9Ikdyb3VwXzEyMCIgZGF0YS1uYW1lPSJHcm91cCAxMjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzA5IC0zODM0KSI+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzE0ODEiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE0ODEiIHdpZHRoPSIzODEiIGhlaWdodD0iMjE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzA5IDM4MzQpIiBmaWxsPSIjZTA2NjY2IiBvcGFjaXR5PSIwLjA3MSIvPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xNDgyIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxNDgyIiB3aWR0aD0iMTgxIiBoZWlnaHQ9IjE4MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU2NyAzOTY2KSIgZmlsbD0iIzM1MzUzMSIgb3BhY2l0eT0iMC4wNzEiLz4KICA8L2c+Cjwvc3ZnPgo=);
      background-repeat: no-repeat;
      background-position: right;
      width: 250px;
      height: 180px;
      margin-left: -160px;
      margin-top: -60px;
      z-index: -1;
      position: absolute; }

.home-content .home-page-3 {
  margin-bottom: 20px;
  margin-top: 20px;
  min-height: 50vh;
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px; }
  .home-content .home-page-3 .photoShape {
    position: relative; }
    .home-content .home-page-3 .photoShape img {
      width: 100%; }
    .home-content .home-page-3 .photoShape:before {
      content: ' ';
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTciIGhlaWdodD0iNDM3IiB2aWV3Qm94PSIwIDAgMzE3IDQzNyI+CiAgPGcgaWQ9Ikdyb3VwXzEyMSIgZGF0YS1uYW1lPSJHcm91cCAxMjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODEgLTQ4NjgpIj4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTQ3OSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTQ3OSIgd2lkdGg9IjE4MSIgaGVpZ2h0PSIyOTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4MSA0ODY4KSIgZmlsbD0iI2ViNGYyNCIgb3BhY2l0eT0iMC4wNzEiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTQ4MCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTQ4MCIgd2lkdGg9IjI2OSIgaGVpZ2h0PSIyNjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyOSA1MDQzKSIgZmlsbD0iIzM1MzUzMSIgb3BhY2l0eT0iMC4wNzEiLz4KICA8L2c+Cjwvc3ZnPgo=);
      background-repeat: no-repeat;
      background-position: 30% 60%;
      width: 250px;
      height: 180px;
      margin-left: -80px;
      margin-bottom: -60px;
      z-index: -1;
      position: absolute;
      bottom: 0; }

.home-content .home-page-4 {
  margin-bottom: 20px;
  margin-top: 20px;
  min-height: 50vh;
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px; }
  .home-content .home-page-4 .photoShape {
    position: relative; }
    .home-content .home-page-4 .photoShape img {
      width: 100%; }
    .home-content .home-page-4 .photoShape:after {
      content: ' ';
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MzkiIGhlaWdodD0iMzI0IiB2aWV3Qm94PSIwIDAgNDM5IDMyNCI+CiAgPGcgaWQ9Ikdyb3VwXzEyMiIgZGF0YS1uYW1lPSJHcm91cCAxMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzA5IC01ODM5KSI+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzE0NzciIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE0NzciIHdpZHRoPSIzODEiIGhlaWdodD0iMjE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzA5IDU5NDcpIiBmaWxsPSIjZTA2NjY2IiBvcGFjaXR5PSIwLjA3MSIvPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xNDc4IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxNDc4IiB3aWR0aD0iMTgxIiBoZWlnaHQ9IjE4MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU2NyA1ODM5KSIgZmlsbD0iIzM1MzUzMSIgb3BhY2l0eT0iMC4wNzEiLz4KICA8L2c+Cjwvc3ZnPgo=);
      background-repeat: no-repeat;
      background-position: 80% 30%;
      width: 250px;
      height: 180px;
      margin-left: -200px;
      margin-bottom: -60px;
      z-index: -1;
      position: absolute;
      bottom: 0; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.book-call-now {
  background-color: rgba(53, 53, 49, 0.07);
  padding-bottom: 150px;
  margin-top: 100px; }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .book-call-now {
      padding-bottom: 20px;
      margin-top: 40px; } }
  @media only screen and (max-width: 54.85714em) {
    .book-call-now {
      padding-bottom: 20px;
      margin-top: 40px; } }
  .book-call-now h3 {
    padding-top: 10vh;
    color: #EB4F24;
    font-family: "Arial";
    font-weight: bold;
    font-size: 25px;
    line-height: 47px;
    text-align: center;
    padding-bottom: 30px;
    width: 70%;
    line-height: normal;
    max-width: 800px;
    margin: auto; }
    @media only screen and (min-width: 54.85714em) {
      .book-call-now h3 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .book-call-now h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .book-call-now h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .book-call-now h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .book-call-now h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .book-call-now h3 {
        width: 100%;
        padding-top: 0px;
        margin-top: -50px;
        line-height: normal;
        margin: auto; } }
    @media only screen and (max-width: 54.85714em) {
      .book-call-now h3 {
        width: 100%;
        padding-top: 0px;
        margin-top: -50px;
        line-height: normal;
        margin: auto; } }
  .book-call-now p {
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    color: #000;
    line-height: normal;
    margin-bottom: 30px;
    width: 70%;
    margin: auto;
    padding-bottom: 50px; }
    @media only screen and (min-width: 54.85714em) {
      .book-call-now p {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .book-call-now p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 85.71429em) {
      .book-call-now p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 114.28571em) {
      .book-call-now p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 128.57143em) {
      .book-call-now p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .book-call-now p {
        width: 80%;
        margin: auto;
        font-size: 18px; } }
    @media only screen and (max-width: 54.85714em) {
      .book-call-now p {
        width: 80%;
        margin: auto;
        font-size: 18px; } }
    .book-call-now p a {
      margin-left: 7px;
      color: #eb4f24; }

.form-gradient02 {
  width: 100%;
  display: none;
  height: 14px;
  margin-bottom: 60px;
  background: linear-gradient(to right, #eb4f24 0%, #000 100%); }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .form-gradient02 {
      display: block; } }
  @media only screen and (max-width: 54.85714em) {
    .form-gradient02 {
      display: block; } }

.book-a-call-form-footer {
  background: #fff;
  padding-bottom: 20px;
  overflow: auto;
  width: 70%;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.16);
  margin: auto; }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .book-a-call-form-footer {
      width: 100%;
      box-shadow: none; } }
  @media only screen and (max-width: 54.85714em) {
    .book-a-call-form-footer {
      width: 100%;
      box-shadow: none; } }
  .book-a-call-form-footer .form-gradient01 {
    width: 100%;
    height: 14px;
    background: linear-gradient(to right, #eb4f24 0%, #000 100%); }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .book-a-call-form-footer .form-gradient01 {
        display: none; } }
    @media only screen and (max-width: 54.85714em) {
      .book-a-call-form-footer .form-gradient01 {
        display: none; } }
  .book-a-call-form-footer .title {
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #000;
    float: left;
    margin-bottom: 15px; }
    @media only screen and (min-width: 54.85714em) {
      .book-a-call-form-footer .title {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .book-a-call-form-footer .title {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 85.71429em) {
      .book-a-call-form-footer .title {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 114.28571em) {
      .book-a-call-form-footer .title {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 128.57143em) {
      .book-a-call-form-footer .title {
        font-size: 18px;
        line-height: 27px; } }
  .book-a-call-form-footer .align-name {
    display: inline-flex;
    width: 100%;
    place-content: space-between; }
    .book-a-call-form-footer .align-name__left {
      width: 48%; }
    .book-a-call-form-footer .align-name__right {
      width: 48%; }
  .book-a-call-form-footer .actions {
    float: left; }
    .book-a-call-form-footer .actions .button-submit {
      padding: 12px 18px 12px 18px;
      border-radius: 12px;
      background: transparent;
      border: 4px solid #eb4f24;
      font-family: "Open Sans";
      font-weight: bold;
      font-size: 16px;
      line-height: 19px;
      text-align: center;
      color: #eb4f24;
      text-align: left; }
  .book-a-call-form-footer .outer {
    background-color: #fff;
    width: 100%;
    padding-bottom: 25px; }
  .book-a-call-form-footer__form-download {
    width: 100%;
    display: inline-block;
    position: relative;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.16); }
    .book-a-call-form-footer__form-download p {
      text-align: center;
      margin-bottom: 3.125rem;
      margin-top: 1.875rem;
      line-height: 1.875rem;
      color: #13548f; }
      .book-a-call-form-footer__form-download p a {
        color: #13548f;
        text-decoration: none;
        display: inline-block;
        margin-left: 0.625rem;
        margin-right: 0.625rem;
        transition: color 0.5s ease; }
        .book-a-call-form-footer__form-download p a:hover {
          color: #000; }
    .book-a-call-form-footer__form-download form {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      box-sizing: border-box; }
    .book-a-call-form-footer__form-download .ui.button {
      margin-top: 2.5rem; }
  .book-a-call-form-footer__sending {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: RGBA(252, 250, 252, 0.8); }
    .book-a-call-form-footer__sending span {
      font-size: 12px;
      margin-top: 10px;
      margin-bottom: 10px;
      color: #eb4f24;
      font-family: "Open Sans"; }

.form-book {
  text-align: center;
  padding: 20px 35px 35px 35px;
  font-size: 30px !important;
  margin-top: 20px;
  margin-bottom: 20px !important;
  color: #EB4F24;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif !important; }
  .form-book label {
    display: block;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 5px;
    text-align: center; }
  .form-book .error {
    font-weight: normal;
    color: #666; }
  .form-book input,
  .form-book textarea {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-top: 10px;
    padding: 10px;
    padding-left: 20px;
    border-radius: 0px;
    outline: none;
    border: 1px solid #061828;
    font-size: 14px;
    transition: border-color 0.5s ease, box-shadow 0.5s ease;
    border-radius: 4px;
    background: #fff;
    border: 1px solid rgba(0, 42, 81, 0.36); }
    .form-book input::placeholder,
    .form-book textarea::placeholder {
      color: #666;
      transition: color 0.5s ease; }
    .form-book input:focus,
    .form-book textarea:focus {
      border-color: #13548f;
      color: #13548f; }
      .form-book input:focus::placeholder,
      .form-book textarea:focus::placeholder {
        color: #ccc; }
  .form-book textarea {
    min-height: 150px;
    max-width: 100%; }
  .form-book .actions {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 20px; }
  .form-book .text-section {
    height: 25vh; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
/* 
It is encouraged to only use this file for styling 
if it relates to this pages structural styling, Otherwise
you should be placing styling inside the component it relates to.
*/
.whychooseus .ui.button,
.whychooseus .ui.buttons {
  margin: 10px; }

.whychooseus .ui.buttons .ui.button {
  margin: 0px; }

.whychooseus .ui.inverted.segment {
  background: black;
  padding: 10px; }

.whychooseus .color {
  background: #eee;
  height: 50px;
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: 8%; }
  .whychooseus .color:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    justify-items: center;
    color: #fff;
    content: 'color'; }
  .whychooseus .color.red:before {
    content: 'red';
    background: red; }
  .whychooseus .color.orange:before {
    content: 'orange';
    background: orange; }
  .whychooseus .color.yellow:before {
    content: 'yellow';
    background: yellow; }
  .whychooseus .color.olive:before {
    content: 'olive';
    background: olive; }
  .whychooseus .color.green:before {
    content: 'green';
    background: green; }
  .whychooseus .color.teal:before {
    content: 'teal';
    background: teal; }
  .whychooseus .color.blue:before {
    content: 'blue';
    background: blue; }
  .whychooseus .color.violet:before {
    content: 'violet';
    background: violet; }
  .whychooseus .color.purple:before {
    content: 'purple';
    background: purple; }
  .whychooseus .color.pink:before {
    content: 'pink';
    background: pink; }
  .whychooseus .color.brown:before {
    content: 'brown';
    background: brown; }
  .whychooseus .color.grey:before {
    content: 'grey';
    background: grey; }
  .whychooseus .color.black:before {
    content: 'black';
    background: black; }

.ui.dividing.header {
  padding-bottom: 0.21428571rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.28571429em; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.why-content .devider-section {
  background-color: #fff;
  height: 200px; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .why-content .devider-section {
      display: none; } }
  @media only screen and (max-width: 70.85714em) {
    .why-content .devider-section {
      display: none; } }

.why-content h3 {
  font-family: "Arial";
  font-weight: bold;
  font-size: 25px;
  line-height: normal;
  text-align: left;
  color: #eb4f24;
  padding-top: 100px; }
  @media only screen and (min-width: 54.85714em) {
    .why-content h3 {
      font-size: 25px;
      line-height: 37.5px; } }
  @media only screen and (min-width: 70.85714em) {
    .why-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 85.71429em) {
    .why-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 114.28571em) {
    .why-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 128.57143em) {
    .why-content h3 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .why-content h3 {
      padding-top: 10px; } }
  @media only screen and (max-width: 70.85714em) {
    .why-content h3 {
      padding-top: 10px; } }

.why-content h4 {
  font-family: "Arial";
  font-weight: bold;
  font-size: 25px;
  line-height: normal;
  text-align: left;
  color: #eb4f24;
  padding-top: 26%; }
  @media only screen and (min-width: 54.85714em) {
    .why-content h4 {
      font-size: 25px;
      line-height: 37.5px; } }
  @media only screen and (min-width: 70.85714em) {
    .why-content h4 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 85.71429em) {
    .why-content h4 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 114.28571em) {
    .why-content h4 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 128.57143em) {
    .why-content h4 {
      font-size: 40px;
      line-height: 60px; } }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .why-content h4 {
      padding-top: 10px; } }
  @media only screen and (max-width: 70.85714em) {
    .why-content h4 {
      padding-top: 10px; } }

.why-content p {
  font-family: "Open Sans";
  font-weight: 300;
  font-size: 16px;
  text-align: left;
  line-height: normal;
  color: #000;
  padding-bottom: 50px; }
  @media only screen and (min-width: 54.85714em) {
    .why-content p {
      font-size: 16px;
      line-height: 24px; } }
  @media only screen and (min-width: 70.85714em) {
    .why-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 85.71429em) {
    .why-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 114.28571em) {
    .why-content p {
      font-size: 18px;
      line-height: 27px; } }
  @media only screen and (min-width: 128.57143em) {
    .why-content p {
      font-size: 18px;
      line-height: 27px; } }

.why-content .content1 {
  margin-right: 5vw; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .why-content .content1 {
      margin: 0; } }
  @media only screen and (max-width: 70.85714em) {
    .why-content .content1 {
      margin: 0; } }

.why-content .content2 {
  margin-left: 5vw; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .why-content .content2 {
      margin: 0; } }
  @media only screen and (max-width: 70.85714em) {
    .why-content .content2 {
      margin: 0; } }
  .why-content .content2 p {
    padding-bottom: 20px; }

.why-content .why-page-1 {
  background-color: rgba(235, 79, 36, 0.07);
  padding-top: 100px;
  min-height: 50vh; }
  .why-content .why-page-1 .image {
    background-image: url(/_next/static/pages/whychooseus/785a38412c37babbd1ce1f3fef4bdf67.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    min-height: 55vh;
    height: 100%;
    width: 100%;
    max-height: 600px;
    display: block;
    transform: translateY(15%);
    box-shadow: 0px 13px 32px rgba(0, 0, 0, 0.16); }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .why-content .why-page-1 .image {
        height: 30vh;
        margin-bottom: 20px;
        transform: translateY(0%);
        min-height: 0px;
        margin-top: 15px; } }
    @media only screen and (max-width: 70.85714em) {
      .why-content .why-page-1 .image {
        height: 30vh;
        margin-bottom: 20px;
        transform: translateY(0%);
        min-height: 0px;
        margin-top: 15px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .why-content .why-page-1 .image {
        height: 25vh;
        background-size: cover;
        background-position: top center;
        min-height: 0; } }
    @media only screen and (max-width: 54.85714em) {
      .why-content .why-page-1 .image {
        height: 25vh;
        background-size: cover;
        background-position: top center;
        min-height: 0; } }

.why-content .why-page-2 {
  background-color: #fff;
  margin-bottom: 40px;
  margin-top: 20px;
  min-height: 50vh; }
  .why-content .why-page-2 .image {
    background-image: url(/_next/static/pages/whychooseus/a28958f1698da25dfb71d71a706132f0.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    min-height: 55vh;
    height: 100%;
    width: 100%;
    max-height: 600px;
    display: block;
    padding-bottom: 30px;
    transform: translateY(-15%);
    box-shadow: 0px 13px 32px rgba(0, 0, 0, 0.16); }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .why-content .why-page-2 .image {
        height: 30vh;
        margin-bottom: 20px;
        min-height: 0px;
        margin-top: 15px;
        transform: translateY(0%); } }
    @media only screen and (max-width: 70.85714em) {
      .why-content .why-page-2 .image {
        height: 30vh;
        margin-bottom: 20px;
        min-height: 0px;
        margin-top: 15px;
        transform: translateY(0%); } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .why-content .why-page-2 .image {
        height: 25vh;
        background-size: cover;
        background-position: top center;
        min-height: 0; } }
    @media only screen and (max-width: 54.85714em) {
      .why-content .why-page-2 .image {
        height: 25vh;
        background-size: cover;
        background-position: top center;
        min-height: 0; } }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.doforyourbusiness__container {
  text-align: center;
  margin-top: 110px; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .doforyourbusiness__container {
      margin-top: 40px; } }
  @media only screen and (max-width: 70.85714em) {
    .doforyourbusiness__container {
      margin-top: 40px; } }
  .doforyourbusiness__container .inner {
    flex: 1; }
  .doforyourbusiness__container h2 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 25px;
    line-height: normal;
    text-align: center;
    color: #eb4f24;
    padding-bottom: 90px;
    padding-top: 60px;
    margin: auto;
    max-width: 800px;
    width: 80%; }
    @media only screen and (min-width: 54.85714em) {
      .doforyourbusiness__container h2 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .doforyourbusiness__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .doforyourbusiness__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .doforyourbusiness__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .doforyourbusiness__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .doforyourbusiness__container h2 {
        padding-bottom: 15px;
        padding-top: 10px;
        line-height: normal; } }
    @media only screen and (max-width: 70.85714em) {
      .doforyourbusiness__container h2 {
        padding-bottom: 15px;
        padding-top: 10px;
        line-height: normal; } }
  .doforyourbusiness__container span {
    font-family: "Arial";
    font-weight: bold;
    font-size: 25px;
    line-height: normal;
    text-align: center;
    color: #000; }
    @media only screen and (min-width: 54.85714em) {
      .doforyourbusiness__container span {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .doforyourbusiness__container span {
        font-size: 42px;
        line-height: 63px; } }
    @media only screen and (min-width: 85.71429em) {
      .doforyourbusiness__container span {
        font-size: 42px;
        line-height: 63px; } }
    @media only screen and (min-width: 114.28571em) {
      .doforyourbusiness__container span {
        font-size: 42px;
        line-height: 63px; } }
    @media only screen and (min-width: 128.57143em) {
      .doforyourbusiness__container span {
        font-size: 42px;
        line-height: 63px; } }
  .doforyourbusiness__container img {
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 80px !important; }
  .doforyourbusiness__container p {
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 50px;
    color: #000;
    line-height: normal; }
    @media only screen and (min-width: 54.85714em) {
      .doforyourbusiness__container p {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .doforyourbusiness__container p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 85.71429em) {
      .doforyourbusiness__container p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 114.28571em) {
      .doforyourbusiness__container p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 128.57143em) {
      .doforyourbusiness__container p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .doforyourbusiness__container p {
        padding-bottom: 10px; } }
    @media only screen and (max-width: 54.85714em) {
      .doforyourbusiness__container p {
        padding-bottom: 10px; } }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.we-are-prima {
  position: relative;
  padding-top: 70px;
  padding-bottom: 90px; }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .we-are-prima {
      padding-bottom: 0px;
      padding-top: 300px; } }
  @media only screen and (max-width: 54.85714em) {
    .we-are-prima {
      padding-bottom: 0px;
      padding-top: 300px; } }
  .we-are-prima h3 {
    font-family: "Arial";
    font-weight: bold;
    font-size: 25px;
    line-height: 65px;
    text-align: left;
    color: #eb4f24;
    padding-top: 150px;
    padding-bottom: 40px;
    margin-left: 58%;
    max-width: 800px;
    margin: auto; }
    @media only screen and (min-width: 54.85714em) {
      .we-are-prima h3 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .we-are-prima h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .we-are-prima h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .we-are-prima h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .we-are-prima h3 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .we-are-prima h3 {
        line-height: normal;
        padding-top: 40px;
        width: 80%;
        margin: auto; } }
    @media only screen and (max-width: 54.85714em) {
      .we-are-prima h3 {
        line-height: normal;
        padding-top: 40px;
        width: 80%;
        margin: auto; } }
  .we-are-prima p {
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 16px;
    line-height: normal;
    text-align: left;
    color: #000;
    margin-left: 58%;
    padding-bottom: 100px; }
    @media only screen and (min-width: 54.85714em) {
      .we-are-prima p {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .we-are-prima p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 85.71429em) {
      .we-are-prima p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 114.28571em) {
      .we-are-prima p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 128.57143em) {
      .we-are-prima p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .we-are-prima p {
        line-height: normal;
        width: 80%;
        margin: auto;
        padding-bottom: 55px; } }
    @media only screen and (max-width: 54.85714em) {
      .we-are-prima p {
        line-height: normal;
        width: 80%;
        margin: auto;
        padding-bottom: 55px; } }
  .we-are-prima:after {
    content: "";
    position: absolute;
    top: 150px;
    right: 50%;
    left: 15%;
    bottom: 10%;
    background-image: url(/_next/static/Components/Features/29924c5c8e5d1acf9fa42a097a6429f2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: scale 1s forwards;
    box-shadow: 0px 13px 32px rgba(0, 0, 0, 0.16); }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .we-are-prima:after {
        content: "";
        position: absolute;
        top: 0px !important;
        right: 0%;
        left: 0;
        max-height: 230px;
        bottom: 0%; } }
    @media only screen and (max-width: 54.85714em) {
      .we-are-prima:after {
        content: "";
        position: absolute;
        top: 0px !important;
        right: 0%;
        left: 0;
        max-height: 230px;
        bottom: 0%; } }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .we-are-prima:after {
        left: 0px;
        top: 50px; } }
    @media only screen and (max-width: 70.85714em) {
      .we-are-prima:after {
        left: 0px;
        top: 50px; } }

.features__container {
  text-align: center;
  margin-top: 40px;
  padding-bottom: 120px;
  background: rgba(53, 53, 49, 0.1); }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .features__container {
      padding-bottom: 40px; } }
  @media only screen and (max-width: 70.85714em) {
    .features__container {
      padding-bottom: 40px; } }
  .features__container .flex {
    display: inline-flex;
    text-align: left !important; }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .features__container .flex {
        display: block; } }
    @media only screen and (max-width: 70.85714em) {
      .features__container .flex {
        display: block; } }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .features__container .flex .inner {
        text-align: center; } }
    @media only screen and (max-width: 70.85714em) {
      .features__container .flex .inner {
        text-align: center; } }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .features__container .flex .outer {
        text-align: center; } }
    @media only screen and (max-width: 70.85714em) {
      .features__container .flex .outer {
        text-align: center; } }
    .features__container .flex .outer p {
      text-align: left; }
      @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
        .features__container .flex .outer p {
          text-align: center; } }
      @media only screen and (max-width: 70.85714em) {
        .features__container .flex .outer p {
          text-align: center; } }
  .features__container h2 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 25px;
    line-height: 52px;
    text-align: center;
    color: #eb4f24;
    padding-bottom: 90px;
    padding-top: 90px; }
    @media only screen and (min-width: 54.85714em) {
      .features__container h2 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .features__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .features__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .features__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .features__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .features__container h2 {
        padding-bottom: 15px;
        padding-top: 50px;
        line-height: normal; } }
    @media only screen and (max-width: 70.85714em) {
      .features__container h2 {
        padding-bottom: 15px;
        padding-top: 50px;
        line-height: normal; } }
  .features__container span {
    font-family: "Arial";
    font-weight: bold;
    font-size: 20px;
    line-height: 52px;
    text-align: center;
    color: #000; }
    @media only screen and (min-width: 54.85714em) {
      .features__container span {
        font-size: 20px;
        line-height: 30px; } }
    @media only screen and (min-width: 70.85714em) {
      .features__container span {
        font-size: 30px;
        line-height: 45px; } }
    @media only screen and (min-width: 85.71429em) {
      .features__container span {
        font-size: 30px;
        line-height: 45px; } }
    @media only screen and (min-width: 114.28571em) {
      .features__container span {
        font-size: 30px;
        line-height: 45px; } }
    @media only screen and (min-width: 128.57143em) {
      .features__container span {
        font-size: 30px;
        line-height: 45px; } }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .features__container span br {
        display: none; } }
    @media only screen and (max-width: 70.85714em) {
      .features__container span br {
        display: none; } }
  .features__container img {
    padding-right: 30px;
    width: 60px;
    height: auto; }
    @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
      .features__container img {
        margin: auto;
        margin-top: 40px;
        margin-bottom: 40px;
        padding-right: 0px;
        height: 60px;
        width: auto; } }
    @media only screen and (max-width: 70.85714em) {
      .features__container img {
        margin: auto;
        margin-top: 40px;
        margin-bottom: 40px;
        padding-right: 0px;
        height: 60px;
        width: auto; } }
  .features__container p {
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 50px;
    color: #000;
    line-height: normal; }
    @media only screen and (min-width: 54.85714em) {
      .features__container p {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .features__container p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 85.71429em) {
      .features__container p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 114.28571em) {
      .features__container p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 128.57143em) {
      .features__container p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .features__container p {
        padding-bottom: 15px; } }
    @media only screen and (max-width: 54.85714em) {
      .features__container p {
        padding-bottom: 15px; } }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.learnmore__container {
  text-align: center;
  background: rgba(235, 79, 36, 0.07);
  padding-bottom: 90px; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .learnmore__container {
      padding-bottom: 50px; } }
  @media only screen and (max-width: 70.85714em) {
    .learnmore__container {
      padding-bottom: 50px; } }
  .learnmore__container h2 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 25px;
    line-height: 52px;
    text-align: center;
    color: #eb4f24;
    padding-top: 90px;
    width: 90%;
    margin: auto; }
    @media only screen and (min-width: 54.85714em) {
      .learnmore__container h2 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .learnmore__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .learnmore__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .learnmore__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .learnmore__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .learnmore__container h2 {
        padding-top: 50px;
        line-height: normal; } }
    @media only screen and (max-width: 54.85714em) {
      .learnmore__container h2 {
        padding-top: 50px;
        line-height: normal; } }
  .learnmore__container span {
    width: 100%;
    text-align: center;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 16px;
    line-height: 65px;
    padding-bottom: 90px;
    color: #353531; }
    @media only screen and (min-width: 54.85714em) {
      .learnmore__container span {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .learnmore__container span {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 85.71429em) {
      .learnmore__container span {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 114.28571em) {
      .learnmore__container span {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 128.57143em) {
      .learnmore__container span {
        font-size: 18px;
        line-height: 27px; } }
  .learnmore__container img {
    width: 80%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 20px; }
  .learnmore__container .button.\--red {
    margin-top: 20px; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.contentbox__container {
  background: rgba(53, 53, 49, 0.1);
  margin-top: 100px; }
  @media only screen and (min-width: 70.85714em) and (max-width: 70.85714em) {
    .contentbox__container {
      margin-top: 30px; } }
  @media only screen and (max-width: 70.85714em) {
    .contentbox__container {
      margin-top: 30px; } }
  .contentbox__container h2 {
    font-family: "Arial";
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    color: #eb4f24;
    width: 80%;
    margin: auto;
    padding: 90px 0px;
    line-height: normal !important; }
    @media only screen and (min-width: 54.85714em) {
      .contentbox__container h2 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .contentbox__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .contentbox__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .contentbox__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .contentbox__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .contentbox__container h2 {
        padding: 30px 0px;
        width: 90%; } }
    @media only screen and (max-width: 54.85714em) {
      .contentbox__container h2 {
        padding: 30px 0px;
        width: 90%; } }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.whatisincluded__container {
  margin-top: 80px; }
  .whatisincluded__container .sizing {
    position: relative; }
    .whatisincluded__container .sizing h1 {
      font-family: 'Arial';
      font-weight: bold;
      font-size: 45px;
      font-size: 25px;
      text-align: center;
      color: #eb4f24;
      padding-bottom: 120px;
      padding-top: 120px;
      line-height: normal !important;
      width: 80%;
      max-width: 800px;
      margin: auto;
      margin-bottom: 0px;
      padding-bottom: 2rem; }
      @media only screen and (min-width: 54.85714em) {
        .whatisincluded__container .sizing h1 {
          font-size: 25px;
          line-height: 37.5px; } }
      @media only screen and (min-width: 70.85714em) {
        .whatisincluded__container .sizing h1 {
          font-size: 40px;
          line-height: 60px; } }
      @media only screen and (min-width: 85.71429em) {
        .whatisincluded__container .sizing h1 {
          font-size: 40px;
          line-height: 60px; } }
      @media only screen and (min-width: 114.28571em) {
        .whatisincluded__container .sizing h1 {
          font-size: 40px;
          line-height: 60px; } }
      @media only screen and (min-width: 128.57143em) {
        .whatisincluded__container .sizing h1 {
          font-size: 40px;
          line-height: 60px; } }
      @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
        .whatisincluded__container .sizing h1 {
          padding-top: 80px; } }
      @media only screen and (max-width: 54.85714em) {
        .whatisincluded__container .sizing h1 {
          padding-top: 80px; } }
    .whatisincluded__container .sizing p {
      font-size: 16px;
      text-align: center;
      font-family: 'Open Sans';
      color: #eb4f24bd; }
      @media only screen and (min-width: 54.85714em) {
        .whatisincluded__container .sizing p {
          font-size: 16px;
          line-height: 24px; } }
      @media only screen and (min-width: 70.85714em) {
        .whatisincluded__container .sizing p {
          font-size: 25px;
          line-height: 37.5px; } }
      @media only screen and (min-width: 85.71429em) {
        .whatisincluded__container .sizing p {
          font-size: 25px;
          line-height: 37.5px; } }
      @media only screen and (min-width: 114.28571em) {
        .whatisincluded__container .sizing p {
          font-size: 25px;
          line-height: 37.5px; } }
      @media only screen and (min-width: 128.57143em) {
        .whatisincluded__container .sizing p {
          font-size: 25px;
          line-height: 37.5px; } }
  .whatisincluded__container .background-orange-header {
    position: absolute;
    height: 70vh;
    width: 100vw;
    bottom: 0;
    top: 0;
    z-index: -1;
    background: rgba(235, 79, 36, 0.07); }
  .whatisincluded__container .hide-accordion {
    display: none; }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .whatisincluded__container .hide-accordion {
        display: block; } }
    @media only screen and (max-width: 54.85714em) {
      .whatisincluded__container .hide-accordion {
        display: block; } }
  @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
    .whatisincluded__container .show-accordion {
      display: none; } }
  @media only screen and (max-width: 54.85714em) {
    .whatisincluded__container .show-accordion {
      display: none; } }
  .whatisincluded__container .price-table .price-tabs {
    display: block; }
  .whatisincluded__container .price-table .inner {
    background: #fff;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.16);
    padding: 0px 0px 25px 0px;
    text-align: center; }
    .whatisincluded__container .price-table .inner__footer {
      flex: 1; }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .whatisincluded__container .price-table .inner {
        display: none; } }
    @media only screen and (max-width: 54.85714em) {
      .whatisincluded__container .price-table .inner {
        display: none; } }
  .whatisincluded__container .price-table .outer {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.16);
    border-top: 5px solid #eb4f24;
    padding: 0px 0px 5em 0px;
    margin-top: 5rem;
    text-align: center;
    position: relative;
    background-color: #ffffff; }
    .whatisincluded__container .price-table .outer__footer {
      flex: 1;
      position: relative; }
    .whatisincluded__container .price-table .outer__header {
      position: relative;
      flex: 1; }
    .whatisincluded__container .price-table .outer .longline {
      width: 100%;
      margin-top: 2rem;
      background-color: #ffffff;
      margin-bottom: 1rem;
      border-bottom: 2px solid #70707069; }
    .whatisincluded__container .price-table .outer ul {
      padding-left: 3em;
      text-align: left; }
      .whatisincluded__container .price-table .outer ul.table-included li {
        font-family: "Open Sans";
        padding-top: 1rem;
        font-size: 16px; }
        .whatisincluded__container .price-table .outer ul.table-included li.tick:before {
          content: ' ';
          width: 1em;
          height: 1em;
          display: inline-block;
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAAAAXNSR0IArs4c6QAAAy9JREFUSA29Vl1IVEEUPmfurpJWJBH9PIg/u0QEQURQ+CJRBD30su5upsWulJAIlaU9GGVCBNFDP2ARumug/exqRlZYEORD0Fu92IPetcwo6KEgzXRX73Tm2l3mXnfbXVwbuJ5zvjlzvjkzZ86K8B+GI1TTgAD1GudtJJdubA65c6J8xR1AOMCBfwNF2WZbKjpHV9XKGZ77DBHKOMAUAt874mr/vCSEhd0HC8Ce+5KObyvnoHHUXKqn851ILuuERX2+VfYYe0WxtwgCyqyayAaELgabF9n5u6G/Ns8exRcUTScDDsdGvMF7cvSsZSgKZOZ3rB8QtwsCKpKbqjd4SyYTenYyDLmVKF/eh4C7RFAiG5r9xRuEbh1ZIXTopY/7RHDO+TQJz0d/p5ALxqKP1Bn2N1FKVUZkzrAp4g68N2yrXNTDd9z37QBkr+mt6SdFRzmoeoLlVhLZttHukFrPJQJr6etRvQEhU47iu0fWItMekqNxLZMxJVaZaiFz9vgbaYdn6Cug76gj5DuUahG0tDDFpvWR33rJt3XM1fVVshOqjDrBKfMMXhbvyYyZLeemsQt0Fzsl9EMOTFyT7KQqHQd+kmeptNflTc02y5isO0O+PfTWzsoY9coTQ55wVMaS6UTIT1snafeNJaHDhVZc3Btt0NQ56Bm8UT2Bx1bfZDajqhok0icmBwQ7A9sNEybuTdF6iXC1CVdYnclOYegVpgE7SSU9J/tSlvtLHtTsNrDSTWMNVFRlhi0kZdelVnS8lbFUOsWdH6Uh/1UGeNywhaSAERUnNxZB/hob4Cjd7zJjXmyQtlgcqQyOG1g6Us9QOGI0eo4q9oe8CBFLnZBfbwN2XSbT/Tm0Z0om1sUJ1erun5zBeZlQ1zlepGNwm3AOsWkNW01YmkacUPhH+EQbZTlsWouYb7LJ4MjbxysDX6x4OraJEDzhOQ0x4c+KEYzujjMFrxh2ptJMSKtHPR1PRRNOHggHhl2B0eTz/55ZQPjXvc76TOJhOE+rhcX9LUpCQmoG4vfstsWXLg966d+G5wvwDICEhGJ9NDbTTAX0iNTv1CvDlHH5iDdQkUHshK5/AOvgAfCpPVrEAAAAAElFTkSuQmCC);
          background-repeat: no-repeat;
          background-size: contain;
          margin-right: 1em; }
        .whatisincluded__container .price-table .outer ul.table-included li.cross:before {
          content: ' ';
          width: 1em;
          height: 1em;
          display: inline-block;
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAAAAXNSR0IArs4c6QAAAdtJREFUSA2tkwuRwkAQRCMhEiIBCZEQCUjAwSEhDogDcHBxAA44B+CAew0MtSSd5UtV125m+jO7CUUx+J2KYgl+wRqUg/bTj2hbcAJ7MLNCGgoTKdBZ4oMi+ggLn4OVQOyTMJE90aovRTT1wOMcaiUQd4bsr8M6cDVF8Wc8OkuHOLwKTbewZFOE25kwDeC/BRq1EWyN96iEbmG0R2r5G4LQG2E1SkgK8OdG8zhMHgjdKbvE/277UVg4YbIxE4+uBs571xhBsWJUAl1J/I+03r1LnrtBXxxpRoOFb3ZF2BjDFTUNszW9nXpZ00dNDFpjvDe1z8NiGMx7E6DrC3TB/cqKcZWYR0isi6+EhAlBM3CYCFT9vQ8kAtIVs3kmLE74ndBrWJjGerzWtUZNq0KbdNiX9ojbgaFMFXK+PtbG9MWZvxQkMiIXtqNepmYyBxoiPan2q5SX3UOWydBAppUTUp8BF7qd0tx8INTAhWW/QjRTodPvFVEJ9iZwcZsos7mG7oxeB1iD6k5OYWnImzvSgwf0Gro3PgrVaX/A5Ttg46bLXuVUPl4tUIiDgqvCNPspw2fq+DXgaHw1xFKBm0GzfsY4x8GvBC1Ig7U/n1DNuP95zujVHr7ybq44v8N/bNBVaSMvyZQAAAAASUVORK5CYII=);
          background-repeat: no-repeat;
          background-size: contain;
          margin-right: 1em; }
  .whatisincluded__container .price-table h3 {
    color: #eb4f24;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 18px;
    line-height: normal;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 0;
    margin-bottom: 1rem; }
    @media only screen and (min-width: 54.85714em) {
      .whatisincluded__container .price-table h3 {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 70.85714em) {
      .whatisincluded__container .price-table h3 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 85.71429em) {
      .whatisincluded__container .price-table h3 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 114.28571em) {
      .whatisincluded__container .price-table h3 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 128.57143em) {
      .whatisincluded__container .price-table h3 {
        font-size: 25px;
        line-height: 37.5px; } }
  .whatisincluded__container .price-table h4 {
    font-family: "Arial";
    font-weight: bold;
    font-size: 45px;
    line-height: normal;
    text-align: center;
    color: #353531b9;
    width: 80%;
    max-width: 300px;
    margin: auto;
    min-height: 90px; }
    @media only screen and (min-width: 54.85714em) {
      .whatisincluded__container .price-table h4 {
        font-size: 45px;
        line-height: 67.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .whatisincluded__container .price-table h4 {
        font-size: 55px;
        line-height: 82.5px; } }
    @media only screen and (min-width: 85.71429em) {
      .whatisincluded__container .price-table h4 {
        font-size: 55px;
        line-height: 82.5px; } }
    @media only screen and (min-width: 114.28571em) {
      .whatisincluded__container .price-table h4 {
        font-size: 55px;
        line-height: 82.5px; } }
    @media only screen and (min-width: 128.57143em) {
      .whatisincluded__container .price-table h4 {
        font-size: 55px;
        line-height: 82.5px; } }
  .whatisincluded__container .price-table h6 {
    font-family: "Open Sans";
    font-weight: 450;
    font-size: 25px;
    line-height: 78px !important;
    text-align: center;
    color: #eb4f24;
    width: 40%;
    max-width: 300px;
    margin: auto;
    padding: 40px 0px 20px 0px;
    min-height: 110px; }
    @media only screen and (min-width: 54.85714em) {
      .whatisincluded__container .price-table h6 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .whatisincluded__container .price-table h6 {
        font-size: 50px;
        line-height: 75px; } }
    @media only screen and (min-width: 85.71429em) {
      .whatisincluded__container .price-table h6 {
        font-size: 50px;
        line-height: 75px; } }
    @media only screen and (min-width: 114.28571em) {
      .whatisincluded__container .price-table h6 {
        font-size: 50px;
        line-height: 75px; } }
    @media only screen and (min-width: 128.57143em) {
      .whatisincluded__container .price-table h6 {
        font-size: 50px;
        line-height: 75px; } }
  .whatisincluded__container .price-table span {
    font-family: "Open Sans";
    font-size: 16px;
    text-align: center;
    color: #353531;
    padding-top: 23px;
    width: 80%;
    margin: auto;
    position: relative; }
    @media only screen and (min-width: 54.85714em) {
      .whatisincluded__container .price-table span {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .whatisincluded__container .price-table span {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 85.71429em) {
      .whatisincluded__container .price-table span {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 114.28571em) {
      .whatisincluded__container .price-table span {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 128.57143em) {
      .whatisincluded__container .price-table span {
        font-size: 18px;
        line-height: 27px; } }
  .whatisincluded__container .price-table p {
    font-family: "Arial";
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #353531b9;
    padding: 0px 0px 20px 0px;
    width: 80%;
    margin: auto; }
    @media only screen and (min-width: 54.85714em) {
      .whatisincluded__container .price-table p {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 70.85714em) {
      .whatisincluded__container .price-table p {
        font-size: 23px;
        line-height: 34.5px; } }
    @media only screen and (min-width: 85.71429em) {
      .whatisincluded__container .price-table p {
        font-size: 23px;
        line-height: 34.5px; } }
    @media only screen and (min-width: 114.28571em) {
      .whatisincluded__container .price-table p {
        font-size: 23px;
        line-height: 34.5px; } }
    @media only screen and (min-width: 128.57143em) {
      .whatisincluded__container .price-table p {
        font-size: 23px;
        line-height: 34.5px; } }
  .whatisincluded__container h2 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 45px;
    font-size: 25px;
    text-align: center;
    color: #eb4f24;
    padding-bottom: 90px;
    padding-top: 90px;
    line-height: normal;
    width: 80%;
    margin: auto; }
    @media only screen and (min-width: 54.85714em) {
      .whatisincluded__container h2 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .whatisincluded__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .whatisincluded__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .whatisincluded__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .whatisincluded__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .whatisincluded__container h2 {
        padding-top: 40px;
        padding-bottom: 1px; } }
    @media only screen and (max-width: 54.85714em) {
      .whatisincluded__container h2 {
        padding-top: 40px;
        padding-bottom: 1px; } }
  .whatisincluded__container h5 {
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    color: #353531;
    padding-top: 1em;
    padding-bottom: 1em; }
    @media only screen and (min-width: 54.85714em) {
      .whatisincluded__container h5 {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .whatisincluded__container h5 {
        font-size: 23px;
        line-height: 34.5px; } }
    @media only screen and (min-width: 85.71429em) {
      .whatisincluded__container h5 {
        font-size: 23px;
        line-height: 34.5px; } }
    @media only screen and (min-width: 114.28571em) {
      .whatisincluded__container h5 {
        font-size: 23px;
        line-height: 34.5px; } }
    @media only screen and (min-width: 128.57143em) {
      .whatisincluded__container h5 {
        font-size: 23px;
        line-height: 34.5px; } }
  .whatisincluded__container #include {
    border-collapse: collapse;
    width: 100%;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    color: #000;
    padding-top: 8px;
    padding-bottom: 8px; }
    @media only screen and (min-width: 54.85714em) {
      .whatisincluded__container #include {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .whatisincluded__container #include {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 85.71429em) {
      .whatisincluded__container #include {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 114.28571em) {
      .whatisincluded__container #include {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 128.57143em) {
      .whatisincluded__container #include {
        font-size: 18px;
        line-height: 27px; } }
  .whatisincluded__container #include td, .whatisincluded__container #include th {
    padding: 39px 20px 39px 55px;
    text-align: left; }
    .whatisincluded__container #include td img, .whatisincluded__container #include th img {
      text-align: center; }
  .whatisincluded__container #include tr:nth-child(odd) {
    background: #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #000; }
  .whatisincluded__container #include tr th {
    text-align: center;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 16px;
    width: 100%;
    color: #000;
    background: #fff !important;
    padding: 39px 20px 39px 20px;
    min-width: 100px;
    border-left: none;
    border-right: none; }
    @media only screen and (min-width: 54.85714em) {
      .whatisincluded__container #include tr th {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .whatisincluded__container #include tr th {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 85.71429em) {
      .whatisincluded__container #include tr th {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 114.28571em) {
      .whatisincluded__container #include tr th {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 128.57143em) {
      .whatisincluded__container #include tr th {
        font-size: 18px;
        line-height: 27px; } }
  .whatisincluded__container #options {
    border-collapse: collapse;
    width: 100%;
    text-align: left;
    font-family: "Arial";
    font-weight: bold;
    font-size: 25px;
    line-height: 38px;
    color: #000;
    padding-top: 8px;
    padding-bottom: 8px;
    display: none; }
    @media only screen and (min-width: 54.85714em) {
      .whatisincluded__container #options {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .whatisincluded__container #options {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .whatisincluded__container #options {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .whatisincluded__container #options {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .whatisincluded__container #options {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .whatisincluded__container #options {
        display: block; } }
    @media only screen and (max-width: 54.85714em) {
      .whatisincluded__container #options {
        display: block; } }
  .whatisincluded__container #options02 {
    width: 100%; }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .whatisincluded__container #options02 {
        display: none; } }
    @media only screen and (max-width: 54.85714em) {
      .whatisincluded__container #options02 {
        display: none; } }
  .whatisincluded__container #options td, .whatisincluded__container #options th {
    padding: 39px 20px 39px 20px; }
    .whatisincluded__container #options td ul li, .whatisincluded__container #options th ul li {
      font-family: "Open Sans";
      font-weight: 300;
      font-size: 16px;
      text-align: left;
      color: #000; }
      @media only screen and (min-width: 54.85714em) {
        .whatisincluded__container #options td ul li, .whatisincluded__container #options th ul li {
          font-size: 16px;
          line-height: 24px; } }
      @media only screen and (min-width: 70.85714em) {
        .whatisincluded__container #options td ul li, .whatisincluded__container #options th ul li {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 85.71429em) {
        .whatisincluded__container #options td ul li, .whatisincluded__container #options th ul li {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 114.28571em) {
        .whatisincluded__container #options td ul li, .whatisincluded__container #options th ul li {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 128.57143em) {
        .whatisincluded__container #options td ul li, .whatisincluded__container #options th ul li {
          font-size: 18px;
          line-height: 27px; } }
  .whatisincluded__container #options02 td, .whatisincluded__container #options02 th {
    padding: 39px 20px 39px 20px;
    font-size: 16px;
    font-family: "Open Sans";
    font-weight: bold; }
    @media only screen and (min-width: 54.85714em) {
      .whatisincluded__container #options02 td, .whatisincluded__container #options02 th {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .whatisincluded__container #options02 td, .whatisincluded__container #options02 th {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 85.71429em) {
      .whatisincluded__container #options02 td, .whatisincluded__container #options02 th {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 114.28571em) {
      .whatisincluded__container #options02 td, .whatisincluded__container #options02 th {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 128.57143em) {
      .whatisincluded__container #options02 td, .whatisincluded__container #options02 th {
        font-size: 18px;
        line-height: 27px; } }
    .whatisincluded__container #options02 td ul li, .whatisincluded__container #options02 th ul li {
      font-size: 16px;
      font-family: "Open Sans";
      text-align: left;
      line-height: normal;
      color: #000; }
      @media only screen and (min-width: 54.85714em) {
        .whatisincluded__container #options02 td ul li, .whatisincluded__container #options02 th ul li {
          font-size: 16px;
          line-height: 24px; } }
      @media only screen and (min-width: 70.85714em) {
        .whatisincluded__container #options02 td ul li, .whatisincluded__container #options02 th ul li {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 85.71429em) {
        .whatisincluded__container #options02 td ul li, .whatisincluded__container #options02 th ul li {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 114.28571em) {
        .whatisincluded__container #options02 td ul li, .whatisincluded__container #options02 th ul li {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 128.57143em) {
        .whatisincluded__container #options02 td ul li, .whatisincluded__container #options02 th ul li {
          font-size: 18px;
          line-height: 27px; } }
  .whatisincluded__container #options tr:nth-child(even) {
    background: #ddd;
    border: 1px solid #ddd;
    margin: 0px;
    color: #000; }
  .whatisincluded__container #options02 tr:nth-child(even) {
    background: #ddd;
    border: 1px solid #ddd;
    color: #000; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
div.tabs {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
  margin-top: 3rem; }
  div.tabs > input {
    display: none; }
    div.tabs > input + label {
      position: relative;
      font-family: "Open Sans";
      font-size: 16px;
      line-height: 19px;
      text-align: center;
      color: #353531;
      background-color: #ffffff;
      transition: background-color 0.5 ease; }
      @media only screen and (min-width: 54.85714em) {
        div.tabs > input + label {
          font-size: 16px;
          line-height: 24px; } }
      @media only screen and (min-width: 70.85714em) {
        div.tabs > input + label {
          font-size: 23px;
          line-height: 34.5px; } }
      @media only screen and (min-width: 85.71429em) {
        div.tabs > input + label {
          font-size: 23px;
          line-height: 34.5px; } }
      @media only screen and (min-width: 114.28571em) {
        div.tabs > input + label {
          font-size: 23px;
          line-height: 34.5px; } }
      @media only screen and (min-width: 128.57143em) {
        div.tabs > input + label {
          font-size: 23px;
          line-height: 34.5px; } }
      div.tabs > input + label:after {
        position: absolute;
        content: '';
        bottom: 0px;
        margin: auto;
        height: 100%;
        background: #eb4f24;
        left: 0;
        width: 0;
        z-index: -1;
        transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), left 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), color 0.5s ease; }
    div.tabs > input:checked + label {
      background-color: transparent;
      transition: background-color 0.5 ease;
      color: #FEF2EF;
      cursor: default; }
      div.tabs > input:checked + label:after {
        position: absolute;
        content: '';
        bottom: 0px;
        width: 100%;
        left: 0%; }
  div.tabs > label {
    color: #757575;
    display: block;
    border: 1px solid #EB4F24;
    border-right: 0;
    padding: 15px 15px;
    cursor: pointer;
    flex: 1;
    text-align: center; }
  div.tabs > div {
    display: none;
    padding: 0px;
    clear: left;
    flex-basis: 100%;
    margin-top: 2%;
    margin-bottom: 2%; }
  div.tabs > input:nth-of-type(1):checked ~ div:nth-of-type(1),
  div.tabs > input:nth-of-type(2):checked ~ div:nth-of-type(2),
  div.tabs > input:nth-of-type(3):checked ~ div:nth-of-type(3),
  div.tabs > input:nth-of-type(4):checked ~ div:nth-of-type(4),
  div.tabs > input:nth-of-type(5):checked ~ div:nth-of-type(5),
  div.tabs > input:nth-of-type(6):checked ~ div:nth-of-type(6),
  div.tabs > input:nth-of-type(7):checked ~ div:nth-of-type(7),
  div.tabs > input:nth-of-type(8):checked ~ div:nth-of-type(8),
  div.tabs > input:nth-of-type(9):checked ~ div:nth-of-type(9),
  div.tabs > input:nth-of-type(10):checked ~ div:nth-of-type(10) {
    display: block; }
  div.tabs > input:nth-of-type(1) + label {
    border-radius: 12px 0 0 12px; }
    div.tabs > input:nth-of-type(1) + label:after {
      border-radius: 10px 0 0 10px; }
  div.tabs > input:nth-of-type(4) + label {
    border-radius: 0 12px 12px 0;
    border-right: 1px solid #EB4F24; }
    div.tabs > input:nth-of-type(4) + label:after {
      border-radius: 0 10px 10px 0; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.weintegratewith__container {
  padding-bottom: 80px; }
  .weintegratewith__container h2 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 25px;
    line-height: 52px;
    text-align: center;
    color: #eb4f24;
    padding-bottom: 70px;
    max-width: 800px;
    margin: auto;
    padding-top: 70px; }
    @media only screen and (min-width: 54.85714em) {
      .weintegratewith__container h2 {
        font-size: 25px;
        line-height: 37.5px; } }
    @media only screen and (min-width: 70.85714em) {
      .weintegratewith__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .weintegratewith__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .weintegratewith__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .weintegratewith__container h2 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .weintegratewith__container h2 {
        padding-bottom: 40px;
        padding-top: 40px;
        line-height: normal; } }
    @media only screen and (max-width: 54.85714em) {
      .weintegratewith__container h2 {
        padding-bottom: 40px;
        padding-top: 40px;
        line-height: normal; } }
  .weintegratewith__container span {
    width: 100%;
    text-align: center;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 22px;
    line-height: 65px;
    color: #353531; }
    @media only screen and (min-width: 54.85714em) and (max-width: 54.85714em) {
      .weintegratewith__container span {
        line-height: normal; } }
    @media only screen and (max-width: 54.85714em) {
      .weintegratewith__container span {
        line-height: normal; } }
  .weintegratewith__container .image {
    text-align: center;
    justify-items: center; }
    .weintegratewith__container .image img {
      width: 60%;
      margin: auto;
      margin-top: 40px;
      margin-bottom: 20px; }
  .weintegratewith__container .image-format {
    text-align: center;
    justify-items: center; }
    .weintegratewith__container .image-format img {
      width: 50%;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 20px; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.faq {
  padding-bottom: 6rem; }
  .faq .faq_container {
    padding-top: 3rem;
    padding-bottom: 3rem;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.16); }
  .faq h3 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #353531;
    margin-bottom: 1rem; }
    @media only screen and (min-width: 54.85714em) {
      .faq h3 {
        font-size: 30px;
        line-height: 45px; } }
    @media only screen and (min-width: 70.85714em) {
      .faq h3 {
        font-size: 50px;
        line-height: 75px; } }
    @media only screen and (min-width: 85.71429em) {
      .faq h3 {
        font-size: 50px;
        line-height: 75px; } }
    @media only screen and (min-width: 114.28571em) {
      .faq h3 {
        font-size: 50px;
        line-height: 75px; } }
    @media only screen and (min-width: 128.57143em) {
      .faq h3 {
        font-size: 50px;
        line-height: 75px; } }
  .faq .accordion {
    width: 100%; }
  .faq .accordion__item {
    margin-bottom: 3vh;
    position: relative; }
  .faq .accordion__button {
    color: #353531;
    cursor: pointer;
    padding: 22px;
    text-align: left;
    border: none;
    border-bottom: 1px solid #D9DFE3;
    font-family: 'Open Sans';
    font-size: 18px;
    outline: none; }
    @media only screen and (min-width: 54.85714em) {
      .faq .accordion__button {
        font-size: 18px;
        line-height: 27px; } }
    @media only screen and (min-width: 70.85714em) {
      .faq .accordion__button {
        font-size: 22px;
        line-height: 33px; } }
    @media only screen and (min-width: 85.71429em) {
      .faq .accordion__button {
        font-size: 22px;
        line-height: 33px; } }
    @media only screen and (min-width: 114.28571em) {
      .faq .accordion__button {
        font-size: 22px;
        line-height: 33px; } }
    @media only screen and (min-width: 128.57143em) {
      .faq .accordion__button {
        font-size: 22px;
        line-height: 33px; } }
  .faq .accordion__button::after {
    display: inline-block;
    position: absolute;
    right: 20px;
    content: '';
    height: 10px;
    width: 10px;
    border-bottom: 2px solid #35353171;
    border-right: 2px solid #35353171;
    transform: rotate(45deg);
    transition: 0.5s; }
  .faq .accordion__button[aria-expanded='true']::after,
  .faq .accordion__button[aria-selected='true']::after {
    transform: rotate(-45deg); }
  .faq [hidden] {
    display: none; }
  .faq .accordion__panel {
    padding: 20px;
    animation: slideDown 1s ease-out; }
    .faq .accordion__panel ul {
      padding: 0; }
    .faq .accordion__panel p {
      font-family: 'Open Sans';
      font-size: 14px; }
      @media only screen and (min-width: 54.85714em) {
        .faq .accordion__panel p {
          font-size: 14px;
          line-height: 21px; } }
      @media only screen and (min-width: 70.85714em) {
        .faq .accordion__panel p {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 85.71429em) {
        .faq .accordion__panel p {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 114.28571em) {
        .faq .accordion__panel p {
          font-size: 18px;
          line-height: 27px; } }
      @media only screen and (min-width: 128.57143em) {
        .faq .accordion__panel p {
          font-size: 18px;
          line-height: 27px; } }

@-webkit-keyframes slideDown {
  0% {
    max-height: 0;
    opacity: 0; }
  100% {
    max-height: 300px;
    opacity: 1; } }

@-moz-keyframes slideDown {
  0% {
    max-height: 0;
    opacity: 0; }
  100% {
    max-height: 300px;
    opacity: 1; } }

@-o-keyframes slideDown {
  0% {
    max-height: 0;
    opacity: 0; }
  100% {
    max-height: 300px;
    opacity: 1; } }

@keyframes slideDown {
  0% {
    max-height: 0;
    opacity: 0; }
  100% {
    max-height: 300px;
    opacity: 1; } }

@charset "UTF-8";
/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.screen-reader-view * {
  animation: none !important;
  animation-delay: 0 !important;
  animation-direction: normal !important;
  animation-duration: 0 !important;
  animation-fill-mode: none !important;
  animation-iteration-count: 1 !important;
  animation-name: none !important;
  animation-play-state: running !important;
  animation-timing-function: ease !important;
  backface-visibility: visible !important;
  background: 0 !important;
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-color: transparent !important;
  background-image: none !important;
  background-origin: padding-box !important;
  background-position: 0 0 !important;
  background-position-x: 0 !important;
  background-position-y: 0 !important;
  background-repeat: repeat !important;
  background-size: auto auto !important;
  border: 0 !important;
  border-style: none !important;
  border-width: medium !important;
  border-color: inherit !important;
  border-bottom: 0 !important;
  border-bottom-color: inherit !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-style: none !important;
  border-bottom-width: medium !important;
  border-collapse: separate !important;
  border-image: none !important;
  border-left: 0 !important;
  border-left-color: inherit !important;
  border-left-style: none !important;
  border-left-width: medium !important;
  border-radius: 0 !important;
  border-right: 0 !important;
  border-right-color: inherit !important;
  border-right-style: none !important;
  border-right-width: medium !important;
  border-spacing: 0 !important;
  border-top: 0 !important;
  border-top-color: inherit !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-style: none !important;
  border-top-width: medium !important;
  bottom: auto !important;
  box-shadow: none !important;
  box-sizing: content-box !important;
  caption-side: top !important;
  clear: none !important;
  clip: auto !important;
  color: inherit !important;
  columns: auto !important;
  column-count: auto !important;
  column-fill: balance !important;
  column-gap: normal !important;
  column-rule: medium none currentColor !important;
  column-rule-color: currentColor !important;
  column-rule-style: none !important;
  column-rule-width: none !important;
  column-span: 1 !important;
  column-width: auto !important;
  content: normal !important;
  counter-increment: none !important;
  counter-reset: none !important;
  cursor: auto !important;
  direction: ltr !important;
  display: inline !important;
  empty-cells: show !important;
  float: none !important;
  font: normal !important;
  font-family: inherit !important;
  font-size: medium !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  height: auto !important;
  hyphens: none !important;
  left: auto !important;
  letter-spacing: normal !important;
  line-height: normal !important;
  list-style: none !important;
  list-style-image: none !important;
  list-style-position: outside !important;
  list-style-type: disc !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  orphans: 0 !important;
  outline: 0 !important;
  outline-color: invert !important;
  outline-style: none !important;
  outline-width: medium !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  page-break-after: auto !important;
  page-break-before: auto !important;
  page-break-inside: auto !important;
  perspective: none !important;
  perspective-origin: 50% 50% !important;
  position: static !important;
  /* May need to alter quotes for different locales (e.g fr) */
  quotes: "\201C" "\201D" "\2018" "\2019" !important;
  right: auto !important;
  tab-size: 8 !important;
  table-layout: auto !important;
  text-align: inherit !important;
  text-align-last: auto !important;
  text-decoration: none !important;
  text-decoration-color: inherit !important;
  text-decoration-line: none !important;
  text-decoration-style: solid !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  top: auto !important;
  transform: none !important;
  transform-style: flat !important;
  transition: none !important;
  transition-delay: 0s !important;
  transition-duration: 0s !important;
  transition-property: none !important;
  transition-timing-function: ease !important;
  unicode-bidi: normal !important;
  vertical-align: baseline !important;
  visibility: visible !important;
  white-space: normal !important;
  widows: 0 !important;
  width: auto !important;
  word-spacing: normal !important;
  z-index: auto !important;
  /* basic modern patch */
  all: initial !important;
  all: unset !important;
  display: block !important; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.container {
  box-sizing: border-box;
  max-width: 1420px;
  width: 100%;
  margin: 0 auto;
  padding-right: 4%;
  padding-left: 4%; }
  .container.fluid {
    max-width: none;
    width: auto;
    height: 100%;
    width: 100%; }
    .container.fluid > .row {
      margin-right: 0;
      margin-left: 0; }
  .container.neat {
    padding-right: 0px;
    padding-left: 0px; }
  .container.neat-left {
    padding-left: 0px; }
  .container.neat-right {
    padding-right: 0px; }
  .container.super.fluid {
    width: auto;
    max-width: none; }
  .container.fluid-width {
    width: 100%;
    max-width: none;
    padding-right: 4%;
    padding-left: 4%; }
  .container .row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1%;
    margin-left: -1%; }
    .container .row.reverse {
      flex-direction: row-reverse; }
    .container .row.neat {
      margin: 0px; }
  .container *[class*='col'].neat {
    padding: 0px; }
  .container *[class*='col'].fluid,
  .container .row.fluid {
    height: 100%; }
  .container .col.reverse {
    flex-direction: column-reverse; }
  .container *[class*='col'].padded,
  .container .row.padded,
  .container .container.padded {
    padding-left: 15px;
    padding-right: 15px; }
  .container *[class*='col'].very-neat,
  .container .row.very-neat,
  .container .container.very-neat {
    margin: 0px;
    padding: 0px; }
  .container *[class*='col'].flex-row,
  .container .row.flex-row,
  .container .container.flex-row {
    display: flex; }
  .container *[class*='col'].flex-column,
  .container .row.flex-column,
  .container .container.flex-column {
    display: flex;
    flex-direction: column; }

.col-xs-0 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 0%;
  max-width: 0%; }

.col-xs-offset-0 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 0; }

.order-xs-0 {
  order: 0; }

.col-xs-1 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 8.33333%;
  max-width: 8.33333%; }

.col-xs-offset-1 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 8.33333%; }

.order-xs-1 {
  order: 1; }

.col-xs-2 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 16.66667%;
  max-width: 16.66667%; }

.col-xs-offset-2 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 16.66667%; }

.order-xs-2 {
  order: 2; }

.col-xs-3 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-offset-3 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 25%; }

.order-xs-3 {
  order: 3; }

.col-xs-4 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

.col-xs-offset-4 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 33.33333%; }

.order-xs-4 {
  order: 4; }

.col-xs-5 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 41.66667%;
  max-width: 41.66667%; }

.col-xs-offset-5 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 41.66667%; }

.order-xs-5 {
  order: 5; }

.col-xs-6 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 50%;
  max-width: 50%; }

.col-xs-offset-6 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 50%; }

.order-xs-6 {
  order: 6; }

.col-xs-7 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 58.33333%;
  max-width: 58.33333%; }

.col-xs-offset-7 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 58.33333%; }

.order-xs-7 {
  order: 7; }

.col-xs-8 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 66.66667%;
  max-width: 66.66667%; }

.col-xs-offset-8 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 66.66667%; }

.order-xs-8 {
  order: 8; }

.col-xs-9 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-offset-9 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 75%; }

.order-xs-9 {
  order: 9; }

.col-xs-10 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 83.33333%;
  max-width: 83.33333%; }

.col-xs-offset-10 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 83.33333%; }

.order-xs-10 {
  order: 10; }

.col-xs-11 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 91.66667%;
  max-width: 91.66667%; }

.col-xs-offset-11 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 91.66667%; }

.order-xs-11 {
  order: 11; }

.col-xs-12 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-12 {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  margin-left: 100%; }

.order-xs-12 {
  order: 12; }

.container {
  width: 1; }

.padded-xs {
  padding-left: 15px;
  padding-right: 15px; }

.col-xs {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1%;
  padding-left: 1%;
  flex-basis: auto;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%; }

.hidden-xs {
  visibility: hidden;
  position: absolute;
  left: -9999; }

.show-xs {
  visibility: visible;
  position: unset;
  left: unset; }

.start-xs {
  justify-content: flex-start;
  text-align: left; }

.center-xs {
  justify-content: center;
  text-align: center; }

.end-xs {
  justify-content: flex-end;
  text-align: right; }

.top-xs {
  align-items: flex-start; }

.middle-xs {
  align-items: center; }

.bottom-xs {
  align-items: flex-end; }

.around-xs {
  align-items: space-around; }

.between-xs {
  align-items: space-between; }

.first-xs {
  order: -1; }

.last-xs {
  order: 1; }

@media only screen and (min-width: 54.85714em) {
  .col-sm-0 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 0%;
    max-width: 0%; }
  .col-sm-offset-0 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 0; }
  .order-sm-0 {
    order: 0; }
  .col-sm-1 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-sm-offset-1 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 8.33333%; }
  .order-sm-1 {
    order: 1; }
  .col-sm-2 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-sm-offset-2 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 16.66667%; }
  .order-sm-2 {
    order: 2; }
  .col-sm-3 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-offset-3 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 25%; }
  .order-sm-3 {
    order: 3; }
  .col-sm-4 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-sm-offset-4 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 33.33333%; }
  .order-sm-4 {
    order: 4; }
  .col-sm-5 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-sm-offset-5 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 41.66667%; }
  .order-sm-5 {
    order: 5; }
  .col-sm-6 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-sm-offset-6 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 50%; }
  .order-sm-6 {
    order: 6; }
  .col-sm-7 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-sm-offset-7 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 58.33333%; }
  .order-sm-7 {
    order: 7; }
  .col-sm-8 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-sm-offset-8 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 66.66667%; }
  .order-sm-8 {
    order: 8; }
  .col-sm-9 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-sm-offset-9 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 75%; }
  .order-sm-9 {
    order: 9; }
  .col-sm-10 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-sm-offset-10 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 83.33333%; }
  .order-sm-10 {
    order: 10; }
  .col-sm-11 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-sm-offset-11 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 91.66667%; }
  .order-sm-11 {
    order: 11; }
  .col-sm-12 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-12 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 100%; }
  .order-sm-12 {
    order: 12; }
  .container {
    width: 52.57143rem; }
  .padded-sm {
    padding-left: 15px;
    padding-right: 15px; }
  .col-sm {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: auto;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .hidden-sm {
    visibility: hidden;
    position: absolute;
    left: -9999; }
  .show-sm {
    visibility: visible;
    position: unset;
    left: unset; }
  .start-sm {
    justify-content: flex-start;
    text-align: left; }
  .center-sm {
    justify-content: center;
    text-align: center; }
  .end-sm {
    justify-content: flex-end;
    text-align: right; }
  .top-sm {
    align-items: flex-start; }
  .middle-sm {
    align-items: center; }
  .bottom-sm {
    align-items: flex-end; }
  .around-sm {
    align-items: space-around; }
  .between-sm {
    align-items: space-between; }
  .first-sm {
    order: -1; }
  .last-sm {
    order: 1; } }

@media only screen and (min-width: 70.85714em) {
  .col-md-0 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 0%;
    max-width: 0%; }
  .col-md-offset-0 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 0; }
  .order-md-0 {
    order: 0; }
  .col-md-1 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-md-offset-1 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 8.33333%; }
  .order-md-1 {
    order: 1; }
  .col-md-2 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-md-offset-2 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 16.66667%; }
  .order-md-2 {
    order: 2; }
  .col-md-3 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-offset-3 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 25%; }
  .order-md-3 {
    order: 3; }
  .col-md-4 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-md-offset-4 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 33.33333%; }
  .order-md-4 {
    order: 4; }
  .col-md-5 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-md-offset-5 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 41.66667%; }
  .order-md-5 {
    order: 5; }
  .col-md-6 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-offset-6 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 50%; }
  .order-md-6 {
    order: 6; }
  .col-md-7 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-md-offset-7 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 58.33333%; }
  .order-md-7 {
    order: 7; }
  .col-md-8 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-md-offset-8 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 66.66667%; }
  .order-md-8 {
    order: 8; }
  .col-md-9 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-md-offset-9 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 75%; }
  .order-md-9 {
    order: 9; }
  .col-md-10 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-md-offset-10 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 83.33333%; }
  .order-md-10 {
    order: 10; }
  .col-md-11 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-md-offset-11 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 91.66667%; }
  .order-md-11 {
    order: 11; }
  .col-md-12 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-12 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 100%; }
  .order-md-12 {
    order: 12; }
  .container {
    width: 69.71429rem; }
  .padded-md {
    padding-left: 15px;
    padding-right: 15px; }
  .col-md {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: auto;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .hidden-md {
    visibility: hidden;
    position: absolute;
    left: -9999; }
  .show-md {
    visibility: visible;
    position: unset;
    left: unset; }
  .start-md {
    justify-content: flex-start;
    text-align: left; }
  .center-md {
    justify-content: center;
    text-align: center; }
  .end-md {
    justify-content: flex-end;
    text-align: right; }
  .top-md {
    align-items: flex-start; }
  .middle-md {
    align-items: center; }
  .bottom-md {
    align-items: flex-end; }
  .around-md {
    align-items: space-around; }
  .between-md {
    align-items: space-between; }
  .first-md {
    order: -1; }
  .last-md {
    order: 1; } }

@media only screen and (min-width: 85.71429em) {
  .col-lg-0 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 0%;
    max-width: 0%; }
  .col-lg-offset-0 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 0; }
  .order-lg-0 {
    order: 0; }
  .col-lg-1 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-lg-offset-1 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 8.33333%; }
  .order-lg-1 {
    order: 1; }
  .col-lg-2 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-lg-offset-2 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 16.66667%; }
  .order-lg-2 {
    order: 2; }
  .col-lg-3 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-offset-3 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 25%; }
  .order-lg-3 {
    order: 3; }
  .col-lg-4 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-lg-offset-4 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 33.33333%; }
  .order-lg-4 {
    order: 4; }
  .col-lg-5 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-lg-offset-5 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 41.66667%; }
  .order-lg-5 {
    order: 5; }
  .col-lg-6 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-offset-6 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 50%; }
  .order-lg-6 {
    order: 6; }
  .col-lg-7 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-lg-offset-7 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 58.33333%; }
  .order-lg-7 {
    order: 7; }
  .col-lg-8 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-lg-offset-8 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 66.66667%; }
  .order-lg-8 {
    order: 8; }
  .col-lg-9 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-lg-offset-9 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 75%; }
  .order-lg-9 {
    order: 9; }
  .col-lg-10 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-lg-offset-10 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 83.33333%; }
  .order-lg-10 {
    order: 10; }
  .col-lg-11 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-lg-offset-11 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 91.66667%; }
  .order-lg-11 {
    order: 11; }
  .col-lg-12 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-12 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 100%; }
  .order-lg-12 {
    order: 12; }
  .container {
    width: 81.14286rem; }
  .padded-lg {
    padding-left: 15px;
    padding-right: 15px; }
  .col-lg {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: auto;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .hidden-lg {
    visibility: hidden;
    position: absolute;
    left: -9999; }
  .show-lg {
    visibility: visible;
    position: unset;
    left: unset; }
  .start-lg {
    justify-content: flex-start;
    text-align: left; }
  .center-lg {
    justify-content: center;
    text-align: center; }
  .end-lg {
    justify-content: flex-end;
    text-align: right; }
  .top-lg {
    align-items: flex-start; }
  .middle-lg {
    align-items: center; }
  .bottom-lg {
    align-items: flex-end; }
  .around-lg {
    align-items: space-around; }
  .between-lg {
    align-items: space-between; }
  .first-lg {
    order: -1; }
  .last-lg {
    order: 1; } }

@media only screen and (min-width: 114.28571em) {
  .col-xl-0 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 0%;
    max-width: 0%; }
  .col-xl-offset-0 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 0; }
  .order-xl-0 {
    order: 0; }
  .col-xl-1 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-xl-offset-1 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 8.33333%; }
  .order-xl-1 {
    order: 1; }
  .col-xl-2 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-xl-offset-2 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 16.66667%; }
  .order-xl-2 {
    order: 2; }
  .col-xl-3 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-xl-offset-3 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 25%; }
  .order-xl-3 {
    order: 3; }
  .col-xl-4 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-xl-offset-4 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 33.33333%; }
  .order-xl-4 {
    order: 4; }
  .col-xl-5 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-xl-offset-5 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 41.66667%; }
  .order-xl-5 {
    order: 5; }
  .col-xl-6 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-xl-offset-6 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 50%; }
  .order-xl-6 {
    order: 6; }
  .col-xl-7 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-xl-offset-7 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 58.33333%; }
  .order-xl-7 {
    order: 7; }
  .col-xl-8 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-xl-offset-8 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 66.66667%; }
  .order-xl-8 {
    order: 8; }
  .col-xl-9 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-xl-offset-9 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 75%; }
  .order-xl-9 {
    order: 9; }
  .col-xl-10 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-xl-offset-10 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 83.33333%; }
  .order-xl-10 {
    order: 10; }
  .col-xl-11 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-xl-offset-11 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 91.66667%; }
  .order-xl-11 {
    order: 11; }
  .col-xl-12 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-xl-offset-12 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 100%; }
  .order-xl-12 {
    order: 12; }
  .container {
    width: 96.14286rem; }
  .padded-xl {
    padding-left: 15px;
    padding-right: 15px; }
  .col-xl {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: auto;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .hidden-xl {
    visibility: hidden;
    position: absolute;
    left: -9999; }
  .show-xl {
    visibility: visible;
    position: unset;
    left: unset; }
  .start-xl {
    justify-content: flex-start;
    text-align: left; }
  .center-xl {
    justify-content: center;
    text-align: center; }
  .end-xl {
    justify-content: flex-end;
    text-align: right; }
  .top-xl {
    align-items: flex-start; }
  .middle-xl {
    align-items: center; }
  .bottom-xl {
    align-items: flex-end; }
  .around-xl {
    align-items: space-around; }
  .between-xl {
    align-items: space-between; }
  .first-xl {
    order: -1; }
  .last-xl {
    order: 1; } }

@media only screen and (min-width: 128.57143em) {
  .col-tv-0 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 0%;
    max-width: 0%; }
  .col-tv-offset-0 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 0; }
  .order-tv-0 {
    order: 0; }
  .col-tv-1 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-tv-offset-1 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 8.33333%; }
  .order-tv-1 {
    order: 1; }
  .col-tv-2 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-tv-offset-2 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 16.66667%; }
  .order-tv-2 {
    order: 2; }
  .col-tv-3 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-tv-offset-3 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 25%; }
  .order-tv-3 {
    order: 3; }
  .col-tv-4 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-tv-offset-4 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 33.33333%; }
  .order-tv-4 {
    order: 4; }
  .col-tv-5 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-tv-offset-5 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 41.66667%; }
  .order-tv-5 {
    order: 5; }
  .col-tv-6 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-tv-offset-6 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 50%; }
  .order-tv-6 {
    order: 6; }
  .col-tv-7 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-tv-offset-7 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 58.33333%; }
  .order-tv-7 {
    order: 7; }
  .col-tv-8 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-tv-offset-8 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 66.66667%; }
  .order-tv-8 {
    order: 8; }
  .col-tv-9 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-tv-offset-9 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 75%; }
  .order-tv-9 {
    order: 9; }
  .col-tv-10 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-tv-offset-10 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 83.33333%; }
  .order-tv-10 {
    order: 10; }
  .col-tv-11 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-tv-offset-11 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 91.66667%; }
  .order-tv-11 {
    order: 11; }
  .col-tv-12 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-tv-offset-12 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: 100%; }
  .order-tv-12 {
    order: 12; }
  .container {
    width: 131.85714rem; }
  .padded-tv {
    padding-left: 15px;
    padding-right: 15px; }
  .col-tv {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1%;
    padding-left: 1%;
    flex-basis: auto;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .hidden-tv {
    visibility: hidden;
    position: absolute;
    left: -9999; }
  .show-tv {
    visibility: visible;
    position: unset;
    left: unset; }
  .start-tv {
    justify-content: flex-start;
    text-align: left; }
  .center-tv {
    justify-content: center;
    text-align: center; }
  .end-tv {
    justify-content: flex-end;
    text-align: right; }
  .top-tv {
    align-items: flex-start; }
  .middle-tv {
    align-items: center; }
  .bottom-tv {
    align-items: flex-end; }
  .around-tv {
    align-items: space-around; }
  .between-tv {
    align-items: space-between; }
  .first-tv {
    order: -1; }
  .last-tv {
    order: 1; } }

.\--developer *[class*='col'] {
  background: #ccc;
  background-clip: content-box;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23a3a3a3' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E"); }

.\--developer *[class*='row'] {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23666666' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  background-clip: content-box; }

.\--developer *[class*='wrapper'] {
  background-clip: content-box; }

/* Used for development */
.storybook-layout {
  width: 100%; }

html,
body {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-overflow-scrolling: touch; }

#__next {
  height: 100%;
  overflow: auto; }

.no-js .js-required {
  display: none !important; }

#nprogress .bar {
  background: #000; }

#nprogress .peg {
  box-shadow: 0 0 10px #000, 0 0 5px #000; }

#nprogress .spinner-icon {
  border: solid 2px transparent;
  border-top-color: #000;
  border-left-color: #000; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
.information {
  text-align: center; }
  .information h1,
  .information p,
  .information code,
  .information a {
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility; }
  .information h1 {
    font-size: 24px; }
    @media only screen and (min-width: 54.85714em) {
      .information h1 {
        font-size: 24px;
        line-height: 36px; } }
    @media only screen and (min-width: 70.85714em) {
      .information h1 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 85.71429em) {
      .information h1 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 114.28571em) {
      .information h1 {
        font-size: 40px;
        line-height: 60px; } }
    @media only screen and (min-width: 128.57143em) {
      .information h1 {
        font-size: 40px;
        line-height: 60px; } }
  .information p {
    font-size: 16px; }
    @media only screen and (min-width: 54.85714em) {
      .information p {
        font-size: 16px;
        line-height: 24px; } }
    @media only screen and (min-width: 70.85714em) {
      .information p {
        font-size: 24px;
        line-height: 36px; } }
    @media only screen and (min-width: 85.71429em) {
      .information p {
        font-size: 24px;
        line-height: 36px; } }
    @media only screen and (min-width: 114.28571em) {
      .information p {
        font-size: 24px;
        line-height: 36px; } }
    @media only screen and (min-width: 128.57143em) {
      .information p {
        font-size: 24px;
        line-height: 36px; } }
  .information code {
    display: inline-block;
    padding: 20px;
    margin: 20px;
    background: #eee;
    border-radius: 5px; }
  .information a {
    display: block;
    font-size: 12px; }
    @media only screen and (min-width: 54.85714em) {
      .information a {
        font-size: 12px;
        line-height: 18px; } }
    @media only screen and (min-width: 70.85714em) {
      .information a {
        font-size: 17px;
        line-height: 25.5px; } }
    @media only screen and (min-width: 85.71429em) {
      .information a {
        font-size: 17px;
        line-height: 25.5px; } }
    @media only screen and (min-width: 114.28571em) {
      .information a {
        font-size: 17px;
        line-height: 25.5px; } }
    @media only screen and (min-width: 128.57143em) {
      .information a {
        font-size: 17px;
        line-height: 25.5px; } }
  .information .indicator {
    display: inline-block;
    margin: 0 20px;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    animation: information-scale 0.35s cubic-bezier(0, 0.5, 0.2, 1.5) forwards; }
    @media (prefers-reduced-motion: reduce) {
      .information .indicator {
        animation: none; } }
    .information .indicator svg {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 50%;
      height: 50%;
      transform: translate(-50%, -50%); }
      .information .indicator svg polyline,
      .information .indicator svg line {
        fill: none;
        stroke: #fff;
        stroke-width: 4;
        stroke-miterlimit: 10;
        stroke-dasharray: 53;
        stroke-dashoffset: 53;
        animation: dashoffset 0.35s 0.35s ease-in-out forwards; }
        @media (prefers-reduced-motion: reduce) {
          .information .indicator svg polyline,
          .information .indicator svg line {
            animation: none;
            stroke-dashoffset: 0; } }
  .information.connected h1 {
    color: #52b46a; }
  .information.connected p {
    color: #777777; }
  .information.connected .indicator {
    background-color: #52b46a; }
  .information.disconnected h1 {
    color: #ee5a5a; }
  .information.disconnected p {
    color: #777777; }
  .information.disconnected .indicator {
    background-color: #ee5a5a; }
    .information.disconnected .indicator line:nth-child(2) {
      animation: dashoffset 0.35s 0.7s ease-in-out forwards; }

@keyframes information-scale {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes dashoffset {
  100% {
    stroke-dashoffset: 0; } }

.notice {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .notice__title {
    margin: 0;
    font-weight: bold; }
  .notice__caption {
    margin-top: 20px; }

/* Mixins */
/* Groups animations to only apply them
   When the element is in view.
   Also disables animations on devices featuing reduced motion.
 */
/* Maintains element aspect ratio 
*/
/* Orientation 
   - Target device orientation such as portrait or landscape
*/
/* Retina 
   - Target high resolution / retina devices.
   Useful for displaying high resolution graphics to devices that
   can support them. Retina will also target print as retina is designed
   not to change content but make it sharper.
*/
/* Reduced Motion 
   - Target devices where the user has set their preference for reduced motion.
   Animation mixins & functions already account for reduced motion and block animations.
*/
/* Print
   - Target print mode. Useful for hiding content that
   is not relevant on a printed page. Example a tags could be replaced with the actual urls.
*/
/* Standalone
   - Target standalone mode. Useful for changing content based on if a PWA is installed.
*/
/* Responsive Font based off breakpoints */
/* Image background */
/* 
It is encouraged to only use this file for styling 
if it relates to this pages structural styling, Otherwise
you should be placing styling inside the component it relates to.
*/
.examples .ui.button,
.examples .ui.buttons {
  margin: 10px; }

.examples .ui.buttons .ui.button {
  margin: 0px; }

.examples .ui.inverted.segment {
  background: black;
  padding: 10px; }

.examples .color {
  background: #eee;
  height: 50px;
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: 8%; }
  .examples .color:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    justify-items: center;
    color: #fff;
    content: 'color'; }
  .examples .color.red:before {
    content: 'red';
    background: red; }
  .examples .color.orange:before {
    content: 'orange';
    background: orange; }
  .examples .color.yellow:before {
    content: 'yellow';
    background: yellow; }
  .examples .color.olive:before {
    content: 'olive';
    background: olive; }
  .examples .color.green:before {
    content: 'green';
    background: green; }
  .examples .color.teal:before {
    content: 'teal';
    background: teal; }
  .examples .color.blue:before {
    content: 'blue';
    background: blue; }
  .examples .color.violet:before {
    content: 'violet';
    background: violet; }
  .examples .color.purple:before {
    content: 'purple';
    background: purple; }
  .examples .color.pink:before {
    content: 'pink';
    background: pink; }
  .examples .color.brown:before {
    content: 'brown';
    background: brown; }
  .examples .color.grey:before {
    content: 'grey';
    background: grey; }
  .examples .color.black:before {
    content: 'black';
    background: black; }

.ui.dividing.header {
  padding-bottom: 0.21428571rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.28571429em; }


/*# sourceMappingURL=styles.c6b6e049.chunk.css.map*/