@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
mark.epb-linemaker-yellow {
  background-color: #ffff00;
  font-style: normal; }

mark.epb-linemaker-red {
  background-color: #ffd0d1;
  font-style: normal; }

mark.epb-linemaker-blue {
  background-color: #a8eaff;
  font-style: normal; }

.epb-underline {
  text-decoration: underline; }

.epb-underline-dashed {
  padding-bottom: 1px;
  border-bottom: 1px dashed #7c95a8; }

.epb-underline-yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffff00));
  background: -webkit-linear-gradient(transparent 60%, #ffff00 60%);
  background: -o-linear-gradient(transparent 60%, #ffff00 60%);
  background: linear-gradient(transparent 60%, #ffff00 60%); }

.epb-underline-red {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffd0d1));
  background: -webkit-linear-gradient(transparent 60%, #ffd0d1 60%);
  background: -o-linear-gradient(transparent 60%, #ffd0d1 60%);
  background: linear-gradient(transparent 60%, #ffd0d1 60%); }

.epb-underline-blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #a8eaff));
  background: -webkit-linear-gradient(transparent 60%, #a8eaff 60%);
  background: -o-linear-gradient(transparent 60%, #a8eaff 60%);
  background: linear-gradient(transparent 60%, #a8eaff 60%); }

.epb-x-large-text {
  font-size: 26px; }

.epb-large-text {
  font-size: 21px; }

.epb-normal-text {
  font-size: 16px; }

.epb-small-text {
  font-size: 12.8px; }

.epb-notes {
  color: #484848;
  font-size: 12px; }

.epb-notes::before {
  content: "※";
  padding-right: 2px;
  padding-left: 2px; }

.epb-display-sp::before {
  content: "\A";
  white-space: pre; }

.epb-display-tablet::before {
  content: "\A";
  white-space: pre; }

.epb-display-pc::before {
  content: "";
  white-space: normal; }

/* SP */
@media screen and (max-width: 767px) {
  .epb-small-text-sp {
    font-size: 12.8px; } }

/* Tablet */
@media screen and (min-width: 768px) {
  .epb-display-sp::before {
    content: "";
    white-space: normal; } }

/* PC Tablet */
@media screen and (min-width: 960px) {
  .epb-display-tablet::before {
    content: "";
    white-space: normal; }
  .epb-display-pc::before {
    content: "\A";
    white-space: pre; } }
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/* 引用 */
.wp-block-quote {
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 32px;
  padding-left: 32px;
  background-color: #fafafa;
  border: solid 2px #b8bcc0;
  border-radius: 3px; }

.wp-block-quote::before {
  content: "\f10d";
  position: absolute;
  top: 4px;
  left: 10px;
  font-family: "FontAwesome";
  font-size: 16px;
  color: #828990; }

.wp-block-quote.is-style-border-left::before {
  position: absolute;
  content: "";
  display: block;
  height: calc(100% - 48px);
  top: 24px;
  left: 20px;
  border-left: solid 2px #828990; }

.wp-block-quote.is-style-border-left-width {
  padding: 24px;
  border: solid 2px #828990;
  border-left-width: 50px; }

.wp-block-quote.is-style-border-left-width::before {
  content: "\f10d";
  position: absolute;
  top: 50%;
  left: -33px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "FontAwesome";
  font-size: 18px;
  color: #ffffff; }

.wp-block-quote.is-style-border-left-width-background {
  padding: 24px;
  border: solid 2px #828990;
  border-left-width: 50px;
  background-color: inherit; }

.wp-block-quote.is-style-border-left-width-background::before {
  content: "\f10d";
  position: absolute;
  top: 50%;
  left: -33px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "FontAwesome";
  font-size: 18px;
  color: #ffffff; }

/* プルクオート */
.wp-block-pullquote {
  position: relative;
  padding: 0; }

.wp-block-pullquote blockquote {
  margin: 0 !important;
  background-color: inherit;
  border-radius: 0; }

.wp-block-pullquote p {
  line-height: 1.8;
  font-size: 16px !important; }

.wp-block-pullquote blockquote::before {
  content: "\f10d";
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: inherit;
  text-align: center;
  font-family: "FontAwesome";
  font-size: 16px;
  color: #828990; }

.wp-block-pullquote blockquote::after {
  content: "\f10e";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: inherit;
  text-align: center;
  font-family: "FontAwesome";
  font-size: 16px;
  color: #828990; }

.wp-block-pullquote.is-style-default {
  border-top: 2px solid #b8bcc0 !important;
  border-bottom: 2px solid #b8bcc0 !important;
  text-align: left; }

.wp-block-pullquote.is-style-solid-color blockquote {
  text-align: left; }

.wp-block-pullquote.is-style-speech-bubble {
  border: 2px solid #b8bcc0 !important;
  border-radius: 3px;
  background-color: #fff !important; }

.wp-block-pullquote.is-style-speech-bubble::after {
  content: "";
  position: absolute;
  top: inherit;
  bottom: -9px;
  left: 24px;
  width: 16px;
  height: 16px;
  background: inherit;
  border-right: 2px solid #b8bcc0 !important;
  border-bottom: 2px solid #b8bcc0 !important;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.wp-block-pullquote.is-style-speech-bubble-center {
  border: 2px solid #b8bcc0 !important;
  border-radius: 3px;
  background-color: #fff !important;
  text-align: center; }

.wp-block-pullquote.is-style-speech-bubble-center::after {
  content: "";
  position: absolute;
  top: inherit;
  bottom: -9px;
  left: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background: inherit;
  border-right: 2px solid #b8bcc0;
  border-bottom: 2px solid #b8bcc0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

/* リスト */
[class*="is-style-item__"] li {
  position: relative;
  line-height: 2; }

[class*="is-style-item__"]:not(.is-style-item__num--zero) {
  list-style-type: none !important; }

.is-style-item__checkmark > li,
.is-style-item__arrow > li {
  padding-left: 16px; }

.is-style-item__checkmark--square ul > li,
.is-style-item__arrow ul > li,
.is-style-item__arrow--circle ul > li {
  list-style-type: circle; }

.is-style-item__checkmark--square ul > li::before,
.is-style-item__arrow ul > li::before,
.is-style-item__arrow--circle ul > li::before {
  content: ""; }

.is-style-item__checkmark > li::before {
  content: "\f00c";
  position: absolute;
  top: 4px;
  left: 0;
  font-family: "FontAwesome";
  font-size: 13px;
  color: #484848; }

.is-style-item__arrow > li::before {
  content: "\f054";
  position: absolute;
  top: 4px;
  left: 0;
  font-family: "FontAwesome";
  font-size: 13px;
  color: #484848; }

.is-style-item__notes > li {
  padding-left: 14px; }

.is-style-item__notes > li::before {
  position: absolute;
  content: "※";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #484848;
  font-size: 12px;
  opacity: 0.8; }

.is-style-item__notes li li::before {
  content: ""; }

.is-style-item__good > li {
  padding-left: 16px; }

.is-style-item__good > li::before {
  content: "○";
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 14px;
  color: #007bff; }

.is-style-item__bad > li::before {
  content: "×";
  position: absolute;
  top: -2px;
  left: 0;
  font-size: 16px;
  color: #dc3545; }

.is-style-item__bad > li {
  padding-left: 14px; }

ol.is-style-item__notes,
ol.is-style-item__notes ol {
  counter-reset: li; }

ol.is-style-item__notes > li {
  padding-left: 22px; }

ol.is-style-item__notes > li::before {
  content: "※" counter(li);
  counter-increment: li;
  letter-spacing: 2px; }

ol.is-style-item__num--circle {
  counter-reset: number;
  padding-left: 24px; }

ol.is-style-item__num--circle > li {
  padding-left: 4px; }

ol.is-style-item__num--circle > li::before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  top: 5px;
  left: -24px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  background: #484848;
  color: #fff;
  font-size: 12px; }

ol.is-style-item__num--zero {
  padding-left: 28px;
  list-style-type: decimal-leading-zero !important; }

ol.is-style-item__checkmark.has-background,
ul.is-style-item__checkmark.has-background,
ol.is-style-item__checkmark--square.has-background,
ul.is-style-item__checkmark--square.has-background,
ol.is-style-item__arrow.has-background,
ul.is-style-item__arrow.has-background,
ol.is-style-item__arrow--circle.has-background,
ul.is-style-item__arrow--circle.has-background,
ol.is-style-item__good.has-background,
ul.is-style-item__good.has-background,
ol.is-style-item__bad.has-background,
ul.is-style-item__bad.has-background,
ol.is-style-item__notes.has-background,
ul.is-style-item__notes.has-background {
  padding: 16px;
  border-radius: 3px; }

ol.is-style-item__num--zero.has-background {
  margin-left: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 48px;
  padding-right: 16px;
  border-radius: 3px; }

ol.is-style-item__num--circle.has-background {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 40px;
  padding-right: 16px;
  border-radius: 3px; }

/* 画像ブロック */
.wp-block-image {
  text-align: center; }

.wp-block-image::after {
  content: "";
  display: block;
  clear: both; }

.wp-block-image.is-style-rounded img {
  border-radius: 6px; }

.wp-block-image.is-style-image__shadow img {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3); }

.wp-block-image.is-style-image__border img {
  padding: 2px;
  border: solid 1px #e5e7e8; }

.wp-block-image.is-style-image__border--rounded img {
  padding: 2px;
  border: solid 1px #e5e7e8;
  border-radius: 6px; }

/* テーブル */
.wp-block-table.is-style-table__side tr td,
.wp-block-table.is-style-table__scroll-side tr td {
  background-color: #fafafa; }

.wp-block-table.is-style-table__side td + td,
.wp-block-table.is-style-table__scroll-side td + td {
  background-color: inherit; }

/* タブレット未満 */
@media screen and (max-width: 767px) {
  .wp-block-table.is-style-table__scroll,
  .wp-block-table.is-style-table__scroll-side {
    overflow: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    scroll-behavior: smooth; }
  .wp-block-table.is-style-table__scroll > table,
  .wp-block-table.is-style-table__scroll-side > table {
    width: 780px;
    max-width: 780px; } }

.wp-block-table.is-style-table__responsive tr td,
.wp-block-table.is-style-table__responsive tr td {
  background-color: #fafafa; }

.wp-block-table.is-style-table__responsive td + td,
.wp-block-table.is-style-table__responsive td + td {
  background-color: inherit; }

/* タブレット未満 */
@media screen and (max-width: 767px) {
  .wp-block-table.is-style-table__responsive td {
    display: block;
    width: 100%;
    border-bottom: none; }
  .wp-block-table.is-style-table__responsive td:last-child {
    border-bottom: 1px solid #b8bcc0; }
  .wp-block-table.is-style-table__responsive tr {
    display: block;
    margin-bottom: 4px; }
  .wp-block-table.is-style-table__responsive tr:last-child {
    margin-bottom: 0; } }

/* スペーサー */
.wp-block-spacer.is-style-display-sp {
  display: block; }

.wp-block-spacer.is-style-display-pc {
  display: none; }

/* タブレット */
@media screen and (min-width: 768px) {
  .wp-block-spacer.is-style-display-sp {
    display: none; }
  .wp-block-spacer.is-style-display-pc {
    display: block; } }

/* 区切り */
.wp-block-separator {
  height: 2px; }

.wp-block-separator.is-style-narrow {
  max-width: 100px;
  height: 2px; }

.wp-block-separator.is-style-dots::before {
  font-size: 24px;
  letter-spacing: 1.5em; }

.wp-block-separator.is-style-mesh {
  background-color: inherit !important;
  background-size: 6px 6px;
  height: 6px !important;
  background-image: -webkit-repeating-linear-gradient(45deg, currentcolor 0, currentcolor 1px, transparent 0, transparent 50%), -webkit-repeating-linear-gradient(315deg, currentColor, currentColor 1px, transparent 0, transparent 50%);
  background-image: -o-repeating-linear-gradient(45deg, currentcolor 0, currentcolor 1px, transparent 0, transparent 50%), -o-repeating-linear-gradient(315deg, currentColor, currentColor 1px, transparent 0, transparent 50%);
  background-image: repeating-linear-gradient(45deg, currentcolor 0, currentcolor 1px, transparent 0, transparent 50%), repeating-linear-gradient(135deg, currentColor, currentColor 1px, transparent 0, transparent 50%);
  opacity: 0.6; }

.wp-block-separator.is-style-mesh-narrow {
  max-width: 103px;
  background-color: inherit !important;
  background-size: 6px 6px;
  height: 6px !important;
  background-image: -webkit-repeating-linear-gradient(45deg, currentcolor 0, currentcolor 1px, transparent 0, transparent 50%), -webkit-repeating-linear-gradient(315deg, currentColor, currentColor 1px, transparent 0, transparent 50%);
  background-image: -o-repeating-linear-gradient(45deg, currentcolor 0, currentcolor 1px, transparent 0, transparent 50%), -o-repeating-linear-gradient(315deg, currentColor, currentColor 1px, transparent 0, transparent 50%);
  background-image: repeating-linear-gradient(45deg, currentcolor 0, currentcolor 1px, transparent 0, transparent 50%), repeating-linear-gradient(135deg, currentColor, currentColor 1px, transparent 0, transparent 50%);
  opacity: 0.6; }

.wp-block-separator.is-style-fadeout {
  width: 80%;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#b8bcc0), to(transparent));
  background-image: -webkit-linear-gradient(left, transparent, #b8bcc0, transparent);
  background-image: -o-linear-gradient(left, transparent, #b8bcc0, transparent);
  background-image: linear-gradient(to right, transparent, #b8bcc0, transparent); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
@media (max-width: 767px) {
  .wp-block-columns.epb-column-sp-6 {
    width: calc(100% + 12px); }
  .wp-block-columns.epb-column-sp-6 > .wp-block-column {
    -ms-flex-preferred-size: calc(50% - 12px) !important;
        flex-basis: calc(50% - 12px) !important;
    -ms-flex-positive: 0;
        flex-grow: 0;
    margin-right: 12px; }
  .wp-block-columns.epb-column-sp-6 > .wp-block-column:nth-child(2) {
    margin-top: 0; }
  .wp-block-columns.epb-column-sp-6 > .wp-block-column > * {
    font-size: 12x; }
  .wp-block-columns.epb-column-sp-6 > .wp-block-column h1,
  .wp-block-columns.epb-column-sp-6 > .wp-block-column h2,
  .wp-block-columns.epb-column-sp-6 > .wp-block-column h3,
  .wp-block-columns.epb-column-sp-6 > .wp-block-column h4,
  .wp-block-columns.epb-column-sp-6 > .wp-block-column h5,
  .wp-block-columns.epb-column-sp-6 > .wp-block-column h6 {
    font-size: 14px; } }

.wp-block-columns.epb-column-sp-6 > .wp-block-column > :first-child {
  margin-top: 0; }

@media (max-width: 767px) {
  .wp-block-columns.is-epb-scroll {
    padding-left: 24px;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    scroll-behavior: smooth; }
  .wp-block-columns.is-epb-scroll .wp-block-column {
    margin-right: 16px;
    min-width: 260px;
    max-width: 320px;
    scroll-snap-align: center; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.eb-affiliate-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center; }

.eb-affiliate-button.eb-alignment-right {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.eb-affiliate-button.eb-alignment-center {
  -ms-flex-pack: center;
      justify-content: center; }

.eb-affiliate-button.eb-alignment-left {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.eb-btn {
  position: relative;
  display: inline-block;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 3px;
  max-width: 100%;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  font-size: 16px; }

.eb-btn a,
.eb-btn a:hover {
  text-decoration: none !important;
  color: var(--eb-button-text-color) !important; }

.eb-btn-size__lg .eb-btn {
  padding-left: 80px;
  padding-right: 80px; }

.eb-btn-size__m .eb-btn {
  padding-right: 48px;
  padding-left: 48px; }

.eb-btn-size__sm .eb-btn {
  padding-right: 32px;
  padding-left: 32px; }

.eb-btn:hover {
  text-decoration: none !important; }

.eb-btn__outline {
  border: 1px solid; }

@-webkit-keyframes epb-lustre {
  100% {
    left: 60%; } }

@keyframes epb-lustre {
  100% {
    left: 60%; } }

.eb-btn.is-style-eb-radius__0 {
  border-radius: 0; }

.eb-btn.is-style-eb-radius__3 {
  border-radius: 3px; }

.eb-btn.is-style-eb-radius__10 {
  border-radius: 10px; }

.eb-btn.is-style-eb-radius__25 {
  border-radius: 25px; }

.eb-btn.is-style-eb-hover__opacity:hover {
  opacity: 0.8; }

.eb-btn.is-style-eb-hover__radius:hover {
  border-radius: 25px; }

.eb-btn.is-style-eb-hover__shadow:hover {
  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); }

.eb-btn.is-style-eb-hover__floating,
.eb-btn.is-style-eb-hover__falldown {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.eb-btn.is-style-eb-hover__floating:hover {
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1); }

.eb-btn.is-style-eb-hover__falldown:hover {
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.eb-btn.is-style-eb-hover__lustre:hover::before {
  -webkit-animation: epb-lustre 0.7s forwards;
          animation: epb-lustre 0.7s forwards; }

.eb-btn.is-style-eb-hover__lustre::before {
  content: "";
  position: absolute;
  top: -10%;
  left: -180%;
  width: 200%;
  height: 200%;
  background-color: rgba(249, 249, 249, 0.2);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.block-box-heading {
  position: relative;
  margin-bottom: -1px;
  padding: 2px 16px;
  border-radius: 3px 3px 0 0;
  background-color: #009dee;
  color: #fff; }

.block-box-h-left .block-box-heading {
  display: inline-block; }

.block-box-body-h-left {
  border-radius: 0 3px 3px 3px;
  border: 1px solid #009dee; }

.block-box-h-left,
.block-box-h-wide-left {
  position: relative; }

.block-box-h-left .fa,
.block-box-h-wide-left .fa {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 14px;
  margin: 0;
  color: #fff;
  font-size: 16px;
  z-index: 1; }

.block-box-body-h-wide-left,
.block-box-body-h-wide-center {
  border-radius: 0 0 3px 3px;
  border: 1px solid #009dee; }

.block-box-text {
  padding: 16px;
  line-height: 1.8 !important; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Button
 *
 * CSS for both Frontend+Backend.
 */
.eb-buttons {
  border-style: solid; }

.eb-buttons.block-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100%); }

.eb-buttons.block-row.eb-alignment-left,
.eb-buttons.block-row.eb-alignment-center,
.eb-buttons.block-row.eb-alignment-right {
  text-align: center; }

.block-btn-col a {
  text-decoration: none;
  color: #9b8d77; }

.block-btn-col[class*="block-col-"] {
  margin-bottom: 32px;
  width: calc(100% - 16px); }

.block-btn-col[class*="block-col-"]:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 768px) {
  .eb-buttons.block-row.eb-alignment-left {
    text-align: left; }
  .eb-buttons.block-row.eb-alignment-center {
    text-align: center; }
  .eb-buttons.block-row.eb-alignment-right {
    text-align: right; }
  .block-btn-col[class*="block-col-"] {
    margin-right: 16px;
    margin-bottom: 0; }
  .block-btn-col.block-col-1 {
    width: calc(100% - 16px); }
  .block-btn-col.block-col-2 {
    width: calc(50% - 16px); }
  .block-btn-col.block-col-3 {
    width: calc(33.3% - 16px); }
  .block-btn-col.block-col-4 {
    width: calc(25% - 16px); } }

.block-btn {
  display: inline-block;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 3px;
  max-width: 100%;
  border: 1px solid #9b8d77;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.4px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #9b8d77;
  cursor: pointer; }

.block-btn:hover {
  text-decoration: none;
  border-radius: 28px; }

.block-btn[class*="eb-btn-"] {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 16px; }

.block-btn.eb-btn-sm {
  width: 70%; }

.block-btn.eb-btn-mid {
  width: 80%; }

.block-btn.eb-btn-lg {
  width: 90%; }

.block-btn.eb-btn-xlg {
  width: 100%; }

@media screen and (min-width: 768px) {
  .block-btn.eb-btn-sm {
    padding-right: 32px;
    padding-left: 32px;
    width: auto; }
  .block-btn.eb-btn-mid {
    padding-right: 48px;
    padding-left: 48px;
    width: auto; }
  .block-btn.eb-btn-lg {
    padding-left: 80px;
    padding-right: 80px;
    width: auto; }
  .block-btn.eb-btn-xlg {
    padding-left: 140px;
    padding-right: 140px;
    width: auto; } }

/**
 * apiVersion 1
 */
.block-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 16px); }

@media screen and (min-width: 768px) {
  .block-btn.btn-sm {
    padding-right: 32px;
    padding-left: 32px;
    font-size: 16px; }
  .block-btn.btn-mid {
    padding-right: 48px;
    padding-left: 48px;
    font-size: 16px; }
  .block-btn.btn-lg {
    padding-left: 80px;
    padding-right: 80px;
    font-size: 16px; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles CTA Box
 *
 * CSS for both Frontend+Backend.
 */
.eb-cta-box .block-cta-wrapper {
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px; }

.block-cta-wrapper a {
  text-decoration: none !important; }

.block-cta-header {
  margin-bottom: 1rem; }

.block-cta-header h3 {
  margin: 0 !important;
  padding: 0 !important; }

.block-cta-header p {
  margin: 0 0 32px 0; }

.block-cta-text {
  padding-top: 16px !important; }

.block-cta-microcopy {
  margin: 0 !important;
  padding: 16px 0 0 0 !important;
  line-height: 1 !important;
  font-size: 12px; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Download File
 *
 * CSS for both Frontend+Backend.
 */
.block-download-file-wrapper {
  text-align: center;
  border-color: #efefef;
  border-radius: 3px; }

.block-download-file-wrapper a {
  text-decoration: none !important; }

.block-download-file-microcopy {
  padding-top: 8px;
  line-height: 1 !important;
  font-size: 12px; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles FAQ
 *
 * CSS for both Frontend+Backend.
 */
.block-faq-wrapper {
  border: 1px solid #ccc; }

.block-faq-question-inner {
  position: relative;
  line-height: 2.0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 16px;
  cursor: pointer; }

.block-faq-question-inner.toggle-trigger::before {
  content: '\f107';
  position: absolute;
  top: 0;
  right: 4px;
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 16px;
  color: #999;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.block-faq-question-inner.toggle-trigger:hover::before {
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
  color: #efefef; }

.block-faq-question-inner.toggle-trigger.clicked::before {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  color: #e2e5e8; }

.block-faq-question-inner::after {
  display: block;
  clear: both;
  content: ""; }

.block-faq-question-icon {
  float: left;
  margin-right: 8px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  background-color: #666;
  border: 1px solid #666;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #fff; }

.block-faq-answer-inner {
  margin-top: 16px;
  font-size: 16px; }

.block-faq-answer-inner::after {
  display: block;
  clear: both;
  content: ""; }

.block-faq-answer-icon {
  float: left;
  margin-right: 8px;
  width: 32px;
  height: 32px;
  line-height: 2;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #999;
  text-align: center;
  font-size: 16px;
  font-weight: 600; }

.block-faq-answer-inner p {
  margin-bottom: 0 !important;
  line-height: 2.0 !important; }

.block-faq-question,
.block-faq-answer {
  overflow: hidden; }

.block-faq-answer-inner.display-none {
  display: none; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Frame
 *
 * CSS for both Frontend+Backend.
 */
.block-frame-border {
  border: 4px solid #ccc; }

.block-frame-dashed {
  border: 4px dashed #ccc; }

.block-frame-double {
  border: double 4px #ccc; }

.block-frame-upDown {
  border-top: solid 4px #ccc;
  border-bottom: solid 4px #ccc; }

.block-frame-left {
  border-left: solid 4px #ccc; }

.block-frame-inner > * {
  margin-bottom: 4px; }

.block-frame-inner > *:last-child {
  margin-bottom: 0; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Icon List
 *
 * CSS for both Frontend+Backend.
 */
.block-icon-list-wrapper {
  display: table;
  padding: 8px 16px;
  border: 1px solid #CCC;
  border-radius: 3px; }

.block-icon-list-wrapper .fa {
  display: table-cell;
  padding-right: 10px;
  vertical-align: middle;
  font-size: 14px; }

.block-icon-list-wrapper a {
  text-decoration: none; }

.block-icon-list-heading {
  display: table-cell;
  word-break: break-all;
  overflow-wrap: break-word;
  vertical-align: middle;
  padding-left: 10px;
  border-left: 1px solid #CCC;
  width: 100%; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.eb-linkcard {
  position: relative; }

.linkcard-label {
  position: absolute;
  top: -12px;
  left: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 3px;
  line-height: 12px;
  background: #fff;
  letter-spacing: 0.25px;
  font-size: 12px;
  color: #333;
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  z-index: 1; }

.linkcard-label::before {
  display: inline-block;
  content: "\f00c";
  margin-right: 3px;
  font-family: "FontAwesome"; }

.linkcard-inner {
  position: relative;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  padding-right: 20px;
  border: 2px solid #009dee;
  border-radius: 3px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.linkcard-inner::after {
  position: absolute;
  content: "\f105";
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "FontAwesome";
  font-size: 20px;
  color: var(--eb-linkcard-icon-color);
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }

.linkcard-inner:hover {
  border-color: var(--eb-linkcard-hover-color); }

@media screen and (min-width: 768px) {
  .linkcard-inner {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 28px; }
  .linkcard-inner::after {
    right: 14px; } }

.linkcard-link {
  display: block;
  cursor: pointer; }

.linkcard-link:hover .linkcard-inner::after {
  right: 6px;
  color: var(--eb-linkcard-hover-color); }

.linkcard-title {
  line-height: 1.8 !important;
  font-size: 16px;
  color: #333; }

.linkcard-sub-title {
  margin-top: 4px;
  font-size: 12px;
  color: #333; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Member
 *
 * CSS for both Frontend+Backend.
 */
.eb-block-member.block-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 16px); }

.block-member-col[class*="block-col-"] {
  margin-bottom: 32px;
  width: calc(100% - 16px); }

.block-member-col[class*="block-col-"]:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 768px) {
  .block-member-col[class*="block-col-"] {
    margin-right: 16px;
    margin-bottom: 0; }
  .block-member-col.block-col-1 {
    width: calc(100% - 16px); }
  .block-member-col.block-col-2 {
    width: calc(50% - 16px); }
  .block-member-col.block-col-3 {
    width: calc(33.3% - 16px); }
  .block-member-col.block-col-4 {
    width: calc(25% - 16px); } }

.block-member-image-content {
  text-align: center; }

.block-member-image {
  width: 100%;
  height: auto;
  border: solid 1px #ccc; }

.eb-block-member.is-style-eb-image-circle .block-member-image {
  -o-object-fit: cover;
     object-fit: cover;
  height: 96px;
  width: 96px;
  border-radius: 50px; }

.block-member-name {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  text-align: center;
  font-size: 18px; }

.block-member-position {
  display: block;
  margin-bottom: 8px;
  text-align: center;
  font-size: 12px; }

.block-member-text {
  margin: 0;
  line-height: 1.5 !important; }

@media (max-width: 767px) {
  .eb-block-member.is-eb-scroll {
    padding-left: 24px;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    scroll-behavior: smooth; }
  .eb-block-member.is-eb-scroll .block-member-col {
    margin-bottom: 0;
    margin-right: 16px;
    min-width: 200px;
    max-width: 260px;
    scroll-snap-align: center; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Menu List
 *
 * CSS for both Frontend+Backend.
 */
.block-menu-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.block-menu-center-line {
  margin: 10px 18px;
  -ms-flex-positive: 1;
      flex-grow: 1; }

.block-menu-center-line hr {
  margin: 0 !important;
  border-width: 2px 0 0 0;
  border-style: dotted;
  border-color: #ddd;
  background-color: inherit; }

.block-menu-tax {
  display: contents;
  font-size: 12px; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Notice Box
 *
 * CSS for both Frontend+Backend.
 */
.eb-block-notice {
  position: relative;
  padding: 16px;
  border-radius: 3px; }

.block-notice-info {
  position: relative;
  padding: 16px;
  border: 1px solid #CCC;
  border-radius: 3px;
  background-color: #f9f9f9; }

.block-notice-warning {
  position: relative;
  padding: 16px;
  border: 1px solid #ee6e73;
  border-radius: 3px;
  background-color: #f7eaea; }

.block-notice-header {
  position: relative; }

.block-notice-info .fa,
.block-notice-warning .fa {
  position: absolute;
  top: 20px;
  font-size: 16px; }

.block-notice-heading {
  font-size: 16px; }

.block-notice-text {
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.5 !important; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles PR Box
 *
 * CSS for both Frontend+Backend.
 */
.eb-pr-box.block-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 16px); }

.block-pr-box-col {
  padding: 24px 16px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px; }

.block-pr-box-col[class*="block-col-"] {
  margin-bottom: 32px;
  width: calc(100% - 16px); }

.block-pr-box-col[class*="block-col-"]:last-child {
  margin-bottom: 0; }

.block-pr-box-btn-content a {
  text-decoration: none;
  color: #9b8d77; }

@media screen and (min-width: 768px) {
  .block-pr-box-col[class*="block-col-"] {
    margin-right: 16px;
    margin-bottom: 0; }
  .block-pr-box-col.block-col-1 {
    width: calc(100% - 16px); }
  .block-pr-box-col.block-col-2 {
    width: calc(50% - 16px); }
  .block-pr-box-col.block-col-3 {
    width: calc(33.3% - 16px); }
  .block-pr-box-col.block-col-4 {
    width: calc(25% - 16px); } }

.block-pr-box-image {
  display: inline-block;
  position: relative;
  margin-bottom: 16px;
  height: 96px;
  width: 96px;
  border-radius: 50%; }

.block-pr-box-image > div {
  display: inline; }

.block-pr-image {
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50px;
  border: solid 2px #ccc; }

.block-pr-box-heading {
  margin: 0 0 24px 0 !important;
  padding: 0 !important; }

.block-pr-box-text {
  line-height: 1.5 !important;
  margin-bottom: 24px !important; }

.block-pr-box-btn-content .btn {
  display: inline-block;
  padding: 6px 22px;
  width: 80%;
  font-size: 14px; }

@media (max-width: 767px) {
  .eb-pr-box.is-eb-scroll {
    padding-left: 24px;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    scroll-behavior: smooth; }
  .eb-pr-box.is-eb-scroll .block-pr-box-col {
    margin-bottom: 0;
    margin-right: 16px;
    min-width: 200px;
    max-width: 260px;
    scroll-snap-align: center; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Pricing Table
 *
 * CSS for both Frontend+Backend.
 */
.eb-pricing-table.block-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 16px); }

.block-pricing-table-col {
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 0 0 3px 3px; }

.block-pricing-table-col[class*="block-col-"] {
  margin-bottom: 32px;
  width: calc(100% - 16px); }

.block-pricing-table-col[class*="block-col-"]:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 768px) {
  .block-pricing-table-col[class*="block-col-"] {
    margin-right: 16px;
    margin-bottom: 0; }
  .block-pricing-table-col.block-col-1 {
    width: calc(100% - 16px); }
  .block-pricing-table-col.block-col-2 {
    width: calc(50% - 16px); }
  .block-pricing-table-col.block-col-3 {
    width: calc(33.3% - 16px); }
  .block-pricing-table-col.block-col-4 {
    width: calc(25% - 16px); } }

.block-pricing-table-heading-content {
  position: relative;
  padding: 16px 8px;
  border: 1px solid #009dee;
  background: #009dee; }

.block-pricing-table-heading-content::before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid;
  border-top-color: inherit; }

.block-pricing-table-heading {
  margin: 0 0 16px 0 !important;
  line-height: 1 !important;
  font-size: 18px;
  color: #fff; }

.block-pricing-table-price {
  line-height: 1 !important;
  color: #fff; }

.block-pricing-table-col p {
  margin-bottom: 0; }

.block-pricing-table-description {
  padding: 16px 8px;
  font-size: 14px; }

.block-pricing-table-col img {
  width: 100%; }

.block-pricing-table-col ul {
  padding: 0 8px 16px 8px !important;
  list-style: none !important; }

.block-pricing-table-col li {
  font-size: 14px; }

.block-pricing-table-btn-content {
  padding: 8px 8px 0px 8px; }

.block-pricing-table-btn-content .block-btn {
  display: inline-block;
  margin-bottom: 16px;
  width: 80%;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 3px;
  border: 1px solid #9b8d77;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.4px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #9b8d77;
  font-size: 14px;
  cursor: pointer; }

.block-pricing-table-btn-content .block-btn:hover {
  border-radius: 28px; }

@media (max-width: 767px) {
  .eb-pricing-table.is-eb-scroll {
    padding-left: 24px;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    scroll-behavior: smooth; }
  .eb-pricing-table.is-eb-scroll .block-pricing-table-col {
    margin-bottom: 0;
    margin-right: 16px;
    min-width: 260px;
    max-width: 280px;
    scroll-snap-align: center; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Showcase Box
 *
 * CSS for both Frontend+Backend.
 */
.showcase-box-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #ccc;
  overflow: hidden; }

.showcase-box-body {
  width: 100%; }

.showcase-box-heading {
  margin: 0 0 4px 0 !important;
  word-break: break-all;
  overflow-wrap: break-word; }

.showcase-box-subheading {
  font-size: 14px;
  word-break: break-all;
  overflow-wrap: break-word; }

.showcase-box-text {
  margin-bottom: 0 !important;
  text-align: left;
  word-break: break-all;
  overflow-wrap: break-word; }

.showcase-box-thumbnail {
  max-width: 100%; }

.showcase-box-image {
  vertical-align: bottom; }

.showcase-box-btn-content {
  margin-top: 32px;
  text-align: center; }

.showcase-box-btn-content .block-btn:hover {
  border-radius: 28px; }

@media screen and (min-width: 768px) {
  .showcase-box-wrapper {
    -ms-flex-direction: row;
        flex-direction: row; }
  .showcase-box-image-position-right {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .showcase-box-image-position-left .showcase-box-btn-content {
    text-align: left; }
  .showcase-box-image-position-right .showcase-box-btn-content {
    text-align: right; }
  .showcase-box-thumbnail {
    max-width: 50%; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Speech Bubble
 *
 * CSS for both Frontend+Backend.
 */
.speech-bubble-left-aligned {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.speech-bubble-right-aligned {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-align: center;
      align-items: center; }

.speech-bubble-person {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }

.speech-bubble-left-aligned .speech-bubble-person {
  margin-right: 24px; }

.speech-bubble-right-aligned .speech-bubble-person {
  margin-left: 24px; }

.speech-bubble-avatar {
  position: relative;
  height: 72px;
  width: 72px;
  border: solid 2px #ccc;
  border-radius: 50%; }

.speech-avatar-image {
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100% !important;
  width: 100%;
  border-radius: 50%; }

.speech-bubble-name {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1;
  text-align: center; }

.speech-bubble-text {
  position: relative;
  border-radius: 6px;
  word-break: break-all;
  overflow-wrap: break-word;
  padding: 16px;
  max-width: 100%;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc; }

.speech-bubble-text::before {
  content: "";
  position: absolute;
  top: 40%;
  height: 0;
  width: 0;
  border-style: solid; }

.speech-bubble-text::after {
  content: "";
  position: absolute;
  top: 40%;
  height: 0;
  width: 0;
  border-style: solid; }

.speech-bubble-right-aligned .speech-bubble-text::before {
  right: -10px;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #ccc; }

.speech-bubble-right-aligned .speech-bubble-text::after {
  right: -8px;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #fff; }

.speech-bubble-left-aligned .speech-bubble-text::before {
  left: -10px;
  border-width: 8px 10px 8px 0;
  border-color: transparent #ccc transparent transparent; }

.speech-bubble-left-aligned .speech-bubble-text::after {
  left: -8px;
  border-width: 8px 10px 8px 0;
  border-color: transparent #fff transparent transparent; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Step
 *
 * CSS for both Frontend+Backend.
 */
.block-step-col {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px; }

.block-step-col p {
  line-height: 1.5 !important;
  margin-bottom: 0 !important; }

.block-step-heading {
  margin: 0 0 4px 0 !important;
  word-break: break-all;
  overflow-wrap: break-word; }

.block-step-text {
  font-size: 14px;
  word-break: break-all;
  overflow-wrap: break-word; }

.block-step-number-right {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 16px;
  padding: 8px 16px;
  min-width: 80px;
  max-width: 100%;
  min-height: 60px;
  background-color: #009dee;
  border: 1px solid #009dee;
  color: #fff; }

.block-step-number-right::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  border: 8px solid transparent;
  border-left-color: inherit; }

.block-step-number-down {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 16px;
  padding: 8px 16px;
  min-width: 80px;
  max-width: 100%;
  min-height: 60px;
  background-color: #009dee;
  border: 1px solid #009dee;
  color: #fff; }

.block-step-number-down::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top-color: inherit; }

.block-step-wrapper .block-step-col:last-child .block-step-number-down::before {
  display: none; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles Testimonial
 *
 * CSS for both Frontend+Backend.
 */
.block-testimonial-wrapper {
  padding: 16px;
  border: 1px solid #CCC;
  border-radius: 3px; }

.block-testimonial-header {
  position: relative;
  padding-bottom: 8px; }

.block-testimonial-header .fa {
  position: absolute;
  top: 6px;
  left: 0;
  margin: 0;
  font-size: 14px; }

.block-testimonial-heading {
  font-weight: bold; }

.block-testimonial-content {
  margin: 0 0 16px 0 !important;
  line-height: 1.5 !important; }

.block-testimonial-cite {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.block-testimonial-avatar {
  position: relative;
  height: 72px;
  width: 72px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: solid 2px #ccc;
  border-radius: 50%; }

.block-testimonial-avatar-image {
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 !important;
  height: 100% !important;
  width: 100%;
  border-radius: 40px; }

.block-testimonial-name {
  display: block;
  line-height: 16px;
  word-break: break-all;
  overflow-wrap: break-word; }

.block-testimonial-title {
  display: block;
  margin-top: 8px;
  font-size: 12px !important;
  line-height: 1.3 !important;
  word-break: break-all;
  overflow-wrap: break-word; }

.block-testimonial-left-aligned .block-testimonial-avatar {
  margin-right: 16px; }

.block-testimonial-right-aligned .block-testimonial-cite {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  text-align: right; }

.block-testimonial-right-aligned .block-testimonial-avatar {
  margin-left: 16px; }

.tblock-estimonial-right-aligned .block-testimonial-info {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }