@charset "UTF-8";

:root {
  --color-primary: #8b1e40;
}

/* _VARIABLES.SCSS
 * --------------------------------------------------
 *  SASS variables
 *
 *  Colors, fonts, breakpoints, transitions and
 *  other variables should be declared here
 * -------------------------------------------------- */
/* Neat Vars */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #1565c0;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Whitney";
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #11519a;
    color: #fff; }
  button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover {
      background-color: #1565c0; }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em; }

input,
select {
  display: block;
  font-family: "Whitney";
  font-size: 1em; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple] {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Whitney";
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em;
  -webkit-transition: border-color 150ms ease;
  transition: border-color 150ms ease;
  width: 100%; }
  input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover,
  select[multiple]:hover {
    border-color: #b1b1b1; }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
  select[multiple]:focus {
    border-color: #1565c0;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(18, 89, 169, 0.7);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(18, 89, 169, 0.7);
    outline: none; }
  input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled,
  select[multiple]:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
    select[multiple]:disabled:hover {
      border: 1px solid #ddd; }

textarea {
  resize: vertical; }

[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

[type="file"] {
  margin-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: 600;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  color: #333;
  font-family: "Whitney";
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Whitney";
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 0.75em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #1565c0;
  text-decoration: none;
  -webkit-transition: color 150ms ease;
  transition: color 150ms ease; }
  a:active, a:focus, a:hover {
    color: #104c90; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

body {
  -webkit-font-smoothing: antialiased; }

nav.bourbon {
  text-rendering: optimizeLegibility; }
  nav.bourbon ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    nav.bourbon ul li a {
      text-decoration: none; }
  nav.bourbon h1 {
    margin: 0; }
    nav.bourbon h1 a {
      text-decoration: none; }

body {
  -webkit-backface-visibility: hidden;
  background: #fff;
  min-width: 320px; }

.refills-header {
  background-color: #e7f1ec;
  clear: both;
  margin-bottom: 1em;
  padding: 5em 0;
  text-align: center;
  width: 100%; }
  .refills-header::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 40em) {
    .refills-header {
      margin-bottom: 4em;
      padding: 6em 0; } }
  @media screen and (min-width: 53.75em) {
    .refills-header {
      margin-bottom: 4em;
      padding: 6em 0 11em 0; } }
  .refills-header .refills-logo {
    display: inline-block;
    margin: 0 auto 1.4em auto; }
    @media screen and (min-width: 40em) {
      .refills-header .refills-logo {
        max-width: 8em;
        max-height: 8em; } }
    .refills-header .refills-logo img {
      background: #fff;
      border-radius: 50%;
      padding: 0.3em;
      margin-bottom: 1em;
      max-width: 5em;
      max-height: 5em; }
      @media screen and (min-width: 40em) {
        .refills-header .refills-logo img {
          margin-bottom: 2em;
          max-width: 8em;
          max-height: 8em;
          padding: 0.5em; } }
  .refills-header h2 {
    font-family: "Georgia", "Cambria", "Times New Roman", "Times", serif;
    font-size: 1.4em;
    font-weight: 100;
    margin: 0 auto 2em auto;
    max-width: 90%;
    text-align: center;
    line-height: 1.4em; }
    @media screen and (min-width: 40em) {
      .refills-header h2 {
        font-size: 2em;
        margin-bottom: 1em;
        max-width: 90%; } }
    @media screen and (min-width: 53.75em) {
      .refills-header h2 {
        font-size: 3em;
        margin-bottom: 0.8em;
        line-height: 1.3em;
        max-width: 55%; } }
  .refills-header h3 {
    font-size: 1.3em;
    font-weight: 200;
    margin-bottom: 1em;
    text-align: center; }
  .refills-header a {
    color: #f55481;
    text-decoration: none; }
    .refills-header a:focus, .refills-header a:hover {
      color: #f884a5; }
  .refills-header p {
    background: #e1ede7;
    -webkit-box-shadow: inset 0 1px 2px #d0e4da, 0 1px 1px rgba(255, 255, 255, 0.4);
            box-shadow: inset 0 1px 2px #d0e4da, 0 1px 1px rgba(255, 255, 255, 0.4);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
    border-radius: 30px;
    color: #87a898;
    display: inline;
    font-family: "Oswald", sans-serif;
    font-size: 0.8em;
    font-weight: 400;
    padding: 0.5em 1.4em; }
    @media screen and (min-width: 53.75em) {
      .refills-header p {
        font-size: 0.8em; } }

.menu-wrapper::after {
  clear: both;
  content: "";
  display: table; }

ul.refills-menu {
  font-weight: normal;
  margin-bottom: 5em;
  margin: -3.3em auto 0 auto;
  text-align: center; }
  @media screen and (min-width: 40em) {
    ul.refills-menu {
      margin: -6em auto 0 auto; } }
  @media screen and (min-width: 53.75em) {
    ul.refills-menu {
      margin: -6.7em auto 0 auto; } }
  ul.refills-menu .menu-item {
    display: inline; }
    ul.refills-menu .menu-item a {
      text-decoration: none;
      border-radius: 3px;
      color: #a7cbb9;
      font-family: "Lusitana", serif;
      font-size: 0.9em;
      padding: 0.5em 0.5em 2em; }
      @media screen and (min-width: 40em) {
        ul.refills-menu .menu-item a {
          font-size: 1.1em;
          padding: 0.5em 0.8em 2em; } }
      @media screen and (min-width: 53.75em) {
        ul.refills-menu .menu-item a {
          font-size: 1.3em;
          padding: 0.5em 1.3em 2em; } }
      ul.refills-menu .menu-item a:hover {
        color: #86b9a0; }

.refills-patterns li.patterns a {
  background: #fff; }
  .refills-patterns li.patterns a:hover {
    color: #a7cbb9; }

.refills-components li.components a {
  background: #fff; }
  .refills-components li.components a:hover {
    color: #a7cbb9; }

.refills-type-systems li.type-systems a {
  background: #fff; }
  .refills-type-systems li.type-systems a:hover {
    color: #a7cbb9; }

#example {
  padding-top: 6em; }

section.refill {
  margin-bottom: 2em;
  padding-bottom: 1em;
  position: relative; }
  section.refill::after {
    clear: both;
    content: "";
    display: table; }
  section.refill > h3 {
    margin-bottom: 1.3em;
    margin-top: 1em;
    padding-top: 0.5em; }

.refills-wrapper {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em; }
  .refills-wrapper::after {
    clear: both;
    content: "";
    display: table; }
  .refills-wrapper h1.main-header {
    background-color: #82caca;
    display: inline-block;
    padding: 0.5em; }

.refill-centering {
  text-align: center; }
  .refill-centering > * {
    display: inline-block; }
    .refill-centering > * > * {
      text-align: left; }
  .refill-centering script {
    display: none; }

.line-behind-text {
  border-bottom: 1px solid #cacaca;
  text-align: center;
  margin-bottom: 4.5em; }

.line-behind-text h6 {
  background: #fff;
  color: gray;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 1em;
  font-weight: 500;
  padding: 0 10px;
  position: relative;
  text-transform: uppercase;
  top: 34px; }

.refill h6 {
  margin-bottom: 1.5em; }

.js-hide-code,
.js-show-code {
  border-top: 1px dashed #bebcbc;
  color: #7e7a7a;
  font-size: 0.8em;
  text-transform: uppercase;
  width: 9em; }
  .js-hide-code:hover,
  .js-show-code:hover {
    color: #477dca; }

.js-show-code {
  display: inline-block;
  padding: 0.5em 1em; }

.js-hide-code {
  display: none;
  padding: 0.5em 1em; }

.refill-control {
  display: block;
  margin-bottom: 2em;
  text-align: center;
  width: 100%; }
  .refill-control a {
    line-height: 1.5em;
    text-decoration: none; }

.refill-snippet {
  margin-top: 4.5em;
  padding: 0 1em; }
  .refill-snippet table {
    border-collapse: collapse;
    margin: 0.75em 0;
    table-layout: fixed;
    width: 100%; }
  .refill-snippet th {
    font-weight: bold;
    padding: 0.75em 0;
    text-align: left; }
  .refill-snippet td {
    padding: 0.75em 0; }
  .refill-snippet tr,
  .refill-snippet td,
  .refill-snippet th {
    vertical-align: middle; }

pre[class*="language-"] {
  background-color: #f8f8f8;
  border-top: 2px solid silver;
  height: 300px;
  line-height: 1em; }

.snippets-table {
  display: none; }
  .snippets-table td {
    border-bottom: 0; }
  .snippets-table .snippet:nth-child(4n) {
    display: none; }

@media screen and (min-width: 40em) {
  .snippet {
    margin-bottom: 2em; } }

.snippet .copy-source-container {
  min-height: 3.4em; }
  @media screen and (min-width: 40em) {
    .snippet .copy-source-container {
      min-height: 2.5em; } }
  @media screen and (min-width: 53.75em) {
    .snippet .copy-source-container {
      min-height: 1em; } }

.snippet:nth-of-type(1) .copy-source {
  background: #e98065; }

.snippet:nth-of-type(2) .copy-source {
  background: #55a1d4; }

.snippet:nth-of-type(3) .copy-source:nth-of-type(1) {
  background: #e9c05b; }

.snippet:nth-of-type(3) .copy-source:nth-of-type(2) {
  background: #89b981; }

.snippet .copy-source {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 0.5em;
  font-weight: 800;
  padding: 0.4em 1em;
  text-transform: uppercase; }
  .snippet .copy-source:hover, .snippet .copy-source:active {
    background-color: #666666;
    color: #fff; }

.snippet a {
  text-decoration: none; }

.snippet code {
  font-size: 0.6em;
  line-height: 1.4em;
  max-height: 25em;
  overflow: scroll; }

.token.variable {
  background-color: transparent; }

@media screen and (min-width: 53.75em) {
  .refill-smaller {
    margin: auto;
    width: 70%; } }

@-webkit-keyframes fadeInAccordionTabsArticles {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAccordionTabsArticles {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.accordion-tabs-type-systems {
  border: 1px solid gainsboro;
  border-radius: 3px;
  margin-bottom: 1.5em; }
  .accordion-tabs-type-systems::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 40em) {
    .accordion-tabs-type-systems {
      border: none; } }
  @media screen and (min-width: 40em) {
    .accordion-tabs-type-systems .tab {
      display: inline; } }
  .accordion-tabs-type-systems .tab:first-child .tab-link {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .accordion-tabs-type-systems .tab:last-child .tab-link {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    @media screen and (min-width: 40em) {
      .accordion-tabs-type-systems .tab:last-child .tab-link {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; } }
  .accordion-tabs-type-systems .tab .tab-link-type-system {
    background-color: transparent;
    border-bottom: 1px solid gainsboro;
    color: #333;
    display: block;
    font-size: 0.9em;
    font-weight: 200;
    letter-spacing: 0.6px;
    padding: 0.75em 0.809em;
    text-align: center; }
    @media screen and (min-width: 40em) {
      .accordion-tabs-type-systems .tab .tab-link-type-system {
        display: inline-block;
        border-bottom: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; } }
    .accordion-tabs-type-systems .tab .tab-link-type-system:hover {
      color: #477dca; }
    .accordion-tabs-type-systems .tab .tab-link-type-system:focus {
      outline: none; }
  .accordion-tabs-type-systems .tab section {
    padding: 1.5em 1.618em;
    background: white;
    display: none;
    overflow: hidden;
    padding: 1.5em 1.618em;
    width: 100%; }
    @media screen and (min-width: 40em) {
      .accordion-tabs-type-systems .tab section {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top: 1px solid gainsboro;
        float: left;
        left: 0;
        padding: 0.75em 1.618em; } }
    .accordion-tabs-type-systems .tab section .tab-content {
      opacity: 0; }
  .accordion-tabs-type-systems .tab.js-is-active {
    border-bottom: 1px solid gainsboro; }
    @media screen and (min-width: 40em) {
      .accordion-tabs-type-systems .tab.js-is-active {
        border-bottom: 0; } }
    .accordion-tabs-type-systems .tab.js-is-active .tab-link-type-system {
      background-color: white;
      border-bottom: 0; }
      @media screen and (min-width: 40em) {
        .accordion-tabs-type-systems .tab.js-is-active .tab-link-type-system {
          background-color: white;
          border-bottom: 1px solid white;
          border: 1px solid gainsboro;
          margin-bottom: -1px; } }
    .accordion-tabs-type-systems .tab.js-is-active section {
      display: block; }
      .accordion-tabs-type-systems .tab.js-is-active section .tab-content {
        -webkit-animation-name: fadeInAccordionTabsArticles;
        animation-name: fadeInAccordionTabsArticles;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        opacity: 1; }

.accordion-tabs {
  line-height: 1.5;
  margin-bottom: 1.5em;
  padding: 0; }
  .accordion-tabs::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 40em) {
    .accordion-tabs {
      border-radius: 3px;
      border: 1px solid var(--color-primary); } }
  .accordion-tabs .tab-header-and-content {
    list-style: none; }
    @media screen and (min-width: 40em) {
      .accordion-tabs .tab-header-and-content {
        display: inline; } }
    .accordion-tabs .tab-header-and-content:first-child .tab-link {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
      @media screen and (max-width: 40em) {
        .accordion-tabs .tab-header-and-content:first-child .tab-link {
          border-top: 0; } }
    @media screen and (max-width: 40em) {
      .accordion-tabs .tab-header-and-content:last-child .tab-link {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; } }
  .accordion-tabs .tab-link {
    background-color: #fff;
    border-top: 1px solid var(--color-primary);
    color: var(--color-primary);
    display: block;
    font-weight: bold;
    padding: 0.75em 0.809em;
    text-decoration: none; }
    @media screen and (min-width: 40em) {
      .accordion-tabs .tab-link {
        display: inline-block;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-top: 0; } }
    .accordion-tabs .tab-link:hover {
      color: #333; }
    .accordion-tabs .tab-link:focus {
      outline: none; }
    .accordion-tabs .tab-link.is-active {
      background-color: #f7f7f7; }
      @media screen and (min-width: 40em) {
        .accordion-tabs .tab-link.is-active {
          background-color: #f7f7f7;
          border: 1px solid var(--color-primary);
          border-bottom-color: #f7f7f7;
          margin-bottom: -1px; } }
  .accordion-tabs .tab-content {
    background: #f7f7f7;
    display: none;
    padding: 1.5em 1.618em;
    width: 100%;
    min-height: 20em; }
    .accordion-tabs .tab-content button, .accordion-tabs .tab-content .button {
      margin-top: 1em;
      display: inline-block; }
    @media screen and (min-width: 40em) {
      .accordion-tabs .tab-content {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        border: 1px solid var(--color-primary);
        float: left; } }

.cards {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  box-pack: justify;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }

  .card {
    flex-basis: 15em;
    -ms-flex-preferred-size: 15em;
    -moz-flex-grow: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 2px 4px #e6e6e6;
            box-shadow: 0 2px 4px #e6e6e6;
    cursor: pointer;
    margin: 0 1em 1.5em 1em;
    position: relative; }
    .card .card-image img {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -o-object-fit: cover;
         object-fit: cover;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      width: 100%;
      height: 215px; }
    .card .card-header {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      background-color: #f7f7f7;
      border-bottom: 1px solid #ddd;
      border-radius: 3px 3px 0 0;
      font-weight: bold;
      line-height: 1.5em;
      padding: 0.5em 0.75em; }
    .card .card-copy {
      font-size: 0.9em;
      line-height: 1.5em;
      padding: 0.75em 0.75em; }
      .card .card-copy p {
        margin: 0 0 0.75em; }
    .card:focus, .card:hover {
      background-color: white; }
      .card:focus .card-image img, .card:hover .card-image img {
        background: #e2daac; }
      .card:focus .card-header, .card:hover .card-header {
        background-color: white; }
    .card:active {
      background-color: #f7f7f7; }
      .card:active .card-header {
        background-color: #f7f7f7; }

.comment {
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  display: table;
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  width: 100%; }
  .comment .comment-image,
  .comment .comment-content {
    display: table-cell;
    vertical-align: top; }
  .comment .comment-image {
    padding-right: 1.4em; }
    .comment .comment-image > img {
      background: #dc555b;
      border-radius: 3px;
      display: block;
      height: auto;
      max-width: none;
      padding: 0.7em;
      width: 4em; }
    .comment-reverse-order .comment .comment-image {
      padding-right: 0;
      padding-left: 10px; }
  .comment .comment-content {
    width: 100%; }
    .comment .comment-content h1 {
      font-size: 1em;
      margin: 0 0 0.5em 0; }
    .comment .comment-content p {
      line-height: 1.5em;
      margin-bottom: 0.5em; }
    .comment .comment-content p.comment-detail {
      color: rgba(51, 51, 51, 0.5);
      font-size: 0.9em;
      font-style: italic; }

.device-background {
  background: url("../../../../raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png"), -webkit-linear-gradient(-280deg, #0A120D, #162C4C), no-repeat #162C4C scroll;
  background: url("../../../../raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png"), -webkit-linear-gradient(80deg, #0A120D, #162C4C), no-repeat #162C4C scroll;
  background: url("../../../../raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png"), linear-gradient(10deg, #0A120D, #162C4C), no-repeat #162C4C scroll;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 20em;
  width: 100%; }
  .device-background p {
    line-height: 1.5em; }
  .device-background h4 {
    font-size: 1.5em;
    margin: 0; }
  .device-background .device-text {
    color: white;
    padding: 2em; }
    @media screen and (min-width: em(1024px)) {
      .device-background .device-text {
        float: left;
        max-width: 50%;
        padding: 4em; } }
    .device-background .device-text h4 {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      margin-bottom: 0.5em;
      padding-bottom: 0.5em; }
    .device-background .device-text p {
      margin-bottom: 1.5em; }
    .device-background .device-text button {
      background-color: var(--color-primary);
      border-radius: 3px;
      border: 0;
      color: white;
      display: inline-block;
      font-size: inherit;
      font-weight: bold;
      padding: 7px 18px;
      text-decoration: none;
      background-clip: padding-box;
      padding: 0.7em 1em; }
      .device-background .device-text button:hover:not(:disabled) {
        background-color: #d8262d;
        cursor: pointer; }
      .device-background .device-text button:active:not(:disabled), .device-background .device-text button:focus:not(:disabled) {
        background-color: #a5272c;
        cursor: pointer; }
      .device-background .device-text button:disabled {
        cursor: not-allowed;
        opacity: 0.5; }
  .device-background .device {
    display: none;
    position: relative; }
    @media screen and (min-width: em(1024px)) {
      .device-background .device {
        -webkit-transform: perspective(800px) translateX(0px) translateY(-100px) translateZ(50px) rotateX(0deg) rotateY(-20deg) rotateZ(0deg);
        -ms-transform: perspective(800px) translateX(0px) translateY(-100px) translateZ(50px) rotateX(0deg) rotateY(-20deg) rotateZ(0deg);
        transform: perspective(800px) translateX(0px) translateY(-100px) translateZ(50px) rotateX(0deg) rotateY(-20deg) rotateZ(0deg);
        background: #1a1a1a;
        border-radius: 2em;
        -webkit-box-shadow: 1px 0px #343434, 4px 0px #060606, 7px 0px #010101, 10px 0px #010101, 13px 0px #010101;
                box-shadow: 1px 0px #343434, 4px 0px #060606, 7px 0px #010101, 10px 0px #010101, 13px 0px #010101;
        display: block;
        float: right;
        margin-bottom: -12em;
        margin-right: 5em;
        padding: 5em 0;
        width: 14.8em;
        z-index: 99999; }
        .device-background .device .screen {
          height: 25em;
          width: 14em;
          background-image: url("../../../../raw.githubusercontent.com/thoughtbot/refills/master/source/images/cosmin_capitanu_screen.jpg");
          background-size: cover;
          border-radius: 0.2em;
          -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.5);
                  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.5);
          margin: auto; } }

.no-flexbox .grid-items {
  margin-left: auto;
  margin-right: auto; }
  .no-flexbox .grid-items p {
    line-height: 1.5em; }
  .no-flexbox .grid-items a {
    text-decoration: none; }
  .no-flexbox .grid-items::after {
    clear: both;
    content: "";
    display: table; }
  .no-flexbox .grid-items .grid-item {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #efefef;
    border-bottom: 1em solid #efefef;
    border-left: 1em solid #efefef;
    border-right: 1em solid #efefef;
    border-top: 1em solid #efefef;
    border-collapse: separate;
    border-radius: 15px;
    cursor: pointer;
    float: left;
    height: 15em;
    overflow: hidden;
    outline: none;
    padding: 2em;
    text-align: center;
    width: 15em; }
    @media screen and (min-width: em(1024px)) {
      .no-flexbox .grid-items .grid-item {
        width: 25%; } }
    .no-flexbox .grid-items .grid-item:nth-child(1) {
      background-color: #dbdbdb;
      -webkit-box-shadow: inset 0px 0px 1px 2px #c2c2c2;
              box-shadow: inset 0px 0px 1px 2px #c2c2c2; }
      .no-flexbox .grid-items .grid-item:nth-child(1):focus, .no-flexbox .grid-items .grid-item:nth-child(1):hover {
        background-color: #c2c2c2;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover; }
    .no-flexbox .grid-items .grid-item:nth-child(2) {
      background-color: #dbdbdb;
      -webkit-box-shadow: inset 0px 0px 1px 2px #c2c2c2;
              box-shadow: inset 0px 0px 1px 2px #c2c2c2; }
      .no-flexbox .grid-items .grid-item:nth-child(2):focus, .no-flexbox .grid-items .grid-item:nth-child(2):hover {
        background-color: #c2c2c2;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover; }
    .no-flexbox .grid-items .grid-item:nth-child(3) {
      background-color: #dbdbdb;
      -webkit-box-shadow: inset 0px 0px 1px 2px #c2c2c2;
              box-shadow: inset 0px 0px 1px 2px #c2c2c2; }
      .no-flexbox .grid-items .grid-item:nth-child(3):focus, .no-flexbox .grid-items .grid-item:nth-child(3):hover {
        background-color: #c2c2c2;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover; }
    .no-flexbox .grid-items .grid-item:nth-child(4) {
      background-color: #dbdbdb;
      -webkit-box-shadow: inset 0px 0px 1px 2px #c2c2c2;
              box-shadow: inset 0px 0px 1px 2px #c2c2c2; }
      .no-flexbox .grid-items .grid-item:nth-child(4):focus, .no-flexbox .grid-items .grid-item:nth-child(4):hover {
        background-color: #c2c2c2;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover; }
    .no-flexbox .grid-items .grid-item:nth-child(5) {
      background-color: #dbdbdb;
      -webkit-box-shadow: inset 0px 0px 1px 2px #c2c2c2;
              box-shadow: inset 0px 0px 1px 2px #c2c2c2; }
      .no-flexbox .grid-items .grid-item:nth-child(5):focus, .no-flexbox .grid-items .grid-item:nth-child(5):hover {
        background-color: #c2c2c2;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover; }
    .no-flexbox .grid-items .grid-item:nth-child(6) {
      background-color: #dbdbdb;
      -webkit-box-shadow: inset 0px 0px 1px 2px #c2c2c2;
              box-shadow: inset 0px 0px 1px 2px #c2c2c2; }
      .no-flexbox .grid-items .grid-item:nth-child(6):focus, .no-flexbox .grid-items .grid-item:nth-child(6):hover {
        background-color: #c2c2c2;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover; }
    .no-flexbox .grid-items .grid-item:nth-child(7) {
      background-color: #dbdbdb;
      -webkit-box-shadow: inset 0px 0px 1px 2px #c2c2c2;
              box-shadow: inset 0px 0px 1px 2px #c2c2c2; }
      .no-flexbox .grid-items .grid-item:nth-child(7):focus, .no-flexbox .grid-items .grid-item:nth-child(7):hover {
        background-color: #c2c2c2;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover; }
    .no-flexbox .grid-items .grid-item:nth-child(8) {
      background-color: #dbdbdb;
      -webkit-box-shadow: inset 0px 0px 1px 2px #c2c2c2;
              box-shadow: inset 0px 0px 1px 2px #c2c2c2; }
      .no-flexbox .grid-items .grid-item:nth-child(8):focus, .no-flexbox .grid-items .grid-item:nth-child(8):hover {
        background-color: #c2c2c2;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover; }
  .no-flexbox .grid-items .grid-item img {
    display: block;
    height: 3em;
    margin-bottom: 1em;
    margin: auto; }
  .no-flexbox .grid-items .grid-item h1 {
    color: var(--color-primary);
    font-size: 1.3em;
    margin-bottom: 0.4em; }
  .no-flexbox .grid-items .grid-item p {
    margin: auto;
    color: rgba(190, 39, 45, 0.7);
    padding: 1.5em 0; }
    @media screen and (min-width: 40em) {
      .no-flexbox .grid-items .grid-item p {
        max-width: 70%; } }
  @media screen and (min-width: em(1024px)) {
    .no-flexbox .grid-items .grid-item-big {
      width: 50%; } }
  @media screen and (min-width: 40em) {
    .no-flexbox .grid-items .grid-item-big p {
      max-width: 60%; } }
  .no-flexbox .grid-items .grid-item-image {
    background-color: #9c494d;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover; }

.bullets {
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.5;
  margin: 1em;
  overflow: auto; }
  .bullets h2 {
    margin: 0; }
  .bullets li {
    list-style: none; }
  .bullets p {
    color: #333;
    line-height: 1.5; }
  .bullets img {
    max-width: 100%; }
  .bullets .bullet {
    flex-basis: 20em;
    -ms-flex-preferred-size: 20em;
    -moz-flex-grow: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    -ms-flex-positive: 1; }
  .bullets .bullet-icon {
    background: var(--color-primary);
    border-radius: 50%;
    float: left;
    height: 3.5em;
    padding: 0.875em;
    width: 3.5em; }
  .bullets .bullet-icon-1 {
    background: var(--color-primary); }
  .bullets .bullet-icon-2 {
    background: #be27ab; }
  .bullets .bullet-icon-3 {
    background: #275fbe; }
  .bullets .bullet-content {
    margin-left: 4.9em;
    margin-bottom: 2em; }
  .bullets h2 {
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    display: inline-block;
    font-size: 1.4em;
    margin-bottom: 0.58333em;
    padding-top: 0.5em; }

#map_canvas {
  height: 400px;
  width: 100%; }

#map_canvas img {
  max-width: none; }

#map_canvas .content {
  padding: 0 0.5em 1em 0.5em; }

#map_canvas .firstHeading {
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  margin: 0; }

#map_canvas #bodyContent p {
  font-size: 1em;
  margin: 0; }

.tables {
  width: 100%;
  border-collapse: separate;
  border-left: 0px;
  border-radius: 3px;
  border-spacing: 0;
  border: 1px solid #ddd; }
  .tables th {
    text-align: left; }
  .tables tbody {
    background-color: #fcfcfc; }
    .tables tbody tr:hover > td, .tables tbody tr:hover > th {
      background-color: #efefef; }
    .tables tbody tr:nth-child(even) {
      background-color: #f7f7f7; }
      .tables tbody tr:nth-child(even):hover > td {
        background-color: #eaeaea; }
  .tables thead:first-of-type tr:first-child > th:first-child {
    border-top-left-radius: 3px; }
  .tables thead:first-of-type tr:first-child > th:last-child {
    border-top-right-radius: 3px; }
  .tables tbody:last-child tr:last-child > td:first-child {
    border-bottom-left-radius: 3px; }
  .tables tbody:last-child tr:last-child > td:last-child {
    border-bottom-right-radius: 3px; }
  .tables thead th {
    background-color: white;
    border-bottom: 0px;
    border-left: 1px solid #ddd;
    padding: 0.75em 1em; }
    .tables thead th:first-child {
      border-left: none; }
  .tables tbody {
    background-color: #fcfcfc; }
    .tables tbody td {
      border-bottom: 0px;
      border-left: 1px solid #ddd;
      border-top: 1px solid #ddd;
      padding: 0.75em 1em; }
      .tables tbody td:first-child {
        border-left: none; }
      .tables tbody td button {
        background-color: var(--color-primary);
        border-radius: 3px;
        border: 0;
        color: white;
        display: inline-block;
        font-size: inherit;
        font-weight: bold;
        padding: 7px 18px;
        text-decoration: none;
        background-clip: padding-box;
        display: inline-block;
        font-size: 0.7em;
        line-height: 1.5;
        margin-bottom: 0.3em;
        margin-right: 0.5em;
        outline: none;
        padding: 0.3em 1em;
        width: 100%; }
        .tables tbody td button:hover:not(:disabled) {
          background-color: #d8262d;
          cursor: pointer; }
        .tables tbody td button:active:not(:disabled), .tables tbody td button:focus:not(:disabled) {
          background-color: #a5272c;
          cursor: pointer; }
        .tables tbody td button:disabled {
          cursor: not-allowed;
          opacity: 0.5; }
        @media screen and (min-width: 40em) {
          .tables tbody td button {
            margin-bottom: 0;
            width: auto; } }

.table-minimal {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0; }
  .table-minimal th {
    text-align: left; }
  .table-minimal td {
    line-height: 1.5; }
  .table-minimal tbody tr:hover > td, .table-minimal tbody tr:hover > th {
    background-color: #fafafa; }
  .table-minimal tbody tr:first-child td {
    border-top: 2px solid #ddd; }
  .table-minimal thead th {
    background-color: white;
    border-bottom: 0px;
    padding: 0.75em 1em; }
  .table-minimal tbody {
    background-color: #fff; }
    .table-minimal tbody td {
      border-bottom: 0px;
      border-top: 1px solid #ddd;
      padding: 0.75em 1em; }
      .table-minimal tbody td button {
        background-color: var(--color-primary);
        border-radius: 3px;
        border: 0;
        color: white;
        display: inline-block;
        font-size: inherit;
        font-weight: bold;
        padding: 7px 18px;
        text-decoration: none;
        background-clip: padding-box;
        display: inline-block;
        font-size: .7em;
        line-height: 1.5;
        margin-bottom: .3em;
        margin-right: 0.5em;
        outline: none;
        padding: .3em 1em;
        width: 100%; }
        .table-minimal tbody td button:hover:not(:disabled) {
          background-color: #d8262d;
          cursor: pointer; }
        .table-minimal tbody td button:active:not(:disabled), .table-minimal tbody td button:focus:not(:disabled) {
          background-color: #a5272c;
          cursor: pointer; }
        .table-minimal tbody td button:disabled {
          cursor: not-allowed;
          opacity: 0.5; }
        @media screen and (min-width: 40em) {
          .table-minimal tbody td button {
            margin-bottom: 0;
            width: auto; } }

.vertical-tabs-container {
  border-radius: 3px;
  border: 1px solid #ddd;
  margin-bottom: 1.5em;
  overflow: hidden; }
  .vertical-tabs-container li {
    list-style: none; }
  .vertical-tabs-container p {
    color: #333;
    line-height: 1.5; }
  .vertical-tabs-container a {
    text-decoration: none;
    color: var(--color-primary); }
  .vertical-tabs-container::after {
    clear: both;
    content: "";
    display: table; }
  .vertical-tabs-container .vertical-tabs {
    display: none; }
    @media screen and (min-width: 40em) {
      .vertical-tabs-container .vertical-tabs {
        background-color: #fff;
        display: inline;
        float: left;
        height: 18.75em;
        width: 20%; } }
  @media screen and (min-width: 40em) {
    .vertical-tabs-container .vertical-tab {
      border-bottom: 1px solid #ddd;
      display: block;
      font-weight: bold;
      margin-right: -1px;
      padding: 0.75em 0.809em; }
      .vertical-tabs-container .vertical-tab.is-active {
        background-color: #f7f7f7;
        margin-right: -1px; } }
  .vertical-tabs-container a.vertical-tab-accordion-heading,
  .vertical-tabs-container a.vertical-tab {
    color: #333; }
  .vertical-tabs-container .vertical-tab:focus {
    outline: none; }
  .vertical-tabs-container .vertical-tab-content-container {
    display: block;
    margin: 0 auto; }
    .vertical-tabs-container .vertical-tab-content-container a:focus {
      outline: none; }
    @media screen and (min-width: 40em) {
      .vertical-tabs-container .vertical-tab-content-container {
        height: 18.75em;
        width: 80%;
        background-color: #f7f7f7;
        display: inline-block; } }
  .vertical-tabs-container .vertical-tab-content {
    background-color: #f7f7f7;
    padding: 1.5em 1.618em; }
    @media screen and (min-width: 40em) {
      .vertical-tabs-container .vertical-tab-content {
        border: none;
        display: none; } }
  .vertical-tabs-container .vertical-tab-accordion-heading {
    background-color: #fff;
    border-top: 1px solid #ddd;
    cursor: pointer;
    display: block;
    font-weight: bold;
    padding: 0.75em 0.809em; }
    .vertical-tabs-container .vertical-tab-accordion-heading:focus, .vertical-tabs-container .vertical-tab-accordion-heading:hover {
      color: var(--color-primary); }
    .vertical-tabs-container .vertical-tab-accordion-heading:first-child {
      border-top: none; }
    .vertical-tabs-container .vertical-tab-accordion-heading.is-active {
      background: #f7f7f7;
      border-bottom: none; }
    @media screen and (min-width: 40em) {
      .vertical-tabs-container .vertical-tab-accordion-heading {
        display: none; } }

.accordion {
  margin: 0;
  padding: 0;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  margin-bottom: 1.5em; }
  .accordion ul {
    margin: 0;
    padding: 0; }
  .accordion li {
    list-style: none; }
  .accordion p {
    color: #333;
    line-height: 1.5; }
  .accordion a {
    text-decoration: none; }
  .accordion li {
    border-bottom: 1px solid #ddd; }
    .accordion li > a {
      color: #333;
      display: block;
      padding: 0.75em 1.618em; }
    .accordion li:last-child {
      border: none; }
    .accordion li:focus, .accordion li:hover {
      background-color: #fcfcfc; }
  .accordion ul.submenu {
    display: none;
    padding-top: 1em; }
    .accordion ul.submenu li {
      background-color: #eaeaea; }
      .accordion ul.submenu li:first-child {
        border-top: 1px solid #ddd;
        -webkit-box-shadow: inset 0 1px 1px #dadada;
                box-shadow: inset 0 1px 1px #dadada; }
      .accordion ul.submenu li:focus, .accordion ul.submenu li:hover {
        background-color: #efefef; }
  .accordion .is-expanded {
    display: block;
    padding-bottom: 0;
    background-color: #fcfcfc; }
    .accordion .is-expanded li {
      clear: both; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .animated.alternate {
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }
  .animated.iteration {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

.animate-target {
  height: 6em;
  width: 6em;
  -webkit-transform-style: preserve-3d;
  border-radius: 50%;
  border: 22px solid #e2e2e3;
  margin: 0 auto 3em;
  text-align: center; }

button, .button {
  background-color: var(--color-primary);
  border-radius: 3px;
  border: 0;
  color: white;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  padding: 7px 18px;
  text-decoration: none;
  background-clip: padding-box;
  display: block;
  margin: auto;
  outline: none;
  padding: 0.8em 1em;
  text-align: center; }
  button:hover:not(:disabled), .button:hover:not(:disabled) {
    background-color: #d8262d;
    cursor: pointer; }
  button:active:not(:disabled), button:focus:not(:disabled), .button:active:not(:disabled), .button:focus:not(:disabled) {
    background-color: #a5272c;
    cursor: pointer; }
  button:disabled, .button:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

.badge {
  background-color: #999;
  border-radius: 3.75em;
  color: black;
  display: inline-block;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1;
  padding: 0.4em 1.2em; }

.badge-alert {
  background-color: #fff6bf;
  border-radius: 3.75em;
  color: #8c7800;
  display: inline-block;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1;
  padding: 0.4em 1.2em; }

.badge-error {
  background-color: #fbe3e4;
  border-radius: 3.75em;
  color: #97161b;
  display: inline-block;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1;
  padding: 0.4em 1.2em; }

.badge-notice {
  background-color: #e5edf8;
  border-radius: 3.75em;
  color: #244e87;
  display: inline-block;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1;
  padding: 0.4em 1.2em; }

.badge-success {
  background-color: #e6efc2;
  border-radius: 3.75em;
  color: #56651a;
  display: inline-block;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1;
  padding: 0.4em 1.2em; }

.button-group input {
  display: none; }

.button-group label {
  margin-bottom: 0; }
  @media screen and (min-width: em(1024px)) {
    .button-group label {
      float: left; } }
  .button-group label .button-group-item {
    background: #fff;
    border-left: 1px solid silver;
    border-radius: 0;
    border-right: 1px solid silver;
    color: gray;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    padding: 0.75em 1em;
    width: 100%; }
    @media screen and (min-width: em(1024px)) {
      .button-group label .button-group-item {
        border-bottom: 1px solid silver;
        border-left: 0;
        border-right: 1px solid #eeeeee;
        border-top: 1px solid silver;
        width: auto; } }
    .button-group label .button-group-item:focus, .button-group label .button-group-item:hover {
      background-color: #f7f7f7; }
  .button-group label:first-child .button-group-item {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top: 1px solid silver; }
    @media screen and (min-width: em(1024px)) {
      .button-group label:first-child .button-group-item {
        border-bottom-left-radius: 3px;
        border-left: 1px solid silver;
        border-top-left-radius: 3px;
        border-top-right-radius: 0; } }
  .button-group label:last-child .button-group-item {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid silver; }
    @media screen and (min-width: em(1024px)) {
      .button-group label:last-child .button-group-item {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 3px;
        border-right: 1px solid silver;
        border-top-right-radius: 3px; } }
  .button-group label input:checked + .button-group-item {
    background: var(--color-primary);
    border: 1px solid #7f1a1e;
    -webkit-box-shadow: inset 0 1px 2px #941e23;
            box-shadow: inset 0 1px 2px #941e23;
    color: white; }

.dropdown {
  line-height: 1.5; }
  .dropdown ul {
    padding: 0;
    margin: 0; }
  .dropdown li {
    list-style: none; }
  .dropdown .dropdown-container {
    display: inline-block;
    position: relative;
    text-align: center; }
  .dropdown .dropdown-description {
    background: #fff;
    border-bottom-left-radius: 3px;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-top-left-radius: 3px;
    border-top: 1px solid silver;
    color: #999999;
    float: left;
    font-size: 0.7em;
    line-height: 40px;
    margin: 0;
    padding: 0 0.5em 0 1em; }
    @media screen and (min-width: em(1024px)) {
      .dropdown .dropdown-description {
        font-size: 1em; } }
  .dropdown .dropdown-button {
    background: #fff;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    cursor: pointer;
    float: right;
    font-size: 0.7em;
    font-weight: 800;
    line-height: 40px;
    margin: 0;
    padding: 0 2.5em 0 0.5em;
    position: relative; }
    @media screen and (min-width: em(1024px)) {
      .dropdown .dropdown-button {
        font-size: 1em;
        padding: 0 2.5em 0 0.5em; } }
  .dropdown .dropdown-button:hover {
    background-color: #f7f7f7; }
  .dropdown .dropdown-button:after {
    color: #333;
    content: "\25BE";
    display: block;
    position: absolute;
    right: 1em;
    top: 0; }
  .dropdown .dropdown-menu {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #fff;
    border-radius: 3px;
    border: 1px solid silver;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    color: #333;
    cursor: pointer;
    display: none;
    overflow: show;
    position: absolute;
    right: 0;
    top: 50px;
    width: 228px;
    z-index: 99999; }
    .dropdown .dropdown-menu:before {
      position: absolute;
      top: 0;
      right: 1em;
      bottom: 0;
      left: 0;
      color: #fff;
      content: "\25b2";
      font-size: 1.4em;
      pointer-events: none;
      text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.3);
      top: -0.7em; }
  .dropdown .dropdown-menu li {
    border-bottom: 1px solid silver;
    color: #333;
    padding: 0.5em; }
  .dropdown .dropdown-menu li:hover {
    background: #f7f7f7; }
  .dropdown .dropdown-menu li:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .dropdown .dropdown-menu li:last-child {
    border: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .dropdown .show-menu {
    display: block; }

.expander {
  width: 90%; }
  .expander p {
    color: #333;
    line-height: 1.5; }
  .expander a {
    color: var(--color-primary);
    text-decoration: none; }
  .expander .expander-trigger {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: block;
    font-size: 1em;
    margin-bottom: 1em;
    padding-bottom: 0.25em; }
    .expander .expander-trigger:before {
      font-size: 0.7em;
      content: "\25BC";
      margin-right: 0.5em; }
  .expander .expander-hidden:before {
    font-size: 0.7em;
    content: "\25BA"; }
  .expander .expander-hidden + .expander-content {
    display: none; }

.fade-in-element {
  line-height: 1.5;
  background: #fff;
  border-radius: 3px;
  border: 1px solid silver;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 4em;
  padding: 1.5em;
  text-align: center;
  width: 100%; }
  .fade-in-element p {
    color: #333;
    line-height: 1.5; }
  .fade-in-element::after {
    clear: both;
    content: "";
    display: table; }

.js-fade-element-hide {
  opacity: 0; }

.js-fade-element-show {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 1; }

.flash-alert {
  background-color: #fff6bf;
  color: #8c7800;
  display: block;
  font-weight: 600;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-alert a {
    color: #594c00; }
    .flash-alert a:focus, .flash-alert a:hover {
      color: black; }

.flash-error {
  background-color: #fbe3e4;
  color: #97161b;
  display: block;
  font-weight: 600;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-error a {
    color: #6a0f13; }
    .flash-error a:focus, .flash-error a:hover {
      color: #110203; }

.flash-notice {
  background-color: #e5edf8;
  color: #244e87;
  display: block;
  font-weight: 600;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-notice a {
    color: #19375f; }
    .flash-notice a:focus, .flash-notice a:hover {
      color: #04080e; }

.flash-success {
  background-color: #e6efc2;
  color: #56651a;
  display: block;
  font-weight: 600;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-success a {
    color: #333c10; }
    .flash-success a:focus, .flash-success a:hover {
      color: black; }

.hover-tile-outer {
  background: url("../../../../raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png");
  background-position: top;
  background-size: cover;
  background-color: beige;
  border: 1px solid #ddd;
  cursor: pointer;
  height: 10em;
  margin-bottom: 1.5; }
  .hover-tile-outer h4 {
    margin: 0; }
  .hover-tile-outer p {
    line-height: 1.5; }
  @media screen and (min-width: 40em) {
    .hover-tile-outer {
      width: 40%; } }
  .hover-tile-outer .hover-tile-container {
    height: 10em;
    overflow: hidden; }
  .hover-tile-outer .hover-tile-container:hover > .hover-tile {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  .hover-tile-outer .hover-tile {
    -webkit-transition: all, 0.2s ease-in-out;
    transition: all, 0.2s ease-in-out;
    background: inherit;
    color: white;
    height: inherit;
    overflow: hidden;
    padding: 1.5em; }
  .hover-tile-outer .hover-tile-hidden {
    background: rgba(0, 0, 0, 0.5); }
    .hover-tile-outer .hover-tile-hidden p {
      color: rgba(255, 255, 255, 0.7); }
    .hover-tile-outer .hover-tile-hidden h4 {
      margin-bottom: 0.5em; }

.image-gradient-dynamic {
  line-height: 0;
  position: relative;
  width: 100%; }
  .image-gradient-dynamic img {
    height: auto;
    left: 0;
    position: relative;
    top: 0;
    width: 100%; }
  .image-gradient-dynamic .copy {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 50%;
    z-index: 999; }
    .image-gradient-dynamic .copy p {
      color: white;
      font-weight: 800;
      line-height: 1.5em;
      padding: 1em 2em;
      position: relative; }
  .image-gradient-dynamic .overlay {
    background-color: rgba(255, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(-270deg, rgba(255, 0, 0, 0.1), rgba(0, 128, 0, 0.4));
    background-image: -webkit-gradient(linear,left bottom, left top,from(rgba(255, 0, 0, 0.1)), to(rgba(0, 128, 0, 0.4)));
    background-image: -webkit-linear-gradient(bottom,rgba(255, 0, 0, 0.1), rgba(0, 128, 0, 0.4));
    background-image: linear-gradient(0deg,rgba(255, 0, 0, 0.1), rgba(0, 128, 0, 0.4));
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px; }
    .image-gradient-dynamic .overlay:after {
      background-color: rgba(0, 128, 128, 0.2);
      background-image: -webkit-linear-gradient(-360deg, rgba(0, 128, 128, 0.2), rgba(255, 255, 0, 0.2));
      background-image: -webkit-gradient(linear,left top, right top,from(rgba(0, 128, 128, 0.2)), to(rgba(255, 255, 0, 0.2)));
      background-image: -webkit-linear-gradient(left,rgba(0, 128, 128, 0.2), rgba(255, 255, 0, 0.2));
      background-image: linear-gradient(90deg,rgba(0, 128, 128, 0.2), rgba(255, 255, 0, 0.2));
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      content: '';
      display: block; }

.modal h1 {
  margin: 0; }

.modal p {
  color: #333;
  line-height: 1.5; }

.modal label {
  cursor: pointer;
  margin-bottom: 0; }

.modal label img {
  border-radius: 150px;
  display: block;
  max-width: 300px; }

.modal .modal-state {
  display: none; }

.modal .modal-trigger {
  background-color: var(--color-primary);
  border-radius: 3px;
  border: 0;
  color: white;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  padding: 7px 18px;
  text-decoration: none;
  background-clip: padding-box;
  padding: 0.8em 1em; }
  .modal .modal-trigger:hover:not(:disabled) {
    background-color: #d8262d;
    cursor: pointer; }
  .modal .modal-trigger:active:not(:disabled), .modal .modal-trigger:focus:not(:disabled) {
    background-color: #a5272c;
    cursor: pointer; }
  .modal .modal-trigger:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

.modal .modal-window {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  padding-top: 0.6em;
  text-align: left;
  visibility: hidden;
  z-index: 99999999999; }
  @media screen and (min-width: em(1024px)) {
    .modal .modal-window {
      padding-top: 10em; } }
  .modal .modal-window .modal-bg {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    cursor: pointer; }

.modal .modal-close {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  height: 1.5em;
  width: 1.5em;
  background: #fff;
  cursor: pointer; }
  .modal .modal-close:after, .modal .modal-close:before {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 0;
    left: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1.5em;
    width: 0.15em;
    background: #ddd;
    content: '';
    display: block;
    margin: -3px 0 0 -1px; }
  .modal .modal-close:hover:after, .modal .modal-close:hover:before {
    background: #c4c4c4; }
  .modal .modal-close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.modal .modal-inner {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  background: #fff;
  border-radius: 3px;
  margin-top: 0;
  margin: auto;
  max-height: 95%;
  overflow: auto;
  padding: 1.5em;
  position: relative;
  width: 95%; }
  @media screen and (min-width: 40em) {
    .modal .modal-inner {
      max-height: 70%;
      padding: 3em;
      width: 60%; } }
  @media screen and (min-width: em(1024px)) {
    .modal .modal-inner {
      width: 50%; } }
  .modal .modal-inner h1 {
    color: #333;
    margin-bottom: 0.6em;
    text-align: left;
    text-transform: capitalize; }
  .modal .modal-inner .modal-intro {
    font-weight: 800; }
  .modal .modal-inner .modal-content {
    color: #333; }
    @media screen and (min-width: 40em) {
      .modal .modal-inner .modal-content {
        -webkit-columns: 2 8em;
        columns: 2 8em; } }
  .modal .modal-inner a.cta {
    color: white;
    display: inline-block;
    margin-right: 0.5em;
    margin-top: 1em; }
    .modal .modal-inner a.cta:last-child {
      padding: 0 2em; }

.modal .modal-state:checked + .modal-window {
  opacity: 1;
  visibility: visible; }

.modal .modal-state:checked + .modal-window .modal-inner {
  top: 0.5em; }

.modal-open {
  overflow: hidden; }

.modal-closed {
  overflow: auto; }

.pagination {
  text-align: center; }
  .pagination ul {
    margin: 0;
    padding: 0; }
  .pagination li {
    list-style: none; }
  .pagination a {
    text-decoration: none; }
  .pagination ul {
    display: inline;
    text-align: center; }
    .pagination ul li {
      display: inline; }
    .pagination ul ul li {
      display: none; }
      .pagination ul ul li:nth-child(1), .pagination ul ul li:nth-child(2), .pagination ul ul li:nth-child(3) {
        display: inline; }
      @media screen and (min-width: em(1024px)) {
        .pagination ul ul li {
          display: inline; } }
    .pagination ul li a {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      background: #f7f7f7;
      border-radius: 3px;
      border: 1px solid #ddd;
      color: #333;
      outline: none;
      padding: 0.375em 0.809em; }
      .pagination ul li a:hover, .pagination ul li a:focus {
        background: white;
        color: var(--color-primary); }
      .pagination ul li a:active {
        background: #f7f7f7; }

.parallax-window {
  max-height: 30em;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%; }

.parallax-static-content {
  color: #9A9A8A;
  padding: 8em 0;
  position: relative;
  z-index: 9; }

.parallax-background {
  background: url("../../../../raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png") repeat;
  background-position: top;
  background-size: cover;
  background-color: beige;
  height: 60em;
  left: 0;
  position: absolute;
  top: -10em;
  width: 100%; }

form.search-bar {
  position: relative; }
  form.search-bar input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color;
    transition: border-color;
    background-color: white;
    border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    display: block;
    font-size: 1em;
    font-style: italic;
    margin: 0;
    padding: 0.5em 0.5em;
    position: relative;
    width: 100%; }
  form.search-bar button[type=submit] {
    background-color: var(--color-primary);
    border-radius: 3px;
    border: 0;
    color: white;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    padding: 7px 18px;
    text-decoration: none;
    background-clip: padding-box;
    position: absolute;
    top: 0em;
    right: 0em;
    bottom: 0em;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    outline: none;
    padding: 5px 10px; }
    form.search-bar button[type=submit]:hover:not(:disabled) {
      background-color: #d8262d;
      cursor: pointer; }
    form.search-bar button[type=submit]:active:not(:disabled), form.search-bar button[type=submit]:focus:not(:disabled) {
      background-color: #a5272c;
      cursor: pointer; }
    form.search-bar button[type=submit]:disabled {
      cursor: not-allowed;
      opacity: 0.5; }
    form.search-bar button[type=submit] img {
      height: 12px;
      opacity: 0.7; }

.sliding-menu-content {
  position: fixed;
  top: 0px;
  right: auto;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 220px;
  -webkit-transform: translateX(-220px);
  -ms-transform: translateX(-220px);
  transform: translateX(-220px);
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background: #404040;
  z-index: 999999;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  .sliding-menu-content ul {
    padding: 0;
    margin: 0; }
  .sliding-menu-content li {
    list-style: none; }
  .sliding-menu-content a {
    text-decoration: none; }
  .sliding-menu-content li a {
    border-bottom: 1px solid #333;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 1em; }
    .sliding-menu-content li a:focus {
      background-color: #4d4d4d; }
    .sliding-menu-content li a:hover {
      background-color: var(--color-primary);
      color: #fff; }
  .sliding-menu-content.is-visible {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

.sliding-menu-fade-screen {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  background: black;
  opacity: 0;
  visibility: hidden;
  z-index: 999998; }
  .sliding-menu-fade-screen.is-visible {
    opacity: 0.4;
    visibility: visible; }

.sliding-menu-button {
  background-color: #477DCA;
  border-radius: 3px;
  border: 0;
  color: white;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  padding: 7px 18px;
  text-decoration: none;
  background-clip: padding-box;
  padding: 10px 16px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  outline: none; }
  .sliding-menu-button:hover:not(:disabled) {
    background-color: #578ad4;
    cursor: pointer; }
  .sliding-menu-button:active:not(:disabled), .sliding-menu-button:focus:not(:disabled) {
    background-color: #3c71bb;
    cursor: pointer; }
  .sliding-menu-button:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
  .sliding-menu-button img {
    height: 1.3em; }

.label-switch {
  border-radius: 32px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  position: relative;
  width: 52px; }
  .label-switch input[type="checkbox"] {
    display: none; }
    .label-switch input[type="checkbox"] + .checkbox {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background: #e8e8e8;
      border-radius: 32px;
      border: none;
      cursor: pointer;
      height: 32px;
      margin: 0;
      padding: 0;
      position: relative;
      width: 52px;
      z-index: 0; }
      .label-switch input[type="checkbox"] + .checkbox:before {
        position: absolute;
        top: 2px;
        right: 0;
        bottom: 0;
        left: 2px;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background: #fff;
        border-radius: 32px;
        content: "";
        height: 28px;
        width: 48px;
        z-index: 1; }
      .label-switch input[type="checkbox"] + .checkbox:after {
        position: absolute;
        top: 2px;
        right: 0;
        bottom: 0;
        left: 2px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        height: 28px;
        width: 28px;
        background: #fff;
        border-radius: 28px;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
        content: "";
        z-index: 2; }
    .label-switch input[type="checkbox"]:checked + .checkbox {
      background: var(--color-primary); }
      .label-switch input[type="checkbox"]:checked + .checkbox:before {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0); }
      .label-switch input[type="checkbox"]:checked + .checkbox:after {
        left: 22px; }

.tooltip-item {
  background: white;
  border-radius: 3px;
  border: 1px solid #ddd;
  display: inline-block;
  padding: 0.5em 1em;
  position: relative;
  text-align: center; }
  .tooltip-item p {
    color: #333;
    line-height: 1.5;
    margin: 0; }
  .tooltip-item:focus,
  .tooltip-item:hover .tooltip {
    opacity: 1;
    visibility: visible; }
  .tooltip-item .tooltip {
    position: absolute;
    right: 0;
    bottom: 3em;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: white;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px silver;
            box-shadow: 0 2px 2px silver;
    color: #333;
    font-size: 0.9em;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 16em;
    opacity: 0;
    padding: 1em;
    text-align: center;
    visibility: hidden;
    z-index: 10; }
    .tooltip-item .tooltip p {
      margin-bottom: 0; }
    .tooltip-item .tooltip:after {
      position: absolute;
      right: 0;
      left: 0;
      border: 8px solid transparent;
      bottom: -1.3em;
      color: white;
      content: '▼';
      font-size: 1.4em;
      margin-left: -8px;
      text-align: center;
      text-shadow: 0 2px 2px silver; }

article.type-system-geometric {
  text-align: left; }
  article.type-system-geometric h1, article.type-system-geometric h2, article.type-system-geometric h3, article.type-system-geometric p {
    margin: 0; }
  article.type-system-geometric hr {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1.5em 0; }
  article.type-system-geometric p {
    color: #333;
    line-height: 1.5; }
  article.type-system-geometric a {
    color: var(--color-primary);
    text-decoration: none; }
  article.type-system-geometric::after {
    clear: both;
    content: "";
    display: table; }
  article.type-system-geometric .type {
    border-bottom: 1px solid;
    display: inline-block;
    font-family: "Questrial", sans-serif;
    font-size: 0.7em;
    font-weight: 800;
    margin-bottom: 2em;
    padding: 0.3em 0;
    text-align: left;
    text-transform: uppercase; }
  article.type-system-geometric h1 {
    font-family: "Sanchez", serif;
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 0.5em; }
    @media screen and (min-width: 40em) {
      article.type-system-geometric h1 {
        font-size: 2.6em; } }
  article.type-system-geometric h2 {
    font-family: "Sanchez", serif;
    font-size: 1.2em;
    font-style: italic;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 1.1em; }
    @media screen and (min-width: 40em) {
      article.type-system-geometric h2 {
        font-size: 1.3em; } }
  article.type-system-geometric code {
    background: #F7F7F7;
    border-radius: 4.5px;
    border: 1px solid #E0E0E0;
    font-size: 0.7em;
    font-style: normal;
    padding: 0.1em 0.4em;
    white-space: nowrap; }
  article.type-system-geometric h3 {
    font-family: "Sanchez", serif;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 0.4em; }
  article.type-system-geometric p.date {
    color: rgba(51, 51, 51, 0.4);
    font-family: "Sanchez", serif;
    font-size: 0.9em;
    font-style: italic;
    margin-bottom: 0.3em; }
  article.type-system-geometric p {
    font-family: "Questrial", sans-serif;
    font-size: 1.05em;
    line-height: 1.5em;
    margin-bottom: 1.5em; }
  article.type-system-geometric a.read-more {
    display: inline-block;
    font-family: "Questrial", sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    margin-left: 0.2em;
    position: relative;
    text-transform: uppercase; }
    article.type-system-geometric a.read-more span {
      font-family: "Questrial", sans-serif;
      font-size: 1.5em;
      font-style: normal;
      position: absolute;
      right: -12px;
      top: -1px; }
  article.type-system-geometric hr {
    width: 3em; }
  article.type-system-geometric p.author {
    font-family: "Questrial", sans-serif; }

article.type-system-rounded {
  text-align: left; }
  article.type-system-rounded h1, article.type-system-rounded h2, article.type-system-rounded h3, article.type-system-rounded p {
    margin: 0; }
  article.type-system-rounded hr {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1.5em 0; }
  article.type-system-rounded p {
    color: #333;
    line-height: 1.5; }
  article.type-system-rounded a {
    color: var(--color-primary);
    text-decoration: none; }
  article.type-system-rounded::after {
    clear: both;
    content: "";
    display: table; }
  article.type-system-rounded .type {
    border-bottom: 1px solid;
    display: inline-block;
    font-family: "Nunito", sans-serif;
    font-size: 0.7em;
    font-weight: 800;
    margin-bottom: 2em;
    padding: 0.3em 0;
    text-align: left;
    text-transform: uppercase; }
  article.type-system-rounded h1 {
    font-family: "Varela Round", sans-serif;
    font-size: 1.8em;
    margin-bottom: 0.5em; }
    @media screen and (min-width: 40em) {
      article.type-system-rounded h1 {
        font-size: 2.4em; } }
  article.type-system-rounded h2 {
    font-family: "Varela Round", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 0.9em; }
    @media screen and (min-width: 40em) {
      article.type-system-rounded h2 {
        font-size: 1.4em; } }
  article.type-system-rounded code {
    background: #F7F7F7;
    border-radius: 4.5px;
    border: 1px solid #E0E0E0;
    font-family: monaco;
    font-size: 0.7em;
    font-style: normal;
    padding: 0.1em 0.4em;
    white-space: nowrap; }
  article.type-system-rounded h3 {
    font-family: "Varela Round", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 0.4em; }
  article.type-system-rounded p.date {
    color: rgba(51, 51, 51, 0.4);
    font-family: "Nunito", sans-serif;
    font-size: 0.9em;
    margin-bottom: 0.3em; }
  article.type-system-rounded p {
    font-family: "Nunito", sans-serif;
    font-size: 1.05em;
    font-weight: 300;
    line-height: 1.4em;
    margin-bottom: 1.5em; }
    article.type-system-rounded p span {
      font-family: "Varela Round", sans-serif;
      font-size: 0.8em;
      text-transform: uppercase; }
  article.type-system-rounded a.read-more {
    display: inline-block;
    font-family: "Varela Round", sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    margin-left: 0.2em;
    position: relative;
    text-transform: uppercase; }
    article.type-system-rounded a.read-more span {
      font-size: 1.5em;
      position: absolute;
      right: -12px;
      top: -1px; }
  article.type-system-rounded hr {
    width: 3em; }
  article.type-system-rounded p.author {
    font-family: "Nunito", sans-serif; }

article.type-system-sans {
  text-align: left; }
  article.type-system-sans h1, article.type-system-sans h2, article.type-system-sans h3, article.type-system-sans p {
    margin: 0; }
  article.type-system-sans hr {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1.5em 0; }
  article.type-system-sans p {
    color: #333;
    line-height: 1.5; }
  article.type-system-sans a {
    color: var(--color-primary);
    text-decoration: none; }
  article.type-system-sans::after {
    clear: both;
    content: "";
    display: table; }
  article.type-system-sans .type {
    border-bottom: 1px solid;
    display: inline-block;
    font-family: "Titillium Web", sans-serif;
    font-size: 0.7em;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 2em;
    padding: 0.1em 0;
    text-align: left;
    text-transform: uppercase; }
  article.type-system-sans h1 {
    font-family: "Titillium Web", sans-serif;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 0.6em; }
    @media screen and (min-width: 40em) {
      article.type-system-sans h1 {
        font-size: 2.4em; } }
  article.type-system-sans h2 {
    font-family: "PT Sans", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 1.2em; }
    @media screen and (min-width: 40em) {
      article.type-system-sans h2 {
        font-size: 1.4em; } }
  article.type-system-sans code {
    background: #F7F7F7;
    border-radius: 4.5px;
    border: 1px solid #E0E0E0;
    font-family: monaco;
    font-size: 0.65em;
    font-style: normal;
    padding: 0.1em 0.4em;
    white-space: nowrap; }
  article.type-system-sans h3 {
    font-family: "Titillium Web", sans-serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 0.5em;
    text-transform: uppercase; }
  article.type-system-sans p.date {
    color: rgba(51, 51, 51, 0.4);
    font-family: "PT Sans", sans-serif;
    font-size: 0.8em;
    margin-bottom: 0.5em; }
  article.type-system-sans p {
    font-family: "PT Sans", sans-serif;
    font-weight: 300;
    letter-spacing: 1;
    margin-bottom: 1.5em; }
    article.type-system-sans p span {
      font-family: "PT Sans", sans-serif;
      font-size: 0.8em;
      font-weight: 600;
      text-transform: uppercase; }
  article.type-system-sans hr {
    width: 3em; }
  article.type-system-sans a.read-more {
    display: inline-block;
    font-family: "PT Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    margin-left: 0.2em;
    position: relative;
    text-transform: uppercase; }
    article.type-system-sans a.read-more span {
      font-size: 1.7em;
      position: absolute;
      right: -10px;
      top: -2px; }
  article.type-system-sans p.author {
    font-family: "PT Sans", sans-serif;
    font-style: italic; }

article.type-system-serif {
  text-align: left; }
  article.type-system-serif h1, article.type-system-serif h2, article.type-system-serif h3, article.type-system-serif p {
    margin: 0; }
  article.type-system-serif hr {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1.5em 0; }
  article.type-system-serif p {
    color: #333;
    line-height: 1.5; }
  article.type-system-serif a {
    color: var(--color-primary);
    text-decoration: none; }
  article.type-system-serif::after {
    clear: both;
    content: "";
    display: table; }
  article.type-system-serif .type {
    border-bottom: 1px solid;
    display: inline-block;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 0.7em;
    font-weight: 700;
    margin-bottom: 2em;
    padding: 0.3em 0;
    text-align: left;
    text-transform: uppercase; }
  article.type-system-serif h1 {
    font-family: "Lusitana", serif;
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 0.5em; }
    @media screen and (min-width: 40em) {
      article.type-system-serif h1 {
        font-size: 2.6em; } }
  article.type-system-serif h2 {
    font-family: "Merriweather", serif;
    font-size: 1em;
    font-style: italic;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 0.9em; }
    @media screen and (min-width: 40em) {
      article.type-system-serif h2 {
        font-size: 1.2em; } }
  article.type-system-serif code {
    background: #F7F7F7;
    border-radius: 4.5px;
    border: 1px solid #E0E0E0;
    font-family: monaco;
    font-size: 0.75em;
    font-style: normal;
    padding: 0.1em 0.4em;
    white-space: nowrap; }
  article.type-system-serif h3 {
    font-family: "Lusitana", serif;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: .4em; }
  article.type-system-serif p.date {
    color: rgba(51, 51, 51, 0.4);
    font-family: "Merriweather", serif;
    font-size: 0.9em;
    font-style: italic;
    margin-bottom: 0.3em; }
  article.type-system-serif p {
    font-family: "Merriweather", serif;
    font-size: 0.9em;
    line-height: 1.6em;
    margin-bottom: 1.5em; }
    article.type-system-serif p span {
      font-family: "Merriweather Sans", sans-serif;
      font-weight: 700; }
  article.type-system-serif a.read-more {
    display: inline-block;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    margin-left: 0.2em;
    position: relative;
    text-transform: uppercase; }
    article.type-system-serif a.read-more span {
      font-family: "Lusitana", serif;
      font-size: 1.5em;
      font-style: normal;
      position: absolute;
      right: -12px;
      top: -1px; }
  article.type-system-serif hr {
    width: 3em; }
  article.type-system-serif p.author {
    font-family: "Merriweather", serif;
    font-style: italic; }

article.type-system-slab {
  text-align: left; }
  article.type-system-slab h1, article.type-system-slab h2, article.type-system-slab h3, article.type-system-slab p {
    margin: 0; }
  article.type-system-slab hr {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1.5em 0; }
  article.type-system-slab p {
    color: #333;
    line-height: 1.5; }
  article.type-system-slab a {
    color: var(--color-primary);
    text-decoration: none; }
  article.type-system-slab::after {
    clear: both;
    content: "";
    display: table; }
  article.type-system-slab .type {
    border-bottom: 1px solid;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 0.7em;
    font-weight: 600;
    margin-bottom: 2em;
    padding: 0.1em 0;
    text-align: left;
    text-transform: uppercase; }
  article.type-system-slab h1 {
    font-family: "Roboto Slab", serif;
    font-size: 1.6em;
    font-weight: 400;
    margin-bottom: 0.6em; }
    @media screen and (min-width: 40em) {
      article.type-system-slab h1 {
        font-size: 2.4em; } }
  article.type-system-slab h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 1.2em; }
    @media screen and (min-width: 40em) {
      article.type-system-slab h2 {
        font-size: 1.3em; } }
  article.type-system-slab code {
    background: #F7F7F7;
    border-radius: 4.5px;
    border: 1px solid #E0E0E0;
    font-size: 0.8em;
    font-style: normal;
    padding: 0.1em 0.4em;
    white-space: nowrap; }
  article.type-system-slab h3 {
    font-family: "Roboto Slab", serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 0.5em;
    text-transform: uppercase; }
  article.type-system-slab p.date {
    color: rgba(51, 51, 51, 0.4);
    font-family: "Roboto Slab", serif;
    font-size: 0.8em;
    margin-bottom: 0.5em; }
  article.type-system-slab p {
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    letter-spacing: 1;
    margin-bottom: 1.5em; }
    article.type-system-slab p span {
      font-family: "Open Sans", sans-serif;
      font-size: 0.8em;
      font-weight: 600;
      text-transform: uppercase; }
  article.type-system-slab a.read-more {
    display: inline-block;
    font-family: "Roboto Slab", serif;
    font-size: 0.8em;
    font-weight: 700;
    margin-left: 0.2em;
    position: relative;
    text-transform: uppercase; }
    article.type-system-slab a.read-more span {
      font-size: 1.8em;
      position: absolute;
      right: -12px;
      top: -2px; }
  article.type-system-slab hr {
    width: 3em; }
  article.type-system-slab p.author {
    font-family: "Roboto Slab", serif; }

article.type-system-traditional {
  text-align: left; }
  article.type-system-traditional h1, article.type-system-traditional h2, article.type-system-traditional h3, article.type-system-traditional p {
    margin: 0; }
  article.type-system-traditional hr {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1.5em 0; }
  article.type-system-traditional p {
    color: #333;
    line-height: 1.5; }
  article.type-system-traditional a {
    color: var(--color-primary);
    text-decoration: none; }
  article.type-system-traditional::after {
    clear: both;
    content: "";
    display: table; }
  article.type-system-traditional .type {
    border-bottom: 2px solid;
    display: inline-block;
    font-family: "Noto Sans", sans-serif;
    font-size: .7em;
    font-weight: 800;
    margin-bottom: 2em;
    padding: .1em 0;
    text-align: left;
    text-transform: uppercase; }
  article.type-system-traditional h1 {
    font-family: "Radley", serif;
    font-size: 1.9em;
    font-weight: 700;
    margin-bottom: 0.3em; }
    @media screen and (min-width: 40em) {
      article.type-system-traditional h1 {
        font-size: 2.6em; } }
  article.type-system-traditional h2 {
    font-family: "Radley", serif;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.25em;
    margin-bottom: .9em; }
    @media screen and (min-width: 40em) {
      article.type-system-traditional h2 {
        font-size: 1.5em; } }
  article.type-system-traditional code {
    background: #F7F7F7;
    border-radius: 4.5px;
    border: 1px solid #E0E0E0;
    font-size: 0.75em;
    font-style: normal;
    padding: 0.1em 0.4em;
    white-space: nowrap; }
  article.type-system-traditional h2 code {
    font-size: 0.65em; }
  article.type-system-traditional h3 {
    font-family: "Radley", serif;
    font-size: 1.4em;
    font-style: italic;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 0.4em; }
  article.type-system-traditional p.date {
    color: rgba(51, 51, 51, 0.4);
    font-family: "Radley", serif;
    font-style: italic;
    margin-bottom: .3em; }
  article.type-system-traditional p {
    font-family: "Noto Sans", sans-serif;
    letter-spacing: 1;
    line-height: 1.55em;
    margin-bottom: 1.5em; }
    article.type-system-traditional p span {
      font-family: "Radley", serif;
      font-size: 1.2em;
      font-style: italic; }
  article.type-system-traditional a.read-more {
    display: inline-block;
    font-family: "Noto Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    margin-left: 0.2em;
    position: relative;
    text-transform: uppercase; }
    article.type-system-traditional a.read-more span {
      font-family: "Noto Sans", sans-serif;
      font-size: 1.5em;
      font-style: normal;
      position: absolute;
      right: -12px;
      top: -1px; }
  article.type-system-traditional hr {
    width: 3em; }
  article.type-system-traditional p.author {
    font-family: "Radley", serif;
    font-size: 1.2em;
    font-style: italic; }


@-webkit-keyframes fade {
  from {
    opacity: 0.999; }
  to {
    opacity: 1; } }

@keyframes fade {
  from {
    opacity: 0.999; }
  to {
    opacity: 1; } }

.align-to-right {
  float: right; }

.no-scroll {
  -ms-touch-action: none;
      touch-action: none;
  overflow-x: hidden; }

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.1
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1); }

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
        transform: scale(0.9); }

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
        transform: scale(0.8);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
        transform: rotate(4deg); }

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    -ms-transform: scale(1.1) rotate(4deg);
        transform: scale(1.1) rotate(4deg); }

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
        transform: translateY(-8px); }

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
        transform: translateY(8px); }

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
        transform: skew(-10deg); }

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
      transform-origin: 0 100%; }
  .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
        transform: skew(-10deg); }

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
      transform-origin: 0 100%; }
  .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
        transform: skew(10deg); }

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
      transform-origin: 0 100%; }
  .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
      transform-origin: 100% 0; }
  .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
        transform: translateX(8px); }

/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
        transform: translateX(-8px); }

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color; }
  .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
    background-color: #2098D1;
    color: white; }

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75); } }

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75); } }

.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color; }
  .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098D1;
    background-color: #2098d1;
    color: white; }

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
        transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white; }
    .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1); }

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
        transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
    color: white; }
    .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1); }

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
        transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
    color: white; }
    .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1); }

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
        transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
    color: white; }
    .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1); }

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
        transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
    color: white; }
    .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
        transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
    color: white; }
    .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
        transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
    color: white; }
    .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
        transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
    color: white; }
    .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
    color: white; }
    .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
      -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2); }

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
        transform: scale(2);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
    color: white; }
    .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0); }

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
    color: white; }
    .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0); }

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
    color: white; }
    .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
        transform: scaleX(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
        transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
    color: white; }
    .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
      -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0); }

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
        transform: scaleX(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
        transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: white; }
    .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1); }

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
        transform: scaleY(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
        transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
    color: white; }
    .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
      -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0); }

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
        transform: scaleY(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
        transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
    color: white; }
    .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1); }

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
  -webkit-box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */ }
  .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
    -webkit-box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */ }

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */ }
  .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
    background: none; }

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-trim:before {
    content: '';
    position: absolute;
    border: white solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
  .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
    opacity: 1; }

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s; }
  .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out; }

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; } }

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; } }

.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s; }
  .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in; }

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left; }
  .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px; }

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left; }
  .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1; }

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius; }
  .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
    border-radius: 1em; }

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; }
  .hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
    right: 0; }

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; }
  .hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 0;
    right: 0; }

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; }
  .hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
    left: 0; }

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; }
  .hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
    right: 0; }

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; }
  .hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
    left: 0;
    right: 0; }

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; }
  .hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
    left: 0; }

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; }
  .hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098D1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
    border-width: 4px; }

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; }
  .hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
        transform: translateY(4px);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0); }

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; }
  .hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
        transform: translateY(-4px);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0); }

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow; }
  .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow; }
  .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); }

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  -webkit-transition-property: -webkit-box-shadow, -webkit-transform;
  transition-property: -webkit-box-shadow, -webkit-transform;
  transition-property: box-shadow, transform;
  transition-property: box-shadow, transform, -webkit-box-shadow, -webkit-transform; }
  .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1); }

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow; }
  .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */ }
  .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
    -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
            box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */ }

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform; }
  .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    /* move the element up by 5px */ }
    .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
      opacity: 1;
      -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px);
      /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ }

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-shadow-radial:before, .hvr-shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
  .hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }
  .hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }
  .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
    opacity: 1; }

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent; }
  .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
        transform: translateY(-10px); }

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1; }
  .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
        transform: translateX(10px); }

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent; }
  .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
        transform: translateY(10px); }

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent; }
  .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
        transform: translateX(-10px); }

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
        transform: translateY(10px); }
    .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px); }

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
        transform: translateX(-10px); }
    .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
          transform: translateX(10px); }

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
        transform: translateY(-10px); }
    .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px); }

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
        transform: translateX(10px); }
    .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
      -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px); }

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s; }
  .hvr-icon-back .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
        transform: translateX(-4px); }

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s; }
  .hvr-icon-forward .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
        transform: translateX(4px); }

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-icon-down .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-icon-up .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-icon-spin .hvr-icon {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  .hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
        transform: rotate(360deg); }

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  51%,
  100% {
    opacity: 1; } }

@keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  51%,
  100% {
    opacity: 1; } }

/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-icon-drop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-icon-fade .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color;
    transition-property: color; }
  .hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
    color: #0F9E5E; }

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); } }

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); } }

/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-icon-float-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em); } }

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em); } }

/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-icon-sink-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0); }

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
        transform: scale(0.8); }

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-icon-pulse .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-icon-pulse-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  .hvr-icon-pulse-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-push .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }

@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }

.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-pop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-bounce .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
        transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
        transform: rotate(20deg); }

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-grow-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
    -webkit-transform: scale(1.5) rotate(12deg);
    -ms-transform: scale(1.5) rotate(12deg);
        transform: scale(1.5) rotate(12deg); }

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-float .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
        transform: translateY(-4px); }

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-sink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
        transform: translateY(4px); }

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-bob .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-hang .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-wobble-horizontal .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-wobble-vertical .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-buzz .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-buzz-out .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: -webkit-linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
    /*For IE7-8-9*/
    z-index: 1000;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
    width: 25px;
    height: 25px; }

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: -webkit-linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
            box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
    width: 25px;
    height: 25px; }

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: -webkit-linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
            box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
    width: 25px;
    height: 25px; }

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative; }
  .hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: -webkit-linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
            box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
    width: 25px;
    height: 25px; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
