.oshine-module {
  margin-bottom: 60px
}
.special-heading-wrap.oshine-module {
  margin-bottom: 30px
}
.special-heading-wrap.style6 {
  line-height: 0;
  font-size: 15px;
  margin-bottom: 20px
}
.special-heading-wrap.style6 .special-heading-inner-wrap {
  display: inline-block;
  height: 100%;
  position: relative
}
.special-heading-wrap.style6 .be-title {
  position: relative;
  line-height: 2em;
  transition: color .3s;
  font-size: inherit;
  letter-spacing: 2px;
  color: #777
}
.special-heading-wrap.style6 .be-border-style2 .be-title {
  margin-left: 1.7em;
  margin-right: 1.7em;
  transition: transform .3s
}
.be-border-style2 .be-border {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .9em;
  height: .16em;
  transition: width .3s;
  background: #ec1823
}
.be-expand.be-border-style2:hover .be-border {
  width: 1.6em
}
.be-border-style2.be-expand:hover .be-title {
  transform: translate3d(.8em,0,0)
}
.special-heading-wrap.style6 .special-heading-inner-wrap:hover .be-title {
  color: #000
}
.special-subtitle {
  line-height: 1.8em;
  display: inline-block
}
.special-subtitle-wrap {
  margin-bottom: 30px
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*!
   * Justified Gallery - v3.6.3
   * http://miromannino.github.io/Justified-Gallery/
   * Copyright (c) 2016 Miro Mannino
   * Licensed under the MIT license.
   */
/*!
 * justifiedGallery - v4.0.0-alpha
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2019 Miro Mannino
 * Licensed under the MIT license.
 */
@media only screen and (max-width:767px) {
  .special-subtitle {
    max-width: 100%
  }
}
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.tatsu-section {
  position: relative;
  width: 100%;
  border-color: transparent;
  border-style: solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.tatsu-section-background,
.tatsu-section-background-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.tatsu-section-background-wrap {
  z-index: 0;
  overflow: hidden
}
.tatsu-section-pad {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}
.tatsu-section.tatsu-bg-overlay {
  overflow: hidden
}
.tatsu-section.tatsu-fullscreen {
  height: 100vh
}
.tatsu-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.tatsu-fullscreen {
  height: 100vh
}
.tatsu-fullscreen-wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative
}
.tatsu-row-wrap {
  border-color: transparent;
  border-style: solid
}
.tatsu-wrap {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto
}
.tatsu-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -25px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
  z-index: 2
}
.tatsu-eq-cols > .tatsu-row {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch
}
.tatsu-no-gutter > .tatsu-row {
  margin: 0
}
.tatsu-medium-gutter > .tatsu-row {
  margin: 0 -25px
}
.tatsu-row-one-col > .tatsu-row {
  margin: 0
}
.tatsu-column {
  padding: 0 25px;
  margin: 0 0 50px;
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.tatsu-zero-margin > .tatsu-row > .tatsu-column {
  margin-bottom: 0
}
.tatsu-reg-cols > .tatsu-row > .tatsu-column-align-middle {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}
.tatsu-eq-cols > .tatsu-row > .tatsu-column {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.tatsu-column-inner {
  width: 100%;
  position: relative;
  border-style: solid;
  border-color: transparent;
  -webkit-transition: -webkit-box-shadow .3s,-webkit-transform .3s;
  transition: box-shadow .3s,transform .3s,-webkit-box-shadow .3s,-webkit-transform .3s;
  -o-transition: box-shadow .3s,transform .3s
}
.tatsu-column-pad-wrap {
  width: 100%;
  position: relative;
  z-index: 2
}
.tatsu-eq-cols > .tatsu-row > .tatsu-column > .tatsu-column-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.tatsu-eq-cols > .tatsu-row > .tatsu-column-align-middle > .tatsu-column-inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.tatsu-no-gutter > .tatsu-row > .tatsu-column {
  padding: 0
}
.tatsu-medium-gutter > .tatsu-row > .tatsu-column {
  padding: 0 25px
}
.tatsu-row-one-col > .tatsu-column {
  padding: 0
}
.tatsu-one-col {
  width: 100%;
  padding: 0!important
}
.tatsu-one-third {
  width: 33.33%
}
.tatsu-one-half {
  width: 50%
}
.tatsu-two-third {
  width: 66.67%
}
.tatsu-column-bg-image-wrap {
  z-index: 0;
  overflow: hidden
}
.tatsu-column-bg-image,
.tatsu-column-bg-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.tatsu-section .tatsu-row-wrap:last-child > .tatsu-row > .tatsu-column,
.tatsu-section .tatsu-row-wrap:last-child > .tatsu-row > .tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad > h1:last-child,
.tatsu-section .tatsu-row-wrap:last-child > .tatsu-row > .tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad > h4:last-child,
.tatsu-section .tatsu-row-wrap:last-child > .tatsu-row > .tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad > h6:last-child {
  margin-bottom: 0
}
.tatsu-section .tatsu-row-wrap:not(:last-child) > .tatsu-row > .tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad > h1:last-child,
.tatsu-section .tatsu-row-wrap:not(:last-child) > .tatsu-row > .tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad > h4:last-child,
.tatsu-section .tatsu-row-wrap:not(:last-child) > .tatsu-row > .tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad > h6:last-child {
  margin-bottom: 20px
}
.tatsu-column .tatsu-overlay {
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s
}
.tatsu-bg-overlay > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad {
  z-index: 1;
  position: relative
}
.tatsu-column.tatsu-bg-overlay > .tatsu-column-inner > .tatsu-overlay {
  z-index: 0
}
.tatsu-column-pad {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.tatsu-module {
  margin-bottom: 60px
}
.tatsu-inline-text-inner,
.tatsu-text-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.special-heading-wrap,
.tatsu-text-inner {
  margin-bottom: 30px
}
.tatsu-column-pad > :last-child,
.tatsu-module :last-child {
  margin-bottom: 0!important
}
.align-center {
  text-align: center
}
.align-left {
  text-align: left
}
@media only screen and (max-width:1280px) {
  .tatsu-row-wrap.tatsu-wrap > .tatsu-row > .tatsu-column:not(.tatsu-one-col) .tatsu-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
@media only screen and (max-width:1024px) {
  .tatsu-column:not(.tatsu-one-col) .tatsu-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
@media only screen and (max-width:1366px) {
  .tatsu-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
@media only screen and (min-width:1025px) and (max-width:1220px) {
  .tatsu-wrap {
    max-width: calc(100% - 60px);
    margin: 0 auto
  }
}
@media only screen and (min-width:960px) and (max-width:1024px) {
  .tatsu-wrap {
    max-width: 900px;
    margin: 0 auto
  }
}
@media only screen and (min-width:768px) and (max-width:959px) {
  .tatsu-wrap {
    max-width: 740px;
    margin: 0 auto
  }
}
@media only screen and (max-width:767px) {
  .tatsu-fullscreen-wrap {
    height: auto;
    display: block
  }
  .tatsu-section.tatsu-fullscreen {
    height: auto
  }
  .tatsu-wrap {
    max-width: 300px;
    margin: 0 auto
  }
  .tatsu-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    margin: 0
  }
  .tatsu-medium-gutter .tatsu-row {
    margin: 0
  }
  .tatsu-column,
  .tatsu-row > .tatsu-column.tatsu-one-col,
  .tatsu-row > .tatsu-column.tatsu-one-half,
  .tatsu-row > .tatsu-column.tatsu-one-third,
  .tatsu-row > .tatsu-column.tatsu-two-third {
    width: 100%;
    padding: 0
  }
  .tatsu-section .tatsu-row-wrap:last-child > .tatsu-row > .tatsu-column {
    margin-bottom: 50px
  }
  .tatsu-eq-cols > .tatsu-row > .tatsu-column,
  .tatsu-section .tatsu-eq-cols:last-child > .tatsu-row > .tatsu-column,
  .tatsu-section .tatsu-row-wrap:last-child > .tatsu-row > .tatsu-column > .tatsu-column-inner,
  .tatsu-section .tatsu-row-wrap:last-child > .tatsu-row > .tatsu-column:last-child,
  .tatsu-section .tatsu-zero-margin:last-child > .tatsu-row > .tatsu-column:last-child {
    margin-bottom: 0
  }
  .tatsu-inline-text-inner,
  .tatsu-text-inner {
    width: 100%
  }
}
@media only screen and (min-width:480px) and (max-width:767px) {
  .tatsu-wrap {
    max-width: 440px;
    margin: 0 auto
  }
}
.tatsu-clearfix:after,
.tatsu-clearfix:before {
  content: " ";
  display: table
}
.tatsu-clearfix:after {
  clear: both
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.tatsu-inline-text,
.tatsu-text-inner {
  margin-bottom: 30px
}
.tatsu-text-block-wrap {
  width: 100%;
  margin-bottom: 30px
}
.tatsu-inline-text-inner.tatsu-align-center,
.tatsu-text-inner.tatsu-align-center {
  margin-left: auto;
  margin-right: auto
}
.tatsu-normal-button.tatsu-button-wrap {
  margin: 0 20px 10px 0
}
.tatsu-normal-button.tatsu-button-wrap:last-child {
  margin-right: 0
}
.tatsu-button {
  text-decoration: none;
  border-color: transparent;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 15px 36px
}
.tatsu-button,
.tatsu-button-wrap {
  position: relative;
  display: inline-block
}
.tatsu-button a,
.tatsu-button a:hover {
  color: inherit
}
.tatsu-button-wrap.circular,
.tatsu-button-wrap.circular:after,
.tatsu-button-wrap.circular:before,
.tatsu-button.circular,
.tatsu-button.circular:after,
.tatsu-button.circular:before {
  border-radius: 50px
}
.mediumbtn {
  font-size: 13px;
  line-height: 14px;
  padding: 15px 20px
}
.circular.mediumbtn {
  padding: 15px 30px
}
.tatsu-button i {
  margin-right: 1em
}
.tatsu-button.link {
  padding-left: 0
}
.tatsu-gradient-border {
  border-image-slice: 1!important
}
.tatsu-normal-button .tatsu-button {
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear;
  border-style: solid
}
#content .tatsu-button-group {
  margin-bottom: 20px
}
.tatsu-button-group .tatsu-button-wrap {
  margin-right: 20px
}
.tatsu-icon {
  display: inline-block;
  position: relative;
  vertical-align: middle
}
.tatsu-normal-icon .tatsu-icon {
  color: #ec1823;
  border-width: 0;
  border-style: solid;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear
}
.tatsu-normal-icon .tatsu-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.tatsu-icon-shortcode {
  margin-bottom: 20px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
.tatsu-icon-wrap {
  line-height: 0
}
.tatsu-icon-shortcode.align-none {
  display: inline-block
}
.tatsu-normal-icon.align-none .tatsu-icon {
  margin-right: 10px
}
.tatsu-normal-icon.align-none:last-child .tatsu-icon {
  margin-right: 0
}
.tatsu-icon-shortcode a {
  display: inline-block
}
.tatsu-icon.small {
  font-size: 16px;
  width: 45px;
  height: 45px
}
.tatsu-icon.large {
  font-size: 40px;
  width: 100px;
  height: 100px
}
.tatsu-icon.small.plain {
  font-size: 24px
}
.tatsu-icon.large.plain {
  font-size: 50px
}
.tatsu-icon.plain {
  width: auto;
  height: auto;
  line-height: 1
}
.tatsu-normal-icon .tatsu-icon.plain:before {
  position: static
}
.tatsu_testimonial_wrap {
  position: relative;
  margin-bottom: 30px
}
.tatsu_testimonial_wrap i.tatsu-icon.icon-quote {
  font-size: 100px;
  position: absolute;
  top: -18px;
  opacity: .2;
  right: -14px;
  display: inline-block;
  z-index: 3
}
.tatsu_testimonial_inner_wrap:after {
  content: "";
  display: block;
  position: absolute
}
.bubble_left .tatsu_testimonial_inner_wrap:after {
  left: 45px;
  border-color: currentcolor transparent transparent currentcolor;
  border-style: solid;
  border-width: 9px;
  border-left-color: inherit
}
.tatsu_testimonial_content {
  padding: 30px 23px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 0
}
.tatsu_testimonial_description {
  display: inline-block
}
.tatsu_testimonial_author {
  margin-bottom: 0
}
.tatsu_testimonial_info {
  display: inline-block;
  vertical-align: middle
}
.tatsu-single-image {
  width: 100%;
  line-height: 0
}
body:not(.tatsu-frame) .tatsu-single-image:not(.tatsu-external-image) a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.tatsu-single-image-inner {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  position: relative;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s
}
.tatsu-single-image img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 0 solid transparent
}
body:not(.tatsu-frame) .tatsu-single-image img {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0
}
body:not(.tatsu-frame) .tatsu-single-image.tatsu-external-image img {
  position: static
}
.tatsu-single-image.align-none {
  display: inline-block
}
.tatsu-single-image.align-left {
  text-align: left
}
.tatsu-single-image.align-center {
  text-align: center
}
a,
body,
div,
h1,
h4,
h6,
html,
i,
img,
li,
p,
span,
ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  padding-right: 0!important;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: 82px
}
img {
  max-width: 100%;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle
}
::selection {
  background: #000;
  color: #fff
}
::-moz-selection {
  background: #ffff9e
}
img::selection {
  background: 0 0
}
img::-moz-selection {
  background: 0 0
}
#header {
  position: relative;
  z-index: 10
}
#navigation a {
  position: relative;
  padding: 0 20px;
  display: inline-block;
  line-height: initial;
  color: #fff
}
#navigation ul li {
  margin-bottom: 0
}
#main {
  position: relative
}
embed {
  max-width: 100%
}
h1,
h4,
h6 {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale
}
h1 {
  margin-bottom: 20px
}
h4 {
  margin-bottom: 15px
}
h6,
ul li {
  margin-bottom: 10px
}
p {
  margin-bottom: 30px
}
#content {
  -ms-word-wrap: break-word;
  word-break: break-word;
  background-color: #fff
}
a,
a:hover,
a:visited {
  text-decoration: none
}
ul {
  padding-left: 1.3em;
  line-height: inherit;
  margin: 0 0 20px;
  list-style: disc
}
li ul,
ul ul {
  margin-top: 10px
}
nav ul {
  list-style: none!important;
  margin: 0;
  padding: 0
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table
}
.clearfix:after {
  clear: both
}
@media print {
  * {
    background: 0 0!important;
    color: #000!important;
    box-shadow: none!important;
    text-shadow: none!important
  }
  a,
  a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  img {
    page-break-inside: avoid;
    max-width: 100%!important
  }
  @page {
    margin: .5cm
  }
  p {
    orphans: 3;
    widows: 3
  }
}
@font-face {
  font-family: icomoon;
  src: url("../fonts/icons.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block
}
[class*=" icon-"]:before,
[class^=icon-]:before {
  font-family: icomoon!important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-icon_comment_alt:before {
  content: "\e789"
}
.icon-icon_genius:before {
  content: "\e7b9"
}
.icon-icon_house_alt:before {
  content: "\e7c6"
}
.icon-icon_lightbulb_alt:before {
  content: "\e7d4"
}
.icon-heart2:before {
  content: "\e61a"
}
.icon-quote:before {
  content: "\e621"
}
.icon-cycle:before {
  content: "\e688"
}
body {
  background-color: #fff
}
a,
a:hover,
a:visited {
  color: #ec1823
}
.tatsu-inline-text span > a {
  color: inherit
}
.h1,
h1 {
  font-family: Poppins,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  font-size: 100px;
  line-height: 120px;
  letter-spacing: -1px;
  color: #303132
}
.h4,
h4 {
  font-family: Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: none;
  font-size: 34px;
  line-height: 50px;
  letter-spacing: 0;
  color: #383838
}
.h6,
h6 {
  font-family: Poppins,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 26px;
  letter-spacing: 1px;
  color: #203132
}
.body,
body {
  font-family: Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0;
  color: #7e7e7e
}
.special-subtitle {
  font-family: Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: none;
  font-size: 13px;
  letter-spacing: 0
}
#navigation {
  font-family: Poppins,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px
}
.tatsu-button {
  font-family: Poppins,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
  font-weight: 500;
  font-style: normal
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto
  }
}
#header-inner-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(22,21,21,.85);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px)
}
#menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 1.25rem
}
#header-wrap,
#navigation {
  line-height: 44px
}
#header-wrap {
  padding: 0 10px
}
#navigation a:focus-visible,
#navigation a:hover {
  color: #ec1823
}
@media (max-width:960px) {
  html {
    scroll-padding-top: 100px
  }
}
/* Narrow screens: tighter links so the menu stays on one line down to ~440px. */
@media (max-width:600px) {
  #menu {
    gap: 0
  }
  #navigation a {
    padding: 0 12px
  }
}
.tatsu-fo2hr4s6s34uqw2w.tatsu-inline-text {
  margin: 0 0 10px
}
.tatsu-fo2hr4s6yj7h4l2q .special-subtitle {
  font-size: 22px;
  color: #fff;
  width: 75%
}
.tatsu-fo2hr4s6q1a7crsg .tatsu-section-background {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 55% 25%;
  background-size: cover
}
.tatsu-fo2hr4s6q1a7crsg .tatsu-section-pad {
  padding: 150px 0
}
.tatsu-fo2hr4s6q1a7crsg .tatsu-fullscreen-wrap {
  align-items: flex-end
}
/* The theme drops fullscreen sections to content height on phones, which shrank the
   photo and let the header cover her head. Keep the hero at least a screen tall. */
