/*
Theme Name: Clario 1.1.1
Theme URI: 
Author: Bret Hummel
Author URI: http://brethummel.com/
Description: Custom theme developed for Clario Inc.
Version: 1.1.1
*/

/* Don't use this file. Make edits to files in 'sass/stylesheets/' and everything will compile at runtime. *//* compiled by scssphp 1.3 on Fri, 20 May 2022 15:09:45 +0000 (0.4056s) */

@charset "UTF-8";
/* set the overriding variables */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

header {
  background-color: white;
  height: 90px;
  position: relative;
  z-index: 20; }
  header.fixed {
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    transition: background-color 0.2s; }
  header .hamburger {
    position: absolute;
    right: 0px;
    top: 28px;
    padding-right: 25px; }
  @media (max-width: 359.98px) {
    header .hamburger {
      top: 26px;
      padding-right: 20px; } }
  header .hamburger .hamburger-container {
    position: relative;
    cursor: pointer;
    height: 20px;
    width: 45px;
    margin: 0px 0px 0px auto;
    transition: margin-top 300ms ease-in; }
    header .hamburger .hamburger-container .line {
      position: absolute;
      width: 38px;
      height: 4px;
      background-color: #424143;
      margin-bottom: 7px;
      margin-left: 0px;
      left: 0px;
      transition: top 300ms ease-in, left 300ms ease-in, background-color 300ms, opacity 300ms, transform 300ms ease-in; }
      header .hamburger .hamburger-container .line.top {
        top: 0px; }
      header .hamburger .hamburger-container .line.middle {
        top: 12px; }
      header .hamburger .hamburger-container .line.bottom {
        top: 24px; }
header.menu-open .hamburger-container {
  margin-top: 13px; }
@media (max-width: 359.98px) {
  header.menu-open .hamburger-container {
    margin-top: 12px; } }
header.menu-open .hamburger-container .line.top {
  transform: rotate(-43deg);
  top: 0px;
  z-index: 10; }
header.menu-open .hamburger-container .line.middle {
  margin-left: 0px !important;
  z-index: 1;
  opacity: 0;
  top: 0px;
  left: 0px; }
header.menu-open .hamburger-container .line.bottom {
  transform: rotate(43deg);
  top: 0px;
  z-index: 10; }
header .logo {
  padding-top: 12px; }
  header .logo img {
    height: 66px;
    width: auto; }
header .main-menu {
  text-align: right;
  padding-top: 32px;
  padding-left: 0px; }
@media (min-width: 992px) {
  header .main-menu {
    display: block !important; } }
header .main-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }
@media (max-width: 991.98px) {
  header .main-menu ul {
    margin: 40px 0px 30px 0px; } }
header .main-menu ul li {
  display: inline-block;
  font-family: allotrope, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.05em;
  margin: 0px 9px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  header .main-menu ul li {
    margin: 0px 7px; } }