/* @font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; } */

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

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

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

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

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

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

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/* _FONTS.SCSS
 * --------------------------------------------------
 *  Font declarations
 * -------------------------------------------------- */

/* body {
  background-color: #efefef; } */

h1 {
  font-size: 1.8em;
  color: var(--color-primary); }

h2 {
  font-size: 1.6em; }

h3 {
  font-size: 1.3em; }

h4 {
  font-size: 1.2em;
  font-weight: bold; }

h5 {
  font-size: 1em; }

.underline {
  text-decoration: underline; }

.hero-copy h1,
.hero-copy h2,
.hero-copy h3,
.hero-copy h4,
.hero-copy h5,
.hero-copy p {
  color: #ffffff; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  background-color: transparent;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-weight: 300; }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: var(--color-primary) !important; }

.center {
  margin: auto;
  width: 99%; }

.nav-menu .digital-banking {
  display: none !important;
  visibility: hidden; }

.nav-menu li.mainbar {
  width: 18.5%; }

.nav-menu li.mainbar:nth-child(5) {
  width: 26%; }

@media screen and (max-width: 1024px) {
  .nav-menu li.mainbar {
    width: 100% !important; }
  .nav-menu .digital-banking {
    display: inline-block !important;
    visibility: visible; } }

@media screen and (max-width: 530px) {
  .nav-menu li.mainbar {
    width: 100% !important; }
  .nav-menu .digital-banking {
    display: inline-block !important;
    visibility: visible; }
  .nav-menu li.mainbar:nth-child(5) {
    width: 100%; } }

@media screen and (min-width: 532px) and (max-width: 590px) {
  .nav-menu li.mainbar {
    width: 100% !important; }
  .nav-menu li.mainbar:nth-child(5) {
    width: 100%; }
  .nav-menu .digital-banking {
    display: inline-block !important;
    visibility: visible; } }

@media screen and (min-width: 531px) and (max-width: 1000px) {
  .nav-menu li.mainbar {
    width: 100% !important; }
  .nav-menu li.mainbar:nth-child(5) {
    width: 100%; }
  .nav-menu .digital-banking {
    display: inline-block !important;
    visibility: visible; } }

.cards-tn {
  background: #c0e3f9; }
  .cards-tn .content {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    padding: 3em; }
    .cards-tn .content::after {
      clear: both;
      content: "";
      display: table; }
    .cards-tn .content h2 {
      text-align: center;
      font-size: 1.3em; }
    .cards-tn .content li {
      display: list-item;
      list-style-type: disc; }

section.content {
  /* background-color: #efefef; */
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 3em;
  position: relative; }
  section.content::after {
    clear: both;
    content: "";
    display: table; }
  section.content #notfound {
    text-align: center; }
  section.content ul {
    margin-top: 1em;
    margin-left: 1em; }
    section.content ul li {
      display: list-item;
      list-style-type: disc; }
  section.content a[href$=".pdf"]::after {
    content: "";
    margin-left: 10px;
    display: inline-block;
    background-size: 15px 15px;
    background-image: url("../images/pdficon.png");
    background-position: bottom;
    width: 15px;
    height: 15px; }
  section.content .pdf {
    font-size: 0.8em;
    font-weight: 300;
    color: #999; }
    section.content .pdf::after {
      content: "";
      margin-left: 5px;
      display: inline-block;
      background-size: 12px 12px;
      background-image: url("../images/pdficon.png");
      background-position: bottom;
      width: 12px;
      height: 12px; }
  section.content .pdf-l {
    font-size: 0.8em;
    font-weight: 300;
    color: #999; }
    section.content .pdf-l::after {
      content: "";
      margin-left: 5px;
      display: inline-block;
      background-size: 20px 20px;
      background-image: url("../images/pdficon.png");
      background-position: bottom;
      width: 20px;
      height: 20px; }
  section.content a,
  section.content span {
    color: var(--color-primary); }
    /* section.content a:hover {
      text-decoration: underline; } */
      /* section.content a.button {
        background-color: transparent;
        border: 1px solid var(--color-primary);
        color: var(--color-primary);
        font-weight: 300;
        padding: 0.7em 1em;
        line-height: 1.2em;
        max-width: 250px; }
        section.content a.button.right {
          float: right; }
        section.content a.button.mt {
          margin-top: 1em; }
        section.content a.button:focus, section.content a.button:hover {
          background-color: var(--color-primary) !important;
          color: white;
          text-decoration: none; } */
      section.content a.button.red {
        background-color: transparent;
        border: 1px solid #af0b1c;
        color: #af0b1c;
        font-weight: 300;
        padding: 0.7em 1em;
        line-height: 1.2em;
        max-width: 250px; }
        section.content a.button.red.right {
          float: right; }
        section.content a.button.red.mt {
          margin-top: 1em; }
        section.content a.button.red:focus, section.content a.button.red:hover {
          background-color: #af0b1c !important;
          color: white;
          text-decoration: none; }
      section.content a.button.green {
        background-color: transparent;
        border: 1px solid #95A800;
        color: #95A800;
        font-weight: 300;
        padding: 0.7em 1em;
        line-height: 1.2em;
        max-width: 250px; }
        section.content a.button.green.right {
          float: right; }
        section.content a.button.green.mt {
          margin-top: 1em; }
        section.content a.button.green:focus, section.content a.button.green:hover {
          background-color: #95A800 !important;
          color: white;
          text-decoration: none; }
      section.content a.button.yellow {
        background-color: transparent;
        border: 1px solid #FFD400;
        color: #FFD400;
        font-weight: 300;
        padding: 0.7em 1em;
        line-height: 1.2em;
        max-width: 250px; }
        section.content a.button.yellow.right {
          float: right; }
        section.content a.button.yellow.mt {
          margin-top: 1em; }
        section.content a.button.yellow:focus, section.content a.button.yellow:hover {
          background-color: #FFD400 !important;
          color: white;
          text-decoration: none; }
      section.content a.button.pink {
        background-color: transparent;
        border: 1px solid #D40139;
        color: #D40139;
        font-weight: 300;
        padding: 0.7em 1em;
        line-height: 1.2em;
        max-width: 250px; }
        section.content a.button.pink.right {
          float: right; }
        section.content a.button.pink.mt {
          margin-top: 1em; }
        section.content a.button.pink:focus, section.content a.button.pink:hover {
          background-color: #D40139 !important;
          color: white;
          text-decoration: none; }
      section.content a.button.purple {
        background-color: transparent;
        border: 1px solid #69007D;
        color: #69007D;
        font-weight: 300;
        padding: 0.7em 1em;
        line-height: 1.2em;
        max-width: 250px; }
        section.content a.button.purple.right {
          float: right; }
        section.content a.button.purple.mt {
          margin-top: 1em; }
        section.content a.button.purple:focus, section.content a.button.purple:hover {
          background-color: #69007D !important;
          color: white;
          text-decoration: none; }
  section.content hr.dashed {
    padding: 0;
    border-color: #444444;
    border-style: dashed; }
  section.content .personalbanking-list .left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    padding: 0.5em 0; }
    section.content .personalbanking-list .left:last-child {
      margin-right: 0; }
  section.content .personalbanking-list .right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    padding: 0.5em 0; }
    section.content .personalbanking-list .right:last-child {
      margin-right: 0; }
    section.content .personalbanking-list .right:nth-child(2n) {
      margin-right: 0; }
    section.content .personalbanking-list .right:nth-child(2n+1) {
      clear: left; }
    section.content .personalbanking-list .right ul {
      list-style-type: disc; }
  section.content .fraud-instructions {
    padding-bottom: 1em; }
    section.content .fraud-instructions .left {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding: 0.5em 0; }
      section.content .fraud-instructions .left:last-child {
        margin-right: 0; }
    section.content .fraud-instructions .right {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding: 0.5em 0; }
      section.content .fraud-instructions .right:last-child {
        margin-right: 0; }
      section.content .fraud-instructions .right:nth-child(2n) {
        margin-right: 0; }
      section.content .fraud-instructions .right:nth-child(2n+1) {
        clear: left; }
      section.content .fraud-instructions .right ul {
        list-style-type: disc; }
    section.content .fraud-instructions .main {
      clear: both;
      padding-top: 1em; }
  section.content .faqs {
    background-color: white;
    padding: 2em;
    margin-bottom: 2em; }
    section.content .faqs .title {
      border-top: 1px solid;
      font-weight: bold;
      padding: 0.75em 0 0.20em 0;
      margin-left: 0.2em;
      margin-bottom: 0.5em; }
    section.content .faqs .expander .expander-trigger {
      border: none; }
    section.content .faqs .questions {
      margin-left: 1em; }
      section.content .faqs .questions ol {
        list-style-type: upper-alpha;
        margin-left: 1em;
        margin-bottom: 2em; }
        section.content .faqs .questions ol ol {
          list-style-type: lower-alpha;
          margin-left: 2em; }
  section.content .blog .left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    padding: 1em;
    background: #fcfcfc; }
    section.content .blog .left:last-child {
      margin-right: 0; }
    section.content .blog .left .n-accordion {
      background: #fcfcfc;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
      section.content .blog .left .n-accordion ul.submenu {
        padding-left: 2.5em; }
    section.content .blog .left .blog-section {
      padding: 0;
      margin: 0;
      background: #fcfcfc;
      border: none; }
      section.content .blog .left .blog-section li {
        list-style: none;
        border-bottom: none; }
      section.content .blog .left .blog-section button {
        width: 100%;
        display: block;
        border: none;
        text-align: left;
        color: #333;
        background: transparent !important; }
        section.content .blog .left .blog-section button i {
          padding: 0 1em;
          text-align: left;
          float: left;
          width: 60%; }
          section.content .blog .left .blog-section button i span {
            font-family: 'Whitney';
            padding-left: 1em;
            font-weight: bold; }
        section.content .blog .left .blog-section button .type {
          width: 20%;
          float: right;
          text-align: left; }
        section.content .blog .left .blog-section button .date {
          float: right;
          white-space: normal;
          width: 20%;
          text-align: left; }
      section.content .blog .left .blog-section button:hover {
        background: transparent !important;
        color: var(--color-primary); }
      section.content .blog .left .blog-section .submenu {
        padding-top: 0;
        padding-left: 3em;
        margin-top: 10px; }
      section.content .blog .left .blog-section li.blog-article {
        background: #fcfcfc;
        border-top: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-bottom: 1px solid #ccc;
        padding-bottom: 1em;
        margin-bottom: 1em; }
        section.content .blog .left .blog-section li.blog-article::after {
          clear: both;
          content: "";
          display: table; }
        section.content .blog .left .blog-section li.blog-article .blog-thumb {
          width: 100px;
          height: 85px;
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 23.23176%; }
          section.content .blog .left .blog-section li.blog-article .blog-thumb:last-child {
            margin-right: 0; }
        section.content .blog .left .blog-section li.blog-article .blog-list {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 74.41059%; }
          section.content .blog .left .blog-section li.blog-article .blog-list:last-child {
            margin-right: 0; }
          section.content .blog .left .blog-section li.blog-article .blog-list:nth-child(2n) {
            margin-right: 0; }
          section.content .blog .left .blog-section li.blog-article .blog-list:nth-child(2n+1) {
            clear: left; }
          section.content .blog .left .blog-section li.blog-article .blog-list .blog-date {
            font-weight: 600; }
    section.content .blog .left .blog-article .blog-cd-bar {
      font-size: 0.9em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      section.content .blog .left .blog-article .blog-cd-bar .blog-category, section.content .blog .left .blog-article .blog-cd-bar .blog-date {
        width: 20%; }
    section.content .blog .left .blog-article .blog-header .blog-title {
      padding: 2em 0 0em;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      font-size: 1.5em; }
    section.content .blog .left .blog-article .blog-header .blog-author {
      font-size: 0.9em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%; }
    section.content .blog .left .blog-article .blog-img img {
      border-radius: 5px;
      max-width: 100%;
      height: auto; }
    section.content .blog .left .blog-article .blog-img .blog-img-desc {
      padding: 0.5em 1em 1em; }
      section.content .blog .left .blog-article .blog-img .blog-img-desc p {
        font-style: italic; }
    section.content .blog .left .blog-article .blog-body p {
      padding: 0.5em 0; }
  section.content .blog .right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    section.content .blog .right:last-child {
      margin-right: 0; }
    section.content .blog .right:nth-child(2n) {
      margin-right: 0; }
    section.content .blog .right:nth-child(2n+1) {
      clear: left; }
    section.content .blog .right .search {
      background: #fcfcfc;
      margin: 0 10px 10px; }
    section.content .blog .right .popular, section.content .blog .right .category, section.content .blog .right .archives {
      background: #fcfcfc;
      margin: 20px 10px;
      padding: 1em;
      height: 15em; }
      section.content .blog .right .popular ul, section.content .blog .right .category ul, section.content .blog .right .archives ul {
        height: 9em;
        overflow: auto; }
        section.content .blog .right .popular ul li, section.content .blog .right .category ul li, section.content .blog .right .archives ul li {
          padding: 0.5em; }
        > section.content .blog .right .popular ul.archives-list li, > section.content .blog .right .category ul.archives-list li, > section.content .blog .right .archives ul.archives-list li {
          display: inline; }
  section.content .cards-sb {
    background: white;
    padding-bottom: 2em;
    margin-bottom: 2em; }
    section.content .cards-sb h3 {
      color: var(--color-primary);
      margin-top: 1.5em;
      margin-bottom: 0.3em; }
    section.content .cards-sb li {
      display: list-item;
      list-style-type: disc; }
    section.content .cards-sb .left {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%;
      padding: 2em; }
      section.content .cards-sb .left:last-child {
        margin-right: 0; }
    section.content .cards-sb .right {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 74.41059%;
      padding: 2em; }
      section.content .cards-sb .right:last-child {
        margin-right: 0; }
      section.content .cards-sb .right:nth-child(2n) {
        margin-right: 0; }
      section.content .cards-sb .right:nth-child(2n+1) {
        clear: left; }
  section.content .cards-h {
    background: white;
    padding: 2em 3em 4em 3em;
    margin-bottom: 2em; }
    section.content .cards-h h2 {
      margin-top: 1.5em;
      margin-bottom: 3em;
      text-align: center; }
    section.content .cards-h h3 {
      color: var(--color-primary);
      margin-bottom: 0.3em;
      font-size: 1.35em; }
    section.content .cards-h li {
      display: list-item;
      list-style-type: disc; }
    section.content .cards-h .left {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding: 2em;
      border: #b7b9bb solid 1px; }
      section.content .cards-h .left:last-child {
        margin-right: 0; }
    section.content .cards-h .right {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding: 2em;
      border: #b7b9bb solid 1px; }
      section.content .cards-h .right:last-child {
        margin-right: 0; }
      section.content .cards-h .right:nth-child(2n) {
        margin-right: 0; }
      section.content .cards-h .right:nth-child(2n+1) {
        clear: left; }
    section.content .cards-h .box-content .header {
      margin: auto; }
      section.content .cards-h .box-content .header img {
        max-height: 80px;
        float: left;
        padding-right: 20px; }
    section.content .cards-h .box-content .content {
      margin: auto;
      padding-top: 30px;
      padding-right: 20px;
      text-align: left;
      font-size: 0.7 em; }
  section.content .quarterlyReports {
    margin: auto;
    width: 80%; }
    section.content .quarterlyReports .main-slider-container {
      position: relative;
      margin: 0 auto; }
    section.content .quarterlyReports .slider-container {
      width: 100%;
      overflow: hidden; }
    section.content .quarterlyReports ul {
      position: relative;
      margin: 0;
      padding: 0; }
    section.content .quarterlyReports .slider-container li {
      list-style-type: none;
      position: relative;
      float: left; }
    section.content .quarterlyReports .disable-link {
      pointer-events: none; }
    section.content .quarterlyReports .prev {
      left: -60px;
      background: url(../images/prev.html); }
    section.content .quarterlyReports .next {
      right: -60px;
      background: url(../images/next.html); }
    section.content .quarterlyReports .disable-link.prev {
      background: none; }
    section.content .quarterlyReports .disable-link.next {
      background: none; }
    section.content .quarterlyReports .crousel-navigation {
      position: absolute;
      top: 110px;
      width: 50px;
      height: 50px; }
    section.content .quarterlyReports .slider-container h3,
    section.content .quarterlyReports .slider-container p {
      margin-left: 20px;
      margin-right: 20px; }
    section.content .quarterlyReports .slider-container p {
      width: 200px;
      display: inline-block;
      vertical-align: top; }
    section.content .quarterlyReports .slider-container .crousel-image-outer {
      margin-right: 20px;
      display: inline-block;
      width: 200px; }
    section.content .quarterlyReports table tr th,
    section.content .quarterlyReports table tr td {
      text-align: center;
      font-weight: 500; }
      section.content .quarterlyReports table tr th.title,
      section.content .quarterlyReports table tr td.title {
        font-weight: bold; }
    section.content .quarterlyReports table tr td:nth-child(1) {
      text-align: left; }
  section.content .annualReports {
    background: white;
    padding: 4em 3em 4em 3em;
    margin-bottom: 2em; }
    section.content .annualReports a {
      color: var(--color-primary); }
      section.content .annualReports a:hover {
        color: #333; }
    section.content .annualReports li {
      display: list-item;
      list-style-type: disc;
      margin-left: 1.5em; }
    section.content .annualReports hr {
      padding-top: 2em;
      margin-bottom: 3em; }
    section.content .annualReports .archived {
      display: none; }
  section.content .foreign-exchange {
    background-color: white;
    padding-bottom: 2em;
    margin-bottom: 2em; }
    section.content .foreign-exchange .left {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding: 2em; }
      section.content .foreign-exchange .left:last-child {
        margin-right: 0; }
      section.content .foreign-exchange .left ul {
        padding: 0.5em 2em; }
      section.content .foreign-exchange .left li {
        display: list-item;
        list-style-type: disc;
        padding: 0.3em 0; }
    section.content .foreign-exchange .right {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding: 2em; }
      section.content .foreign-exchange .right:last-child {
        margin-right: 0; }
      section.content .foreign-exchange .right:nth-child(2n) {
        margin-right: 0; }
      section.content .foreign-exchange .right:nth-child(2n+1) {
        clear: left; }
      section.content .foreign-exchange .right table th.title {
        background-color: var(--color-primary);
        text-align: center !important;
        vertical-align: baseline;
        font-size: 18px;
        color: white; }
      section.content .foreign-exchange .right table tr.sub {
        background-color: #999;
        text-align: center !important;
        vertical-align: baseline;
        color: white; }
        section.content .foreign-exchange .right table tr.sub th {
          padding: 7px;
          text-align: center; }
      section.content .foreign-exchange .right table td {
        text-align: center;
        padding: 0.4em 0; }
  section.content .calculator {
    background-color: white;
    padding-bottom: 2em;
    margin-bottom: 2em; }
    section.content .calculator .left {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding: 2em; }
      section.content .calculator .left:last-child {
        margin-right: 0; }
    section.content .calculator .right {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      section.content .calculator .right:last-child {
        margin-right: 0; }
      section.content .calculator .right:nth-child(2n) {
        margin-right: 0; }
      section.content .calculator .right:nth-child(2n+1) {
        clear: left; }
      section.content .calculator .right .result {
        margin: 2em;
        background-color: #ccc;
        padding: 2em; }
      section.content .calculator .right .summary {
        margin: 0 2em; }
  section.content .calculator .result {
    text-align: center;
    font-size: 18px;
    color: #af1c0b;
    font-weight: 900;
    line-height: 20px;
    padding-top: 15px; }
  section.content .calculator .result .resultAmount {
    font-size: 24px;
    line-height: 32px; }
  section.content .btnCalculate {
    cursor: pointer; }
  section.content .line {
    border-top: 1px solid #D6D6D6; }
  section.content .summary {
    display: none; }
  section.content .summary .title {
    font-size: 12px;
    font-weight: bold;
    color: #af1c0b; }
  section.content .messageBoxWrapper {
    position: absolute;
    width: 608px;
    display: none; }
  section.content .messageBox {
    width: 240px;
    border: 1px solid #EFEFEF;
    background-color: #fff;
    margin: 25px auto 0 auto; }
  section.content .messageBox .btnClose {
    text-align: right;
    font-weight: 900;
    margin: 10px;
    color: #909090;
    cursor: pointer; }
  section.content .messageBox .message {
    margin: 0 20px 15px 20px; }
  section.content .messageBox .btnOK {
    padding: 5px 0;
    width: 70px;
    background-color: #E0E0E0;
    color: #333;
    font-weight: 900;
    text-align: center;
    margin: 0 auto 15px auto;
    cursor: pointer; }
  section.content .newssearch {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    background-color: #ffffff; }
    section.content .newssearch:last-child {
      margin-right: 0; }
    section.content .newssearch .newsfilter {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%;
      padding: 1em;
      text-align: left; }
      section.content .newssearch .newsfilter:last-child {
        margin-right: 0; }
      section.content .newssearch .newsfilter button {
        background-color: white;
        border: 1px solid var(--color-primary);
        color: var(--color-primary);
        font-weight: 300; }
      section.content .newssearch .newsfilter button:hover {
        background-color: #888 !important; }
  section.content .resultsearch {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 1em;
    text-align: left;
    clear: both; }
    section.content .resultsearch:last-child {
      margin-right: 0; }
    section.content .resultsearch .searchfilter {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%; }
      section.content .resultsearch .searchfilter:last-child {
        margin-right: 0; }
    section.content .resultsearch .searchbutton {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 14.70196%; }
      section.content .resultsearch .searchbutton:last-child {
        margin-right: 0; }
      section.content .resultsearch .searchbutton button {
        background-color: white;
        border: 1px solid var(--color-primary);
        color: var(--color-primary);
        font-weight: 300; }
      section.content .resultsearch .searchbutton button:hover {
        background-color: #888 !important; }
  section.content .newslist,
  section.content .resultlist {
    background-color: #fff; }
  section.content .generic {
    background: white;
    padding: 4em 3em 4em 3em;
    margin-bottom: 2em; }
  section.content .generic .expander a {
    text-decoration: none; }
  section.content .generic .expander a:hover {
    font-weight: bold; }
  section.content .generic .expander.center {
    width: 100%;
    text-align: center; }
  section.content .generic .expander.left {
    width: 100%;
    text-align: left; }
  section.content .generic .expander.right {
    width: 100%;
    text-align: right; }
    section.content .newslist ul,
    section.content .resultlist ul {
      clear: both;
      padding-top: 1em;
      margin-bottom: 1em;
      padding-bottom: 1em; }
      section.content .newslist ul li,
      section.content .resultlist ul li {
        list-style-type: none !important;
        padding: 0.5em;
        margin: 1em;
        border-bottom: #C7C7C7 1px solid; }
        section.content .newslist ul li .title,
        section.content .resultlist ul li .title {
          font-weight: 700;
          font-size: 1.1em;
          color: var(--color-primary); }
        section.content .newslist ul li .description a:hover,
        section.content .resultlist ul li .description a:hover {
          font-weight: 700; }
  section.content .expander-content {
    padding-left: 2em; }
  section.content .small_description {
    color: #999;
    font-size: 0.7em; }
  section.content .select-css {
    display: block;
    font-size: 15px;
    font-family: sans-serif;
    font-weight: 500;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
            box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%237f7f7f%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%237f7f7f%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%237f7f7f%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%; }
  section.content .select-css::-ms-expand {
    display: none; }
  section.content .select-css:hover {
    border-color: #888; }
  section.content .select-css:focus {
    border-color: #aaa;
    -webkit-box-shadow: 0 0 1px 1px rgba(193, 66, 66, 0.7);
            box-shadow: 0 0 1px 1px rgba(193, 66, 66, 0.7);
    box-shadow: 0 0 0 1px -moz-mac-focusring;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #222;
    outline: none; }
  section.content .select-css option {
    font-weight: normal; }
  section.content ul.execteamlist {
    margin: 0;
    margin-top: 1em;
    border-top: 1px solid #C7C7C7; }
    section.content ul.execteamlist.accordion li {
      list-style-type: none;
      margin: 0;
      padding: 0; }
    section.content ul.execteamlist .bioimage {
      float: left;
      width: 200px;
      height: 200px;
      border: #c7c7c7 solid 0.8em;
      margin: 1em 2em 2em 1em; }
    section.content ul.execteamlist .bio {
      min-height: 250px;
      padding: 1em; }
    section.content ul.execteamlist li {
      clear: both; }
    section.content ul.execteamlist .submenu {
      margin: 0;
      padding: 0; }
    section.content ul.execteamlist .execteamlist_item {
      padding: 0.2em;
      border-bottom: 1px solid #C7C7C7; }
      section.content ul.execteamlist .execteamlist_item button {
        width: 100%;
        display: block;
        border: none;
        text-align: left;
        color: #333;
        background: transparent !important; }
        section.content ul.execteamlist .execteamlist_item button .name {
          width: 10em;
          float: left; }
        section.content ul.execteamlist .execteamlist_item button i {
          padding: 0 5em;
          text-align: center;
          float: left; }
        section.content ul.execteamlist .execteamlist_item button svg {
          margin: 0 5em;
          text-align: center;
          float: left; }
        section.content ul.execteamlist .execteamlist_item button .title {
          float: left;
          white-space: normal;
          width: 33em; }
      section.content ul.execteamlist .execteamlist_item button:hover {
        background: transparent !important;
        color: var(--color-primary); }
    section.content ul.execteamlist .is-expanded button {
      background: transparent !important;
      color: var(--color-primary); }
  section.content .fraud-body {
    padding: 1.2em;
    background-color: #4d4d4d;
    color: white;
    clear: both;
    display: inline-block;
    width: 100%; }
    section.content .fraud-body .col1 {
      float: left;
      width: 60%; }
    section.content .fraud-body .col2 {
      float: right;
      width: 20%; }
    section.content .fraud-body .col3 {
      float: right;
      width: 20%; }
  section.content .fraudalertlist {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    border-top: 1px solid #C7C7C7;
    margin: 1em 0; }
    section.content .fraudalertlist:last-child {
      margin-right: 0; }
    section.content .fraudalertlist li {
      clear: both;
      border: none;
      list-style-type: none;
      margin: 0; }
    section.content .fraudalertlist .bioimage {
      float: left;
      width: 200px;
      height: 200px;
      border: #c7c7c7 solid 0.8em;
      margin: 1em 2em 2em 1em; }
    section.content .fraudalertlist .bio {
      min-height: 250px;
      padding: 1em; }
    section.content .fraudalertlist ul.submenu {
      margin: 0;
      padding: 0; }
      section.content .fraudalertlist ul.submenu li {
        margin: 0;
        padding: 0 0 1em 1em; }
      section.content .fraudalertlist ul.submenu .detail {
        padding: 1em 2em; }
        section.content .fraudalertlist ul.submenu .detail ul {
          list-style: initial !important;
          list-style-type: initial !important; }
          section.content .fraudalertlist ul.submenu .detail ul li {
            list-style-type: disc !important;
            margin-left: 2em;
            list-style: disc #444;
            border: none;
            -webkit-box-shadow: none;
                    box-shadow: none; }
    section.content .fraudalertlist .fraudalertlist_item {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      padding: 0.2em;
      border-bottom: 1px solid #C7C7C7; }
      section.content .fraudalertlist .fraudalertlist_item:last-child {
        margin-right: 0; }
      section.content .fraudalertlist .fraudalertlist_item button {
        width: 100%;
        display: block;
        border: none;
        text-align: left;
        color: #333;
        background: transparent !important; }
        section.content .fraudalertlist .fraudalertlist_item button i {
          padding: 0 1em;
          text-align: left;
          float: left;
          width: 60%; }
          section.content .fraudalertlist .fraudalertlist_item button i span {
            font-family: 'Whitney';
            padding-left: 1em;
            font-weight: bold; }
        section.content .fraudalertlist .fraudalertlist_item button .type {
          width: 20%;
          float: right;
          text-align: left; }
        section.content .fraudalertlist .fraudalertlist_item button .date {
          float: right;
          white-space: normal;
          width: 20%;
          text-align: left; }
      section.content .fraudalertlist .fraudalertlist_item button:hover {
        background: transparent !important;
        color: var(--color-primary); }
    section.content .fraudalertlist .is-expanded button {
      background: transparent !important;
      color: var(--color-primary); }
  section.content .contactlist {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin: 1em 0; }
    section.content .contactlist:last-child {
      margin-right: 0; }
    section.content .contactlist .detail {
      padding: 1em 2em; }
    section.content .contactlist li {
      clear: both;
      border: none;
      list-style-type: none;
      margin: 0; }
    section.content .contactlist table {
      margin: 0em; }
      section.content .contactlist table td:nth-child(1) {
        width: 60%;
        padding-left: 4em; }
      section.content .contactlist table td:nth-child(2) {
        width: 40%;
        padding-right: 2em;
        text-align: right; }
      section.content .contactlist table tr:nth-child(odd) {
        background: #C7C7C7; }
      section.content .contactlist table tr:nth-child(even) {
        background: #FFFFFF; }
    section.content .contactlist .note {
      font-size: 0.9em;
      padding: 1em 2em 1em 4.5em; }
    section.content .contactlist table.social {
      margin: 0em; }
      section.content .contactlist table.social td:nth-child(1) {
        width: 30%;
        padding-left: 4em; }
      section.content .contactlist table.social td:nth-child(2) {
        width: 40%;
        padding-right: 2em;
        text-align: left; }
    section.content .contactlist .questions {
      padding: 1em 4em;
      border: none; }
      section.content .contactlist .questions .expander {
        padding: 0.5em 0em;
        border: none; }
        section.content .contactlist .questions .expander ol, section.content .contactlist .questions .expander ul {
          border: none 0px !important;
          background: transparent; }
          section.content .contactlist .questions .expander ol li, section.content .contactlist .questions .expander ul li {
            border: none;
            -webkit-box-shadow: none;
                    box-shadow: none; }
        section.content .contactlist .questions .expander li {
          padding: 0.2em 0; }
    section.content .contactlist ul.submenu {
      margin: 0;
      padding: 0; }
      section.content .contactlist ul.submenu li {
        margin: 0;
        padding: 0 0 1em 3em;
        border-bottom: 1px solid #C7C7C7;
        overflow: auto; }
        section.content .contactlist ul.submenu li:nth-child(odd) {
          background: light-gray; }
        section.content .contactlist ul.submenu li:nth-child(even) {
          background: #ffffff; }
        section.content .contactlist ul.submenu li .contact_entry {
          white-space: normal;
          padding: 1em;
          margin-bottom: 0.5em; }
          section.content .contactlist ul.submenu li .contact_entry .contact_description {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 48.82117%;
            white-space: normal; }
            section.content .contactlist ul.submenu li .contact_entry .contact_description:last-child {
              margin-right: 0; }
          section.content .contactlist ul.submenu li .contact_entry .contact_detail {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 48.82117%;
            text-align: right; }
            section.content .contactlist ul.submenu li .contact_entry .contact_detail:last-child {
              margin-right: 0; }
            section.content .contactlist ul.submenu li .contact_entry .contact_detail:nth-child(2n) {
              margin-right: 0; }
            section.content .contactlist ul.submenu li .contact_entry .contact_detail:nth-child(2n+1) {
              clear: left; }
          section.content .contactlist ul.submenu li .contact_entry .social_media {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 31.76157%; }
            section.content .contactlist ul.submenu li .contact_entry .social_media:last-child {
              margin-right: 0; }
          section.content .contactlist ul.submenu li .contact_entry .social_media_twitter {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 31.76157%; }
            section.content .contactlist ul.submenu li .contact_entry .social_media_twitter:last-child {
              margin-right: 0; }
          section.content .contactlist ul.submenu li .contact_entry .social_media_facebook {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 31.76157%; }
            section.content .contactlist ul.submenu li .contact_entry .social_media_facebook:last-child {
              margin-right: 0; }
    section.content .contactlist .contactlist_item {
      padding: 0.2em; }
      section.content .contactlist .contactlist_item button {
        width: 100%;
        display: block;
        border: none;
        text-align: left;
        color: #333;
        background: transparent !important; }
        section.content .contactlist .contactlist_item button i {
          padding: 0 1em;
          text-align: left;
          float: left;
          width: 60%; }
          section.content .contactlist .contactlist_item button i span {
            font-family: 'Whitney';
            padding-left: 1em;
            font-weight: bold; }
        section.content .contactlist .contactlist_item button .type {
          width: 20%;
          float: right;
          text-align: left; }
        section.content .contactlist .contactlist_item button .date {
          float: right;
          white-space: normal;
          width: 20%;
          text-align: left; }
      section.content .contactlist .contactlist_item button:hover {
        background: transparent !important;
        color: var(--color-primary); }
    section.content .contactlist .is-expanded button {
      background: transparent !important;
      color: var(--color-primary); }
  section.content .faqlist {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin: 1em 0; }
    section.content .faqlist:last-child {
      margin-right: 0; }
    section.content .faqlist .detail {
      padding: 1em 2em; }
    section.content .faqlist li {
      clear: both;
      border: none;
      list-style-type: none;
      margin: 0; }
    section.content .faqlist .questions {
      padding: 1em;
      border: none; }
      section.content .faqlist .questions .expander {
        padding: 0.5em 0em;
        border: none; }
        section.content .faqlist .questions .expander a {
          text-decoration: none; }
          section.content .faqlist .questions .expander a:hover {
            font-weight: bold; }
        section.content .faqlist .questions .expander ol,
        section.content .faqlist .questions .expander ul {
          border: none 0px !important;
          background: transparent; }
          section.content .faqlist .questions .expander ol li,
          section.content .faqlist .questions .expander ul li {
            border: none;
            -webkit-box-shadow: none;
                    box-shadow: none; }
        section.content .faqlist .questions .expander li {
          padding: 0.2em 0; }
    section.content .faqlist ul.submenu {
      margin: 0;
      padding: 0; }
      section.content .faqlist ul.submenu li {
        margin: 0;
        padding: 0 0 1em 3em;
        border-bottom: 1px solid #C7C7C7;
        overflow: auto; }
        section.content .faqlist ul.submenu li:nth-child(odd) {
          background: light-gray; }
        section.content .faqlist ul.submenu li:nth-child(even) {
          background: #ffffff; }
    section.content .faqlist .faqlist_item {
      padding: 0.2em; }
      section.content .faqlist .faqlist_item button {
        width: 100%;
        display: block;
        border: none;
        text-align: left;
        color: #333;
        background: transparent !important; }
        section.content .faqlist .faqlist_item button i {
          padding: 0 1em;
          text-align: left;
          float: left;
          width: 60%; }
          section.content .faqlist .faqlist_item button i span {
            font-family: 'Whitney';
            padding-left: 1em;
            font-weight: bold; }
        section.content .faqlist .faqlist_item button .type {
          width: 20%;
          float: right;
          text-align: left; }
        section.content .faqlist .faqlist_item button .date {
          float: right;
          white-space: normal;
          width: 20%;
          text-align: left; }
      section.content .faqlist .faqlist_item button:hover {
        background: transparent !important;
        color: var(--color-primary); }
    section.content .faqlist .is-expanded button {
      background: transparent !important;
      color: var(--color-primary); }
  section.content .chargelist {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-top: 1em;
    padding-top: 1em; }
    section.content .chargelist:last-child {
      margin-right: 0; }
    section.content .chargelist .chargelist_item {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding: 0.2em;
      border-top: 1px solid #C7C7C7; }
      section.content .chargelist .chargelist_item:nth-child(2n) {
        margin-right: 0; }
      section.content .chargelist .chargelist_item:nth-child(2n+1) {
        clear: left; }
      section.content .chargelist .chargelist_item:last-child {
        margin-right: 0; }
      section.content .chargelist .chargelist_item button {
        width: 100%;
        border: none;
        text-align: left;
        color: #333; }
        section.content .chargelist .chargelist_item button i {
          float: right;
          text-align: right; }
      section.content .chargelist .chargelist_item button:hover {
        background: transparent !important;
        color: var(--color-primary); }
    section.content .chargelist .chargelist_item:nth-child(15) {
      border-bottom: 1px solid #C7C7C7; }
    section.content .chargelist .chargelist_item:nth-child(16) {
      border-bottom: 1px solid #C7C7C7; }
  section.content .bhnav {
    margin-top: 2em;
    margin-bottom: 0.5em;
    text-align: right; }
    section.content .bhnav .notice {
      background-color: #fcd400;
      padding: 0.5em 2em 0.5em 2em;
      text-align: center !important; }
  section.content .branchlist {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-top: 1em;
    padding-top: 1em; }
    section.content .branchlist:last-child {
      margin-right: 0; }
    section.content .branchlist .branchlist_item {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding: 1em;
      border-top: 1px solid #C7C7C7; }
      section.content .branchlist .branchlist_item:nth-child(2n) {
        margin-right: 0; }
      section.content .branchlist .branchlist_item:nth-child(2n+1) {
        clear: left; }
      section.content .branchlist .branchlist_item:last-child {
        margin-right: 0; }
      section.content .branchlist .branchlist_item .flag {
        width: 1.5em;
        margin-right: 1em; }
      section.content .branchlist .branchlist_item button {
        width: 100%;
        border: none;
        text-align: left;
        color: #333; }
        section.content .branchlist .branchlist_item button i {
          float: right;
          text-align: right; }
      section.content .branchlist .branchlist_item button:hover {
        background: transparent !important;
        color: var(--color-primary); }
    section.content .branchlist .branchlist_item:nth-child(15) {
      border-bottom: 1px solid #C7C7C7; }
    section.content .branchlist .branchlist_item:nth-child(16) {
      border-bottom: 1px solid #C7C7C7; }
  section.content .branchdetail {
    background-color: white;
    padding-bottom: 2em;
    margin-bottom: 2em;
    -ms-transform-origin-x: h2;
      -ms-transform-origin-x-color: var(--color-primary); }
    section.content .branchdetail .left {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding: 2em; }
      section.content .branchdetail .left:last-child {
        margin-right: 0; }
    section.content .branchdetail .right {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding: 2em; }
      section.content .branchdetail .right:last-child {
        margin-right: 0; }
      section.content .branchdetail .right:nth-child(2n) {
        margin-right: 0; }
      section.content .branchdetail .right:nth-child(2n+1) {
        clear: left; }
      section.content .branchdetail .right .notices {
        padding-top: 2em; }
    section.content .branchdetail .googlemap {
      height: 30.5em; }
    section.content .branchdetail .locationbox {
      border: #ddd 1px solid;
      font-size: 0.8em;
      line-height: 1em; }
      section.content .branchdetail .locationbox #countrydetail {
        font-size: 1.2em;
        margin-left: 1em;
        line-height: 1.2em; }
      section.content .branchdetail .locationbox .locationsection,
      section.content .branchdetail .locationbox .locationsection-l, section.content .branchdetail .locationbox .locationsection-s, section.content .branchdetail .locationbox .locationsection-s1 {
        overflow-y: scroll;
        height: 29.5em;
        padding: 1em; }
        section.content .branchdetail .locationbox .locationsection #noticesdata li,
        section.content .branchdetail .locationbox .locationsection-l #noticesdata li, section.content .branchdetail .locationbox .locationsection-s #noticesdata li, section.content .branchdetail .locationbox .locationsection-s1 #noticesdata li {
          list-style-type: disc;
          padding: 0.5em;
          margin-left: 1em;
          line-height: 1.5em; }
          section.content .branchdetail .locationbox .locationsection #noticesdata li .pdf,
          section.content .branchdetail .locationbox .locationsection-l #noticesdata li .pdf, section.content .branchdetail .locationbox .locationsection-s #noticesdata li .pdf, section.content .branchdetail .locationbox .locationsection-s1 #noticesdata li .pdf {
            white-space: nowrap; }
            section.content .branchdetail .locationbox .locationsection #noticesdata li a,
            section.content .branchdetail .locationbox .locationsection-l #noticesdata li a, section.content .branchdetail .locationbox .locationsection-s #noticesdata li a, section.content .branchdetail .locationbox .locationsection-s1 #noticesdata li a  {
            color: var(--color-primary);
            font-size: 1.2em; }
        section.content .branchdetail .locationbox .locationsection #remotedata li,
        section.content .branchdetail .locationbox .locationsection-l #remotedata li, section.content .branchdetail .locationbox .locationsection-s #remotedata li, section.content .branchdetail .locationbox .locationsection-s1 #remotedata li {
          list-style-type: none;
          padding: 0em;
          line-height: 1.5em; }
          section.content .branchdetail .locationbox .locationsection #remotedata li .pdf,
          section.content .branchdetail .locationbox .locationsection-l #remotedata li .pdf, section.content .branchdetail .locationbox .locationsection-s #remotedata li .pdf, section.content .branchdetail .locationbox .locationsection-s1 #remotedata li .pdf {
            white-space: nowrap; }
        section.content .branchdetail .locationbox .locationsection #remotedata li a,
        section.content .branchdetail .locationbox .locationsection-l #remotedata li a, section.content .branchdetail .locationbox .locationsection-s #remotedata li a, section.content .branchdetail .locationbox .locationsection-s1 #remotedata li a {
            color: var(--color-primary);
            font-size: 1.2em; }
        section.content .branchdetail .locationbox .locationsection #branchdata li,
        section.content .branchdetail .locationbox .locationsection-l #branchdata li, section.content .branchdetail .locationbox .locationsection-s #branchdata li, section.content .branchdetail .locationbox .locationsection-s1 #branchdata li {
          list-style-type: none;
          padding: 0em;
          line-height: 1.5em; }
          section.content .branchdetail .locationbox .locationsection #branchdata li .pdf,
          section.content .branchdetail .locationbox .locationsection-l #branchdata li .pdf, section.content .branchdetail .locationbox .locationsection-s #branchdata li .pdf, section.content .branchdetail .locationbox .locationsection-s1 #branchdata li .pdf {
            white-space: nowrap; }
          section.content .branchdetail .locationbox .locationsection #branchdata li a,
          section.content .branchdetail .locationbox .locationsection-l #branchdata li a, section.content .branchdetail .locationbox .locationsection-s #branchdata li a, section.content .branchdetail .locationbox .locationsection-s1 #branchdata li a {
            color: var(--color-primary);
            font-size: 1em; }
        section.content .branchdetail .locationbox .locationsection li h3,
        section.content .branchdetail .locationbox .locationsection-l li h3, section.content .branchdetail .locationbox .locationsection-s li h3, section.content .branchdetail .locationbox .locationsection-s1 li h3 {
          font-size: 1em;
          color: var(--color-primary);
          text-transform: uppercase; }
          section.content .branchdetail .locationbox .locationsection li h3::before,
          section.content .branchdetail .locationbox .locationsection-l li h3::before, section.content .branchdetail .locationbox .locationsection-s li h3::before, section.content .branchdetail .locationbox .locationsection-s1 li h3::before {
            content: "\f041";
            font-weight: 400;
            font-family: "fontawesome";
            line-height: 1em;
            padding-right: 5px;
            position: relative;
            left: -3px; }
        section.content .branchdetail .locationbox .locationsection li .officelistdetail,
        section.content .branchdetail .locationbox .locationsection-l li .officelistdetail, section.content .branchdetail .locationbox .locationsection-s li .officelistdetail, section.content .branchdetail .locationbox .locationsection-s1 li .officelistdetail {
          border-bottom: #ddd solid 1px;
          padding-left: 1em;
          padding-bottom: 1em;
          margin-bottom: 1em; }
      section.content .branchdetail .locationbox .locationsection-l {
        height: 33.6em; }
      section.content .branchdetail .locationbox .locationsection-s {
        height: 8.5em; }
      section.content .branchdetail .locationbox .locationsection-s1 {
        height: 16.5em; }
      section.content .branchdetail .locationbox .left2 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        section.content .branchdetail .locationbox .left2:last-child {
          margin-right: 0; }
        section.content .branchdetail .locationbox .left2 a {
          white-space: nowrap;
          color: var(--color-primary);
          text-decoration: underline; }
      section.content .branchdetail .locationbox .right2 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        section.content .branchdetail .locationbox .right2:last-child {
          margin-right: 0; }
        section.content .branchdetail .locationbox .right2:nth-child(2n) {
          margin-right: 0; }
        section.content .branchdetail .locationbox .right2:nth-child(2n+1) {
          clear: left; }
        section.content .branchdetail .locationbox .right2 .banking-hours {
          padding-top: 1em; }
        section.content .branchdetail .locationbox .right2 a {
          white-space: nowrap;
          color: var(--color-primary);
          text-decoration: underline; }
        section.content .branchdetail .locationbox .right2 .bm-email::after {
          content: "\f003";
          font-weight: 400;
          font-family: "fontawesome";
          line-height: 1em;
          position: relative;
          right: -5px;
          color: #333333;
          font-size: 1em; }
  section.content .home-intro article {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    text-align: center !important; }
    section.content .home-intro article:last-child {
      margin-right: 0; }
  section.content .list1 {
    padding: 1em;
    background-color: white;
    margin-bottom: 1.5em;
    list-style-type: none !important; }
    section.content .list1 .content {
      border: 1px solid #85898D;
      color: var(--color-primary);
      padding: 1em;
      min-height: 4.8em;
      white-space: nowrap;
      line-height: 2.4em; }
      section.content .list1 .content button {
        float: right; }
        section.content .d-grid-e2 .col1 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 48.82117%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-e2 .col1:last-child {
            margin-right: 0; }
        section.content .d-grid-e2 .col2 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 48.82117%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-e2 .col2:last-child {
            margin-right: 0; }
          section.content .d-grid-e2 .col2:nth-child(2n) {
            margin-right: 0; }
          section.content .d-grid-e2 .col2:nth-child(2n+1) {
            clear: left; }
        section.content .d-grid-e3 .col1 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 31.76157%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-e3 .col1:last-child {
            margin-right: 0; }
        section.content .d-grid-e3 .col2 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 31.76157%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-e3 .col2:last-child {
            margin-right: 0; }
          section.content .d-grid-e3 .col2:nth-child(3n) {
            margin-right: 0; }
          section.content .d-grid-e3 .col2:nth-child(3n+1) {
            clear: left; }
        section.content .d-grid-e3 .col3 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 31.76157%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-e3 .col3:last-child {
            margin-right: 0; }
          section.content .d-grid-e3 .col3:nth-child(3n) {
            margin-right: 0; }
          section.content .d-grid-e3 .col3:nth-child(3n+1) {
            clear: left; }
        section.content .d-grid-e4 .col1 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 23.23176%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-e4 .col1:last-child {
            margin-right: 0; }
        section.content .d-grid-e4 .col2 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 23.23176%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-e4 .col2:last-child {
            margin-right: 0; }
          section.content .d-grid-e4 .col2:nth-child(4n) {
            margin-right: 0; }
          section.content .d-grid-e4 .col2:nth-child(4n+1) {
            clear: left; }
        section.content .d-grid-e4 .col3 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 23.23176%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-e4 .col3:last-child {
            margin-right: 0; }
          section.content .d-grid-e4 .col3:nth-child(4n) {
            margin-right: 0; }
          section.content .d-grid-e4 .col3:nth-child(4n+1) {
            clear: left; }
        section.content .d-grid-e4 .col4 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 23.23176%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-e4 .col4:last-child {
            margin-right: 0; }
          section.content .d-grid-e4 .col4:nth-child(4n) {
            margin-right: 0; }
          section.content .d-grid-e4 .col4:nth-child(4n+1) {
            clear: left; }
        section.content .d-grid-4-8 .col1 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 31.76157%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-4-8 .col1:last-child {
            margin-right: 0; }
        section.content .d-grid-4-8 .col2 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 65.88078%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-4-8 .col2:last-child {
            margin-right: 0; }
          section.content .d-grid-4-8 .col2:nth-child(2n) {
            margin-right: 0; }
          section.content .d-grid-4-8 .col2:nth-child(2n+1) {
            clear: left; }
        section.content .d-grid-8-4 .col1 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 65.88078%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-8-4 .col1:last-child {
            margin-right: 0; }
        section.content .d-grid-8-4 .col2 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 31.76157%;
          padding: 1em;
          position: relative; }
          section.content .d-grid-8-4 .col2:last-child {
            margin-right: 0; }
          section.content .d-grid-8-4 .col2:nth-child(2n) {
            margin-right: 0; }
          section.content .d-grid-8-4 .col2:nth-child(2n+1) {
            clear: left; }
  @media screen and (min-width: 531px) and (max-width: 1000px) {
    section.content .contactlist {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      section.content .contactlist:last-child {
        margin-right: 0; }
      section.content .contactlist .detail {
        padding: 1em 2em; }
      section.content .contactlist li {
        clear: both;
        border: none;
        list-style-type: none;
        margin: 0; }
      section.content .contactlist .note {
        font-size: 0.9em;
        padding: 1em 2em 1em 4.5em;
        text-align: left; }
      section.content .contactlist .questions {
        padding: 1em 4em;
        border: none; }
        section.content .contactlist .questions .expander {
          padding: 0.5em 0em;
          border: none; }
          section.content .contactlist .questions .expander ol, section.content .contactlist .questions .expander ul {
            border: none 0px !important;
            background: transparent; }
            section.content .contactlist .questions .expander ol li, section.content .contactlist .questions .expander ul li {
              border: none;
              -webkit-box-shadow: none;
                      box-shadow: none; }
          section.content .contactlist .questions .expander li {
            padding: 0.2em 0; }
      section.content .contactlist ul.submenu {
        margin: 0;
        padding: 0; }
        section.content .contactlist ul.submenu li {
          margin: 0;
          padding: 0 0 1em 3em;
          clear: both;
          border-bottom: 1px solid #C7C7C7; }
          section.content .contactlist ul.submenu li .contact_entry {
            clear: both;
            padding: 1em;
            margin-bottom: 0.5em; }
            section.content .contactlist ul.submenu li .contact_entry .contact_description {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 48.82117%;
              padding-top: 1em; }
              section.content .contactlist ul.submenu li .contact_entry .contact_description:last-child {
                margin-right: 0; }
            section.content .contactlist ul.submenu li .contact_entry .contact_detail {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 48.82117%;
              padding-top: 1em;
              text-align: right; }
              section.content .contactlist ul.submenu li .contact_entry .contact_detail:last-child {
                margin-right: 0; }
            section.content .contactlist ul.submenu li .contact_entry .social_media {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 100%;
              padding-top: 1em; }
              section.content .contactlist ul.submenu li .contact_entry .social_media:last-child {
                margin-right: 0; }
            section.content .contactlist ul.submenu li .contact_entry .social_media_twitter {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 100%;
              padding-top: 1em; }
              section.content .contactlist ul.submenu li .contact_entry .social_media_twitter:last-child {
                margin-right: 0; }
            section.content .contactlist ul.submenu li .contact_entry .social_media_facebook {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 100%;
              padding-top: 1em;
              text-align: left; }
              section.content .contactlist ul.submenu li .contact_entry .social_media_facebook:last-child {
                margin-right: 0; }
      section.content .contactlist .contactlist_item {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        padding: 0.2em; }
        section.content .contactlist .contactlist_item:last-child {
          margin-right: 0; }
        section.content .contactlist .contactlist_item button {
          width: 100%;
          display: block;
          border: none;
          text-align: left;
          color: #333;
          background: transparent !important; }
          section.content .contactlist .contactlist_item button i {
            padding: 0 1em;
            text-align: left;
            float: left;
            width: 60%; }
            section.content .contactlist .contactlist_item button i span {
              font-family: 'Whitney';
              padding-left: 1em;
              font-weight: bold; }
          section.content .contactlist .contactlist_item button .type {
            width: 20%;
            float: right;
            text-align: left; }
          section.content .contactlist .contactlist_item button .date {
            float: right;
            white-space: normal;
            width: 20%;
            text-align: left; }
        section.content .contactlist .contactlist_item button:hover {
          background: transparent !important;
          color: var(--color-primary); }
      section.content .contactlist .is-expanded button {
        background: transparent !important;
        color: var(--color-primary); }
    section.content .branchdetail .left {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      padding: 2em; }
      section.content .branchdetail .left:last-child {
        margin-right: 0; }
    section.content .branchdetail .right {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      padding: 2em; }
      section.content .branchdetail .right:last-child {
        margin-right: 0; }
      section.content .branchdetail .right:nth-child(2n) {
        margin-right: 0; }
      section.content .branchdetail .right:nth-child(2n+1) {
        clear: left; }
    section.content .officelistdetail .left2 {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      section.content .officelistdetail .left2:last-child {
        margin-right: 0; }
    section.content .officelistdetail .right2 {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      clear: both;
      padding-top: 1em; }
      section.content .officelistdetail .right2:last-child {
        margin-right: 0; }
    section.content .cards-sb .left {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%;
      padding: 2em; }
      section.content .cards-sb .left:last-child {
        margin-right: 0; }
    section.content .cards-sb .right {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%;
      padding: 2em; }
      section.content .cards-sb .right:last-child {
        margin-right: 0; }
      section.content .cards-sb .right:nth-child(2n) {
        margin-right: 0; }
      section.content .cards-sb .right:nth-child(2n+1) {
        clear: left; }
    section.content .cards-h .left {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      padding: 2em;
      border: #b7b9bb solid 1px; }
      section.content .cards-h .left:last-child {
        margin-right: 0; }
    section.content .cards-h .right {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      margin-top: 3em;
      padding: 2em;
      border: #b7b9bb solid 1px; }
      section.content .cards-h .right:last-child {
        margin-right: 0; }
      section.content .cards-h .right:nth-child(2n) {
        margin-right: 0; }
      section.content .cards-h .right:nth-child(2n+1) {
        clear: left; }
    section.content .cards-h .box-content .header {
      margin: auto; }
      section.content .cards-h .box-content .header img {
        max-height: 80px;
        float: left;
        padding-right: 20px; }
    section.content .cards-h .box-content .content {
      margin: auto;
      padding-top: 30px;
      padding-right: 20px;
      text-align: left;
      font-size: 0.7 em; }
    section.content .execteamlist {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      margin-top: 1em;
      border-top: 1px solid #C7C7C7; }
      section.content .execteamlist:last-child {
        margin-right: 0; }
      section.content .execteamlist .execteamlist_item {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        padding: 0.2em;
        border-bottom: 1px solid #C7C7C7; }
        section.content .execteamlist .execteamlist_item:last-child {
          margin-right: 0; }
        section.content .execteamlist .execteamlist_item button {
          width: 100%;
          display: block;
          border: none;
          text-align: left;
          color: #333;
          white-space: normal; }
          section.content .execteamlist .execteamlist_item button .name {
            width: 15em;
            float: left; }
          section.content .execteamlist .execteamlist_item button i {
            padding: 0;
            text-align: center;
            display: block; }
            section.content .execteamlist .execteamlist_item button i::before {
              content: "\A";
              white-space: pre; }
          section.content .execteamlist .execteamlist_item button .title {
            font-weight: 400;
            font-size: 0.8em;
            margin-top: 0.5em; }
        section.content .execteamlist .execteamlist_item button:hover {
          background: transparent !important;
          color: var(--color-primary); }
    section.content .fraud-body {
      padding: 1.2em;
      background-color: #4d4d4d;
      color: white;
      clear: both;
      display: inline-block;
      width: 100%; }
      section.content .fraud-body .col1 {
        float: left;
        width: 80%; }
      section.content .fraud-body .col2 {
        float: right;
        width: 20%; }
      section.content .fraud-body .col3 {
        display: none; }
    section.content .fraudalertlist {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      border-top: 1px solid #C7C7C7;
      font-size: 0.9em; }
      section.content .fraudalertlist:last-child {
        margin-right: 0; }
      section.content .fraudalertlist .bioimage {
        float: left;
        width: 200px;
        height: 200px;
        border: #c7c7c7 solid 0.8em;
        margin: 1em 2em 2em 1em; }
      section.content .fraudalertlist .bio {
        min-height: 250px;
        padding: 1em; }
      section.content .fraudalertlist .detail {
        padding: 1em 2em; }
      section.content .fraudalertlist li {
        clear: both; }
      section.content .fraudalertlist .fraudalertlist_item {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        padding: 0.2em;
        border-bottom: 1px solid #C7C7C7;
        font-size: 0.9em; }
        section.content .fraudalertlist .fraudalertlist_item:last-child {
          margin-right: 0; }
        section.content .fraudalertlist .fraudalertlist_item button {
          width: 100%;
          display: block;
          border: none;
          text-align: left;
          color: #333;
          background: transparent !important; }
          section.content .fraudalertlist .fraudalertlist_item button i {
            padding: 0 1em;
            text-align: left;
            float: left;
            width: 80%; }
            section.content .fraudalertlist .fraudalertlist_item button i span {
              font-family: 'Whitney';
              padding-left: 1em; }
          section.content .fraudalertlist .fraudalertlist_item button .type {
            width: 20%;
            float: right;
            text-align: left; }
          section.content .fraudalertlist .fraudalertlist_item button .date {
            float: right;
            white-space: normal;
            width: 20%;
            text-align: left;
            display: none; }
        section.content .fraudalertlist .fraudalertlist_item button:hover {
          background: transparent !important;
          color: var(--color-primary); }
      section.content .fraudalertlist .is-expanded button {
        background: transparent !important;
        color: var(--color-primary); }
        section.content .d-grid-e2 .col1 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-e2 .col1:last-child {
            margin-right: 0; }
        section.content .d-grid-e2 .col2 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-e2 .col2:last-child {
            margin-right: 0; }
          section.content .d-grid-e2 .col2:nth-child(2n) {
            margin-right: 0; }
          section.content .d-grid-e2 .col2:nth-child(2n+1) {
            clear: left; }
        section.content .d-grid-e3 .col1 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-e3 .col1:last-child {
            margin-right: 0; }
        section.content .d-grid-e3 .col2 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-e3 .col2:last-child {
            margin-right: 0; }
          section.content .d-grid-e3 .col2:nth-child(3n) {
            margin-right: 0; }
          section.content .d-grid-e3 .col2:nth-child(3n+1) {
            clear: left; }
        section.content .d-grid-e3 .col3 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-e3 .col3:last-child {
            margin-right: 0; }
          section.content .d-grid-e3 .col3:nth-child(3n) {
            margin-right: 0; }
          section.content .d-grid-e3 .col3:nth-child(3n+1) {
            clear: left; }
        section.content .d-grid-e4 .col1 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-e4 .col1:last-child {
            margin-right: 0; }
        section.content .d-grid-e4 .col2 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-e4 .col2:last-child {
            margin-right: 0; }
          section.content .d-grid-e4 .col2:nth-child(4n) {
            margin-right: 0; }
          section.content .d-grid-e4 .col2:nth-child(4n+1) {
            clear: left; }
        section.content .d-grid-e4 .col3 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-e4 .col3:last-child {
            margin-right: 0; }
          section.content .d-grid-e4 .col3:nth-child(4n) {
            margin-right: 0; }
          section.content .d-grid-e4 .col3:nth-child(4n+1) {
            clear: left; }
        section.content .d-grid-e4 .col4 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-e4 .col4:last-child {
            margin-right: 0; }
          section.content .d-grid-e4 .col4:nth-child(4n) {
            margin-right: 0; }
          section.content .d-grid-e4 .col4:nth-child(4n+1) {
            clear: left; }
        section.content .d-grid-4-8 .col1 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-4-8 .col1:last-child {
            margin-right: 0; }
        section.content .d-grid-4-8 .col2 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-4-8 .col2:last-child {
            margin-right: 0; }
          section.content .d-grid-4-8 .col2:nth-child(2n) {
            margin-right: 0; }
          section.content .d-grid-4-8 .col2:nth-child(2n+1) {
            clear: left; }
        section.content .d-grid-8-4 .col1 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-8-4 .col1:last-child {
            margin-right: 0; }
        section.content .d-grid-8-4 .col2 {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          padding: 2em; }
          section.content .d-grid-8-4 .col2:last-child {
            margin-right: 0; }
          section.content .d-grid-8-4 .col2:nth-child(2n) {
            margin-right: 0; }
          section.content .d-grid-8-4 .col2:nth-child(2n+1) {
            clear: left; }
  }
  @media screen and (max-width: 530px) {
    section.content {
      padding: 2em; }
      section.content .annualReports {
        padding: 2em 1em; }
      section.content .fraud-body {
        padding: 1.2em;
        background-color: #4d4d4d;
        color: white;
        clear: both;
        display: inline-block;
        width: 100%; }
        section.content .fraud-body .col1 {
          float: left;
          width: 100%; }
        section.content .fraud-body .col2 {
          float: right;
          width: 20%;
          display: none; }
        section.content .fraud-body .col3 {
          display: none; }
      section.content .contactlist {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%; }
        section.content .contactlist:last-child {
          margin-right: 0; }
        section.content .contactlist .detail {
          padding: 1em 2em; }
        section.content .contactlist li {
          clear: both;
          border: none;
          list-style-type: none;
          margin: 0; }
        section.content .contactlist table {
          margin: 0em; }
          section.content .contactlist table td:nth-child(1) {
            width: 60%;
            padding-left: 4em; }
          section.content .contactlist table td:nth-child(2) {
            width: 40%;
            padding-right: 2em;
            text-align: right; }
          section.content .contactlist table tr:nth-child(odd) {
            background: #C7C7C7; }
          section.content .contactlist table tr:nth-child(even) {
            background: #FFFFFF; }
        section.content .contactlist .note {
          font-size: 0.9em;
          padding: 1em 2em 1em 4.5em;
          text-align: left; }
        section.content .contactlist table.social {
          margin: 0em; }
          section.content .contactlist table.social td:nth-child(1) {
            width: 30%;
            padding-left: 4em; }
          section.content .contactlist table.social td:nth-child(2) {
            width: 40%;
            padding-right: 2em;
            text-align: left; }
        section.content .contactlist .questions {
          padding: 1em 4em;
          border: none; }
          section.content .contactlist .questions .expander {
            padding: 0.5em 0em;
            border: none; }
            section.content .contactlist .questions .expander ol, section.content .contactlist .questions .expander ul {
              border: none 0px !important;
              background: transparent; }
              section.content .contactlist .questions .expander ol li, section.content .contactlist .questions .expander ul li {
                border: none;
                -webkit-box-shadow: none;
                        box-shadow: none; }
            section.content .contactlist .questions .expander li {
              padding: 0.2em 0; }
        section.content .contactlist ul.submenu {
          margin: 0;
          padding: 0; }
          section.content .contactlist ul.submenu li {
            margin: 0;
            padding: 0 0 1em 3em;
            clear: both;
            border-bottom: 1px solid #C7C7C7; }
            section.content .contactlist ul.submenu li .contact_entry {
              clear: both;
              padding: 1em;
              margin-bottom: 0.5em; }
              section.content .contactlist ul.submenu li .contact_entry .contact_description {
                float: left;
                display: block;
                margin-right: 7.42297%;
                width: 100%; }
                section.content .contactlist ul.submenu li .contact_entry .contact_description:last-child {
                  margin-right: 0; }
              section.content .contactlist ul.submenu li .contact_entry .contact_detail {
                float: left;
                display: block;
                margin-right: 7.42297%;
                width: 100%;
                padding-top: 1em;
                text-align: left; }
                section.content .contactlist ul.submenu li .contact_entry .contact_detail:last-child {
                  margin-right: 0; }
              section.content .contactlist ul.submenu li .contact_entry .social_media {
                float: left;
                display: block;
                margin-right: 7.42297%;
                width: 100%;
                padding-top: 1em; }
                section.content .contactlist ul.submenu li .contact_entry .social_media:last-child {
                  margin-right: 0; }
              section.content .contactlist ul.submenu li .contact_entry .social_media_twitter {
                float: left;
                display: block;
                margin-right: 7.42297%;
                width: 100%;
                padding-top: 1em; }
                section.content .contactlist ul.submenu li .contact_entry .social_media_twitter:last-child {
                  margin-right: 0; }
              section.content .contactlist ul.submenu li .contact_entry .social_media_facebook {
                float: left;
                display: block;
                margin-right: 7.42297%;
                width: 100%;
                padding-top: 1em; }
                section.content .contactlist ul.submenu li .contact_entry .social_media_facebook:last-child {
                  margin-right: 0; }
        section.content .contactlist .contactlist_item {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 100%;
          padding: 0.2em; }
          section.content .contactlist .contactlist_item:last-child {
            margin-right: 0; }
          section.content .contactlist .contactlist_item button {
            width: 100%;
            display: block;
            border: none;
            text-align: left;
            color: #333;
            background: transparent !important; }
            section.content .contactlist .contactlist_item button i {
              padding: 0 1em;
              text-align: left;
              float: left;
              width: 60%; }
              section.content .contactlist .contactlist_item button i span {
                font-family: 'Whitney';
                padding-left: 1em;
                font-weight: bold; }
            section.content .contactlist .contactlist_item button .type {
              width: 20%;
              float: right;
              text-align: left; }
            section.content .contactlist .contactlist_item button .date {
              float: right;
              white-space: normal;
              width: 20%;
              text-align: left; }
          section.content .contactlist .contactlist_item button:hover {
            background: transparent !important;
            color: var(--color-primary); }
        section.content .contactlist .is-expanded button {
          background: transparent !important;
          color: var(--color-primary); }
      section.content .fraudalertlist {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        border-top: 1px solid #C7C7C7; }
        section.content .fraudalertlist:last-child {
          margin-right: 0; }
        section.content .fraudalertlist .bioimage {
          float: left;
          width: 200px;
          height: 200px;
          border: #c7c7c7 solid 0.8em;
          margin: 1em 2em 2em 1em; }
        section.content .fraudalertlist .bio {
          min-height: 250px;
          padding: 1em; }
        section.content .fraudalertlist .detail {
          padding: 1em 2em;
          font-size: 0.9em; }
        section.content .fraudalertlist li {
          clear: both; }
        section.content .fraudalertlist table {
          font-size: 0.9em;
          margin: 0em; }
          section.content .fraudalertlist table th {
            text-decoration: none;
            border-bottom: transparent; }
          section.content .fraudalertlist table td {
            border-bottom: transparent; }
          section.content .fraudalertlist table td:nth-child(1) {
            padding-left: 4em; }
          section.content .fraudalertlist table td:nth-child(2) {
            width: 60%;
            padding-right: 1em;
            text-align: right; }
          section.content .fraudalertlist table tr:nth-child(odd) {
            background: transparent; }
          section.content .fraudalertlist table tr:nth-child(even) {
            background: transparent; }
        section.content .fraudalertlist table.social {
          margin: 0em; }
          section.content .fraudalertlist table.social td:nth-child(1) {
            width: 30%;
            padding-left: 4em; }
        section.content .fraudalertlist .note {
          padding-left: 4em;
          font-size: 0.9em;
          background-color: transparent;
          -webkit-margin-after: 0;
                  margin-block-end: 0;
          padding-bottom: 1em; }
        section.content .fraudalertlist .fraudalertlist_item {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 100%;
          padding: 0.2em;
          border-bottom: 1px solid #C7C7C7; }
          section.content .fraudalertlist .fraudalertlist_item:last-child {
            margin-right: 0; }
          section.content .fraudalertlist .fraudalertlist_item button {
            width: 100%;
            display: block;
            border: none;
            text-align: left;
            color: #333;
            background: transparent !important;
            white-space: normal; }
            section.content .fraudalertlist .fraudalertlist_item button i {
              padding: 0 1em;
              text-align: left;
              float: left;
              width: 100%;
              font-size: 0.9em; }
              section.content .fraudalertlist .fraudalertlist_item button i span {
                font-family: 'Whitney';
                padding-left: 1em; }
            section.content .fraudalertlist .fraudalertlist_item button .type {
              width: 20%;
              float: right;
              text-align: left;
              display: none; }
            section.content .fraudalertlist .fraudalertlist_item button .date {
              float: right;
              white-space: normal;
              width: 20%;
              text-align: left;
              display: none; }
          section.content .fraudalertlist .fraudalertlist_item button:hover {
            background: transparent !important;
            color: var(--color-primary); }
        section.content .fraudalertlist .is-expanded button {
          background: transparent !important;
          color: var(--color-primary); }
      section.content .branchdetail .left {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        padding: 2em; }
        section.content .branchdetail .left:last-child {
          margin-right: 0; }
      section.content .branchdetail .right {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        padding: 2em; }
        section.content .branchdetail .right:last-child {
          margin-right: 0; }
        section.content .branchdetail .right:nth-child(2n) {
          margin-right: 0; }
        section.content .branchdetail .right:nth-child(2n+1) {
          clear: left; }
      section.content .left2 {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%; }
        section.content .left2:last-child {
          margin-right: 0; }
      section.content .right2 {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        clear: both;
        padding-top: 1em; }
        section.content .right2:last-child {
          margin-right: 0; }
      section.content .cards-sb .left {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        padding: 2em; }
        section.content .cards-sb .left:last-child {
          margin-right: 0; }
      section.content .cards-sb .right {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        padding: 2em; }
        section.content .cards-sb .right:last-child {
          margin-right: 0; }
        section.content .cards-sb .right:nth-child(2n) {
          margin-right: 0; }
        section.content .cards-sb .right:nth-child(2n+1) {
          clear: left; }
      section.content .cards-h .left {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        padding: 2em 1em;
        border: #b7b9bb solid 1px; }
        section.content .cards-h .left:last-child {
          margin-right: 0; }
      section.content .cards-h .right {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        margin-top: 3em;
        padding: 2em 1em;
        border: #b7b9bb solid 1px; }
        section.content .cards-h .right:last-child {
          margin-right: 0; }
        section.content .cards-h .right:nth-child(2n) {
          margin-right: 0; }
        section.content .cards-h .right:nth-child(2n+1) {
          clear: left; }
      section.content .cards-h .box-content .header {
        margin: auto; }
        section.content .cards-h .box-content .header img {
          max-height: 50px;
          float: left;
          padding-right: 20px; }
        section.content .cards-h .box-content .header h3 {
          font-size: 0.9em; }
      section.content .cards-h .box-content .content {
        margin: auto;
        padding-top: 30px;
        padding-right: 10px;
        text-align: left;
        font-size: 0.7 em; }
      section.content .calculator {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        background-color: white;
        padding-bottom: 2em;
        margin-bottom: 2em; }
        section.content .calculator:last-child {
          margin-right: 0; }
        section.content .calculator .left {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 100%;
          padding: 2em; }
          section.content .calculator .left:last-child {
            margin-right: 0; }
        section.content .calculator .right {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 100%;
          margin-bottom: 2em; }
          section.content .calculator .right:last-child {
            margin-right: 0; }
          section.content .calculator .right .result {
            margin: 2em;
            background-color: #ccc;
            padding: 2em; }
          section.content .calculator .right .summary {
            margin: 0 2em; }
      section.content .foreign-exchange {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        background-color: white;
        padding-bottom: 2em;
        margin-bottom: 2em; }
        section.content .foreign-exchange:last-child {
          margin-right: 0; }
        section.content .foreign-exchange .left {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 100%;
          padding: 2em; }
          section.content .foreign-exchange .left:last-child {
            margin-right: 0; }
          section.content .foreign-exchange .left ul {
            padding: 0.5em 2em; }
          section.content .foreign-exchange .left li {
            display: list-item;
            list-style-type: disc;
            padding: 0.3em 0; }
        section.content .foreign-exchange .right {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 100%;
          margin-bottom: 2em; }
          section.content .foreign-exchange .right:last-child {
            margin-right: 0; }
          section.content .foreign-exchange .right .result {
            margin: 2em;
            background-color: #ccc;
            padding: 2em; }
          section.content .foreign-exchange .right .summary {
            margin: 0 2em; }
      section.content .newssearch {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        background-color: #ffffff; }
        section.content .newssearch:last-child {
          margin-right: 0; }
        section.content .newssearch .newsfilter {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 100%;
          padding: 1em;
          text-align: left; }
          section.content .newssearch .newsfilter:last-child {
            margin-right: 0; }
          section.content .newssearch .newsfilter button {
            background-color: #4d4d4d;
            border: 1px solid #4d4d4d;
            color: #fff;
            font-weight: 300; }
          section.content .newssearch .newsfilter button:hover {
            background-color: #888 !important; }
      section.content .resultsearch {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        padding: 1em;
        text-align: left;
        clear: both; }
        section.content .resultsearch:last-child {
          margin-right: 0; }
        section.content .resultsearch .searchfilter {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 100%; }
          section.content .resultsearch .searchfilter:last-child {
            margin-right: 0; }
        section.content .resultsearch .searchbutton {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 100%; }
          section.content .resultsearch .searchbutton:last-child {
            margin-right: 0; }
          section.content .resultsearch .searchbutton button {
            background-color: white;
            border: 1px solid var(--color-primary);
            color: var(--color-primary);
            font-weight: 300; }
          section.content .resultsearch .searchbutton button:hover {
            background-color: #888 !important; }
      section.content .chargelist {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        margin-top: 1em;
        padding-top: 1em; }
        section.content .chargelist:last-child {
          margin-right: 0; }
        section.content .chargelist .chargelist_item {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 100%;
          padding: 0.2em;
          border-top: 1px solid #C7C7C7; }
          section.content .chargelist .chargelist_item:nth-child(2n) {
            margin-right: 0; }
          section.content .chargelist .chargelist_item:nth-child(2n+1) {
            clear: left; }
          section.content .chargelist .chargelist_item:last-child {
            margin-right: 0; }
          section.content .chargelist .chargelist_item button {
            width: 100%;
            border: none;
            text-align: left;
            color: #333; }
            section.content .chargelist .chargelist_item button i {
              float: right;
              text-align: right; }
          section.content .chargelist .chargelist_item button:hover {
            background: transparent !important;
            color: var(--color-primary); }
        section.content .chargelist .chargelist_item:nth-child(16) {
          border-bottom: 1px solid #C7C7C7; }
      section.content .execteamlist {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 100%;
        margin-top: 1em;
        border-top: 1px solid #C7C7C7; }
        section.content .execteamlist:last-child {
          margin-right: 0; }
        section.content .execteamlist .execteamlist_item {
          float: left;
          display: block;
          margin-right: 7.42297%;
          width: 100%;
          padding: 0.2em;
          border-bottom: 1px solid #C7C7C7; }
          section.content .execteamlist .execteamlist_item:last-child {
            margin-right: 0; }
          section.content .execteamlist .execteamlist_item button {
            width: 100%;
            display: block;
            border: none;
            text-align: left;
            color: #333;
            white-space: normal; }
            section.content .execteamlist .execteamlist_item button .name {
              width: 15em;
              float: left; }
            section.content .execteamlist .execteamlist_item button i {
              padding: 0;
              text-align: center;
              display: block; }
              section.content .execteamlist .execteamlist_item button i::before {
                content: "\A";
                white-space: pre; }
            section.content .execteamlist .execteamlist_item button .title {
              font-weight: 400;
              max-width: 300px;
              font-size: 0.8em;
              margin-top: 0.5em; }
          section.content .execteamlist .execteamlist_item button:hover {
            background: transparent !important;
            color: var(--color-primary); }
      section.content .list1 {
        padding: 1em;
        background-color: white;
        margin-bottom: 1.5em; }
        section.content .list1 .content {
          border: 1px solid #85898D;
          color: var(--color-primary);
          padding: 1em;
          min-height: 6.8em;
          white-space: nowrap;
          line-height: 2.4em;
          text-align: center; }
          section.content .list1 .content a.button {
            display: block;
            float: none; }
          section.content .list1 .content button:hover {
            background: transparent !important;
            color: var(--color-primary); }
          section.content .list1 .content span {
            white-space: normal; }
            section.content .d-grid-e2 .col1 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-e2 .col1:last-child {
                margin-right: 0; }
            section.content .d-grid-e2 .col2 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-e2 .col2:last-child {
                margin-right: 0; }
              section.content .d-grid-e2 .col2:nth-child(2n) {
                margin-right: 0; }
              section.content .d-grid-e2 .col2:nth-child(2n+1) {
                clear: left; }
            section.content .d-grid-e3 .col1 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-e3 .col1:last-child {
                margin-right: 0; }
            section.content .d-grid-e3 .col2 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-e3 .col2:last-child {
                margin-right: 0; }
              section.content .d-grid-e3 .col2:nth-child(3n) {
                margin-right: 0; }
              section.content .d-grid-e3 .col2:nth-child(3n+1) {
                clear: left; }
            section.content .d-grid-e3 .col3 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-e3 .col3:last-child {
                margin-right: 0; }
              section.content .d-grid-e3 .col3:nth-child(3n) {
                margin-right: 0; }
              section.content .d-grid-e3 .col3:nth-child(3n+1) {
                clear: left; }
            section.content .d-grid-e4 .col1 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-e4 .col1:last-child {
                margin-right: 0; }
            section.content .d-grid-e4 .col2 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-e4 .col2:last-child {
                margin-right: 0; }
              section.content .d-grid-e4 .col2:nth-child(4n) {
                margin-right: 0; }
              section.content .d-grid-e4 .col2:nth-child(4n+1) {
                clear: left; }
            section.content .d-grid-e4 .col3 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-e4 .col3:last-child {
                margin-right: 0; }
              section.content .d-grid-e4 .col3:nth-child(4n) {
                margin-right: 0; }
              section.content .d-grid-e4 .col3:nth-child(4n+1) {
                clear: left; }
            section.content .d-grid-e4 .col4 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-e4 .col4:last-child {
                margin-right: 0; }
              section.content .d-grid-e4 .col4:nth-child(4n) {
                margin-right: 0; }
              section.content .d-grid-e4 .col4:nth-child(4n+1) {
                clear: left; }
            section.content .d-grid-4-8 .col1 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-4-8 .col1:last-child {
                margin-right: 0; }
            section.content .d-grid-4-8 .col2 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-4-8 .col2:last-child {
                margin-right: 0; }
              section.content .d-grid-4-8 .col2:nth-child(2n) {
                margin-right: 0; }
              section.content .d-grid-4-8 .col2:nth-child(2n+1) {
                clear: left; }
            section.content .d-grid-8-4 .col1 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-8-4 .col1:last-child {
                margin-right: 0; }
            section.content .d-grid-8-4 .col2 {
              float: left;
              display: block;
              margin-right: 7.42297%;
              width: 100%;
              padding: 2em; }
              section.content .d-grid-8-4 .col2:last-child {
                margin-right: 0; }
              section.content .d-grid-8-4 .col2:nth-child(2n) {
                margin-right: 0; }
              section.content .d-grid-8-4 .col2:nth-child(2n+1) {
                clear: left; }

  }
  section.content hr {
    padding-top: 5em;
    border-color: var(--color-primary);
    display: block;
    clear: both; }

svg:hover path {
  fill: #9b151e; }

.grid-items.wealth .grid-item p {
  color: #78755d !important; }

.grid-items.wealth a:hover {
  color: #78755d !important;
  fill: #78755d !important; }

.hero {
  background: url(""), -webkit-linear-gradient(-280deg, #20392B, #7F99BE), no-repeat #7F99BE scroll;
  background: url(""), -webkit-linear-gradient(80deg, #20392B, #7F99BE), no-repeat #7F99BE scroll;
  background: url(""), linear-gradient(10deg, #20392B, #7F99BE), no-repeat #7F99BE scroll;
  background-color: #324766;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .hero .hero-logo img {
    height: 4em;
    margin-bottom: 1em; }
  .hero .hero-inner {
    min-height: 30em;
    color: white;
    margin: auto;
    text-align: center;
    position: relative; }
    .hero .hero-inner::after {
      clear: both;
      content: "";
      display: table; }
    .hero .hero-inner .hero-copy {
      position: absolute;
      bottom: 0px;
      text-align: center;
      background: rgba(0, 0, 0, 0.5);
      padding: 0.6em 0.8em 0.2em 0.8em;
      width: 100%;
      /* or 40% or 100% */ }
      .hero .hero-inner .hero-copy h1 {
        font-size: 1.6em;
        margin-bottom: 0.5em; }
        @media screen and (min-width: em(1024px)) {
          .hero .hero-inner .hero-copy h1 {
            font-size: 1.8em; } }
      .hero .hero-inner .hero-copy p {
        font-weight: 200;
        line-height: 1.4em;
        margin: 0 auto 3em auto; }
        @media screen and (min-width: em(1024px)) {
          .hero .hero-inner .hero-copy p {
            font-size: 1.1em;
            max-width: 40%; } }
    .hero .hero-inner .button,
    .hero .hero-inner button {
      background-color: var(--color-primary);
      border-radius: 3px;
      border: 0;
      color: white;
      display: inline-block;
      font-size: inherit;
      font-weight: bold;
      padding: 7px 18px;
      text-decoration: none;
      background-clip: padding-box;
      padding: 0.7em 1em; }
      .hero .hero-inner .button:hover:not(:disabled),
      .hero .hero-inner button:hover:not(:disabled) {
        background-color: #d8262d;
        cursor: pointer; }
      .hero .hero-inner .button:active:not(:disabled), .hero .hero-inner .button:focus:not(:disabled),
      .hero .hero-inner button:active:not(:disabled),
      .hero .hero-inner button:focus:not(:disabled) {
        background-color: #a5272c;
        cursor: pointer; }
      .hero .hero-inner .button:disabled,
      .hero .hero-inner button:disabled {
        cursor: not-allowed;
        opacity: 0.5; }

.hero_personalbanking1 {
  background-image: url("../images/Asset-7.jpg");
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover; }

.hero_personalbanking2 {
  background-image: url("../images/Asset-10.jpg");
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: cover; }

.hero_corporatebanking1 {
  background-image: url("../images/Asset-11.jpg");
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: cover; }

.hero_scheduleofcharges {
  background-image: url("../images/hero-scheduleofcharges.jpg");
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: cover; }

.hero_executiveteam {
  background-image: url("../images/hero-executiveteam.jpg");
  background-position: center 10%;
  background-repeat: no-repeat;
  background-size: cover; }

.hero_loancalculator {
  background-image: url("../images/everything-but-the-kitchen-sink-log-on.jpg");
  background-position: center 10%;
  background-repeat: no-repeat;
  background-size: cover; }

.grid-items-cards {
  margin-left: auto;
  margin-right: auto; }
  .grid-items-cards p {
    line-height: 1.5em; }
  .grid-items-cards a {
    text-decoration: none; }
  .grid-items-cards::after {
    clear: both;
    content: "";
    display: table; }
  .grid-items-cards .grid-item-cards {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-collapse: separate;
    cursor: pointer;
    float: left;
    height: 14.28571%;
    overflow: hidden;
    outline: none;
    padding: 2em 1em;
    text-align: center;
    width: 14.28571%; }
    @media screen and (min-width: 1001px) {
      .grid-items-cards .grid-item-cards {
        width: 14.28571%; } }
    @media screen and (min-width: 531px) and (max-width: 1000px) {
      .grid-items-cards .grid-item-cards {
        width: 25%; } }
    @media screen and (max-width: 530px) {
      .grid-items-cards .grid-item-cards {
        width: 50%; } }
    .grid-items-cards .grid-item-cards:nth-child(1) {
      background-color: transparent;
      -webkit-box-shadow: inset 0px 0px 1px 2px rgba(0, 0, 0, 0);
              box-shadow: inset 0px 0px 1px 2px rgba(0, 0, 0, 0); }
      .grid-items-cards .grid-item-cards:nth-child(1):focus, .grid-items-cards .grid-item-cards:nth-child(1):hover {
        background-color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover; }
  .grid-items-cards .grid-item-cards img {
    display: block;
    height: 4em;
    margin-bottom: 1em;
    margin: auto; }
  .grid-items-cards .grid-item-cards button,
  .grid-items-cards .button {
    display: block;
    padding: 0.5em 0.75em;
    margin: auto;
    margin-top: 1em;
    background-color: white;
    white-space: normal; }
  .grid-items-cards .grid-item-cards h1 {
    color: var(--color-primary);
    font-size: 1.3em;
    margin-bottom: 0.4em; }
  .grid-items-cards .grid-item-cards p {
    margin: auto;
    color: rgba(190, 39, 45, 0.7);
    padding: 1.5em 0; }
    @media screen and (min-width: 40em) {
      .grid-items-cards .grid-item-cards p {
        max-width: 70%; } }
  @media screen and (min-width: em(1024px)) {
    .grid-items-cards .grid-item-big {
      width: 50%; } }
  @media screen and (min-width: 40em) {
    .grid-items-cards .grid-item-big p {
      max-width: 60%; } }
  .grid-items-cards .grid-item-image {
    background-color: #9c494d;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover; }

.smpPagination--pagination-nav {
  text-align: center;
  display: none; }

.smpPagination--pagination {
  white-space: normal;
  background-color: #4d4d4d;
  color: #4d4d4d;
  font-weight: bold;
  padding: 5px 7px;
  margin-top: 10px;
  cursor: pointer; }

.smpPagination--pagination:hover {
  background-color: white;
  color: var(--color-primary); }

.smpPagination--pagination.disable {
  background-color: lightgrey;
  color: darkgray;
  cursor: not-allowed; }

.smpPagination--pagination.next {
  float: right; }

.smpPagination--pagination.prev {
  float: left; }

.smpPagination--pagination-counter {
  padding: 5px 7px;
  margin-top: 10px;
  display: none;
  font-weight: bold; }

.side-image {
  background: #F9F9F9; }
  @media screen and (min-width: em(1024px)) {
    .side-image {
      display: table;
      width: 100%;
      table-layout: fixed; } }
  .side-image .images-wrapper {
    background: url("../../../../raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png"), -webkit-gradient(linear, left top, left bottom, from(#B5EBEB), to(#5DAC5D)), no-repeat #B5EBEB scroll;
    background: url("../../../../raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png"), -webkit-linear-gradient(#B5EBEB, #5DAC5D), no-repeat #B5EBEB scroll;
    background: url("../../../../raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png"), linear-gradient(#B5EBEB, #5DAC5D), no-repeat #B5EBEB scroll;
    background-color: #B5EBEB;
    background-size: cover;
    border-bottom: 1px solid rgba(38, 74, 38, 0.2);
    display: block;
    min-height: 12em;
    padding: 3em; }
    @media screen and (min-width: 1001px) {
      .side-image .images-wrapper {
        display: table-cell;
        width: 33.33333%;
        background-position: bottom;
        background-size: cover;
        border-right: 1px solid rgba(38, 74, 38, 0.2); } }
  .side-image .side-image-content {
    display: table-cell;
    width: 100%;
    padding: 1em 1em 4em 1em; }
    @media screen and (min-width: em(1024px)) {
      .side-image .side-image-content {
        display: table-cell;
        width: 66.66667%;
        padding: 4em 4em 8em 4em; } }
    .side-image .side-image-content h1 {
      margin-bottom: 0.9em; }
    .side-image .side-image-content h4 {
      background: #BBB;
      color: white;
      display: inline-block;
      font-size: 0.75em;
      margin-bottom: 1.3em;
      padding: 3px 8px;
      text-transform: uppercase; }
    .side-image .side-image-content p {
      color: #333;
      line-height: 1.5;
      margin-bottom: 3em; }


@media screen and (max-width: 425px) {
  .no-flexbox .execteamlist {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%;
    margin-top: 1em;
    border-top: 1px solid #C7C7C7; }
    .no-flexbox .execteamlist:last-child {
      margin-right: 0; }
    .no-flexbox .execteamlist .execteamlist_item {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      padding: 0.2em;
      border-bottom: 1px solid #C7C7C7; }
      .no-flexbox .execteamlist .execteamlist_item:last-child {
        margin-right: 0; }
      .no-flexbox .execteamlist .execteamlist_item button {
        width: 100%;
        display: block;
        border: none;
        text-align: left;
        color: #333;
        white-space: normal; }
        .no-flexbox .execteamlist .execteamlist_item button .name {
          width: 15em;
          float: left; }
        .no-flexbox .execteamlist .execteamlist_item button i {
          padding: 0;
          text-align: center;
          display: block; }
          .no-flexbox .execteamlist .execteamlist_item button i::before {
            content: "\A";
            white-space: pre; }
        .no-flexbox .execteamlist .execteamlist_item button .title {
          font-weight: 400;
          max-width: 200px;
          font-size: 0.8em;
          margin-top: 0.5em;
          width: 15em !important; }
      .no-flexbox .execteamlist .execteamlist_item button:hover {
        background: transparent !important;
        color: var(--color-primary); } }

@media screen and (min-width: 1001px) {
  .no-flexbox .grid-item {
    width: 25%;
    border-radius: 40px;
    border-collapse: separate; } }

@media screen and (min-width: 531px) and (max-width: 1000px) {
  .no-flexbox .grid-item {
    width: 50%;
    border-radius: 40px; } }

@media screen and (max-width: 530px) {
  .no-flexbox .grid-item {
    width: 100%;
    border-radius: 40px; } }

.no-flexbox .content .home-quicknav {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-top: 1em;
  padding-top: 2em; }
  .no-flexbox .content .home-quicknav:last-child {
    margin-right: 0; }
  .no-flexbox .content .home-quicknav .home-qn {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
    padding: 2em 1em;
    text-align: center; }
    .no-flexbox .content .home-quicknav .home-qn:last-child {
      margin-right: 0; }
    .no-flexbox .content .home-quicknav .home-qn:nth-child(6n) {
      margin-right: 0; }
    .no-flexbox .content .home-quicknav .home-qn:nth-child(6n+1) {
      clear: left; }
    .no-flexbox .content .home-quicknav .home-qn img {
      height: 4em; }
    .no-flexbox .content .home-quicknav .home-qn i {
      color: var(--color-primary); }
    .no-flexbox .content .home-quicknav .home-qn hr {
      border-top: var(--color-primary) 0.4pt solid;
      padding: 0; }
    .no-flexbox .content .home-quicknav .home-qn span {
      font-size: 1em; }

.no-flexbox .content .cards-sbd {
  background: white;
  padding: 2em;
  margin-bottom: 2em; }
  .no-flexbox .content .cards-sbd h3 {
    color: var(--color-primary);
    margin-top: 1.5em;
    margin-bottom: 0.3em;
    padding: 1em;
    font-size: 1.5em; }
  .no-flexbox .content .cards-sbd ul {
    padding: 0.5em 2em; }
  .no-flexbox .content .cards-sbd li {
    display: list-item;
    list-style-type: disc;
    padding: 0.3em 0; }
  .no-flexbox .content .cards-sbd .learnmore {
    text-align: center;
    padding: 1em; }
  .no-flexbox .content .cards-sbd .card-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    border: solid 1px #ccc;
    padding: 2em; }
    .no-flexbox .content .cards-sbd .card-item:last-child {
      margin-right: 0; }
    .no-flexbox .content .cards-sbd .card-item:nth-child(3n) {
      margin-right: 0; }
    .no-flexbox .content .cards-sbd .card-item:nth-child(3n+1) {
      clear: left; }
    .no-flexbox .content .cards-sbd .card-item h3 {
      color: var(--color-primary);
      margin-top: 0em;
      margin-bottom: 0.3em;
      padding: 1em;
      font-size: 1.2em;
      text-align: center; }

@media screen and (min-width: 531px) and (max-width: 1000px) {
  .no-flexbox .content .home-quicknav {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-top: 0;
    padding: 0; }
    .no-flexbox .content .home-quicknav:last-child {
      margin-right: 0; }
    .no-flexbox .content .home-quicknav .home-qn {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%;
      padding: 2em 0; }
      .no-flexbox .content .home-quicknav .home-qn:nth-child(3n) {
        margin-right: 0; }
      .no-flexbox .content .home-quicknav .home-qn:nth-child(3n+1) {
        clear: left; }
      .no-flexbox .content .home-quicknav .home-qn:last-child {
        margin-right: 0; }
  .no-flexbox .content .cards-sbd {
    padding: 1em; }
    .no-flexbox .content .cards-sbd .card-item {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      margin-bottom: 1em; }
      .no-flexbox .content .cards-sbd .card-item:last-child {
        margin-right: 0; }
      .no-flexbox .content .cards-sbd .card-item:nth-child(2n) {
        margin-right: 0; }
      .no-flexbox .content .cards-sbd .card-item:nth-child(2n+1) {
        clear: left; } }

@media screen and (max-width: 530px) {
  .no-flexbox .content .home-quicknav {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%;
    margin-top: 0;
    padding: 0; }
    .no-flexbox .content .home-quicknav:last-child {
      margin-right: 0; }
    .no-flexbox .content .home-quicknav .home-qn {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 46.28851%;
      padding: 2em 0; }
      .no-flexbox .content .home-quicknav .home-qn:nth-child(2n) {
        margin-right: 0; }
      .no-flexbox .content .home-quicknav .home-qn:nth-child(2n+1) {
        clear: left; }
      .no-flexbox .content .home-quicknav .home-qn:last-child {
        margin-right: 0; }
  .no-flexbox .content .cards-sbd {
    padding: 1em; }
    .no-flexbox .content .cards-sbd .card-item {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      margin-bottom: 1em; }
      .no-flexbox .content .cards-sbd .card-item:last-child {
        margin-right: 0; }
      .no-flexbox .content .cards-sbd .card-item:nth-child(1n) {
        margin-right: 0; }
      .no-flexbox .content .cards-sbd .card-item:nth-child(1n+1) {
        clear: left; }
      .no-flexbox .content .cards-sbd .card-item h3 {
        font-size: 1.1em; } }

.flexbox .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }

.flexbox .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 200px; }

@media screen and (max-width: 425px) {
  .flexbox .execteamlist {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%;
    margin-top: 1em;
    border-top: 1px solid #C7C7C7; }
    .flexbox .execteamlist:last-child {
      margin-right: 0; }
    .flexbox .execteamlist .execteamlist_item {
      float: left;
      display: block;
      margin-right: 7.42297%;
      width: 100%;
      padding: 0.2em;
      border-bottom: 1px solid #C7C7C7; }
      .flexbox .execteamlist .execteamlist_item:last-child {
        margin-right: 0; }
      .flexbox .execteamlist .execteamlist_item button {
        width: 100%;
        display: block;
        border: none;
        text-align: left;
        color: #333;
        white-space: normal; }
        .flexbox .execteamlist .execteamlist_item button .name {
          width: 15em;
          float: left; }
        .flexbox .execteamlist .execteamlist_item button i {
          padding: 0;
          text-align: center;
          display: block; }
          .flexbox .execteamlist .execteamlist_item button i::before {
            content: "\A";
            white-space: pre; }
        .flexbox .execteamlist .execteamlist_item button .title {
          font-weight: 400;
          max-width: 200px;
          font-size: 0.8em;
          margin-top: 0.5em;
          width: 15em !important; }
      .flexbox .execteamlist .execteamlist_item button:hover {
        background: transparent !important;
        color: var(--color-primary); } }

.flexbox .content .home-quicknav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  .flexbox .content .home-quicknav .home-qn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 2em 1em;
    text-align: center; }
    .flexbox .content .home-quicknav .home-qn img {
      height: 4em; }
    .flexbox .content .home-quicknav .home-qn i {
      color: var(--color-primary); }
    .flexbox .content .home-quicknav .home-qn hr {
      border-top: var(--color-primary) 0.4pt solid;
      padding: 0; }
    .flexbox .content .home-quicknav .home-qn span {
      font-size: 1em; }

.flexbox .content .cards-sbd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  background: white;
  padding: 2em;
  margin-bottom: 2em;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  .flexbox .content .cards-sbd .card-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    border: solid 1px #ccc;
    padding: 1em;
    margin: 1em 1em; }
    .flexbox .content .cards-sbd .card-item h3 {
      color: var(--color-primary);
      margin-top: 0em;
      margin-bottom: 0.3em;
      padding: 1em;
      font-size: 1.2em;
      text-align: center; }
    .flexbox .content .cards-sbd .card-item ul {
      padding: 0.5em 2em;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
    .flexbox .content .cards-sbd .card-item li {
      display: list-item;
      list-style-type: disc;
      padding: 0.3em 0; }
    .flexbox .content .cards-sbd .card-item .learnmore {
      text-align: center;
      padding: 1em; }

@media screen and (min-width: 531px) and (max-width: 1000px) {
  .flexbox .content .home-qn {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.333333% !important;
            flex: 0 0 33.333333% !important; }
  .flexbox .content .cards-sbd {
    padding: 1em; }
    .flexbox .content .cards-sbd .card-item {
      margin-bottom: 1em;
      -webkit-box-flex: 0 !important;
          -ms-flex: 0 0 calc(50% - 2em) !important;
              flex: 0 0 -webkit-calc(50% - 2em) !important;
              flex: 0 0 calc(50% - 2em) !important;
      max-width: 50%; }
    .flexbox .content .cards-sbd h3 {
      font-size: 1.1em; } }

@media screen and (max-width: 530px) {
  .flexbox .content .home-qn {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important; }
  .flexbox .content .cards-sbd {
    padding: 1em 0.5em; }
    .flexbox .content .cards-sbd .card-item {
      margin-bottom: 1em;
      -webkit-box-flex: 0 !important;
          -ms-flex: 0 0 calc(100%-2em) !important;
              flex: 0 0 -webkit-calc(100%-2em) !important;
              flex: 0 0 calc(100%-2em) !important;
      padding: 1em; }
    .flexbox .content .cards-sbd h3 {
      font-size: 1em;
      padding: 0.5em; }
    .flexbox .content .cards-sbd ul {
      padding: 0.5em 0.5em 1em 0.5em !important;
      margin-top: 0em; }
    .flexbox .content .cards-sbd li {
      display: list-item;
      list-style-type: disc;
      padding: 0.3em 0; } }

.flexbox .grid-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .flexbox .grid-items .grid-item {
    -ms-flex-preferred-size: 15em;
        flex-basis: 15em;
    height: 14em;
    padding: 2em 2em 0em 2em;
    margin: 1.5em;
    border-radius: 1em;
    background-color: #e4e4e4;
    border: #909090 2px solid;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .flexbox .grid-items .grid-item p {
      margin-top: 1em; }
    .flexbox .grid-items .grid-item svg {
      width: 5em; }
    .flexbox .grid-items .grid-item img {
      width: 5em; }
    .flexbox .grid-items .grid-item:hover {
      top: -2px;
      background-color: #dbdbdb; }

div.aiMainAlert, div.aiMainAlertError {
  position: relative;
  padding: 20px 100px 20px;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  z-index: 1;
  list-style: none; }

div.aiMainAlertError {
  background-color: #f00;
  color: #fff; }

div.aiMainAlert {
  background-color: #fff6eb;
  color: #95918c;
  border-bottom: solid 1px #ffd398;
  text-align: left; }

div.aiMainAlertClose {
  position: absolute;
  top: 10px;
  right: 50px;
  color: #f0ad55;
  cursor: pointer; }

div.aiMainAlertType {
  position: absolute;
  top: 20px;
  left: 50px;
  color: #f0ad55;
  cursor: pointer; }

.pagealert-wrapper {
  display: none; }

  .hero_alt {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .hero_alt::after {
      clear: both;
      content: "";
      display: table; }
    .hero_alt .bg_grey {
      background-color: #dedede;
      color: #333; }
    .hero_alt .bg_pink {
      background-color: #d40139;
      color: #fff; }
    .hero_alt .bg_yellow {
      background-color: #ffdb00;
      color: #333; }
    .hero_alt .bg_blue {
      background-color: #62b6f0;
      color: #333; }
    .hero_alt .no_bg {
      background-color: transparent;
      color: #333; }
    .hero_alt .red_100w {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: -webkit-box-shadow 0.3s ease-out;
      transition: -webkit-box-shadow 0.3s ease-out;
      transition: box-shadow 0.3s ease-out;
      transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
      background-color: var(--color-primary);
      /* Red */ }
      .hero_alt .red_100w .content {
        color: white;
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .hero_alt .red_100w .content .left {
          float: left;
          display: block;
          width: 51.17883%;
          padding: 0.5em 2em 4em 2em;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-item-align: center;
              align-self: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .hero_alt .red_100w .content .left:last-child {
            width: 48.82117%; }
          .hero_alt .red_100w .content .left .content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%; }
        .hero_alt .red_100w .content .right {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 48.82117%;
          text-align: right;
          max-height: 450px; }
          .hero_alt .red_100w .content .right:last-child {
            margin-right: 0; }
          .hero_alt .red_100w .content .right:nth-child(2n) {
            margin-right: 0; }
          .hero_alt .red_100w .content .right:nth-child(2n+1) {
            clear: left; }
          .hero_alt .red_100w .content .right img {
            -o-object-fit: cover;
               object-fit: cover;
            height: 100%;
            width: 100%; }
        .hero_alt .red_100w .content .text {
          padding-bottom: 40px;
          font-size: 30px;
          line-height: 1.5em;
          text-shadow: 2px 2px 2px #000;
          text-align: left; }
          .hero_alt .red_100w .content .text h1 {
            margin-bottom: 10px;
            font-size: 1.5em; }
          .hero_alt .red_100w .content .text p {
            margin-top: 0px; }
        .hero_alt .red_100w .content .slider-btn {
          background-color: var(--color-primary);
          /* Red */
          border: none;
          color: white;
          padding: 10px 20px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 16px;
          border-radius: 50px;
          font-weight: bold; }
    .hero_alt .img_right_b {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: -webkit-box-shadow 0.3s ease-out;
      transition: -webkit-box-shadow 0.3s ease-out;
      transition: box-shadow 0.3s ease-out;
      transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
      margin: 0 !important;
      padding: 0 !important; }
      .hero_alt .img_right_b .content {
        margin: 0 !important;
        padding: 0 !important;
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .hero_alt .img_right_b .content .left {
          float: left;
          display: block;
          width: 51.17883%;
          text-align: left;
          max-height: 300px;
          margin: 0 !important;
          padding: 0 !important; }
          .hero_alt .img_right_b .content .left:last-child {
            width: 48.82117%; }
          .hero_alt .img_right_b .content .left img {
            -o-object-fit: cover;
               object-fit: cover;
            height: 100%;
            width: 100%; }
        .hero_alt .img_right_b .content .right {
          float: left;
          display: block;
          width: 51.17883%;
          padding: 0.5em 3em 4em 3em;
          margin: 0px;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-item-align: center;
              align-self: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .hero_alt .img_right_b .content .right:last-child {
            width: 48.82117%; }
          .hero_alt .img_right_b .content .right .content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%;
            margin: 0 !important;
            padding: 0 !important; }
    .hero_alt .img_left_b {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: -webkit-box-shadow 0.3s ease-out;
      transition: -webkit-box-shadow 0.3s ease-out;
      transition: box-shadow 0.3s ease-out;
      transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
      .hero_alt .img_left_b .content {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .hero_alt .img_left_b .content .right {
          float: left;
          display: block;
          width: 51.17883%;
          padding: 0;
          margin: 0;
          text-align: right;
          max-height: 300px;
          margin-left: auto;
          padding-left: auto; }
          .hero_alt .img_left_b .content .right:last-child {
            width: 48.82117%; }
          .hero_alt .img_left_b .content .right img {
            -o-object-fit: cover;
               object-fit: cover;
            height: 100%;
            width: 100%; }
        .hero_alt .img_left_b .content .left {
          float: left;
          display: block;
          width: 51.17883%;
          padding: 0.5em 3em 4em 3em;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-item-align: center;
              align-self: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin: 0; }
          .hero_alt .img_left_b .content .left:last-child {
            width: 48.82117%; }
          .hero_alt .img_left_b .content .left .content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%;
            padding: 0;
            margin: 0; }
    @media screen and (max-width: 530px) {
      .hero_alt .red_100w .content {
        width: 100%;
        text-align: left;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .hero_alt .red_100w .content .left {
          padding: 3em 3em 1.5em 3em;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-item-align: center;
              align-self: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin: 0;
          width: 100%; }
          .hero_alt .red_100w .content .left .content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%; }
        .hero_alt .red_100w .content .right {
          width: 100%;
          padding: 1.5em 3em 0em 3em;
          margin: 0px;
          max-height: 400px; }
          .hero_alt .red_100w .content .right img {
            -o-object-fit: cover;
               object-fit: cover;
            width: 100%;
            height: 100%; }
      .hero_alt .img_right_b .content {
        width: 100%;
        text-align: left;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .hero_alt .img_right_b .content .right {
          padding: 3em 3em 1.5em 3em;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-item-align: center;
              align-self: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin: 0;
          width: 100% !important; }
          .hero_alt .img_right_b .content .right .content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%; }
        .hero_alt .img_right_b .content .left {
          width: 100% !important;
          padding: 1.5em 3em 0em 3em;
          margin: 0px;
          max-height: 400px; }
          .hero_alt .img_right_b .content .left img {
            -o-object-fit: cover;
               object-fit: cover;
            width: 100%;
            height: 100%; }
      .hero_alt .img_left_b .content {
        width: 100%;
        text-align: left;
        margin: 0px !important;
        padding: 0px !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .hero_alt .img_left_b .content .left {
          padding: 3em 3em 1.5em 3em;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-item-align: center;
              align-self: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          width: 100% !important; }
          .hero_alt .img_left_b .content .left .content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%; }
        .hero_alt .img_left_b .content .right {
          width: 100% !important;
          margin: 0;
          max-height: 450px; }
          .hero_alt .img_left_b .content .right img {
            -o-object-fit: cover;
               object-fit: cover;
            width: 100%;
            height: auto; } }

.expand {
  padding: 2em 0em 2em 0em; }

.expand .trigger {
  text-align: center;
  cursor: pointer;
  font-weight: normal;
  font-size: 0.8rem; }

.expand .content {
  background-color: #f5f5f5;
  display: none;
  padding: 0.75em 2em; }