@media only screen and (max-width:767px) {
  .tatsu-fo2hr4s6q1a7crsg .tatsu-fullscreen-wrap {
    display: flex;
    min-height: 100vh;
    min-height: 100svh
  }
}
.tatsu-fo2hr4s75p4qpp2o .tatsu-inline-text-inner {
  width: 85%
}
.tatsu-fo2hr4s75p4qpp2o.tatsu-inline-text {
  margin: 0 0 40px
}
.tatsu-fo2hr4s71sbpm16x.tatsu-section {
  background-color: #f1f2f2
}
.tatsu-fo2hr4s71sbpm16x .tatsu-section-pad {
  padding: 120px 0
}
.tatsu-fo2hr4s98s85vuxx.style6 .special-heading-inner-wrap:hover .be-title {
  color: #fff
}
.tatsu-fo2hr4s9bffnuq0z .tatsu-inline-text-inner {
  width: 70%
}
/* Text sizes that were inline styles, so they can shrink on phones. The intro
   paragraphs under HELLO use the plain h4 size (34px, 25px on phones). */
.tatsu-fo2hr4s9bffnuq0z h4 {
  font-size: 26px
}
#about a[href^="mailto:"] {
  font-size: 36px
}
/* Below 960px the content narrows to 740px and the 100px name wraps; keep it on one line. */
@media only screen and (min-width:768px) and (max-width:959px) {
  h1 {
    font-size: 72px;
    line-height: 86px
  }
}
@media only screen and (max-width:767px) {
  .special-subtitle {
    width: 100%!important
  }
  .h1,
  h1 {
    font-size: 40px;
    line-height: 54px
  }
  .h4,
  h4 {
    font-size: 25px;
    line-height: 40px
  }
  .tatsu-fo2hr4s9bffnuq0z h4 {
    font-size: 20px
  }
  #about a[href^="mailto:"] {
    font-size: 26px
  }
  .h6,
  h6 {
    font-size: 15px;
    line-height: 32px
  }
}
/* Below 480px the content is 300px wide; keep the email address on one line. */
@media only screen and (max-width:479px) {
  #about a[href^="mailto:"] {
    font-size: 20px
  }
}
.tatsu-fo2hr4s96l984db9.tatsu-section {
  background-color: #161515
}
.tatsu-fo2hr4s96l984db9 .tatsu-section-pad {
  padding: 90px 0 120px
}
.tatsu-fo2hr4s83m7e2fdx .tatsu-inline-text-inner {
  width: 65%
}
.tatsu-fo2hr4s86w8xt8c5.tatsu-column > .tatsu-column-inner,
.tatsu-fo2hr4s8c5bgfr3t.tatsu-column > .tatsu-column-inner,
.tatsu-fo2hr4s8is9mr1a3.tatsu-column > .tatsu-column-inner,
.tatsu-fo2hr4s8p3asqa4e.tatsu-column > .tatsu-column-inner,
.tatsu-fo2hr4s8ve36l87i.tatsu-column > .tatsu-column-inner,
.tatsu-fo2hr4s90x1td5v7.tatsu-column > .tatsu-column-inner {
  background-color: #fff
}
.tatsu-fo2hr4s86w8xt8c5.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad,
.tatsu-fo2hr4s8c5bgfr3t.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad,
.tatsu-fo2hr4s8is9mr1a3.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad,
.tatsu-fo2hr4s8p3asqa4e.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad,
.tatsu-fo2hr4s8ve36l87i.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad,
.tatsu-fo2hr4s90x1td5v7.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad {
  padding: 50px 40px
}
.tatsu-fo2hr4s7xg8eesle.tatsu-section {
  background-color: #f1f2f2
}
.tatsu-fo2hr4s7xg8eesle .tatsu-section-pad {
  padding: 90px 0
}
.tatsu-BJGCZN4bY .icon-quote,
.tatsu-BJGCZN4bY .tatsu_testimonial_description,
.tatsu-B1LnzVEWK .icon-quote,
.tatsu-B1LnzVEWK .tatsu_testimonial_description {
  color: #ec1823
}
.tatsu-BJGCZN4bY .tatsu_testimonial_inner_wrap,
.tatsu-B1LnzVEWK .tatsu_testimonial_inner_wrap {
  border-color: #fff
}
.tatsu-BJGCZN4bY .tatsu_testimonial_content,
.tatsu-B1LnzVEWK .tatsu_testimonial_content {
  background-color: #fff
}
.tatsu-fo2hr4sast1fg8xf.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad,
.tatsu-fo2hr4sawhc3vkuh.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad,
.tatsu-fo2hr4sb6ofgd7w8.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad,
.tatsu-fo2hr4sb9kfjsh9l.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad {
  padding: 100px 80px 50px
}
.tatsu-fo2hr4sast1fg8xf.tatsu-column > .tatsu-column-inner,
.tatsu-fo2hr4sawhc3vkuh.tatsu-column > .tatsu-column-inner {
  border-width: 1px 1px 1px 0
}
.tatsu-H1a3MVNZt .icon-quote,
.tatsu-H1a3MVNZt .tatsu_testimonial_description,
.tatsu-SJXnz44Wt .icon-quote,
.tatsu-SJXnz44Wt .tatsu_testimonial_description {
  color: #fff
}
.tatsu-H1a3MVNZt .tatsu_testimonial_inner_wrap,
.tatsu-SJXnz44Wt .tatsu_testimonial_inner_wrap {
  border-color: #ec1823
}
.tatsu-H1a3MVNZt .tatsu_testimonial_content,
.tatsu-SJXnz44Wt .tatsu_testimonial_content {
  background-color: #ec1823
}
.tatsu-fo2hr4sb6ofgd7w8.tatsu-column > .tatsu-column-inner,
.tatsu-fo2hr4sb9kfjsh9l.tatsu-column > .tatsu-column-inner {
  border-width: 0 1px 1px 0
}
.tatsu-fo2hr4sarx3m44dg.tatsu-section {
  background-color: #000
}
.tatsu-fo2hr4sarx3m44dg .tatsu-section-pad {
  padding: 90px 0 0
}
.tatsu-rkjFBrNZt .tatsu-single-image-inner {
  max-width: 80%
}
.tatsu-rkjFBrNZt.tatsu-single-image {
  transform: translate3d(0,0,0)
}
.tatsu-Bk-K8ErEZY .tatsu-section-pad {
  padding: 90px 0
}
.tatsu-fo2hr4sbmg1cw6k1.special-heading-wrap.style6 {
  margin-bottom: 10px
}
.tatsu-fo2hr4sbmg1cw6k1.special-heading-wrap.style6 .be-title {
  color: #fdc7c7
}
.tatsu-fo2hr4sbmg1cw6k1.special-heading-wrap.style6 .be-border {
  background: #fff
}
.tatsu-fo2hr4sbmg1cw6k1.style6 .special-heading-inner-wrap:hover .be-title {
  color: #fff
}
.tatsu-fo2hr4sbp67eckq1 .tatsu-inline-text-inner {
  width: 85%
}
.tatsu-fo2hr4sbp67eckq1.tatsu-inline-text {
  margin: 0 0 40px
}
.tatsu-B1lRn3r4Wt .tatsu-button,
.tatsu-r1An2rVZF .tatsu-button {
  background-color: #ec1823;
  color: #fff
}
.tatsu-Byb0hnHVZF.tatsu-button-group {
  margin-bottom: 20px!important
}
.tatsu-fo2hr4sbkueut60r.tatsu-section {
  background-color: #ec1823
}
.tatsu-fo2hr4sbkueut60r .tatsu-section-pad {
  padding: 120px 0
}