header .main-menu ul li:last-child {
  margin-right: 0px; }
  header .main-menu ul li.current a {
    color: #C1D731; }
header .main-menu ul li.demo-cta {
  margin-left: 10px; }
  header .main-menu ul li.demo-cta a {
    display: inline-block;
    transform: skew(-25deg);
    border: 1px solid #C1D731;
    padding: 4px 12px 3px 12px; }
    header .main-menu ul li.demo-cta a .button-text {
      display: inline-block;
      transform: skew(25deg); }
header .main-menu ul li a {
  color: #424143; }
  header .main-menu ul li a:hover {
    color: #C1D731;
    text-decoration: none; }
@media (max-width: 991.98px) {
  header .main-menu {
    display: none;
    background-color: #C1D731;
    position: absolute !important;
    top: 90px;
    right: 0px;
    width: 45% !important;
    padding: 0px 30px 0px 30px !important;
    max-width: 335px;
    text-align: right; }
    header .main-menu ul li {
      display: block;
      margin: 0px;
      line-height: 40px; }
      header .main-menu ul li.demo-cta {
        text-align: center;
        margin-top: 30px;
        margin-left: 0px;
        line-height: 24px; }
        header .main-menu ul li.demo-cta a {
          border: 1px solid #424143; }
          header .main-menu ul li.demo-cta a:hover {
            border-color: white; }
      header .main-menu ul li a {
        color: #424143; }
        header .main-menu ul li a:hover {
          color: white; }
      header .main-menu ul li.current a {
        color: white; } }
@media (max-width: 991.98px) and (max-width: 359.98px) {
  header .main-menu {
    padding-right: 20px !important; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  header .main-menu {
    width: 62% !important; } }
@media (min-width: 360px) and (max-width: 575.98px) {
  header .main-menu {
    width: 80vw !important; } }
@media (max-width: 359.98px) {
  header .main-menu {
    width: 90vw !important; } }

.logged-in header.fixed {
  top: 32px; }
@media only screen and (max-width: 600px) {
  .logged-in header.fixed {
    top: 0px; } }

html body {
  font-weight: normal;
  background-color: #333333;
  color: #424143; }
  html body .vert-center {
    align-items: flex-start !important; }
  html body .content {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    background-color: white;
    /* min-height: 500px; */ }
    html body.dev-env:before {
      color: black !important; }
  html body .block.light h1, html body .block .light h1 {
    color: black; }
    html body .block.light h1 a, html body .block .light h1 a {
      color: black; }
      html body .block.light h1 a:hover, html body .block .light h1 a:hover {
        color: #C1D731; }
  html body .block.light h2, html body .block .light h2 {
    color: black; }
    html body .block.light h2 a, html body .block .light h2 a {
      color: black; }
      html body .block.light h2 a:hover, html body .block .light h2 a:hover {
        color: #C1D731; }
  html body .block.light h3, html body .block .light h3 {
    color: black; }
    html body .block.light h3 a, html body .block .light h3 a {
      color: black; }
      html body .block.light h3 a:hover, html body .block .light h3 a:hover {
        color: #C1D731; }
  html body .block.light h4, html body .block .light h4 {
    color: black; }
  html body .block.light h5, html body .block .light h5 {
    color: black; }
  html body .block.light h6, html body .block .light h6 {
    color: black; }
  html body .block.light p, html body .block .light p {
    color: black; }
  html body .block.light a, html body .block .light a {
    color: black; }
    html body .block.light a:hover, html body .block .light a:hover {
      color: #C1D731; }
    html body .block.light a.button, html body .block .light a.button {
      color: white; }
      html body .block.light a.button.primary, html body .block .light a.button.primary {
        color: black;
        border: 1px solid black; }
        html body .block.light a.button.primary:hover, html body .block .light a.button.primary:hover {
          color: #C1D731;
          border: 1px solid #C1D731; }
      html body .block.light a.button.secondary, html body .block .light a.button.secondary {
        background-color: #C1D731;
        color: white; }
        html body .block.light a.button.secondary:hover, html body .block .light a.button.secondary:hover {
          color: white;
          background-color: #C1D731; }
      html body .block.light a.button.tertiary, html body .block .light a.button.tertiary {
        background-color: #34B0F6;
        color: white; }
        html body .block.light a.button.tertiary:hover, html body .block .light a.button.tertiary:hover {
          color: white;
          background-color: #C1D731; }
      html body .block.light a.button.accent, html body .block .light a.button.accent {
        background-color: #C1D731;
        color: white; }
        html body .block.light a.button.accent:hover, html body .block .light a.button.accent:hover {
          color: white;
          background-color: #C1D731; }
      html body .block.light a.button.outline, html body .block .light a.button.outline {
        border: 1px solid white; }
        html body .block.light a.button.outline:hover, html body .block .light a.button.outline:hover {
          color: white;
          border: 1px solid #C1D731;
          background-color: #C1D731; }
  html body .block.light form button[type=submit], html body .block .light form button[type=submit] {
    background-color: black !important;
    color: white !important; }
    html body .block.light form button[type=submit]:hover, html body .block .light form button[type=submit]:hover {
      background-color: #C1D731 !important;
      color: white !important; }
html body .block.dark h1, html body .block .dark h1 {
  color: white; }
  html body .block.dark h1 a, html body .block .dark h1 a {
    color: white; }
    html body .block.dark h1 a:hover, html body .block .dark h1 a:hover {
      color: #C1D731; }
html body .block.dark h2, html body .block .dark h2 {
  color: white; }
  html body .block.dark h2 a, html body .block .dark h2 a {
    color: white; }
    html body .block.dark h2 a:hover, html body .block .dark h2 a:hover {
      color: #C1D731; }
html body .block.dark h3, html body .block .dark h3 {
  color: white; }
  html body .block.dark h3 a, html body .block .dark h3 a {
    color: white; }
    html body .block.dark h3 a:hover, html body .block .dark h3 a:hover {
      color: #C1D731; }
html body .block.dark h4, html body .block .dark h4 {
  color: white; }
html body .block.dark h5, html body .block .dark h5 {
  color: white; }
html body .block.dark h6, html body .block .dark h6 {
  color: white; }
html body .block.dark p, html body .block .dark p {
  color: white; }
html body .block.dark a, html body .block .dark a {
  color: white; }
  html body .block.dark a:hover, html body .block .dark a:hover {
    color: #C1D731; }
  html body .block.dark a.button, html body .block .dark a.button {
    color: #C1D731; }
    html body .block.dark a.button.primary, html body .block .dark a.button.primary {
      color: white;
      border: 1px solid white; }
      html body .block.dark a.button.primary:hover, html body .block .dark a.button.primary:hover {
        color: #C1D731;
        border: 1px solid #C1D731; }
    html body .block.dark a.button.secondary, html body .block .dark a.button.secondary {
      background-color: #C1D731;
      color: white; }
      html body .block.dark a.button.secondary:hover, html body .block .dark a.button.secondary:hover {
        color: white;
        background-color: black; }
    html body .block.dark a.button.tertiary, html body .block .dark a.button.tertiary {
      background-color: white;
      color: #34B0F6; }
      html body .block.dark a.button.tertiary:hover, html body .block .dark a.button.tertiary:hover {
        color: #C1D731;
        background-color: white; }
    html body .block.dark a.button.accent, html body .block .dark a.button.accent {
      background-color: #C1D731;
      color: white; }
      html body .block.dark a.button.accent:hover, html body .block .dark a.button.accent:hover {
        color: white;
        background-color: #C1D731; }
    html body .block.dark a.button.outline, html body .block .dark a.button.outline {
      border: 1px solid white; }
      html body .block.dark a.button.outline:hover, html body .block .dark a.button.outline:hover {
        color: white;
        border: 1px solid #C1D731;
        background-color: #C1D731; }
html body .block.dark form button[type=submit], html body .block .dark form button[type=submit] {
  background-color: #C1D731 !important;
  color: white !important; }
  html body .block.dark form button[type=submit]:hover, html body .block .dark form button[type=submit]:hover {
    color: white !important;
    background-color: black !important; }
html body .block.bkgnd-grad-green, html body .block .bkgnd-grad-green {
  background: -moz-linear-gradient(0% 50% 0deg, #7ac943 0%, #c1d731 84.42%);
  background: -webkit-linear-gradient(0deg, #7ac943 0%, #c1d731 84.42%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #7ac943), color-stop(0.8442, #c1d731));
  background: -o-linear-gradient(0deg, #7ac943 0%, #c1d731 84.42%);
  background: -ms-linear-gradient(0deg, #7ac943 0%, #c1d731 84.42%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7AC943', endColorstr='#C1D731' ,GradientType=0)";
  background: linear-gradient(90deg, #7ac943 0%, #c1d731 84.42%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7AC943',endColorstr='#C1D731' , GradientType=1); }
html body .block.bkgnd-grad-blue, html body .block .bkgnd-grad-blue {
  background: -moz-linear-gradient(0% 50% 0deg, #006abc 0%, #34b0f6 84.39%);
  background: -webkit-linear-gradient(0deg, #006abc 0%, #34b0f6 84.39%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #006abc), color-stop(0.8439, #34b0f6));
  background: -o-linear-gradient(0deg, #006abc 0%, #34b0f6 84.39%);
  background: -ms-linear-gradient(0deg, #006abc 0%, #34b0f6 84.39%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#006ABC', endColorstr='#34B0F6' ,GradientType=0)";
  background: linear-gradient(90deg, #006abc 0%, #34b0f6 84.39%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006ABC',endColorstr='#34B0F6' , GradientType=1); }
html body .block.bkgnd-grad-fuscia, html body .block .bkgnd-grad-fuscia {
  background: -moz-linear-gradient(0% 50% 0deg, #93278f 0%, #ed1e79 84.42%);
  background: -webkit-linear-gradient(0deg, #93278f 0%, #ed1e79 84.42%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #93278f), color-stop(0.8442, #ed1e79));
  background: -o-linear-gradient(0deg, #93278f 0%, #ed1e79 84.42%);
  background: -ms-linear-gradient(0deg, #93278f 0%, #ed1e79 84.42%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#93278F', endColorstr='#ED1E79' ,GradientType=0)";
  background: linear-gradient(90deg, #93278f 0%, #ed1e79 84.42%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93278F',endColorstr='#ED1E79' , GradientType=1); }
html body .block.bkgnd-grad-purple, html body .block .bkgnd-grad-purple {
  background: -moz-linear-gradient(-0.32% 34.37% 0deg, #662d91 0%, #93278f 84.39%);
  background: -webkit-linear-gradient(0deg, #662d91 0%, #93278f 84.39%);
  background: -webkit-gradient(linear, -0.32% 34.37%, 99.68% 34.37%, color-stop(0, #662d91), color-stop(0.8439, #93278f));
  background: -o-linear-gradient(0deg, #662d91 0%, #93278f 84.39%);
  background: -ms-linear-gradient(0deg, #662d91 0%, #93278f 84.39%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#662D91', endColorstr='#93278F' ,GradientType=0)";
  background: linear-gradient(90deg, #662d91 0%, #93278f 84.39%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#662D91',endColorstr='#93278F' , GradientType=1); }
html body h1 {
  font-family: allotrope, sans-serif;
  font-size: 48px;
  line-height: 1.1; }
@media (max-width: 767.98px) {
  html body h1 {
    font-size: 36px; } }
html body h1 sup {
  top: -1.1em;
  font-size: 40%; }
html body h2 {
  font-family: allotrope, sans-serif;
  font-size: 30px;
  line-height: 1.1; }
@media (max-width: 767.98px) {
  html body h2 {
    font-size: 32px; } }
html body h2 sup {
  top: -1.1em;
  font-size: 40%; }
html body h3 {
  font-family: allotrope, sans-serif;
  font-size: 26px;
  line-height: 1.1; }
@media (max-width: 767.98px) {
  html body h3 {
    font-size: 24px; } }
html body h3 sup {
  top: -1.1em;
  font-size: 40%; }
html body h3 a {
  color: black; }
  html body h3 a:hover {
    color: #C1D731;
    text-decoration: none; }
html body h4 {
  font-family: allotrope, sans-serif;
  font-size: 22px; }
@media (max-width: 767.98px) {
  html body h4 {
    font-size: 20px; } }
html body h4 sup {
  top: -1.1em;
  font-size: 40%; }
html body h5 {
  font-family: allotrope, sans-serif;
  font-size: 18px; }
@media (max-width: 767.98px) {
  html body h5 {
    font-size: 18px; } }
html body h5 sup {
  top: -1.1em;
  font-size: 40%; }
html body h6 {
  font-family: allotrope, sans-serif;
  font-size: 18px; }
@media (max-width: 767.98px) {
  html body h6 {
    font-size: 18px; } }
html body h6 sup {
  top: -1.1em;
  font-size: 40%; }
html body p {
  font-size: 16px;
  font-weight: 300; }
  html body p:last-child {
    margin-bottom: 6px; }
  html body p.intro, html body p .intro {
    font-size: 20px; }
  html body p + ul {
    margin-top: 8px; }
html body ul {
  margin-bottom: 30px; }
  html body ul li {
    page-break-inside: avoid;
    break-inside: avoid-column; }
html body h1 + p, html body h2 + p, html body h3 + p, html body h4 + p, html body h5 + p, html body h6 + p {
  margin-top: 18px; }
html body p + h1, html body p + h2, html body p + h3, html body p + h4, html body p + h5, html body p + h6 {
  margin-top: 36px; }
  html body a:hover {
    text-decoration: underline; }
  html body a.button {
    display: inline-block;
    text-decoration: none;
    margin: 12px 8px 0px 0px;
    color: white;
    text-transform: uppercase;
    transform: skew(-25deg);
    font-style: italic; }
    html body a.button .button-text {
      display: inline-block;
      transform: skew(25deg); }
    html body a.button:hover {
      text-decoration: none; }
    html body a.button.small {
      font-size: 14px;
      padding: 5px 14px;
      border-radius: 20px; }
    html body a.button.medium {
      font-size: 15px;
      padding: 3px 18px; }
    html body a.button.primary {
      color: black;
      border: 1px solid black; }
      html body a.button.primary:hover {
        color: #C1D731;
        border: 1px solid #C1D731; }
    html body a.button.secondary {
      background-color: #C1D731;
      color: white; }
      html body a.button.secondary:hover {
        color: white;
        background-color: #C1D731; }
    html body a.button.tertiary {
      background-color: #34B0F6;
      color: white; }
      html body a.button.tertiary:hover {
        color: white;
        background-color: #C1D731; }
    html body a.button.accent {
      background-color: #C1D731;
      color: white; }
      html body a.button.accent:hover {
        color: white;
        background-color: #C1D731; }
    html body a.button.outline {
      border: 1px solid white; }
      html body a.button.outline:hover {
        color: white;
        border: 1px solid #C1D731;
        background-color: #C1D731; }
html body form {
  font-family: allotrope, sans-serif !important;
  font-weight: normal !important;
  color: black !important; }
  html body form button[type=submit] {
    display: inline-block !important;
    text-decoration: none !important;
    margin: 12px 4px 0px 4px !important;
    font-size: 16px !important;
    padding: 8px 20px !important;
    border-radius: 20px !important; }
    html body form button[type=submit]:hover {
      text-decoration: none !important; }
html .pop-overlay {
  background-color: rgba(0, 0, 0, 0.92); }
  html .pop-overlay .pop-modal {
    background-color: white;
    padding: 60px 50px;
    min-height: 65vh;
    max-height: 90vh;
    margin-top: 6vh;
    margin-bottom: 6vh;
    width: 80vw;
    max-width: 1140px; }
    html .pop-overlay .pop-modal .pop-close {
      top: 20px;
      right: 20px; }
      html .pop-overlay .pop-modal .pop-close img {
        height: 32px;
        width: 32px; }

footer .footer-container .container-xl {
  padding: 0px; }
footer .footer-container .content {
  background-color: #424143;
  color: white;
  padding-top: 52px;
  padding-bottom: 48.75px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); }
  footer .footer-container .content ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px; }
    footer .footer-container .content .address .branding {
      margin-bottom: 25px; }
      footer .footer-container .content .address .branding img {
        height: 66px;
        width: auto; }
    @media (max-width: 767.98px) {
      footer .footer-container .content .address .address-container {
        display: inline-block;
        vertical-align: top;
        width: 50%; } }
    footer .footer-container .content .address .address-container p {
      margin-bottom: 0px;
      line-height: 1.3;
      font-size: 14px; }
      footer .footer-container .content .address .address-container p.phone a {
        font-weight: 600; }
      footer .footer-container .content .address .address-container p.phone, footer .footer-container .content .address .address-container p.email {
        margin-top: 10px; }
        footer .footer-container .content .address .address-container p.phone a, footer .footer-container .content .address .address-container p.email a {
          color: white; }
          footer .footer-container .content .address .address-container p.phone a:hover, footer .footer-container .content .address .address-container p.email a:hover {
            text-decoration: underline; }
      footer .footer-container .content .address .address-container p.email {
        margin-top: 0px; }
  footer .footer-container .content .social {
    position: absolute;
    bottom: 0px; }
  @media (max-width: 767.98px) {
    footer .footer-container .content .social {
      position: relative; } }
  footer .footer-container .content .social ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px; }
    footer .footer-container .content .social ul li {
      display: inline-block;
      margin-right: 8px; }
      footer .footer-container .content .social ul li a svg {
        fill: white; }
        footer .footer-container .content .social ul li a:hover svg {
          fill: #C1D731; }
  footer .footer-container .content .navigation, footer .footer-container .content .company-nav {
    font-size: 0px;
    text-align: right; }
  @media (max-width: 767.98px) {
    footer .footer-container .content .navigation, footer .footer-container .content .company-nav {
      text-align: left; } }
  footer .footer-container .content .navigation h2, footer .footer-container .content .company-nav h2 {
    font-family: allotrope, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #C1D731;
    margin-top: 6px;
    margin-bottom: 14px;
    text-align: left; }
  @media (max-width: 991.98px) {
    footer .footer-container .content .navigation h2, footer .footer-container .content .company-nav h2 {
      font-size: 15px; } }
  footer .footer-container .content .navigation ul, footer .footer-container .content .company-nav ul {
    list-style: none;
    margin: 0px;
    text-align: left; }
    footer .footer-container .content .navigation ul li, footer .footer-container .content .company-nav ul li {
      display: block;
      font-size: 15px;
      font-weight: 400;
      text-transform: none;
      padding: 0px;
      line-height: 1.3;
      margin: 0px 0px 9px 0px; }
    @media (max-width: 991.98px) {
      footer .footer-container .content .navigation ul li, footer .footer-container .content .company-nav ul li {
        font-size: 14px; } }
    footer .footer-container .content .navigation ul li a, footer .footer-container .content .company-nav ul li a {
      color: white;
      padding: 0px; }
      footer .footer-container .content .navigation ul li a:hover, footer .footer-container .content .company-nav ul li a:hover {
        text-decoration: underline; }
    footer .footer-container .content .navigation ul li.phone a, footer .footer-container .content .company-nav ul li.phone a {
      font-weight: 600;
      color: white; }
      footer .footer-container .content .navigation ul li.phone a:hover, footer .footer-container .content .company-nav ul li.phone a:hover {
        text-decoration: underline; }
  footer .footer-container .content .navigation .nav-container, footer .footer-container .content .company-nav .nav-container {
    width: 100%;
    text-align: right; }
    footer .footer-container .content .navigation .nav-container ul, footer .footer-container .content .company-nav .nav-container ul {
      text-align: left;
      list-style: none;
      margin: 0px;
      padding: 0px; }
      footer .footer-container .content .navigation .nav-container ul li, footer .footer-container .content .company-nav .nav-container ul li {
        display: block;
        font-family: allotrope, sans-serif;
        font-size: 15px; }
        footer .footer-container .content .navigation .nav-container ul li.title, footer .footer-container .content .company-nav .nav-container ul li.title {
          color: #C1D731;
          text-transform: uppercase; }
          footer .footer-container .content .navigation .nav-container ul li.current a, footer .footer-container .content .company-nav .nav-container ul li.current a {
            color: #C1D731; }
        footer .footer-container .content .navigation .nav-container ul li a, footer .footer-container .content .company-nav .nav-container ul li a {
          color: white; }
          footer .footer-container .content .navigation .nav-container ul li a:hover, footer .footer-container .content .company-nav .nav-container ul li a:hover {
            color: #C1D731;
            text-decoration: none; }
  footer .footer-container .content .copyright {
    margin-top: 20px; }
  @media (max-width: 767.98px) {
    footer .footer-container .content .copyright .copyright-container {
      margin-top: 15px; } }
  footer .footer-container .content .copyright p {
    color: white;
    font-size: 12px;
    margin-bottom: 8px; }
    footer .footer-container .content .copyright p:last-of-type {
      margin-bottom: 0px; }
    footer .footer-container .content .copyright p a {
      color: #4a85af;
      text-decoration: underline; }
      footer .footer-container .content .copyright p a:hover {
        color: white; }

html body {
  font-family: allotrope, sans-serif;
  position: relative; }
  html body.no-scroll {
    overflow: hidden; }
  html body .vert-center {
    display: -webkit-flex;
    /* Safari */
    -webkit-justify-content: center;
    /* Safari */
    display: flex;
    justify-content: center;
    align-items: center; }
  html body .content {
    padding: 0px; }
  html body .container {
    padding: 0px 30px;
    position: relative; }
  @media (min-width: 1200px) {
    html body .container {
      padding: 0px 60px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  html body .container {
    padding: 0px 30px; } }
@media (min-width: 360px) and (max-width: 575.98px) {
  html body .container {
    padding: 0px 25px; } }
@media (max-width: 359.98px) {
  html body .container {
    padding: 0px 20px; } }
html body .blocks-wrapper .block {
  background-color: unset !important; }
  html body .blocks-wrapper .block.padded {
    padding-top: 39px;
    padding-bottom: 39px; }
  html body .blocks-wrapper .block .container {
    padding-left: 15px;
    padding-right: 15px; }
html body .block.padded {
  padding-top: 65px;
  padding-bottom: 65px; }
@media (max-width: 575.98px) {
  html body .block.padded {
    padding-top: 12vw;
    padding-bottom: 12vw; } }
html body .block.padded.above {
  padding-top: 0px !important;
  margin-top: -32.5px; }
@media (max-width: 575.98px) {
  html body .block.padded.above {
    margin-top: -6vw; } }
html body .block.padded.below {
  padding-bottom: 0px !important;
  margin-bottom: -32.5px; }
@media (max-width: 575.98px) {
  html body .block.padded.below {
    margin-bottom: -6vw; } }
@media (max-width: 991.98px) {
  html body .block.full .container, html body .block.controlled .container {
    max-width: 100%;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px auto; } }
html body .block.left {
  text-align: left; }
html body .block.center {
  text-align: center; }
  html body .block.center ul {
    text-align: center;
    list-style-position: inside;
    padding: 0px; }
html body .block.right {
  text-align: right; }
  html body .block.right ul {
    text-align: right;
    list-style-position: inside; }
html body .block.bkgnd-white, html body .block .bkgnd-white {
  background-color: white; }
html body .block.bkgnd-black, html body .block .bkgnd-black {
  background-color: black; }
html body .block.bkgnd-light, html body .block .bkgnd-light {
  background-color: #f5f5f5; }
html body .block.bkgnd-light2, html body .block .bkgnd-light2 {
  background-color: #f5f5f5; }
html body .block.bkgnd-primary, html body .block .bkgnd-primary {
  background-color: black; }
html body .block.bkgnd-secondary, html body .block .bkgnd-secondary {
  background-color: #C1D731; }
@media only screen and (max-width: 600px) {
  html body #wpadminbar {
    top: -46px; } }
html body.dev-env:before {
  content: "00";
  color: white;
  position: absolute;
  top: 2px;
  left: 5px;
  z-index: 99;
  line-height: 1;
  font-size: 12px;
  content: "xxs"; }
@media (min-width: 360px) {
  html body.dev-env:before {
    content: "xs"; } }
@media (min-width: 576px) {
  html body.dev-env:before {
    content: "sm"; } }
@media (min-width: 768px) {
  html body.dev-env:before {
    content: "md"; } }
@media (min-width: 992px) {
  html body.dev-env:before {
    content: "lg"; } }
@media (min-width: 1200px) {
  html body.dev-env:before {
    content: "xl"; } }
html .pop-overlay {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 50;
  display: none; }
  html .pop-overlay .pop-modal {
    position: relative;
    display: block; }
    html .pop-overlay .pop-modal .pop-close {
      position: absolute;
      cursor: pointer; }
html .nivo-lightbox-theme-default.nivo-lightbox-overlay {
  background-color: rgba(0, 0, 0, 0.92) !important; }
  html .nivo-lightbox-theme-default.nivo-lightbox-overlay .nivo-lightbox-wrap {
    left: 10vw !important;
    right: 10vw !important;
    height: calc(80vw * .5625) !important;
    top: calc((100% - (80vw * .5625))/2) !important;
    bottom: unset !important; }

.block-accordion {
  padding-bottom: 81.25px !important; }
@media (max-width: 991.98px) {
  .block-accordion .hidden-mobile {
    display: none !important; } }
@media (min-width: 992px) {
  .block-accordion .hidden-desktop {
    display: none !important; } }
.block-accordion.cols-2 .accordion-container.open .category {
  opacity: 0.25; }
.block-accordion .category {
  transition: opacity 0.5s ease; }
  .block-accordion .category.open {
    opacity: 1 !important; }
    .block-accordion .category.open .tab h4:after {
      content: ""; }
  .block-accordion .category .tab {
    border-bottom: 1px solid #C1D731;
    padding: 20px 0px;
    cursor: pointer;
    height: 100%;
    display: -webkit-flex;
    /* Safari */
    display: flex;
    align-items: center; }
    .block-accordion .category .tab h4 {
      position: relative;
      line-height: 1;
      margin: 0px;
      padding-right: 50px;
      width: 100%; }
      .block-accordion .category .tab h4:hover {
        color: #C1D731; }
      .block-accordion .category .tab h4:after {
        position: absolute;
        font-family: typicons !important;
        content: "";
        top: 0px;
        right: 20px;
        margin-left: 6px; }
.block-accordion .category-detail {
  display: none; }
  .block-accordion .category-detail.init.open {
    display: block; }
  .block-accordion .category-detail .subcategories-container {
    border-top: 1px solid #C1D731;
    margin-top: -1px;
    margin-bottom: 20px; }
    .block-accordion .category-detail .subcategories-container .subcategory {
      border-top: 1px solid #C1D731;
      margin: -1px 15px 0px 15px; }
      .block-accordion .category-detail .subcategories-container .subcategory.open .tab h4:before {
        content: ""; }
      .block-accordion .category-detail .subcategories-container .subcategory .tab {
        border-bottom: 1px solid #C1D731;
        padding: 20px 0px;
        cursor: pointer;
        height: 100%;
        display: -webkit-flex;
        /* Safari */
        display: flex;
        align-items: center; }
        .block-accordion .category-detail .subcategories-container .subcategory .tab h4 {
          position: relative;
          line-height: 1;
          margin: 0px;
          padding-left: 40px;
          width: 100%;
          text-transform: capitalize;
          font-size: 108%;
          color: #C1D731; }
          .block-accordion .category-detail .subcategories-container .subcategory .tab h4:hover {
            color: black; }
          .block-accordion .category-detail .subcategories-container .subcategory .tab h4:before {
            position: absolute;
            font-family: typicons !important;
            content: "";
            top: 0px;
            left: 15px;
            margin-right: 6px; }
      .block-accordion .category-detail .subcategories-container .subcategory .subcategory-detail {
        display: none; }
  .block-accordion .category-detail .blocks-wrapper {
    border-top: 1px solid #C1D731;
    border-bottom: 1px solid #C1D731;
    margin-top: -1px; }

.block-bio.light .bio-col .person-container p.title {
  color: black; }
.block-bio.dark .bio-col .person-container p.title {
  color: white; }
.block-bio .back-link {
  margin-bottom: 25px; }
  .block-bio .back-link a {
    text-decoration: underline; }
.block-bio .bio-col {
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center; }
@media (min-width: 768px) {
  .block-bio .bio-col {
    padding-left: 40px; } }
.block-bio .bio-col .person-container {
  margin-bottom: 15px; }
  .block-bio .bio-col .person-container h3 {
    display: inline-block; }
  .block-bio .bio-col .person-container p.title {
    display: inline-block;
    margin-left: 9px;
    font-size: 22px;
    font-style: italic; }
.block-bio .bio-col p.read-more {
  display: block !important;
  margin-top: 8px; }
  .block-bio .bio-col p.read-more a {
    font-size: 14px; }
    .block-bio .bio-col p.read-more a:after {
      display: inline-block;
      position: relative;
      font-family: typicons !important;
      content: "";
      top: 1px;
      margin-left: 6px; }
      .block-bio .bio-col p.read-more a.open:after {
        content: ""; }
.block-bio .bio-col .bio-container.read-more {
  max-height: 280px;
  position: relative;
  overflow: hidden;
  transition: max-height 2s ease-out, height 0.3s ease-out; }
  .block-bio .bio-col .bio-container.read-more:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0px;
    left: 0px;
    background-repeat: repeat-x;
    transition: opacity 0.3s;
    opacity: 1; }
  .block-bio .bio-col .bio-container.read-more.open {
    max-height: 2000px; }
    .block-bio .bio-col .bio-container.read-more.open:after {
      opacity: 0; }
  .block-bio .bio-col .bio-container.read-more.bkgnd-light:after {
    background-image: url(images/mask_bottom_light.png); }
.block-bio .bio-col .bio-container.read-more.bkgnd-white:after {
  background-image: url(images/mask_bottom_white.png); }
.block-bio .bio-col .bio-container.read-more.bkgnd-primary:after {
  background-image: url(images/mask_bottom_primary.png); }
.block-bio .bio-col .bio-container.read-more.bkgnd-secondary:after {
  background-image: url(images/mask_bottom_secondary.png); }
.block-bio .bio-col .bio-container > .read-more {
  display: none;
  margin-bottom: 20px; }

.blocks-wrapper {
  /* The role of .blocks-wrapper is to apply special rules when a block is inside another block */ }

.block-buttons .buttons .button {
  margin-top: 0px; }

.block-contactform .form-col .frm_forms form {
  padding-top: 15px; }
  .block-contactform .form-col .frm_forms form label.frm_primary_label {
    display: none !important; }
  .block-contactform .form-col .frm_forms form input, .block-contactform .form-col .frm_forms form select, .block-contactform .form-col .frm_forms form textarea {
    font-family: allotrope, sans-serif !important;
    font-weight: normal !important;
    border-radius: 0px !important;
    border: none;
    box-shadow: 0px 0px 0px 0px !important; }
    .block-contactform .form-col .frm_forms form .frm_blank_field input, .block-contactform .form-col .frm_forms form .frm_blank_field select, .block-contactform .form-col .frm_forms form .frm_blank_field textarea {
      border: 0 !important;
      border-bottom: 2px solid #B94A48 !important; }
      .block-contactform .form-col .frm_forms form .frm_blank_field input:focus, .block-contactform .form-col .frm_forms form .frm_blank_field select:focus, .block-contactform .form-col .frm_forms form .frm_blank_field textarea:focus {
        border: 0 !important;
        border-bottom: 2px solid #B94A48 !important; }
  .block-contactform .form-col .frm_forms form .frm_error {
    margin-top: 6px;
    font-style: italic; }
    .block-contactform .form-col .frm_forms form .frm_submit button {
      font-family: allotrope, sans-serif;
      line-height: 24px;
      border: none !important; }
      .block-contactform .form-col .frm_forms form .frm_submit button:hover {
        border: none !important; }
.block-contactform .info-col {
  padding-top: 15px; }
@media (max-width: 767.98px) {
  .block-contactform .info-col {
    padding-top: 40px; } }
.block-contactform .info-col .info {
  padding-left: 30px;
  border-left: 1px solid black;
  height: 100%; }
@media (max-width: 767.98px) {
  .block-contactform .info-col .info {
    border: none;
    padding-left: 0px; } }
.block-contactform .info-col .info h4 {
  padding-right: 40%;
  margin-bottom: 15px; }
@media (max-width: 767.98px) {
  .block-contactform .info-col .info h4 {
    padding-right: 0px; } }
.block-contactform .info-col .info p {
  position: relative;
  margin-bottom: 25px; }
  .block-contactform .info-col .info p.icon {
    padding-left: 35px;
    margin-bottom: 16px; }
  .block-contactform .info-col .info p:before {
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    background-size: cover;
    background-repeat: no-repeat;
    top: 1px;
    left: 0px; }
    .block-contactform .info-col .info p.phone:before {
      background-image: url(images/icon_phone.png); }
  .block-contactform .info-col .info p.email:before {
    background-image: url(images/icon_email.png); }
.block-contactform .info-col .info p.address:before {
  background-image: url(images/icon_address.png); }
.block-contactform.bkgnd-white .form-col .frm_forms form input, .block-contactform.bkgnd-white .form-col .frm_forms form select, .block-contactform.bkgnd-white .form-col .frm_forms form textarea {
  background-color: #f1f2f2; }
  .block-contactform.bkgnd-white .form-col .frm_forms form input:focus, .block-contactform.bkgnd-white .form-col .frm_forms form select:focus, .block-contactform.bkgnd-white .form-col .frm_forms form textarea:focus {
    background-color: #f1f2f2 !important; }
.block-contactform.bkgnd-light .form-col .frm_forms form input, .block-contactform.bkgnd-light .form-col .frm_forms form select, .block-contactform.bkgnd-light .form-col .frm_forms form textarea {
  background-color: white; }
  .block-contactform.bkgnd-light .form-col .frm_forms form input:focus, .block-contactform.bkgnd-light .form-col .frm_forms form select:focus, .block-contactform.bkgnd-light .form-col .frm_forms form textarea:focus {
    background-color: white !important; }

.block-fullimage.image.full-width {
  max-height: 800px;
  overflow: hidden; }
  .block-fullimage.image.full-width img {
    max-height: 800px;
    width: 100% !important;
    object-fit: cover;
    object-position: center center; }
@media (max-width: 767.98px) {
  .block-fullimage.image img {
    height: 480px !important;
    object-fit: cover;
    object-position: center center; } }
@media (max-width: 575.98px) {
  .block-fullimage.image img {
    height: 86.7vw !important;
    object-fit: cover;
    object-position: center center; } }
.block-fullimage.text {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
@media (max-width: 575.98px) {
  .block-fullimage.text {
    padding-top: 12vw;
    padding-bottom: 12vw; }
    .block-fullimage.text .text-container {
      width: 100%; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-fullimage.text {
    padding-top: 65px;
    padding-bottom: 65px; }
    .block-fullimage.text .text-container {
      width: 100%; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-fullimage.text {
    padding-top: 97.5px;
    padding-bottom: 97.5px; }
    .block-fullimage.text .text-container {
      width: 100%; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-fullimage.text {
    padding-top: 130px;
    padding-bottom: 130px; }
    .block-fullimage.text .text-container {
      width: 85%; } }
@media (min-width: 1200px) {
  .block-fullimage.text {
    padding-top: 130px;
    padding-bottom: 130px; }
    .block-fullimage.text .text-container {
      width: 75%; } }
.block-fullimage.text .text-container {
  padding: 65px;
  margin: 0px auto; }
@media (max-width: 575.98px) {
  .block-fullimage.text .text-container {
    padding: 12vw; } }
.block-fullimage.text .text-container.bkgnd-white {
  background-color: white; }
.block-fullimage.text .text-container.bkgnd-light {
  background-color: #f5f5f5; }
.block-fullimage.text .text-container.bkgnd-light2 {
  background-color: #f5f5f5; }
.block-fullimage.text .text-container.bkgnd-primary {
  background-color: black; }
.block-fullimage.text .text-container.bkgnd-secondary {
  background-color: #C1D731; }
.block-fullimage.video .video-container.oembed {
  position: relative;
  width: 100%;
  overflow: hidden; }
@media (max-width: 575.98px) {
  .block-fullimage.video .video-container.oembed {
    height: calc((100vw - 60px) * .5625); } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-fullimage.video .video-container.oembed {
    height: 270px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-fullimage.video .video-container.oembed {
    height: 371.25px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-fullimage.video .video-container.oembed {
    height: 506.25px; } }
@media (min-width: 1200px) {
  .block-fullimage.video .video-container.oembed {
    height: 573.75px; } }
.block-fullimage.video .video-container.oembed iframe {
  height: 100%;
  width: 100%; }
.block-fullimage.video .video-container.lightbox {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .block-fullimage.video .video-container.lightbox .play-button {
    position: absolute;
    width: 20%; }

.block-hero {
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 10;
  height: 520px;
  overflow: hidden; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-hero {
    height: 480px; } }
@media (max-width: 767.98px) {
  .block-hero {
    max-height: 450px;
    height: 85vw; } }
.block-hero.left .title-container .row {
  justify-content: flex-start !important; }
.block-hero.center .title-container .row {
  justify-content: center !important; }
.block-hero.right .title-container .row {
  justify-content: flex-end !important; }
.block-hero.image.top {
  background-position: top center; }
.block-hero.image.middle {
  background-position: center center; }
.block-hero.image.bottom {
  background-position: bottom center; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-hero.marquee.video {
    height: 55vw;
    max-height: 480px; } }
@media (max-width: 767.98px) {
  .block-hero.marquee.video {
    max-height: 440px; } }
.block-hero.marquee.video .video-container {
  overflow: hidden;
  position: relative; }
  .block-hero.marquee.video .video-container video {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    top: 0px; }
  @media (max-width: 767.98px) {
    .block-hero.marquee.video .video-container video {
      top: 0px;
      height: 100%;
      width: auto;
      max-height: 600px;
      min-height: 100%;
      min-width: 100%; } }
.block-hero.marquee.video .title-container {
  position: absolute;
  top: 0px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-hero.marquee.video .title-container {
    left: calc((100vw - $bp-lg) / 2); } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-hero.marquee.video .title-container {
    left: calc((100vw - $bp-md) / 2); } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-hero.marquee.video .title-container {
    left: calc((100vw - $bp-sm) / 2); } }
.block-hero.marquee .title {
  justify-content: center; }
  .block-hero.marquee .title .text-container {
    margin-top: 25%; }
.block-hero.page {
  min-height: 300px;
  height: auto;
  padding-top: 110px;
  background-size: 43%;
  background-repeat: no-repeat;
  background-color: black; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-hero.page {
    padding-top: 86px;
    min-height: 280px; } }
@media (max-width: 767.98px) {
  .block-hero.page {
    height: auto;
    padding-top: 12vw;
    background-size: 53%; } }
@media (max-width: 575.98px) {
  .block-hero.page {
    padding-top: 18vw;
    background-size: 73%; } }
.block-hero.page.top {
  background-position: top right; }
.block-hero.page.middle {
  background-position: center right; }
@media (max-width: 575.98px) {
  .block-hero.page.middle {
    background-position: 160% 0px !important; } }
.block-hero.page.bottom {
  background-position: bottom right; }
.block-hero.page .title {
  justify-content: flex-end; }
@media (min-width: 992px) {
  .block-hero.page .title {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-hero.page .title {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
    .block-hero.page .title .text-container h1 {
      font-size: 44px; } }
@media (max-width: 767.98px) {
  .block-hero.page .title {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
    .block-hero.page .title .text-container h1 {
      font-size: 32px; } }
@media (max-width: 575.98px) {
  .block-hero.page .title .text-container h1 {
    font-size: 6vw; } }
.block-hero.page .title .text-container {
  margin-bottom: 45px; }
  .block-hero.page .title .text-container h1 {
    font-style: italic; }
@media (max-width: 575.98px) {
  .block-hero.page.plans-ready.top {
    background-position: 175% 20px !important; } }
@media (max-width: 575.98px) {
  .block-hero.page.about-do-this.middle {
    background-position: 110% -28px !important; } }
.block-hero.carousel .slides .slide {
  background-size: cover;
  background-position: center center;
  position: relative;
  height: 520px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-hero.carousel .slides .slide {
    height: 480px; } }
@media (max-width: 767.98px) {
  .block-hero.carousel .slides .slide {
    max-height: 450px;
    height: 85vw; } }
.block-hero.carousel .slides .slide.left {
  text-align: left; }
  .block-hero.carousel .slides .slide.left .title-container .row {
    justify-content: flex-start !important; }
.block-hero.carousel .slides .slide.center {
  text-align: center; }
  .block-hero.carousel .slides .slide.center .title-container .row {
    justify-content: center !important; }
.block-hero.carousel .slides .slide.right {
  text-align: right; }
  .block-hero.carousel .slides .slide.right .title-container .row {
    justify-content: flex-end !important; }
.block-hero.carousel .slides .slide .title {
  justify-content: center; }
  .block-hero.carousel .slides .slide .title .text-container {
    margin-top: 25%; }
.block-hero.carousel .dots {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  z-index: 5; }
  .block-hero.carousel .dots ul.slick-dots {
    text-align: center;
    margin: 0px auto;
    padding: 0px 0px 10px 0px;
    list-style: none;
    position: relative; }
    .block-hero.carousel .dots ul.slick-dots li {
      margin: 0px 6px;
      padding: 0px;
      display: inline-block;
      height: 8px;
      width: 8px;
      border-radius: 8px;
      cursor: pointer;
      background-color: white;
      opacity: 0.35; }
      .block-hero.carousel .dots ul.slick-dots li.slick-active {
        opacity: 1; }
      .block-hero.carousel .dots ul.slick-dots li button {
        display: none !important; }
      .block-hero.carousel .dots ul.slick-dots li:before {
        display: none; }
.block-hero.customer {
  height: auto !important;
  max-height: unset !important; }
  .block-hero.customer.home-hero .title-container .title h2 {
    font-weight: 600;
    font-size: 94px; }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .block-hero.customer.home-hero .title-container .title h2 {
      font-size: 82px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-hero.customer.home-hero .title-container .title h2 {
    font-size: 60px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-hero.customer.home-hero .title-container .title h2 {
    font-size: 84px; } }
@media (max-width: 575.98px) {
  .block-hero.customer.home-hero .title-container .title h2 {
    font-size: 16vw; } }
@media (max-width: 767.98px) {
  .block-hero.customer.home-warning .image .image-container img {
    position: relative;
    top: -20px; } }
.block-hero.customer.why-clario-hero .title-container .text-container h2 {
  font-size: 52px; }
.block-hero.customer .title-container .title .text-container {
  padding-top: 81.25px; }
@media (min-width: 768px) {
  .block-hero.customer .title-container .title .text-container {
    padding-bottom: 65px; } }
.block-hero.customer .title-container .title .text-container h2 {
  font-style: italic; }
.block-hero.customer .title-container .title .text-container blockquote {
  margin-top: 40px;
  margin-bottom: 40px; }
  .block-hero.customer .title-container .title .text-container blockquote p {
    color: #C1D731;
    font-size: 34px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.2; }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .block-hero.customer .title-container .title .text-container blockquote p {
      font-size: 32px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-hero.customer .title-container .title .text-container blockquote p {
    font-size: 24px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-hero.customer .title-container .title .text-container blockquote p {
    font-size: 30px; } }
.block-hero.customer .title-container .image {
  position: relative; }
  .block-hero.customer .title-container .image .image-container {
    padding-top: 25px; }
  @media (max-width: 767.98px) {
    .block-hero.customer .title-container .image .image-container {
      padding-top: 0px;
      margin-bottom: 85px !important; } }
  .block-hero.customer .title-container .image .image-container img {
    max-width: 100%; }
  .block-hero.customer .title-container .image .customer-container {
    position: absolute;
    display: inline-block;
    bottom: 55px;
    right: 30px;
    text-align: right; }
  @media (max-width: 767.98px) {
    .block-hero.customer .title-container .image .customer-container {
      bottom: 35px !important; } }
  .block-hero.customer .title-container .image .customer-container span {
    display: block;
    padding-left: 5px; }
    .block-hero.customer .title-container .image .customer-container span.customer-name {
      color: #C1D731;
      font-size: 18px; }
    .block-hero.customer .title-container .image .customer-container span.customer-title, .block-hero.customer .title-container .image .customer-container span.customer-company {
      font-size: 15px;
      font-style: italic;
      line-height: 1.4; }
    .block-hero.customer .title-container .image .customer-container span.customer-title {
      color: #C1D731; }
    .block-hero.customer .title-container .image .customer-container span.customer-link {
      margin-top: 9px;
      padding-top: 8px;
      border-top: 1px solid white;
      font-size: 15px;
      font-style: italic;
      text-transform: uppercase;
      letter-spacing: 0.1em; }
.block-hero.customer .title-container .cta-buttons {
  width: 100%;
  text-align: center;
  padding-bottom: 65px;
  margin-top: -65px;
  z-index: 2; }
@media (max-width: 991.98px) {
  .block-hero.customer .title-container .cta-buttons {
    margin-top: 0px; } }
.block-hero.customer .title-container .cta-buttons h4 {
  color: #C1D731;
  font-size: 26px;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 300; }
.block-hero .tinter {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1; }
.block-hero .title-container {
  z-index: 2; }
  .block-hero .title-container .title {
    display: flex;
    flex-direction: column; }
    .block-hero .title-container .title .text-container h1 {
      color: white; }
    .block-hero .title-container .title .text-container p {
      color: white; }

.scenarios .block-hero.page {
  padding-top: 70px;
  padding-bottom: 30px; }
  .scenarios .block-hero.page.middle {
    background-position: 100% c !important; }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .scenarios .block-hero.page.middle {
      background-position: 135% 60% !important; } }
@media (max-width: 575.98px) {
  .scenarios .block-hero.page.middle {
    background-position: 230% 60% !important; } }
@media (min-width: 992px) {
  .scenarios .block-hero.page .title {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .scenarios .block-hero.page .title {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%; } }
@media (max-width: 767.98px) {
  .scenarios .block-hero.page .title {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%; }
    .scenarios .block-hero.page .title .text-container h1 {
      font-size: 32px; } }
@media (max-width: 575.98px) {
  .scenarios .block-hero.page .title .text-container h1 {
    font-size: 6vw; } }
.scenarios .block-hero.page .title .text-container h3 {
  color: white; }

.block-legal p {
  font-size: 12px;
  font-style: italic; }

.block-peoplegrid .person {
  margin-bottom: 30px; }
  .block-peoplegrid .person .image-container .image {
    margin-bottom: 15px; }
.block-peoplegrid .person .info-container h5 {
  margin-bottom: 0px; }
.block-peoplegrid .person .info-container p.title {
  font-style: italic;
  font-size: 93.75%;
  margin-bottom: 0px; }
.block-peoplegrid .person .info-container h5 + p {
  margin-top: 2px; }
.block-peoplegrid .person .info-container .social {
  position: absolute;
  right: 10px;
  bottom: 10px; }
  .block-peoplegrid .person .info-container .social ul {
    margin: 0px;
    padding: 0px; }
    .block-peoplegrid .person .info-container .social ul li {
      display: inline-block; }
.block-peoplegrid .person .mini-bio-container p.mini-bio {
  margin-top: 16px;
  font-size: 15px; }
.block-peoplegrid .person .bio {
  display: none; }
.block-peoplegrid.light .person .info-container h5 a:hover {
  color: black;
  text-decoration: none; }
.block-peoplegrid.light .person .info-container p.title a {
  color: #424143; }
  .block-peoplegrid.light .person .info-container p.title a:hover {
    color: #424143;
    text-decoration: none; }
.block-peoplegrid.light .person .info-container .social {
  position: absolute;
  right: 10px;
  bottom: 10px; }
  .block-peoplegrid.light .person .info-container .social ul {
    margin: 0px;
    padding: 0px; }
    .block-peoplegrid.light .person .info-container .social ul li {
      display: inline-block;
      margin-right: 8px; }
      .block-peoplegrid.light .person .info-container .social ul li a svg {
        fill: white; }
        .block-peoplegrid.light .person .info-container .social ul li a:hover svg {
          fill: #C1D731; }
.block-peoplegrid.two-col .card-columns {
  -webkit-column-count: 2 !important;
  -moz-column-count: 2 !important;
  column-count: 2 !important; }
@media (max-width: 767.98px) {
  .block-peoplegrid.two-col .card-columns {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important; } }
.block-peoplegrid.three-col .card-columns {
  -webkit-column-count: 3 !important;
  -moz-column-count: 3 !important;
  column-count: 3 !important; }
.block-peoplegrid.four-col .card-columns {
  -webkit-column-count: 4 !important;
  -moz-column-count: 4 !important;
  column-count: 4 !important; }
.block-peoplegrid .card-columns .card {
  max-width: 100% !important;
  border: none !important;
  margin-bottom: 42px; }

.block-posts {
  min-height: 650px; }
  .block-posts .post {
    margin-bottom: 25px; }
    .block-posts .post .post-container {
      background-color: white;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
      padding: 0px; }
      .block-posts .post .post-container .image-container {
        padding-right: 5px;
        position: relative; }
      @media (max-width: 767.98px) {
        .block-posts .post .post-container .image-container {
          padding-right: 15px; } }
      .block-posts .post .post-container .image-container .image {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat; }
      @media (max-width: 767.98px) {
        .block-posts .post .post-container .image-container .image {
          height: 25vw; } }
    @media (max-width: 575.98px) {
      .block-posts .post .post-container .image-container .image {
        height: 30vw; } }
    .block-posts .post .post-container .text-container {
      padding: 20px 35px 20px 20px; }
    @media (max-width: 767.98px) {
      .block-posts .post .post-container .text-container {
        padding: 20px 35px; } }
    .block-posts .post .post-container .text-container p.date {
      margin-bottom: 4px; }
      .block-posts .post .post-container .text-container p.date + h3 {
        margin-top: 0px; }
        .block-posts .post .post-container .text-container p.date + h3 + p {
          margin-top: 10px; }
          .block-posts .post .post-container .text-container p.date + h3 + p a {
            text-decoration: underline; }

.block-published.padded {
  padding-top: 65px;
  padding-bottom: 0px !important;
  margin-bottom: -45.5px; }
@media (max-width: 575.98px) {
  .block-published.padded {
    padding-top: 9vw !important; } }

.block-rule {
  padding-top: 48.75px !important;
  padding-bottom: 48.75px !important; }
@media (max-width: 575.98px) {
  .block-rule {
    padding-top: 9vw !important;
    padding-bottom: 9vw !important; } }
.block-rule.above {
  margin-top: 0px !important; }
.block-rule.below {
  margin-bottom: 0px !important; }
.block-rule hr {
  border-top: 1px solid #424143;
  margin: 0px; }
  .block-rule hr.primary {
    border-color: black; }
  .block-rule hr.secondary {
    border-color: #C1D731; }
  .block-rule hr.tertiary {
    border-color: #34B0F6; }
  .block-rule hr.accent {
    border-color: #C1D731; }
  .block-rule hr.accent2 {
    border-color: #C1D731; }

@media (max-width: 991.98px) {
  .block-textimage.full + .block-rule {
    padding-top: 0px !important; } }

.block-strip {
  padding: 20px 0px 18px 0px; }
  .block-strip h3 {
    line-height: 1;
    font-weight: 500;
    margin: 0px; }

@media (max-width: 767.98px) {
  .block-testimonials.image .slides-container .slides .slide .text-col {
    margin-top: 40px; } }
.block-testimonials.quote .dots {
  margin-top: 25px; }
.block-testimonials .slides-container .slides .slide .text-col {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 25px; }
  .block-testimonials .slides-container .slides .slide .text-col .quote {
    position: relative;
    padding: 0px 25px;
    margin: 0px auto 15px auto;
    width: 93%; }
  @media (max-width: 991.98px) {
    .block-testimonials .slides-container .slides .slide .text-col .quote {
      width: 90%; } }
  .block-testimonials .slides-container .slides .slide .text-col .quote:before {
    content: "“";
    font-size: 112px;
    position: absolute;
    left: -25px;
    top: -48px;
    color: black;
    z-index: 25; }
  .block-testimonials .slides-container .slides .slide .text-col .quote:after {
    content: "”";
    font-size: 112px;
    position: absolute;
    right: -25px;
    bottom: -94px;
    color: black;
    z-index: 25; }
.block-testimonials .slides-container .slides .slide .text-col p.attribution .name {
  font-weight: 600; }
.block-testimonials .slides-container .slides .slide .text-col p.attribution .title {
  font-style: italic; }
.block-testimonials .dots {
  width: 100%;
  height: 32px;
  margin-top: 32.5px; }
@media (max-width: 575.98px) {
  .block-testimonials .dots {
    margin-top: 6vw; } }
.block-testimonials .dots ul.slick-dots {
  text-align: center;
  margin: 0px auto;
  padding: 0px;
  list-style: none;
  position: relative; }
  .block-testimonials .dots ul.slick-dots li {
    margin: 0px 6px;
    padding: 0px;
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 8px;
    cursor: pointer;
    background-color: #424143;
    opacity: 0.35; }
    .block-testimonials .dots ul.slick-dots li.slick-active {
      opacity: 1; }
    .block-testimonials .dots ul.slick-dots li button {
      display: none !important; }
    .block-testimonials .dots ul.slick-dots li:before {
      display: none; }

.blocks-wrapper .block-text.padded {
  padding-top: 48.75px !important;
  padding-bottom: 48.75px !important; }
@media (max-width: 575.98px) {
  .blocks-wrapper .block-text.padded {
    padding-top: 9vw !important;
    padding-bottom: 9vw !important; } }
.blocks-wrapper .block-text.padded.above {
  margin-top: 0px !important; }
.blocks-wrapper .block-text.padded.below {
  margin-bottom: 0px !important; }

.block-text.one-col.center .col-one .content-container {
  margin: 0px auto; }
@media (min-width: 1200px) {
  .block-text.one-col.center .col-one .content-container {
    width: 70%; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-text.one-col.center .col-one .content-container {
    width: 80%; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-text.one-col.center .col-one .content-container {
    width: 90%; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-text.one-col.center .col-one .content-container {
    width: 93%; } }
.block-text.two-col.controlled {
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-text.two-col.controlled {
    overflow: hidden; } }
.block-text.two-col.controlled.unique-bkgnds .container .col-two {
  padding-top: 65px; }
@media (max-width: 575.98px) {
  .block-text.two-col.controlled.unique-bkgnds .container .col-two {
    padding-top: 12vw; } }
.block-text.two-col.controlled.has-buttons .container .col-one, .block-text.two-col.controlled.has-buttons .container .col-two {
  padding-bottom: 0px; }
.block-text.two-col.controlled.has-buttons .container .buttons-container {
  margin-top: 25px;
  padding-bottom: 65px; }
@media (max-width: 575.98px) {
  .block-text.two-col.controlled.has-buttons .container .buttons-container {
    padding-bottom: 12vw; } }
@media (max-width: 991.98px) {
  .block-text.two-col.controlled.has-buttons.unique-bkgnds .container .col-one {
    padding-bottom: 65px; } }
@media (max-width: 575.98px) {
  .block-text.two-col.controlled.has-buttons.unique-bkgnds .container .col-one {
    padding-bottom: 12vw; } }
.block-text.two-col.controlled .backgrounds {
  position: absolute;
  background-color: aliceblue;
  height: 100%;
  width: 100%; }
@media (max-width: 575.98px) {
  .block-text.two-col.controlled .backgrounds {
    overflow: hidden; } }
.block-text.two-col.controlled .backgrounds .row {
  height: 100%; }
@media (min-width: 992px) {
  .block-text.two-col.controlled .backgrounds .row {
    margin-right: 0px;
    margin-left: 0px; } }
.block-text.two-col.controlled .backgrounds .row .col-one-bkgnd, .block-text.two-col.controlled .backgrounds .row .col-two-bkgnd {
  padding-top: 65px;
  padding-bottom: 65px; }
@media (min-width: 992px) {
  .block-text.two-col.controlled .backgrounds .row .col-one-bkgnd, .block-text.two-col.controlled .backgrounds .row .col-two-bkgnd {
    height: 100%; } }
@media (max-width: 575.98px) {
  .block-text.two-col.controlled .backgrounds .row .col-one-bkgnd, .block-text.two-col.controlled .backgrounds .row .col-two-bkgnd {
    padding-top: 12vw;
    padding-bottom: 12vw; } }
@media (max-width: 991.98px) {
  .block-text.two-col.controlled .container {
    margin-right: 0px;
    margin-left: 0px; } }
.block-text.two-col.controlled .container .col-one, .block-text.two-col.controlled .container .col-two, .block-text.two-col.controlled .container .buttons-container {
  padding-top: 65px;
  padding-bottom: 65px; }
@media (max-width: 575.98px) {
  .block-text.two-col.controlled .container .col-one, .block-text.two-col.controlled .container .col-two, .block-text.two-col.controlled .container .buttons-container {
    padding-top: 12vw;
    padding-bottom: 12vw; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-text.two-col.controlled .container .col-one .content-container, .block-text.two-col.controlled .container .col-two .content-container, .block-text.two-col.controlled .container .buttons-container .content-container {
    width: 720px;
    max-width: 720px;
    padding-right: 30px;
    padding-left: 30px;
    margin: 0px auto; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-text.two-col.controlled .container .col-one .content-container, .block-text.two-col.controlled .container .col-two .content-container, .block-text.two-col.controlled .container .buttons-container .content-container {
    width: 540px;
    max-width: 540px;
    padding-right: 30px;
    padding-left: 30px;
    margin: 0px auto; } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-text.two-col.controlled .container .col-one .content-container, .block-text.two-col.controlled .container .col-two .content-container, .block-text.two-col.controlled .container .buttons-container .content-container {
    width: 100vw;
    max-width: 100vw;
    padding-right: 25px;
    padding-left: 25px;
    margin: 0px auto; } }
@media (max-width: 359.98px) {
  .block-text.two-col.controlled .container .col-one .content-container, .block-text.two-col.controlled .container .col-two .content-container, .block-text.two-col.controlled .container .buttons-container .content-container {
    width: 100vw;
    max-width: 100vw;
    padding-right: 20px;
    padding-left: 20px;
    margin: 0px auto; } }
@media (min-width: 992px) {
  .block-text.two-col.controlled .container .col-one {
    padding-right: 55px; } }
@media (max-width: 991.98px) {
  .block-text.two-col.controlled .container .col-one {
    padding-bottom: 0px; } }
@media (min-width: 992px) {
  .block-text.two-col.controlled .container .col-two {
    padding-left: 55px; } }
@media (max-width: 991.98px) {
  .block-text.two-col.controlled .container .col-two {
    padding-top: 32.5px; } }
@media (max-width: 575.98px) {
  .block-text.two-col.controlled .container .col-two {
    padding-top: 6vw; } }
@media (max-width: 575.98px) {
  .block-text .container {
    overflow: hidden; } }
.block-text .col-one.wrapped {
  column-count: 2;
  column-gap: 115px; }
@media (max-width: 991.98px) {
  .block-text .col-one.wrapped {
    column-count: 1; } }
.block-text .col-two ul {
  padding: 0px 0px 0px 40px;
  margin: 15px 0px 30px 0px; }
.block-text .buttons-container {
  padding-top: 0px !important;
  margin-top: 20px; }

.blocks-wrapper {
  /* The role of .blocks-wrapper is to apply special rules when a block is inside another block */ }
  .blocks-wrapper .block-textimage.padded .text-col {
    padding-top: 39px;
    padding-bottom: 39px; }
  @media (max-width: 575.98px) {
    .blocks-wrapper .block-textimage.padded .text-col {
      padding-top: 7.2vw;
      padding-bottom: 7.2vw; } }
.blocks-wrapper .block-textimage.padded .image-col .image-container, .blocks-wrapper .block-textimage.padded .image-col .video-container {
  margin-top: 39px;
  margin-bottom: 39px; }
@media (max-width: 575.98px) {
  .blocks-wrapper .block-textimage.padded .image-col .image-container, .blocks-wrapper .block-textimage.padded .image-col .video-container {
    padding-top: 7.2vw;
    padding-bottom: 7.2vw; } }
.blocks-wrapper .block-textimage.padded.subcategories .image-col .image-container, .blocks-wrapper .block-textimage.padded.subcategories .image-col .video-container {
  margin-top: 39px;
  margin-bottom: 39px; }
@media (max-width: 575.98px) {
  .blocks-wrapper .block-textimage.padded.subcategories .image-col .image-container, .blocks-wrapper .block-textimage.padded.subcategories .image-col .video-container {
    padding-top: 7.2vw;
    padding-bottom: 7.2vw; } }
@media (max-width: 991.98px) {
  .blocks-wrapper .block-textimage.image-left .text-col, .blocks-wrapper .block-textimage.image-right .text-col {
    padding-top: 0px; }
    .blocks-wrapper .block-textimage.image-left .image-col .image-container, .blocks-wrapper .block-textimage.image-right .image-col .image-container {
      margin-bottom: 39px; } }
@media (max-width: 575.98px) {
  .blocks-wrapper .block-textimage.image-left .image-col .image-container, .blocks-wrapper .block-textimage.image-right .image-col .image-container {
    margin-bottom: 7.2vw; } }

.block-accordion.subcategories .blocks-wrapper .block-textimage.padded .image-col .image-container, .block-accordion.subcategories .blocks-wrapper .block-textimage.padded .image-col .video-container {
  margin-top: 39px;
  margin-bottom: 39px; }
@media (max-width: 575.98px) {
  .block-accordion.subcategories .blocks-wrapper .block-textimage.padded .image-col .image-container, .block-accordion.subcategories .blocks-wrapper .block-textimage.padded .image-col .video-container {
    padding-top: 7.2vw;
    padding-bottom: 7.2vw; } }

.block-textimage .container .top .image-container img {
  object-position: top center; }
.block-textimage .container .middle .image-container img {
  object-position: center center; }
.block-textimage .container .bottom .image-container img {
  object-position: bottom center; }
.block-textimage.padded {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }
  .block-textimage.padded .text-col {
    padding-top: 65px;
    padding-bottom: 65px; }
  @media (max-width: 575.98px) {
    .block-textimage.padded .text-col {
      padding-top: 12vw;
      padding-bottom: 12vw; } }
.block-textimage.padded .image-col .image-container, .block-textimage.padded .image-col .video-container {
  margin-top: 65px;
  margin-bottom: 65px; }
@media (max-width: 991.98px) {
  .block-textimage.padded .image-col .image-container, .block-textimage.padded .image-col .video-container {
    margin-bottom: 39px; } }
.block-textimage.padded .image-col .lottie-container {
  border: 1px solid #e7e7e8;
  background-size: cover;
  background-repeat: no-repeat; }
.block-textimage.image.full, .block-textimage.lottie.full, .block-textimage.carousel.full {
  position: relative; }
  .block-textimage.image.full.bkgnd-white .text-col, .block-textimage.lottie.full.bkgnd-white .text-col, .block-textimage.carousel.full.bkgnd-white .text-col {
    background-color: white; }
.block-textimage.image.full.bkgnd-light .text-col, .block-textimage.lottie.full.bkgnd-light .text-col, .block-textimage.carousel.full.bkgnd-light .text-col {
  background-color: #f5f5f5; }
.block-textimage.image.full .full-image, .block-textimage.image.full .full-carousel, .block-textimage.lottie.full .full-image, .block-textimage.lottie.full .full-carousel, .block-textimage.carousel.full .full-image, .block-textimage.carousel.full .full-carousel {
  position: absolute;
  top: 0px;
  height: 100%;
  padding: 0px; }
  .block-textimage.image.full .full-image.col-lg-5, .block-textimage.image.full .full-carousel.col-lg-5, .block-textimage.lottie.full .full-image.col-lg-5, .block-textimage.lottie.full .full-carousel.col-lg-5, .block-textimage.carousel.full .full-image.col-lg-5, .block-textimage.carousel.full .full-carousel.col-lg-5 {
    -ms-flex: 0 0 43%;
    flex: 0 0 43%;
    max-width: 43%; }
  @media (max-width: 991.98px) {
    .block-textimage.image.full .full-image, .block-textimage.image.full .full-carousel, .block-textimage.lottie.full .full-image, .block-textimage.lottie.full .full-carousel, .block-textimage.carousel.full .full-image, .block-textimage.carousel.full .full-carousel {
      display: none !important; } }
  .block-textimage.image.full .full-image img, .block-textimage.image.full .full-carousel img, .block-textimage.lottie.full .full-image img, .block-textimage.lottie.full .full-carousel img, .block-textimage.carousel.full .full-image img, .block-textimage.carousel.full .full-carousel img {
    height: 100%;
    width: 100%;
    object-fit: cover; }
.block-textimage.image.full .full-image.top img, .block-textimage.lottie.full .full-image.top img, .block-textimage.carousel.full .full-image.top img {
  object-position: top center; }
.block-textimage.image.full .full-image.middle img, .block-textimage.lottie.full .full-image.middle img, .block-textimage.carousel.full .full-image.middle img {
  object-position: center center; }
.block-textimage.image.full .full-image.bottom img, .block-textimage.lottie.full .full-image.bottom img, .block-textimage.carousel.full .full-image.bottom img {
  object-position: bottom center; }
.block-textimage.image.full.image-right .full-image, .block-textimage.lottie.full.image-right .full-image, .block-textimage.carousel.full.image-right .full-image {
  right: 0px;
  /*				@include media-breakpoint-only(lg) {
					padding-left: 25px;
				}*/ }
@media (min-width: 992px) {
  .block-textimage.image.full.image-right .container .text-col, .block-textimage.lottie.full.image-right .container .text-col, .block-textimage.carousel.full.image-right .container .text-col {
    padding-right: 55px; } }
.block-textimage.image.full.image-left .full-image, .block-textimage.lottie.full.image-left .full-image, .block-textimage.carousel.full.image-left .full-image {
  left: 0px;
  /*				@include media-breakpoint-only(lg) {
					padding-right: 30px;
				}*/ }
@media (min-width: 992px) {
  .block-textimage.image.full.image-left .container .text-col, .block-textimage.lottie.full.image-left .container .text-col, .block-textimage.carousel.full.image-left .container .text-col {
    padding-left: 55px; } }
.block-textimage.image.full .container, .block-textimage.lottie.full .container, .block-textimage.carousel.full .container {
  overflow: hidden; }
  .block-textimage.image.full .container .text-col, .block-textimage.lottie.full .container .text-col, .block-textimage.carousel.full .container .text-col {
    padding-top: 65px;
    padding-bottom: 65px; }
  @media (max-width: 991.98px) {
    .block-textimage.image.full .container .text-col, .block-textimage.lottie.full .container .text-col, .block-textimage.carousel.full .container .text-col {
      padding-top: 65px; } }
@media (max-width: 575.98px) {
  .block-textimage.image.full .container .text-col, .block-textimage.lottie.full .container .text-col, .block-textimage.carousel.full .container .text-col {
    padding-top: 12vw;
    padding-bottom: 12vw; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage.image.full .container .text-col .content-container, .block-textimage.lottie.full .container .text-col .content-container, .block-textimage.carousel.full .container .text-col .content-container {
    width: 720px;
    max-width: 720px;
    padding-right: 30px;
    padding-left: 30px;
    margin: 0px auto; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage.image.full .container .text-col .content-container, .block-textimage.lottie.full .container .text-col .content-container, .block-textimage.carousel.full .container .text-col .content-container {
    width: 540px;
    max-width: 540px;
    padding-right: 30px;
    padding-left: 30px;
    margin: 0px auto; } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage.image.full .container .text-col .content-container, .block-textimage.lottie.full .container .text-col .content-container, .block-textimage.carousel.full .container .text-col .content-container {
    width: 100vw;
    max-width: 100vw;
    padding-right: 25px;
    padding-left: 25px;
    margin: 0px auto; } }
@media (max-width: 359.98px) {
  .block-textimage.image.full .container .text-col .content-container, .block-textimage.lottie.full .container .text-col .content-container, .block-textimage.carousel.full .container .text-col .content-container {
    width: 100vw;
    max-width: 100vw;
    padding-right: 20px;
    padding-left: 20px;
    margin: 0px auto; } }
.block-textimage.image.full .container .image-col.top .image-container img, .block-textimage.lottie.full .container .image-col.top .image-container img, .block-textimage.carousel.full .container .image-col.top .image-container img {
  object-position: top center; }
.block-textimage.image.full .container .image-col.middle .image-container img, .block-textimage.lottie.full .container .image-col.middle .image-container img, .block-textimage.carousel.full .container .image-col.middle .image-container img {
  object-position: center center; }
.block-textimage.image.full .container .image-col.bottom .image-container img, .block-textimage.lottie.full .container .image-col.bottom .image-container img, .block-textimage.carousel.full .container .image-col.bottom .image-container img {
  object-position: bottom center; }
.block-textimage.image.full .container .image-col .image-container, .block-textimage.image.full .container .image-col .lottie-container, .block-textimage.lottie.full .container .image-col .image-container, .block-textimage.lottie.full .container .image-col .lottie-container, .block-textimage.carousel.full .container .image-col .image-container, .block-textimage.carousel.full .container .image-col .lottie-container {
  position: relative;
  margin: 0px;
  width: 100%;
  height: 100%; }
@media (min-width: 992px) {
  .block-textimage.image.full .container .image-col .image-container, .block-textimage.image.full .container .image-col .lottie-container, .block-textimage.lottie.full .container .image-col .image-container, .block-textimage.lottie.full .container .image-col .lottie-container, .block-textimage.carousel.full .container .image-col .image-container, .block-textimage.carousel.full .container .image-col .lottie-container {
    display: none; } }
.block-textimage.image.full .container .image-col .image-container img, .block-textimage.image.full .container .image-col .lottie-container img, .block-textimage.lottie.full .container .image-col .image-container img, .block-textimage.lottie.full .container .image-col .lottie-container img, .block-textimage.carousel.full .container .image-col .image-container img, .block-textimage.carousel.full .container .image-col .lottie-container img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  width: 100% !important;
  max-height: 800px; }
@media (max-width: 991.98px) {
  .block-textimage.image.full .container .image-col .image-container, .block-textimage.image.full .container .image-col .lottie-container, .block-textimage.lottie.full .container .image-col .image-container, .block-textimage.lottie.full .container .image-col .lottie-container, .block-textimage.carousel.full .container .image-col .image-container, .block-textimage.carousel.full .container .image-col .lottie-container {
    height: 450px;
    overflow: hidden; }
    .block-textimage.image.full .container .image-col .image-container img, .block-textimage.image.full .container .image-col .lottie-container img, .block-textimage.lottie.full .container .image-col .image-container img, .block-textimage.lottie.full .container .image-col .lottie-container img, .block-textimage.carousel.full .container .image-col .image-container img, .block-textimage.carousel.full .container .image-col .lottie-container img {
      height: 100%;
      width: 100%;
      object-fit: cover; } }
@media (max-width: 575.98px) {
  .block-textimage.image.full .container .image-col .image-container, .block-textimage.image.full .container .image-col .lottie-container, .block-textimage.lottie.full .container .image-col .image-container, .block-textimage.lottie.full .container .image-col .lottie-container, .block-textimage.carousel.full .container .image-col .image-container, .block-textimage.carousel.full .container .image-col .lottie-container {
    max-height: 450px;
    height: 85vw; } }
.block-textimage.carousel.full .full-carousel:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100px;
  background-image: url("partials/core/mild/block_textimage/images/gradient_bottom.png");
  background-size: cover;
  background-repeat: no-repeat; }
  .block-textimage.carousel.full .full-carousel.caption:after {
    display: none; }
    .block-textimage.carousel.full .full-carousel.caption .slides .slide:after {
      content: "";
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 150px;
      background-image: url("partials/core/mild/block_textimage/images/gradient_bottom.png");
      background-size: cover;
      background-repeat: no-repeat; }
.block-textimage.carousel.full .full-carousel .slides {
  height: 100%; }
  .block-textimage.carousel.full .full-carousel .slides .slick-list {
    height: 100%; }
    .block-textimage.carousel.full .full-carousel .slides .slick-list .slick-track {
      height: 100%; }
      .block-textimage.carousel.full .full-carousel .slides .slick-list .slick-track .slide {
        height: 100%;
        position: relative; }
        .block-textimage.carousel.full .full-carousel .slides .slick-list .slick-track .slide .caption {
          position: absolute;
          bottom: 35px;
          left: 0px;
          width: 100%;
          height: 32px;
          text-align: center;
          color: white;
          z-index: 3; }
.block-textimage.carousel.full .full-carousel .dots.full {
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin-bottom: 4px;
  z-index: 1; }
  .block-textimage.carousel.full .full-carousel .dots.full ul.slick-dots li {
    background-color: white;
    opacity: 0.45; }
    .block-textimage.carousel.full .full-carousel .dots.full ul.slick-dots li.slick-active {
      opacity: 1; }
.block-textimage.carousel.full .full-carousel .arrows.full {
  left: 0px;
  width: 100%; }
@media (max-width: 991.98px) {
  .block-textimage.carousel.full .full-carousel .arrows.full {
    display: none; } }
.block-textimage.carousel.full .full-carousel .arrows.full .next, .block-textimage.carousel.full .full-carousel .arrows.full .prev {
  bottom: 13px; }
  .block-textimage.carousel.full .full-carousel .arrows.full .next svg, .block-textimage.carousel.full .full-carousel .arrows.full .prev svg {
    opacity: 0.45; }
    .block-textimage.carousel.full .full-carousel .arrows.full .next svg:hover, .block-textimage.carousel.full .full-carousel .arrows.full .prev svg:hover {
      opacity: 1; }
    .block-textimage.carousel.full .full-carousel .arrows.full .next svg polyline, .block-textimage.carousel.full .full-carousel .arrows.full .prev svg polyline {
      stroke: white; }
.block-textimage.carousel.full .full-carousel .arrows.full .prev {
  margin-left: 4px;
  left: 10px; }
.block-textimage.carousel.full .full-carousel .arrows.full .next {
  margin-left: 4px;
  right: 10px; }
.block-textimage.carousel.full .carousel-container .slides {
  height: 100%; }
  .block-textimage.carousel.full .carousel-container .slides .slick-list {
    height: 100%; }
    .block-textimage.carousel.full .carousel-container .slides .slick-list .slick-track {
      height: 100%; }
      .block-textimage.carousel.full .carousel-container .slides .slick-list .slick-track .slide {
        height: 100%; }
        .block-textimage.carousel.full .carousel-container .slides .slick-list .slick-track .slide img {
          position: relative; }
@media (min-width: 992px) {
  .block-textimage.carousel.full .carousel-container .arrows.main {
    display: none; } }
@media (min-width: 992px) {
  .block-textimage.carousel.full .carousel-container .dots.main {
    display: none; } }
@media (max-width: 991.98px) {
  .block-textimage.carousel.full .carousel-container .dots.main {
    margin-bottom: 0px; } }
.block-textimage.carousel .carousel-container {
  position: relative; }
@media (min-width: 992px) {
  .block-textimage.carousel .carousel-container {
    margin-bottom: 65px; } }
.block-textimage.carousel .carousel-container .image-container {
  margin-bottom: 0px !important; }
  .block-textimage.carousel .carousel-container .image-container .slick-list {
    height: 100%; }
    .block-textimage.carousel .carousel-container .image-container .slick-list .slick-track {
      height: 100%; }
      .block-textimage.carousel .carousel-container .image-container .slick-list .slick-track .slide {
        position: relative; }
        .block-textimage.carousel .carousel-container .image-container .slick-list .slick-track .slide.caption:after {
          content: "";
          position: absolute;
          bottom: 0px;
          left: 0px;
          width: 100%;
          height: 100px;
          background-image: url("partials/core/mild/block_textimage/images/gradient_bottom.png");
          background-size: cover;
          background-repeat: no-repeat; }
      .block-textimage.carousel .carousel-container .image-container .slick-list .slick-track .slide.top img {
        object-position: top center; }
    .block-textimage.carousel .carousel-container .image-container .slick-list .slick-track .slide.middle img {
      object-position: center center; }
  .block-textimage.carousel .carousel-container .image-container .slick-list .slick-track .slide.bottom img {
    object-position: bottom center; }
  .block-textimage.carousel .carousel-container .image-container .slick-list .slick-track .slide .caption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 32px;
    text-align: center;
    color: white;
    z-index: 1; }
.block-textimage.carousel .carousel-container .arrows.main {
  bottom: -46px;
  left: 0px;
  width: 100%; }
  .block-textimage.carousel .carousel-container .arrows.main .prev {
    left: 0px; }
  .block-textimage.carousel .carousel-container .arrows.main .next {
    right: 0px; }
.block-textimage.carousel .dots {
  position: absolute;
  width: 100%;
  height: 32px;
  margin-bottom: 35px;
  margin-top: 12px;
  z-index: 1; }
  .block-textimage.carousel .dots ul.slick-dots {
    text-align: center;
    margin: 0px auto;
    padding: 0px 0px 10px 0px;
    list-style: none;
    position: relative; }
    .block-textimage.carousel .dots ul.slick-dots li {
      margin: 0px 6px;
      padding: 0px;
      display: inline-block;
      height: 8px;
      width: 8px;
      border-radius: 8px;
      cursor: pointer;
      background-color: #424143;
      opacity: 0.35; }
      .block-textimage.carousel .dots ul.slick-dots li.slick-active {
        opacity: 1; }
      .block-textimage.carousel .dots ul.slick-dots li button {
        display: none !important; }
      .block-textimage.carousel .dots ul.slick-dots li:before {
        display: none; }
.block-textimage.carousel .arrows {
  position: absolute;
  bottom: 0px;
  left: 15px;
  width: calc(100% - 30px);
  height: 54px; }
  .block-textimage.carousel .arrows .prev, .block-textimage.carousel .arrows .next {
    position: absolute;
    width: 30px;
    bottom: 9px;
    cursor: pointer;
    z-index: 2; }
    .block-textimage.carousel .arrows .prev svg, .block-textimage.carousel .arrows .next svg {
      height: 24px;
      width: 24px;
      opacity: 0.35; }
      .block-textimage.carousel .arrows .prev svg:hover, .block-textimage.carousel .arrows .next svg:hover {
        opacity: 1; }
      .block-textimage.carousel .arrows .prev svg polyline, .block-textimage.carousel .arrows .next svg polyline {
        fill: none;
        stroke: #424143;
        stroke-miterlimit: 10;
        stroke-width: 12px; }
  .block-textimage.carousel .arrows .prev {
    left: 15px; }
    .block-textimage.carousel .arrows .prev svg {
      margin-left: 1px; }
  .block-textimage.carousel .arrows .next {
    right: 15px; }
    .block-textimage.carousel .arrows .next svg {
      margin-left: 4px; }
@media (min-width: 992px) {
  .block-textimage.image-right .text-col {
    padding-right: 55px; }
  .block-textimage.image-right .image-col {
    padding-left: 0px; } }
@media (max-width: 991.98px) {
  .block-textimage.image-right .image-col .image-container {
    margin-bottom: 0px; } }
@media (min-width: 992px) {
  .block-textimage.image-left .text-col {
    padding-left: 55px; }
  .block-textimage.image-left .image-col {
    padding-right: 0px; } }
@media (max-width: 991.98px) {
  .block-textimage.image-left .image-col .image-container {
    margin-bottom: 0px; } }
.block-textimage .text-col {
  display: flex;
  flex-direction: column;
  justify-content: center; }
.block-textimage .image-col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }
  .block-textimage .image-col .video-container {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .block-textimage .image-col .video-container iframe {
      height: 100%;
      width: 100%; }
  .block-textimage .image-col.square.col-lg-5 .image-container, .block-textimage .image-col.square.col-lg-5 .video-container {
    /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
  @media (max-width: 359.98px) {
    .block-textimage .image-col.square.col-lg-5 .image-container, .block-textimage .image-col.square.col-lg-5 .video-container {
      height: calc((100vw - (2 * 20px)) * 1); } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.square.col-lg-5 .image-container, .block-textimage .image-col.square.col-lg-5 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 1); } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.square.col-lg-5 .image-container, .block-textimage .image-col.square.col-lg-5 .video-container {
    height: 480px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.square.col-lg-5 .image-container, .block-textimage .image-col.square.col-lg-5 .video-container {
    height: 660px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.square.col-lg-5 .image-container, .block-textimage .image-col.square.col-lg-5 .video-container {
    height: 372.5000031px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.square.col-lg-5 .image-container, .block-textimage .image-col.square.col-lg-5 .video-container {
    height: 422.5000035px; } }
.block-textimage .image-col.square.col-lg-6 .image-container, .block-textimage .image-col.square.col-lg-6 .video-container {
  /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
@media (max-width: 359.98px) {
  .block-textimage .image-col.square.col-lg-6 .image-container, .block-textimage .image-col.square.col-lg-6 .video-container {
    height: calc((100vw - (2 * 20px)) * 1); } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.square.col-lg-6 .image-container, .block-textimage .image-col.square.col-lg-6 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 1); } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.square.col-lg-6 .image-container, .block-textimage .image-col.square.col-lg-6 .video-container {
    height: 480px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.square.col-lg-6 .image-container, .block-textimage .image-col.square.col-lg-6 .video-container {
    height: 660px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.square.col-lg-6 .image-container, .block-textimage .image-col.square.col-lg-6 .video-container {
    height: 450px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.square.col-lg-6 .image-container, .block-textimage .image-col.square.col-lg-6 .video-container {
    height: 510px; } }
.block-textimage .image-col.square.col-lg-7 .image-container, .block-textimage .image-col.square.col-lg-7 .video-container {
  /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
@media (max-width: 359.98px) {
  .block-textimage .image-col.square.col-lg-7 .image-container, .block-textimage .image-col.square.col-lg-7 .video-container {
    height: calc((100vw - (2 * 20px)) * 1); } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.square.col-lg-7 .image-container, .block-textimage .image-col.square.col-lg-7 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 1); } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.square.col-lg-7 .image-container, .block-textimage .image-col.square.col-lg-7 .video-container {
    height: 480px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.square.col-lg-7 .image-container, .block-textimage .image-col.square.col-lg-7 .video-container {
    height: 660px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.square.col-lg-7 .image-container, .block-textimage .image-col.square.col-lg-7 .video-container {
    height: 527.4999969px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.square.col-lg-7 .image-container, .block-textimage .image-col.square.col-lg-7 .video-container {
    height: 597.4999965px; } }
.block-textimage .image-col.rect.col-lg-5 .image-container, .block-textimage .image-col.rect.col-lg-5 .video-container {
  /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
@media (max-width: 359.98px) {
  .block-textimage .image-col.rect.col-lg-5 .image-container, .block-textimage .image-col.rect.col-lg-5 .video-container {
    height: calc((100vw - (2 * 20px)) * 0.666);
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.rect.col-lg-5 .image-container, .block-textimage .image-col.rect.col-lg-5 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 0.666);
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.rect.col-lg-5 .image-container, .block-textimage .image-col.rect.col-lg-5 .video-container {
    height: 319.68px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.rect.col-lg-5 .image-container, .block-textimage .image-col.rect.col-lg-5 .video-container {
    height: 439.56px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.rect.col-lg-5 .image-container, .block-textimage .image-col.rect.col-lg-5 .video-container {
    height: 238.0950020646px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.rect.col-lg-5 .image-container, .block-textimage .image-col.rect.col-lg-5 .video-container {
    height: 271.395002331px; } }
.block-textimage .image-col.rect.col-lg-6 .image-container, .block-textimage .image-col.rect.col-lg-6 .video-container {
  /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
@media (max-width: 359.98px) {
  .block-textimage .image-col.rect.col-lg-6 .image-container, .block-textimage .image-col.rect.col-lg-6 .video-container {
    height: calc((100vw - (2 * 20px)) * 0.666);
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.rect.col-lg-6 .image-container, .block-textimage .image-col.rect.col-lg-6 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 0.666);
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.rect.col-lg-6 .image-container, .block-textimage .image-col.rect.col-lg-6 .video-container {
    height: 319.68px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.rect.col-lg-6 .image-container, .block-textimage .image-col.rect.col-lg-6 .video-container {
    height: 439.56px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.rect.col-lg-6 .image-container, .block-textimage .image-col.rect.col-lg-6 .video-container {
    height: 289.71px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.rect.col-lg-6 .image-container, .block-textimage .image-col.rect.col-lg-6 .video-container {
    height: 329.67px; } }
.block-textimage .image-col.rect.col-lg-7 .image-container, .block-textimage .image-col.rect.col-lg-7 .video-container {
  /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
@media (max-width: 359.98px) {
  .block-textimage .image-col.rect.col-lg-7 .image-container, .block-textimage .image-col.rect.col-lg-7 .video-container {
    height: calc((100vw - (2 * 20px)) * 0.666);
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.rect.col-lg-7 .image-container, .block-textimage .image-col.rect.col-lg-7 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 0.666);
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.rect.col-lg-7 .image-container, .block-textimage .image-col.rect.col-lg-7 .video-container {
    height: 319.68px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.rect.col-lg-7 .image-container, .block-textimage .image-col.rect.col-lg-7 .video-container {
    height: 439.56px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.rect.col-lg-7 .image-container, .block-textimage .image-col.rect.col-lg-7 .video-container {
    height: 341.3249979354px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.rect.col-lg-7 .image-container, .block-textimage .image-col.rect.col-lg-7 .video-container {
    height: 387.944997669px; } }
.block-textimage .image-col.rect .image-container {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .block-textimage .image-col.rect .image-container img {
    position: relative;
    object-fit: cover;
    height: 100%;
    width: 100%; }
.block-textimage .image-col.circle .image-container {
  border-radius: 60%;
  overflow: hidden; }
.block-textimage .image-col.widescreen.col-lg-5 .video-container {
  /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
@media (max-width: 359.98px) {
  .block-textimage .image-col.widescreen.col-lg-5 .video-container {
    height: calc((100vw - (2 * 20px)) * 0.5625); } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.widescreen.col-lg-5 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 0.5625); } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.widescreen.col-lg-5 .video-container {
    height: 270px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.widescreen.col-lg-5 .video-container {
    height: 371.25px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.widescreen.col-lg-5 .video-container {
    height: 209.5312517438px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.widescreen.col-lg-5 .video-container {
    height: 237.6562519688px; } }
.block-textimage .image-col.widescreen.col-lg-6 .video-container {
  /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
@media (max-width: 359.98px) {
  .block-textimage .image-col.widescreen.col-lg-6 .video-container {
    height: calc((100vw - (2 * 20px)) * 0.5625); } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.widescreen.col-lg-6 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 0.5625); } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.widescreen.col-lg-6 .video-container {
    height: 270px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.widescreen.col-lg-6 .video-container {
    height: 371.25px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.widescreen.col-lg-6 .video-container {
    height: 253.125px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.widescreen.col-lg-6 .video-container {
    height: 286.875px; } }
.block-textimage .image-col.widescreen.col-lg-7 .video-container {
  /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
@media (max-width: 359.98px) {
  .block-textimage .image-col.widescreen.col-lg-7 .video-container {
    height: calc((100vw - (2 * 20px)) * 0.5625); } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.widescreen.col-lg-7 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 0.5625); } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.widescreen.col-lg-7 .video-container {
    height: 270px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.widescreen.col-lg-7 .video-container {
    height: 371.25px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.widescreen.col-lg-7 .video-container {
    height: 296.7187482563px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.widescreen.col-lg-7 .video-container {
    height: 336.0937480313px; } }
.block-textimage .image-col.fullscreen.col-lg-5 .video-container {
  /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
@media (max-width: 359.98px) {
  .block-textimage .image-col.fullscreen.col-lg-5 .video-container {
    height: calc((100vw - (2 * 20px)) * 0.75); } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.fullscreen.col-lg-5 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 0.75); } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.fullscreen.col-lg-5 .video-container {
    height: 360px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.fullscreen.col-lg-5 .video-container {
    height: 495px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.fullscreen.col-lg-5 .video-container {
    height: 279.375002325px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.fullscreen.col-lg-5 .video-container {
    height: 316.875002625px; } }
.block-textimage .image-col.fullscreen.col-lg-6 .video-container {
  /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
@media (max-width: 359.98px) {
  .block-textimage .image-col.fullscreen.col-lg-6 .video-container {
    height: calc((100vw - (2 * 20px)) * 0.75); } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.fullscreen.col-lg-6 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 0.75); } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.fullscreen.col-lg-6 .video-container {
    height: 360px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.fullscreen.col-lg-6 .video-container {
    height: 495px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.fullscreen.col-lg-6 .video-container {
    height: 337.5px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.fullscreen.col-lg-6 .video-container {
    height: 382.5px; } }
.block-textimage .image-col.fullscreen.col-lg-7 .video-container {
  /*height: calc((100vw - (2 * $p-container-xxs)) * $ratio);*/ }
@media (max-width: 359.98px) {
  .block-textimage .image-col.fullscreen.col-lg-7 .video-container {
    height: calc((100vw - (2 * 20px)) * 0.75); } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-textimage .image-col.fullscreen.col-lg-7 .video-container {
    /*height: calc((100vw - (2 * $p-container-xs)) * $ratio);*/
    height: calc((100vw - (2 * 25px)) * 0.75); } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-textimage .image-col.fullscreen.col-lg-7 .video-container {
    height: 360px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-textimage .image-col.fullscreen.col-lg-7 .video-container {
    height: 495px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage .image-col.fullscreen.col-lg-7 .video-container {
    height: 395.624997675px; } }
@media (min-width: 1200px) {
  .block-textimage .image-col.fullscreen.col-lg-7 .video-container {
    height: 448.124997375px; } }

.block-tiles {
  padding-bottom: 30px !important; }
@media (min-width: 1200px) {
  .block-tiles .container {
    padding-right: 60px;
    padding-left: 60px; } }
.block-tiles.cards .tile {
  margin-bottom: 30px; }
  .block-tiles.cards .tile .card-container {
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    height: 100%;
    padding: 30px 35px; }
  @media (max-width: 767.98px) {
    .block-tiles.cards .tile .card-container {
      padding: 40px 35px;
      width: 80%;
      margin: 0px auto; } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-tiles.cards .tile .card-container {
    width: 90%; } }
@media (max-width: 359.98px) {
  .block-tiles.cards .tile .card-container {
    width: 100%; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-tiles.cards .tile.image.col-md-5 {
    flex: 0 0 50%;
    max-width: 50%; } }
.block-tiles.cards .tile.image .card-container {
  position: relative;
  padding: 0px; }
  .block-tiles.cards .tile.image .card-container .image {
    width: 100%;
    height: 180px;
    overflow: hidden; }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .block-tiles.cards .tile.image .card-container .image {
      height: 200px; } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-tiles.cards .tile.image .card-container .image {
    height: 50vw;
    max-height: 220px; } }
.block-tiles.cards .tile.image .card-container .image img {
  max-width: unset !important;
  width: 100%;
  min-height: 100%;
  position: relative;
  object-fit: cover;
  object-position: center center;
  overflow: hidden; }
.block-tiles.cards .tile.image .card-container .text {
  padding: 10px 35px 30px 35px; }
@media (max-width: 575.98px) {
  .block-tiles.cards .tile.image .card-container .text {
    width: 95%; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-tiles.cards .tile.image .card-container .text {
    width: 90%; } }
@media (min-width: 1200px) {
  .block-tiles.cards .tile.image .card-container .text {
    width: 90%; } }
.block-tiles.cards .tile.button {
  padding-bottom: 0px !important; }
  .block-tiles.cards .tile.button .card-container .buttons {
    bottom: 30px; }
.block-tiles.cards .tile.button.image .card-container {
  padding-bottom: 57px; }
.block-tiles.cards .tile.button.icon .card-container {
  padding-bottom: 87px; }
.block-tiles .tile {
  text-align: center;
  margin-bottom: 55px;
  position: relative; }
  .block-tiles .tile .image {
    width: 55%;
    margin: 0px auto 25px auto; }
  @media (max-width: 575.98px) {
    .block-tiles .tile .image {
      width: 40%; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-tiles .tile .image {
    width: 50%; } }
.block-tiles .tile .image img {
  max-width: 100%; }
.block-tiles .tile .text {
  margin: 0px auto; }
@media (max-width: 575.98px) {
  .block-tiles .tile .text {
    width: 85%; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .block-tiles .tile .text {
    width: 75%; } }
@media (min-width: 1200px) {
  .block-tiles .tile .text {
    width: 90%; } }
.block-tiles .tile .text p {
  font-size: 93.75%; }
.block-tiles .tile.button.icon {
  padding-bottom: 57px; }
.block-tiles .tile.button .buttons {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px; }

.blocks-wrapper {
  /* The role of .blocks-wrapper is to apply special rules when a block is inside another block */ }

@media (min-width: 1200px) {
  .block-gallery.columns.columns-4 .image-container.col-lg-6 .image img, .block-gallery.columns.columns-4 .image-container.col-lg-9 .image img, .block-gallery.columns.columns-4 .image-container.col-lg-12 .image img {
    height: 232.5px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-gallery.columns.columns-4 .image-container.col-lg-6 .image img, .block-gallery.columns.columns-4 .image-container.col-lg-9 .image img, .block-gallery.columns.columns-4 .image-container.col-lg-12 .image img {
    height: 202.5px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-gallery.columns.columns-4 .image-container.col-lg-6 .image img, .block-gallery.columns.columns-4 .image-container.col-lg-9 .image img, .block-gallery.columns.columns-4 .image-container.col-lg-12 .image img {
    height: 315px; } }
@media (min-width: 1200px) {
  .block-gallery.columns.columns-3 .image-container.col-lg-8 .image img, .block-gallery.columns.columns-3 .image-container.col-lg-12 .image img {
    height: 320px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-gallery.columns.columns-3 .image-container.col-lg-8 .image img, .block-gallery.columns.columns-3 .image-container.col-lg-12 .image img {
    height: 280px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-gallery.columns.columns-3 .image-container.col-lg-8 .image img, .block-gallery.columns.columns-3 .image-container.col-lg-12 .image img {
    height: 315px; } }
@media (min-width: 1200px) {
  .block-gallery.columns.columns-2 .image-container.col-lg-12 .image img {
    height: 495px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-gallery.columns.columns-2 .image-container.col-lg-12 .image img {
    height: 435px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-gallery.columns.columns-2 .image-container.col-lg-12 .image img {
    height: 315px; } }
.block-gallery.columns .image-container .image {
  margin-bottom: 30px; }
.block-gallery .image-container .image {
  overflow: hidden; }
  .block-gallery .image-container .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center; }

.blocks-wrapper {
  /* The role of .blocks-wrapper is to apply special rules when a block is inside another block */ }

.block-logogrid .logo-container {
  margin-bottom: 40px; }
@media (min-width: 992px) {
  .block-logogrid .logo-container.col-lg-fifths {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 992px) {
  .block-logogrid .logo-container.col-lg-eighths {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; } }
.block-logogrid .logo-container.col-lg-eighths .logo {
  padding: 6px; }
.block-logogrid .logo-container .logo {
  position: relative;
  padding: 30px; }
@media (max-width: 991.98px) {
  .block-logogrid .logo-container .logo {
    padding: 20px; } }
.block-logogrid .logo-container .logo a {
  display: block;
  position: relative; }
  .block-logogrid .logo-container .logo a p {
    position: absolute;
    left: 0px;
    width: 100%;
    text-decoration: underline; }
    .block-logogrid .logo-container .logo a:hover p {
      color: black;
      text-decoration: underline;
      opacity: 1; }
.block-logogrid .logo-container .logo img {
  height: 100%;
  width: 100%;
  transition: all 0.5s; }
.block-logogrid .logo-container .logo p {
  font-weight: 600;
  text-align: center;
  margin-top: 8px;
  color: black;
  transition: opacity 0.5s;
  opacity: 0; }

.block-photostrip.full .container {
  max-width: 100%;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px; }
.block-photostrip.strip .photos-container {
  height: 320px;
  overflow: hidden; }
.block-photostrip.carousel {
  overflow: hidden; }
  .block-photostrip.carousel.focus .photos-container:before, .block-photostrip.carousel.focus .photos-container:after {
    margin: 25px 0px; }
  .block-photostrip.carousel.focus .photos-container .photo {
    margin: 25px 0px; }
    .block-photostrip.carousel.focus .photos-container .photo.slick-center, .block-photostrip.carousel.focus .photos-container .photo.slick-loop {
      height: 370px;
      margin: 0px; }
  .block-photostrip.carousel.focus .back, .block-photostrip.carousel.focus .next {
    height: 370px; }
  .block-photostrip.carousel .photos-container {
    position: relative; }
    .block-photostrip.carousel .photos-container:before, .block-photostrip.carousel .photos-container:after {
      content: "";
      background-size: 100% 100%;
      background-repeat: no-repeat;
      width: 90px;
      height: 320px;
      position: absolute;
      top: 0px;
      z-index: 1; }
    @media (max-width: 575.98px) {
      .block-photostrip.carousel .photos-container:before, .block-photostrip.carousel .photos-container:after {
        width: 70px; } }
    .block-photostrip.carousel .photos-container:before {
      background-image: url("partials/core/medium/block_photostrip/images/gradient_left.png");
      left: 0px; }
    .block-photostrip.carousel .photos-container:after {
      background-image: url("partials/core/medium/block_photostrip/images/gradient_right.png");
      right: 0px; }
  .block-photostrip.carousel .back, .block-photostrip.carousel .next {
    position: absolute;
    align-items: center !important;
    width: 90px;
    height: 320px;
    z-index: 2;
    top: 0px; }
  @media (max-width: 575.98px) {
    .block-photostrip.carousel .back, .block-photostrip.carousel .next {
      width: 70px; } }
  .block-photostrip.carousel .back svg, .block-photostrip.carousel .next svg {
    height: 30px;
    width: 30px;
    opacity: 0.92;
    cursor: pointer; }
    .block-photostrip.carousel .back svg:hover, .block-photostrip.carousel .next svg:hover {
      opacity: 1; }
    .block-photostrip.carousel .back svg polyline, .block-photostrip.carousel .next svg polyline {
      fill: none;
      stroke: white;
      stroke-miterlimit: 10;
      stroke-width: 12px; }
  .block-photostrip.carousel .back {
    left: 15px;
    justify-content: flex-start; }
    .block-photostrip.carousel .back svg {
      margin-left: 8px; }
  .block-photostrip.carousel .next {
    right: 15px;
    justify-content: flex-end; }
    .block-photostrip.carousel .next svg {
      margin-right: 8px; }
.block-photostrip .photos-container {
  font-size: 0px; }
  .block-photostrip .photos-container .photo {
    display: inline-block;
    width: 25%;
    height: 320px;
    transition: height 0.9s, margin 0.9s; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .block-photostrip .photos-container .photo {
      width: 33.3333333333%; } }
@media (min-width: 360px) and (max-width: 575.98px) {
  .block-photostrip .photos-container .photo {
    width: 50%; } }
.block-photostrip .photos-container .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.blocks-wrapper .block-resources.padded.above {
  margin-top: 0px !important; }
.blocks-wrapper .block-resources.padded.below {
  margin-bottom: 0px !important; }

.block-resources h4 {
  margin-top: 0px;
  margin-bottom: 8px; }
.block-resources p {
  margin-top: 4px;
  margin-bottom: 10px; }
.block-resources ul.resources {
  list-style: none;
  padding-left: 45px;
  margin-top: 12px;
  margin-bottom: 0px; }
  .block-resources ul.resources li {
    position: relative;
    line-height: 2; }
    .block-resources ul.resources li:before {
      position: absolute;
      content: "";
      height: 18px;
      width: 18px;
      background-image: url('partials/core/medium/block_resources/images/icon_pdf.png');
      background-size: cover;
      background-repeat: no-repeat;
      left: -28px;
      top: 5px; }
      .block-resources ul.resources li.doc:before {
        background-image: url('partials/core/medium/block_resources/images/icon_doc.png'); }
    .block-resources ul.resources li.ppt:before {
      background-image: url('partials/core/medium/block_resources/images/icon_ppt.png'); }
  .block-resources ul.resources li.url:before {
    background-image: url('partials/core/medium/block_resources/images/icon_url.png'); }
.block-resources ul.resources li.vid:before {
  background-image: url('partials/core/medium/block_resources/images/icon_vid.png'); }
.block-resources ul.resources li.xls:before {
  background-image: url('partials/core/medium/block_resources/images/icon_xls.png'); }
.block-resources ul.resources li.zip:before {
  background-image: url('partials/core/medium/block_resources/images/icon_zip.png'); }

.blocks-wrapper .block-related.padded {
  padding-top: 48.75px !important;
  padding-bottom: 48.75px !important; }
@media (max-width: 575.98px) {
  .blocks-wrapper .block-related.padded {
    padding-top: 9vw !important;
    padding-bottom: 9vw !important; } }
.blocks-wrapper .block-related.padded.above {
  margin-top: 0px !important; }
.blocks-wrapper .block-related.padded.below {
  margin-bottom: 0px !important; }

.block-related .container h2 {
  margin-bottom: 22px; }
.block-related .container .article {
  margin-bottom: 40px; }
  .block-related .container .article .image img {
    width: 100%;
    max-width: 100%;
    height: 146px;
    object-fit: cover;
    object-position: top center; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .block-related .container .article .image img {
      height: 160px; } }
@media (max-width: 575.98px) {
  .block-related .container .article .image img {
    height: 45vw; } }
.block-related .container .article h4 {
  margin-top: 20px; }
.block-related .container .article p {
  margin-top: 4px;
  margin-bottom: 6px; }

.block-scenario .message-client, .block-scenario .message-clario {
  margin-bottom: 20px; }
  .block-scenario .message-client .bubble, .block-scenario .message-clario .bubble {
    width: 55%;
    padding: 15px 22px; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .block-scenario .message-client .bubble, .block-scenario .message-clario .bubble {
      width: 70%; } }
@media (max-width: 767.98px) {
  .block-scenario .message-client .bubble, .block-scenario .message-clario .bubble {
    width: 80%; } }
.block-scenario .message-client .bubble p, .block-scenario .message-clario .bubble p {
  margin: 0px;
  line-height: 1.4; }
.block-scenario .message-client .bubble ul, .block-scenario .message-clario .bubble ul {
  margin: 0px;
  padding-left: 13px;
  list-style: none; }
  .block-scenario .message-client .bubble ul li, .block-scenario .message-clario .bubble ul li {
    position: relative;
    margin: 0px;
    line-height: 1.4; }
    .block-scenario .message-client .bubble ul li:before, .block-scenario .message-clario .bubble ul li:before {
      content: ">";
      position: absolute;
      left: -14px; }
.block-scenario .message-client + .message-clario {
  margin-top: -28px; }
.block-scenario .message-client .bubble {
  background-color: black;
  margin: 0px auto 0px 0px; }
  .block-scenario .message-client .bubble p {
    color: white !important; }
.block-scenario .message-clario .name {
  text-align: right; }
  .block-scenario .message-clario .name p {
    font-weight: 600;
    color: black;
    margin: 0px 0px 6px 0px; }
.block-scenario .message-clario .bubble {
  background-color: white;
  margin: 0px 0px 0px auto; }
  .block-scenario .message-clario .bubble.dark p {
    color: white !important; }
    .block-scenario .message-clario .bubble.dark ul li {
      color: white !important; }
  .block-scenario .message-clario .bubble p {
    font-style: italic;
    color: black; }
    .block-scenario .message-clario .bubble ul li {
      font-weight: 300;
      font-style: italic;
      color: black; }
.block-scenario .message-clario + .message-clario .name {
  display: none; }
.block-scenario .time-elapse {
  margin-top: 5px;
  margin-bottom: 10px; }
  .block-scenario .time-elapse .time-elapse-container {
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; }
    .block-scenario .time-elapse .time-elapse-container .line {
      position: relative;
      display: inline-block;
      font-size: 18px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.025em;
      color: black; }
      .block-scenario .time-elapse .time-elapse-container .line:before, .block-scenario .time-elapse .time-elapse-container .line:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 1px;
        background-color: black; }
      .block-scenario .time-elapse .time-elapse-container .line:before {
        right: 100%;
        margin-right: 15px; }
      .block-scenario .time-elapse .time-elapse-container .line:after {
        left: 100%;
        margin-left: 15px; }
.block-scenario .buttons-container {
  margin-top: 15px;
  text-align: center; }
  .block-scenario .buttons-container .buttons a.button {
    color: black !important;
    border: 1px solid black !important; }
.block-scenario.dark .buttons-container .buttons a.button:hover {
  color: white !important;
  border: 1px solid white !important; }
.block-scenario.light .buttons-container .buttons a.button:hover {
  color: #C1D731;
  border: 1px solid #C1D731; }

.scenarios .block-scenario.light .buttons-container .buttons a.button:hover {
  color: #ED1E79 !important;
  border: 1px solid #ED1E79 !important; }

.block-bio.light .bio-col .person-container p.title {
  color: black; }
.block-bio.dark .bio-col .person-container p.title {
  color: white; }
.block-bio .bio-col {
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center; }
@media (min-width: 768px) {
  .block-bio .bio-col {
    padding-left: 40px; } }
.block-bio .bio-col .person-container {
  margin-bottom: 15px; }
  .block-bio .bio-col .person-container h3 {
    display: inline-block; }
  .block-bio .bio-col .person-container p.title {
    display: inline-block;
    margin-left: 9px;
    font-size: 22px;
    font-style: italic; }
.block-bio .bio-col p.read-more {
  display: block !important;
  margin-top: 8px; }
  .block-bio .bio-col p.read-more a {
    font-size: 14px; }
    .block-bio .bio-col p.read-more a:after {
      display: inline-block;
      position: relative;
      font-family: typicons !important;
      content: "";
      top: 1px;
      margin-left: 6px; }
      .block-bio .bio-col p.read-more a.open:after {
        content: ""; }
.block-bio .bio-col .bio-container.read-more {
  max-height: 280px;
  position: relative;
  overflow: hidden;
  transition: max-height 2s ease-out, height 0.3s ease-out; }
  .block-bio .bio-col .bio-container.read-more:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0px;
    left: 0px;
    background-repeat: repeat-x;
    transition: opacity 0.3s;
    opacity: 1; }
  .block-bio .bio-col .bio-container.read-more.open {
    max-height: 2000px; }
    .block-bio .bio-col .bio-container.read-more.open:after {
      opacity: 0; }
  .block-bio .bio-col .bio-container.read-more.bkgnd-light:after {
    background-image: url(../../images/mask_bottom_light.png); }
.block-bio .bio-col .bio-container.read-more.bkgnd-white:after {
  background-image: url(../../images/mask_bottom_white.png); }
.block-bio .bio-col .bio-container.read-more.bkgnd-primary:after {
  background-image: url(../../images/mask_bottom_primary.png); }
.block-bio .bio-col .bio-container.read-more.bkgnd-secondary:after {
  background-image: url(../../images/mask_bottom_secondary.png); }
.block-bio .bio-col .bio-container > .read-more {
  display: none;
  margin-bottom: 20px; }

.blocks-wrapper {
  /* The role of .blocks-wrapper is to apply special rules when a block is inside another block */ }

.why-clario .block-hero.dark.customer .title-container .title .text-container blockquote p {
  color: #34B0F6; }
.why-clario .block-hero.dark.customer .image .customer-container p span.customer-name, .why-clario .block-hero.dark.customer .image .customer-container p span.customer-title {
  color: #34B0F6; }

@media (min-width: 768px) and (max-width: 991.98px) {
  .block-peoplegrid .person {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; } }
@media (max-width: 575.98px) {
  .block-peoplegrid .person {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }
.block-peoplegrid .person .person-container {
  position: relative;
  height: 100%;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  background: -moz-linear-gradient(0% 50% 0deg, #7ac943 0%, #c1d731 84.42%);
  background: -webkit-linear-gradient(0deg, #7ac943 0%, #c1d731 84.42%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #7ac943), color-stop(0.8442, #c1d731));
  background: -o-linear-gradient(0deg, #7ac943 0%, #c1d731 84.42%);
  background: -ms-linear-gradient(0deg, #7ac943 0%, #c1d731 84.42%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7AC943', endColorstr='#C1D731' ,GradientType=0)";
  background: linear-gradient(90deg, #7ac943 0%, #c1d731 84.42%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7AC943',endColorstr='#C1D731' , GradientType=1); }
  .block-peoplegrid .person .person-container .image-container .image {
    margin-bottom: 0px; }
  .block-peoplegrid .person .person-container .info-container {
    padding: 12px 50px;
    text-align: center; }
    .block-peoplegrid .person .person-container .info-container h5 {
      font-style: italic;
      color: black; }
    .block-peoplegrid .person .person-container .info-container p.title {
      font-size: 12px;
      font-weight: 500;
      font-style: italic;
      letter-spacing: 0.075em;
      color: black;
      text-transform: uppercase; }
      .block-peoplegrid .person .person-container .info-container .social ul li a svg {
        fill: black; }
        .block-peoplegrid .person .person-container .info-container .social ul li a:hover svg {
          fill: white; }
.block-peoplegrid.light .person .person-container .info-container .social ul li a svg {
  fill: black; }
  .block-peoplegrid.light .person .person-container .info-container .social ul li a:hover svg {
    fill: white; }
.block-peoplegrid.about-leadership-team {
  position: relative; }
  .block-peoplegrid.about-leadership-team:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 25%;
    background-color: white; }

.blocks-wrapper {
  /* The role of .blocks-wrapper is to apply special rules when a block is inside another block */ }

.block-strip {
  padding: 36px 0px 34px 0px; }
  .block-strip h3 {
    font-weight: 500;
    font-style: italic;
    text-transform: uppercase;
    font-size: 22px; }
  @media (max-width: 575.98px) {
    .block-strip {
      padding: 28px 0px 26px 0px; }
      .block-strip h3 {
        font-size: 4.3vw; } }

.blocks-wrapper {
  /* The role of .blocks-wrapper is to apply special rules when a block is inside another block */ }

.block-text svg.double-down-arrows {
  margin-top: 10px;
  margin-bottom: 22px; }
  .block-text svg.double-down-arrows polyline {
    stroke: #C1D731; }
.block-text.h2-ital h2 {
  font-style: italic; }
.block-text.home-scenario-head {
  position: relative;
  padding-top: 74.75px; }
  .block-text.home-scenario-head:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 40px;
    background-image: url("images/bkgnd_hashes.png");
    background-size: cover; }
  .block-text.home-scenario-head h2 {
    font-size: 60px;
    font-weight: 600;
    text-transform: uppercase;
    color: black !important;
    margin-bottom: 0px; }
  .block-text.home-scenario-head h3 {
    font-style: italic;
    color: black !important; }
.block-text.bring-to-front {
  position: relative;
  z-index: 1; }
.block-text.about-leadership-title {
  margin-top: -50px; }

.why-clario .block-text svg.double-down-arrows polyline {
  stroke: #34B0F6; }

.scenarios .block-text svg.double-down-arrows polyline {
  stroke: white; }

.plans .block-text svg.double-down-arrows polyline {
  stroke: #93278F; }

.plans .block-text h2.quote, .scenarios .block-text h2.quote, .why-clario .block-text h2.quote {
  font-weight: 300;
  font-style: italic; }
.plans .block-text h4, .scenarios .block-text h4, .why-clario .block-text h4 {
  margin-bottom: 0px; }
  .plans .block-text h4 + p, .scenarios .block-text h4 + p, .why-clario .block-text h4 + p {
    margin-top: 0px; }

.about .block-text svg.double-down-arrows {
  margin-top: 30px;
  margin-bottom: 0px; }
  .about .block-text svg.double-down-arrows polyline {
    stroke: white; }
.about .block-text h2.quote {
  font-style: italic; }

.plans .block-text.plans-audience-builder-intro .col-one .content-container h2 {
  font-style: italic; }
  .plans .block-text.plans-audience-builder-intro .col-one .content-container h2 + p {
    margin-top: 8px; }
.plans .block-text.plans-audience-builder-intro .col-one .content-container h4 {
  margin-top: 25px;
  font-style: italic; }
.plans .block-text.plans-audience-builder .col-one .content-container ul li {
  margin-bottom: 10px; }

.contact-us .block-text.contact-cta a {
  line-height: 26px;
  font-weight: 600;
  font-style: italic; }

.blocks-wrapper {
  /* The role of .blocks-wrapper is to apply special rules when a block is inside another block */ }

.block-textimage.padded.less-padding .text-col {
  padding-top: 21.45px;
  padding-bottom: 21.45px; }
@media (max-width: 991.98px) {
  .block-textimage.padded.less-padding .text-col {
    padding-bottom: 65px; } }
@media (max-width: 575.98px) {
  .block-textimage.padded.less-padding .text-col {
    padding-top: 3.96vw;
    padding-bottom: 12vw; } }
.block-textimage.padded.less-padding .image-col .image-container, .block-textimage.padded.less-padding .image-col .video-container {
  margin-top: 21.45px;
  margin-bottom: 21.45px; }
@media (max-width: 991.98px) {
  .block-textimage.padded.less-padding .image-col .image-container, .block-textimage.padded.less-padding .image-col .video-container {
    margin-bottom: 13px; } }
.block-textimage .text-col h2 {
  font-style: italic; }
@media (min-width: 992px) {
  .block-textimage.home-datadiagram .text-col {
    padding-top: 113.75px !important;
    padding-bottom: 113.75px !important; } }
.block-textimage.scenarios-hero.padded .image-col .image-container {
  margin-top: 6.5px;
  margin-bottom: 6.5px; }
@media (max-width: 991.98px) {
  .block-textimage.scenarios-hero.padded .image-col .image-container {
    margin-top: 0px;
    overflow: hidden; }
    .block-textimage.scenarios-hero.padded .image-col .image-container img {
      margin-top: -29.25px; } }
.block-textimage.scenarios-hero.padded .text-col {
  padding-top: 8.125px;
  padding-bottom: 8.125px; }
@media (max-width: 991.98px) {
  .block-textimage.scenarios-hero.padded .text-col {
    margin-top: -55px;
    padding-bottom: 65px; } }
@media (min-width: 992px) {
  .block-textimage.scenarios-hero.padded .text-col .content-container {
    margin-top: 48.75px; } }
.block-textimage.scenarios-hero.padded .text-col .content-container h1 {
  font-style: italic;
  font-weight: 600; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .block-textimage.scenarios-hero.padded .text-col .content-container h1 {
    font-size: 52px; } }
@media (min-width: 1200px) {
  .block-textimage.scenarios-hero.padded .text-col .content-container h1 {
    font-size: 58px; } }
.block-textimage.why-clario-get-team .image-container {
  margin-top: auto !important;
  margin-bottom: 0px !important; }
.block-textimage.contact-us-map h4 {
  color: #424143 !important; }
.block-textimage.contact-us-map p {
  color: #424143 !important;
  margin-top: 6px; }

.block-tiles {
  padding-bottom: 48.75px !important; }
@media (min-width: 768px) {
  .block-tiles.cards .tile {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; } }
.block-tiles.cards .tile .card-container {
  padding: 30px 25px; }
@media (max-width: 767.98px) {
  .block-tiles.cards .tile .card-container {
    width: 100%; } }
.block-tiles.cards .tile .card-container .text h4 {
  font-size: 17px;
  font-style: italic;
  color: black;
  margin-bottom: 6px;
  line-height: 1.3; }
.block-tiles.cards .tile .card-container .text p {
  color: black;
  font-size: 15px;
  margin-top: 6px;
  line-height: 1.3; }
  .block-tiles.cards .tile .card-container .text p span.pricing {
    display: block;
    margin-bottom: 25px; }
.block-tiles.cards .tile .card-container .text h5 {
  font-size: 16px;
  color: black;
  font-style: italic;
  margin-bottom: 6px;
  line-height: 1.3;
  margin-top: 25px; }
.block-tiles.cards .tile .card-container .text ul {
  text-align: left;
  padding-left: 10px; }
  .block-tiles.cards .tile .card-container .text ul li {
    font-size: 15px;
    margin-bottom: 10px; }
.block-tiles.cards .tile .card-container .image {
  margin: 0px auto 20px auto; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-tiles.cards .tile .card-container .image {
    width: 75%; } }
@media (max-width: 767.98px) {
  .block-tiles.cards .tile .card-container .image {
    width: 60%; } }
.scenarios .block-tiles.scenarios-list {
  position: relative; }
  .scenarios .block-tiles.scenarios-list:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 75%;
    background-color: white; }
    .scenarios .block-tiles.scenarios-list.cards .tile .card-container {
      background-color: #424143; }
      .scenarios .block-tiles.scenarios-list.cards .tile .card-container .text {
        text-align: left; }
        .scenarios .block-tiles.scenarios-list.cards .tile .card-container .text h4 {
          font-size: 26px;
          font-style: normal;
          color: white; }
        .scenarios .block-tiles.scenarios-list.cards .tile .card-container .text p {
          color: white;
          line-height: 1.75; }
      .scenarios .block-tiles.scenarios-list.cards .tile .card-container .buttons {
        padding: 0px 15px;
        margin-bottom: -30px; }
        .scenarios .block-tiles.scenarios-list.cards .tile .card-container .buttons a.button {
          width: 100%;
          height: 60px;
          transform: none;
          border: none;
          text-align: right;
          margin: 0px;
          padding: 0px 25px;
          background: -moz-linear-gradient(0% 50% 0deg, #93278f 0%, #ed1e79 84.42%);
          background: -webkit-linear-gradient(0deg, #93278f 0%, #ed1e79 84.42%);
          background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #93278f), color-stop(0.8442, #ed1e79));
          background: -o-linear-gradient(0deg, #93278f 0%, #ed1e79 84.42%);
          background: -ms-linear-gradient(0deg, #93278f 0%, #ed1e79 84.42%);
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#93278F', endColorstr='#ED1E79' ,GradientType=0)";
          background: linear-gradient(90deg, #93278f 0%, #ed1e79 84.42%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93278F',endColorstr='#ED1E79' , GradientType=1); }
          .scenarios .block-tiles.scenarios-list.cards .tile .card-container .buttons a.button .button-text {
            transform: none;
            margin-top: 18px; }
            .scenarios .block-tiles.scenarios-list.cards .tile .card-container .buttons a.button .button-text:before {
              content: "> "; }
            .scenarios .block-tiles.scenarios-list.cards .tile .card-container .buttons a.button .button-text:hover {
              color: white;
              text-decoration: underline; }
          .scenarios .block-tiles.scenarios-list.cards .tile .card-container .buttons a.button:hover {
            border: none;
            color: white; }