/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, .content.c-home-security h3, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* ---------------------- Responsiveness ---------------------- */
#ems {
  position: fixed;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.75);
  left: 30%;
  bottom: 0;
  padding: 0.25em; }
  #ems p {
    padding-bottom: 0; }

#ems p {
  color: black;
  font-weight: bold; }
  #ems p:after {
    content: ' <1 (i6 V)';
    margin-left: 1em; }
    @media only screen and (min-width: 32em) {
      #ems p:after {
        content: 'bp1'; } }
    .no-mq #ems p:after {
      content: 'bp1'; }
    @media only screen and (min-width: 41.5em) {
      #ems p:after {
        content: 'bp2/i6 H'; } }
    .no-mq #ems p:after {
      content: 'bp2/i6 H'; }
    @media only screen and (min-width: 47.5em) {
      #ems p:after {
        content: 'bp3/ipad V'; } }
    .no-mq #ems p:after {
      content: 'bp3/ipad V'; }
    @media only screen and (min-width: 62em) {
      #ems p:after {
        content: 'bp4/ipad H'; } }
    .no-mq #ems p:after {
      content: 'bp4/ipad H'; }
    @media only screen and (min-width: 72em) {
      #ems p:after {
        content: 'bp5'; } }
    .no-mq #ems p:after {
      content: 'bp5'; }
    @media only screen and (min-width: 85em) {
      #ems p:after {
        content: 'bp6'; } }
    .no-mq #ems p:after {
      content: 'bp6'; }
    @media only screen and (min-width: 100em) {
      #ems p:after {
        content: 'bp7'; } }
    .no-mq #ems p:after {
      content: 'bp7'; }

/* ----------------------  ---------------------- */
html {
  box-sizing: border-box; }

body {
  font-family: "Inter", sans-serif;
  line-height: 1.3em;
  -webkit-text-size-adjust: 100%; }

*, *:before, *:after {
  box-sizing: inherit; }

*[data-href] {
  cursor: hand;
  cursor: pointer; }

figure img {
  width: 100%;
  display: block; }

.clear {
  clear: both; }

.fr {
  float: right; }

.fl {
  float: left; }

.oh {
  overflow: hidden; }

.smallcaps {
  font-variant: small-caps; }

.allcaps {
  text-transform: uppercase; }

.smaller {
  font-size: 90%; }

.tal {
  text-align: left !important; }

.tar {
  text-align: right !important; }

.center {
  text-align: center; }

.centerm {
  margin: 0 auto; }

.fixed {
  position: fixed; }

@media only screen and (max-width: 41.5em) {
  .fixed-bp2 {
    position: fixed; } }

@media only screen and (max-width: 47.5em) {
  .fixed-bp3 {
    position: fixed; } }