/* Hand edits on top of the theme. build.mjs appends this to site.css. */

/* Hero banner: AVIF (187 KB), mozjpeg JPEG fallback (366 KB). Was a 653 KB JPEG. */
.tatsu-fo2hr4s6q1a7crsg .tatsu-section-background {
  background-image: url("../img/Sarah-Holloway-Banner-mozjpeg72.jpg");
  background-image: image-set(url("../img/Sarah-Holloway-Banner-q50.avif") type("image/avif"), url("../img/Sarah-Holloway-Banner-mozjpeg72.jpg") type("image/jpeg"));
}

/* Testimonials: names were the heading slate (#203132), near-invisible on black.
   Names take the body grey; companies take the pale pink of the contact heading. */
.tatsu_testimonial_author { color: #7e7e7e; }
.tatsu_testimonial_role { color: #f1f2f2; }

/* Testimonials: each row's columns were vertically centred, so the shorter balloon
   floated mid-cell. Stretch the balloons to equal height so tops, tails and names line up. */
#clients .tatsu-eq-cols > .tatsu-row > .tatsu-column-align-middle > .tatsu-column-inner {
  align-items: stretch;
}
#clients .tatsu-column-pad-wrap,
#clients .tatsu-column-pad,
#clients .tatsu-column-pad > .tatsu_testimonial_wrap,
#clients .tatsu_testimonial_wrap > .tatsu_testimonial_wrap,
#clients .tatsu_testimonial_inner_wrap {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
#clients .tatsu_testimonial_content { flex: 1 1 auto; }
/* The tail is absolutely positioned with no top; in a flex container it would jump
   to the top of the balloon, so pin it below. */
#clients .tatsu_testimonial_inner_wrap { position: relative; }
#clients .bubble_left .tatsu_testimonial_inner_wrap:after { top: 100%; }

/* Phones: the narrower text columns (85%, 70%, 65%) were overriding the theme's
   full-width text on phones, squeezing the About text to ~210px below 480px. */
@media only screen and (max-width:767px) {
  .tatsu-fo2hr4s75p4qpp2o .tatsu-inline-text-inner,
  .tatsu-fo2hr4s9bffnuq0z .tatsu-inline-text-inner,
  .tatsu-fo2hr4s83m7e2fdx .tatsu-inline-text-inner,
  .tatsu-fo2hr4sbp67eckq1 .tatsu-inline-text-inner {
    width: 100%
  }
  /* The desktop 100px 80px 50px padding left the balloons 140px wide in a 300px column. */
  #clients .tatsu-eq-cols .tatsu-column-pad {
    padding: 60px 30px 40px
  }
}
/* Below 480px the content is only 300px wide. */
@media only screen and (max-width:479px) {
  .tatsu-fo2hr4s75p4qpp2o h4 {
    font-size: 22px;
    line-height: 34px
  }
  .tatsu-fo2hr4s9bffnuq0z h4 {
    font-size: 18px;
    line-height: 32px
  }
  #clients .tatsu-eq-cols .tatsu-column-pad {
    padding: 50px 10px 30px
  }
}
