/* Widths */
/* Media Query Things */
/* Colours */
@import url("//fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i");
@keyframes fadeFromBottom {
  from {
    transform: translate3d(0, 40px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeFromLeft {
  from {
    transform: translate3d(40px, 0, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeFromRight {
  from {
    transform: translate3d(-40px, 0, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes pulse-ring {
  0% {
    transform: scale(0.33); }
  80%, 100% {
    opacity: 0; } }

@keyframes pulse-dot {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.8); } }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-family: 'Raleway', Helvetica, sans-serif;
  vertical-align: baseline; }

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

body {
  line-height: 1;
  overflow-x: hidden;
  max-width: 100%; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

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

a {
  color: #000000; }

body.noscroll {
  overflow: hidden;
  position: fixed; }

@font-face {
  font-family: 'TaguchiWebIcons';
  src: url("../fonts/TaguchiWebIcons.eot");
  src: url("../fonts/TaguchiWebIcons.eot") format("embedded-opentype"), url("../fonts/TaguchiWebIcons.woff2") format("woff2"), url("../fonts/TaguchiWebIcons.woff") format("woff"), url("../fonts/TaguchiWebIcons.ttf") format("truetype"), url("../fonts/TaguchiWebIcons.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/*------------------------
	base class definition
-------------------------*/
.icon {
  display: inline-block;
  font: normal normal normal 1em/1 'TaguchiWebIcons';
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*------------------------
  change icon size
-------------------------*/
/* relative units */
.icon-sm {
  font-size: 0.8em; }

.icon-lg {
  font-size: 1.2em; }

/* absolute units */
.icon-16 {
  font-size: 16px; }

.icon-32 {
  font-size: 32px; }

/*----------------------------------
  add a square/circle background
-----------------------------------*/
.icon-bg-square,
.icon-bg-circle {
  padding: 0.35em;
  background-color: #eee; }

.icon-bg-circle {
  border-radius: 50%; }

/*------------------------------------
  use icons as list item markers
-------------------------------------*/
.icon-ul {
  padding-left: 0;
  list-style-type: none; }
  .icon-ul > li {
    display: flex;
    align-items: flex-start;
    line-height: 1.4; }
  .icon-ul > li > .icon {
    margin-right: 0.4em;
    line-height: inherit; }

/*------------------------
  spinning icons
-------------------------*/
.icon-is-spinning {
  -webkit-animation: icon-spin 2s infinite linear;
  -moz-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear; }

@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes icon-spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*------------------------
  rotated/flipped icons
-------------------------*/
.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.icon-flip-y {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icon-flip-x {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

/*------------------------
	icons
-------------------------*/
.icon-curve-directions::before {
  content: "\ea02"; }

.icon-settings::before {
  content: "\ea03"; }

.icon-code-editor::before {
  content: "\ea04"; }

.icon-responsive::before {
  content: "\ea05"; }

.icon-menu-bold::before {
  content: "\ea07"; }

.icon-australia::before {
  content: "\ea08"; }

.icon-bold-right::before {
  content: "\ea09"; }

.icon-bold-left::before {
  content: "\ea0a"; }

.icon-bold-down::before {
  content: "\ea0b"; }

.icon-check-circle-07::before {
  content: "\ea0c"; }

.icon-store::before {
  content: "\ea0d"; }

.icon-bag-20::before {
  content: "\ea0e"; }

.icon-b-love::before {
  content: "\ea0f"; }

.icon-send::before {
  content: "\ea10"; }

.icon-chart-pie-36::before {
  content: "\ea11"; }

.icon-coins::before {
  content: "\ea12"; }

.icon-focus::before {
  content: "\ea13"; }

.icon-simple-add::before {
  content: "\ea14"; }

.icon-simple-delete::before {
  content: "\ea15"; }

.icon-email-84::before {
  content: "\ea16"; }

.icon-button-2::before {
  content: "\ea17"; }

.icon-mobile-dev::before {
  content: "\ea18"; }

.icon-code::before {
  content: "\ea19"; }

.icon-app::before {
  content: "\ea1a"; }

.icon-delivery::before {
  content: "\ea1b"; }

.icon-delivery-fast::before {
  content: "\ea1c"; }

.icon-window-code::before {
  content: "\ea1d"; }

.icon-l-search::before {
  content: "\ea1e"; }

.icon-pin-4::before {
  content: "\ea1f"; }

.icon-network::before {
  content: "\ea20"; }

.icon-palette::before {
  content: "\ea21"; }

.icon-curve-split::before {
  content: "\ea22"; }

.icon-priority-high::before {
  content: "\ea23"; }

.icon-power-level::before {
  content: "\ea24"; }

.icon-file-download-89::before {
  content: "\ea25"; }

.icon-trend-up::before {
  content: "\ea26"; }

.icon-support-17::before {
  content: "\ea27"; }

.icon-briefcase-24::before {
  content: "\ea28"; }

.icon-marker-2::before {
  content: "\ea29"; }

.icon-privacy-policy::before {
  content: "\ea2a"; }

.icon-shoe-woman::before {
  content: "\ea2b"; }

.lightbox {
  display: none;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  align-items: center;
  align-content: flex-start;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  padding: 0 50px; }
  .lightbox .popup {
    position: relative;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: fadeFromBottom;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: fadeFromBottom;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: forwards;
    animation-duration: 0.4s;
    animation-name: fadeFromBottom;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    background-color: #ffffff;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 300px 0 0 0; }
    .lightbox .popup iframe {
      position: absolute;
      top: -60px;
      left: 40px;
      width: calc(100% - 80px);
      max-width: 700px;
      background-color: #fbbf0a;
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08); }
    .lightbox .popup .content {
      padding: 30px 40px 40px 40px; }
      .lightbox .popup .content h4 {
        font-size: 1.3em;
        font-weight: 600;
        margin: 0 0 15px 0; }
      .lightbox .popup .content p {
        font-size: 1em;
        line-height: 1.5em;
        margin: 0 0 20px 0; }
        .lightbox .popup .content p sup {
          vertical-align: super;
          font-size: smaller; }
      .lightbox .popup .content a {
        position: relative;
        font-weight: 800;
        font-size: 1.1em;
        text-decoration: none;
        color: #000000; }
        .lightbox .popup .content a:after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          bottom: -3px;
          height: 2.5px;
          width: 0;
          background-color: #f8ba00; }
        .lightbox .popup .content a:hover:after {
          -webkit-transition: width 0.2s ease-in-out;
          -moz-transition: width 0.2s ease-in-out;
          -o-transition: width 0.2s ease-in-out;
          transition: width 0.2s ease-in-out;
          width: 100%; }

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #1E1E1E;
  color: #DCDCDC; }

.hljs-keyword,
.hljs-literal,
.hljs-symbol,
.hljs-name {
  color: #569CD6; }

.hljs-link {
  color: #569CD6;
  text-decoration: underline; }

.hljs-built_in,
.hljs-type {
  color: #4EC9B0; }

.hljs-number,
.hljs-class {
  color: #B8D7A3; }

.hljs-string,
.hljs-meta-string {
  color: #D69D85; }

.hljs-regexp,
.hljs-template-tag {
  color: #9A5334; }

.hljs-subst,
.hljs-function,
.hljs-title,
.hljs-params,
.hljs-formula {
  color: #DCDCDC; }

.hljs-comment,
.hljs-quote {
  color: #57A64A;
  font-style: italic; }

.hljs-doctag {
  color: #608B4E; }

.hljs-meta,
.hljs-meta-keyword,
.hljs-tag {
  color: #9B9B9B; }

.hljs-variable,
.hljs-template-variable {
  color: #BD63C5; }

.hljs-attr,
.hljs-attribute,
.hljs-builtin-name {
  color: #9CDCFE; }

.hljs-section {
  color: gold; }

.hljs-emphasis {
  font-style: italic; }

.hljs-strong {
  font-weight: bold; }

/*.hljs-code {
    font-family:'Monospace';
  }*/
.hljs-bullet,
.hljs-selector-tag,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #D7BA7D; }

.hljs-addition {
  background-color: #144212;
  display: inline-block;
  width: 100%; }

.hljs-deletion {
  background-color: #600;
  display: inline-block;
  width: 100%; }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  /* Mobile Break */
  /* REVERSE Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    header {
      position: fixed; } }
  header .container {
    display: flex;
    margin: 0 auto;
    padding: 0 50px;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      header .container {
        padding: 0 20px;
        background-color: rgba(0, 0, 0, 0.9); } }
  header .logo {
    flex: 1;
    max-width: 180px;
    padding: 30px 0;
    height: 50px;
    background-image: url(/assets/images/taguchi-logo-light.png);
    background-size: 173px 50px;
    background-position: 0px 30px;
    background-repeat: no-repeat;
    /* Full Break */
    /* Mobile Break */ }
    @media only screen and (max-width: 1279px) {
      header .logo {
        max-width: 140px;
        background-size: 140px 41px;
        height: 41px; } }
    @media only screen and (max-width: 1023px) {
      header .logo {
        background-image: url(/assets/images/taguchi-logo-mobile.png);
        background-size: 35px 35px;
        background-position: 0px 12px;
        background-repeat: no-repeat;
        max-width: 100%;
        height: 40px;
        padding: 10px 0; } }
  header .menu-bar {
    flex: 1;
    margin-right: 50px;
    white-space: nowrap;
    position: relative;
    /* Full Break */
    /* Mobile Break */ }
    @media only screen and (max-width: 1279px) {
      header .menu-bar {
        margin-right: 20px; } }
    @media only screen and (max-width: 1023px) {
      header .menu-bar {
        display: none;
        flex: none;
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 60px;
        margin: 0;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 100;
        border-top: 1px solid #cccccc;
        overflow: auto;
        -webkit-overflow-scrolling: touch; } }
    header .menu-bar ul {
      list-style-type: none;
      display: block;
      height: 100%;
      text-align: right; }
      header .menu-bar ul li {
        display: inline-block;
        margin: 0;
        padding: 0;
        max-height: 110px;
        /* Mobile Break */
        /* Reverse Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          header .menu-bar ul li {
            position: relative;
            display: block;
            max-height: 100%;
            border-bottom: 1px solid #cccccc; } }
        header .menu-bar ul li a:not(.expand) {
          display: block;
          position: relative;
          text-align: center;
          color: #ffffff;
          text-decoration: none;
          font-size: 0.95em;
          padding: 46px 20px 52px 20px;
          white-space: nowrap;
          cursor: pointer;
          /* Full Break */
          /* Mobile Break */
          /* Reverse Mobile Break */ }
          @media only screen and (max-width: 1279px) {
            header .menu-bar ul li a:not(.expand) {
              font-size: 0.85em;
              padding: 42px 15px 56px 15px; } }
          @media only screen and (max-width: 1023px) {
            header .menu-bar ul li a:not(.expand) {
              font-size: 1em;
              text-align: left;
              padding: 20px 20px 20px 20px; } }
          @media only screen and (min-width: 1023px) {
            header .menu-bar ul li a:not(.expand):after, header .menu-bar ul li a:not(.expand).active:after {
              content: '';
              display: block;
              position: absolute;
              left: 20px;
              bottom: 47px;
              height: 2.5px;
              width: 0;
              background-color: #f8ba00;
              /* Full Break */ } }
  @media only screen and (min-width: 1023px) and (max-width: 1279px) {
    header .menu-bar ul li a:not(.expand):after, header .menu-bar ul li a:not(.expand).active:after {
      left: 15px;
      bottom: 52px;
      height: 2px; } }
          @media only screen and (min-width: 1023px) {
            header .menu-bar ul li a:not(.expand).active:after {
              width: calc(100% - 40px) !important;
              /* Full Break */ } }
  @media only screen and (min-width: 1023px) and (max-width: 1279px) {
    header .menu-bar ul li a:not(.expand).active:after {
      width: calc(100% - 30px) !important; } }
        header .menu-bar ul li .expand {
          display: none;
          position: absolute;
          right: 0;
          top: 0;
          width: 25px;
          max-height: 100%;
          background-color: #ffffff;
          color: #000000;
          text-align: center;
          z-index: 100;
          padding: 19px 20px;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            header .menu-bar ul li .expand {
              display: block; } }
        header .menu-bar ul li .sub-menu {
          display: none;
          position: absolute;
          right: -150px;
          top: 90px;
          background-color: #000000;
          width: 900px;
          text-align: left;
          box-sizing: border-box;
          z-index: 1000;
          color: #ffffff;
          padding: 0;
          -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
          /* Full Break */
          /* Mobile Break */
          /* Reverse Mobile Break */ }
          @media only screen and (max-width: 1279px) {
            header .menu-bar ul li .sub-menu {
              right: -250px;
              top: 80px; } }
          @media only screen and (max-width: 1023px) {
            header .menu-bar ul li .sub-menu {
              position: relative;
              top: auto;
              right: auto;
              width: 100%;
              -webkit-box-shadow: none;
              -moz-box-shadow: none;
              box-shadow: none; } }
          @media only screen and (min-width: 1023px) {
            header .menu-bar ul li .sub-menu ul:not(:hover) li:first-child a {
              background-color: #000000;
              color: #ffffff; }
              header .menu-bar ul li .sub-menu ul:not(:hover) li:first-child a + .inner-menu {
                display: block; } }
          header .menu-bar ul li .sub-menu.simple {
            width: 300px;
            padding: 20px 0 0 0;
            /* Mobile Break */ }
            @media only screen and (max-width: 1023px) {
              header .menu-bar ul li .sub-menu.simple {
                width: 100%; } }
            header .menu-bar ul li .sub-menu.simple a {
              display: block;
              width: 100%;
              box-sizing: border-box;
              background-color: #000000 !important;
              color: #ffffff !important;
              padding: 0 40px 20px 40px;
              white-space: normal;
              vertical-align: top;
              text-align: left;
              /* Mobile Break */ }
              @media only screen and (max-width: 1023px) {
                header .menu-bar ul li .sub-menu.simple a {
                  border: 0;
                  display: block; } }
              header .menu-bar ul li .sub-menu.simple a:hover b,
              header .menu-bar ul li .sub-menu.simple a:hover span {
                -webkit-transition: opacity 0.2s ease-in-out;
                -moz-transition: opacity 0.2s ease-in-out;
                -o-transition: opacity 0.2s ease-in-out;
                transition: opacity 0.2s ease-in-out;
                opacity: 0.6; }
              header .menu-bar ul li .sub-menu.simple a b {
                position: relative;
                display: block;
                font-weight: 500;
                margin: 0 0 5px 0;
                font-size: 1em;
                color: #f7ba00; }
              header .menu-bar ul li .sub-menu.simple a span {
                display: block;
                font-size: 0.9em;
                line-height: 1.4em;
                white-space: normal; }
          header .menu-bar ul li .sub-menu ul {
            width: 250px;
            min-height: 420px;
            height: 100%;
            background-color: #2c2c2c;
            /* Mobile Break */ }
            @media only screen and (max-width: 1023px) {
              header .menu-bar ul li .sub-menu ul {
                width: 100%;
                min-height: 100%;
                background-color: transparent; } }
            header .menu-bar ul li .sub-menu ul li {
              display: block;
              /* Reverse Mobile Break */ }
              header .menu-bar ul li .sub-menu ul li:after {
                content: '';
                text-align: right;
                position: absolute;
                left: 150px;
                margin: -120px 0 0 auto;
                display: none;
                width: 100px;
                height: 200px;
                background-color: rgba(0, 0, 0, 0);
                z-index: 1000;
                border-radius: 100px 0 0 100px; }
              header .menu-bar ul li .sub-menu ul li a:not(.expand-inner) {
                padding: 15px 25px;
                margin: 0;
                font-weight: 500;
                color: #aaaaaa;
                text-align: left;
                /* Mobile Break */ }
                @media only screen and (max-width: 1023px) {
                  header .menu-bar ul li .sub-menu ul li a:not(.expand-inner) {
                    padding: 20px 20px 20px 40px;
                    color: #ffffff; } }
              @media only screen and (min-width: 1023px) {
                header .menu-bar ul li .sub-menu ul li:hover > .inner-menu {
                  display: block; }
                header .menu-bar ul li .sub-menu ul li:hover a {
                  background-color: #000000;
                  color: #ffffff; }
                header .menu-bar ul li .sub-menu ul li:hover:after {
                  display: block; } }
              header .menu-bar ul li .sub-menu ul li .expand-inner {
                display: none;
                position: absolute;
                right: 0;
                top: 0;
                width: 25px;
                max-height: 100%;
                background-color: #ffffff;
                color: #000000;
                text-align: center;
                z-index: 100;
                padding: 20px 20px 20px 20px;
                /* Mobile Break */ }
                @media only screen and (max-width: 1023px) {
                  header .menu-bar ul li .sub-menu ul li .expand-inner {
                    display: block; } }
              header .menu-bar ul li .sub-menu ul li .inner-menu {
                display: none;
                background-color: #000000;
                max-height: 420px;
                min-height: 420px;
                overflow: auto;
                position: absolute;
                width: calc(100% - 250px);
                right: 0;
                top: 0;
                padding: 40px;
                box-sizing: border-box;
                white-space: normal;
                text-align: left;
                column-count: 2;
                /* Mobile Break */ }
                @media only screen and (max-width: 1023px) {
                  header .menu-bar ul li .sub-menu ul li .inner-menu {
                    position: relative;
                    right: auto;
                    top: auto;
                    width: 100%;
                    max-height: 100%;
                    min-height: 100%;
                    column-count: 1;
                    padding: 20px 20px 20px 60px; } }
                header .menu-bar ul li .sub-menu ul li .inner-menu a {
                  display: inline-block;
                  width: 100%;
                  box-sizing: border-box;
                  background-color: #000000 !important;
                  color: #ffffff !important;
                  padding: 0 0 25px 0;
                  white-space: normal;
                  vertical-align: top;
                  /* Mobile Break */ }
                  @media only screen and (max-width: 1023px) {
                    header .menu-bar ul li .sub-menu ul li .inner-menu a {
                      border: 0;
                      display: block; } }
                  header .menu-bar ul li .sub-menu ul li .inner-menu a:hover b,
                  header .menu-bar ul li .sub-menu ul li .inner-menu a:hover span {
                    -webkit-transition: opacity 0.2s ease-in-out;
                    -moz-transition: opacity 0.2s ease-in-out;
                    -o-transition: opacity 0.2s ease-in-out;
                    transition: opacity 0.2s ease-in-out;
                    opacity: 0.6; }
                  header .menu-bar ul li .sub-menu ul li .inner-menu a b {
                    position: relative;
                    display: block;
                    font-weight: 500;
                    margin: 0 0 5px 0;
                    font-size: 1em;
                    color: #f7ba00; }
                  header .menu-bar ul li .sub-menu ul li .inner-menu a span {
                    display: block;
                    font-size: 0.9em;
                    line-height: 1.4em;
                    white-space: normal; }
        @media only screen and (min-width: 1023px) {
          header .menu-bar ul li:hover > a.main:after {
            -webkit-transition: width 0.2s ease-in-out;
            -moz-transition: width 0.2s ease-in-out;
            -o-transition: width 0.2s ease-in-out;
            transition: width 0.2s ease-in-out;
            width: calc(100% - 40px);
            /* Full Break */ } }
  @media only screen and (min-width: 1023px) and (max-width: 1279px) {
    header .menu-bar ul li:hover > a.main:after {
      width: calc(100% - 30px); } }
        @media only screen and (min-width: 1023px) {
          header .menu-bar ul li:hover > a.main + .sub-menu {
            -webkit-transition: display 0.2s ease-in-out;
            -moz-transition: display 0.2s ease-in-out;
            -o-transition: display 0.2s ease-in-out;
            transition: display 0.2s ease-in-out;
            display: block; } }
  header .buttons {
    flex: 1;
    min-width: 200px;
    max-width: calc(30% - 50px);
    margin-left: 50px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 30px 0;
    /* Full Break */
    /* Mobile Break */ }
    @media only screen and (max-width: 1279px) {
      header .buttons {
        margin-left: 30px; } }
    @media only screen and (max-width: 1023px) {
      header .buttons {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        max-width: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 100;
        padding: 0; } }
    header .buttons ul {
      list-style-type: none;
      display: block;
      text-align: right;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        header .buttons ul {
          display: flex; } }
      header .buttons ul li {
        display: inline-block;
        margin: 0;
        padding: 0;
        vertical-align: top;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          header .buttons ul li {
            flex: 1;
            display: block; } }
        header .buttons ul li a {
          display: block;
          text-align: center;
          background-color: #000000;
          color: #ffffff;
          text-decoration: none;
          font-size: 0.95em;
          padding: 10px 25px;
          margin: 5.4px 0 0px 10px;
          border-radius: 20px;
          white-space: nowrap;
          cursor: pointer;
          /* Full Break */
          /* Mobile Break */
          /* Reverse Mobile Break */ }
          @media only screen and (max-width: 1279px) {
            header .buttons ul li a {
              font-size: 0.85em;
              padding: 10px 15px;
              margin: 2px 0 0px 10px; } }
          @media only screen and (max-width: 1023px) {
            header .buttons ul li a {
              border-radius: 0;
              padding: 20px 15px;
              margin: 0;
              min-height: 60px;
              box-sizing: border-box;
              font-size: 1em;
              font-weight: 600;
              background-color: #f8ba00;
              color: #000000; } }
          @media only screen and (min-width: 1023px) {
            header .buttons ul li a:hover {
              -webkit-transition: all 0.2s ease-in-out;
              -moz-transition: all 0.2s ease-in-out;
              -o-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out;
              margin-top: 3px;
              -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
              box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
              /* Full Break */ } }
  @media only screen and (min-width: 1023px) and (max-width: 1279px) {
    header .buttons ul li a:hover {
      margin-top: 0px; } }
          header .buttons ul li a.login {
            background-color: #ffffff;
            color: #000000; }
        header .buttons ul li:first-child a {
          margin: 5.4px 0 0px 0;
          /* Full Break */
          /* Mobile Break */
          /* Reverse Mobile Break */ }
          @media only screen and (max-width: 1279px) {
            header .buttons ul li:first-child a {
              margin: 2px 0 0px 0; } }
          @media only screen and (max-width: 1023px) {
            header .buttons ul li:first-child a {
              margin: 0; } }
          @media only screen and (min-width: 1023px) {
            header .buttons ul li:first-child a:hover {
              -webkit-transition: all 0.2s ease-in-out;
              -moz-transition: all 0.2s ease-in-out;
              -o-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out;
              margin-top: 3px;
              -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
              box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
              /* Full Break */ } }
  @media only screen and (min-width: 1023px) and (max-width: 1279px) {
    header .buttons ul li:first-child a:hover {
      margin-top: 0px; } }
    header .buttons.home ul li a {
      background-color: #f9bb04;
      color: #000000; }
      header .buttons.home ul li a.login {
        background-color: #ffffff;
        color: #000000; }
  header .mobile-menu {
    flex: 1;
    display: none;
    max-width: 50px;
    color: #ffffff;
    text-align: right;
    cursor: pointer;
    /* Mobile Break */ }
    header .mobile-menu i {
      font-size: 1.3em;
      padding: 17px 10px; }
    @media only screen and (max-width: 1023px) {
      header .mobile-menu {
        display: block; } }
  @media only screen and (min-width: 1023px) {
    header.scroll {
      -webkit-transition: background-color 0.2s ease-in-out;
      -moz-transition: background-color 0.2s ease-in-out;
      -o-transition: background-color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out;
      background-color: #ffffff;
      -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }
      header.scroll .logo {
        padding: 20px 0;
        height: 40px;
        max-width: 138px;
        background-size: 138px 40px;
        background-position: 0px 20px;
        background-image: url(/assets/images/taguchi-logo-dark.png); }
      header.scroll .menu-bar ul li {
        max-height: 80px; }
        header.scroll .menu-bar ul li a {
          padding: 33px 20px 33px 20px;
          color: #000000;
          /* Full Break */ } }
      @media only screen and (min-width: 1023px) and (max-width: 1279px) {
        header.scroll .menu-bar ul li a {
          font-size: 0.85em;
          padding: 32px 15px 35px 15px; } }
  @media only screen and (min-width: 1023px) {
          header.scroll .menu-bar ul li a:after, header.scroll .menu-bar ul li a.active:after {
            bottom: 30px;
            /* Full Break */ } }
        @media only screen and (min-width: 1023px) and (max-width: 1279px) {
          header.scroll .menu-bar ul li a:after, header.scroll .menu-bar ul li a.active:after {
            bottom: 31px; } }
  @media only screen and (min-width: 1023px) {
        header.scroll .menu-bar ul li .sub-menu {
          top: 80px; }
      header.scroll .buttons,
      header.scroll .buttons.home {
        padding: 17px 0; }
        header.scroll .buttons ul li a,
        header.scroll .buttons.home ul li a {
          background-color: #f8ba00;
          color: #000000; }
          header.scroll .buttons ul li a.login,
          header.scroll .buttons.home ul li a.login {
            background-color: #000000;
            color: #ffffff; } }

footer {
  background-color: #2c2c2c; }
  footer .top-link {
    transition: all .25s ease-in-out;
    position: fixed;
    bottom: 0;
    right: 15%;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    margin: 0 3em 3em 0;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    /* Tablet Break */ }
    @media only screen and (max-width: 768px) {
      footer .top-link {
        display: none; } }
    footer .top-link svg {
      fill: #f8ba00;
      width: 60px;
      height: 60px; }
    footer .top-link:hover {
      box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
      margin-bottom: 60px; }
      footer .top-link:hover svg {
        fill: #f8ba00; }
  footer .pre-footer {
    padding: 100px 0 50px 0;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      footer .pre-footer {
        padding: 40px 0; } }
    footer .pre-footer h4 {
      color: #f8ba00;
      font-size: 1.3em;
      font-weight: 600;
      text-align: center;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        footer .pre-footer h4 {
          font-size: 1em; } }
      footer .pre-footer h4 a {
        text-decoration: none;
        color: #f8ba00; }
    footer .pre-footer p {
      max-width: 350px;
      padding: 0 25px;
      margin: 15px auto;
      color: #ffffff;
      font-size: 0.9em;
      line-height: 1.5em;
      text-align: center; }
    footer .pre-footer form {
      max-width: 450px;
      padding: 0 25px;
      margin: 30px auto 40px auto;
      display: flex; }
      footer .pre-footer form input[type="text"] {
        flex: 1;
        font-family: 'Raleway', Helvetica, sans-serif;
        border-radius: 30px 0 0 30px;
        box-sizing: border-box;
        padding: 12px 20px;
        min-width: 100px;
        border: 0;
        font-size: 0.9em;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          footer .pre-footer form input[type="text"] {
            font-size: 0.8em; } }
      footer .pre-footer form input[type="submit"] {
        flex: 1;
        max-width: 150px;
        background-color: #f8ba00;
        box-sizing: border-box;
        color: #000000;
        text-align: center;
        border: 0;
        border-radius: 0 30px 30px 0;
        font-size: 0.9em;
        cursor: pointer;
        -webkit-appearance: none;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          footer .pre-footer form input[type="submit"] {
            font-size: 0.8em; } }
        footer .pre-footer form input[type="submit"]:hover {
          -webkit-transition: background-color 0.2s ease-in-out;
          -moz-transition: background-color 0.2s ease-in-out;
          -o-transition: background-color 0.2s ease-in-out;
          transition: background-color 0.2s ease-in-out;
          background-color: #ffd146; }
    footer .pre-footer .links-footer {
      width: 100%;
      max-width: 1399px;
      display: flex;
      margin: 80px auto 20px auto;
      padding: 0 50px;
      box-sizing: border-box;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        footer .pre-footer .links-footer {
          max-width: 450px;
          flex-wrap: wrap;
          padding: 0 20px;
          margin: 40px auto 0 auto; } }
      footer .pre-footer .links-footer ul {
        flex: 1;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          footer .pre-footer .links-footer ul {
            min-width: calc(50% - 12.5px);
            margin-bottom: 25px; }
            footer .pre-footer .links-footer ul:nth-child(even) {
              margin-left: 25px; } }
        footer .pre-footer .links-footer ul li {
          display: block; }
          footer .pre-footer .links-footer ul li b {
            display: block;
            font-weight: 600;
            color: #8a8a8a;
            font-size: 0.9em;
            padding: 8px 0;
            /* Full Break */ }
            @media only screen and (max-width: 1279px) {
              footer .pre-footer .links-footer ul li b {
                font-size: 0.85em; } }
          footer .pre-footer .links-footer ul li a {
            display: inline-block;
            position: relative;
            color: #ffffff;
            text-decoration: none;
            font-size: 0.9em;
            padding: 8px 0;
            /* Full Break */ }
            @media only screen and (max-width: 1279px) {
              footer .pre-footer .links-footer ul li a {
                font-size: 0.85em; } }
            @media (hover) {
              footer .pre-footer .links-footer ul li a:after {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                bottom: 3px;
                height: 2px;
                width: 0;
                background-color: #f8ba00; }
              footer .pre-footer .links-footer ul li a:hover:after {
                -webkit-transition: width 0.2s ease-in-out;
                -moz-transition: width 0.2s ease-in-out;
                -o-transition: width 0.2s ease-in-out;
                transition: width 0.2s ease-in-out;
                width: 100%; } }
  footer .post-footer {
    background-color: #000000;
    min-height: 150px;
    display: flex;
    padding: 0 50px;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      footer .post-footer {
        display: block;
        padding: 0 20px; } }
    footer .post-footer .logo {
      flex: 1;
      max-width: 200px;
      padding: 49px 0;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        footer .post-footer .logo {
          flex: none;
          max-width: 100%;
          display: block;
          text-align: center;
          padding: 25px 0 0 0; } }
      footer .post-footer .logo img {
        max-height: 50px; }
    footer .post-footer .copyright {
      flex: 1;
      padding: 65px 0;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        footer .post-footer .copyright {
          flex: none;
          padding: 25px 0 0 0; } }
      footer .post-footer .copyright p {
        text-align: center;
        font-size: 0.9em;
        line-height: 1.4em;
        color: #8a8a8a;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          footer .post-footer .copyright p {
            font-size: 0.7em; } }
    footer .post-footer .iso-standard {
      flex: 1;
      max-width: 200px;
      display: flex;
      padding: 10px 0;
      text-decoration: none;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        footer .post-footer .iso-standard {
          flex: none;
          margin: 0 auto;
          padding: 25px 0; } }
      footer .post-footer .iso-standard div {
        flex: 1;
        color: #ffffff;
        font-size: 0.7em;
        line-height: 1.5em;
        padding: 5px 0; }
      footer .post-footer .iso-standard img {
        flex: 1;
        max-width: 40px;
        height: 100px;
        margin: 10px 0 10px 20px; }
      footer .post-footer .iso-standard a.link {
        text-decoration: underline;
        color: #ffffff; }

section.homepage.hero {
  position: relative;
  background-color: #000000;
  width: 100%;
  height: 800px;
  /* Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    section.homepage.hero {
      height: auto; } }
  section.homepage.hero:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    min-width: 300px;
    max-width: 30%;
    width: 100%;
    background: #6e4a74;
    background: -moz-linear-gradient(top, #6e4a74 0%, #d96166 100%);
    background: -webkit-linear-gradient(top, #6e4a74 0%, #d96166 100%);
    background: linear-gradient(to bottom, #6e4a74 0%, #d96166 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e4a74', endColorstr='#d96166',GradientType=0 );
    z-index: 2;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.homepage.hero:before {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        height: 150px;
        max-width: 100%; } }
  section.homepage.hero:after {
    content: '';
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    min-width: 300px;
    max-width: 30%;
    width: 100%;
    background-size: 70%;
    background-position: center 70%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zOTQuNjY4LDBIMzIuMDAxYy0xNy42NzMsMC0zMiwxNC4zMjctMzIsMzJ2MjU2YzAsMTcuNjczLDE0LjMyNywzMiwzMiwzMmgxMzguNjY3di0yMS4zMzNIMzIuMDAxICAgIGMtNS44OTEsMC0xMC42NjctNC43NzYtMTAuNjY3LTEwLjY2N1YzMmMwLTUuODkxLDQuNzc2LTEwLjY2NywxMC42NjctMTAuNjY3aDM2Mi42NjdjNS44OTEsMCwxMC42NjcsNC43NzYsMTAuNjY3LDEwLjY2N3YxOTIgICAgaDIxLjMzM1YzMkM0MjYuNjY4LDE0LjMyNyw0MTIuMzQxLDAsMzk0LjY2OCwweiIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHJlY3QgeD0iMTI4LjAwMSIgeT0iMzA5LjMzMyIgd2lkdGg9IjIxLjMzMyIgaGVpZ2h0PSI2NCIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTc0LjY2OCwyNTZjLTUuODkxLDAtMTAuNjY3LTQuNzc2LTEwLjY2Ny0xMC42NjdWMjI0SDQyLjY2OHYyMS4zMzNjMCwxNy42NzMsMTQuMzI3LDMyLDMyLDMyaDIxLjMzM1YyNTZINzQuNjY4eiIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHJlY3QgeD0iNDIuNjY4IiB5PSIxODEuMzMzIiB3aWR0aD0iMjEuMzMzIiBoZWlnaHQ9IjIxLjMzMyIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTM4OS44MzYsMjI1Ljk0MWMtMjEuNzM2LTIxLjc0LTUxLjIxOS0zMy45NTMtODEuOTYxLTMzLjk1MmMtNjQuMDA2LDAuMDAzLTExNS44OTEsNTEuODkyLTExNS44ODksMTE1Ljg5OCAgICBjMC4wMDMsNjQuMDA2LDUxLjg5MiwxMTUuODkxLDExNS44OTgsMTE1Ljg4OWMzMC43MzItMC4wMDEsNjAuMjA0LTEyLjIwOCw4MS45MzctMzMuOTM3ICAgIEM0MzUuMDg0LDM0NC41ODQsNDM1LjA5MSwyNzEuMjA1LDM4OS44MzYsMjI1Ljk0MXogTTMwNy44Miw0MDIuNDUzYy01Mi4yMjQtMC4wMTgtOTQuNTQ2LTQyLjM2OC05NC41MjgtOTQuNTkyICAgIGMwLjAxOC01Mi4yMjQsNDIuMzY4LTk0LjU0Niw5NC41OTItOTQuNTI4YzI1LjEwMS0wLjA2OCw0OS4xODQsOS45Miw2Ni44NjksMjcuNzMzYzE3LjcxOCwxNy43MzgsMjcuNjY3LDQxLjc4NywyNy42NTksNjYuODU5ICAgIEM0MDIuMzk0LDM2MC4xNDksMzYwLjA0NCw0MDIuNDcxLDMwNy44Miw0MDIuNDUzeiIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwOC44NzYsNDY0bC02Ni45NTUtNjYuOTMzYy0yLTItNC43MTMtMy4xMjUtNy41NDEtMy4xMjVjLTIuODI5LDAuMDAxLTUuNTQxLDEuMTI1LTcuNTQxLDMuMTI1bC0yOS43NiwyOS43NiAgICBjLTQuMTY0LDQuMTY1LTQuMTY0LDEwLjkxNywwLDE1LjA4M2w2Ni45NTUsNjYuOTY1YzIsMi4wMDEsNC43MTMsMy4xMjUsNy41NDEsMy4xMjV2MGMyLjgzMy0wLjAwOSw1LjU0Ny0xLjE0NSw3LjU0MS0zLjE1NyAgICBsMjkuNzYtMjkuNzZDNTEzLjA0LDQ3NC45MTcsNTEzLjA0LDQ2OC4xNjUsNTA4Ljg3Niw0NjR6IE00NzEuNTc0LDQ4Ni4yNTFsLTUxLjg3Mi01MS44ODNsMTQuNjc3LTE0LjY3N2w1MS44NzIsNTEuODgzICAgIEw0NzEuNTc0LDQ4Ni4yNTF6IiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQkKCQkJPHJlY3QgeD0iMzkwLjIzMSIgeT0iMzc0LjU4MSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMTY2LjA0ODYgNDAwLjg5NCkiIHdpZHRoPSIyMS4zMzMiIGhlaWdodD0iNTIuNjA4IiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzA5LjMzNCwyMzQuNjY3VjI1NmMyOS40NDEsMC4wMzUsNTMuMjk4LDIzLjg5Myw1My4zMzMsNTMuMzMzaDIxLjMzM0MzODMuOTU0LDI2OC4xMTYsMzUwLjU1MiwyMzQuNzE0LDMwOS4zMzQsMjM0LjY2N3ogICAgIiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cmVjdCB4PSIxMDYuNjY4IiB5PSIzNjIuNjY3IiB3aWR0aD0iODUuMzMzIiBoZWlnaHQ9IjIxLjMzMyIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTE2MC4wMDEsNDIuNjY3Yy0xNy42NzMsMC0zMiwxNC4zMjctMzIsMzJjMCwxNy42NzMsMTQuMzI3LDMyLDMyLDMyczMyLTE0LjMyNywzMi0zMiAgICBDMTkyLjAwMSw1Ni45OTQsMTc3LjY3NCw0Mi42NjcsMTYwLjAwMSw0Mi42Njd6IE0xNjAuMDAxLDg1LjMzM2MtNS44OTEsMC0xMC42NjctNC43NzYtMTAuNjY3LTEwLjY2NyAgICBjMC01Ljg5MSw0Ljc3Ni0xMC42NjcsMTAuNjY3LTEwLjY2N3MxMC42NjcsNC43NzYsMTAuNjY3LDEwLjY2N0MxNzAuNjY4LDgwLjU1OCwxNjUuODkyLDg1LjMzMywxNjAuMDAxLDg1LjMzM3oiIGZpbGw9IiNkYjYxNjUiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMzQuNjY4LDExNy4zMzNjLTE3LjY3MywwLTMyLDE0LjMyNy0zMiwzMmMwLDE3LjY3MywxNC4zMjcsMzIsMzIsMzJjMTcuNjczLDAsMzItMTQuMzI3LDMyLTMyICAgIEMyNjYuNjY4LDEzMS42NiwyNTIuMzQxLDExNy4zMzMsMjM0LjY2OCwxMTcuMzMzeiBNMjM0LjY2OCwxNjBjLTUuODkxLDAtMTAuNjY3LTQuNzc2LTEwLjY2Ny0xMC42NjcgICAgYzAtNS44OTEsNC43NzYtMTAuNjY3LDEwLjY2Ny0xMC42NjdjNS44OTEsMCwxMC42NjcsNC43NzYsMTAuNjY3LDEwLjY2N0MyNDUuMzM0LDE1NS4yMjQsMjQwLjU1OSwxNjAsMjM0LjY2OCwxNjB6IiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQkKCQkJPHJlY3QgeD0iODQuOTU2IiB5PSIxMDEuMzM2IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC00My4yNjkgMTE5LjU0NDUpIiB3aWR0aD0iNzUuNDI0IiBoZWlnaHQ9IjIxLjMzMyIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJCgkJCTxyZWN0IHg9IjE4Ni42MjMiIHk9Ijc0LjMxNyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMjEuNDMxOSAxNzIuMzE3OCkiIHdpZHRoPSIyMS4zMzMiIGhlaWdodD0iNzUuNDI0IiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzA5LjMzNCw0Mi42NjdjLTE3LjY3MywwLTMyLDE0LjMyNy0zMiwzMmMwLDE3LjY3MywxNC4zMjcsMzIsMzIsMzJjMTcuNjczLDAsMzItMTQuMzI3LDMyLTMyICAgIEMzNDEuMzM1LDU2Ljk5NCwzMjcuMDA4LDQyLjY2NywzMDkuMzM0LDQyLjY2N3ogTTMwOS4zMzQsODUuMzMzYy01Ljg5MSwwLTEwLjY2Ny00Ljc3Ni0xMC42NjctMTAuNjY3ICAgIGMwLTUuODkxLDQuNzc2LTEwLjY2NywxMC42NjctMTAuNjY3YzUuODkxLDAsMTAuNjY3LDQuNzc2LDEwLjY2NywxMC42NjdDMzIwLjAwMSw4MC41NTgsMzE1LjIyNSw4NS4zMzMsMzA5LjMzNCw4NS4zMzN6IiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQkKCQkJPHJlY3QgeD0iMjM0LjI4NSIgeT0iMTAxLjM3MyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAwLjQ0MjEgMjI1LjE0NjMpIiB3aWR0aD0iNzUuNDI0IiBoZWlnaHQ9IjIxLjMzMyIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    z-index: 3;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.homepage.hero:after {
        top: auto;
        right: 0;
        bottom: 0;
        height: 150px; } }
  section.homepage.hero .speck {
    height: 100%;
    padding: 0 50px;
    box-sizing: border-box;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.homepage.hero .speck {
        padding: 0 20px; } }
    section.homepage.hero .speck:before {
      content: '';
      background-image: url(/assets/images/home-speck.png);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      display: block;
      overflow: hidden;
      z-index: 1; }
  section.homepage.hero .content-split {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1399px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    z-index: 100;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.homepage.hero .content-split {
        display: block;
        padding: 100px 0 50px 0; } }
    section.homepage.hero .content-split .content-body {
      flex: 1;
      margin-right: 100px;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.homepage.hero .content-split .content-body {
          margin-right: 0;
          text-align: center; } }
      section.homepage.hero .content-split .content-body h1 {
        font-size: 3.8em;
        line-height: 1.1em;
        color: #ffffff;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.hero .content-split .content-body h1 {
            font-size: 1.8em;
            text-align: center; } }
        section.homepage.hero .content-split .content-body h1 b {
          color: #f8ba00; }
      section.homepage.hero .content-split .content-body p {
        margin: 40px 0 0 0;
        color: #ffffff;
        font-size: 1.1em;
        line-height: 1.5em;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.hero .content-split .content-body p {
            margin: 20px 0 0 0;
            font-size: 1em;
            text-align: center; } }
        section.homepage.hero .content-split .content-body p sup {
          vertical-align: super;
          font-size: smaller; }
      section.homepage.hero .content-split .content-body a {
        display: inline-block;
        border: 2px solid #f8ba00;
        color: #f8ba00;
        padding: 12px 30px;
        border-radius: 30px;
        text-decoration: none;
        margin: 30px 20px 0 0;
        font-weight: 500;
        cursor: pointer;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.hero .content-split .content-body a {
            margin: 30px 10px 0 0;
            padding: 10px 20px;
            font-size: 0.9em; } }
        section.homepage.hero .content-split .content-body a:hover {
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          background-color: #f8ba00;
          color: #000000; }
    section.homepage.hero .content-split .content-slip {
      flex: 1;
      max-width: 400px;
      padding: 50px 60px;
      background-color: #ffffff;
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.homepage.hero .content-split .content-slip {
          margin: 50px auto 0 auto;
          padding: 30px 30px;
          text-align: center; } }
      section.homepage.hero .content-split .content-slip h2 {
        font-size: 2.3em;
        line-height: 1.1em;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.hero .content-split .content-slip h2 {
            font-size: 1.3em; } }
      section.homepage.hero .content-split .content-slip p {
        margin: 20px 0 0 0;
        font-size: 1em;
        line-height: 1.5em; }
        section.homepage.hero .content-split .content-slip p sup {
          vertical-align: super;
          font-size: smaller; }
      section.homepage.hero .content-split .content-slip a {
        display: inline-block;
        border: 2px solid #f8ba00;
        color: #000000;
        background-color: #f8ba00;
        padding: 12px 30px;
        border-radius: 30px;
        text-decoration: none;
        margin: 30px 0 0 0;
        font-weight: 500;
        cursor: pointer; }
        section.homepage.hero .content-split .content-slip a:hover {
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          background-color: transparent;
          color: #f8ba00; }

section.homepage.adaptive {
  position: relative;
  width: 100%;
  padding: 0 50px 100px 50px;
  box-sizing: border-box;
  /* Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    section.homepage.adaptive {
      padding: 0 20px 20px 20px; } }
  section.homepage.adaptive:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    background-color: #fbbf0a;
    min-width: 70%;
    max-width: calc(100% - 300px);
    width: 70%;
    height: 100%;
    z-index: -1; }
  section.homepage.adaptive .content-split {
    display: flex;
    max-width: 1399px;
    margin: 0 auto;
    background-color: #ffffff;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
    padding: 100px 50px 60px 50px;
    box-sizing: border-box;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.homepage.adaptive .content-split {
        display: block;
        padding: 50px 20px 60px 20px; } }
    section.homepage.adaptive .content-split .content-body {
      flex: 1;
      position: relative;
      padding-right: 80px;
      box-sizing: border-box;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.homepage.adaptive .content-split .content-body {
          padding-right: 0;
          text-align: center; } }
      section.homepage.adaptive .content-split .content-body h2 {
        font-size: 2.5em;
        line-height: 1.3em;
        margin: 0 0 20px 0;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.adaptive .content-split .content-body h2 {
            font-size: 1.5em;
            text-align: center; } }
      section.homepage.adaptive .content-split .content-body p {
        margin: 0 0 20px 0;
        font-size: 1.2em;
        line-height: 1.5em;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.adaptive .content-split .content-body p {
            font-size: 1em;
            text-align: center; } }
      section.homepage.adaptive .content-split .content-body a {
        position: relative;
        font-weight: 800;
        font-size: 1.1em;
        text-decoration: none;
        color: #000000;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.adaptive .content-split .content-body a {
            display: inline-block;
            margin: 20px auto 0 auto;
            text-align: center; } }
        section.homepage.adaptive .content-split .content-body a:after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          bottom: -3px;
          height: 2.5px;
          width: 0;
          background-color: #f8ba00; }
        section.homepage.adaptive .content-split .content-body a:hover:after {
          -webkit-transition: width 0.2s ease-in-out;
          -moz-transition: width 0.2s ease-in-out;
          -o-transition: width 0.2s ease-in-out;
          transition: width 0.2s ease-in-out;
          width: 100%; }
      section.homepage.adaptive .content-split .content-body .laptop {
        position: absolute;
        bottom: -280px;
        right: 0;
        height: 600px;
        z-index: 100;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.adaptive .content-split .content-body .laptop {
            position: relative;
            bottom: auto;
            right: auto;
            width: 100%;
            height: auto;
            margin: 40px 0; } }
    section.homepage.adaptive .content-split .side-split {
      flex: 1; }
      section.homepage.adaptive .content-split .side-split ul li {
        position: relative;
        padding: 0 0 0 100px;
        margin: 0 0 50px 0;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.adaptive .content-split .side-split ul li {
            padding: 0 0 0 90px; }
            section.homepage.adaptive .content-split .side-split ul li:last-child {
              margin: 0 0 0 0; } }
        section.homepage.adaptive .content-split .side-split ul li a {
          text-decoration: none; }
        section.homepage.adaptive .content-split .side-split ul li i {
          position: absolute;
          left: 0;
          top: 0;
          font-size: 3.8em;
          color: #f8ba00;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.homepage.adaptive .content-split .side-split ul li i {
              font-size: 3em;
              left: 10px; } }
        section.homepage.adaptive .content-split .side-split ul li b {
          display: block;
          font-weight: 600;
          font-size: 1.2em;
          margin: 0 0 10px 0; }
        section.homepage.adaptive .content-split .side-split ul li span {
          font-size: 1em;
          line-height: 1.5em; }

section.homepage.client-quotes {
  position: relative;
  background-color: #2c2c2c;
  padding: 160px 0 60px 0;
  display: flex;
  /* Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    section.homepage.client-quotes {
      display: block;
      padding: 60px 0 20px 0; } }
  section.homepage.client-quotes .split-quote {
    flex: 1;
    padding: 0 100px;
    vertical-align: top;
    overflow: hidden;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.homepage.client-quotes .split-quote {
        padding: 0 20px; } }
    section.homepage.client-quotes .split-quote .quote {
      display: none;
      -webkit-animation-duration: 0.4s;
      -webkit-animation-name: fadeFromRight;
      -webkit-animation-timing-function: linear;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-duration: 0.4s;
      -moz-animation-name: fadeFromRight;
      -moz-animation-timing-function: linear;
      -moz-animation-fill-mode: forwards;
      animation-duration: 0.4s;
      animation-name: fadeFromRight;
      animation-timing-function: linear;
      animation-fill-mode: forwards;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.homepage.client-quotes .split-quote .quote {
          -webkit-animation-duration: 0.4s;
          -webkit-animation-name: fadeFromBottom;
          -webkit-animation-timing-function: linear;
          -webkit-animation-fill-mode: forwards;
          -moz-animation-duration: 0.4s;
          -moz-animation-name: fadeFromBottom;
          -moz-animation-timing-function: linear;
          -moz-animation-fill-mode: forwards;
          animation-duration: 0.4s;
          animation-name: fadeFromBottom;
          animation-timing-function: linear;
          animation-fill-mode: forwards; } }
      section.homepage.client-quotes .split-quote .quote:first-child {
        display: block; }
      section.homepage.client-quotes .split-quote .quote p {
        text-align: right;
        font-size: 1.6em;
        line-height: 1.5em;
        color: #f8ba00;
        max-width: 850px;
        margin: 0 0 0 auto;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.client-quotes .split-quote .quote p {
            font-size: 1em;
            text-align: center; } }
        section.homepage.client-quotes .split-quote .quote p sup {
          vertical-align: super;
          font-size: 0.6em; }
  section.homepage.client-quotes .split-detail {
    flex: 1;
    height: 100%;
    min-width: 300px;
    max-width: 30%;
    width: 100%;
    color: #ffffff;
    font-size: 1.1em;
    line-height: 1.4em;
    overflow: hidden;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.homepage.client-quotes .split-detail {
        font-size: 0.9em;
        padding: 0 20px;
        text-align: center;
        max-width: 100%;
        box-sizing: border-box; } }
    section.homepage.client-quotes .split-detail .quote-details {
      display: none;
      min-height: 140px;
      margin-top: 10px;
      -webkit-animation-duration: 0.4s;
      -webkit-animation-name: fadeFromLeft;
      -webkit-animation-timing-function: linear;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-duration: 0.4s;
      -moz-animation-name: fadeFromLeft;
      -moz-animation-timing-function: linear;
      -moz-animation-fill-mode: forwards;
      animation-duration: 0.4s;
      animation-name: fadeFromLeft;
      animation-timing-function: linear;
      animation-fill-mode: forwards;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.homepage.client-quotes .split-detail .quote-details {
          margin-top: 50px;
          -webkit-animation-duration: 0.4s;
          -webkit-animation-name: fadeFromBottom;
          -webkit-animation-timing-function: linear;
          -webkit-animation-fill-mode: forwards;
          -moz-animation-duration: 0.4s;
          -moz-animation-name: fadeFromBottom;
          -moz-animation-timing-function: linear;
          -moz-animation-fill-mode: forwards;
          animation-duration: 0.4s;
          animation-name: fadeFromBottom;
          animation-timing-function: linear;
          animation-fill-mode: forwards; } }
      section.homepage.client-quotes .split-detail .quote-details:first-child {
        display: block; }
      section.homepage.client-quotes .split-detail .quote-details img {
        width: 150px;
        display: block;
        margin: 0 0 30px 0;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.client-quotes .split-detail .quote-details img {
            width: 100px;
            margin: 0 auto 30px auto; } }
    section.homepage.client-quotes .split-detail div.controls {
      display: block;
      margin: 30px 0 0 0;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.homepage.client-quotes .split-detail div.controls {
          margin: 0 0 0 0; } }
      section.homepage.client-quotes .split-detail div.controls a {
        display: inline-block;
        color: #ffffff;
        padding: 10px 0;
        opacity: 0.5;
        font-size: 1.3em;
        padding-right: 10px; }
        section.homepage.client-quotes .split-detail div.controls a:last-child {
          padding-right: 0; }
        section.homepage.client-quotes .split-detail div.controls a:hover {
          opacity: 1;
          -webkit-transition: opacity 0.2s ease-in-out;
          -moz-transition: opacity 0.2s ease-in-out;
          -o-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out; }

section.homepage.client-logos {
  position: relative;
  padding: 100px 0 100px 0;
  /* Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    section.homepage.client-logos {
      padding: 50px 20px 50px 20px;
      box-sizing: border-box; } }
  section.homepage.client-logos h4 {
    text-align: center;
    font-size: 1.4em;
    font-weight: 600; }
  section.homepage.client-logos .logos {
    display: flex;
    flex-wrap: wrap;
    max-width: 1399px;
    padding: 0 50px;
    margin: 0 auto 0 auto;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.homepage.client-logos .logos {
        padding: 0; } }
    section.homepage.client-logos .logos .logo {
      flex: 1;
      padding: 50px 25px 0 25px;
      text-align: center; }
      section.homepage.client-logos .logos .logo:last-child {
        margin-right: 0; }
      section.homepage.client-logos .logos .logo img {
        max-height: 50px;
        width: auto; }

section.homepage.solutions {
  position: relative;
  background-color: #f3f3f2;
  padding: 180px 0 150px 0;
  /* Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    section.homepage.solutions {
      padding: 100px 0 50px 0; } }
  section.homepage.solutions:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    background: #87c979;
    background: -moz-linear-gradient(left, #87c979 0%, #57b0e3 100%);
    background: -webkit-linear-gradient(left, #87c979 0%, #57b0e3 100%);
    background: linear-gradient(to right, #87c979 0%, #57b0e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c979', endColorstr='#57b0e3',GradientType=1 );
    min-width: 70%;
    max-width: calc(100% - 300px);
    width: 70%;
    height: 50px; }
  section.homepage.solutions h2 {
    font-size: 2.5em;
    line-height: 1.4em;
    margin: 0 0 80px 0;
    text-align: center;
    font-weight: 600;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.homepage.solutions h2 {
        font-size: 1.4em;
        margin: 0 0 50px 0; } }
  section.homepage.solutions .solution-selector {
    max-width: 1399px;
    padding: 0 50px;
    margin: 0 auto 0 auto;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.homepage.solutions .solution-selector {
        padding: 0 20px; } }
    section.homepage.solutions .solution-selector ul {
      display: flex;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.homepage.solutions .solution-selector ul {
          flex-wrap: wrap; } }
      section.homepage.solutions .solution-selector ul li {
        flex: 1;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.solutions .solution-selector ul li {
            max-width: 25%;
            min-width: 25%; } }
        section.homepage.solutions .solution-selector ul li a {
          display: block;
          position: relative;
          text-align: center;
          color: #000000;
          text-decoration: none;
          padding: 25px 0;
          /* Mobile Break */
          /* Reverse Mobile Break */
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.homepage.solutions .solution-selector ul li a {
              background-color: #000000;
              color: #ffffff;
              padding: 20px; } }
          @media only screen and (min-width: 1023px) {
            section.homepage.solutions .solution-selector ul li a.selected:after, section.homepage.solutions .solution-selector ul li a:after {
              content: '';
              position: absolute;
              bottom: -3px;
              left: 0;
              display: block;
              width: 100%;
              height: 0;
              background-color: #fbbf0a; }
            section.homepage.solutions .solution-selector ul li a.selected:after, section.homepage.solutions .solution-selector ul li a:hover:after {
              -webkit-transition: height 0.2s ease-in-out;
              -moz-transition: height 0.2s ease-in-out;
              -o-transition: height 0.2s ease-in-out;
              transition: height 0.2s ease-in-out;
              height: 3px; } }
          @media only screen and (max-width: 1023px) {
            section.homepage.solutions .solution-selector ul li a.selected {
              background-color: #fbbf0a;
              color: #000000; }
            section.homepage.solutions .solution-selector ul li a.selected i {
              color: #000000; } }
          section.homepage.solutions .solution-selector ul li a i {
            font-size: 4em;
            color: #fbbf0a;
            /* Mobile Break */ }
            @media only screen and (max-width: 1023px) {
              section.homepage.solutions .solution-selector ul li a i {
                font-size: 2em; } }
          section.homepage.solutions .solution-selector ul li a b {
            font-size: 1.3em;
            font-weight: 600;
            display: block;
            margin: 15px 0 0 0;
            /* Mobile Break */ }
            @media only screen and (max-width: 1023px) {
              section.homepage.solutions .solution-selector ul li a b {
                display: none; } }
    section.homepage.solutions .solution-selector .tabs {
      display: block;
      background-color: #ffffff;
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      padding: 50px;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.homepage.solutions .solution-selector .tabs {
          padding: 50px 20px; } }
      section.homepage.solutions .solution-selector .tabs .tab.content-split {
        display: none;
        align-items: center;
        -webkit-animation-duration: 0.4s;
        -webkit-animation-name: fadeFromBottom;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-duration: 0.4s;
        -moz-animation-name: fadeFromBottom;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: forwards;
        animation-duration: 0.4s;
        animation-name: fadeFromBottom;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.homepage.solutions .solution-selector .tabs .tab.content-split {
            flex-wrap: wrap;
            text-align: center; } }
        section.homepage.solutions .solution-selector .tabs .tab.content-split:first-child {
          display: flex; }
        section.homepage.solutions .solution-selector .tabs .tab.content-split .split-40 {
          flex: 1;
          max-width: 40%;
          margin-right: 50px;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.homepage.solutions .solution-selector .tabs .tab.content-split .split-40 {
              flex: none;
              max-width: 100%;
              min-width: 100%;
              margin: 0 0 40px 0; } }
        section.homepage.solutions .solution-selector .tabs .tab.content-split .split-60 {
          flex: 1;
          max-width: 60%;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.homepage.solutions .solution-selector .tabs .tab.content-split .split-60 {
              flex: none;
              max-width: 100%;
              min-width: 100%; } }
        section.homepage.solutions .solution-selector .tabs .tab.content-split img {
          width: auto;
          max-height: 250px;
          display: block;
          margin: 30px auto;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.homepage.solutions .solution-selector .tabs .tab.content-split img {
              width: 100%; } }
        section.homepage.solutions .solution-selector .tabs .tab.content-split h3 {
          font-size: 2.2em;
          line-height: 1.3em;
          margin: 0 0 25px 0;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.homepage.solutions .solution-selector .tabs .tab.content-split h3 {
              font-size: 1.4em;
              text-align: center; } }
        section.homepage.solutions .solution-selector .tabs .tab.content-split p {
          margin: 0 0 25px 0;
          font-size: 1em;
          line-height: 1.5em;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.homepage.solutions .solution-selector .tabs .tab.content-split p {
              text-align: center; } }
        section.homepage.solutions .solution-selector .tabs .tab.content-split a {
          position: relative;
          font-weight: 800;
          font-size: 1.1em;
          text-decoration: none;
          color: #000000; }
          section.homepage.solutions .solution-selector .tabs .tab.content-split a:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: -3px;
            height: 2.5px;
            width: 0;
            background-color: #f8ba00; }
          section.homepage.solutions .solution-selector .tabs .tab.content-split a:hover:after {
            -webkit-transition: width 0.2s ease-in-out;
            -moz-transition: width 0.2s ease-in-out;
            -o-transition: width 0.2s ease-in-out;
            transition: width 0.2s ease-in-out;
            width: 100%; }

section.splash {
  position: relative;
  width: 100%;
  height: 350px;
  background-color: #333333;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /* Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    section.splash {
      height: 300px; } }
  section.splash:before {
    content: '';
    background-image: url(/assets/images/home-speck.png);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    z-index: 1; }
  section.splash.light:before {
    opacity: 0.95; }
  section.splash .content {
    position: relative;
    max-width: 1399px;
    width: 100%;
    margin: 0 auto;
    padding: 150px 50px 100px 50px;
    height: 350px;
    box-sizing: border-box;
    z-index: 100;
    text-align: center;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.splash .content {
        padding: 130px 20px 0 20px;
        height: 300px; } }
    section.splash .content h1 {
      color: #f9bb04;
      font-size: 2.2em;
      line-height: 1.4em;
      font-weight: 500;
      margin: 0 0 5px 0;
      text-align: center;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.splash .content h1 {
          font-size: 1.4em; } }
    section.splash .content h2 {
      color: #ffffff;
      font-size: 1.8em;
      line-height: 1.4em;
      text-align: center;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.splash .content h2 {
          font-size: 1em; } }

section.subpage.hero {
  position: relative;
  width: 100%;
  height: 600px;
  /* Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    section.subpage.hero {
      height: auto; } }
  section.subpage.hero:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    min-width: 300px;
    max-width: 30%;
    width: 100%;
    background: #6e4a74;
    background: -moz-linear-gradient(top, #6e4a74 0%, #d96166 100%);
    background: -webkit-linear-gradient(top, #6e4a74 0%, #d96166 100%);
    background: linear-gradient(to bottom, #6e4a74 0%, #d96166 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e4a74', endColorstr='#d96166',GradientType=0 );
    z-index: 2;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.subpage.hero:before {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        height: 150px;
        max-width: 100%; } }
  section.subpage.hero:after {
    content: '';
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    min-width: 300px;
    max-width: 30%;
    width: 100%;
    background-size: 70%;
    background-position: center 70%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zOTQuNjY4LDBIMzIuMDAxYy0xNy42NzMsMC0zMiwxNC4zMjctMzIsMzJ2MjU2YzAsMTcuNjczLDE0LjMyNywzMiwzMiwzMmgxMzguNjY3di0yMS4zMzNIMzIuMDAxICAgIGMtNS44OTEsMC0xMC42NjctNC43NzYtMTAuNjY3LTEwLjY2N1YzMmMwLTUuODkxLDQuNzc2LTEwLjY2NywxMC42NjctMTAuNjY3aDM2Mi42NjdjNS44OTEsMCwxMC42NjcsNC43NzYsMTAuNjY3LDEwLjY2N3YxOTIgICAgaDIxLjMzM1YzMkM0MjYuNjY4LDE0LjMyNyw0MTIuMzQxLDAsMzk0LjY2OCwweiIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHJlY3QgeD0iMTI4LjAwMSIgeT0iMzA5LjMzMyIgd2lkdGg9IjIxLjMzMyIgaGVpZ2h0PSI2NCIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTc0LjY2OCwyNTZjLTUuODkxLDAtMTAuNjY3LTQuNzc2LTEwLjY2Ny0xMC42NjdWMjI0SDQyLjY2OHYyMS4zMzNjMCwxNy42NzMsMTQuMzI3LDMyLDMyLDMyaDIxLjMzM1YyNTZINzQuNjY4eiIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHJlY3QgeD0iNDIuNjY4IiB5PSIxODEuMzMzIiB3aWR0aD0iMjEuMzMzIiBoZWlnaHQ9IjIxLjMzMyIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTM4OS44MzYsMjI1Ljk0MWMtMjEuNzM2LTIxLjc0LTUxLjIxOS0zMy45NTMtODEuOTYxLTMzLjk1MmMtNjQuMDA2LDAuMDAzLTExNS44OTEsNTEuODkyLTExNS44ODksMTE1Ljg5OCAgICBjMC4wMDMsNjQuMDA2LDUxLjg5MiwxMTUuODkxLDExNS44OTgsMTE1Ljg4OWMzMC43MzItMC4wMDEsNjAuMjA0LTEyLjIwOCw4MS45MzctMzMuOTM3ICAgIEM0MzUuMDg0LDM0NC41ODQsNDM1LjA5MSwyNzEuMjA1LDM4OS44MzYsMjI1Ljk0MXogTTMwNy44Miw0MDIuNDUzYy01Mi4yMjQtMC4wMTgtOTQuNTQ2LTQyLjM2OC05NC41MjgtOTQuNTkyICAgIGMwLjAxOC01Mi4yMjQsNDIuMzY4LTk0LjU0Niw5NC41OTItOTQuNTI4YzI1LjEwMS0wLjA2OCw0OS4xODQsOS45Miw2Ni44NjksMjcuNzMzYzE3LjcxOCwxNy43MzgsMjcuNjY3LDQxLjc4NywyNy42NTksNjYuODU5ICAgIEM0MDIuMzk0LDM2MC4xNDksMzYwLjA0NCw0MDIuNDcxLDMwNy44Miw0MDIuNDUzeiIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwOC44NzYsNDY0bC02Ni45NTUtNjYuOTMzYy0yLTItNC43MTMtMy4xMjUtNy41NDEtMy4xMjVjLTIuODI5LDAuMDAxLTUuNTQxLDEuMTI1LTcuNTQxLDMuMTI1bC0yOS43NiwyOS43NiAgICBjLTQuMTY0LDQuMTY1LTQuMTY0LDEwLjkxNywwLDE1LjA4M2w2Ni45NTUsNjYuOTY1YzIsMi4wMDEsNC43MTMsMy4xMjUsNy41NDEsMy4xMjV2MGMyLjgzMy0wLjAwOSw1LjU0Ny0xLjE0NSw3LjU0MS0zLjE1NyAgICBsMjkuNzYtMjkuNzZDNTEzLjA0LDQ3NC45MTcsNTEzLjA0LDQ2OC4xNjUsNTA4Ljg3Niw0NjR6IE00NzEuNTc0LDQ4Ni4yNTFsLTUxLjg3Mi01MS44ODNsMTQuNjc3LTE0LjY3N2w1MS44NzIsNTEuODgzICAgIEw0NzEuNTc0LDQ4Ni4yNTF6IiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQkKCQkJPHJlY3QgeD0iMzkwLjIzMSIgeT0iMzc0LjU4MSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMTY2LjA0ODYgNDAwLjg5NCkiIHdpZHRoPSIyMS4zMzMiIGhlaWdodD0iNTIuNjA4IiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzA5LjMzNCwyMzQuNjY3VjI1NmMyOS40NDEsMC4wMzUsNTMuMjk4LDIzLjg5Myw1My4zMzMsNTMuMzMzaDIxLjMzM0MzODMuOTU0LDI2OC4xMTYsMzUwLjU1MiwyMzQuNzE0LDMwOS4zMzQsMjM0LjY2N3ogICAgIiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cmVjdCB4PSIxMDYuNjY4IiB5PSIzNjIuNjY3IiB3aWR0aD0iODUuMzMzIiBoZWlnaHQ9IjIxLjMzMyIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTE2MC4wMDEsNDIuNjY3Yy0xNy42NzMsMC0zMiwxNC4zMjctMzIsMzJjMCwxNy42NzMsMTQuMzI3LDMyLDMyLDMyczMyLTE0LjMyNywzMi0zMiAgICBDMTkyLjAwMSw1Ni45OTQsMTc3LjY3NCw0Mi42NjcsMTYwLjAwMSw0Mi42Njd6IE0xNjAuMDAxLDg1LjMzM2MtNS44OTEsMC0xMC42NjctNC43NzYtMTAuNjY3LTEwLjY2NyAgICBjMC01Ljg5MSw0Ljc3Ni0xMC42NjcsMTAuNjY3LTEwLjY2N3MxMC42NjcsNC43NzYsMTAuNjY3LDEwLjY2N0MxNzAuNjY4LDgwLjU1OCwxNjUuODkyLDg1LjMzMywxNjAuMDAxLDg1LjMzM3oiIGZpbGw9IiNkYjYxNjUiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMzQuNjY4LDExNy4zMzNjLTE3LjY3MywwLTMyLDE0LjMyNy0zMiwzMmMwLDE3LjY3MywxNC4zMjcsMzIsMzIsMzJjMTcuNjczLDAsMzItMTQuMzI3LDMyLTMyICAgIEMyNjYuNjY4LDEzMS42NiwyNTIuMzQxLDExNy4zMzMsMjM0LjY2OCwxMTcuMzMzeiBNMjM0LjY2OCwxNjBjLTUuODkxLDAtMTAuNjY3LTQuNzc2LTEwLjY2Ny0xMC42NjcgICAgYzAtNS44OTEsNC43NzYtMTAuNjY3LDEwLjY2Ny0xMC42NjdjNS44OTEsMCwxMC42NjcsNC43NzYsMTAuNjY3LDEwLjY2N0MyNDUuMzM0LDE1NS4yMjQsMjQwLjU1OSwxNjAsMjM0LjY2OCwxNjB6IiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQkKCQkJPHJlY3QgeD0iODQuOTU2IiB5PSIxMDEuMzM2IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC00My4yNjkgMTE5LjU0NDUpIiB3aWR0aD0iNzUuNDI0IiBoZWlnaHQ9IjIxLjMzMyIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJCgkJCTxyZWN0IHg9IjE4Ni42MjMiIHk9Ijc0LjMxNyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMjEuNDMxOSAxNzIuMzE3OCkiIHdpZHRoPSIyMS4zMzMiIGhlaWdodD0iNzUuNDI0IiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzA5LjMzNCw0Mi42NjdjLTE3LjY3MywwLTMyLDE0LjMyNy0zMiwzMmMwLDE3LjY3MywxNC4zMjcsMzIsMzIsMzJjMTcuNjczLDAsMzItMTQuMzI3LDMyLTMyICAgIEMzNDEuMzM1LDU2Ljk5NCwzMjcuMDA4LDQyLjY2NywzMDkuMzM0LDQyLjY2N3ogTTMwOS4zMzQsODUuMzMzYy01Ljg5MSwwLTEwLjY2Ny00Ljc3Ni0xMC42NjctMTAuNjY3ICAgIGMwLTUuODkxLDQuNzc2LTEwLjY2NywxMC42NjctMTAuNjY3YzUuODkxLDAsMTAuNjY3LDQuNzc2LDEwLjY2NywxMC42NjdDMzIwLjAwMSw4MC41NTgsMzE1LjIyNSw4NS4zMzMsMzA5LjMzNCw4NS4zMzN6IiBmaWxsPSIjZGI2MTY1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQkKCQkJPHJlY3QgeD0iMjM0LjI4NSIgeT0iMTAxLjM3MyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAwLjQ0MjEgMjI1LjE0NjMpIiB3aWR0aD0iNzUuNDI0IiBoZWlnaHQ9IjIxLjMzMyIgZmlsbD0iI2RiNjE2NSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    z-index: 3;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.subpage.hero:after {
        top: auto;
        right: 0;
        bottom: 0;
        height: 150px; } }
  section.subpage.hero .speck {
    height: 100%;
    box-sizing: border-box;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.subpage.hero .speck {
        padding: 0 20px; } }
    section.subpage.hero .speck:before {
      content: '';
      background-image: url(/assets/images/home-speck.png);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      display: block;
      overflow: hidden;
      z-index: 1; }
  section.subpage.hero .content-split {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1399px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 50px;
    z-index: 100;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.subpage.hero .content-split {
        display: block;
        padding: 100px 0 50px 0; } }
    section.subpage.hero .content-split .content-body {
      flex: 1;
      margin-right: 100px;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.subpage.hero .content-split .content-body {
          margin-right: 0;
          text-align: center; } }
      section.subpage.hero .content-split .content-body h1 {
        font-size: 3.8em;
        line-height: 1.1em;
        color: #ffffff;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.subpage.hero .content-split .content-body h1 {
            font-size: 1.8em;
            text-align: center; } }
        section.subpage.hero .content-split .content-body h1 b {
          color: #f8ba00; }
      section.subpage.hero .content-split .content-body p {
        margin: 40px 0 0 0;
        color: #ffffff;
        font-size: 1.1em;
        line-height: 1.5em;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.subpage.hero .content-split .content-body p {
            margin: 20px 0 0 0;
            font-size: 1em;
            text-align: center; } }
        section.subpage.hero .content-split .content-body p sup {
          vertical-align: super;
          font-size: smaller; }
      section.subpage.hero .content-split .content-body a {
        display: inline-block;
        border: 2px solid #f8ba00;
        color: #f8ba00;
        padding: 12px 30px;
        border-radius: 30px;
        text-decoration: none;
        margin: 30px 20px 0 0;
        font-weight: 500;
        cursor: pointer;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.subpage.hero .content-split .content-body a {
            margin: 30px 10px 0 0;
            padding: 10px 20px;
            font-size: 0.9em; } }
        section.subpage.hero .content-split .content-body a:hover {
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          background-color: #f8ba00;
          color: #000000; }
    section.subpage.hero .content-split .content-slip {
      flex: 1;
      max-width: 400px;
      padding: 50px 60px;
      background-color: #ffffff;
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.subpage.hero .content-split .content-slip {
          margin: 50px auto 0 auto;
          padding: 30px 30px;
          text-align: center; } }
      section.subpage.hero .content-split .content-slip h2 {
        font-size: 2.3em;
        line-height: 1.1em;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.subpage.hero .content-split .content-slip h2 {
            font-size: 1.3em; } }
      section.subpage.hero .content-split .content-slip p {
        margin: 20px 0 0 0;
        font-size: 1em;
        line-height: 1.5em; }
        section.subpage.hero .content-split .content-slip p sup {
          vertical-align: super;
          font-size: smaller; }
      section.subpage.hero .content-split .content-slip a {
        display: inline-block;
        border: 2px solid #f8ba00;
        color: #000000;
        background-color: #f8ba00;
        padding: 12px 30px;
        border-radius: 30px;
        text-decoration: none;
        margin: 30px 0 0 0;
        font-weight: 500;
        cursor: pointer; }
        section.subpage.hero .content-split .content-slip a:hover {
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          background-color: transparent;
          color: #f8ba00; }

section.standard {
  position: relative;
  width: 100%; }
  section.standard .content {
    position: relative;
    max-width: 1399px;
    width: 100%;
    margin: 0 auto;
    padding: 80px 50px;
    box-sizing: border-box;
    /* Mobile Break */ }
    section.standard .content.pt-none {
      padding-top: 0; }
    @media only screen and (max-width: 1023px) {
      section.standard .content {
        padding: 50px 20px; } }
    section.standard .content a {
      color: #000000;
      text-decoration: underline; }
    section.standard .content b {
      font-weight: 600; }
    section.standard .content p {
      font-size: 1em;
      line-height: 1.4em;
      margin: 0 0 25px 0; }
      section.standard .content p:last-child {
        margin: 0; }
    section.standard .content sup {
      vertical-align: super;
      font-size: smaller; }
    section.standard .content h3 {
      font-size: 1.2em;
      line-height: 1.4em;
      font-weight: 600;
      margin: 10px 0 25px 0; }
    section.standard .content h5 {
      font-size: 0.9em;
      line-height: 1.4em;
      font-weight: 400;
      margin: 10px 0 25px 0; }
    section.standard .content hr {
      border: 0;
      width: 100%;
      color: black;
      background-color: black;
      height: 2px;
      margin: 50px 0 50px 0; }
    section.standard .content ol {
      counter-reset: ol-counter; }
      section.standard .content ol li {
        position: relative;
        font-size: 1em;
        line-height: 1.4em;
        margin: 0 0 25px 25px;
        padding: 0 0 0 30px; }
        section.standard .content ol li:before {
          content: counter(ol-counter);
          counter-increment: ol-counter;
          text-align: center;
          display: block;
          position: absolute;
          left: 0;
          background-color: #f9bb04;
          width: 6px;
          height: 6px;
          top: 8px;
          font-size: 0px;
          border-radius: 50%; }
        section.standard .content ol li ol,
        section.standard .content ol li ul {
          margin: 25px 0 0 0; }
    section.standard .content ul li {
      position: relative;
      font-size: 1em;
      line-height: 1.4em;
      margin: 0 0 25px 25px;
      padding: 0 0 0 30px; }
      section.standard .content ul li:before {
        content: '';
        text-align: center;
        display: block;
        position: absolute;
        left: 0;
        background-color: #303030;
        width: 6px;
        height: 6px;
        top: 8px;
        font-size: 0px;
        border-radius: 50%; }
      section.standard .content ul li ol,
      section.standard .content ul li ul {
        margin: 25px 0 0 0; }
    section.standard .content .menu-features {
      box-sizing: border-box;
      white-space: normal;
      text-align: left;
      column-count: 2;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.standard .content .menu-features {
          column-count: 1; } }
      section.standard .content .menu-features a {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        color: #000000;
        padding: 25px;
        white-space: normal;
        vertical-align: top;
        text-decoration: none;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.standard .content .menu-features a {
            border: 0;
            display: block; } }
        section.standard .content .menu-features a:hover b,
        section.standard .content .menu-features a:hover span {
          -webkit-transition: opacity 0.2s ease-in-out;
          -moz-transition: opacity 0.2s ease-in-out;
          -o-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
          opacity: 0.6; }
        section.standard .content .menu-features a b {
          position: relative;
          display: block;
          font-weight: 500;
          margin: 0 0 5px 0;
          font-size: 1em;
          color: #000000; }
        section.standard .content .menu-features a span {
          display: block;
          font-size: 0.9em;
          line-height: 1.4em;
          white-space: normal; }

section.content.hero {
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #333333;
  margin: 0 0 50px 0;
  background-size: cover;
  background-position: center center;
  /* Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    section.content.hero {
      height: auto;
      margin: 0 0 20px 0; } }
  section.content.hero:before {
    content: '';
    background-image: url(/assets/images/home-speck.png);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    z-index: 1; }
  section.content.hero .content-split {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1399px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 80px 0 0 0;
    z-index: 100;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.content.hero .content-split {
        display: block;
        padding: 100px 20px 0 20px; } }
    section.content.hero .content-split .content-container {
      flex: 1;
      min-width: 40%;
      padding: 0 0 0 50px;
      /* Mobile Break */ }
      section.content.hero .content-split .content-container.center {
        text-align: center;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.hero .content-split .content-container.center {
            padding-bottom: 50px; } }
      @media only screen and (max-width: 1023px) {
        section.content.hero .content-split .content-container {
          text-align: center;
          padding: 0; } }
      section.content.hero .content-split .content-container h1 {
        color: #f9bb04;
        font-size: 2.2em;
        line-height: 1.4em;
        font-weight: 500;
        margin: 0 0 5px 0;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.hero .content-split .content-container h1 {
            font-size: 1.4em; } }
      section.content.hero .content-split .content-container h2 {
        color: #ffffff;
        font-size: 1.8em;
        line-height: 1.4em;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.hero .content-split .content-container h2 {
            font-size: 1em; } }
    section.content.hero .content-split .image-container {
      flex: 1;
      min-width: 50%;
      padding: 0 0 0 50px;
      /* Mobile Break */ }
      section.content.hero .content-split .image-container.sit {
        padding: 0 0 40px 0; }
        section.content.hero .content-split .image-container.sit img {
          bottom: 0;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.hero .content-split .image-container.sit img {
              bottom: -40px; } }
      @media only screen and (max-width: 1023px) {
        section.content.hero .content-split .image-container {
          padding: 40px 0; } }
      section.content.hero .content-split .image-container img {
        position: absolute;
        bottom: -100px;
        max-width: 700px;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.hero .content-split .image-container img {
            bottom: 0;
            width: 100%;
            margin: 0 auto;
            display: block;
            position: relative; } }
    section.content.hero .content-split ul.breadcrumbs {
      flex: none;
      display: inline-flex;
      position: absolute;
      bottom: -60px;
      left: 0;
      margin: 0 50px;
      max-width: 35%;
      min-height: 50px;
      max-height: 50px;
      vertical-align: top;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.hero .content-split ul.breadcrumbs {
          display: none; } }
      section.content.hero .content-split ul.breadcrumbs li {
        display: inline;
        position: relative;
        font-size: 0.85em;
        margin: 0;
        min-width: 50px;
        padding: 10px 5px 0 0;
        white-space: nowrap; }
        section.content.hero .content-split ul.breadcrumbs li:not(:last-child) {
          overflow: hidden;
          text-overflow: ellipsis; }
        section.content.hero .content-split ul.breadcrumbs li:not(:first-child) {
          padding: 10px 15px 0 20px; }
          section.content.hero .content-split ul.breadcrumbs li:not(:first-child):before {
            content: '>';
            position: absolute;
            left: 0;
            top: 10px;
            display: block; }
        section.content.hero .content-split ul.breadcrumbs li a {
          position: relative;
          color: #000000; }

section.content.intro {
  position: relative;
  width: 100%; }
  section.content.intro .content-split {
    position: relative;
    max-width: 1399px;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 80px 50px;
    box-sizing: border-box;
    /* Mobile Break */ }
    section.content.intro .content-split.pt-none {
      padding: 0px 50px 80px 50px;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.intro .content-split.pt-none {
          display: block;
          padding: 20px 20px; } }
    section.content.intro .content-split.reverse {
      flex-direction: row-reverse; }
      section.content.intro .content-split.reverse .content:not(:last-child) {
        margin: 0 0 0 50px;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.intro .content-split.reverse .content:not(:last-child) {
            margin: 0; } }
      section.content.intro .content-split.reverse .pullout {
        margin: 0 auto 0 0; }
    @media only screen and (max-width: 1023px) {
      section.content.intro .content-split {
        display: block;
        padding: 20px 20px; } }
    section.content.intro .content-split .content {
      flex: 1;
      max-width: 60%;
      /* Mobile Break */ }
      section.content.intro .content-split .content.full {
        max-width: 100%; }
      @media only screen and (max-width: 1023px) {
        section.content.intro .content-split .content {
          max-width: 100%; } }
      section.content.intro .content-split .content:not(:last-child) {
        margin: 0 50px 0 0;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.intro .content-split .content:not(:last-child) {
            margin: 0; } }
    section.content.intro .content-split .content-twocol {
      margin: 50px 0 0 0;
      column-count: 2;
      column-gap: 100px;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.intro .content-split .content-twocol {
          column-count: 1; } }
      section.content.intro .content-split .content-twocol p {
        page-break-inside: avoid; }
      section.content.intro .content-split .content-twocol sup {
        vertical-align: super;
        font-size: smaller; }
    section.content.intro .content-split h3 {
      color: #f9bb04;
      font-size: 1.4em;
      line-height: 1.4em;
      font-weight: 500;
      margin: 0 0 25px 0;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.intro .content-split h3 {
          font-size: 1.2em; } }
    section.content.intro .content-split a {
      color: #000000;
      text-decoration: underline; }
    section.content.intro .content-split p {
      font-size: 1em;
      line-height: 1.5em;
      margin: 0 0 25px 0; }
      section.content.intro .content-split p:last-child {
        margin: 0; }
    section.content.intro .content-split b {
      font-weight: 600;
      display: block;
      margin: 0 0 15px 0; }
    section.content.intro .content-split sup {
      vertical-align: super;
      font-size: smaller; }
    section.content.intro .content-split ul li {
      position: relative;
      display: block;
      font-size: 1em;
      line-height: 1.4em;
      margin: 0 0 15px 0;
      padding: 0 0 0 40px; }
      section.content.intro .content-split ul li:before {
        content: "\ea0c";
        position: absolute;
        left: 0;
        top: 2px;
        font-size: 1.3em;
        font-family: 'TaguchiWebIcons';
        color: #f7ba00; }
    section.content.intro .content-split label {
      display: block;
      margin: 0 0 5px 0;
      font-size: 0.85em;
      font-weight: 600; }
      section.content.intro .content-split label b,
      section.content.intro .content-split label .mand {
        color: #ff0000; }
    section.content.intro .content-split input,
    section.content.intro .content-split textarea {
      display: block;
      box-sizing: border-box;
      border-radius: 5px;
      border: 0;
      border: 1px solid #dddddd;
      padding: 8px 10px;
      margin: 0 0 20px 0;
      width: 100%;
      font-size: 0.9em;
      color: #111111;
      font-family: 'Raleway', Helvetica, sans-serif; }
      section.content.intro .content-split input[type="submit"],
      section.content.intro .content-split textarea[type="submit"] {
        background-color: #f8ba00;
        box-sizing: border-box;
        color: #000000;
        text-align: center;
        border: 0;
        border-radius: 30px;
        font-size: 0.9em;
        padding: 12px 0;
        cursor: pointer;
        -webkit-appearance: none; }
      section.content.intro .content-split input:invalid, section.content.intro .content-split input:required,
      section.content.intro .content-split textarea:invalid,
      section.content.intro .content-split textarea:required {
        box-shadow: none !important;
        outline: none !important; }
      section.content.intro .content-split input:invalid,
      section.content.intro .content-split textarea:invalid {
        border-color: #dddddd; }
    section.content.intro .content-split select {
      display: block;
      box-sizing: border-box;
      border-radius: 5px;
      border: 0;
      border: 1px solid #dddddd;
      padding: 8px 10px;
      margin: 0 0 20px 0;
      width: 100%;
      font-size: 0.9em;
      color: #111111;
      -webkit-appearance: none;
      -moz-appearance: none;
      font-family: 'Raleway', Helvetica, sans-serif; }
      section.content.intro .content-split select:invalid, section.content.intro .content-split select:required {
        box-shadow: none !important;
        outline: none !important; }
      section.content.intro .content-split select:invalid {
        border-color: #dddddd; }
    section.content.intro .content-split button {
      background-color: #f8ba00;
      color: #000000;
      padding: 12px 30px;
      border-radius: 25px;
      border: 0;
      font-weight: 500;
      text-align: center; }
    section.content.intro .content-split img {
      width: 100%; }
    section.content.intro .content-split .pullout {
      background-color: #ffffff;
      -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
      z-index: 100;
      padding: 40px;
      max-width: 450px;
      margin: 0 0 0 auto;
      /* Mobile Break */ }
      section.content.intro .content-split .pullout.npadd {
        padding: 0; }
      section.content.intro .content-split .pullout .srcimg {
        width: 100%; }
      section.content.intro .content-split .pullout.incimg {
        padding: 0;
        max-width: 600px; }
        section.content.intro .content-split .pullout.incimg img {
          display: block;
          width: 100%; }
      @media only screen and (max-width: 1023px) {
        section.content.intro .content-split .pullout {
          margin: 30px 0 0 0 !important;
          max-width: 100%;
          padding: 20px; } }
      section.content.intro .content-split .pullout b {
        display: block;
        font-size: 1.3em;
        font-weight: 600;
        margin: 0 0 25px 0; }
      section.content.intro .content-split .pullout a.cta {
        background-color: #f8ba00;
        color: #000000;
        padding: 15px 30px;
        border-radius: 25px;
        display: inline-block;
        font-weight: 500;
        text-align: center;
        text-decoration: none; }
    section.content.intro .content-split .ml__loyalty-email {
      position: relative;
      max-width: 600px;
      overflow: hidden;
      margin: 0 auto;
      padding: 0 0 30px 0;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.intro .content-split .ml__loyalty-email {
          padding: 30px 0; } }
      section.content.intro .content-split .ml__loyalty-email:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(100%);
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-top: 30px solid #eeeeee;
        height: 30px;
        transform: rotateX(40deg);
        z-index: -1; }
      section.content.intro .content-split .ml__loyalty-email:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(100%);
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom: 30px solid #eeeeee;
        height: 30px;
        transform: rotateX(40deg);
        z-index: 3; }
      section.content.intro .content-split .ml__loyalty-email div {
        border: 2px solid #d6a100;
        border-bottom: 0;
        border-radius: 5px 5px 0 0;
        box-sizing: border-box;
        padding: 30px;
        max-width: 400px;
        color: #dddddd;
        text-align: center;
        margin: 0 100px;
        z-index: 2;
        background-color: #f7ba00;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.intro .content-split .ml__loyalty-email div {
            width: 80%;
            margin: 0 10%; } }
      section.content.intro .content-split .ml__loyalty-email .icon {
        font-size: 10em;
        display: block;
        text-align: center;
        margin: 15px 0;
        color: #f7eed5;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.intro .content-split .ml__loyalty-email .icon {
            font-size: 6em; } }
      section.content.intro .content-split .ml__loyalty-email p {
        margin: 0;
        font-size: 1.5em;
        color: #f7eed5;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.intro .content-split .ml__loyalty-email p {
            font-size: 1.2em; } }
      section.content.intro .content-split .ml__loyalty-email b {
        font-size: 2em;
        color: #f7eed5;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.intro .content-split .ml__loyalty-email b {
            font-size: 1.5em; } }

section.content.pullout {
  width: 100%;
  background-color: #f9bb04;
  padding: 50px;
  box-sizing: border-box;
  margin-bottom: -300px;
  z-index: -1;
  /* Mobile Break */ }
  section.content.pullout.nopeek {
    margin: 0; }
  @media only screen and (max-width: 1023px) {
    section.content.pullout {
      padding: 20px; } }
  section.content.pullout .content-split {
    position: relative;
    max-width: 1399px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 40px auto;
    padding: 80px 30px;
    box-sizing: border-box;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    z-index: 1;
    /* Mobile Break */
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.content.pullout .content-split {
        display: block;
        padding: 20px 20px;
        margin: 0 auto; } }
    section.content.pullout .content-split h2 {
      flex: 1;
      min-width: 100%;
      font-size: 2em;
      line-height: 1.4em;
      font-weight: 500;
      text-align: center;
      margin: 0 0 30px 0;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.pullout .content-split h2 {
          font-size: 1.4em; } }
    section.content.pullout .content-split h3 {
      flex: 1;
      min-width: 100%;
      font-size: 1.6em;
      line-height: 1.4em;
      font-weight: 500;
      text-align: center;
      margin: 0 0 30px 0;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.pullout .content-split h3 {
          font-size: 1.4em; } }
    section.content.pullout .content-split .content {
      flex: 1;
      padding: 40px;
      margin: 0 50px 0 0;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.pullout .content-split .content {
          margin: 0;
          padding: 0; } }
    section.content.pullout .content-split a {
      color: #000000;
      text-decoration: underline; }
    section.content.pullout .content-split p {
      font-size: 1em;
      line-height: 1.4em;
      margin: 0 0 25px 0; }
      section.content.pullout .content-split p:last-child {
        margin: 0; }
    section.content.pullout .content-split sup {
      vertical-align: super;
      font-size: smaller; }
    section.content.pullout .content-split a.cta {
      background-color: #f8ba00;
      color: #000000;
      padding: 15px 30px;
      border-radius: 25px;
      margin: 50px auto 0 auto;
      display: block;
      max-width: 150px;
      font-weight: 500;
      text-align: center;
      text-decoration: none; }
    section.content.pullout .content-split ul li {
      position: relative;
      display: block;
      font-size: 1em;
      line-height: 1.4em;
      margin: 0 0 15px 0;
      padding: 0 0 0 40px; }
      section.content.pullout .content-split ul li:before {
        content: "\ea0c";
        position: absolute;
        left: 0;
        top: 2px;
        font-size: 1.3em;
        font-family: 'TaguchiWebIcons';
        color: #f7ba00; }
    @media only screen and (max-width: 1023px) {
      section.content.pullout .content-split img {
        margin: 0 auto !important; } }
    section.content.pullout .content-split .pullout {
      flex: 1;
      z-index: 100;
      padding: 40px;
      max-width: 450px;
      margin: 0 0 0 auto;
      /* Mobile Break */
      /* Mobile Break */ }
      section.content.pullout .content-split .pullout.codedemo {
        min-width: 650px;
        width: 100%;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.pullout .content-split .pullout.codedemo {
            min-width: 100%; } }
      @media only screen and (max-width: 1023px) {
        section.content.pullout .content-split .pullout {
          max-width: 100%;
          padding: 30px 0 0 0; } }
      @media only screen and (max-width: 1023px) {
        section.content.pullout .content-split .pullout {
          margin: 20px 0 0 auto;
          max-width: 100%; } }
      section.content.pullout .content-split .pullout b {
        display: block;
        font-size: 1.3em;
        font-weight: 600;
        margin: 0 0 25px 0; }
      section.content.pullout .content-split .pullout code {
        display: none;
        font-family: Courier, monospace;
        font-size: 13px;
        padding: 20px; }
        section.content.pullout .content-split .pullout code:first-child {
          display: block; }
        section.content.pullout .content-split .pullout code span {
          font-family: Courier, monospace;
          font-size: 13px; }
      section.content.pullout .content-split .pullout .api-buttons {
        display: flex; }
        section.content.pullout .content-split .pullout .api-buttons a {
          flex: 1;
          padding: 15px;
          text-align: center;
          background-color: #414141;
          color: #ffffff;
          text-decoration: none;
          font-weight: 600;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.pullout .content-split .pullout .api-buttons a {
              font-size: 0.8em;
              padding: 15px 8px; } }
          section.content.pullout .content-split .pullout .api-buttons a:hover, section.content.pullout .content-split .pullout .api-buttons a.active {
            background-color: #1E1E1E;
            -webkit-transition: background-color 0.2s ease-in-out;
            -moz-transition: background-color 0.2s ease-in-out;
            -o-transition: background-color 0.2s ease-in-out;
            transition: background-color 0.2s ease-in-out; }
      section.content.pullout .content-split .pullout ul li {
        position: relative;
        display: block;
        font-size: 1em;
        line-height: 1.4em;
        margin: 0 0 15px 0;
        padding: 0 0 0 40px;
        font-weight: 600; }
        section.content.pullout .content-split .pullout ul li:before {
          content: "\ea0c";
          position: absolute;
          left: 0;
          top: 2px;
          font-size: 1.3em;
          font-family: 'TaguchiWebIcons';
          color: #f7ba00; }
    section.content.pullout .content-split .flex-col {
      flex: 1;
      min-width: 50%;
      max-width: 50%;
      padding: 40px 20px;
      box-sizing: border-box;
      margin: 0 auto;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.pullout .content-split .flex-col {
          flex: none;
          max-width: 100%; } }
      section.content.pullout .content-split .flex-col h2 {
        font-size: 1.4em;
        margin: 0 0 20px 0; }
      section.content.pullout .content-split .flex-col .icon {
        display: block;
        font-size: 5em;
        text-align: center;
        margin: 0 0 20px 0; }
      section.content.pullout .content-split .flex-col p {
        margin: 0 auto;
        max-width: 400px;
        text-align: center; }
    section.content.pullout .content-split .job-search {
      display: flex;
      width: 100%; }
      section.content.pullout .content-split .job-search .split {
        flex: 1; }
        section.content.pullout .content-split .job-search .split:first-child {
          margin-right: 20px; }
        section.content.pullout .content-split .job-search .split input, section.content.pullout .content-split .job-search .split select {
          width: 100%;
          display: block;
          box-sizing: border-box;
          padding: 10px 15px;
          border: 1px solid #cccccc;
          border-radius: 5px;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }

section.content.inquote {
  position: relative;
  width: 100%;
  background: #dd6265;
  background: -moz-linear-gradient(left, #dd6265 0%, #674874 100%);
  background: -webkit-linear-gradient(left, #dd6265 0%, #674874 100%);
  background: linear-gradient(to right, #dd6265 0%, #674874 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd6265', endColorstr='#674874',GradientType=1 ); }
  section.content.inquote .content {
    position: relative;
    max-width: 1399px;
    width: 100%;
    margin: 0 auto;
    padding: 80px 50px;
    box-sizing: border-box;
    color: #ffffff; }
    section.content.inquote .content p {
      font-size: 1.8em;
      line-height: 1.2em;
      text-align: center;
      margin: 0 auto;
      max-width: 800px; }
    section.content.inquote .content sup {
      vertical-align: super;
      font-size: smaller; }
    section.content.inquote .content span {
      display: block;
      font-size: 0.8em;
      text-align: center;
      margin: 20px 0 0 0; }

section.content.drawer {
  position: relative;
  background-color: #f3f3f3;
  width: 100%; }
  section.content.drawer.mt-250 {
    padding-top: 250px;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.content.drawer.mt-250 {
        padding-top: 300px; } }
  section.content.drawer h3 {
    font-size: 1.5em;
    line-height: 1.4em;
    font-weight: 600;
    text-align: center;
    padding: 80px 0 0 0;
    max-width: 850px;
    margin: 0 auto;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.content.drawer h3 {
        font-size: 1.2em;
        padding: 50px 20px 0 20px; } }
  section.content.drawer .content-split {
    position: relative;
    max-width: 1399px;
    width: 100%;
    margin: 0 auto;
    padding: 80px 50px;
    box-sizing: border-box;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.content.drawer .content-split {
        display: block;
        padding: 40px 20px; } }
    section.content.drawer .content-split a.feature:hover {
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      transform: translate3d(0, -10px, 0); }
    section.content.drawer .content-split .feature {
      flex: 1;
      min-width: 25%;
      max-width: 25%;
      display: block;
      position: relative;
      text-align: center;
      color: #000000;
      text-decoration: none;
      padding: 25px;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.drawer .content-split .feature {
          max-width: 100%;
          padding: 0 0 40px 0; } }
      section.content.drawer .content-split .feature i {
        font-size: 4em;
        color: #fbbf0a; }
      section.content.drawer .content-split .feature b {
        font-size: 1.1em;
        line-height: 1.4em;
        font-weight: 600;
        display: block;
        margin: 20px 0 0 0; }
      section.content.drawer .content-split .feature p {
        display: block;
        font-size: 0.95em;
        line-height: 1.4em;
        margin: 15px auto 0 auto; }
        section.content.drawer .content-split .feature p sup {
          vertical-align: super;
          font-size: smaller; }
      section.content.drawer .content-split .feature .image {
        display: block;
        width: 100%;
        height: 200px;
        background-size: cover;
        background-position: center center; }

section.content.twocol {
  position: relative;
  width: 100%;
  padding: 100px 0;
  box-sizing: border-box; }
  section.content.twocol.pt-none {
    padding-top: 0; }
  section.content.twocol h2 {
    max-width: 500px;
    font-size: 2em;
    line-height: 1.4em;
    font-weight: 500;
    text-align: center;
    margin: 0 auto 50px auto;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.content.twocol h2 {
        font-size: 1.4em; } }
  section.content.twocol .content {
    max-width: 1399px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 50px;
    white-space: normal;
    text-align: left;
    column-count: 2;
    column-gap: 100px;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.content.twocol .content {
        column-count: 1; } }
    section.content.twocol .content p {
      font-size: 1em;
      line-height: 1.4em;
      margin: 0 0 30px 0;
      page-break-inside: avoid; }
      section.content.twocol .content p b {
        font-size: 1.3em;
        font-weight: 600;
        display: block;
        margin: 15px 0 0 0;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.twocol .content p b {
            font-size: 1em; } }
  section.content.twocol img {
    display: block;
    max-width: 600px;
    width: 100%;
    margin: 50px auto; }

section.content.tabber {
  position: relative;
  background-color: #f3f3f2;
  padding: 100px 0 100px 0;
  /* Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    section.content.tabber {
      padding: 100px 0 50px 0; } }
  section.content.tabber h2 {
    font-size: 1.8em;
    line-height: 1.4em;
    margin: 0 0 20px 0;
    text-align: center;
    font-weight: 600;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.content.tabber h2 {
        font-size: 1.4em;
        margin: 0 0 80px 0; } }
  section.content.tabber p {
    padding: 0 50px;
    margin: 0 auto;
    text-align: center;
    margin: 0 0 50px 0; }
  section.content.tabber .solution-selector {
    max-width: 1399px;
    padding: 0 50px;
    margin: 0 auto 0 auto;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.content.tabber .solution-selector {
        padding: 0 20px; } }
    section.content.tabber .solution-selector ul {
      display: flex;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.tabber .solution-selector ul {
          flex-wrap: wrap; } }
      section.content.tabber .solution-selector ul li {
        flex: 1;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.tabber .solution-selector ul li {
            max-width: 50%;
            min-width: 50%; } }
        section.content.tabber .solution-selector ul li a {
          display: block;
          position: relative;
          text-align: center;
          color: #000000;
          text-decoration: none;
          padding: 25px 0;
          /* Mobile Break */
          /* Reverse Mobile Break */
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.tabber .solution-selector ul li a {
              background-color: #000000;
              color: #ffffff;
              padding: 20px; } }
          @media only screen and (min-width: 1023px) {
            section.content.tabber .solution-selector ul li a.selected:after, section.content.tabber .solution-selector ul li a:after {
              content: '';
              position: absolute;
              bottom: -3px;
              left: 0;
              display: block;
              width: 100%;
              height: 0;
              background-color: #fbbf0a; }
            section.content.tabber .solution-selector ul li a.selected:after, section.content.tabber .solution-selector ul li a:hover:after {
              -webkit-transition: height 0.2s ease-in-out;
              -moz-transition: height 0.2s ease-in-out;
              -o-transition: height 0.2s ease-in-out;
              transition: height 0.2s ease-in-out;
              height: 3px; } }
          @media only screen and (max-width: 1023px) {
            section.content.tabber .solution-selector ul li a.selected {
              background-color: #fbbf0a;
              color: #000000; }
            section.content.tabber .solution-selector ul li a.selected i {
              color: #000000; } }
          section.content.tabber .solution-selector ul li a i {
            font-size: 4em;
            color: #fbbf0a;
            /* Mobile Break */ }
            @media only screen and (max-width: 1023px) {
              section.content.tabber .solution-selector ul li a i {
                font-size: 2em; } }
          section.content.tabber .solution-selector ul li a b {
            font-size: 1.3em;
            font-weight: 600;
            display: block;
            margin: 15px 0 0 0;
            /* Mobile Break */ }
            @media only screen and (max-width: 1023px) {
              section.content.tabber .solution-selector ul li a b {
                font-size: 1em; } }
          section.content.tabber .solution-selector ul li a p {
            margin: 10px 0 0 0;
            padding: 0;
            font-size: 0.7em; }
    section.content.tabber .solution-selector .tabs {
      display: block;
      background-color: #ffffff;
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      padding: 50px;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.tabber .solution-selector .tabs {
          padding: 50px 20px; } }
      section.content.tabber .solution-selector .tabs .tab.content-split {
        display: none;
        align-items: center;
        -webkit-animation-duration: 0.4s;
        -webkit-animation-name: fadeFromBottom;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-duration: 0.4s;
        -moz-animation-name: fadeFromBottom;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: forwards;
        animation-duration: 0.4s;
        animation-name: fadeFromBottom;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.tabber .solution-selector .tabs .tab.content-split {
            flex-wrap: wrap;
            text-align: center; } }
        section.content.tabber .solution-selector .tabs .tab.content-split:first-child {
          display: flex; }
        section.content.tabber .solution-selector .tabs .tab.content-split .split-40 {
          flex: 1;
          max-width: 40%;
          margin-right: 50px;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.tabber .solution-selector .tabs .tab.content-split .split-40 {
              flex: none;
              max-width: 100%;
              min-width: 100%;
              margin: 0 0 40px 0; } }
        section.content.tabber .solution-selector .tabs .tab.content-split .split-60 {
          flex: 1;
          max-width: 60%;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.tabber .solution-selector .tabs .tab.content-split .split-60 {
              flex: none;
              max-width: 100%;
              min-width: 100%; } }
        section.content.tabber .solution-selector .tabs .tab.content-split img {
          width: 100%; }
        section.content.tabber .solution-selector .tabs .tab.content-split h3 {
          font-size: 2.2em;
          line-height: 1.3em;
          margin: 0 0 25px 0;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.tabber .solution-selector .tabs .tab.content-split h3 {
              font-size: 1.4em;
              text-align: center; } }
        section.content.tabber .solution-selector .tabs .tab.content-split p {
          margin: 0 0 25px 0;
          font-size: 1em;
          line-height: 1.5em;
          text-align: left;
          padding: 0;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.tabber .solution-selector .tabs .tab.content-split p {
              text-align: center; } }
          section.content.tabber .solution-selector .tabs .tab.content-split p sup {
            vertical-align: super;
            font-size: smaller; }
        section.content.tabber .solution-selector .tabs .tab.content-split a {
          position: relative;
          font-weight: 800;
          font-size: 1.1em;
          text-decoration: none;
          color: #000000; }
          section.content.tabber .solution-selector .tabs .tab.content-split a:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: -3px;
            height: 2.5px;
            width: 0;
            background-color: #f8ba00; }
          section.content.tabber .solution-selector .tabs .tab.content-split a:hover:after {
            -webkit-transition: width 0.2s ease-in-out;
            -moz-transition: width 0.2s ease-in-out;
            -o-transition: width 0.2s ease-in-out;
            transition: width 0.2s ease-in-out;
            width: 100%; }

section.locations {
  position: relative;
  width: 100%;
  padding: 100px 0 0 0;
  box-sizing: border-box; }
  section.locations:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    background-color: #fbbf0a;
    min-width: 70%;
    max-width: calc(100% - 300px);
    width: 70%;
    height: 80%;
    z-index: -1; }
  section.locations .content {
    display: flex;
    max-width: 1399px;
    padding: 0 50px;
    margin: 0 auto;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.locations .content {
        padding: 0 20px; } }
    section.locations .content .map {
      position: relative;
      flex: 1;
      max-width: 500px;
      overflow: hidden;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.locations .content .map {
          display: none; } }
      section.locations .content .map svg {
        width: 140%;
        margin-left: -55%; }
      section.locations .content .map .pulsating-circle {
        position: absolute;
        width: 20px;
        height: 20px; }
        section.locations .content .map .pulsating-circle.mel {
          top: 80%;
          left: 49%; }
        section.locations .content .map .pulsating-circle.syd {
          top: 70%;
          left: 70%; }
        section.locations .content .map .pulsating-circle:before {
          content: '';
          position: relative;
          display: block;
          width: 300%;
          height: 300%;
          box-sizing: border-box;
          margin-left: -100%;
          margin-top: -100%;
          border-radius: 45px;
          background-color: #fbbf0a;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
        section.locations .content .map .pulsating-circle:after {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 100%;
          background-color: #fbbf0a;
          border-radius: 15px;
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }
    section.locations .content .box {
      flex: 1; }
      section.locations .content .box .inner {
        padding: 50px 60px;
        box-sizing: border-box;
        background-color: #ffffff;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
        box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.locations .content .box .inner {
            padding: 50px 30px; } }
      section.locations .content .box p {
        margin: 0 0 25px 0;
        font-size: 1.1em;
        line-height: 1.5em;
        text-align: left;
        padding: 0; }
        section.locations .content .box p sup {
          vertical-align: super;
          font-size: smaller; }
      section.locations .content .box .stats {
        display: flex;
        padding: 10px 0 0 0;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.locations .content .box .stats {
            display: block; } }
        section.locations .content .box .stats .stat {
          flex: 1;
          padding: 15px;
          box-sizing: border-box;
          text-align: center; }
          section.locations .content .box .stats .stat .icon {
            display: block;
            text-align: center;
            font-size: 3em;
            margin: 0 0 20px 0; }
          section.locations .content .box .stats .stat b {
            font-weight: 600;
            line-height: 1.4em; }

section.client-logos:not(.homepage) {
  position: relative;
  padding: 100px 0 100px 0;
  /* Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    section.client-logos:not(.homepage) {
      padding: 50px 20px 50px 20px;
      box-sizing: border-box; } }
  section.client-logos:not(.homepage) h4 {
    text-align: center;
    font-size: 1.4em;
    line-height: 1.5em;
    font-weight: 600;
    max-width: 1399px;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing: border-box; }
  section.client-logos:not(.homepage) .logos {
    display: flex;
    flex-wrap: wrap;
    max-width: 1399px;
    padding: 0 50px;
    margin: 0 auto 0 auto;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.client-logos:not(.homepage) .logos {
        padding: 0; } }
    section.client-logos:not(.homepage) .logos .logo {
      flex: 1;
      padding: 50px 25px 0 25px;
      text-align: center; }
      section.client-logos:not(.homepage) .logos .logo:last-child {
        margin-right: 0; }
      section.client-logos:not(.homepage) .logos .logo img {
        max-height: 60px;
        width: auto; }

section.contact-pane {
  position: relative;
  width: 100%;
  background: #4d9951;
  background: -moz-linear-gradient(left, #4d9951 0%, #385a4c 100%);
  background: -webkit-linear-gradient(left, #4d9951 0%, #385a4c 100%);
  background: linear-gradient(to right, #4d9951 0%, #57b0e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d9951', endColorstr='#385a4c',GradientType=1 ); }
  section.contact-pane.req {
    padding: 100px 0;
    background: #6e4a74;
    background: -moz-linear-gradient(top, #6e4a74 0%, #d96166 100%);
    background: -webkit-linear-gradient(top, #6e4a74 0%, #d96166 100%);
    background: linear-gradient(to bottom, #6e4a74 0%, #d96166 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e4a74', endColorstr='#d96166',GradientType=0 ); }
  section.contact-pane.whp {
    padding: 100px 0;
    background: #333333;
    margin: 0 0 50px 0;
    background-size: cover;
    background-position: center center; }
    section.contact-pane.whp:before {
      content: '';
      background-image: url(/assets/images/home-speck.png);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      display: block;
      overflow: hidden; }
  section.contact-pane .content-split {
    position: relative;
    max-width: 1399px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.contact-pane .content-split {
        display: block;
        padding: 40px 20px; } }
    section.contact-pane .content-split .content-body {
      flex: 1;
      margin-right: 100px;
      color: #ffffff;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.contact-pane .content-split .content-body {
          margin-right: 0;
          text-align: center; } }
      section.contact-pane .content-split .content-body h1 {
        font-size: 1.8em;
        line-height: 1.4em;
        font-weight: 600;
        margin: 0 0 35px 0; }
      section.contact-pane .content-split .content-body h2 {
        font-size: 1.4em;
        line-height: 1.4em;
        font-weight: 500;
        margin: 0 0 35px 0; }
        section.contact-pane .content-split .content-body h2:last-child {
          margin: 0; }
      section.contact-pane .content-split .content-body p {
        line-height: 1.4em;
        margin: 0 0 20px 0; }
      section.contact-pane .content-split .content-body ul {
        list-style-type: disc; }
        section.contact-pane .content-split .content-body ul li {
          padding: 10px 0 10px 20px;
          margin-left: 30px; }
      section.contact-pane .content-split .content-body sup {
        vertical-align: super;
        font-size: smaller; }
      section.contact-pane .content-split .content-body .logos {
        margin: 50px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center; }
        section.contact-pane .content-split .content-body .logos img {
          width: 100%; }
    section.contact-pane .content-split .form {
      flex: 1;
      background-color: #ffffff;
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.08);
      padding: 50px 25px;
      box-sizing: border-box;
      /* Mobile Break */ }
      section.contact-pane .content-split .form h4 {
        font-size: 1.4em;
        text-align: center;
        line-height: 1em;
        font-weight: 500;
        margin: -10px 0 40px 0;
        display: block;
        width: 100%; }
      @media only screen and (max-width: 1023px) {
        section.contact-pane .content-split .form {
          margin-top: 25px; } }
      section.contact-pane .content-split .form form {
        display: flex;
        flex-wrap: wrap;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.contact-pane .content-split .form form {
            display: block; } }
        section.contact-pane .content-split .form form div {
          flex: 1;
          min-width: 50%;
          max-width: 50%;
          box-sizing: border-box;
          padding: 0 10px 30px 0;
          /* Mobile Break */
          /* Reverse Mobile Break */ }
          section.contact-pane .content-split .form form div.stretch {
            min-width: 100%;
            max-width: 100%;
            padding-right: 0; }
          @media only screen and (max-width: 1023px) {
            section.contact-pane .content-split .form form div {
              max-width: 100%; } }
          @media only screen and (min-width: 1023px) {
            section.contact-pane .content-split .form form div:nth-child(2n) {
              padding: 0 0 30px 10px; } }
          section.contact-pane .content-split .form form div label {
            display: block;
            margin: 0 0 5px 0;
            font-size: 0.85em;
            font-weight: 600; }
            section.contact-pane .content-split .form form div label b {
              color: #ff0000; }
          section.contact-pane .content-split .form form div input,
          section.contact-pane .content-split .form form div textarea {
            display: block;
            box-sizing: border-box;
            border-radius: 0;
            border: 0;
            border-bottom: 1px solid #dddddd;
            padding: 8px 0;
            width: 100%;
            font-size: 0.9em;
            color: #111111;
            font-family: 'Raleway', Helvetica, sans-serif; }
            section.contact-pane .content-split .form form div input[type="submit"],
            section.contact-pane .content-split .form form div textarea[type="submit"] {
              background-color: #f8ba00;
              box-sizing: border-box;
              color: #000000;
              text-align: center;
              border: 0;
              border-radius: 30px;
              font-size: 0.9em;
              padding: 12px 0;
              cursor: pointer;
              -webkit-appearance: none; }
            section.contact-pane .content-split .form form div input:invalid, section.contact-pane .content-split .form form div input:required,
            section.contact-pane .content-split .form form div textarea:invalid,
            section.contact-pane .content-split .form form div textarea:required {
              box-shadow: none !important;
              outline: none !important; }
            section.contact-pane .content-split .form form div input:invalid,
            section.contact-pane .content-split .form form div textarea:invalid {
              border-color: #dddddd; }
            section.contact-pane .content-split .form form div input:valid,
            section.contact-pane .content-split .form form div textarea:valid {
              border-color: #3f9937; }
          section.contact-pane .content-split .form form div select {
            display: block;
            box-sizing: border-box;
            border-radius: 0;
            border: 0;
            border-bottom: 1px solid #dddddd;
            padding: 8px 0;
            width: 100%;
            font-size: 0.9em;
            color: #111111;
            -webkit-appearance: none;
            -moz-appearance: none;
            font-family: 'Raleway', Helvetica, sans-serif; }
            section.contact-pane .content-split .form form div select:invalid, section.contact-pane .content-split .form form div select:required {
              box-shadow: none !important;
              outline: none !important; }
            section.contact-pane .content-split .form form div select:invalid {
              border-color: #dddddd; }
            section.contact-pane .content-split .form form div select:valid {
              border-color: #3f9937; }
        section.contact-pane .content-split .form form div.full {
          min-width: 100%;
          max-width: 100%;
          padding: 0; }
          section.contact-pane .content-split .form form div.full p {
            margin: 20px 0 0 0;
            font-size: 0.8em; }

section.content.franchiser-triangle {
  position: relative;
  width: 100%;
  overflow: hidden; }
  section.content.franchiser-triangle h2 {
    font-size: 1.5em;
    line-height: 1.4em;
    padding: 25px 40px;
    text-align: center;
    font-weight: 600;
    max-width: 800px;
    margin: 0 auto; }
  section.content.franchiser-triangle .triangle {
    position: relative;
    max-width: 1399px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 50px 150px 50px;
    box-sizing: border-box;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.content.franchiser-triangle .triangle {
        display: block;
        padding: 40px 20px; } }
    section.content.franchiser-triangle .triangle .central {
      position: relative;
      background-color: #57b0e3;
      padding: 20px 20px 20px 90px;
      height: 170px;
      width: calc(100% - 220px);
      box-sizing: border-box;
      margin: 0 0 15px 0;
      /* Mobile Break */
      /* Reverse Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.franchiser-triangle .triangle .central {
          width: 100%; } }
      @media only screen and (min-width: 1023px) {
        section.content.franchiser-triangle .triangle .central:hover:before {
          transform: scale(1.05);
          transition: all .1s ease-in-out; }
        section.content.franchiser-triangle .triangle .central:after {
          background: inherit;
          content: '';
          display: block;
          height: 170px;
          width: 200px;
          position: absolute;
          right: -105px;
          top: 0;
          -webkit-transform: skewX(-30deg);
          transform: skewX(-30deg);
          -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
          z-index: -1; }
        section.content.franchiser-triangle .triangle .central:before {
          content: '';
          position: absolute;
          right: -220px;
          top: 0;
          display: block;
          width: 200px;
          height: 180px;
          background-image: url(/assets/images/solutions__franchiser-ta1.png);
          background-repeat: no-repeat;
          background-size: 100% 100%;
          z-index: 99;
          transition: all .1s ease-in-out; } }
    section.content.franchiser-triangle .triangle .dynamic {
      position: relative;
      background-color: #87c979;
      padding: 20px 20px 20px 90px;
      height: 170px;
      width: calc(100% - 320px);
      box-sizing: border-box;
      margin: 0 0 15px 0;
      /* Mobile Break */
      /* Reverse Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.franchiser-triangle .triangle .dynamic {
          width: 100%; } }
      @media only screen and (min-width: 1023px) {
        section.content.franchiser-triangle .triangle .dynamic:hover:before {
          transform: scale(1.03);
          transition: all .1s ease-in-out; }
        section.content.franchiser-triangle .triangle .dynamic:after {
          background: inherit;
          content: '';
          display: block;
          height: 170px;
          width: 200px;
          position: absolute;
          right: -105px;
          top: 0;
          -webkit-transform: skewX(-28deg);
          transform: skewX(-28deg);
          -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
          z-index: -1; }
        section.content.franchiser-triangle .triangle .dynamic:before {
          content: '';
          position: absolute;
          right: -410px;
          top: -15px;
          display: block;
          width: 380px;
          height: 245px;
          background-image: url(/assets/images/solutions__franchiser-ta2.png);
          background-repeat: no-repeat;
          background-size: 100% 100%;
          z-index: 98;
          transition: all .1s ease-in-out; } }
    section.content.franchiser-triangle .triangle .custom {
      position: relative;
      background-color: #674875;
      padding: 20px 20px 20px 90px;
      height: 170px;
      width: calc(100% - 420px);
      box-sizing: border-box;
      margin: 0 0 15px 0;
      /* Mobile Break */
      /* Reverse Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.franchiser-triangle .triangle .custom {
          width: 100%; } }
      @media only screen and (min-width: 1023px) {
        section.content.franchiser-triangle .triangle .custom:hover:before {
          transform: scale(1.02);
          transition: all .1s ease-in-out; }
        section.content.franchiser-triangle .triangle .custom:after {
          background: inherit;
          content: '';
          display: block;
          height: 170px;
          width: 200px;
          position: absolute;
          right: -108px;
          top: 0;
          -webkit-transform: skewX(-28deg);
          transform: skewX(-28deg);
          -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
          z-index: -1; }
        section.content.franchiser-triangle .triangle .custom:before {
          content: '';
          position: absolute;
          right: -610px;
          top: -51px;
          display: block;
          width: 580px;
          height: 330px;
          background-image: url(/assets/images/solutions__franchiser-ta3.png);
          background-repeat: no-repeat;
          background-size: 100% 100%;
          z-index: 97;
          transition: all .1s ease-in-out; } }
    section.content.franchiser-triangle .triangle h3 {
      color: #ffffff;
      font-weight: 600;
      font-size: 1.3em;
      margin: 10px 0 15px 0;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.franchiser-triangle .triangle h3 {
          font-size: 1em;
          margin: 0 0 15px 0; } }
    section.content.franchiser-triangle .triangle p {
      color: #ffffff;
      font-size: 1.1em;
      line-height: 1.4em;
      /* Mobile Break */ }
      @media only screen and (max-width: 1023px) {
        section.content.franchiser-triangle .triangle p {
          font-size: 0.9em;
          line-height: 1.2em; } }
    section.content.franchiser-triangle .triangle i {
      position: absolute;
      left: 0;
      top: 170px;
      text-align: center;
      transform: rotate(-90deg);
      transform-origin: left top 0;
      width: 170px;
      height: 60px;
      padding: 20px 0;
      background-color: #cccccc;
      color: #000000;
      font-weight: 500;
      box-sizing: border-box; }

section.content.follow-up {
  position: relative;
  width: 100%; }
  section.content.follow-up .content-split {
    position: relative;
    max-width: 1399px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 50px 100px 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Mobile Break */ }
    @media only screen and (max-width: 1023px) {
      section.content.follow-up .content-split {
        display: block; } }
    section.content.follow-up .content-split .content {
      flex: 1;
      padding: 20px;
      text-align: center;
      /* Reverse Mobile Break */ }
      @media only screen and (min-width: 1023px) {
        section.content.follow-up .content-split .content:nth-child(2) {
          border-left: 1px solid #cccccc; } }
      section.content.follow-up .content-split .content.brochure {
        max-width: 40%;
        margin-left: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.follow-up .content-split .content.brochure {
            max-width: 100%;
            margin-left: 0; } }
        section.content.follow-up .content-split .content.brochure a.cta {
          padding: 20px;
          display: inline-block;
          background-color: rgba(255, 255, 255, 0.85);
          color: #000000;
          text-decoration: none;
          margin: 100px 0;
          font-weight: 500;
          border-radius: 10px; }
      section.content.follow-up .content-split .content h3 {
        font-weight: 600;
        font-size: 1.4em;
        line-height: 1.4em;
        margin: 0 auto 25px auto;
        max-width: 600px; }
      section.content.follow-up .content-split .content a {
        position: relative;
        text-decoration: none;
        margin: 15px 30px; }
        section.content.follow-up .content-split .content a.cta {
          background-color: #f8ba00;
          color: #000000;
          border-radius: 25px;
          display: inline-block;
          font-weight: 600;
          text-align: center;
          margin: 0;
          padding: 15px 30px;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.follow-up .content-split .content a.cta {
              margin-bottom: 25px; } }
          section.content.follow-up .content-split .content a.cta:after {
            display: none; }
        section.content.follow-up .content-split .content a:after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          bottom: -3px;
          height: 2.5px;
          width: 0;
          background-color: #f8ba00; }
        section.content.follow-up .content-split .content a:hover:after {
          -webkit-transition: width 0.2s ease-in-out;
          -moz-transition: width 0.2s ease-in-out;
          -o-transition: width 0.2s ease-in-out;
          transition: width 0.2s ease-in-out;
          width: 100%; }

section.content.feature-display {
  position: relative;
  width: 100%;
  height: 400px;
  margin: 300px 0 50px 0;
  /* Mobile Break */ }
  @media only screen and (max-width: 1023px) {
    section.content.feature-display {
      margin: 50px 0 50px 0; } }
  section.content.feature-display .carousel {
    display: block; }
    section.content.feature-display .carousel .indicator {
      display: flex;
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      margin: 0 auto;
      height: 18px;
      width: 90px;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 1000;
      border-radius: 5px; }
      section.content.feature-display .carousel .indicator a {
        flex: 1;
        display: block;
        margin: 5px;
        background-color: #ffffff;
        border-radius: 50%; }
        section.content.feature-display .carousel .indicator a.selected {
          background-color: #f8ba00; }
    section.content.feature-display .carousel .item {
      position: absolute;
      width: 100%;
      height: 400px;
      top: 0;
      left: 0;
      display: none; }
      section.content.feature-display .carousel .item.current {
        display: block; }
      section.content.feature-display .carousel .item.next {
        display: block;
        overflow: hidden; }
        section.content.feature-display .carousel .item.next img {
          max-width: 280px;
          width: 40%;
          right: 600px;
          bottom: -50px;
          cursor: pointer;
          z-index: 50;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.feature-display .carousel .item.next img {
              right: 80%; } }
          section.content.feature-display .carousel .item.next img:hover {
            bottom: 0px; }
        section.content.feature-display .carousel .item.next .bg-container {
          opacity: 0;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      section.content.feature-display .carousel .item.prev {
        display: block;
        overflow: hidden; }
        section.content.feature-display .carousel .item.prev img {
          max-width: 280px;
          width: 40%;
          left: 600px;
          bottom: -50px;
          cursor: pointer;
          z-index: 50;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.feature-display .carousel .item.prev img {
              left: 70%; } }
          section.content.feature-display .carousel .item.prev img:hover {
            bottom: 0px; }
        section.content.feature-display .carousel .item.prev .bg-container {
          opacity: 0;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      section.content.feature-display .carousel .item img {
        position: absolute;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: 550px;
        width: 80%;
        border-top: 2px solid #dddddd;
        border-left: 2px solid #dddddd;
        border-right: 2px solid #dddddd;
        border-radius: 5px 5px 0 0;
        z-index: 100;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.feature-display .carousel .item img {
            max-width: 350px; } }
      section.content.feature-display .carousel .item .bg-container {
        overflow: hidden;
        position: absolute;
        display: block;
        width: 100%;
        height: 400px;
        left: 0;
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        /* Mobile Break */ }
        @media only screen and (max-width: 1023px) {
          section.content.feature-display .carousel .item .bg-container {
            height: 300px; } }
        section.content.feature-display .carousel .item .bg-container .background-image {
          position: absolute;
          top: 0;
          left: 0;
          width: 50%;
          height: 400px;
          background-size: cover;
          background-repeat: no-repeat;
          filter: blur(3px);
          transform: scale(1.1);
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.feature-display .carousel .item .bg-container .background-image {
              width: 100%; } }
        section.content.feature-display .carousel .item .bg-container .background-color {
          position: absolute;
          top: 0;
          right: 0;
          width: calc(50% + 1px);
          height: 400px;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          /* Mobile Break */ }
          @media only screen and (max-width: 1023px) {
            section.content.feature-display .carousel .item .bg-container .background-color {
              display: none; } }

/*------------------------
  Individual Blog Pages
-------------------------*/
.top-link {
  transition: all .25s ease-in-out;
  position: fixed;
  bottom: 0;
  right: 15%;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin: 0 3em 3em 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  /* Tablet Break */ }
  @media only screen and (max-width: 768px) {
    .top-link {
      display: none; } }
  .top-link svg {
    fill: #f8ba00;
    width: 40px;
    height: 40px; }
  .top-link:hover {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 60px; }
    .top-link:hover svg {
      fill: #f8ba00; }

section#blog-page {
  height: 100px;
  margin: 0 0 20px 0;
  /* Tablet Break */ }
  @media only screen and (max-width: 768px) {
    section#blog-page {
      height: auto; } }

.splash.blog {
  height: 500px;
  width: 100%;
  position: relative; }

.splash .content.blog .details,
.splash .content.blog .image {
  flex: 1;
  text-align: left; }

.splash .content.blog {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 1399px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 50px;
  z-index: 100; }
  .splash .content.blog .breadcrumbs {
    flex: none;
    display: inline-flex;
    position: absolute;
    bottom: -80px;
    left: -10px;
    margin: 0 50px;
    max-width: 50%;
    min-height: 50px;
    max-height: 50px;
    vertical-align: top;
    /* Tablet Break */ }
    @media only screen and (max-width: 768px) {
      .splash .content.blog .breadcrumbs {
        display: none; } }
    .splash .content.blog .breadcrumbs li {
      display: inline;
      position: relative;
      font-size: 0.85em;
      margin: 0;
      min-width: 50px;
      padding: 10px 5px 0 0;
      white-space: nowrap; }
      .splash .content.blog .breadcrumbs li:not(:last-child) {
        overflow: hidden;
        text-overflow: ellipsis; }
      .splash .content.blog .breadcrumbs li:not(:first-child) {
        padding: 10px 15px 0 20px; }
        .splash .content.blog .breadcrumbs li:not(:first-child):before {
          content: '>';
          position: absolute;
          left: 0;
          top: 10px;
          display: block; }
      .splash .content.blog .breadcrumbs li a {
        position: relative;
        color: #000000; }

/*------------------------
  Main Blog Page
-------------------------*/
.standard .content.blog,
.standard .content.blog p,
.standard .content.blog ul li,
.standard .content.blog em,
.standard .content.blog strong {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.standard .content.blog em,
.standard .content.blog i {
  font-style: italic; }

.standard .content.blog strong,
.standard .content.blog b {
  font-weight: bold; }

.standard .content.blog#single-page {
  display: flex;
  /* Tablet Break */ }
  @media only screen and (max-width: 768px) {
    .standard .content.blog#single-page {
      flex-direction: column; } }
  .standard .content.blog#single-page #case-study-implementation, .standard .content.blog#single-page #summary-of-implementation-objectives-outcomes {
    font-size: 1.25em; }

.standard .content.blog {
  position: relative;
  width: 100%;
  box-sizing: border-box; }
  .standard .content.blog h1 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    margin-bottom: 50px; }
  .standard .content.blog .load-more-button {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0px auto;
    justify-content: center;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 30px 0;
    /* Tablet Break */ }
    @media only screen and (max-width: 768px) {
      .standard .content.blog .load-more-button {
        margin: -50px auto; } }
    .standard .content.blog .load-more-button ul {
      list-style-type: none;
      display: block;
      text-align: right; }
      .standard .content.blog .load-more-button ul li {
        display: inline-block;
        margin: 0;
        padding: 0;
        vertical-align: top; }
        .standard .content.blog .load-more-button ul li:before {
          content: none; }
        .standard .content.blog .load-more-button ul li a {
          display: block;
          background-color: #000000;
          color: #ffffff;
          text-decoration: none;
          font-size: 0.95em;
          padding: 10px 25px;
          border-radius: 20px;
          white-space: nowrap;
          cursor: pointer; }
          .standard .content.blog .load-more-button ul li a:hover {
            cursor: pointer;
            background-color: #f8ba00; }
    .standard .content.blog .load-more-button p {
      width: 100%; }
  .standard .content.blog .main {
    display: block;
    font-weight: 300;
    width: 750px;
    line-height: 1.6em;
    box-sizing: border-box;
    /* Tablet Break */ }
    @media only screen and (max-width: 768px) {
      .standard .content.blog .main {
        width: 100%; } }
    .standard .content.blog .main .content-box {
      display: flex;
      justify-content: space-evenly;
      background-color: transparent;
      text-align: center;
      width: 300px;
      margin-left: -7px;
      margin-top: 10px;
      /* Tablet Break */ }
      @media only screen and (max-width: 768px) {
        .standard .content.blog .main .content-box {
          display: none; } }
      .standard .content.blog .main .content-box a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70px;
        height: 60px;
        background-color: #eee; }
        .standard .content.blog .main .content-box a:hover {
          background-color: #000000; }
          .standard .content.blog .main .content-box a:hover .cls-1 {
            fill: #eee; }
        .standard .content.blog .main .content-box a svg {
          width: 35px;
          height: 35px; }
          .standard .content.blog .main .content-box a svg .cls-1 {
            fill: #222; }
    .standard .content.blog .main .entry-header h1 {
      font-size: 36px;
      font-weight: 500;
      line-height: 140%;
      text-align: left;
      margin-bottom: 15px;
      padding: 0; }
    .standard .content.blog .main .entry-header .entry-meta {
      display: flex;
      flex-direction: row;
      margin-bottom: 30px; }
      .standard .content.blog .main .entry-header .entry-meta .entry-author {
        font-weight: 500; }
      .standard .content.blog .main .entry-header .entry-meta img {
        flex: 1;
        margin-right: 25px;
        border-radius: 50%;
        width: 60px;
        max-width: 60px; }
    .standard .content.blog .main .entry-content img {
      max-width: 100%;
      margin-bottom: 30px; }
    .standard .content.blog .main .entry-content p > a,
    .standard .content.blog .main .entry-content p > strong > a,
    .standard .content.blog .main .entry-content ul > li > p > a {
      font-weight: normal;
      cursor: pointer; }
    .standard .content.blog .main .entry-content h2 > strong > a {
      text-decoration: none;
      cursor: default; }
    .standard .content.blog .main .entry-content blockquote {
      font-size: 12px;
      color: gray; }
      .standard .content.blog .main .entry-content blockquote strong {
        color: darkgray;
        text-decoration: none;
        font-weight: bold; }
    .standard .content.blog .main .entry-content .martech-list, .standard .content.blog .main .entry-content .martech-list-table {
      counter-reset: list; }
      .standard .content.blog .main .entry-content .martech-list li, .standard .content.blog .main .entry-content .martech-list-table li {
        list-style: none; }
        .standard .content.blog .main .entry-content .martech-list li:before, .standard .content.blog .main .entry-content .martech-list-table li:before {
          counter-increment: list;
          content: counter(list, decimal) ") ";
          position: absolute;
          font-size: 1em;
          border-radius: none;
          background-color: none;
          top: 0px;
          height: 0px;
          width: 0px; }
    .standard .content.blog .main .entry-content .martech-list-table {
      margin-top: 5px; }
      .standard .content.blog .main .entry-content .martech-list-table li {
        margin: 0 0 5px 25px; }
        .standard .content.blog .main .entry-content .martech-list-table li:before {
          content: counter(list, decimal) ". "; }
    .standard .content.blog .main .entry-content .martech-table {
      width: 100%;
      border: 1px solid black; }
      .standard .content.blog .main .entry-content .martech-table .left-title-td, .standard .content.blog .main .entry-content .martech-table .right-title-td {
        font-weight: bold;
        padding: 10px 10px 0px 10px; }
      .standard .content.blog .main .entry-content .martech-table .left-title-td {
        border-right: 1px solid black; }
      .standard .content.blog .main .entry-content .martech-table .left-body-td, .standard .content.blog .main .entry-content .martech-table .right-body-td {
        padding: 10px; }
      .standard .content.blog .main .entry-content .martech-table .left-body-td {
        border-right: 1px solid;
        width: 50%; }
  .standard .content.blog .sidebar {
    display: block;
    margin-left: 60px;
    width: 360px;
    /* Tablet Break */ }
    @media only screen and (max-width: 768px) {
      .standard .content.blog .sidebar {
        margin-left: 0px;
        width: 100%; } }
    .standard .content.blog .sidebar .list-stories {
      width: 100%;
      height: auto;
      /* Tablet Break */ }
      @media only screen and (max-width: 768px) {
        .standard .content.blog .sidebar .list-stories {
          display: none; } }
      .standard .content.blog .sidebar .list-stories .stories-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        padding: 20px;
        margin: 20px auto;
        height: 150px;
        background-color: #ffffff;
        border-left: 2px solid #f8ba00;
        background-color: #f4f4f4;
        box-sizing: border-box; }
        .standard .content.blog .sidebar .list-stories .stories-card p, .standard .content.blog .sidebar .list-stories .stories-card .card-title, .standard .content.blog .sidebar .list-stories .stories-card .card-button {
          margin-bottom: 10px;
          text-decoration: none; }
        .standard .content.blog .sidebar .list-stories .stories-card .card-title {
          font-weight: 500;
          font-size: 20px; }
        .standard .content.blog .sidebar .list-stories .stories-card .card-button {
          font-size: 16px; }
    .standard .content.blog .sidebar h2 {
      margin-bottom: 10px;
      padding-top: 10px;
      font-weight: bolder;
      font-size: 24px;
      line-height: 30px;
      /* Tablet Break */ }
      @media only screen and (max-width: 768px) {
        .standard .content.blog .sidebar h2 {
          display: none; } }
    .standard .content.blog .sidebar .box {
      display: flex;
      justify-content: space-evenly;
      background-color: transparent;
      text-align: center;
      width: 300px;
      margin-left: -3px;
      /* Tablet Break */ }
      @media only screen and (max-width: 768px) {
        .standard .content.blog .sidebar .box {
          margin: 30px auto; } }
      .standard .content.blog .sidebar .box a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70px;
        height: 60px;
        background-color: #eee; }
        .standard .content.blog .sidebar .box a:hover {
          background-color: #000000; }
          .standard .content.blog .sidebar .box a:hover .cls-1 {
            fill: #eee; }
        .standard .content.blog .sidebar .box a svg {
          width: 35px;
          height: 35px; }
          .standard .content.blog .sidebar .box a svg .cls-1 {
            fill: #222; }
    .standard .content.blog .sidebar .back-to-blogs {
      display: none;
      /* Tablet Break */ }
      @media only screen and (max-width: 768px) {
        .standard .content.blog .sidebar .back-to-blogs {
          display: inline-flex;
          position: absolute;
          font-size: 16px;
          font-weight: 600;
          left: 20px;
          text-decoration: none; } }
  .standard .content.blog .blog-cards {
    width: 100%; }
    .standard .content.blog .blog-cards .card-wrapper {
      display: none; }
      .standard .content.blog .blog-cards .card-wrapper .card {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 300px;
        padding: 10px 0px;
        margin: 0px auto 10px 0px;
        overflow: hidden;
        background-color: #ffffff;
        border-bottom: 1px solid #b2b2b2;
        z-index: 100;
        box-sizing: border-box;
        /* Phone Break */ }
        @media only screen and (max-width: 425px) {
          .standard .content.blog .blog-cards .card-wrapper .card {
            flex-direction: column;
            min-height: 500px;
            position: relative; } }
        .standard .content.blog .blog-cards .card-wrapper .card .card-img {
          display: block;
          width: 35%;
          padding: 10px 0px;
          box-sizing: border-box;
          /* Phone Break */ }
          @media only screen and (max-width: 425px) {
            .standard .content.blog .blog-cards .card-wrapper .card .card-img {
              width: 100%; } }
          .standard .content.blog .blog-cards .card-wrapper .card .card-img img {
            display: block;
            max-width: 100%;
            margin: 0 auto;
            padding: 5px 0;
            max-height: 100%;
            object-fit: contain;
            /* Tablet Break */ }
            @media only screen and (max-width: 768px) {
              .standard .content.blog .blog-cards .card-wrapper .card .card-img img {
                max-height: 80%;
                width: 100%; } }
        .standard .content.blog .blog-cards .card-wrapper .card .card-content {
          width: 65%;
          padding: 10px 30px;
          position: relative;
          box-sizing: border-box;
          /* Phone Break */ }
          @media only screen and (max-width: 425px) {
            .standard .content.blog .blog-cards .card-wrapper .card .card-content {
              width: 100%;
              padding: 10px;
              position: static !important; } }
          .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-header {
            width: 100%;
            box-sizing: border-box; }
            .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-header p .entry-author {
              font-weight: 600; }
            .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-header a {
              text-decoration: none;
              font-size: 24px;
              font-weight: 600; }
              .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-header a:hover {
                cursor: pointer;
                color: #f8ba00; }
          .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-body {
            max-height: 95px;
            padding: -5px 0 15px 0;
            overflow: hidden;
            position: relative;
            box-sizing: border-box;
            /* Tablet Break */ }
            @media only screen and (max-width: 768px) {
              .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-body {
                max-height: 70px; } }
            .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-body p,
            .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-body h3 {
              font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
              font-size: 15px;
              font-weight: normal;
              -webkit-box-orient: vertical;
              display: -webkit-box;
              -webkit-line-clamp: 2; }
          .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-button {
            margin: 0;
            font-size: 15px;
            text-transform: none;
            font-weight: 700;
            letter-spacing: 0px;
            border: 3px solid;
            border-radius: 0;
            padding: 6px 10px;
            text-decoration: none;
            position: absolute;
            bottom: 15px;
            /* Phone Break */
            /* Tablet Break */ }
            .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-button:hover {
              cursor: pointer;
              color: #f8ba00; }
            @media only screen and (max-width: 425px) {
              .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-button {
                bottom: 10px !important; } }
            @media only screen and (max-width: 768px) {
              .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-button {
                bottom: 57px; } }
          .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-share-icons {
            position: absolute;
            bottom: 15px;
            right: 0;
            width: 200px;
            /* Tablet Break */ }
            @media only screen and (max-width: 768px) {
              .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-share-icons {
                display: none; } }
            .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-share-icons .social {
              justify-content: center;
              align-items: center;
              width: 40px;
              height: 30px; }
              .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-share-icons .social:hover .cls-1 {
                fill: #f8ba00; }
              .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-share-icons .social svg {
                width: 30px;
                height: 30px; }
                .standard .content.blog .blog-cards .card-wrapper .card .card-content .card-share-icons .social svg .cls-1 {
                  fill: #222; }