p a {
  font-weight: 400; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

u {
  text-decoration: underline; }

p, a, h1, h2, .content.c-home-security h3, h3, h4, h5, h6, li, q {
  color: inherit;
  line-height: 1.3em; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

p {
  padding-bottom: 1em;
  font-size: 100%;
  font-weight: 200; }

h1, h2, .content.c-home-security h3, h3, h4, h5, h6 {
  line-height: 1.3em;
  font-family: "Inter", sans-serif; }

h1 {
  font-size: 274.4%;
  font-weight: bold;
  margin-bottom: 0.5em; }

h2, .content.c-home-security h3 {
  font-size: 200%; }

h3 {
  font-size: 140%; }

h2, .content.c-home-security h3, h3, h4, h5 {
  margin-bottom: 1em; }

p + h1, p + h2, .content.c-home-security p + h3, p + h3, p + h4 {
  margin-top: 0.75em; }

.cols + h1, .cols + h2, .content.c-home-security .cols + h3, .cols + h3, .cols + h4 {
  margin-top: 1.5em; }

section + h1, section + h2, .content.c-home-security section + h3, section + h3, section + h4 {
  margin-top: 0.5em; }

div.button, p.button {
  padding: 0; }

p.button.wide {
  width: 100%;
  text-align: center; }
  p.button.wide a {
    display: block; }

input[type=submit],
p.button.thin a {
  padding: 0.5em 1em; }

button,
.button a,
input[type=submit] {
  font-family: "Inter", sans-serif;
  background: #119894;
  background: linear-gradient(90deg, #119894 0%, #12828b 30%, #174f72 100%);
  background-size: 300% 300%;
  border: none;
  padding: 0.8em 2em 0.75em;
  color: white;
  border-radius: 5em;
  -webkit-border-radius: 5em;
  cursor: hand;
  cursor: pointer;
  font-weight: 400;
  transition: 250ms all;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); }
  button:hover,
  .button a:hover,
  input[type=submit]:hover {
    background-position: 100% 0%;
    color: white;
    text-decoration: none; }
  button.wide,
  .button a.wide,
  input[type=submit].wide {
    width: 100%; }

.button.orange a {
  color: #103e58;
  background: #f68e56;
  background: linear-gradient(90deg, #f68e56 0%, #f68e56 66%, #174f72 100%);
  background-size: 300% 300%; }
  .button.orange a:hover {
    background-position: 100% 0%; }

input[type=submit] {
  font-size: 120%; }

p + p.button,
p + button {
  margin-top: 1em; }

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-bottom: 1px solid #DDD;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  font-size: 100%;
  font-family: "Inter", sans-serif;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none; }

textarea {
  height: 5em; }

input::-webkit-input-placeholder {
  color: #999; }

input:-moz-placeholder {
  color: #999; }

textarea::-webkit-input-placeholder {
  color: #999; }

textarea:-moz-placeholder {
  color: #999; }

select::-ms-expand {
  display: none; }

.captchaSection {
  margin-bottom: 2em; }

input.captcha {
  width: 5em;
  display: inline-block; }

.captchaText {
  display: inline; }

form.contact ul li {
  margin-bottom: 1em; }

form.contact ul input[type=checkbox] {
  display: inline-block;
  margin-right: 1em; }

#ajaxResponse {
  color: #f68e56;
  font-weight: bold; }

/* ---------------------- layouts ---------------------- */
.band {
  width: 100%;
  overflow: hidden; }
  .band.noh {
    overflow: visible; }
  .band.vis-y {
    overflow-y: visible; }
  .band.white {
    color: #103e58; }
  .band.grid-bg {
    background: url("/images/hexagon-background-crop.png") 0 0 no-repeat;
    background-position: -29vw -5vw;
    background-size: 70%;
    color: #103e58; }
  .band.grid-bg-repeat {
    background: url("/images/hexagon-background-full.png") 0 0 repeat;
    background-position: -29vw -5vw;
    background-size: 100%;
    color: #103e58; }
  .band.gradientPattern {
    background: url("/images/hexagon-bg.jpg") 50% 50% no-repeat;
    background-size: cover; }
  .band.homeNews {
    position: relative;
    z-index: 1;
    padding-top: 5em; }
    .band.homeNews:before {
      content: ' ';
      position: absolute;
      top: -15em;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      background: url("/images/hexagon-background-full.png") bottom right no-repeat;
      background-size: cover;
      pointer-events: none; }
  .band.lock {
    background: url("/images/lock-background.jpg") 100% 50% no-repeat;
    background-size: cover; }
  .band.video video {
    width: 100%; }

.container {
  margin: 0 2em; }
  @media only screen and (min-width: 41.5em) {
    .container {
      margin: 0 2em; } }
  .no-mq .container {
    margin: 0 2em; }
  @media only screen and (min-width: 47.5em) {
    .container {
      margin: 0 6em; } }
  .no-mq .container {
    margin: 0 6em; }
  @media only screen and (min-width: 90em) {
    .container {
      width: 78em;
      margin: 0 auto; } }
  .no-mq .container {
    width: 78em;
    margin: 0 auto; }

.rotatorWrapper {
  position: relative; }

.rotator .flex-control-nav {
  bottom: 6%; }

.band.rotator {
  margin: 0;
  position: relative; }
  .band.rotator .overGradient {
    position: absolute;
    height: 25em;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    width: 100%;
    top: 0;
    z-index: 10; }
  .band.rotator ul.rotator {
    margin-bottom: 0; }
    .band.rotator ul.rotator li {
      line-height: 0; }
      .band.rotator ul.rotator li figure {
        position: relative;
        z-index: 1;
        display: block; }
        .band.rotator ul.rotator li figure aside {
          position: relative;
          z-index: 2;
          display: block; }
        .band.rotator ul.rotator li figure.short {
          height: 40vw;
          overflow: hidden; }
      .band.rotator ul.rotator li figure.fullscreen {
        line-height: 0;
        height: 110vh;
        min-height: 55em;
        width: 100%; }
        @media only screen and (min-height: 50em) {
          .band.rotator ul.rotator li figure.fullscreen {
            min-height: 50em; } }
        .no-mq .band.rotator ul.rotator li figure.fullscreen {
          min-height: 50em; }
        .band.rotator ul.rotator li figure.fullscreen img {
          position: relative;
          display: block;
          min-width: 100%;
          height: 110vh;
          min-height: 55em;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: 80% 10%;
             object-position: 80% 10%; }
          @media only screen and (min-height: 50em) {
            .band.rotator ul.rotator li figure.fullscreen img {
              min-height: 55em; } }
          .no-mq .band.rotator ul.rotator li figure.fullscreen img {
            min-height: 55em; }
      .band.rotator ul.rotator li.improving-lives figure.fullscreen img {
        -o-object-position: 60% 10%;
           object-position: 60% 10%; }
      .band.rotator ul.rotator li aside.header {
        position: absolute;
        left: 2rem;
        right: 0;
        top: 25%;
        bottom: 0; }
        @media only screen and (min-width: 47.5em) {
          .band.rotator ul.rotator li aside.header {
            left: 6rem; } }
        .no-mq .band.rotator ul.rotator li aside.header {
          left: 6rem; }
        @media only screen and (min-width: 41.5em) {
          .band.rotator ul.rotator li aside.header {
            top: 32%; } }
        .no-mq .band.rotator ul.rotator li aside.header {
          top: 32%; }
      .band.rotator ul.rotator li aside.pre-animate h1, .band.rotator ul.rotator li aside.pre-animate p, .band.rotator ul.rotator li aside.pre-animate div.buttonBar {
        opacity: 0; }
      .band.rotator ul.rotator li aside.animate h1 {
        animation: 1s forwards fadeInDown; }
      .band.rotator ul.rotator li aside.animate p {
        animation: 1100ms forwards fadeInDown; }
      .band.rotator ul.rotator li aside.animate div.buttonBar {
        animation: 1200ms forwards fadeInDown; }
      .band.rotator ul.rotator li aside.animate p.arrow {
        animation: 1300ms forwards fadeInDown; }
      .band.rotator ul.rotator li aside h1 {
        font-size: 220%;
        font-weight: 600;
        line-height: 1.1em;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: white;
        margin-right: 1em; }
        @media only screen and (min-width: 32em) {
          .band.rotator ul.rotator li aside h1 {
            font-size: 240%; } }
        .no-mq .band.rotator ul.rotator li aside h1 {
          font-size: 240%; }
        @media only screen and (min-width: 41.5em) {
          .band.rotator ul.rotator li aside h1 {
            font-size: 5vw; } }
        .no-mq .band.rotator ul.rotator li aside h1 {
          font-size: 5vw; }
        @media only screen and (min-width: 85em) {
          .band.rotator ul.rotator li aside h1 {
            font-size: 440%; } }
        .no-mq .band.rotator ul.rotator li aside h1 {
          font-size: 440%; }
        .band.rotator ul.rotator li aside h1 span {
          color: #103e58; }
          .band.rotator ul.rotator li aside h1 span.orange {
            color: #f68e56; }
        .band.rotator ul.rotator li aside h1.shadow {
          text-shadow: 0 0 0.5em rgba(16, 62, 88, 0.8); }
          .band.rotator ul.rotator li aside h1.shadow span {
            text-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); }
        .band.rotator ul.rotator li aside h1 span.shadow {
          text-shadow: 0 0 0.25em rgba(255, 255, 255, 0.5); }
      .band.rotator ul.rotator li aside p {
        color: white;
        width: 80%;
        line-height: 1.3em;
        font-size: 100%;
        font-weight: 400;
        letter-spacing: 0.5px; }
        .band.rotator ul.rotator li aside p br {
          display: none; }
        @media only screen and (min-width: 32em) {
          .band.rotator ul.rotator li aside p {
            width: 60%; } }
        .no-mq .band.rotator ul.rotator li aside p {
          width: 60%; }
        @media only screen and (min-width: 62em) {
          .band.rotator ul.rotator li aside p br {
            display: block; } }
        .no-mq .band.rotator ul.rotator li aside p br {
          display: block; }
        .band.rotator ul.rotator li aside p.blue {
          color: #103e58; }
        .band.rotator ul.rotator li aside p.white {
          color: white;
          text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5); }
      @media only screen and (min-width: 41.5em) {
        .band.rotator ul.rotator li aside p {
          font-size: 110%; } }
      .no-mq .band.rotator ul.rotator li aside p {
        font-size: 110%; }
      .band.rotator ul.rotator li aside h3.tel {
        color: white; }
      .band.rotator ul.rotator li aside .buttonBar {
        margin-top: 2em;
        display: flex;
        flex-direction: column; }
        .band.rotator ul.rotator li aside .buttonBar .button {
          display: block; }
          .band.rotator ul.rotator li aside .buttonBar .button a {
            display: inline-block; }
          .band.rotator ul.rotator li aside .buttonBar .button:first-child {
            margin-bottom: 1em; }
        @media only screen and (min-width: 41.5em) {
          .band.rotator ul.rotator li aside .buttonBar {
            flex-direction: row; }
            .band.rotator ul.rotator li aside .buttonBar .button {
              margin-right: 3em; } }
        .no-mq .band.rotator ul.rotator li aside .buttonBar {
          flex-direction: row; }
          .no-mq .band.rotator ul.rotator li aside .buttonBar .button {
            margin-right: 3em; }
      .band.rotator ul.rotator li aside p.arrow {
        font-size: 100%;
        text-align: right;
        float: right;
        width: 100%;
        padding-right: 6em;
        margin-top: 2em;
        text-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: 14vh; }
      .band.rotator ul.rotator li figure.short aside {
        top: 50%; }
        @media only screen and (min-width: 41.5em) {
          .band.rotator ul.rotator li figure.short aside {
            top: 40%; } }
        .no-mq .band.rotator ul.rotator li figure.short aside {
          top: 40%; }
        .band.rotator ul.rotator li figure.short aside p {
          display: none; }
        @media only screen and (min-width: 47.5em) {
          .band.rotator ul.rotator li figure.short aside p {
            display: block; } }
        .no-mq .band.rotator ul.rotator li figure.short aside p {
          display: block; }
      .band.rotator ul.rotator li figure.light p {
        color: #103e58;
        font-weight: 400;
        max-width: 33em; }

/* ---------------------- common ---------------------- */
.cols {
  overflow: hidden;
  margin-bottom: 1em; }
  .cols img {
    max-width: 100%; }

@media only screen and (min-width: 47.5em) {
  .cols--two > * {
    width: 47.5%; }
    .cols--two > *:nth-child(2n+1) {
      clear: both;
      float: left; }
    .cols--two > *:nth-child(2n) {
      float: right; } }

.no-mq .cols--two > * {
  width: 47.5%; }
  .no-mq .cols--two > *:nth-child(2n+1) {
    clear: both;
    float: left; }
  .no-mq .cols--two > *:nth-child(2n) {
    float: right; }

@media only screen and (min-width: 47.5em) {
  .cols--two.line > *:nth-child(2n) {
    border-left: 1px solid #888; } }

.no-mq .cols--two.line > *:nth-child(2n) {
  border-left: 1px solid #888; }

@media only screen and (min-width: 41.5em) {
  .cols--three > * {
    float: left;
    width: 30%;
    margin-left: 5%; }
    .cols--three > *:nth-child(3n+1) {
      clear: left;
      margin-left: 0; } }

.no-mq .cols--three > * {
  float: left;
  width: 30%;
  margin-left: 5%; }
  .no-mq .cols--three > *:nth-child(3n+1) {
    clear: left;
    margin-left: 0; }

@media only screen and (min-width: 32em) {
  .cols--three-two > * {
    float: left;
    width: 46%;
    margin-left: 8%; }
    .cols--three-two > *:nth-child(2n+1) {
      clear: left;
      margin-left: 0; } }

.no-mq .cols--three-two > * {
  float: left;
  width: 46%;
  margin-left: 8%; }
  .no-mq .cols--three-two > *:nth-child(2n+1) {
    clear: left;
    margin-left: 0; }

@media only screen and (min-width: 62em) {
  .cols--three-two > * {
    width: 30%;
    margin-left: 3.3333333333%; }
    .cols--three-two > *:nth-child(2n+1) {
      clear: none;
      margin-left: 3.3333333333%; }
    .cols--three-two > *:nth-child(3n+1) {
      clear: left;
      margin-left: 0; } }

.no-mq .cols--three-two > * {
  width: 30%;
  margin-left: 3.3333333333%; }
  .no-mq .cols--three-two > *:nth-child(2n+1) {
    clear: none;
    margin-left: 3.3333333333%; }
  .no-mq .cols--three-two > *:nth-child(3n+1) {
    clear: left;
    margin-left: 0; }

.cols--four > * {
  margin-bottom: 2em; }

@media only screen and (min-width: 32em) {
  .cols--four > * {
    float: left;
    width: 47.5%;
    margin-left: 5%; }
    .cols--four > *:nth-child(2n+1) {
      clear: left;
      margin-left: 0; } }

.no-mq .cols--four > * {
  float: left;
  width: 47.5%;
  margin-left: 5%; }
  .no-mq .cols--four > *:nth-child(2n+1) {
    clear: left;
    margin-left: 0; }

@media only screen and (min-width: 47.5em) {
  .cols--four > * {
    width: 23.75%;
    margin-left: 1.6666666667%; }
    .cols--four > *:nth-child(2n+1) {
      clear: none;
      margin-left: 1.6666666667%; }
    .cols--four > *:nth-child(4n+1) {
      clear: left;
      margin-left: 0; } }

.no-mq .cols--four > * {
  width: 23.75%;
  margin-left: 1.6666666667%; }
  .no-mq .cols--four > *:nth-child(2n+1) {
    clear: none;
    margin-left: 1.6666666667%; }
  .no-mq .cols--four > *:nth-child(4n+1) {
    clear: left;
    margin-left: 0; }

@media only screen and (min-width: 47.5em) {
  .cols--five > * {
    float: left;
    width: 18.4%;
    margin-left: 2%; }
    .cols--five > *:nth-child(5n+1) {
      clear: left;
      margin-left: 0; } }

.no-mq .cols--five > * {
  float: left;
  width: 18.4%;
  margin-left: 2%; }
  .no-mq .cols--five > *:nth-child(5n+1) {
    clear: left;
    margin-left: 0; }

/* ---------------------- lists ---------------------- */
ol {
  counter-reset: li;
  /* Initiate a counter */
  list-style: none;
  /* Remove default numbering */
  *list-style: decimal;
  /* Keep using default numbering for IE6/7 */
  font: 15px 'trebuchet MS', 'lucida sans';
  padding: 1.5em;
  margin-bottom: 4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

ul {
  margin-bottom: 1em; }

/* ---------- rounded list ---------- */
.rounded-list {
  padding: 0 1.5em; }

.rounded-list li {
  position: relative;
  display: block;
  padding: .4em .4em .4em 2em;
  *padding: .4em;
  margin: .5em 0;
  background: #ddd;
  color: #444;
  text-decoration: none;
  border-radius: .3em;
  transition: all .3s ease-out; }
  .rounded-list li a:hover {
    background: none; }
  .rounded-list li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
    content: "\00BB \0020"; }

.rounded-list li:hover {
  background: #eee; }

ul.raquo li {
  list-style-type: none;
  padding-left: 10px;
  margin-bottom: 0.2em; }

ul.raquo:before {
  content: "\00BB \0020";
  display: inline;
  margin-left: -10px; }

/* ---------------------- header ---------------------- */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 1; }
  .hamburger.is-active:hover {
    opacity: 1; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #103e58; }

.hamburger-box {
  width: 25px;
  height: 19px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 25px;
    height: 3px;
    background-color: #FFF;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 50px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 50px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 50px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 50px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 50px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 50px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-5px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-5px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(5px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(5px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-5px, -6.25px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-5px, 6.25px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(5px, -6.25px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(5px, 6.25px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -16px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -16px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -8px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 8px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 16px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -16px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 8px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 16px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -16px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 8px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -50px;
      top: -50px;
      transform: translate3d(50px, 50px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -50px;
      top: -50px;
      transform: translate3d(-50px, 50px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 8px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -50px;
      top: 50px;
      transform: translate3d(50px, -50px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -50px;
      top: 50px;
      transform: translate3d(-50px, -50px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider .hamburger-inner::before {
    top: 8px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 16px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-3.5714285714px, -5px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -16px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 8px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 16px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(3.5714285714px, -5px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -16px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 1.5px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 8px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 16px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 8px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -16px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

#mobileNavWrapper {
  cursor: hand;
  cursor: pointer;
  float: right;
  z-index: 5601;
  margin-top: 1.5em;
  display: block; }
  @media only screen and (min-width: 62em) {
    #mobileNavWrapper {
      display: none; } }
  .no-mq #mobileNavWrapper {
    display: none; }
  #mobileNavWrapper.scrolled button.hamburger {
    box-shadow: none; }

button.hamburger {
  box-shadow: none;
  background: transparent;
  transition: 250ms all;
  padding: 12px 12px;
  opacity: 1; }
  button.hamburger:focus {
    outline: 0 !important; }
  button.hamburger .hamburger-box {
    margin-top: 1px !important;
    margin-bottom: -1px !important; }

.hamburger-label {
  text-transform: uppercase;
  color: #103e58;
  margin-right: 0.75em;
  display: inline-block;
  vertical-align: top; }

.offcanvas-menu {
  position: fixed;
  top: -150%;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 100;
  color: #103e58;
  transition: 500ms all;
  opacity: 0; }
  .offcanvas-menu figure.mobileMenuLogo figure {
    width: 15em;
    margin-left: 3em;
    margin-top: 1em; }
  .offcanvas-menu nav {
    position: absolute;
    left: 15%;
    top: 50%;
    width: 80%;
    transform: translateY(-70%);
    font-size: 6vw;
    font-weight: 600; }
    @media only screen and (min-width: 32em) {
      .offcanvas-menu nav {
        transform: translateY(-70%);
        font-size: 6vw; } }
    .no-mq .offcanvas-menu nav {
      transform: translateY(-70%);
      font-size: 6vw; }
    @media only screen and (min-width: 41.5em) {
      .offcanvas-menu nav {
        left: 15%;
        transform: translateY(-50%); } }
    .no-mq .offcanvas-menu nav {
      left: 15%;
      transform: translateY(-50%); }
    @media only screen and (min-width: 47.5em) {
      .offcanvas-menu nav {
        left: 20%; } }
    .no-mq .offcanvas-menu nav {
      left: 20%; }
    @media only screen and (min-width: 62em) {
      .offcanvas-menu nav {
        left: 50%;
        margin-left: -5em;
        font-size: 300%; } }
    .no-mq .offcanvas-menu nav {
      left: 50%;
      margin-left: -5em;
      font-size: 300%; }
    @media only screen and (max-height: 25em) {
      .offcanvas-menu nav {
        font-size: 6vmin;
        transform: translateY(-60%);
        left: 45%; }
        .offcanvas-menu nav ul > li > div {
          left: 10em !important;
          font-size: 5vmin !important; } }
    @media only screen and (min-height: 30em) {
      .offcanvas-menu nav ul > li {
        margin-bottom: 0.5em; }
        .offcanvas-menu nav ul > li > div li {
          margin-bottom: 1em; } }
    .no-mq .offcanvas-menu nav ul > li {
      margin-bottom: 0.5em; }
      .no-mq .offcanvas-menu nav ul > li > div li {
        margin-bottom: 1em; }
    @media only screen and (min-height: 60em) {
      .offcanvas-menu nav {
        top: 50%; } }
    .no-mq .offcanvas-menu nav {
      top: 50%; }
    .offcanvas-menu nav li.tel {
      font-size: 80%;
      color: #103e58 !important;
      line-height: 1.25; }
      .offcanvas-menu nav li.tel a.tel, .offcanvas-menu nav li.tel a.text {
        color: #103e58 !important; }
        .offcanvas-menu nav li.tel a.tel:hover, .offcanvas-menu nav li.tel a.text:hover {
          color: #103e58 !important; }
      .offcanvas-menu nav li.tel span {
        display: block;
        font-size: 50%; }
    .offcanvas-menu nav a {
      color: inherit !important;
      transition: 250ms all; }
      .offcanvas-menu nav a:hover {
        color: #103e58 !important;
        text-decoration: none; }
    .offcanvas-menu nav ul > li {
      line-height: 1.2em;
      margin-bottom: 0.4em; }
      .offcanvas-menu nav ul > li > div {
        left: 57.5%;
        position: absolute;
        top: 28%;
        transform: translateY(-50%);
        font-size: 1.20rem; }
        .offcanvas-menu nav ul > li > div li {
          margin-bottom: 0.75em; }
        @media only screen and (min-width: 32em) {
          .offcanvas-menu nav ul > li > div {
            left: 60%; } }
        .no-mq .offcanvas-menu nav ul > li > div {
          left: 60%; }
        @media only screen and (min-width: 41.5em) {
          .offcanvas-menu nav ul > li > div {
            left: 60%;
            font-size: 1.25rem; } }
        .no-mq .offcanvas-menu nav ul > li > div {
          left: 60%;
          font-size: 1.25rem; }
        @media only screen and (min-width: 47.5em) {
          .offcanvas-menu nav ul > li > div {
            left: 60%;
            font-size: 1.5rem; } }
        .no-mq .offcanvas-menu nav ul > li > div {
          left: 60%;
          font-size: 1.5rem; }
        @media only screen and (min-width: 62em) {
          .offcanvas-menu nav ul > li > div {
            left: 15em;
            font-size: 1.5rem; } }
        .no-mq .offcanvas-menu nav ul > li > div {
          left: 15em;
          font-size: 1.5rem; }
  .offcanvas-menu.active {
    top: 0;
    left: 0;
    opacity: 1; }

body.noheader header figure.logo svg .t {
  fill: #36AD47; }

figure.logo.color svg .t {
  fill: #36AD47 !important; }

body header.scrolled figure.logo svg .t {
  fill: #FFFFFF; }

body header.scrolled figure.logo svg .a {
  fill: #FFFFFF; }

body.noheader header.scrolled figure.logo img.white {
  display: block; }

body.noheader header.scrolled figure.logo img.green {
  display: none; }

body.noheader header figure.logo img.white {
  display: none; }

body.noheader header figure.logo img.green {
  display: block; }

body.noheader header.scrolled figure.logo img.white {
  display: block; }

body.noheader header.scrolled figure.logo img.green {
  display: none; }

body.noheader header nav {
  color: #103e58; }

body.noheader header.scrolled nav {
  color: white; }

header {
  overflow: visible !important;
  width: 100%;
  display: block;
  min-height: 1em;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 2000;
  background: transparent;
  padding-left: 2rem;
  padding-right: 2rem;
  transition: 250ms; }
  @media only screen and (min-width: 47.5em) {
    header {
      padding-left: 6rem; } }
  .no-mq header {
    padding-left: 6rem; }
  @media only screen and (min-width: 90em) {
    header {
      padding-left: calc((100vw - 91rem + 12rem )/2); } }
  .no-mq header {
    padding-left: calc((100vw - 91rem + 12rem )/2); }
  @media only screen and (min-width: 47.5em) {
    header {
      padding-right: 6rem; } }
  .no-mq header {
    padding-right: 6rem; }
  @media only screen and (min-width: 90em) {
    header {
      padding-right: calc((100vw - 91rem + 12rem )/2); } }
  .no-mq header {
    padding-right: calc((100vw - 91rem + 12rem )/2); }
  header figure.logo {
    float: left;
    margin-top: 1em;
    margin-bottom: 1em; }
    header figure.logo img {
      transition: 250ms all;
      height: 4em;
      width: auto; }
    header figure.logo svg {
      transition: 250ms all;
      height: 3.5em; }
      header figure.logo svg path {
        transition: 250ms all; }
      header figure.logo svg .t {
        fill: #FFFFFF; }
    header figure.logo .logoOnly {
      display: none; }
    @media only screen and (min-width: 32em) {
      header figure.logo {
        margin-top: 1.75em; }
        header figure.logo img {
          height: 4em; }
        header figure.logo svg {
          height: 4em; } }
    .no-mq header figure.logo {
      margin-top: 1.75em; }
      .no-mq header figure.logo img {
        height: 4em; }
      .no-mq header figure.logo svg {
        height: 4em; }
    @media only screen and (min-width: 67em) {
      header figure.logo img {
        height: 4.75em; }
      header figure.logo svg {
        height: 4.75em; } }
    .no-mq header figure.logo img {
      height: 4.75em; }
    .no-mq header figure.logo svg {
      height: 4.75em; }
  header.scrolled figure.logo {
    margin-top: 1.75em !important; }
    @media only screen and (min-width: 32em) {
      header.scrolled figure.logo {
        margin-top: 1.75em !important; } }
    .no-mq header.scrolled figure.logo {
      margin-top: 1.75em !important; }
  header nav {
    display: none;
    color: white;
    float: right;
    margin-right: 1rem;
    margin-top: 1.5rem;
    overflow: visible; }
    @media only screen and (min-width: 62em) {
      header nav {
        display: block; } }
    .no-mq header nav {
      display: block; }
    @media only screen and (min-width: 62em) {
      header nav {
        margin-top: 3.6rem; } }
    .no-mq header nav {
      margin-top: 3.6rem; }
    header nav > ul {
      overflow: visible;
      padding: 0; }
      header nav > ul > li {
        overflow: visible;
        float: left;
        display: block;
        margin-right: 0em;
        position: relative; }
        header nav > ul > li a {
          color: inherit !important;
          transition: 250ms all;
          padding-bottom: 2em;
          display: block;
          margin: 0.5em 0.5em 0; }
          @media only screen and (min-width: 72em) {
            header nav > ul > li a {
              margin: 0.5em 1em 0 1em; } }
          .no-mq header nav > ul > li a {
            margin: 0.5em 1em 0 1em; }
          header nav > ul > li a:hover {
            text-decoration: none; }
        header nav > ul > li > a:after {
          content: ' ';
          position: absolute;
          top: 0;
          margin-top: 2em;
          left: 50%;
          right: 50%;
          background: white;
          height: 2px;
          transition: 250ms all; }
        header nav > ul > li > a:hover:after {
          left: 0;
          right: 0; }
        header nav > ul > li.current > a:after {
          left: 0;
          right: 0; }
        header nav > ul > li.contact {
          clear: left;
          float: right;
          margin-top: 0.5em; }
          @media only screen and (min-width: 62em) {
            header nav > ul > li.contact {
              clear: none;
              float: left;
              margin-top: -0.75em; } }
          .no-mq header nav > ul > li.contact {
            clear: none;
            float: left;
            margin-top: -0.75em; }
          header nav > ul > li.contact .button a {
            color: white !important;
            font-size: 1em !important;
            box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); }
        header nav > ul > li > div:not(.button) {
          opacity: 0;
          margin-left: 0;
          position: absolute;
          top: 100%;
          margin-top: -1em;
          left: -1em;
          z-index: 5001;
          color: #174f72;
          background: rgba(255, 255, 255, 0.75);
          transition: 250ms all;
          transform: translateY(-0.25em);
          font-weight: 500; }
          header nav > ul > li > div:not(.button) > ul {
            width: 12em;
            margin-bottom: 0; }
            header nav > ul > li > div:not(.button) > ul > li {
              border-left: 2px solid #11818c;
              padding: 0;
              margin: 0;
              transition: 250ms all; }
              header nav > ul > li > div:not(.button) > ul > li a {
                padding: 0.7em 2em 0.7em;
                margin: 0;
                display: block;
                transition: none; }
              header nav > ul > li > div:not(.button) > ul > li:hover {
                background: #103e58;
                text-shadow: none;
                color: white;
                font-weight: 400; }
        header nav > ul > li:hover > div:not(.button) {
          transform: translateY(0);
          opacity: 1; }
    @media only screen and (min-width: 75em) {
      header nav {
        font-size: 110%; } }
    .no-mq header nav {
      font-size: 110%; }
    @media only screen and (min-width: 85em) {
      header nav {
        font-size: 120%; } }
    .no-mq header nav {
      font-size: 120%; }
  header.scrolled {
    top: -10px;
    background: rgba(16, 62, 88, 0.5);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px); }
    header.scrolled figure.logo img {
      height: 2.5em !important; }
    header.scrolled figure.logo svg {
      height: 2.5em; }
      header.scrolled figure.logo svg .t {
        fill: #FFFFFF; }
    header.scrolled nav {
      font-size: 100%;
      margin-top: 2rem; }
      header.scrolled nav > ul > li.contact .button a {
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); }
      header.scrolled nav > ul > li > div:not(.button) {
        color: white;
        background: rgba(16, 62, 88, 0.5);
        margin-top: 0; }

.blue {
  color: #103e58; }

.blue2 {
  color: #174f72; }

.blue3 {
  color: #185b78; }

.blue4 {
  color: #126a82; }

.blue5 {
  color: #11818c; }

.blue6 {
  color: #119894; }

.blue7 {
  color: #12a4a0; }

div#backToTop {
  position: fixed;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 1100; }
  div#backToTop a {
    z-index: 110;
    opacity: 0.5;
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 2em;
    width: 2em;
    margin: 1em;
    border-radius: 2em;
    transition: 250ms all; }
    div#backToTop a:hover {
      text-decoration: none;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
      transform: scale(1.15);
      color: #f68e56;
      opacity: 0.8; }
    div#backToTop a > i {
      display: block;
      align-self: center; }

/* ---------------------- Defaults ---------------------- */
main article {
  z-index: 2; }

.bounce {
  animation: 3s infinite forwards bounce; }

p.legal {
  font-size: 90% !important;
  color: rgba(16, 62, 88, 0.5) !important; }

.hidden {
  display: none; }

article.no-hero {
  margin-top: 5em; }

a.arrow {
  text-transform: uppercase;
  transition: 250ms all; }
  a.arrow img.urArrow {
    margin-left: 0.5em;
    display: inline-block;
    width: 1.5em;
    height: 1.5em; }
  a.arrow > svg {
    margin-left: 0.5em;
    display: inline-block;
    width: 1.5em;
    height: 1.5em; }
    a.arrow > svg path {
      transition: 250ms all; }
  a.arrow:hover {
    color: #f68e56; }
    a.arrow:hover > svg path {
      stroke: #f68e56; }

a.orange {
  color: #f68e56; }
  a.orange svg path {
    stroke: #f68e56; }
  a.orange:hover {
    color: #103e58; }
    a.orange:hover svg path {
      stroke: #103e58; }

a.arrow.blue svg path {
  stroke: #103e58; }

a.arrow.blue:hover svg path {
  stroke: #f68e56; }

h2, .content.c-home-security h3, h1 {
  text-transform: uppercase;
  font-weight: 600;
  color: #103e58;
  font-size: 250%; }
  @media only screen and (min-width: 32em) {
    h2, .content.c-home-security h3, h1 {
      font-size: 300%; } }
  .no-mq h2, .no-mq .content.c-home-security h3, .content.c-home-security .no-mq h3, .no-mq h1 {
    font-size: 300%; }
  @media only screen and (min-width: 47.5em) {
    h2, .content.c-home-security h3, h1 {
      font-size: 350%; } }
  .no-mq h2, .no-mq .content.c-home-security h3, .content.c-home-security .no-mq h3, .no-mq h1 {
    font-size: 350%; }
  @media only screen and (min-width: 62em) {
    h2, .content.c-home-security h3, h1 {
      font-size: 375%; } }
  .no-mq h2, .no-mq .content.c-home-security h3, .content.c-home-security .no-mq h3, .no-mq h1 {
    font-size: 375%; }

h3 {
  color: #126a82; }

h4 {
  text-transform: uppercase;
  font-weight: 600;
  color: #119894;
  font-size: 170%; }

/* ---------------------- content ---------------------- */
.content {
  padding-top: 5em;
  padding-bottom: 5em;
  /* ----------------------  Grid with statistcs  ---------------------- */
  /* ---------------------- pinpoint. predict. ---------------------- */
  /* ---------------------- advantage ---------------------- */
  /* ---------------------- home-security ---------------------- */
  /* ---------------------- about ---------------------- */
  /* ---------------------- GENERAL ---------------------- */
  /* ---------------------- bios ---------------------- */
  /* ---------------------- services ---------------------- */ }
  @media only screen and (min-width: 47.5em) {
    .content {
      padding-top: 7em;
      padding-bottom: 7em; } }
  .no-mq .content {
    padding-top: 7em;
    padding-bottom: 7em; }
  .content p {
    font-weight: 300; }
    @media only screen and (min-width: 41.5em) {
      .content p {
        font-size: 110%; } }
    .no-mq .content p {
      font-size: 110%; }
    @media only screen and (min-width: 47.5em) {
      .content p {
        font-size: 120%; } }
    .no-mq .content p {
      font-size: 120%; }
  .content.c-stats {
    margin-bottom: 1em; }
  .content .flex-stats .leftHeader {
    align-self: center; }
    .content .flex-stats .leftHeader h3 {
      font-weight: 500;
      line-height: 1.4;
      letter-spacing: 0.01em;
      text-shadow: 0 0 5px white;
      color: #103e58; }
      @media only screen and (min-width: 72em) {
        .content .flex-stats .leftHeader h3 {
          font-size: 1.75vw; } }
      .no-mq .content .flex-stats .leftHeader h3 {
        font-size: 1.75vw; }
      @media only screen and (min-width: 100em) {
        .content .flex-stats .leftHeader h3 {
          font-size: 155%; } }
      .no-mq .content .flex-stats .leftHeader h3 {
        font-size: 155%; }
  .content .flex-stats .stats {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
    .content .flex-stats .stats > div {
      width: 48%;
      margin-bottom: 1em; }
      @media only screen and (min-width: 47.5em) {
        .content .flex-stats .stats > div {
          margin-bottom: 3em; } }
      .no-mq .content .flex-stats .stats > div {
        margin-bottom: 3em; }
      .content .flex-stats .stats > div:last-child {
        margin-bottom: 0 !important; }
      .content .flex-stats .stats > div h2, .content.c-home-security .flex-stats .stats > div h3 {
        height: 1em;
        text-transform: none;
        font-size: 250%;
        font-weight: 600;
        color: #103e58;
        margin-bottom: 0.35em; }
        @media only screen and (min-width: 32em) {
          .content .flex-stats .stats > div h2, .content.c-home-security .flex-stats .stats > div h3 {
            font-size: 350%; } }
        .no-mq .content .flex-stats .stats > div h2, .no-mq .content.c-home-security .flex-stats .stats > div h3 {
          font-size: 350%; }
        @media only screen and (min-width: 47.5em) {
          .content .flex-stats .stats > div h2, .content.c-home-security .flex-stats .stats > div h3 {
            font-size: 6.75vw; } }
        .no-mq .content .flex-stats .stats > div h2, .no-mq .content.c-home-security .flex-stats .stats > div h3 {
          font-size: 6.75vw; }
        @media only screen and (min-width: 85em) {
          .content .flex-stats .stats > div h2, .content.c-home-security .flex-stats .stats > div h3 {
            font-size: 600%; } }
        .no-mq .content .flex-stats .stats > div h2, .no-mq .content.c-home-security .flex-stats .stats > div h3 {
          font-size: 600%; }
      .content .flex-stats .stats > div p {
        line-height: 1.4;
        color: #666;
        max-width: 15em;
        font-weight: 400;
        font-size: 115%; }
  .content.c-pinpoint {
    color: white;
    position: relative; }
    .content.c-pinpoint p {
      max-width: 20em; }
      @media only screen and (min-width: 41.5em) {
        .content.c-pinpoint p {
          max-width: 30em; } }
      .no-mq .content.c-pinpoint p {
        max-width: 30em; }
      @media only screen and (min-width: 47.5em) {
        .content.c-pinpoint p {
          max-width: 55em; } }
      .no-mq .content.c-pinpoint p {
        max-width: 55em; }
    .content.c-pinpoint h2, .content.c-pinpoint .content.c-home-security h3, .content.c-home-security .content.c-pinpoint h3 {
      color: white; }
    .content.c-pinpoint a.arrow {
      display: inline-block;
      margin-top: 3em; }
  .content .flex-video {
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 47.5em) {
      .content .flex-video {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between; }
        .content .flex-video .text {
          width: 45%; }
        .content .flex-video .video {
          width: 45%; } }
    .no-mq .content .flex-video {
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between; }
      .no-mq .content .flex-video .text {
        width: 45%; }
      .no-mq .content .flex-video .video {
        width: 45%; }
    .content .flex-video video {
      width: 100%; }
  .content.c-advantage h3 {
    font-size: 120%;
    color: #103e58;
    font-weight: 400;
    margin-right: 20%; }
  .content.c-home-security {
    margin-bottom: 1em; }
    .content.c-home-security h2, .content.c-home-security h3 {
      position: relative;
      margin-bottom: 0.5em; }
      .content.c-home-security h2 span, .content.c-home-security h3 span {
        width: 12rem;
        height: 11rem;
        display: inline-block; }
      .content.c-home-security h2 i, .content.c-home-security h3 i, .content.c-home-security h2 em, .content.c-home-security h3 em {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        color: rgba(17, 152, 148, 0.2);
        font-size: 13rem;
        transform: rotate(45deg); }
    .content.c-home-security h3 {
      color: #11818c;
      margin-bottom: 0.5em; }
    .content.c-home-security p {
      width: 60%;
      margin-bottom: 2em;
      color: #103e58; }
  .content .flex-image-col {
    display: flex;
    flex-direction: column; }
    .content .flex-image-col div.image {
      background: url("/images/commitments.jpg") no-repeat 70% 40%;
      min-height: 15em;
      display: block;
      background-size: cover; }
      .content .flex-image-col div.image.our-commitments {
        background: url("/images/our-commitments-people.jpg") no-repeat 70% 20%;
        background-size: cover; }
        @media only screen and (min-width: 62em) {
          .content .flex-image-col div.image.our-commitments {
            background: url("/images/our-commitments-people.jpg") no-repeat 52% 40%;
            background-size: cover; } }
        .no-mq .content .flex-image-col div.image.our-commitments {
          background: url("/images/our-commitments-people.jpg") no-repeat 52% 40%;
          background-size: cover; }
      .content .flex-image-col div.image.maternity {
        background: url("/images/maternity.jpg") no-repeat 70% 75%;
        background-size: cover; }
        @media only screen and (min-width: 62em) {
          .content .flex-image-col div.image.maternity {
            background: url("/images/maternity.jpg") no-repeat 70% 40%;
            background-size: cover; } }
        .no-mq .content .flex-image-col div.image.maternity {
          background: url("/images/maternity.jpg") no-repeat 70% 40%;
          background-size: cover; }
      .content .flex-image-col div.image.diabetes {
        background: url("/images/services-2.jpg") no-repeat 70% 15%;
        background-size: cover; }
        @media only screen and (min-width: 62em) {
          .content .flex-image-col div.image.diabetes {
            background: url("/images/services-2.jpg") no-repeat 40% 40%;
            background-size: cover; } }
        .no-mq .content .flex-image-col div.image.diabetes {
          background: url("/images/services-2.jpg") no-repeat 40% 40%;
          background-size: cover; }
      .content .flex-image-col div.image.kidney {
        background: url("/images/kidney-disease.jpg") no-repeat 70% 10%;
        background-size: cover; }
        @media only screen and (min-width: 62em) {
          .content .flex-image-col div.image.kidney {
            background: url("/images/kidney-disease.jpg") no-repeat 35% 40%;
            background-size: cover; } }
        .no-mq .content .flex-image-col div.image.kidney {
          background: url("/images/kidney-disease.jpg") no-repeat 35% 40%;
          background-size: cover; }
    @media only screen and (min-width: 62em) {
      .content .flex-image-col {
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch; }
        .content .flex-image-col > *:first-child {
          width: 40%;
          margin-bottom: 0; }
        .content .flex-image-col > *:last-child {
          width: 55%; } }
    .no-mq .content .flex-image-col {
      flex-direction: row;
      justify-content: space-between;
      align-items: stretch; }
      .no-mq .content .flex-image-col > *:first-child {
        width: 40%;
        margin-bottom: 0; }
      .no-mq .content .flex-image-col > *:last-child {
        width: 55%; }
    @media only screen and (min-width: 62em) {
      .content .flex-image-col > *:first-child {
        width: 45%; }
      .content .flex-image-col > *:last-child {
        width: 50%; } }
    .no-mq .content .flex-image-col > *:first-child {
      width: 45%; }
    .no-mq .content .flex-image-col > *:last-child {
      width: 50%; }
  .content ul.commitments {
    margin-top: 10em;
    margin-bottom: 0; }
    .content ul.commitments li {
      margin-bottom: 5em;
      width: 45%;
      text-align: right;
      position: relative; }
      .content ul.commitments li:last-child {
        margin-bottom: 0; }
      .content ul.commitments li:nth-child(odd) {
        margin-left: 55%;
        text-align: left; }
      .content ul.commitments li h3 {
        margin-bottom: 0.5em; }
      .content ul.commitments li:before {
        position: absolute;
        content: '\f061';
        font-family: FontAwesome;
        transform: rotate(45deg);
        display: block;
        left: 0;
        top: -0.75em;
        font-size: 500%;
        color: rgba(17, 152, 148, 0.5); }
      .content ul.commitments li:nth-child(even):before {
        right: 0em;
        left: auto;
        transform: rotate(135deg); }
  .content .flex-2col {
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 47.5em) {
      .content .flex-2col {
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        .content .flex-2col > *:first-child {
          width: 40%; }
        .content .flex-2col > *:last-child {
          width: 55%; } }
    .no-mq .content .flex-2col {
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .no-mq .content .flex-2col > *:first-child {
        width: 40%; }
      .no-mq .content .flex-2col > *:last-child {
        width: 55%; }
    @media only screen and (min-width: 62em) {
      .content .flex-2col > *:first-child {
        width: 45%; }
      .content .flex-2col > *:last-child {
        width: 50%; } }
    .no-mq .content .flex-2col > *:first-child {
      width: 45%; }
    .no-mq .content .flex-2col > *:last-child {
      width: 50%; }
    .content .flex-2col h4 {
      margin-bottom: 0; }
    .content .flex-2col h4 + p {
      margin-top: 0; }
    @media only screen and (min-width: 47.5em) {
      .content .flex-2col.flex-2col-bp4 {
        flex-direction: column; }
        .content .flex-2col.flex-2col-bp4 > *:first-child, .content .flex-2col.flex-2col-bp4 > *:last-child {
          width: 100%; } }
    .no-mq .content .flex-2col.flex-2col-bp4 {
      flex-direction: column; }
      .no-mq .content .flex-2col.flex-2col-bp4 > *:first-child, .no-mq .content .flex-2col.flex-2col-bp4 > *:last-child {
        width: 100%; }
    @media only screen and (min-width: 62em) {
      .content .flex-2col.flex-2col-bp4 {
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        .content .flex-2col.flex-2col-bp4 > *:first-child {
          width: 45%; }
        .content .flex-2col.flex-2col-bp4 > *:last-child {
          width: 50%; } }
    .no-mq .content .flex-2col.flex-2col-bp4 {
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .no-mq .content .flex-2col.flex-2col-bp4 > *:first-child {
        width: 45%; }
      .no-mq .content .flex-2col.flex-2col-bp4 > *:last-child {
        width: 50%; }
  .content .flex--bio {
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 41.5em) {
      .content .flex--bio {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap; }
        .content .flex--bio > li {
          width: 45%; } }
    .no-mq .content .flex--bio {
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap; }
      .no-mq .content .flex--bio > li {
        width: 45%; }
    @media only screen and (min-width: 62em) {
      .content .flex--bio > li {
        width: 30%; } }
    .no-mq .content .flex--bio > li {
      width: 30%; }
  .content ul.bios > li {
    margin-bottom: 2em; }
    .content ul.bios > li figure {
      margin-bottom: 1.5em;
      overflow: hidden; }
      .content ul.bios > li figure img {
        cursor: hand;
        cursor: pointer;
        transition: 250ms all; }
      .content ul.bios > li figure:hover img {
        transform: scale(1.15); }
    .content ul.bios > li h3 {
      margin-bottom: 0.5em; }
    .content ul.bios > li h4 {
      text-transform: none;
      font-size: 130%;
      font-weight: 400;
      margin-bottom: 0.5em; }
    .content ul.bios > li p.readMore {
      font-size: 100%;
      color: #f68e56; }
    .content ul.bios > li > div {
      display: none;
      background: rgba(255, 255, 255, 0.7); }
  .content div.teamAccomplishments {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; }
    .content div.teamAccomplishments > div {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 50%;
      text-align: center;
      margin-bottom: 2em; }
      @media only screen and (min-width: 47.5em) {
        .content div.teamAccomplishments > div {
          width: 33.3333333333%; } }
      .no-mq .content div.teamAccomplishments > div {
        width: 33.3333333333%; }
      @media only screen and (min-width: 72em) {
        .content div.teamAccomplishments > div {
          width: 14.2857142857%; } }
      .no-mq .content div.teamAccomplishments > div {
        width: 14.2857142857%; }
      .content div.teamAccomplishments > div q {
        font-size: 200%;
        margin-bottom: 0.25em;
        color: rgba(246, 142, 86, 0.85); }
      .content div.teamAccomplishments > div h3 {
        font-size: 400%;
        color: white;
        margin-bottom: 0.15em;
        font-weight: 600; }
      .content div.teamAccomplishments > div p {
        font-size: 100%; }
  .content .flex-ratings .imageWrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch; }
    .content .flex-ratings .imageWrapper .image {
      margin-top: 5em !important;
      margin-bottom: 0;
      height: auto;
      flex-grow: 99; }
  .content div.dataSecurity {
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 47.5em) {
      .content div.dataSecurity {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: no-wrap; }
        .content div.dataSecurity > div {
          width: 22.2222222222%; } }
    .no-mq .content div.dataSecurity {
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: no-wrap; }
      .no-mq .content div.dataSecurity > div {
        width: 22.2222222222%; }
    .content div.dataSecurity > div {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center; }
      .content div.dataSecurity > div q {
        font-size: 200%;
        margin-bottom: 0.25em;
        color: #119894; }
      .content div.dataSecurity > div h3 {
        font-size: 200%;
        color: #103e58;
        margin-bottom: 0.5em;
        font-weight: 600; }
      .content div.dataSecurity > div p {
        font-size: 100%;
        width: 100%;
        line-height: 1.5; }

/* ---------------------- blog ---------------------- */
.blogList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  .blogList > div {
    margin-bottom: 2em; }
    @media only screen and (min-width: 41.5em) {
      .blogList > div {
        width: 45%; }
        .blogList > div:nth-child(1) {
          width: 45%; }
        .blogList > div:nth-child(2) {
          width: 45%; } }
    .no-mq .blogList > div {
      width: 45%; }
      .no-mq .blogList > div:nth-child(1) {
        width: 45%; }
      .no-mq .blogList > div:nth-child(2) {
        width: 45%; }
    @media only screen and (min-width: 62em) {
      .blogList > div {
        width: 30%; }
        .blogList > div:nth-child(1) {
          width: 45%; }
        .blogList > div:nth-child(2) {
          width: 45%; } }
    .no-mq .blogList > div {
      width: 30%; }
      .no-mq .blogList > div:nth-child(1) {
        width: 45%; }
      .no-mq .blogList > div:nth-child(2) {
        width: 45%; }
    .blogList > div figure {
      overflow: hidden;
      position: relative; }
      .blogList > div figure:after {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: ' ';
        background: rgba(16, 62, 88, 0.2);
        transition: 250ms all;
        pointer-events: none; }
      .blogList > div figure img {
        position: relative;
        display: block;
        transition: 250ms all;
        z-index: 0; }
      .blogList > div figure aside {
        z-index: 2;
        position: absolute;
        bottom: 2em;
        color: white;
        margin-left: 2em;
        margin-right: 2em; }
        .blogList > div figure aside h3 {
          color: white;
          text-shadow: 0 0 0.5em black; }
          @media only screen and (min-width: 41.5em) {
            .blogList > div figure aside h3 {
              font-size: 110%; } }
          .no-mq .blogList > div figure aside h3 {
            font-size: 110%; }
          @media only screen and (min-width: 72em) {
            .blogList > div figure aside h3 {
              font-size: 1.6vw; } }
          .no-mq .blogList > div figure aside h3 {
            font-size: 1.6vw; }
        .blogList > div figure aside p.arrow {
          font-size: 80%;
          text-shadow: 0 0 0.5em black; }
      .blogList > div figure:hover img {
        transform: scale(1.15); }
      .blogList > div figure:hover:after {
        background: transparent; }
    @media only screen and (min-width: 62em) {
      .blogList > div:nth-child(2) h3 {
        font-size: 2vw; } }
    .no-mq .blogList > div:nth-child(2) h3 {
      font-size: 2vw; }
    @media only screen and (min-width: 85em) {
      .blogList > div:nth-child(2) h3 {
        font-size: 210%; } }
    .no-mq .blogList > div:nth-child(2) h3 {
      font-size: 210%; }

/* ---------------------- HEX ---------------------- */
.b-advantage .content.noPad {
  text-align: right;
  margin: 0 !important;
  padding: 0 0 4em  !important; }

.hexGrid {
  position: relative;
  height: 45em;
  top: 5em;
  margin-bottom: 10em;
  margin-left: 4em; }
  @media only screen and (min-width: 32em) {
    .hexGrid {
      margin-left: 20%; } }
  .no-mq .hexGrid {
    margin-left: 20%; }
  @media only screen and (min-width: 47.5em) {
    .hexGrid {
      height: 15em;
      margin-left: -2em; } }
  .no-mq .hexGrid {
    height: 15em;
    margin-left: -2em; }
  .hexGrid.diseaseHex {
    height: 50em; }
    @media only screen and (min-width: 47.5em) {
      .hexGrid.diseaseHex {
        height: 14em; } }
    .no-mq .hexGrid.diseaseHex {
      height: 14em; }
    @media only screen and (min-width: 72em) {
      .hexGrid.diseaseHex {
        height: 17em; } }
    .no-mq .hexGrid.diseaseHex {
      height: 17em; }

.hex {
  z-index: 2;
  position: absolute;
  width: 175px;
  height: 200px;
  background: url("/images/hexagon-side-1.svg") center center no-repeat;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  top: 0;
  /* ---------------------- TEXT ---------------------- */
  transition: 250ms all;
  z-index: 1;
  /* ---------------------- vertical ---------------------- */
  /* ---------------------- first horizontal  ---------------------- */
  /* ---------------------- bp4 horizontal ---------------------- */
  /* ---------------------- max horizontal ---------------------- */ }
  .hex.blue2 {
    background-image: url("/images/hexagon-side-2.svg"); }
  .hex.blue3 {
    background-image: url("/images/hexagon-side-3.svg"); }
  .hex.blue4 {
    background-image: url("/images/hexagon-side-4.svg"); }
  .hex.blue5 {
    background-image: url("/images/hexagon-side-5.svg"); }
  .hex.blue6 {
    background-image: url("/images/hexagon-side-6.svg"); }
  .hex.blue7 {
    background-image: url("/images/hexagon-side-7.svg"); }
  .hex h3, .hex q, .hex p {
    color: white; }
  .hex h3 {
    margin-top: 0.25em;
    margin-bottom: 0;
    font-size: 120%;
    font-weight: 500;
    transition: 500ms all; }
    @media only screen and (min-width: 47.5em) {
      .hex h3 {
        font-size: 2.3vw; } }
    .no-mq .hex h3 {
      font-size: 2.3vw; }
    @media only screen and (min-width: 62em) {
      .hex h3 {
        font-size: 150%; } }
    .no-mq .hex h3 {
      font-size: 150%; }
  .hex q {
    font-size: 200%;
    margin-bottom: 0;
    padding-bottom: 0;
    transition: 500ms all; }
    @media only screen and (min-width: 47.5em) {
      .hex q {
        font-size: 4vw; } }
    .no-mq .hex q {
      font-size: 4vw; }
    @media only screen and (min-width: 62em) {
      .hex q {
        font-size: 250%; } }
    .no-mq .hex q {
      font-size: 250%; }
  .hex p {
    height: 0;
    padding-bottom: 0;
    opacity: 0;
    width: 105px;
    margin: 0 auto;
    transition: 250ms all; }
  .hex.pos2 {
    left: 180px;
    top: 0; }
  .hex.pos3 {
    top: 153.125px;
    left: 90px; }
  .hex.pos4 {
    left: 180px;
    top: 306.25px; }
  .hex.pos5 {
    top: 459.375px;
    left: 90px; }
  .hex.pos6 {
    left: 180px;
    top: 612.5px; }
  .hex.pos7 {
    top: 765.625px;
    left: 90px; }
  .hex p {
    width: 210px; }
  .hex.hover {
    z-index: 50;
    height: 300px;
    width: 262.5px; }
    .hex.hover p {
      opacity: 1;
      height: 7em;
      margin-bottom: 1em; }
  @media only screen and (min-width: 47.5em) {
    .hex {
      background: url("/images/hexagon1.svg") center center no-repeat;
      background-size: 100%;
      width: 22vw;
      height: 19.25vw; }
      .hex.blue2 {
        background-image: url("/images/hexagon2.svg"); }
      .hex.blue3 {
        background-image: url("/images/hexagon3.svg"); }
      .hex.blue4 {
        background-image: url("/images/hexagon4.svg"); }
      .hex.blue5 {
        background-image: url("/images/hexagon5.svg"); }
      .hex.blue6 {
        background-image: url("/images/hexagon6.svg"); }
      .hex.blue7 {
        background-image: url("/images/hexagon7.svg"); }
      .hex.pos2 {
        left: 16.84375vw;
        top: 9.9vw; }
      .hex.pos3 {
        left: 33.6875vw;
        top: 0; }
      .hex.pos4 {
        left: 50.53125vw;
        top: 9.9vw; }
      .hex.pos5 {
        left: 67.375vw;
        top: 0; }
      .hex.pos6 {
        left: 84.21875vw;
        top: 9.9vw; }
      .hex.pos7 {
        left: 101.0625vw;
        top: 0; }
      .hex p {
        font-size: 90%; }
      .hex.hover {
        z-index: 2;
        width: 33vw;
        height: 28.875vw; }
        .hex.hover p {
          height: 7em;
          margin-top: 1em; }
        .hex.hover h3 {
          margin-top: 0; } }
  .no-mq .hex {
    background: url("/images/hexagon1.svg") center center no-repeat;
    background-size: 100%;
    width: 22vw;
    height: 19.25vw; }
    .no-mq .hex.blue2 {
      background-image: url("/images/hexagon2.svg"); }
    .no-mq .hex.blue3 {
      background-image: url("/images/hexagon3.svg"); }
    .no-mq .hex.blue4 {
      background-image: url("/images/hexagon4.svg"); }
    .no-mq .hex.blue5 {
      background-image: url("/images/hexagon5.svg"); }
    .no-mq .hex.blue6 {
      background-image: url("/images/hexagon6.svg"); }
    .no-mq .hex.blue7 {
      background-image: url("/images/hexagon7.svg"); }
    .no-mq .hex.pos2 {
      left: 16.84375vw;
      top: 9.9vw; }
    .no-mq .hex.pos3 {
      left: 33.6875vw;
      top: 0; }
    .no-mq .hex.pos4 {
      left: 50.53125vw;
      top: 9.9vw; }
    .no-mq .hex.pos5 {
      left: 67.375vw;
      top: 0; }
    .no-mq .hex.pos6 {
      left: 84.21875vw;
      top: 9.9vw; }
    .no-mq .hex.pos7 {
      left: 101.0625vw;
      top: 0; }
    .no-mq .hex p {
      font-size: 90%; }
    .no-mq .hex.hover {
      z-index: 2;
      width: 33vw;
      height: 28.875vw; }
      .no-mq .hex.hover p {
        height: 7em;
        margin-top: 1em; }
      .no-mq .hex.hover h3 {
        margin-top: 0; }
  @media only screen and (min-width: 62em) {
    .hex p {
      font-size: 95%;
      width: 15.88125vw; }
    .hex.hover {
      z-index: 2;
      width: 20.25em;
      height: 17.71875em; }
      .hex.hover p {
        height: 7em; } }
  .no-mq .hex p {
    font-size: 95%;
    width: 15.88125vw; }
  .no-mq .hex.hover {
    z-index: 2;
    width: 20.25em;
    height: 17.71875em; }
    .no-mq .hex.hover p {
      height: 7em; }
  @media only screen and (min-width: 85em) {
    .hex {
      width: 18em;
      height: 15.75em; }
      .hex.pos2 {
        left: 13.78125em;
        top: 8.1em; }
      .hex.pos3 {
        left: 27.5625em;
        top: 0; }
      .hex.pos4 {
        left: 41.34375em;
        top: 8.1em; }
      .hex.pos5 {
        left: 55.125em;
        top: 0; }
      .hex.pos6 {
        left: 68.90625em;
        top: 8.1em; }
      .hex.pos7 {
        left: 82.6875em;
        top: 0; }
      .hex p {
        font-size: 100%;
        width: 12.99375em; }
      .hex.hover {
        z-index: 2;
        width: 22.5em;
        height: 19.6875em; } }
  .no-mq .hex {
    width: 18em;
    height: 15.75em; }
    .no-mq .hex.pos2 {
      left: 13.78125em;
      top: 8.1em; }
    .no-mq .hex.pos3 {
      left: 27.5625em;
      top: 0; }
    .no-mq .hex.pos4 {
      left: 41.34375em;
      top: 8.1em; }
    .no-mq .hex.pos5 {
      left: 55.125em;
      top: 0; }
    .no-mq .hex.pos6 {
      left: 68.90625em;
      top: 8.1em; }
    .no-mq .hex.pos7 {
      left: 82.6875em;
      top: 0; }
    .no-mq .hex p {
      font-size: 100%;
      width: 12.99375em; }
    .no-mq .hex.hover {
      z-index: 2;
      width: 22.5em;
      height: 19.6875em; }

/* ---------------------- with SEVEN ---------------------- */
.hex-7 .hex.hover p {
  height: 4em; }

@media only screen and (min-width: 47.5em) {
  .hex-7 .hex {
    width: 19vw;
    height: 16.625vw; }
    .hex-7 .hex.pos2 {
      left: 14.546875vw;
      top: 8.55vw; }
    .hex-7 .hex.pos3 {
      left: 29.09375vw;
      top: 0; }
    .hex-7 .hex.pos4 {
      left: 43.640625vw;
      top: 8.55vw; }
    .hex-7 .hex.pos5 {
      left: 58.1875vw;
      top: 0; }
    .hex-7 .hex.pos6 {
      left: 72.734375vw;
      top: 8.55vw; }
    .hex-7 .hex.pos7 {
      left: 87.28125vw;
      top: 0; }
    .hex-7 .hex.hover {
      z-index: 2;
      width: 28.5vw;
      height: 24.9375vw; } }

.no-mq .hex-7 .hex {
  width: 19vw;
  height: 16.625vw; }
  .no-mq .hex-7 .hex.pos2 {
    left: 14.546875vw;
    top: 8.55vw; }
  .no-mq .hex-7 .hex.pos3 {
    left: 29.09375vw;
    top: 0; }
  .no-mq .hex-7 .hex.pos4 {
    left: 43.640625vw;
    top: 8.55vw; }
  .no-mq .hex-7 .hex.pos5 {
    left: 58.1875vw;
    top: 0; }
  .no-mq .hex-7 .hex.pos6 {
    left: 72.734375vw;
    top: 8.55vw; }
  .no-mq .hex-7 .hex.pos7 {
    left: 87.28125vw;
    top: 0; }
  .no-mq .hex-7 .hex.hover {
    z-index: 2;
    width: 28.5vw;
    height: 24.9375vw; }

@media only screen and (min-width: 85em) {
  .hex-7 .hex {
    width: 16em;
    height: 14em; }
    .hex-7 .hex.pos2 {
      left: 12.25em;
      top: 7.2em; }
    .hex-7 .hex.pos3 {
      left: 24.5em;
      top: 0; }
    .hex-7 .hex.pos4 {
      left: 36.75em;
      top: 7.2em; }
    .hex-7 .hex.pos5 {
      left: 49em;
      top: 0; }
    .hex-7 .hex.pos6 {
      left: 61.25em;
      top: 7.2em; }
    .hex-7 .hex.pos7 {
      left: 73.5em;
      top: 0; }
    .hex-7 .hex p {
      font-size: 100%; }
    .hex-7 .hex.hover {
      z-index: 2;
      width: 22.5em;
      height: 19.6875em; } }

.no-mq .hex-7 .hex {
  width: 16em;
  height: 14em; }
  .no-mq .hex-7 .hex.pos2 {
    left: 12.25em;
    top: 7.2em; }
  .no-mq .hex-7 .hex.pos3 {
    left: 24.5em;
    top: 0; }
  .no-mq .hex-7 .hex.pos4 {
    left: 36.75em;
    top: 7.2em; }
  .no-mq .hex-7 .hex.pos5 {
    left: 49em;
    top: 0; }
  .no-mq .hex-7 .hex.pos6 {
    left: 61.25em;
    top: 7.2em; }
  .no-mq .hex-7 .hex.pos7 {
    left: 73.5em;
    top: 0; }
  .no-mq .hex-7 .hex p {
    font-size: 100%; }
  .no-mq .hex-7 .hex.hover {
    z-index: 2;
    width: 22.5em;
    height: 19.6875em; }

.diseaseHex .hex q {
  font-weight: 600; }

.diseaseHex .hex h3 {
  font-size: 140%; }

@media only screen and (min-width: 47.5em) {
  .diseaseHex .hex q {
    font-size: 3vw; }
  .diseaseHex .hex h3 {
    font-size: 2.5vw; } }

.no-mq .diseaseHex .hex q {
  font-size: 3vw; }

.no-mq .diseaseHex .hex h3 {
  font-size: 2.5vw; }

@media only screen and (min-width: 62em) {
  .diseaseHex .hex q {
    font-size: 200%; }
  .diseaseHex .hex h3 {
    font-size: 150%; } }

.no-mq .diseaseHex .hex q {
  font-size: 200%; }

.no-mq .diseaseHex .hex h3 {
  font-size: 150%; }

@media only screen and (min-width: 85em) {
  .diseaseHex .hex q {
    font-size: 250%; }
  .diseaseHex .hex h3 {
    font-size: 160%; } }

.no-mq .diseaseHex .hex q {
  font-size: 250%; }

.no-mq .diseaseHex .hex h3 {
  font-size: 160%; }

/*
.hexxx {

    $w: 5em;
    $r: 1.73333333;


    z-index: 2;
    position: relative;
    width: 200px;
    height: 175px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);


    svg {
        @include transition(250ms all);
        width: 50 !important;
        height: 45 !important;
        z-index: -1;
        position: absolute;
        path {
            fill: $blue;
        }
        // stroke: red;
        // stroke-width: 1em;
    }
    &.blue2 { svg path { fill: $blue2; }}



    h3,q,p {
        color: white;
    }

    h3 {
        margin-top: 0.25em;
        margin-bottom: 0;
        font-size: 120%;
        @include min($bp3) {
            font-size: 2.3vw;
        }
        @include min($bp4) {
            font-size: 150%;
        }
        font-weight: 500;
    }
    q {
        font-size: 200%;

        @include min($bp3) {
            font-size: 4vw;
        }
        @include min($bp4) {
            font-size: 250%;
        }
        margin-bottom: 0;
        padding-bottom: 0;
    }
    p {
        height: 0;
        padding-bottom: 0;
        opacity: 0;
        width: 60%;
        margin: 0 auto;
        @include transition(500ms all);
    }

    @include transition(250ms all);
    z-index: 1;

    &:hover {
        $w: 15em;
        
        z-index: 2;
        svg {
            width: $w*1.5;
            height: $w*$r*1.5;
        }
        p { 
            opacity: 1;
            height: 5em; 
        }
    }


}


.hex4 {
    $w: 5em;
    $r: 1.73333333;
    @include hex($w, $blue);
    &.blue2 { @include hexColor($w, $blue2)};
    &.blue3 { @include hexColor($w, $blue3)};
    &.blue4 { @include hexColor($w, $blue4)};
    &.blue5 { @include hexColor($w, $blue5)};
    &.blue6 { @include hexColor($w, $blue6)};

    h3 {
        color: white;
    }

    @include transition(250ms all);
    &:hover { 
        &:before { }
        z-index: 2;
        width: $w*1.5;
        height: $w*$r*1.5;

        @include hex($w*1.5, $blue);

        p { 
            opacity: 1;
            height: 5em; 
        }
    }    

}

.hexxxx {

    $w: 10em;
    $r: 1.73333333;
    // float: left;
    width: $w;
    height: $w * $r; 
    background-color: $blue;
    position: relative;
    z-index: 1

    &:before {
        content: " ";
        width: 0; height: 0;
        float: left;
        border-right: $w/2 solid $blue;
        border-top: ($w/2 * $r) solid transparent;
        border-bottom: ($w/2 * $r) solid transparent;
        position: absolute;
        left: ($w/2 * -1);
        @include transition(250ms all);;
    }      

    &:after {
        content: "";
        width: 0; height:0;
        border-left: ($w/2) solid $blue;
        border-top: ($w/2 * $r) solid transparent;
        border-bottom: ($w/2 * $r) solid transparent;
        position: absolute;
        top:0;
        right:($w/2 * -1);
        @include transition(250ms all);
    }

    &.blue2 { background-color: $blue2; &:before { border-right: ($w/2) solid $blue2;} &:after { border-left: ($w/2) solid $blue2; }}
    &.blue3 { background-color: $blue3; &:before { border-right: ($w/2) solid $blue3;} &:after { border-left: ($w/2) solid $blue3; }}
    &.blue4 { background-color: $blue4; &:before { border-right: ($w/2) solid $blue4;} &:after { border-left: ($w/2) solid $blue4; }}
    &.blue5 { background-color: $blue5; &:before { border-right: ($w/2) solid $blue5;} &:after { border-left: ($w/2) solid $blue5; }}
    &.blue6 { background-color: $blue6; &:before { border-right: ($w/2) solid $blue6;} &:after { border-left: ($w/2) solid $blue6; }}


    h3 {
        color: white;
    }


    @include transition(250ms all);;
    &:hover {
        &:before { }
        z-index: 2;
        width: $w*1.5;
        height: $w*$r*1.5;
        p { 
            opacity: 1;
            height: 5em; 
        }
    }
}              
*/
.band.gradientPattern {
  position: relative; }
  .band.gradientPattern aside.clover {
    position: absolute;
    width: 35%;
    min-width: 20em;
    top: 45%;
    transform: translateY(-50%);
    right: -7%; }

.band.homeNews .homeNewsWrapper {
  z-index: 2;
  max-width: 100em;
  display: flex;
  flex-direction: column;
  margin: 0 auto; }
  .band.homeNews .homeNewsWrapper .content {
    align-self: center;
    margin: 0 2em; }
  .band.homeNews .homeNewsWrapper h3 {
    color: #119894;
    font-size: 140%; }
  .band.homeNews .homeNewsWrapper p.more {
    margin-top: 1em; }
  @media only screen and (min-width: 47.5em) {
    .band.homeNews .homeNewsWrapper {
      flex-direction: row; }
      .band.homeNews .homeNewsWrapper > figure {
        width: 50%; }
      .band.homeNews .homeNewsWrapper > .content {
        padding: 0 6em 0 3em !important;
        margin: 0 !important;
        width: 50%;
        text-align: right; } }
  .no-mq .band.homeNews .homeNewsWrapper {
    flex-direction: row; }
    .no-mq .band.homeNews .homeNewsWrapper > figure {
      width: 50%; }
    .no-mq .band.homeNews .homeNewsWrapper > .content {
      padding: 0 6em 0 3em !important;
      margin: 0 !important;
      width: 50%;
      text-align: right; }
  @media only screen and (min-width: 62em) {
    .band.homeNews .homeNewsWrapper > .content {
      padding: 0 6em 0 5em !important; } }
  .no-mq .band.homeNews .homeNewsWrapper > .content {
    padding: 0 6em 0 5em !important; }
  @media only screen and (min-width: 72em) {
    .band.homeNews .homeNewsWrapper > .content {
      padding: 0 6em 0 9em !important; } }
  .no-mq .band.homeNews .homeNewsWrapper > .content {
    padding: 0 6em 0 9em !important; }

/* ---------------------- footer ---------------------- */
/* ---------------------- footer ---------------------- */
footer .whiteSection {
  padding-top: 15em;
  width: 100%;
  overflow-x: hidden; }
  footer .whiteSection h3 {
    position: relative;
    color: #103e58; }
  footer .whiteSection .rightLargeText {
    margin-right: 2rem; }
    @media only screen and (min-width: 47.5em) {
      footer .whiteSection .rightLargeText {
        margin-right: 6rem; } }
    .no-mq footer .whiteSection .rightLargeText {
      margin-right: 6rem; }
    @media only screen and (min-width: 90em) {
      footer .whiteSection .rightLargeText {
        margin-right: calc((100vw - 91rem + 12rem )/2); } }
    .no-mq footer .whiteSection .rightLargeText {
      margin-right: calc((100vw - 91rem + 12rem )/2); }

footer .rightLargeArrow {
  position: absolute;
  text-align: right;
  right: -1em;
  top: -3em;
  z-index: 0;
  margin-bottom: 0; }
  @media only screen and (min-width: 47.5em) {
    footer .rightLargeArrow {
      right: -2.75em; } }
  .no-mq footer .rightLargeArrow {
    right: -2.75em; }
  footer .rightLargeArrow i, footer .rightLargeArrow em {
    font-size: 13rem;
    color: rgba(103, 163, 163, 0.6);
    transform: rotate(135deg); }

footer .logoAndTextWrapper {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 41.5em) {
    footer .logoAndTextWrapper {
      flex-direction: row;
      justify-content: space-between; }
      footer .logoAndTextWrapper .rightLargeTextAndButton {
        order: 2; } }
  .no-mq footer .logoAndTextWrapper {
    flex-direction: row;
    justify-content: space-between; }
    .no-mq footer .logoAndTextWrapper .rightLargeTextAndButton {
      order: 2; }

footer .rightLargeTextAndButton {
  text-align: right;
  margin-right: 2rem; }
  @media only screen and (min-width: 47.5em) {
    footer .rightLargeTextAndButton {
      margin-right: 6rem; } }
  .no-mq footer .rightLargeTextAndButton {
    margin-right: 6rem; }
  @media only screen and (min-width: 90em) {
    footer .rightLargeTextAndButton {
      margin-right: calc((100vw - 91rem + 12rem )/2); } }
  .no-mq footer .rightLargeTextAndButton {
    margin-right: calc((100vw - 91rem + 12rem )/2); }
  footer .rightLargeTextAndButton div.button {
    font-size: 120%;
    margin-top: 2.5em;
    margin-bottom: 2em; }
    footer .rightLargeTextAndButton div.button a {
      color: white; }

footer .rightLargeTextText {
  z-index: 1; }

footer .rightLargeText {
  text-align: right;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 300%; }
  @media only screen and (min-width: 62em) {
    footer .rightLargeText {
      font-size: 350%; } }
  .no-mq footer .rightLargeText {
    font-size: 350%; }
  @media only screen and (min-width: 72em) {
    footer .rightLargeText {
      font-size: 400%; } }
  .no-mq footer .rightLargeText {
    font-size: 400%; }

footer .gradientSection {
  overflow: hidden;
  padding-bottom: 3em;
  background: #275f79;
  background: linear-gradient(56deg, #275f79 0%, #67a3a3 100%); }
  footer .gradientSection .rightLargeText {
    color: white; }

footer .whiteLogo {
  float: left;
  width: 15em;
  margin-top: 3em;
  margin-left: 2rem; }
  footer .whiteLogo svg path {
    fill: white; }
  @media only screen and (min-width: 62em) {
    footer .whiteLogo {
      width: 17em;
      margin-top: 4em; } }
  .no-mq footer .whiteLogo {
    width: 17em;
    margin-top: 4em; }
  @media only screen and (min-width: 72em) {
    footer .whiteLogo {
      width: 19em;
      margin-top: 5em; } }
  .no-mq footer .whiteLogo {
    width: 19em;
    margin-top: 5em; }
  @media only screen and (min-width: 47.5em) {
    footer .whiteLogo {
      margin-left: 6rem; } }
  .no-mq footer .whiteLogo {
    margin-left: 6rem; }
  @media only screen and (min-width: 90em) {
    footer .whiteLogo {
      margin-left: calc((100vw - 91rem + 12rem )/2); } }
  .no-mq footer .whiteLogo {
    margin-left: calc((100vw - 91rem + 12rem )/2); }

footer .container {
  margin-top: 12em;
  color: white; }

footer .cols--footer {
  display: flex;
  flex-direction: column;
  margin-bottom: 3em; }
  footer .cols--footer .rightCol {
    order: 1;
    margin-bottom: 2em; }
  footer .cols--footer .leftCol {
    order: 2;
    text-align: right; }
  @media only screen and (min-width: 41.5em) {
    footer .cols--footer {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end; }
      footer .cols--footer .leftCol {
        order: 1;
        text-align: left; }
      footer .cols--footer .rightCol {
        order: 2;
        margin-bottom: 0; } }
  .no-mq footer .cols--footer {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end; }
    .no-mq footer .cols--footer .leftCol {
      order: 1;
      text-align: left; }
    .no-mq footer .cols--footer .rightCol {
      order: 2;
      margin-bottom: 0; }

footer .rightCol {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  footer .rightCol .msFounders {
    width: 12.5rem; }

footer p {
  padding-bottom: 0.5em;
  font-weight: 100; }
  footer p:last-child {
    padding-bottom: 0; }
  footer p.copyright {
    color: rgba(255, 255, 255, 0.9); }
    footer p.copyright a {
      font-weight: 100; }
  footer p.links {
    color: rgba(255, 255, 255, 0.7); }
  footer p.byLine {
    color: rgba(255, 255, 255, 0.7); }

.social {
  float: right;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 12.75rem;
  padding-right: 1em; }
  .social li {
    padding-top: 0.5em; }
    .social li a {
      display: flex;
      text-align: center;
      margin: auto auto;
      color: white;
      border-radius: 99em;
      padding: 0.5em;
      transition: 250ms all; }
      .social li a i {
        font-size: 110%;
        width: 1em;
        height: 1em; }
      .social li a:hover {
        background: #f68e56;
        color: #103e58;
        transform: scale(1.15);
        text-decoration: none; }
/*# sourceMappingURL=screen.css.map */